@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--af-color-bg:#fff;--af-color-surface:#f6f7f9;--af-color-text:#16181d;--af-color-text-muted:#5c6470;--af-color-primary:#3554d1;--af-color-on-primary:#fff;--af-color-danger:#c73a3a;--af-color-border:#d9dde3;--af-radius:10px;--af-space-1:4px;--af-space-2:8px;--af-space-3:16px;--af-space-4:24px;--af-font:-apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--af-color-bg:#101216;--af-color-surface:#1a1d23;--af-color-text:#eceef2;--af-color-text-muted:#9aa3af;--af-color-border:#2c313a}}:root{--af-color-primary:#1f6b4f;--af-color-bg:#f7f4ed;--af-color-surface:#fffdf8;--af-color-text:#17231d;--af-color-text-muted:#657168;--af-color-border:#d9ded6;--af-color-on-primary:#fffdf8;--af-color-danger:#b5453d;--af-radius:16px;--af-font:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--af-font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--af-color-bg);margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-canvas{width:100%;min-height:calc(100dvh - 16px)}.home-shell,.flow-shell{width:min(1120px,100%);margin:0 auto;padding:0 28px 40px}.topbar{border-bottom:1px solid #dfe2dc;justify-content:space-between;align-items:center;height:68px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.brand-mark{background:#dceee5;border-radius:11px;place-items:center;width:34px;height:34px;font-size:19px;display:grid}.icon-button{color:#415048;cursor:pointer;background:0 0;border:0;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.icon-button:hover{background:#ece9e1}.hero{max-width:820px;padding:clamp(54px,8vw,96px) 0 46px}.eyebrow{color:#37634f;text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:9px;margin-bottom:21px;font-family:DM Mono,monospace;font-size:12px;font-weight:500;display:flex}.pulse-dot{background:#4fad7d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #dceddf}.hero h1{letter-spacing:-.065em;margin:0;font-size:clamp(48px,8vw,88px);font-weight:800;line-height:.98}.hero h1 em{color:#237356;font-style:normal}.hero p{color:#5d6961;max-width:650px;margin:30px 0 0;font-size:clamp(17px,2.1vw,21px);line-height:1.65}.action-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.action-card{text-align:left;cursor:pointer;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;min-height:142px;padding:27px;transition:transform .18s,box-shadow .18s;display:grid}.action-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #183c2920}.action-card strong{letter-spacing:-.03em;margin-bottom:7px;font-size:23px;display:block}.action-card small{opacity:.75;font-size:14px;display:block}.action-icon{border-radius:18px;place-items:center;width:65px;height:65px;display:grid}.action-send{color:#fff;background:#1f6b4f;border:1px solid #185f46}.action-send .action-icon{background:#ffffff18}.action-receive{color:#173327;background:#fffdf8;border:1px solid #cfd7d0}.action-receive .action-icon{color:#226d51;background:#e1eee7}.trust-strip{border-top:1px solid #dfe2dc;border-bottom:1px solid #dfe2dc;grid-template-columns:repeat(3,1fr);gap:10px;margin:48px 0 25px;padding:24px 0;display:grid}.trust-strip>div{color:#3e5047;border-right:1px solid #dfe2dc;align-items:center;gap:13px;padding:4px 14px;display:flex}.trust-strip>div:last-child{border:0}.trust-strip svg{color:#2f7b5d}.trust-strip strong,.trust-strip small{display:block}.trust-strip strong{font-size:13px}.trust-strip small{color:#778078;margin-top:3px;font-size:11px}.premium-nudge{color:#5c4a20;cursor:pointer;background:#f8eed4;border:1px solid #dfd4b7;border-radius:15px;justify-content:space-between;align-items:center;width:100%;padding:17px 20px;display:flex}.privacy-line{color:#7c857e;text-align:center;justify-content:center;align-items:center;gap:7px;margin-top:32px;font-size:11px;display:flex}.flow-shell{max-width:900px}.flow-header{border-bottom:1px solid #dfe2dc;grid-template-columns:40px 1fr 40px;align-items:center;height:68px;display:grid}.flow-header .brand{justify-content:center}.flow-header>button{color:#32443b;cursor:pointer;background:0 0;border:0;border-radius:12px;width:40px;height:40px;font-size:22px}.flow-card,.session-card,.template-screen{background:#fffdf8;border:1px solid #dce0da;border-radius:24px;max-width:720px;margin:42px auto 0;padding:30px;box-shadow:0 18px 60px #25372d0b}.drop-zone{cursor:pointer;background:#f5faf6;border:1.5px dashed #97b3a4;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.drop-zone:hover{background:#eff8f2;border-color:#287657}.drop-dumpling{filter:drop-shadow(0 8px 9px #47735c2b);font-size:53px}.drop-zone h2{letter-spacing:-.03em;margin:17px 0 7px;font-size:24px}.drop-zone p,.center-copy p{color:#728077;margin:0;font-size:14px}.file-list{margin:25px 0 0}.file-list-heading{color:#44564d;justify-content:space-between;margin-bottom:9px;font-size:13px;display:flex}.file-row{border-top:1px solid #e6e8e3;grid-template-columns:43px 1fr 32px;align-items:center;gap:11px;padding:12px 4px;display:grid}.file-type,.file-icon{color:#24674d;background:#e1eee7;border-radius:10px;place-items:center;width:42px;height:42px;font-family:DM Mono,monospace;font-size:10px;font-weight:500;display:grid}.file-row strong,.file-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-row strong{font-size:13px}.file-row small{color:#879088;margin-top:3px;font-size:11px}.file-row button{color:#899189;cursor:pointer;background:0 0;border:0;font-size:22px}.primary-cta{color:#fff;cursor:pointer;background:#1f6b4f;border:0;border-radius:13px;width:100%;margin-top:24px;padding:15px 20px;font-weight:700}.primary-cta:disabled{opacity:.45;cursor:not-allowed}.microcopy{color:#7c867f;text-align:center;margin:13px 0 0;font-size:11px}.error-banner{color:#8a3732;background:#f9e5e1;border-radius:11px;padding:12px 14px;font-size:13px}.receive-card{max-width:600px}.receive-illustration,.waiting-orbit{background:#e2f0e8;border-radius:50%;place-items:center;width:96px;height:96px;margin:0 auto;font-size:43px;display:grid;position:relative}.receive-illustration i,.receive-illustration b,.waiting-orbit i,.waiting-orbit b{opacity:.5;border:1px solid #9bc7b2;border-radius:50%;position:absolute;inset:-9px}.receive-illustration b,.waiting-orbit b{opacity:.25;inset:-20px}.center-copy{text-align:center;margin:32px 0}.center-copy h1{letter-spacing:-.04em;margin:0 0 9px;font-size:27px}.code-label,.share-details label,.sas-card label,.section-heading label{color:#69766e;letter-spacing:.12em;margin-bottom:8px;font-family:DM Mono,monospace;font-size:10px;display:block}.code-input{color:#173327;text-align:center;background:#fff;border:1px solid #bfc9c1;border-radius:12px;outline:0;width:100%;padding:16px;font-family:DM Mono,monospace;font-size:15px}.code-input:focus{border-color:#27805e;box-shadow:0 0 0 3px #2d8d6720}.or{color:#9aa29b;align-items:center;gap:12px;margin:18px 0;font-size:11px;display:flex}.or:before,.or:after{content:"";background:#e2e5df;flex:1;height:1px}.scan-button,.share-native{color:#285843;cursor:pointer;background:#fff;border:1px solid #cad2cb;border-radius:12px;width:100%;padding:13px;font-weight:700}.scanner{color:#fff;text-align:center;background:#17231d;border-radius:14px;margin-top:14px;padding:10px;overflow:hidden}.scanner video{object-fit:cover;border-radius:9px;width:100%;max-height:300px}.scanner p{margin:7px 0 0;font-size:11px}.session-shell{max-width:980px}.session-card{max-width:820px}.pairing-share{text-align:center}.pairing-share h1{letter-spacing:-.04em;margin:26px 0 8px}.pairing-share>p{color:#6e7a72;margin:0 0 27px;font-size:13px}.waiting-orbit{animation:2.5s ease-in-out infinite breathe}@keyframes breathe{50%{transform:scale(1.04)}}.share-columns{text-align:left;grid-template-columns:230px 1fr;gap:24px;display:grid}.qr-panel{background:#fff;border:1px solid #dfe3dd;border-radius:16px;padding:12px}.qr-panel img{width:100%;display:block}.qr-placeholder{aspect-ratio:1;background:#eef0ec}.share-details{flex-direction:column;justify-content:center;display:flex}.copy-field{color:#273a31;cursor:pointer;background:#f8faf7;border:1px solid #d2d8d2;border-radius:11px;justify-content:space-between;gap:8px;width:100%;min-width:0;margin-bottom:14px;padding:12px;display:flex}.copy-field span{text-overflow:ellipsis;white-space:nowrap;font-family:DM Mono,monospace;font-size:11px;overflow:hidden}.copy-field b{color:#227151;font-size:11px}.link-field span{max-width:230px}.connection-status{color:#315744;background:#eef5f0;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;margin:24px 0;padding:13px 15px;display:grid}.connection-status small{color:#718078;grid-column:2;margin-top:2px;font-size:10px}.status-dot{background:#42a476;border-radius:50%;grid-row:1/3;width:9px;height:9px;box-shadow:0 0 0 4px #d5eadf}.status-failed,.status-disconnected{color:#8a3732;background:#f9e8e4}.status-failed .status-dot,.status-disconnected .status-dot{background:#bd5149;box-shadow:0 0 0 4px #f0d2cd}.sas-card{background:#fcf6e3;border:1px solid #d8d0af;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:11px 20px;padding:21px;display:grid}.sas-card h2{letter-spacing:.12em;margin:5px 0;font-size:28px}.sas-card p{color:#786f52;margin:0;font-size:11px}.sas-card button{color:#fff;background:#245f49;border:0;border-radius:10px;grid-area:1/2;padding:11px 15px;font-size:12px;font-weight:700}.sas-card span{text-align:center;grid-column:2;font-size:9px}.sas-card .verified{color:#247354}.sas-card .pending{color:#8c7e51}.transfer-files,.chat-card{border:1px solid #dce1da;border-radius:16px;margin-top:20px;padding:21px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-heading h2{margin:0;font-size:17px}.section-heading>strong,.section-heading>span{color:#66736b;font-size:11px}.transfer-file{border-top:1px solid #e4e7e2;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.file-meta strong,.file-meta small{display:block}.file-meta strong{font-size:12px}.file-meta small{color:#7b857e;margin:3px 0 7px;font-size:9px}.progress-track{background:#e6e9e5;border-radius:9px;height:4px;overflow:hidden}.progress-track i{border-radius:inherit;background:#2b855f;height:100%;transition:width .2s;display:block}.transfer-file>b,.transfer-file>a{color:#2d7859;font-size:10px;text-decoration:none}.accept-row{grid-template-columns:1fr 2fr;gap:10px;display:grid}.accept-row .primary-cta{margin-top:15px}.decline{color:#657168;background:#fff;border:1px solid #ccd3cd;border-radius:12px;margin-top:15px;font-weight:600}.messages{max-height:230px;padding:8px 0;overflow-y:auto}.empty-chat{color:#859087;text-align:center;font-size:11px}.message{flex-direction:column;max-width:78%;margin:7px 0;display:flex}.message span{border-radius:13px;padding:9px 12px;font-size:12px}.message small{color:#939a94;margin-top:3px;font-size:8px}.message.mine{align-items:flex-end;margin-left:auto}.message.mine span{color:#fff;background:#236e51;border-bottom-right-radius:4px}.message.theirs span{background:#edf0ec;border-bottom-left-radius:4px}.chat-input{grid-template-columns:1fr 40px;gap:8px;margin-top:10px;display:grid}.chat-input input{border:1px solid #d2d8d2;border-radius:11px;outline:0;min-width:0;padding:11px 13px}.chat-input button{color:#fff;background:#226d51;border:0;border-radius:11px;font-size:18px}.template-screen{max-width:640px}.template-screen>div{gap:16px!important}@media (width<=700px){.home-shell,.flow-shell{padding-left:17px;padding-right:17px}.hero{padding-top:48px}.hero h1{font-size:50px}.hero p{font-size:16px}.action-grid{grid-template-columns:1fr}.action-card{min-height:112px;padding:20px}.action-icon{width:52px;height:52px}.trust-strip{grid-template-columns:1fr}.trust-strip>div{border-bottom:1px solid #dfe2dc;border-right:0;padding:12px 4px}.premium-nudge{align-items:flex-start;gap:12px;font-size:11px}.privacy-line{line-height:1.5}.flow-card,.session-card,.template-screen{border-radius:18px;margin-top:22px;padding:18px}.drop-zone{min-height:250px}.share-columns{grid-template-columns:1fr}.qr-panel{width:210px;margin:0 auto}.sas-card{text-align:center;grid-template-columns:1fr}.sas-card button,.sas-card span{grid-area:auto/1}.session-card{padding:14px}.connection-status{margin-top:18px}.transfer-files,.chat-card,.sas-card{padding:15px}.accept-row{grid-template-columns:1fr}.decline{order:2;margin-top:0;padding:13px}}@media (prefers-color-scheme:dark){:root{--af-color-bg:#f7f4ed;--af-color-surface:#fffdf8;--af-color-text:#17231d;--af-color-text-muted:#657168;--af-color-border:#d9ded6}}