:root{--ink:#061019;--ink2:#0a1b25;--panel:#0c202b;--cyan:#5edcff;--line:#244452;--muted:#90a8b1;--paper:#eff7f8;--gold:#d5ad62}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:Manrope,Arial,sans-serif;color:#fff}button{font:inherit}.nav{height:78px;position:absolute;z-index:4;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,88px);border-bottom:1px solid rgba(190,236,250,.15)}.brand{display:flex;align-items:center;gap:9px;color:#f5fcff;font-size:15px;font-weight:800;letter-spacing:2px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--cyan);color:var(--cyan);font:14px 'DM Mono',monospace;transform:skew(-10deg)}.nav-links{display:flex;gap:34px;margin-left:120px}.nav-links a,.nav-cta{font-size:12px;color:#d7e7eb;text-decoration:none}.nav-cta{color:var(--cyan);border:1px solid rgba(94,220,255,.55);padding:10px 14px}.nav-cta span{margin-left:7px;font-size:15px}.hero{height:100vh;min-height:720px;max-height:920px;position:relative;isolation:isolate;display:flex;align-items:center;padding:100px clamp(24px,9.2vw,158px) 58px;background:var(--ink)}.hero-image{position:absolute;inset:0;z-index:-3;background:url('assets/foxcode-branding.jpg') center/cover no-repeat}.hero-scrim{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,12,18,.98),rgba(3,12,18,.84) 33%,rgba(3,12,18,.12) 69%),linear-gradient(0deg,rgba(3,12,18,.78),transparent 45%)}.hero-content{max-width:650px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:var(--cyan);font:10px 'DM Mono',monospace;letter-spacing:1.2px;text-transform:uppercase}.eyebrow span{display:block;width:24px;height:1px;background:currentColor}h1,h2,h3,p{margin-top:0}h1{margin-bottom:23px;font-size:clamp(42px,5vw,74px);font-weight:700;line-height:1.04}h1 em{font-style:normal;color:var(--cyan)}.intro{max-width:515px;color:#b6cbd2;font-size:15px;line-height:1.8}.hero-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;gap:18px;padding:15px 18px;background:var(--cyan);color:#08202a;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 0 28px rgba(94,220,255,.18)}.button span{font-size:20px;font-weight:400}.text-link{color:#e7f9ff;font-size:12px;text-decoration:none}.text-link span{color:var(--cyan);margin-left:6px}.system-status{position:absolute;top:108px;right:clamp(24px,5vw,88px);display:flex;gap:7px;align-items:center;color:#a6c1ca;font:9px 'DM Mono',monospace;letter-spacing:1px;text-transform:uppercase}.pulse{width:6px;height:6px;border-radius:50%;background:#7fffc1;box-shadow:0 0 9px #7fffc1}.metric-card{position:absolute;right:clamp(24px,9.2vw,158px);bottom:84px;width:190px;padding:16px 0 0 17px;border-left:1px solid var(--cyan);background:linear-gradient(90deg,rgba(6,27,36,.82),transparent)}.metric-label,.usage-panel span,.app-index,.plan-label{color:var(--cyan);font:9px 'DM Mono',monospace;letter-spacing:.9px}.metric-card strong{display:block;font-size:46px;line-height:1.1;letter-spacing:-1px}.metric-card strong span{font-size:18px;color:var(--cyan)}.metric-detail{display:block;max-width:150px;color:#b4c6cc;font-size:10px;line-height:1.5}.scroll-cue{position:absolute;bottom:28px;left:clamp(24px,5vw,88px);display:flex;gap:9px;align-items:center;color:#93adb5;font:10px 'DM Mono',monospace;letter-spacing:1px;text-transform:uppercase}.scroll-cue span{width:30px;height:1px;background:#93adb5}.platform-strip{min-height:76px;padding:18px 24px;background:#0d222c;display:flex;align-items:center;justify-content:center;gap:25px;color:#8faab3;font:9px 'DM Mono',monospace;letter-spacing:1.2px;text-align:center}.platform-strip p{margin:0}.platform-strip span{color:#e8fbff}.platform-strip i{width:min(8vw,110px);height:1px;background:#31515d}.section{padding:116px clamp(24px,9.2vw,158px)}.continuity{display:grid;grid-template-columns:1.05fr .7fr;gap:100px;color:#102833}.dark{color:#08718f}.section h2{margin:0;font-size:clamp(34px,4.2vw,58px);line-height:1.1}.continuity-copy{padding-top:30px;color:#536d76;font-size:15px;line-height:1.85}.continuity-copy b{color:#096b87}.estimator,.commitment{background:var(--ink);padding:106px clamp(24px,9.2vw,158px)}.estimator-layout{display:grid;grid-template-columns:.75fr 1fr;gap:90px;align-items:center}.section-dark h2{font-size:clamp(34px,4.3vw,59px);line-height:1.1}.support-copy{max-width:330px;color:#94aeb6;font-size:14px;line-height:1.8}.usage-panel{padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,#0e2733,#081820);box-shadow:0 20px 55px rgba(0,0,0,.22)}.usage-top,.projection{display:flex;justify-content:space-between;gap:20px}.usage-top strong{display:block;margin-top:5px;font-size:42px;line-height:1}.status-badge{height:max-content;padding:6px 8px;border:1px solid rgba(94,220,255,.55)}.progress{height:8px;margin:25px 0;background:#173440}.progress span{display:block;height:100%;width:28%;background:var(--cyan);box-shadow:0 0 10px rgba(94,220,255,.5);transition:width .2s}.usage-input{padding:19px 0 24px;border-bottom:1px solid var(--line)}.usage-input label{display:flex;justify-content:space-between;color:#cfe7ec;font-size:12px}.usage-input output{color:var(--cyan);font-family:'DM Mono',monospace}.usage-input input{width:100%;margin:16px 0 0;accent-color:var(--cyan)}.projection{padding:22px 0}.projection div:last-child{text-align:right}.projection strong{display:block;margin-top:6px;color:#fff;font-size:16px}.grace-note{display:flex;gap:13px;padding:15px;border-top:1px solid rgba(94,220,255,.35);background:#0b1c25}.grace-note span{color:var(--cyan);font-size:15px}.grace-note p{margin:0;color:#a8c1c8;font-size:11px;line-height:1.55}.applications{color:#102833}.section-heading{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:46px}.section-heading>p{max-width:365px;margin:0;color:#536d76;font-size:14px;line-height:1.75}.app-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:1px;background:#c6dde1}.app-card{min-height:310px;padding:27px;display:flex;flex-direction:column;background:#e9f3f4}.app-card h3{margin:52px 0 9px;font-size:28px}.app-card p{max-width:290px;color:#536d76;font-size:13px;line-height:1.7}.app-desktop{color:#e8fbff;background:linear-gradient(145deg,#123541,#0a2029)}.app-desktop p{color:#aec6cc}.app-state{margin-top:auto;color:#54727c;font:10px 'DM Mono',monospace;text-transform:uppercase}.download-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.download-button{padding:10px;border:1px solid rgba(94,220,255,.6);background:transparent;color:var(--cyan);font-size:11px;cursor:pointer}.download-button:hover{background:var(--cyan);color:#09202a}.download-button b{font-size:15px;margin-left:8px}.download-message{min-height:20px;margin:17px 0 0;color:#0b718f;font:11px 'DM Mono',monospace}.commitment-heading{max-width:620px;margin-bottom:48px}.commitment-heading h2{font-size:clamp(34px,4.2vw,58px)}.commitment-heading>p:last-child{margin:19px 0 0;max-width:480px;color:#91aab2;font-size:14px;line-height:1.75}.bronze{color:var(--gold)}.commandments{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#29404a}.commandments article{display:flex;gap:18px;padding:21px;background:#081820}.commandments b{min-width:30px;color:var(--gold);font:25px Georgia,serif}.commandments h3{margin:1px 0 6px;color:#effbff;font-size:13px}.commandments p{margin:0;color:#97b0b8;font-size:11px;line-height:1.6}.pricing{color:#102833}.pricing-head{text-align:center;margin-bottom:45px}.pricing-head .eyebrow{justify-content:center}.pricing-head>p:last-child{margin:16px 0 0;color:#5b747c;font-size:14px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:830px;margin:auto}.plan{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:460px;padding:30px;border:1px solid #bdd7dc;background:#e8f2f3}.plan-featured{background:var(--ink);border-color:var(--cyan);color:#e8fbff}.recommended{position:absolute;top:0;right:22px;padding:7px 10px;background:var(--cyan);color:#09202a;font:9px 'DM Mono',monospace;letter-spacing:.7px}.plan-label{color:#27738a}.plan h3{margin:9px 0 7px;font-size:29px}.plan>div>p{color:#58717a;font-size:13px}.plan-featured>div>p,.plan-featured li{color:#a3bdc5}.price{display:block;margin:30px 0;font-size:38px}.price small{font-size:12px;font-weight:400;color:#63808a}.plan ul{padding:0;list-style:none}.plan li{position:relative;margin:0 0 12px;padding-left:20px;color:#3f5d66;font-size:12px}.plan li:before{position:absolute;left:0;content:'+';color:#0d89a7}.paypal-button{width:100%;margin-top:25px;padding:15px;border:0;background:#0070ba;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.paypal-button b{font-weight:800}.paypal-button:hover{background:#005ea0}.payment-note{margin:20px 0 0;text-align:center;color:#52707a;font:10px 'DM Mono',monospace}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px clamp(24px,5vw,88px);background:#081820;color:#89a2aa}footer p{margin:0;font:10px 'DM Mono',monospace;letter-spacing:.7px}@media(max-width:760px){.nav{height:66px}.nav-links{display:none}.nav-cta{padding:8px 10px;font-size:10px}.hero{min-height:700px;padding-top:95px;align-items:flex-start}.hero-image{background-position:56% center}.hero-scrim{background:linear-gradient(90deg,rgba(3,12,18,.98),rgba(3,12,18,.76) 55%,rgba(3,12,18,.2)),linear-gradient(0deg,rgba(3,12,18,.9),transparent 45%)}.hero-content{padding-top:90px}.intro{font-size:13px}.system-status{top:87px}.metric-card{right:24px;bottom:65px;transform:scale(.85);transform-origin:right bottom}.platform-strip{gap:10px;flex-wrap:wrap}.platform-strip i{width:17px}.platform-strip p{width:100%}.section,.estimator,.commitment{padding-top:70px;padding-bottom:70px}.continuity,.estimator-layout{grid-template-columns:1fr;gap:34px}.continuity-copy{padding-top:0}.section-heading{display:block}.section-heading>p{margin-top:20px}.app-grid,.plans,.commandments{grid-template-columns:1fr}.app-card{min-height:255px}.app-card h3{margin-top:35px}.commandments article{padding:18px}.plan{min-height:0}footer{align-items:flex-start;flex-direction:column}.pricing-head h2{font-size:36px}}