:root {
  --bg: #07090f;
  --bg-soft: #0c1019;
  --surface: rgba(17, 22, 34, 0.64);
  --surface-strong: rgba(17, 22, 34, 0.84);
  --surface-light: rgba(255, 255, 255, 0.07);
  --border: rgba(255, 255, 255, 0.11);
  --border-strong: rgba(255, 255, 255, 0.18);
  --text: #f5f7fb;
  --muted: #9ca7b9;
  --subtle: #707b8f;
  --accent: #7c8cff;
  --accent-2: #b07cff;
  --accent-soft: rgba(124, 140, 255, 0.15);
  --green: #52d6a5;
  --orange: #ffac66;
  --red: #ff7b88;
  --blue: #67b7ff;
  --radius-sm: 14px;
  --radius: 22px;
  --radius-lg: 32px;
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.34);
  --header-height: 72px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.light {
  --bg: #f4f6fb;
  --bg-soft: #e9edf6;
  --surface: rgba(255, 255, 255, 0.64);
  --surface-strong: rgba(255, 255, 255, 0.86);
  --surface-light: rgba(255, 255, 255, 0.65);
  --border: rgba(27, 33, 48, 0.1);
  --border-strong: rgba(27, 33, 48, 0.16);
  --text: #111522;
  --muted: #596274;
  --subtle: #778093;
  --shadow: 0 24px 70px rgba(67, 74, 98, 0.15);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); min-height: 100vh; overflow-x: hidden; transition: background .35s ease, color .35s ease; }
button, input, select { font: inherit; }
button { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
input, select { color: var(--text); }
::selection { background: rgba(124, 140, 255, .4); }
.hidden { display: none !important; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }

.ambient { position: fixed; pointer-events: none; filter: blur(90px); opacity: .35; z-index: -3; border-radius: 999px; }
.ambient-one { width: 520px; height: 520px; background: #4454ff; top: -190px; right: -120px; animation: drift 14s ease-in-out infinite alternate; }
.ambient-two { width: 430px; height: 430px; background: #7d33ff; bottom: -180px; left: -120px; animation: drift 18s ease-in-out infinite alternate-reverse; }
.noise { position: fixed; inset: 0; pointer-events: none; z-index: -2; opacity: .025; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E"); }
@keyframes drift { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(50px,35px,0) scale(1.08); } }

.glass { background: var(--surface); border: 1px solid var(--border); box-shadow: 0 10px 40px rgba(0,0,0,.08); backdrop-filter: blur(24px) saturate(125%); -webkit-backdrop-filter: blur(24px) saturate(125%); }
.glass-strong { background: var(--surface-strong); border: 1px solid var(--border-strong); box-shadow: var(--shadow); backdrop-filter: blur(30px) saturate(140%); -webkit-backdrop-filter: blur(30px) saturate(140%); }

.site-header { position: sticky; top: 14px; z-index: 30; width: min(1180px, calc(100% - 28px)); height: var(--header-height); margin: 14px auto 0; border-radius: 22px; display: flex; align-items: center; padding: 0 18px 0 20px; gap: 24px; }
.brand { display:inline-flex; align-items:center; gap:10px; white-space:nowrap; isolation:isolate; }
.brand-mark { position:relative; display:grid; place-items:center; flex:0 0 auto; animation:brandFloat 5.8s ease-in-out infinite; }
.brand-mark::before { content:""; position:absolute; inset:-7px; z-index:-1; border-radius:50%; background:radial-gradient(circle,rgba(134,151,255,.34),rgba(126,92,255,.08) 48%,transparent 72%); filter:blur(7px); opacity:.58; animation:brandPulse 4.6s ease-in-out infinite; }
.brand-icon { display:block; width:42px; height:42px; object-fit:contain; filter:drop-shadow(0 8px 18px rgba(0,0,0,.34)); transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s ease; }
.brand-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:4px; line-height:1; min-width:0; }
.brand-name { display:block; font-size:22px; font-weight:720; letter-spacing:-.052em; line-height:.95; color:#fff; background:linear-gradient(105deg,#fff 0%,#f8f9ff 30%,#bfc8ff 46%,#fff 61%,#fff 100%); background-size:240% 100%; background-position:100% 0; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; text-shadow:0 0 22px rgba(172,186,255,.13); animation:brandShine 7.2s ease-in-out infinite; }
.brand-signature { display:block; padding-left:1px; font-size:7.5px; font-weight:760; letter-spacing:.17em; line-height:1; color:rgba(213,220,240,.82); text-transform:uppercase; }
.brand-signature strong { color:#fff; font-weight:950; letter-spacing:.21em; text-shadow:0 0 12px rgba(153,168,255,.45); animation:tonoyGlow 3.8s ease-in-out infinite; }
.brand:hover .brand-icon,.sidebar-brand:hover .brand-icon { transform:rotate(-3deg) scale(1.07); filter:drop-shadow(0 11px 25px rgba(105,121,255,.38)); }
.brand:hover .brand-name { background-position:0 0; }
.brand-header .brand-icon { width:42px; height:42px; }
.sidebar-brand .brand-icon { width:43px; height:43px; }
.auth-brand .brand-icon { width:58px; height:58px; }
.auth-brand .brand-name { font-size:29px; }
.auth-brand .brand-signature { font-size:8.5px; }
.brand-footer .brand-icon { width:49px; height:49px; }
.brand-footer .brand-name { font-size:24px; }
body.light .brand-name { background:linear-gradient(105deg,#101625 0%,#1c2641 32%,#6170dc 48%,#111827 64%,#101625 100%); background-size:240% 100%; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; text-shadow:none; }
body.light .brand-signature { color:rgba(45,55,82,.76); }
body.light .brand-signature strong { color:#24304f; text-shadow:0 0 10px rgba(92,107,205,.22); }
@keyframes brandShine { 0%,72%,100%{background-position:100% 0} 84%{background-position:0 0} }
@keyframes brandFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-1.5px)} }
@keyframes brandPulse { 0%,100%{opacity:.4;transform:scale(.96)} 50%{opacity:.72;transform:scale(1.04)} }
@keyframes tonoyGlow { 0%,100%{opacity:.86;text-shadow:0 0 8px rgba(153,168,255,.28)} 50%{opacity:1;text-shadow:0 0 16px rgba(153,168,255,.62)} }
@media (prefers-reduced-motion:reduce){.brand-mark,.brand-name,.brand-signature strong{animation:none!important}}
.desktop-nav { display: flex; justify-content: center; gap: 4px; flex: 1; }
.desktop-nav button, .footer-links button { background: transparent; border: 0; color: var(--muted); padding: 10px 13px; border-radius: 12px; transition: .2s ease; }
.desktop-nav button:hover, .footer-links button:hover { color: var(--text); background: var(--surface-light); }
.header-actions { display: flex; align-items: center; gap: 8px; }
.button { border: 1px solid transparent; border-radius: 13px; padding: 11px 16px; font-weight: 650; letter-spacing: -.01em; display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border .2s ease; }
.button:hover { transform: translateY(-1px); }
.button:active { transform: translateY(0) scale(.985); }
.button-primary { background: linear-gradient(135deg, #8d9aff, #6d72ff 52%, #8f5cff); color: #fff; box-shadow: 0 10px 26px rgba(103, 111, 255, .3), inset 0 1px 0 rgba(255,255,255,.28); }
.button-primary:hover { box-shadow: 0 14px 34px rgba(103, 111, 255, .42), inset 0 1px 0 rgba(255,255,255,.3); }
.button-secondary { background: var(--surface-light); border-color: var(--border); }
.button-ghost { background: transparent; color: var(--muted); }
.button-light { background: #fff; color: #131723; box-shadow: 0 14px 30px rgba(0,0,0,.18); }
.button-large { min-height: 52px; padding: 14px 20px; border-radius: 15px; }
.button-full { width: 100%; }
.icon-button { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; border: 1px solid var(--border); background: var(--surface-light); }
.icon-button svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.icon-button.small { width: 34px; height: 34px; font-weight: 800; }
.avatar-button { width: 40px; height: 40px; border: 0; border-radius: 50%; background: linear-gradient(135deg,#7584ff,#9c62ff); color: #fff; font-weight: 800; box-shadow: 0 8px 25px rgba(102,109,255,.35); }

.view { display: none; animation: viewIn .38s ease both; }
.view.active { display: block; }
@keyframes viewIn { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }

.hero { min-height: calc(100vh - 100px); display: grid; grid-template-columns: 1.03fr .97fr; gap: 65px; align-items: center; padding: 72px 0 80px; }
.eyebrow { text-transform: uppercase; letter-spacing: .14em; color: #aab3ff; font-size: 11px; font-weight: 750; display: inline-flex; align-items: center; gap: 8px; }
.eyebrow.light { color: rgba(255,255,255,.72); }
.pulse-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(82,214,165,.12); animation: pulse 2s infinite; }
@keyframes pulse { 50% { box-shadow: 0 0 0 9px rgba(82,214,165,0); } }
.hero h1 { font-size: clamp(52px, 6.2vw, 88px); line-height: .96; letter-spacing: -.067em; margin: 24px 0; font-weight: 780; }
.hero h1 span { background: linear-gradient(110deg, #f3f5ff 0%, #aeb7ff 43%, #bd8aff 100%); -webkit-background-clip: text; color: transparent; }
body.light .hero h1 span { background: linear-gradient(110deg,#17203a,#596df2 48%,#8b50d5); -webkit-background-clip:text; color:transparent; }
.hero-copy > p { color: var(--muted); font-size: 18px; line-height: 1.7; max-width: 640px; }
.hero-actions { display: flex; gap: 12px; margin-top: 34px; }
.trust-row { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 48px; gap: 18px; }
.trust-row div { padding-left: 13px; border-left: 1px solid var(--border-strong); }
.trust-row strong, .trust-row span { display: block; }
.trust-row strong { font-size: 12px; margin-bottom: 6px; }
.trust-row span { font-size: 11px; color: var(--subtle); line-height: 1.4; }
.hero-product { position: relative; perspective: 1000px; }
.product-window { border-radius: 28px; overflow: hidden; transform: rotateY(-4deg) rotateX(2deg); transition: transform .2s ease; }
.window-bar { height: 54px; display: flex; align-items: center; padding: 0 18px; border-bottom: 1px solid var(--border); gap: 14px; }
.window-dots { display: flex; gap: 6px; }
.window-dots span { width: 8px; height: 8px; border-radius: 50%; background: var(--border-strong); }
.window-dots span:first-child { background: #ff7e7e; }.window-dots span:nth-child(2){background:#ffcf67}.window-dots span:nth-child(3){background:#68da8e}
.window-title { flex: 1; font-size: 11px; text-align: center; color: var(--muted); }
.status-pill { padding: 6px 9px; border-radius: 999px; background: rgba(82,214,165,.12); color: var(--green); border: 1px solid rgba(82,214,165,.2); font-size: 10px; font-weight: 700; white-space: nowrap; }
.status-pill.muted { background: var(--surface-light); color: var(--muted); border-color: var(--border); }
.product-content { padding: 28px; }
.mini-summary { display: flex; flex-direction: column; }
.mini-summary span { color: var(--muted); font-size: 12px; }
.mini-summary strong { font-size: 44px; letter-spacing: -.055em; margin-top: 7px; }
.mini-summary small { color: var(--subtle); margin-top: 2px; }
.hero-chart { display: grid; grid-template-columns: 180px 1fr; gap: 24px; align-items: center; margin: 25px 0; padding: 20px 0; border-block: 1px solid var(--border); }
.chart-ring { width: 166px; aspect-ratio: 1; border-radius: 50%; background: conic-gradient(#7e8cff 0 68%, #f29d65 68% 79%, #57baeb 79% 87%, #a678ef 87% 91%, #3d4353 91%); position: relative; display: grid; place-items: center; }
.chart-ring::before { content:""; position:absolute; inset: 18px; border-radius:50%; background: var(--bg-soft); box-shadow: inset 0 0 20px rgba(0,0,0,.15); }
.chart-ring div { position: relative; text-align:center; }
.chart-ring strong,.chart-ring span { display:block; }.chart-ring strong{font-size:28px}.chart-ring span{font-size:10px;color:var(--subtle)}
.chart-legend { display: grid; gap: 10px; }
.chart-legend div { display: flex; align-items: center; gap: 10px; }
.dot { width: 8px; height: 8px; border-radius:50%; }.dot.keep{background:#7e8cff}.dot.federal{background:#f29d65}.dot.fica{background:#57baeb}.dot.state{background:#a678ef}.dot.deductions{background:#52596c}
.chart-legend p { display:flex; justify-content:space-between; gap: 12px; width: 100%; margin:0; font-size:10px; }.chart-legend b{font-weight:600}.chart-legend small{color:var(--subtle)}
.offer-insight { display:flex; gap:12px; padding:15px; border-radius:16px; background:linear-gradient(135deg,rgba(124,140,255,.13),rgba(176,124,255,.07)); border:1px solid rgba(124,140,255,.16); }
.insight-icon { width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(124,140,255,.18);color:#aab3ff;flex:0 0 auto; }
.offer-insight b{font-size:11px}.offer-insight p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.offer-insight p strong{color:var(--text)}
.floating-chip { position:absolute; padding:11px 14px; border-radius:14px; font-size:11px; font-weight:650; display:flex;gap:8px;align-items:center; box-shadow:var(--shadow); animation: float 4.5s ease-in-out infinite; }
.floating-chip span { color:var(--green); }.chip-one{left:-32px;top:22%}.chip-two{right:-25px;bottom:14%;animation-delay:-2s}
@keyframes float { 50% { transform:translateY(-8px); } }

.section { padding: 92px 0; }
.section-heading { max-width: 700px; margin-bottom: 34px; }
.section-heading h2,.audience-panel h2,.cta-panel h2 { font-size: clamp(36px, 5vw, 60px); letter-spacing: -.055em; line-height:1.05; margin:16px 0; }
.section-heading p,.audience-panel p,.cta-panel p { color:var(--muted);line-height:1.7;font-size:16px; }
.feature-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }
.feature-card { padding:28px;border-radius:24px;min-height:260px;transition:.3s ease; }
.feature-card:hover { transform:translateY(-5px);border-color:var(--border-strong); }
.feature-icon { width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(124,140,255,.25),rgba(177,124,255,.08));border:1px solid rgba(124,140,255,.2);color:#c4caff;font-size:20px; }
.feature-card h3,.tool-card h3,.learn-card h3 { margin:35px 0 10px;font-size:20px;letter-spacing:-.025em; }
.feature-card p,.tool-card p,.learn-card p { margin:0;color:var(--muted);line-height:1.65;font-size:14px; }
.audience-panel { display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;padding:54px;border-radius:30px; }
.audience-tags { display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end; }
.audience-tags span { padding:12px 15px;border-radius:999px;border:1px solid var(--border);background:var(--surface-light);font-size:12px;color:var(--muted); }
.cta-panel { position:relative;overflow:hidden;text-align:center;padding:78px 30px;border-radius:34px;background:linear-gradient(135deg,#5567f4,#7d5ceb 52%,#9d61dc);color:white;box-shadow:0 35px 90px rgba(81,73,219,.33); }
.cta-panel p { max-width:670px;margin:0 auto 28px;color:rgba(255,255,255,.75); }.cta-panel h2{max-width:760px;margin:16px auto}.cta-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:rgba(255,255,255,.17);filter:blur(50px);right:-130px;top:-220px}

.app-shell { display:grid;grid-template-columns:250px 1fr;gap:24px;padding:42px 0 90px;min-height:900px; }
.app-sidebar { border-radius:24px;padding:18px;display:flex;flex-direction:column;position:sticky;top:100px;height:calc(100vh - 120px);min-height:650px; }
.sidebar-brand { border:0;background:transparent;display:flex;align-items:center;justify-content:flex-start;width:100%;padding:2px 6px 18px;border-bottom:1px solid var(--border); }
.app-sidebar nav { display:grid;gap:5px;margin-top:18px; }
.app-sidebar nav button { border:0;background:transparent;color:var(--muted);padding:12px;border-radius:12px;text-align:left;display:flex;align-items:center;gap:11px;font-size:12px; }
.app-sidebar nav button span { width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:var(--surface-light);font-size:11px; }
.app-sidebar nav button:hover,.app-sidebar nav button.active{background:var(--surface-light);color:var(--text)}
.app-sidebar nav button.active span{background:var(--accent-soft);color:#aab3ff}
.sidebar-card { margin-top:auto;padding:15px;border-radius:16px;background:linear-gradient(145deg,rgba(124,140,255,.14),rgba(176,124,255,.06));border:1px solid rgba(124,140,255,.16); }
.sidebar-card span{font-size:11px;font-weight:700}.sidebar-card p{font-size:10px;line-height:1.5;color:var(--muted)}.sidebar-card .button{font-size:10px;padding:10px}
.workspace { min-width:0; }
.workspace-header { display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px; }
.breadcrumb{font-size:10px;color:#aab3ff;text-transform:uppercase;letter-spacing:.12em}.workspace-header h2{font-size:34px;letter-spacing:-.045em;margin:8px 0 6px}.workspace-header p{margin:0;color:var(--muted);font-size:13px}.header-badges{display:flex;gap:8px}
.calculator-layout { display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:18px;align-items:start; }
.input-panel { padding:24px;border-radius:24px; }
.panel-title { display:flex;justify-content:space-between;align-items:center;margin-bottom:18px; }
.panel-title>div{display:flex;align-items:center;gap:10px}.panel-title span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:#aab3ff;font-size:9px;font-weight:800}.panel-title h3{font-size:15px;margin:0}.section-divider{border-top:1px solid var(--border);padding-top:22px;margin-top:24px}.reset-link{border:0;background:transparent;color:var(--subtle);font-size:10px}
.segmented { display:grid;grid-template-columns:1fr 1fr;background:rgba(0,0,0,.16);padding:4px;border-radius:13px;margin-bottom:20px;border:1px solid var(--border); }
body.light .segmented{background:rgba(32,40,70,.05)}
.segmented button{border:0;background:transparent;color:var(--muted);border-radius:10px;padding:10px;font-size:11px;font-weight:650}.segmented button.active{background:var(--surface-light);color:var(--text);box-shadow:0 5px 14px rgba(0,0,0,.08)}
.field-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px; }.field-grid.compact{gap:11px}.field.full{grid-column:1/-1}
.field { display:flex;flex-direction:column;gap:8px;min-width:0; }
.field>span { color:var(--muted);font-size:10px;font-weight:600; }
.field input,.field select,.offer-name { width:100%;border:1px solid var(--border);background:rgba(0,0,0,.13);color:var(--text);border-radius:12px;padding:12px 13px;outline:none;transition:.2s ease;font-size:12px; }
body.light .field input,body.light .field select,body.light .offer-name{background:rgba(255,255,255,.5)}
.field input:focus,.field select:focus,.offer-name:focus{border-color:rgba(124,140,255,.55);box-shadow:0 0 0 4px rgba(124,140,255,.09)}
.field select option{background:#151a25;color:white}.money-input,.suffix-input{position:relative}.money-input>span,.suffix-input>span{position:absolute;top:50%;transform:translateY(-50%);color:var(--subtle);font-size:11px}.money-input>span{left:13px}.suffix-input>span{right:13px}.money-input input{padding-left:27px}.suffix-input input{padding-right:28px}
.calculate-button{margin-top:22px}
.results-panel { display:grid;gap:14px;position:sticky;top:100px; }
.result-hero { border-radius:24px;padding:25px;overflow:hidden;position:relative; }
.result-hero::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(111,117,255,.18);filter:blur(45px);right:-80px;top:-120px}
.result-topline{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;position:relative;z-index:1}.live-badge{display:flex;align-items:center;gap:6px;color:var(--green)}.live-badge i{width:6px;height:6px;border-radius:50%;background:var(--green)}
.result-hero>strong{display:block;font-size:48px;letter-spacing:-.055em;margin-top:14px;position:relative;z-index:1}.result-period{color:var(--subtle);font-size:11px;position:relative;z-index:1}
.result-subgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px;position:relative;z-index:1}.result-subgrid div{padding:12px 10px;border:1px solid var(--border);background:var(--surface-light);border-radius:13px}.result-subgrid span,.result-subgrid b{display:block}.result-subgrid span{font-size:8px;color:var(--subtle);margin-bottom:6px}.result-subgrid b{font-size:12px}
.breakdown-card { border-radius:22px;padding:20px; }.card-heading{display:flex;justify-content:space-between;align-items:center}.card-heading h3{font-size:13px;margin:0 0 4px}.card-heading p{font-size:9px;color:var(--subtle);margin:0}.breakdown-body{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;margin-top:18px}.donut-wrap{position:relative;width:145px;height:145px}.donut-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.donut-center strong{font-size:23px}.donut-center span{font-size:8px;color:var(--subtle)}
.breakdown-list{display:grid;gap:9px}.breakdown-row{display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center}.breakdown-row i{width:7px;height:7px;border-radius:50%}.breakdown-row div{min-width:0}.breakdown-row span,.breakdown-row small{display:block}.breakdown-row span{font-size:9px}.breakdown-row small{font-size:8px;color:var(--subtle);margin-top:2px}.breakdown-row b{font-size:9px}
.insight-card { border-radius:18px;padding:15px;display:flex;gap:12px;align-items:flex-start; }.insight-symbol{width:32px;height:32px;border-radius:10px;background:var(--accent-soft);display:grid;place-items:center;color:#b5bdff;flex:0 0 auto}.insight-card span{font-size:9px;font-weight:750;color:#aab3ff;text-transform:uppercase;letter-spacing:.09em}.insight-card p{font-size:10px;line-height:1.55;color:var(--muted);margin:5px 0 0}.save-card{border-radius:18px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.save-card h3{font-size:12px;margin:0 0 4px}.save-card p{font-size:9px;line-height:1.45;color:var(--muted);margin:0}.save-card .button{font-size:10px;white-space:nowrap}.disclaimer{color:var(--subtle);font-size:8px;line-height:1.55;margin:0 5px;text-align:center}

.simple-page { padding:70px 0 110px;min-height:800px; }.page-heading{max-width:820px;margin:0 auto 45px;text-align:center}.page-heading h1{font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.06em;margin:18px 0}.page-heading p{color:var(--muted);font-size:16px;line-height:1.7;max-width:720px;margin:0 auto}
.compare-grid{display:grid;grid-template-columns:1fr 56px 1fr;gap:14px;align-items:center}.offer-card{border-radius:25px;padding:26px}.offer-label{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--surface-light);border:1px solid var(--border);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.offer-label.accent{background:var(--accent-soft);color:#aab3ff}.offer-name{border:0!important;background:transparent!important;font-size:22px!important;font-weight:750;padding:15px 0 22px!important;letter-spacing:-.035em}.versus-badge{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7d8bff,#9a62ec);font-size:11px;font-weight:800;color:white;box-shadow:0 15px 40px rgba(112,105,244,.35)}.offer-result{margin-top:20px;padding:18px;border-radius:17px;background:linear-gradient(145deg,rgba(124,140,255,.14),rgba(176,124,255,.06));border:1px solid rgba(124,140,255,.17)}.offer-result span,.offer-result strong,.offer-result small{display:block}.offer-result span{font-size:9px;color:var(--muted)}.offer-result strong{font-size:25px;letter-spacing:-.04em;margin:7px 0}.offer-result small{font-size:9px;color:var(--subtle)}
.comparison-conclusion{max-width:900px;margin:22px auto 0;border-radius:24px;padding:24px;display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:center}.conclusion-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);color:#b8bfff}.comparison-conclusion span{font-size:9px;color:#aab3ff;text-transform:uppercase;letter-spacing:.1em;font-weight:750}.comparison-conclusion h3{font-size:19px;letter-spacing:-.03em;margin:5px 0}.comparison-conclusion p{font-size:10px;color:var(--muted);margin:0;line-height:1.5}.comparison-conclusion .button{font-size:10px}

.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tool-card{border-radius:24px;padding:27px}.tool-card .feature-icon{margin-bottom:24px}.tool-card h3{margin:0 0 8px}.tool-card>p{margin-bottom:24px}.tool-card .field{margin-top:13px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool-output{margin-top:22px;padding:18px;border-radius:17px;background:linear-gradient(145deg,rgba(124,140,255,.14),rgba(176,124,255,.05));border:1px solid rgba(124,140,255,.16)}.tool-output span,.tool-output strong{display:block}.tool-output span{font-size:9px;color:var(--muted)}.tool-output strong{font-size:29px;letter-spacing:-.04em;margin-top:7px}.range-label{display:flex;justify-content:space-between;font-size:9px;color:var(--subtle)}.range-label b{color:#aab3ff}
input[type="range"]{padding:0!important;border:0!important;accent-color:#7c8cff;background:transparent!important}

.dashboard-page{padding-top:54px}.empty-state{text-align:center;max-width:650px;margin:50px auto;border-radius:28px;padding:70px 30px}.empty-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--accent-soft);color:#b7bfff;margin:0 auto 24px;font-size:24px}.empty-state h2{font-size:34px;letter-spacing:-.05em;margin:0 0 12px}.empty-state p{color:var(--muted);max-width:450px;margin:0 auto 24px;line-height:1.7}.dashboard-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.summary-card{border-radius:20px;padding:22px}.summary-card span,.summary-card strong{display:block}.summary-card span{font-size:10px;color:var(--muted)}.summary-card strong{font-size:32px;letter-spacing:-.04em;margin-top:10px}.saved-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.saved-card{border-radius:20px;padding:20px}.saved-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.saved-card .tag{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#aab3ff}.saved-card h3{font-size:15px;margin:8px 0 3px}.saved-card small{color:var(--subtle);font-size:9px}.saved-card>strong{display:block;font-size:26px;letter-spacing:-.04em;margin:22px 0 3px}.saved-card>span{font-size:9px;color:var(--muted)}.saved-actions{display:flex;gap:7px;margin-top:16px}.saved-actions button{flex:1;border:1px solid var(--border);background:var(--surface-light);border-radius:10px;padding:9px;font-size:9px}.saved-actions .delete{color:var(--red)}

.learn-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.learn-card{padding:28px;border-radius:24px}.learn-card>span{font-size:10px;color:#aab3ff;font-weight:800}.learn-card h3{margin:28px 0 10px}.method-note{display:flex;gap:17px;align-items:flex-start;padding:26px;border-radius:23px;margin-top:18px}.method-note h3{font-size:18px;margin:0 0 7px}.method-note p{color:var(--muted);font-size:12px;line-height:1.65;margin:0}

.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(3,5,10,.7);backdrop-filter:blur(14px);display:grid;place-items:center;padding:20px;animation:fadeIn .2s ease}.auth-modal{width:min(440px,100%);border-radius:28px;padding:31px;position:relative;animation:modalIn .28s ease}.modal-close{position:absolute;right:17px;top:15px;width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--surface-light);font-size:20px}.auth-brand{display:flex;align-items:center;justify-content:center;margin-bottom:20px;padding:8px 0 2px}.auth-modal h2{font-size:31px;letter-spacing:-.05em;margin:0 0 8px}.auth-modal>p{color:var(--muted);font-size:12px;line-height:1.5}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:rgba(0,0,0,.14);padding:4px;border-radius:13px;margin:22px 0}.auth-tabs button{border:0;background:transparent;color:var(--muted);border-radius:10px;padding:10px}.auth-tabs button.active{background:var(--surface-light);color:var(--text)}#authForm{display:grid;gap:14px}.auth-note{font-size:9px!important;color:var(--subtle)!important;margin:18px 0 0!important}.auth-note code{color:#abb4ff}@keyframes fadeIn{from{opacity:0}}@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.98)}}
.account-menu{position:fixed;right:max(18px,calc((100vw - 1180px)/2 + 18px));top:94px;z-index:70;width:235px;border-radius:17px;padding:10px}.account-identity{display:flex;gap:10px;align-items:center;padding:9px;border-bottom:1px solid var(--border);margin-bottom:7px}.account-identity>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7280ff,#a25de9);color:white;font-weight:800}.account-identity b,.account-identity small{display:block}.account-identity b{font-size:11px}.account-identity small{font-size:8px;color:var(--subtle);margin-top:2px}.account-menu>button{width:100%;border:0;background:transparent;text-align:left;padding:10px;border-radius:9px;font-size:10px;color:var(--muted)}.account-menu>button:hover{background:var(--surface-light);color:var(--text)}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:150;background:#effff8;color:#12271d;border:1px solid rgba(47,160,107,.2);border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:9px;box-shadow:0 18px 60px rgba(0,0,0,.25);animation:toastIn .3s ease}.toast span{color:#16965e}.toast p{margin:0;font-size:11px;font-weight:650}@keyframes toastIn{from{opacity:0;transform:translate(-50%,10px)}}

.site-footer{border-top:1px solid var(--border);margin-top:30px}.site-footer>.container{display:grid;grid-template-columns:1fr auto auto;gap:40px;align-items:center;padding:38px 0}.site-footer p{color:var(--subtle);font-size:10px;margin:10px 0}.site-footer small{color:var(--subtle);font-size:9px}.footer-links{display:flex;gap:3px}
.reveal{opacity:1;transform:none;animation:revealIn .7s ease both}.reveal.visible{opacity:1;transform:none}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.24s}@keyframes revealIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

@media (max-width: 1040px){
  .desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:85px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions{justify-content:center}.hero-product{max-width:620px;margin:0 auto;width:100%}.trust-row{text-align:left}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:220px}.app-shell{grid-template-columns:1fr}.app-sidebar{display:none}.calculator-layout{grid-template-columns:1fr}.results-panel{position:static}.compare-grid{grid-template-columns:1fr}.versus-badge{margin:0 auto}.saved-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 760px){
  .container{width:min(100% - 24px,1180px)}.site-header{width:calc(100% - 16px);top:8px;margin-top:8px;height:62px;padding:0 11px}.header-actions .button-ghost{display:none}.brand-header{gap:8px}.brand-header .brand-icon{width:34px;height:34px}.brand-header .brand-name{font-size:18px}.brand-header .brand-signature{font-size:6.5px;letter-spacing:.13em}.brand-footer .brand-icon{width:44px;height:44px}.brand-footer .brand-name{font-size:21px}.header-actions{margin-left:auto}.header-actions .button-primary{font-size:0;padding:10px 12px}.header-actions .button-primary::after{content:"Join";font-size:11px}.hero{padding:60px 0}.hero h1{font-size:52px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.trust-row{grid-template-columns:1fr;max-width:340px;margin:34px auto 0}.product-window{transform:none}.floating-chip{display:none}.product-content{padding:20px}.hero-chart{grid-template-columns:1fr}.chart-ring{margin:auto}.section{padding:60px 0}.audience-panel{grid-template-columns:1fr;padding:30px;gap:25px}.audience-tags{justify-content:flex-start}.cta-panel{padding:55px 20px}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.result-subgrid{grid-template-columns:1fr}.breakdown-body{grid-template-columns:1fr}.donut-wrap{margin:auto}.workspace-header{align-items:flex-start;flex-direction:column}.header-badges{flex-wrap:wrap}.simple-page{padding-top:50px}.page-heading h1{font-size:44px}.tools-grid,.learn-grid,.dashboard-summary-grid,.saved-grid{grid-template-columns:1fr}.comparison-conclusion{grid-template-columns:44px 1fr}.comparison-conclusion .button{grid-column:1/-1}.site-footer>.container{grid-template-columns:1fr;text-align:center}.footer-links{justify-content:center;flex-wrap:wrap}.site-footer .brand{justify-content:center}.offer-card{padding:20px}.header-actions .icon-button{display:none}.save-card{flex-direction:column;align-items:stretch}.account-menu{right:12px;top:78px}.mini-summary strong{font-size:36px}.hero-chart{gap:14px}.chart-legend{grid-template-columns:1fr 1fr}.chart-legend p{display:block}.chart-legend small{display:block;margin-top:2px}
}
@media print {
  .site-header,.app-sidebar,.input-panel,.save-card,.insight-card,.site-footer,.ambient,.noise,.button,.disclaimer{display:none!important}.view{display:none!important}.view.active{display:block!important}.calculator-layout{display:block}.results-panel{position:static}.result-hero,.breakdown-card{box-shadow:none;border:1px solid #ddd;background:white;color:#111}.container{width:100%}body{background:white;color:#111}.workspace-header{margin-top:20px}
}
.source-card{border-radius:23px;padding:26px;margin-top:18px;display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start}.source-card h3{font-size:20px;margin:10px 0 7px}.source-card p{color:var(--muted);font-size:11px;line-height:1.6;margin:0}.source-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}.source-links a{padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-light);font-size:9px;color:var(--muted);transition:.2s ease}.source-links a:hover{color:var(--text);border-color:var(--border-strong);transform:translateY(-1px)}
@media(max-width:760px){.source-card{grid-template-columns:1fr}.source-links{grid-template-columns:1fr}}