:root{--bg: #f8f7f4;--bg-accent: #ede9e0;--card: #ffffff;--ink: #1a1a1a;--muted: #4b5563;--line: #e5e7eb;--accent: #2563eb;--accent-hover: #1d4ed8;--radius: 12px;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--display: "Fraunces", Georgia, serif;--body: "Manrope", "Segoe UI", sans-serif;--type-mortgage: #0f766e;--type-car: #b45309;--type-personal: #7c3aed;--type-help: #0369a1;--type-business: #be123c;--band-safe: #10b981;--band-caution: #f59e0b;--band-risk: #ef4444;--surface: #ffffff;--border: #e5e7eb;--type-accent: var(--accent)}*{box-sizing:border-box}.skip-link{position:absolute;top:-100px;left:16px;background:var(--accent);color:#fff;padding:8px 16px;border-radius:var(--radius);font-weight:700;font-size:.9rem;z-index:100;text-decoration:none}.skip-link:focus{top:16px}body{margin:0;min-height:100vh;font-family:var(--body);color:var(--ink);background-color:var(--bg);background-image:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--type-accent) 8%,transparent),transparent 30%),radial-gradient(circle at 96% 92%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 35%),linear-gradient(160deg,var(--bg) 0%,var(--bg-accent) 100%)}body.type-mortgage{--type-accent: var(--type-mortgage)}body.type-car{--type-accent: var(--type-car)}body.type-personal{--type-accent: var(--type-personal)}body.type-help{--type-accent: var(--type-help)}body.type-business{--type-accent: var(--type-business)}body.type-guides{--type-accent: var(--accent)}.bg-orb{position:fixed;filter:blur(80px);opacity:.5;pointer-events:none;z-index:0;border-radius:50%}.bg-orb-left{top:-120px;left:-100px;width:380px;height:380px;background:color-mix(in srgb,var(--type-accent) 28%,transparent)}.bg-orb-right{bottom:-100px;right:-80px;width:300px;height:300px;background:color-mix(in srgb,var(--accent) 18%,transparent)}.page{position:relative;z-index:1;width:min(1120px,calc(100% - 24px));margin:18px auto 42px;display:grid;gap:14px}.card{background:linear-gradient(168deg,var(--card),color-mix(in srgb,var(--type-accent) 2%,var(--card)));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);animation:rise .5s cubic-bezier(.22,1,.36,1) both}.top-nav{display:flex;gap:2px;padding:6px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.top-nav a{text-decoration:none;color:var(--muted);font-size:.82rem;font-weight:700;padding:7px 14px;border-radius:8px;white-space:nowrap;transition:all .16s ease;text-align:center;flex:1 1 0;min-width:max-content}.top-nav a:hover{color:var(--ink);background:#2563eb0f}.top-nav a.active{color:var(--type-accent);background:color-mix(in srgb,var(--type-accent) 10%,white);box-shadow:0 1px 3px #0000000f;position:relative}.top-nav a.active:after{content:"";position:absolute;bottom:2px;left:25%;right:25%;height:2px;border-radius:999px;background:var(--type-accent)}.top-nav:after{content:"";position:sticky;right:0;width:24px;min-height:100%;background:linear-gradient(to right,transparent,var(--card));pointer-events:none;flex-shrink:0}.site-header{display:grid;gap:12px;padding:12px 14px 10px}.header-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.brand{text-decoration:none;color:var(--ink);font-weight:800;letter-spacing:.02em;display:inline-flex;align-items:center;gap:10px;font-size:clamp(1.45rem,1.8vw,1.95rem)}.brand-logo{width:26px;height:26px;border-radius:8px;box-shadow:0 6px 16px #2563eb33;flex:0 0 auto}.stage-pill{border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--type-accent) 10%,white);color:var(--ink);font-size:.72rem;font-weight:800;padding:4px 11px}.funnel-nav{display:grid;gap:8px;width:100%}.stage-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stage-tab{text-decoration:none;text-align:center;border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:#ffffff8c;transition:all .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.stage-tab:hover{border-color:color-mix(in srgb,var(--type-accent) 30%,var(--line));color:var(--ink)}.stage-tab.active{color:var(--type-accent);background:var(--card);box-shadow:0 4px 12px #0000000f,inset 0 0 0 1px color-mix(in srgb,var(--type-accent) 25%,white);border-color:color-mix(in srgb,var(--type-accent) 20%,var(--line));transform:translateY(-1px)}.tab-dot{width:8px;height:8px;border-radius:999px;background:linear-gradient(180deg,var(--type-accent),color-mix(in srgb,var(--type-accent) 72%,white));box-shadow:0 0 0 3px color-mix(in srgb,var(--type-accent) 18%,white)}.active-stage-tools{border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;background:#ffffff7a;position:relative}.active-stage-tools:before{content:"";position:absolute;left:10px;right:10px;top:0;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--type-accent),color-mix(in srgb,var(--type-accent) 40%,white))}.active-stage-hint{margin:0;font-size:.83rem;color:var(--muted)}.active-stage-links{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.active-stage-links a{text-decoration:none;color:var(--muted);font-size:.95rem;font-weight:700;border:1px solid transparent;border-radius:999px;padding:6px 10px;background:#fff6}.active-stage-links a:hover,.active-stage-links a.active{color:var(--type-accent);border-color:var(--line);background:#fff}.compact-stage-links{border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;background:#ffffff7a}.simple-nav{display:grid;gap:8px;width:100%}.simple-nav-hint{margin:0;font-size:.83rem;color:var(--muted)}.simple-nav-links{display:flex;flex-wrap:wrap;gap:8px}.simple-nav-links a{text-decoration:none;color:var(--muted);font-size:.9rem;font-weight:700;border:1px solid var(--line);border-radius:999px;padding:6px 12px;background:#ffffff80;transition:all .16s ease}.simple-nav-links a:hover,.simple-nav-links a.active{color:var(--type-accent);border-color:color-mix(in srgb,var(--type-accent) 25%,var(--line));background:#fff}.coming-soon-badge{display:inline-block;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:color-mix(in srgb,var(--type-accent) 8%,white);border:1px solid var(--line);border-radius:999px;padding:3px 9px;margin-left:4px}.group-grid-mobile{display:none}.nav-group{display:grid;gap:4px;border:1px solid transparent;border-radius:10px;padding:5px 8px 8px;position:relative;flex:0 1 270px;min-width:210px;max-width:320px}.nav-group:before{content:"";position:absolute;left:8px;right:8px;top:0;height:2px;border-radius:999px;background:transparent}.nav-group.active{border-color:var(--line);background:#ffffff73;box-shadow:0 4px 12px #0000000d}.nav-group.active:before{background:linear-gradient(90deg,var(--type-accent),color-mix(in srgb,var(--type-accent) 40%,white))}.group-label{font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:800;padding-left:2px}.group-hint{font-size:.72rem;color:var(--muted);line-height:1.25;max-width:26ch;padding-left:2px}.nav-group:not(.active) .group-hint{opacity:.6;font-size:.65rem}.group-links{display:flex;gap:6px;flex-wrap:wrap}.group-links a{text-decoration:none;color:var(--muted);font-size:.8rem;font-weight:700;border:1px solid transparent;border-radius:999px;padding:5px 9px}.group-links a:hover,.group-links a.active{color:var(--type-accent);border-color:var(--line);background:#fff}.nav-group.active .group-label{color:var(--ink)}.hero{padding:32px 28px 28px;background:radial-gradient(ellipse at 20% 50%,color-mix(in srgb,var(--type-accent) 14%,transparent),transparent 50%),radial-gradient(ellipse at 90% 80%,color-mix(in srgb,var(--type-accent) 8%,transparent),transparent 40%),linear-gradient(165deg,var(--card) 0%,color-mix(in srgb,var(--type-accent) 3%,var(--card)) 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--type-accent),color-mix(in srgb,var(--type-accent) 40%,white),var(--type-accent))}.hero h1,.hero h2{margin:0;font-family:var(--display);font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.02;letter-spacing:-.02em}.hero.compact{padding:20px 22px 18px}.hero.compact h1{font-size:clamp(1.6rem,2.8vw,2.2rem)}.hero.compact p{margin-top:8px;max-width:62ch;font-size:.94rem}.hero p{margin:12px 0 0;color:var(--muted);max-width:72ch;font-size:1.05rem;line-height:1.5}.section{padding:18px;animation:fadeUp .4s ease .2s both}.section h2{margin:0 0 10px;font-size:1.28rem;font-family:var(--display)}.section p{color:var(--muted);margin:0;line-height:1.6}.grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.mortgage-app{display:grid;gap:14px}.kicker{margin:0;color:var(--type-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:700}.lede{margin:0;color:var(--muted);max-width:66ch}.panel{padding:18px}.panel h2{margin:2px 0 14px;font-size:1.35rem;font-family:var(--display)}.scenario-actions{display:flex;align-items:center;gap:8px;margin:0 0 12px;flex-wrap:wrap}.scenario-button{border:1px solid color-mix(in srgb,var(--type-accent) 60%,var(--line));border-radius:999px;background:linear-gradient(150deg,var(--type-accent),color-mix(in srgb,var(--type-accent) 85%,black));color:#fff;padding:9px 16px;font-weight:700;font-size:.85rem;cursor:pointer;transition:opacity .16s ease,box-shadow .16s ease}.scenario-button:hover{opacity:.9;box-shadow:0 2px 8px #0000001f}.scenario-button.secondary{background:var(--card);color:var(--ink);border-color:var(--line);padding:7px 12px;font-size:.8rem}.scenario-button.secondary:hover{border-color:color-mix(in srgb,var(--type-accent) 30%,var(--line));opacity:1}.scenario-status{font-size:.8rem;color:var(--type-accent);font-weight:700}form label{display:grid;gap:6px;margin-bottom:11px}label span{font-size:.9rem;color:var(--muted);font-weight:600}input,select{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:11px 12px;font:inherit;background:#fff;color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}input:focus,select:focus{outline:none;border-color:var(--type-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--type-accent) 15%,white),0 1px 2px #0000000a;transform:translateY(-.5px)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--type-accent);outline-offset:2px}input:focus-visible{outline:none;border-color:var(--type-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--type-accent) 18%,white)}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metrics article{border-radius:var(--radius);border:1px solid var(--line);padding:12px;background:var(--card);transition:border-color .16s ease,box-shadow .16s ease}.metrics article:hover{border-color:color-mix(in srgb,var(--type-accent) 20%,var(--line));box-shadow:0 2px 8px #0000000a}.metrics p{margin:0;color:var(--muted);font-size:.82rem}.metrics strong{margin-top:8px;display:block;font-size:1.25rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}.table-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.table-header p{margin:0;font-size:.84rem;color:var(--muted)}.table-wrap{overflow:auto;border-radius:var(--radius);border:1px solid var(--line);background:#fff}table{width:100%;border-collapse:collapse;min-width:700px}.mobile-data-stack{display:none}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-size:.87rem;white-space:nowrap}thead th{background:var(--bg);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}tbody tr:hover{background:color-mix(in srgb,var(--type-accent) 4%,white)}.link-card{display:block;text-decoration:none;color:inherit;padding:16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.link-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--type-accent);opacity:0;transition:opacity .2s ease}.link-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--type-accent) 28%,var(--line));box-shadow:0 12px 28px #00000014}.link-card:hover:before{opacity:1}.link-card h3{margin:0;font-size:1rem}.link-card p{margin:8px 0 0;font-size:.9rem}.bullet-list{margin:0;padding-left:18px;color:var(--muted);line-height:1.7}.faq-list{display:grid;gap:10px}.faq-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:12px}.faq-item h3{margin:0;font-size:1rem}.faq-item p{margin:8px 0 0}.site-footer{padding:18px 20px;display:grid;gap:10px;background:linear-gradient(170deg,var(--card) 0%,color-mix(in srgb,var(--type-accent) 2%,var(--card)) 100%);position:relative}.site-footer:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.footer-brand{margin:0;font-weight:800;letter-spacing:.02em;color:var(--ink)}.footer-links{display:flex;gap:10px;flex-wrap:wrap}.footer-links a{text-decoration:none;color:var(--muted);font-size:.86rem;border-bottom:1px solid transparent}.footer-links a:hover{color:var(--type-accent);border-bottom-color:color-mix(in srgb,var(--type-accent) 45%,white)}.footer-types{display:flex;gap:10px;flex-wrap:wrap;padding-top:6px;border-top:1px solid var(--line)}.footer-types a{text-decoration:none;color:var(--muted);font-size:.82rem;font-weight:600}.footer-types a:hover{color:var(--type-accent)}.footer-note{margin:0;font-size:.76rem;color:var(--muted)}.payment-band{border-left:4px solid var(--band-safe);padding:10px 12px;border-radius:0 var(--radius) var(--radius) 0;background:color-mix(in srgb,var(--band-safe) 6%,white);display:flex;align-items:center;gap:8px}.payment-band.caution{border-left-color:var(--band-caution);background:color-mix(in srgb,var(--band-caution) 6%,white)}.payment-band.risk{border-left-color:var(--band-risk);background:color-mix(in srgb,var(--band-risk) 6%,white)}.band-icon{font-size:1.1rem;flex-shrink:0}.band-text{font-size:.85rem;font-weight:600}.input-error{color:var(--band-risk);font-size:.78rem;font-weight:600;margin-top:2px}.input-hint{color:var(--muted);font-size:.75rem;font-style:italic}.help-trigger{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted);font-size:.65rem;font-weight:800;cursor:help;margin-left:4px;vertical-align:middle}.help-trigger:hover,.help-trigger:focus{color:var(--type-accent);border-color:var(--type-accent)}.tooltip{position:absolute;bottom:calc(100% + 6px);left:0;right:0;background:var(--ink);color:#fff;font-size:.78rem;font-style:normal;font-weight:400;padding:8px 10px;border-radius:8px;line-height:1.4;z-index:10;box-shadow:0 4px 12px #00000026}@keyframes rise{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.card:nth-child(1){animation-delay:0s}.card:nth-child(2){animation-delay:.06s}.card:nth-child(3){animation-delay:.12s}.card:nth-child(4){animation-delay:.18s}.card:nth-child(5){animation-delay:.24s}.card:nth-child(6){animation-delay:.3s}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:860px){.grid,.metrics{grid-template-columns:1fr}.stage-tabs{grid-template-columns:1fr 1fr}}@media(max-width:560px){.funnel-nav.compact .stage-tabs,.nav-full .stage-tabs,.nav-full .active-stage-tools{display:none}.nav-full .group-grid-mobile{display:grid;gap:8px}.mobile-data-stack{display:grid;gap:10px}.mobile-data-card{border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:var(--card)}.mobile-data-card strong{display:block;margin:4px 0;font-size:1rem}.mobile-data-card p,.mobile-data-card small{margin:0;color:var(--muted);font-size:.85rem}.table-wrap{display:none}.group-hint{max-width:none}.header-top{align-items:flex-start}.brand{font-size:1.35rem;gap:8px}.brand-logo{width:26px;height:26px}.top-nav{gap:1px;padding:4px}.top-nav a{font-size:.74rem;padding:6px 8px;flex:0 0 auto}}