@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2)format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff")}:root{color:#111;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;--air:#fafafa;--ink:#111;--carrier:#2563eb;--carrier-hover:#1d4ed8;--pulse:#d65c73;--echo:#6a9d62;--grid:#e8e8e8;--surface:#f3f3f3;--white:#fff;--muted:#727272;--font-heading:"Space Grotesk", "Inter", system-ui, sans-serif;--font-body:"Inter", "SF Pro Text", system-ui, sans-serif;--font-stat:"Inter", "SF Compact Rounded", system-ui, sans-serif;background:#fafafa}*{box-sizing:border-box}html{background:var(--air);min-width:320px}body{background:var(--air);min-width:320px;min-height:100vh;margin:0}button,input,textarea,a{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible,label:focus-within{outline-offset:2px;outline:2px solid #2563eb80}button{color:inherit}.app-shell{width:min(1200px,100% - 64px);margin:0 auto;padding-bottom:64px}.topbar{border-bottom:1px solid var(--grid);justify-content:space-between;align-items:center;min-height:72px;display:flex}.brand{min-height:44px;color:var(--ink);font-family:var(--font-heading);letter-spacing:-.02em;align-items:center;gap:11px;font-size:20px;font-weight:500;text-decoration:none;display:inline-flex}.brand-mark{background:var(--carrier);border-radius:6px;place-items:center;width:32px;height:32px;display:grid;position:relative;overflow:hidden}.brand-mark span,.brand-mark:before,.brand-mark:after{background:var(--white);content:"";border-radius:3px;width:4px;position:absolute}.brand-mark span{height:8px}.brand-mark:before{height:17px;transform:translate(-7px)}.brand-mark:after{height:24px;transform:translate(7px)}.topbar__status{color:var(--muted);align-items:center;gap:9px;font-size:13px;font-weight:500;display:inline-flex}.topbar__status-dot{background:var(--echo);border-radius:999px;width:8px;height:8px}.intro{padding:64px 0 48px}.intro h1{max-width:780px;font-family:var(--font-heading);letter-spacing:-.03em;margin:0 0 24px;font-size:clamp(56px,6vw,72px);font-weight:400;line-height:1}.intro h1 span{color:var(--carrier);display:block}.intro__copy{max-width:610px;color:var(--muted);margin:0;font-size:17px;line-height:1.6}.mode-switch{border:1px solid var(--grid);background:var(--surface);border-radius:8px;grid-template-columns:repeat(2,1fr);width:min(100%,420px);margin-bottom:16px;padding:4px;display:grid}.mode-switch button{cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:46px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.mode-switch button[aria-selected=true]{color:var(--ink);background:var(--white)}.mode-switch button[aria-selected=true]:after{background:var(--carrier);content:"";height:2px;position:absolute;bottom:0;left:16px;right:16px}.mode-switch svg{width:18px;height:18px}.workbench{grid-template-columns:minmax(360px,.76fr) minmax(0,1.24fr);gap:24px;display:grid}.workbench--receive{grid-template-columns:minmax(0,1fr)}.receive-stage{min-width:0}.receive-stage__error,.receive-stage>.received-file,.receive-stage>.received-message{margin-top:16px}.action-card,.runway{border-radius:8px;min-height:520px}.action-card{border:1px solid var(--grid);background:var(--surface);flex-direction:column;padding:clamp(24px,3vw,40px);display:flex}.action-card__heading{font-family:var(--font-heading);letter-spacing:-.02em;margin:0 0 24px;font-size:clamp(28px,2.5vw,34px);font-weight:400;line-height:1.15}.payload-composer{background:var(--white);border:1px solid #d0d0d0;border-radius:8px;overflow:hidden}.payload-composer:focus-within{outline:2px solid var(--carrier);outline-offset:2px}.payload-composer label:focus-within{outline:0}.payload-tabs{border-bottom:1px solid var(--grid);background:var(--air);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.payload-tabs button{min-height:48px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:500;position:relative}.payload-tabs button:after{content:"";background:0 0;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:24px;right:24px}.payload-tabs button[aria-selected=true]{color:var(--carrier)}.payload-tabs button[aria-selected=true]:after{background:var(--carrier)}.payload-tabs button:disabled{cursor:not-allowed;opacity:.65}.payload-panel{min-height:176px}.message-editor{flex-direction:column;min-height:176px;padding:16px;display:flex}.message-editor__label{color:var(--ink);font-size:12px;font-weight:500}.message-editor textarea{resize:vertical;width:100%;min-height:102px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:10px 0;font-size:16px;line-height:1.5}.message-editor textarea::placeholder{color:#a1a1a1}.message-editor textarea:disabled{cursor:not-allowed;opacity:.66}.message-editor__footer{border-top:1px solid var(--grid);color:var(--muted);font-family:var(--font-body);letter-spacing:0;justify-content:space-between;gap:16px;padding-top:10px;font-size:11px;display:flex}.byte-count{color:var(--carrier);white-space:nowrap}.byte-count--over{color:#b03a52}.file-drop{cursor:pointer;text-align:center;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;min-height:176px;padding:22px;transition:border-color .16s,background-color .16s,transform .16s;display:flex}.file-drop:hover,.file-drop--dragging{background:#eff6ff}.file-drop--disabled,.file-drop--disabled:hover{cursor:not-allowed;opacity:.72;transform:none}.file-drop__empty{justify-items:center;gap:8px;display:grid}.file-drop__icon{width:48px;height:48px;color:var(--carrier);background:#eff6ff;border-radius:6px;place-items:center;display:grid}.file-drop__icon svg{width:23px;height:23px}.file-drop strong{font-size:14px;font-weight:500}.file-drop small{color:var(--muted);font-size:12px}.selected-file{text-align:left;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;display:grid}.selected-file__glyph{border:1px solid var(--grid);width:44px;height:52px;color:var(--carrier);background:var(--white);font-family:var(--font-stat);text-transform:uppercase;border-radius:6px;place-items:center;font-size:9px;font-weight:600;display:grid}.selected-file__name{text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;display:block;overflow:hidden}.selected-file__meta{color:var(--muted);font-family:var(--font-body);font-size:11px}.selected-file__change{color:var(--carrier);font-size:11px;font-weight:500}.transfer-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:13px 0 0;display:grid}.transfer-fact{background:var(--white);border:1px solid #d0d0d0;border-radius:6px;padding:12px}.transfer-fact span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:500;display:block}.transfer-fact strong{font-family:var(--font-stat);font-size:13px;font-weight:600}.action-card__spacer{flex:1;min-height:20px}.primary-button,.secondary-button,.download-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.primary-button svg,.secondary-button svg,.download-button svg{width:18px;height:18px}.primary-button,.download-button{border:1px solid var(--carrier);color:var(--white);background:var(--carrier)}.primary-button:hover,.download-button:hover{border-color:var(--carrier-hover);background:var(--carrier-hover)}.primary-button:disabled{color:#727272;cursor:not-allowed;background:#e8e8e8;border-color:#d0d0d0}.secondary-button{border:1px solid var(--ink);color:var(--ink);background:0 0}.secondary-button:hover{background:var(--white)}.button-row{grid-template-columns:1fr auto;gap:9px;display:grid}.quiet-note,.error-note{color:var(--muted);align-items:flex-start;gap:10px;margin-top:14px;font-size:12px;line-height:1.5;display:flex}.quiet-note svg,.error-note svg{width:16px;min-width:16px;height:16px;margin-top:1px}.error-note{color:#932d43;background:#fdf2f4;border:1px solid #f5c4cc;border-radius:6px;padding:11px 12px}.received-file,.received-message{background:var(--white);text-align:center;border:1px solid #d0d0d0;border-radius:8px;align-content:center;justify-items:center;min-height:206px;padding:24px;display:grid}.received-message{text-align:left;flex-direction:column;justify-content:stretch;align-items:stretch;display:flex}.received-message__heading{color:var(--muted);font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;font-size:11px;display:flex}.received-message__heading strong{color:var(--echo);font-family:var(--font-stat);margin:0;font-size:11px}.received-message__body{resize:vertical;width:100%;min-height:130px;color:var(--ink);background:var(--white);overflow-wrap:anywhere;white-space:pre-wrap;border:1px solid #d0d0d0;border-radius:6px;outline:0;margin-top:12px;padding:13px 14px;font-size:13px;line-height:1.55}.received-file strong{margin-top:14px;font-size:15px;font-weight:500}.received-file p{max-width:290px;color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.5}.runway{color:var(--white);background:var(--ink);flex-direction:column;padding:clamp(24px,3.4vw,38px);display:flex;overflow:hidden}.runway__header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.runway__band{color:var(--white);font-family:var(--font-heading);letter-spacing:-.02em;margin:0;font-size:clamp(25px,3vw,35px);font-weight:400}.runway__controls{width:min(100%,420px);margin-top:24px}.runway__controls>.primary-button,.runway__controls>.secondary-button,.runway__controls>.download-button,.runway__controls .button-row{width:100%}.runway__controls .primary-button,.runway__controls .secondary-button,.runway__controls .download-button{margin-top:0}.runway__controls .secondary-button{color:var(--white);border-color:#ffffffb8}.runway__controls .secondary-button:hover{background:#ffffff14}.band-badge{color:#ffffffb8;white-space:nowrap;border:1px solid #ccd3e633;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;font-weight:500;display:inline-flex}.band-badge__dot{background:var(--echo);border-radius:50%;width:6px;height:6px}.runway__scale{color:#ffffff7a;letter-spacing:.08em;text-transform:uppercase;grid-template-columns:.9fr 1.5fr .6fr;margin:46px 0 11px 73px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;display:grid}.runway__scale span:nth-child(2){text-align:center}.runway__scale span:last-child{text-align:right}.runway__lanes{gap:14px;display:grid}.carrier-lane{grid-template-columns:57px minmax(0,1fr);align-items:center;gap:16px;display:grid}.carrier-lane__label{color:#ffffff94;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.carrier-lane__track{border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;grid-template-columns:repeat(20,minmax(2px,1fr));align-items:center;gap:4px;min-height:28px;padding:5px 0;display:grid}.packet-cell{background:#ffffff1f;border-radius:2px;width:100%;height:6px;transition:height .22s,background-color .22s,transform .22s;display:block}.carrier-lane:first-child .packet-cell--filled,.carrier-lane:first-child .packet-cell--cursor{background:#2563eb}.carrier-lane:nth-child(2) .packet-cell--filled,.carrier-lane:nth-child(2) .packet-cell--cursor{background:#93c5fd}.carrier-lane:nth-child(3) .packet-cell--filled,.carrier-lane:nth-child(3) .packet-cell--cursor{background:#d65c73}.carrier-lane:nth-child(4) .packet-cell--filled,.carrier-lane:nth-child(4) .packet-cell--cursor{background:#6a9d62}.carrier-lane:nth-child(odd) .packet-cell--filled:nth-child(3n),.carrier-lane:nth-child(2n) .packet-cell--filled:nth-child(4n){height:16px}.packet-cell--cursor{height:22px;animation:.7s steps(2,end) infinite packet-cursor}@keyframes packet-cursor{50%{opacity:.42;transform:translateY(calc((var(--lane-index) - 1.5) * 1px))}}.signal-meter{color:#ffffff94;text-transform:uppercase;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:28px 0 -11px 73px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;display:grid}.signal-meter__track{background:#ffffff24;border-radius:3px;height:4px;overflow:hidden}.signal-meter__track span{transform-origin:0;background:var(--echo);width:100%;height:100%;transition:transform .12s linear;display:block}.runway__readout{border-top:1px solid #ffffff2e;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;margin-top:auto;padding-top:28px;display:grid}.runway__state-mark{border:2px solid #7f7a90;border-radius:50%;width:11px;height:11px}.runway--ready .runway__state-mark,.runway--sending .runway__state-mark,.runway--receiving .runway__state-mark{border-color:var(--pulse);background:var(--pulse)}.runway--listening .runway__state-mark{background:#60a5fa;border-color:#60a5fa;animation:1.3s steps(2,end) infinite status-blink}.runway--complete .runway__state-mark{border-color:var(--echo);background:var(--echo)}.runway--error .runway__state-mark{border-color:var(--pulse)}@keyframes status-blink{50%{opacity:.35}}.runway__readout div{min-width:0}.runway__readout strong,.runway__readout span{display:block}.runway__readout strong{color:var(--white);margin-bottom:3px;font-size:12px}.runway__readout div span{color:#ffffff9e;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.runway__readout code{color:#ffffff9e;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.runway__readout .runway__percent{font-family:var(--font-stat);margin:0;font-size:17px}.principles{border:1px solid var(--grid);background:var(--white);border-radius:8px;grid-template-columns:repeat(3,1fr);margin-top:16px;display:grid}.principle{grid-template-columns:auto 1fr;gap:13px;padding:20px 22px;display:grid}.principle+.principle{border-left:1px solid var(--grid)}.principle__index{color:var(--carrier);font-family:var(--font-stat);font-size:11px;font-weight:600}.principle strong{font-family:var(--font-heading);margin-bottom:4px;font-size:14px;font-weight:500;display:block}.principle p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.site-footer{border-top:1px solid var(--grid);min-height:88px;color:var(--muted);grid-template-columns:auto 120px minmax(0,1fr);align-items:center;gap:12px;margin-top:48px;font-size:11px;display:grid}.site-footer__credit,.site-footer__meta>span{white-space:nowrap}.site-footer__gumbo{min-height:44px;color:var(--ink);align-items:center;display:inline-flex}.site-footer__gumbo svg{width:112px;height:auto;display:block}.site-footer__meta{justify-self:end;align-items:center;gap:8px;min-width:0;display:flex}.site-footer__meta>span{text-overflow:ellipsis;overflow:hidden}.site-footer__github{width:44px;height:44px;color:var(--ink);flex:0 0 44px;justify-content:center;align-items:center;transition:color .16s,transform .16s;display:inline-flex}.site-footer__github:hover{color:var(--carrier);transform:translateY(-1px)}.site-footer__github svg{width:19px;height:19px}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.intro{padding-top:54px}.workbench{grid-template-columns:1fr}.action-card,.runway{min-height:480px}}@media (width<=640px){.app-shell{width:100%;padding:0 16px calc(32px + env(safe-area-inset-bottom))}.topbar{min-height:56px}.intro{padding:24px 0 20px}.intro h1{margin:0 0 12px;font-size:clamp(36px,11vw,44px);line-height:.98}.intro__copy{font-size:15px;line-height:1.5}.mode-switch{width:100%;margin-bottom:12px}.mode-switch button{min-height:44px;font-size:15px}.button-row{grid-template-columns:1fr}.action-card,.runway{border-radius:8px;min-height:0;padding:16px}.workbench{gap:16px}.action-card__heading{margin:0 0 16px;font-size:26px;line-height:1.1}.action-card__spacer{display:none}.payload-panel,.message-editor,.file-drop{min-height:144px}.message-editor textarea{min-height:76px;font-size:16px}.message-editor__footer,.selected-file__meta,.selected-file__change,.file-drop small{font-size:12px}.transfer-facts{border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;gap:0;margin-top:12px}.transfer-fact{background:0 0;border:0;border-radius:0;padding:8px 0}.transfer-fact+.transfer-fact{border-left:1px solid #d0d0d0;padding-left:16px}.primary-button,.secondary-button,.download-button{width:100%;margin-top:16px}.button-row .primary-button,.button-row .secondary-button,.button-row .download-button{margin-top:0}.selected-file{grid-template-columns:40px minmax(0,1fr)}.selected-file__glyph{width:40px;height:48px}.selected-file__change{grid-column:2}.runway{min-height:280px}.workbench--receive .runway{min-height:clamp(380px,58svh,500px)}.runway__band{font-size:24px}.runway__controls{width:100%;margin-top:18px}.runway__scale{display:none}.runway__lanes{gap:8px;margin-top:24px}.workbench--receive .runway__lanes{flex:1;align-content:center;gap:14px;margin-top:16px}.carrier-lane{grid-template-columns:40px minmax(0,1fr);gap:10px}.carrier-lane__track{gap:1px;min-height:22px}.workbench--receive .carrier-lane__track{min-height:30px}.carrier-lane__label{font-size:9px}.signal-meter{margin:16px 0 0 50px}.runway__readout{grid-template-columns:auto minmax(0,1fr) auto;padding-top:16px}.runway__readout code,.principles{display:none}.site-footer{grid-template-columns:auto 96px minmax(0,1fr);gap:8px;min-height:80px;margin-top:24px}.site-footer__gumbo svg{width:92px}.site-footer__meta{overflow:hidden}}@media (width<=360px){.intro{padding-top:20px}.intro h1{margin-top:0;font-size:36px;line-height:1.05}.intro__copy{font-size:14px}.site-footer{grid-template-columns:auto 88px minmax(0,1fr);font-size:10px}.site-footer__gumbo svg{width:84px}.action-card__heading{font-size:24px}.payload-tabs button{min-height:44px}.payload-panel,.message-editor,.file-drop{min-height:128px}.message-editor{padding:12px}.message-editor textarea{min-height:60px;padding-top:0}.primary-button,.secondary-button,.download-button{margin-top:8px}.brand{font-size:18px}.topbar__status{font-size:11px}.band-badge{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}