:root{--bg:#08080c;--surface:#111117;--surface-2:#17171f;--line:#292934;--text:#f7f4ff;--muted:#aaa6b5;--purple:#a855f7;--purple-2:#d8b4fe;--green:#5ee0a0;--red:#ff6b7a;--max:1180px;--radius:20px;--shadow:0 30px 90px rgba(0,0,0,.4)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 74% 12%,rgba(168,85,247,.11),transparent 28%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:auto,56px 56px,56px 56px;z-index:-1}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip-link{position:fixed;left:16px;top:-80px;background:#fff;color:#000;padding:10px 14px;z-index:100}.skip-link:focus{top:12px}.site-header{height:76px;max-width:var(--max);margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.12em}.brand>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#7e22ce,var(--purple));box-shadow:0 10px 30px rgba(168,85,247,.25);font-size:20px;letter-spacing:0}.brand small{font-size:8px;color:var(--muted);margin-left:-6px;align-self:flex-end;margin-bottom:13px}.site-header nav{display:flex;align-items:center;gap:24px;font-size:14px;color:#d7d3df}.site-header form{margin:0}.nav-link{border:0;background:none;color:inherit;cursor:pointer;padding:0}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 24px;border:1px solid transparent;border-radius:12px;background:linear-gradient(135deg,#8b35dc,#b45df7);color:#fff;font-weight:750;cursor:pointer;box-shadow:0 14px 40px rgba(168,85,247,.23);transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(168,85,247,.34)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button-small{min-height:38px;padding:0 16px;border-radius:9px}.button-full{width:100%}.text-link{color:var(--purple-2);font-weight:700}.eyebrow{margin:0 0 14px;color:var(--purple-2);font-size:12px;font-weight:800;letter-spacing:.18em}.hero{min-height:700px;max-width:var(--max);margin:auto;padding:86px 20px 70px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px}.hero h1{font-size:clamp(46px,5.5vw,78px);line-height:.98;letter-spacing:-.055em;margin:0 0 28px}.hero h1 em{font-style:normal;color:var(--purple-2)}.lead{max-width:600px;color:#c4c0ca;font-size:19px}.hero-actions{display:flex;align-items:center;gap:25px;margin:34px 0}.trust-list{display:flex;flex-wrap:wrap;gap:10px 24px;padding:0;margin:0;color:var(--muted);font-size:13px;list-style:none}.trust-list li:before{content:"✓";color:var(--green);margin-right:8px}.hero-product{border:1px solid rgba(216,180,254,.24);border-radius:24px;background:rgba(17,17,23,.9);box-shadow:var(--shadow),0 0 90px rgba(168,85,247,.13);overflow:hidden;transform:rotate(1.5deg)}.window-bar{height:48px;padding:0 15px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.window-bar i{width:8px;height:8px;border-radius:50%;background:#3c3947}.window-bar span{margin-left:auto}.preview-grid{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-grid>div{padding:18px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.preview-grid small{display:block;color:var(--muted);font-size:11px}.preview-grid strong{font-size:18px}.preview-result{grid-row:span 2;background:linear-gradient(145deg,rgba(168,85,247,.22),rgba(94,224,160,.07))!important}.preview-result strong{display:block;font-size:34px;margin:30px 0 4px}.preview-result span{font-size:12px;color:var(--green)}.preview-decision{grid-column:1/-1}.preview-decision>span{font-size:10px;letter-spacing:.16em;color:var(--green)}.preview-decision strong{display:block;font-size:20px}.market-strip{border-block:1px solid var(--line);min-height:76px;padding:20px;display:flex;justify-content:center;align-items:center;gap:clamp(20px,4vw,58px);color:#888491;font-weight:750;white-space:nowrap;overflow:hidden}.section{max-width:var(--max);margin:auto;padding:110px 20px}.section h2{font-size:clamp(34px,4.5vw,60px);line-height:1.05;letter-spacing:-.045em;max-width:800px;margin:0 0 26px}.section>p:not(.eyebrow),.problem>div>p:not(.eyebrow){color:var(--muted);max-width:680px}.problem{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.cost-stack{display:grid;gap:9px}.cost-stack div{display:flex;justify-content:space-between;padding:15px 17px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--muted)}.cost-stack div:nth-child(2){margin-right:7%}.cost-stack div:nth-child(3){margin-right:14%}.cost-stack div:nth-child(4){margin-right:22%}.cost-stack .accent{margin-right:31%;border-color:rgba(94,224,160,.3);color:var(--green);background:rgba(94,224,160,.06)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:54px}.steps article,.feature-grid article{min-height:220px;padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,var(--surface),rgba(17,17,23,.48))}.steps span{color:var(--purple);font-size:12px;font-weight:800}.steps h3,.feature-grid h3{font-size:22px;margin:45px 0 10px}.steps p,.feature-grid p{color:var(--muted);font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:20px}.feature-grid article:first-child{grid-column:span 2}.feature-grid article h3{margin-top:65px}.offer{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.offer-card{padding:32px;border:1px solid rgba(168,85,247,.35);border-radius:24px;background:linear-gradient(145deg,rgba(168,85,247,.14),var(--surface));box-shadow:var(--shadow)}.offer-card>small{color:var(--muted);display:block}.price{font-size:56px;letter-spacing:-.05em;display:block}.offer-card ul{padding:20px 0;list-style:none;border-block:1px solid var(--line)}.offer-card li{margin:9px 0}.offer-card li:before{content:"✓";color:var(--green);margin-right:10px}.offer-card .button{width:100%;margin:8px 0 15px}.faq{max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-size:18px;font-weight:700;cursor:pointer}.faq details p{color:var(--muted)}.site-footer{max-width:var(--max);margin:auto;padding:40px 20px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;color:var(--muted);font-size:13px}.site-footer nav{display:flex;gap:18px}.site-footer>small{grid-column:1/-1}.brand-footer{color:var(--text)}.flash{position:fixed;right:20px;top:92px;max-width:420px;z-index:50;padding:14px 18px;border-radius:12px;background:#22222b;border:1px solid var(--line);box-shadow:var(--shadow);transition:opacity .3s,transform .3s}.flash-error{border-color:rgba(255,107,122,.45)}.flash-success{border-color:rgba(94,224,160,.45)}.flash-hide{opacity:0;transform:translateY(-8px);pointer-events:none}.auth-shell{max-width:1080px;min-height:calc(100vh - 76px);margin:auto;padding:60px 20px 100px;display:grid;grid-template-columns:1fr 470px;gap:90px;align-items:center}.auth-message h1{font-size:clamp(44px,5vw,72px);line-height:1;letter-spacing:-.05em;margin:0 0 24px}.auth-message>p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:520px}.auth-proof{display:flex;gap:14px;margin-top:40px}.auth-proof>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(94,224,160,.12);color:var(--green)}.auth-proof small{display:block;color:var(--muted)}.auth-card{padding:34px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.auth-card h2{font-size:32px;margin:0 0 25px}.form-stack{display:grid;gap:16px}.form-stack label,.form-grid label{display:grid;gap:7px;color:#d8d5df;font-size:13px;font-weight:650}.form-stack input,.form-grid input{width:100%;height:49px;border:1px solid #343441;border-radius:10px;background:#0b0b10;color:#fff;padding:0 14px;outline:none}.form-stack input:focus,.form-grid input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(168,85,247,.12)}.auth-switch{color:var(--muted);font-size:13px;text-align:center}.auth-switch a{color:var(--purple-2)}.local-hint{font-size:12px;color:var(--muted);margin:0}.local-hint code{color:var(--green)}.app-intro{max-width:var(--max);margin:auto;padding:65px 20px 30px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.app-intro h1{font-size:clamp(36px,4vw,58px);line-height:1;margin:0 0 18px;letter-spacing:-.045em}.app-intro>div>p:not(.eyebrow){color:var(--muted);max-width:680px}.user-chip{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.user-chip>span{width:34px;height:34px;border-radius:10px;background:rgba(168,85,247,.2);display:grid;place-items:center;color:var(--purple-2);font-weight:800}.user-chip small,.user-chip strong{display:block;font-size:11px}.user-chip small{color:var(--muted)}.calculator-shell{max-width:var(--max);margin:0 auto;padding:20px;display:grid;grid-template-columns:1.35fr .65fr;gap:18px;align-items:start}.calculator-form,.result-panel,.history-section{border:1px solid var(--line);border-radius:var(--radius);background:rgba(17,17,23,.92)}.calculator-form{padding:28px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.panel-title h2{margin:0;font-size:26px}.ghost-button{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:10px;padding:9px 13px;cursor:pointer}.market-selector{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.market-selector button{border:1px solid var(--line);background:#0b0b10;color:var(--muted);border-radius:9px;padding:9px 12px;cursor:pointer}.market-selector button.active{color:#fff;border-color:var(--purple);background:rgba(168,85,247,.16)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid .wide{grid-column:1/-1}.money-input{display:flex;align-items:center;border:1px solid #343441;border-radius:10px;background:#0b0b10}.money-input:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px rgba(168,85,247,.12)}.money-input b{padding-left:13px;color:var(--muted);font-size:12px}.money-input input{border:0;box-shadow:none!important}.result-panel{position:sticky;top:16px;padding:28px;background:linear-gradient(155deg,rgba(168,85,247,.11),var(--surface) 38%)}.decision{padding-bottom:22px;border-bottom:1px solid var(--line)}.decision small,.primary-metrics small,.monthly small{display:block;color:var(--muted);font-size:11px}.decision strong{display:block;font-size:28px;margin:6px 0}.decision span{color:var(--muted);font-size:12px}.primary-metrics{display:grid;grid-template-columns:1.4fr .6fr;gap:10px;margin:18px 0}.primary-metrics>div,.monthly{padding:15px;border:1px solid var(--line);border-radius:12px;background:rgba(8,8,12,.7)}.primary-metrics strong{font-size:24px}.monthly strong{font-size:23px;color:var(--green)}.breakdown{margin:18px 0}.breakdown div{display:flex;justify-content:space-between;padding:7px 0;color:var(--muted);font-size:13px}.breakdown dt,.breakdown dd{margin:0}.breakdown .total{margin-top:7px;padding-top:12px;border-top:1px solid var(--line);color:var(--text);font-weight:750}.rule-note,.save-status{min-height:20px;color:var(--muted);font-size:11px}.is-negative .primary-metrics strong,.is-negative .monthly strong{color:var(--red)}.history-section{max-width:calc(var(--max) - 40px);margin:20px auto 100px;padding:28px}.history-count{color:var(--muted);font-size:12px}.history-list{margin-top:20px}.history-row{display:grid;grid-template-columns:minmax(180px,1fr) 130px 70px 150px auto;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--line)}.history-row small,.history-row strong{display:block}.history-row small{color:var(--muted)}.delete-button{border:0;background:transparent;color:#ee8e99;cursor:pointer}.empty-state{color:var(--muted);text-align:center;padding:35px}.legal-page,.not-found{max-width:800px;min-height:65vh;margin:auto;padding:100px 20px}.legal-page h1,.not-found h1{font-size:clamp(40px,6vw,68px);line-height:1;letter-spacing:-.05em}.legal-page>p,.not-found>p{color:var(--muted);font-size:17px}.draft-badge{display:inline-block;margin:0 0 22px;padding:6px 10px;border:1px solid #6f5b2a;border-radius:999px;color:#edcf7a;font-size:11px}
@media(max-width:900px){.site-header nav>a:not(.button),.site-header nav form{display:none}.hero,.problem,.offer,.auth-shell,.calculator-shell{grid-template-columns:1fr}.hero{padding-top:55px;gap:40px}.hero-product{transform:none}.steps{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.feature-grid article:first-child{grid-column:auto}.auth-shell{gap:35px}.result-panel{position:static}.app-intro{align-items:flex-start;flex-direction:column}.history-row{grid-template-columns:1fr auto auto}.history-row>small{display:none}.site-footer{grid-template-columns:1fr}.site-footer nav{flex-wrap:wrap}}
@media(max-width:600px){.hero{min-height:auto;padding-bottom:45px}.hero-actions{align-items:flex-start;flex-direction:column}.market-strip{justify-content:flex-start}.preview-grid,.form-grid,.primary-metrics{grid-template-columns:1fr}.preview-result{grid-row:auto}.problem{gap:45px}.steps{grid-template-columns:1fr}.section{padding-block:75px}.auth-card,.calculator-form,.result-panel,.history-section{padding:20px}.auth-shell{padding-top:35px}.site-header{height:66px}.brand small{display:none}.history-row{grid-template-columns:1fr auto}.history-row>span{display:none}.user-chip{max-width:100%}.user-chip strong{max-width:210px;overflow:hidden;text-overflow:ellipsis}.offer{gap:35px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}