@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#080b0c;--surface:#111618;--surface2:#171d1f;--line:#283033;--text:#f1f4f3;--muted:#929da0;--red:#ff4b42;--red-dim:#351a19;--mint:#a7dbbe;--mono:'IBM Plex Mono',monospace;--display:'Barlow Condensed','Arial Narrow',sans-serif;--body:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 var(--body);-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0}h1,h2,p{margin:0}h1{font-family:var(--display);font-size:2.35rem;line-height:1.1;font-weight:600;letter-spacing:.01em}h2{font-size:1.1rem;font-weight:600}svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.phone-app{width:100%;max-width:520px;margin:auto;min-height:100dvh;padding:env(safe-area-inset-top) 20px calc(104px + env(safe-area-inset-bottom))}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:3px}.brand-mark{font:700 25px/1 var(--display);color:var(--red);position:relative;display:inline-flex;align-items:center;letter-spacing:-3px}.brand-mark>span{font:600 22px var(--body);letter-spacing:0}.avatar{width:37px;height:37px;background:var(--surface);border:1px solid var(--line);border-radius:50%;font:500 13px var(--mono);color:var(--muted)}.demo-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0;display:flex;justify-content:space-between;gap:10px;font:500 12px var(--mono);letter-spacing:.035em;color:var(--muted)}.demo-strip button{background:none;padding:2px 0;color:var(--mint);font:inherit;min-height:24px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:27px 0 21px}.eyebrow{font:500 12px/1.5 var(--mono);letter-spacing:.09em;color:var(--muted)}.page-heading .eyebrow{margin-bottom:7px}.status-chip{padding:5px 9px;background:var(--red-dim);border:1px solid #61302a;border-radius:4px;color:#ff8078;font-size:13px;font-weight:600;white-space:nowrap}.status-chip.safe{background:#172a23;border-color:#314f40;color:var(--mint)}.diagnostic{height:270px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 48%,#281311 0,transparent 62%);border-top:1px solid #222b2d;border-bottom:1px solid #222b2d}.scan-grid{position:absolute;inset:0;background-image:linear-gradient(#1e282a66 1px,transparent 1px),linear-gradient(90deg,#1e282a66 1px,transparent 1px);background-size:34px 34px;opacity:.45;mask-image:linear-gradient(90deg,black,transparent)}.scan-sweep{position:absolute;top:15%;height:1px;left:0;right:0;background:linear-gradient(90deg,transparent,#e5504033,#e5504077,transparent);z-index:2;animation:scan 6s ease-in-out infinite}.scan-readout{position:absolute;left:15px;top:32px;z-index:3;max-width:155px}.scan-readout>.eyebrow{font-size:12px}.scan-readout strong{display:block;font-family:var(--display);font-size:4.5rem;line-height:1.1;font-weight:500;margin-top:7px}.scan-readout strong span{font-family:var(--mono);font-size:20px;color:var(--red);margin-left:5px}.readout-label{display:block;font-size:13px;max-width:135px;color:var(--muted);line-height:1.5;margin-top:8px}.virus-bars{display:flex;gap:4px;margin-top:18px}.virus-bars i{height:17px;width:6px;background:#2e3638;transform:skew(-10deg)}.virus-bars i:nth-child(-n+3){background:var(--red)}.scan-footer{position:absolute;bottom:11px;left:15px;right:15px;display:flex;justify-content:space-between;gap:8px;font:400 12px var(--mono);color:#758183;z-index:3}.scan-footer span:last-child{color:#b06861}.scan-corner{position:absolute;width:12px;height:12px;border-color:#667376;border-style:solid;z-index:4}.tl{left:0;top:0;border-width:1px 0 0 1px}.tr{right:0;top:0;border-width:1px 1px 0 0}.bl{left:0;bottom:0;border-width:0 0 1px 1px}.br{right:0;bottom:0;border-width:0 1px 1px 0}.reserve-card{padding:20px 0 0}.label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.label-row .eyebrow{font-size:12px;letter-spacing:.02em}.balance-row{display:flex;align-items:baseline;gap:8px;margin:6px 0 12px}.balance-row>strong{font-family:var(--display);font-size:3rem;font-weight:500;line-height:1.25}.balance-row strong span{color:#839195;font-size:2rem}.unit{font:500 12px var(--mono);color:var(--muted)}.loss{margin-left:auto;font:500 14px var(--mono);color:#ff8078}.reserve-track{height:4px;background:#273032;border-radius:2px;overflow:hidden}.reserve-track>span{display:block;width:100%;height:100%;background:var(--red)}.micro{font-size:12px;color:var(--muted);line-height:1.5;margin-top:9px}.action-row{display:flex;gap:10px;margin-top:22px}.primary,.secondary{min-height:52px;border-radius:5px;padding:13px 17px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px;font-weight:600}.primary{background:var(--red);color:#140c0b;flex:1}.primary>span:last-child{margin-left:auto;font-size:23px;line-height:1}.secondary{background:var(--surface);border:1px solid var(--line)}.primary:hover{background:#ff675f}.secondary:hover{background:#20292c}.next-mission{margin-top:27px;border-top:1px solid var(--line);padding:19px 0}.next-mission h2{margin-top:7px}.next-mission p{color:var(--muted);font-size:14px;margin-top:5px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);height:calc(78px + env(safe-area-inset-bottom));padding:10px 8px calc(8px + env(safe-area-inset-bottom));display:flex;align-items:stretch;background:#0c1012f5;backdrop-filter:blur(15px);border-top:1px solid var(--line);z-index:20}.nav-item{flex:1;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:12px;position:relative}.nav-item.active{color:var(--red)}.nav-item.active:before{content:'';height:2px;width:22px;position:absolute;top:-10px;background:var(--red)}.desktop-gate{display:none}.sheet{padding:24px;background:#141a1c;color:var(--text);border:1px solid #394245;border-radius:18px 18px 0 0;width:min(100%,520px);max-height:85dvh;margin:auto auto 0;box-shadow:0 -30px 100px #0008;overflow:auto}.sheet::backdrop{background:#000a;backdrop-filter:blur(5px)}.sheet h2{font:600 30px var(--display);margin-bottom:12px}.sheet p{color:#b2bbbd;font-size:15px;margin-bottom:15px}.sheet .secondary,.sheet .primary{width:100%;margin-top:12px}.toast{position:fixed;bottom:calc(98px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,20px);background:#e3ede6;color:#112119;border:1px solid #9db9a7;box-shadow:0 8px 30px #0006;border-radius:6px;padding:13px 17px;width:max-content;max-width:calc(100% - 40px);font-size:14px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes scan{0%,100%{top:15%;opacity:.3}50%{top:85%;opacity:.8}}
@media(min-width:761px){.phone-app{display:none}.desktop-gate{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:36px;gap:24px;background:radial-gradient(ellipse at 50% 20%,#291311,transparent 55%)}.desktop-gate .brand{font-size:23px;margin-bottom:8px}.desktop-gate h1{font-size:4rem}.desktop-gate p{color:var(--muted)}.desktop-gate .micro{font-size:13px}.mobile-link{font:13px var(--mono);max-width:500px;overflow-wrap:anywhere;color:var(--mint)}.preview-link{background:none;color:#96a0a3;text-decoration:underline;text-underline-offset:5px;font-size:13px;padding:10px}.review-mode .desktop-gate{display:none}.review-mode .phone-app{display:block;max-width:430px;box-shadow:0 0 0 1px var(--line);margin-top:18px}.review-mode .bottom-nav{max-width:430px}}
@media(max-width:360px){.phone-app{padding-left:15px;padding-right:15px}h1{font-size:2rem}.scan-readout{left:12px}.scan-readout strong{font-size:4rem}.diagnostic{height:250px}.label-row .eyebrow{font-size:12px;max-width:110px;text-align:right}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}