:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-soft:#f8fafc;--surface:#fff;--text:#0f172a;--text-soft:#475569;--muted:#64748b;--line:#e2e8f0;--brand:#0e7490;--brand-strong:#155e75;--brand-soft:#ecfeff;--accent:#f59e0b;--accent-soft:#fef3c7;--cyan:#0891b2;--cyan-50:#ecfeff;--ink:#020617;--ink-soft:#0f172a;--green:#16a34a;--green-soft:#f0fdf4;--red:#dc2626;--red-soft:#fef2f2;--radius:8px;--radius-lg:8px;--radius-xl:8px;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 3px #0f172a14;--shadow:0 18px 40px #0f172a1a;--maxw:1180px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{background:var(--bg);color:var(--text);text-rendering:optimizelegibility;margin:0;line-height:1.5}a{color:inherit}:focus-visible{outline-offset:3px;outline:3px solid #0891b25c}img,svg{max-width:100%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--ink);color:#fff;border-radius:0 0 8px;padding:10px 16px;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.section{max-width:var(--maxw);margin:0 auto;padding:64px 20px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--cyan);margin:0 0 8px;font-size:.72rem;font-weight:700}h1,h2,h3,h4{color:var(--text);margin:0;line-height:1.15}p{margin:0}.site-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#ffffffdb;position:sticky;top:0}.nav-wrap{align-items:center;gap:20px;max-width:1320px;margin:0 auto;padding:10px 20px;display:flex;position:relative}.nav-actions{flex:none;align-items:center;gap:12px;margin-left:auto;display:inline-flex}.nav-account{border:1px solid var(--line);color:var(--text);white-space:nowrap;border-radius:999px;padding:8px 18px;font-size:.85rem;font-weight:700;text-decoration:none}.nav-account:hover{border-color:var(--cyan);color:var(--brand)}.nav-account--user{align-items:center;gap:9px;max-width:220px;padding:5px 16px 5px 6px;display:inline-flex}.nav-avatar{object-fit:cover;border-radius:50%;flex:none;width:28px;height:28px}.nav-avatar--initials{color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#0ea5e9,#6366f1);justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:inline-flex}.nav-account-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=1290px) and (width>=1051px){.nav-account--user .nav-account-name{display:none}.nav-account--user{border-radius:50%;padding:5px 6px}}.brand{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{flex:none;width:42px;height:42px}.brand-eyebrow{text-transform:uppercase;letter-spacing:.28em;color:var(--muted);font-size:.66rem;font-weight:700;display:block}.brand-name{font-size:1.3rem;font-weight:800;display:block}.brand-name span{color:var(--brand)}.currency-select{appearance:none;color:var(--text-soft);font:inherit;cursor:pointer;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2364748b' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 8px center no-repeat;border:0;border-radius:8px;padding:6px 24px 6px 12px;font-size:.85rem;font-weight:600}.currency-select:hover{color:var(--brand);background-color:var(--bg-soft)}.lang-switch{gap:6px;display:inline-flex}.lang-btn{color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:600}.lang-btn[aria-pressed=true]{background:var(--brand);color:#fff}.nav-toggle{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:9px;margin-top:12px;padding:9px 12px;font-weight:800;display:none}.nav-toggle-bars{gap:3px;display:grid}.nav-toggle-bars span{background:currentColor;border-radius:999px;width:16px;height:2px;display:block}.nav-links{flex-wrap:nowrap;flex:1;justify-content:center;align-items:center;gap:18px;min-width:0;margin:0;font-size:.9rem;font-weight:600;display:flex}.nav-links a{white-space:nowrap;color:var(--text-soft);border-radius:8px;padding:7px 2px;text-decoration:none}.nav-links a:hover,.nav-links a[aria-current]{color:var(--brand)}.nav-links a[aria-current]{box-shadow:inset 0 -2px 0 var(--brand);font-weight:800}@media (width<=1050px){.nav-wrap{flex-wrap:wrap;gap:10px 16px}.nav-actions{order:2}.brand-eyebrow{letter-spacing:.18em}.brand-name{font-size:1.08rem}.nav-toggle{order:3;margin-top:0;display:inline-flex}.nav-links{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;flex-basis:100%;order:4;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding:10px;display:none}.nav-links.is-open{display:grid}.nav-links a{background:var(--bg-soft);padding:10px 12px}.nav-links a[aria-current]{background:var(--brand-soft);box-shadow:none}}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--ink-soft)}.btn-secondary{border-color:var(--line);color:var(--text);background:0 0}.btn-secondary:hover{background:var(--bg-soft)}.btn-accent{background:var(--cyan);color:#fff}.btn-accent:hover{background:var(--brand-strong)}.btn-block{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.hero{color:#fff;background:radial-gradient(circle at 0 0,#06b6d442,#0000 30%),linear-gradient(135deg,#07111f 0%,#0f2f57 46%,#1d4ed8 100%);position:relative;overflow:hidden}.hero-inner{max-width:var(--maxw);text-align:center;margin:0 auto;padding:96px 20px;position:relative}.hero-badge{background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:10px;margin-bottom:28px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.hero-dot{background:#4ade80;border-radius:999px;width:8px;height:8px}.hero h1{color:#fff;letter-spacing:0;margin-bottom:22px;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800}.hero h1 .hl{color:#fbbf24}.hero-sub{color:#dbeafe;max-width:680px;margin:0 auto 36px;font-size:1.15rem}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero .btn-primary{color:var(--ink);background:#fff}.hero .btn-secondary{color:#fff;border-color:#fff6}.hero .btn-secondary:hover{background:#ffffff1a}.hero-proof{color:#bfdbfe;margin-top:36px;font-size:.9rem}@media (width<=640px){.section{padding:44px 20px}.hero-inner{padding:56px 20px 64px}.hero-badge{margin-bottom:22px;font-size:.78rem}.hero h1{font-size:2.35rem;line-height:1.12}.hero-sub{margin-bottom:26px;font-size:1rem}.hero-proof{margin-top:24px}}.pathways{padding-top:44px;padding-bottom:36px}.pathways-head{gap:10px;max-width:760px;display:grid}.pathways-head h2{font-size:clamp(1.7rem,3vw,2.35rem)}.pathways-head p:not(.eyebrow){color:var(--text-soft)}.pathway-grid{gap:16px;margin-top:24px;display:grid}@media (width>=860px){.pathway-grid{grid-template-columns:repeat(3,1fr)}}.pathway-card{border:1px solid var(--line);min-height:230px;box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;gap:12px;padding:22px;display:grid;position:relative}.pathway-card h3{font-size:1.15rem}.pathway-card p{color:var(--text-soft);font-size:.92rem}.pathway-index{color:var(--brand);letter-spacing:.16em;font-size:.74rem;font-weight:900}.pathway-link{color:var(--brand);align-self:end;font-weight:800;text-decoration:none}.pathway-link:hover{text-decoration:underline}.section-head{text-align:center;max-width:760px;margin:0 auto 44px}.section-badge{color:var(--brand);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700}.section-head h2{margin:8px 0;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800}.section-head p{color:var(--text-soft)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.card,.plan,.blog-card,.source-card,.status-card{transition:border-color .15s,box-shadow .15s,transform .15s}.card:hover,.plan:hover,.blog-card:hover,.source-card:hover,.status-card:hover{border-color:#bae6fd;box-shadow:0 10px 24px #0f172a14}.grid{gap:24px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.quick-picks{max-width:var(--maxw);gap:12px;margin:-18px auto 24px;display:grid}@media (width>=760px){.quick-picks{grid-template-columns:repeat(5,minmax(0,1fr))}}.quick-pick{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;padding:16px}.quick-pick-details{margin-top:12px;padding:7px 12px;font-size:.78rem}.quick-pick-k{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:900}.quick-pick-tool{align-items:center;gap:8px;margin-top:10px;display:flex}.quick-pick-tool strong,.quick-pick-tool .tool-name-button{font-size:.95rem}.quick-pick>p:not(.quick-pick-k){color:var(--text-soft);margin-top:10px;font-size:.82rem}.selected-tools{max-width:var(--maxw);width:min(var(--maxw), calc(100% - 40px));box-shadow:var(--shadow-sm);background:linear-gradient(#f0f9ff 0%,#fff 100%);border:1px solid #bae6fd;border-radius:8px;margin:0 auto 18px;padding:18px}.selected-tools-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.selected-tools-head h3{margin-top:4px;font-size:1.25rem}.selected-tools-head p:not(.section-badge){color:var(--text-soft);margin-top:4px;font-size:.9rem}.selected-tools-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:180px;display:flex}.selected-tools-count{background:var(--ink);color:#fff;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:800}.selected-tools-limit{color:#b91c1c;font-size:.78rem;font-weight:800}.selected-tools-clear{padding:7px 12px;font-size:.8rem}.selected-tools-grid{--selected-count:1;grid-template-columns:repeat(var(--selected-count), minmax(0, 1fr));gap:12px;display:grid}.selected-tools-empty{color:var(--text-soft);background:#fffc;border:1px dashed #bae6fd;border-radius:8px;padding:16px}.selected-tool-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:12px;min-width:0;padding:16px;display:grid;position:relative}.selected-tool-remove{border:1px solid var(--line);width:26px;height:26px;color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;position:absolute;top:8px;right:8px}.selected-tool-head{align-items:center;gap:10px;padding-right:24px;display:flex}.selected-tool-head h3{font-size:.98rem}.selected-tool-head p,.selected-tool-summary{color:var(--text-soft);font-size:.8rem}.selected-tool-kvs{gap:6px;display:grid}.selected-tool-kvs .tool-detail-item{background:0 0;border:0;grid-template-columns:minmax(82px,.9fr) minmax(0,1fr);padding:0}.selected-tool-kvs dt,.selected-tool-kvs dd{font-size:.76rem}.selected-tool-details{justify-self:start;padding:7px 12px;font-size:.78rem}.compare-toolbar{max-width:var(--maxw);width:min(var(--maxw), calc(100% - 40px));gap:12px;margin:0 auto 18px;display:grid}.compare-filters{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px;display:grid}.compare-field{min-width:0;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;gap:6px;font-size:.72rem;font-weight:800;display:grid}.compare-field-search{grid-column:1/-1}.compare-input,.compare-field select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);font:inherit;letter-spacing:0;text-transform:none;background:#fff;border-radius:8px;padding:10px 12px;font-size:.9rem;font-weight:600}.compare-toggle{border:1px solid var(--line);background:var(--bg-soft);min-height:44px;color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.88rem;font-weight:800;display:inline-flex}.compare-toggle input{width:18px;height:18px}.compare-count{color:var(--muted);white-space:nowrap;justify-self:start;padding-bottom:4px;font-size:.8rem;font-weight:600}.compare-empty{max-width:var(--maxw);width:min(var(--maxw), calc(100% - 40px));border:1px solid var(--line);color:var(--text-soft);background:var(--bg-soft);border-radius:8px;margin:0 auto 18px;padding:16px}.category-chip{background:var(--bg-soft);width:fit-content;color:var(--brand);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:800;line-height:1.2;display:inline-flex}.compare-mobile-card .category-chip{margin-top:5px}@media (width>=900px){.compare-filters{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}@media (width>=1240px){.compare-filters{grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(150px,1fr)) minmax(130px,auto)}.compare-field-search{grid-column:auto}.compare-toolbar{grid-template-columns:1fr auto;align-items:end}.compare-count{justify-self:end}}.table-wrap{max-width:var(--maxw);width:min(var(--maxw), calc(100% - 40px));border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:0 auto;overflow-x:auto}.compare-mobile-list{display:none}table.compare{border-collapse:collapse;background:#fff;width:100%;min-width:960px;font-size:.87rem}.compare-section{--maxw:1368px}@media (width<=760px){.selected-tools-head{display:grid}.selected-tools-actions{justify-content:flex-start}.selected-tools-grid{grid-template-columns:1fr}#compare .table-wrap{display:none}.compare-mobile-list{gap:14px;display:grid}.compare-mobile-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;padding:18px}.compare-mobile-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.compare-mobile-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.compare-mobile-meta>div{border:1px solid var(--line);background:var(--bg-soft);border-radius:8px;padding:10px}.compare-mobile-meta .k{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:800}.compare-mobile-meta .v{color:var(--text);margin-top:4px;font-size:.86rem;font-weight:700}}table.compare th,table.compare td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 9px}table.compare thead th{background:var(--bg-soft);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:center;font-size:.7rem;font-weight:800}table.compare .btn{white-space:nowrap}#compare table.compare td:last-child{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.badge-off{background:var(--bg-soft);color:var(--muted)}table.compare td:nth-child(4),table.compare td:nth-child(5){max-width:165px}table.compare tbody tr:hover,table.compare tbody tr:hover td:first-child{background:var(--bg-soft)}table.compare tbody tr:last-child td{border-bottom:0}.th-sort{font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.th-sort:hover,.th-sortable.is-sorted .th-sort{color:var(--brand)}.sort-arrow{min-width:10px;font-size:.8rem;line-height:1}.price-cell{white-space:nowrap}.price-main{color:var(--text);font-weight:800}.price-detail{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:115px;font-size:.72rem;overflow:hidden}.badge.setup-easy{background:var(--green-soft);color:#15803d}.badge.setup-moderate{color:#a16207;background:#fef9c3}.badge.setup-complex{color:#b91c1c;background:#fee2e2}table.compare th:first-child,table.compare td:first-child{z-index:1;background:#fff;position:sticky;left:0}table.compare thead th:first-child{z-index:2;background:var(--bg-soft)}table.compare tr.highlight td:first-child,table.compare tr.highlight{background:var(--brand-soft)}.tool-cell{align-items:center;gap:12px;display:flex}.tool-compare-check{flex:none;justify-content:center;align-items:center;display:inline-flex}.tool-compare-check input{width:18px;height:18px;accent-color:var(--brand)}.tool-name-button{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.tool-name-button:hover{color:var(--brand);text-decoration:underline}.tool-details-btn{padding:7px 14px;font-size:.78rem}.tool-logo{flex:none;justify-content:center;align-items:center;font-size:1.6rem;display:inline-flex}.tool-logo-img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:8px;width:28px;height:28px;padding:3px}.result-tool-icon .tool-logo-img{width:44px;height:44px}.pick{color:var(--brand);font-size:.72rem;font-weight:700}.source-link{color:var(--brand);margin-top:4px;font-size:.76rem;font-weight:700;text-decoration:none;display:inline-block}.source-link:hover{text-decoration:underline}.stars{color:#eab308}.stars .off{color:#cbd5e1}.badge{border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-block}.badge-advanced{background:var(--accent-soft);color:#b45309}.badge-partial{color:#a16207;background:#fef9c3}.badge-yes{background:var(--green-soft);color:#15803d}.tool-modal-open{overflow:hidden}.tool-modal-backdrop{z-index:80;background:#0f172a94;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.tool-modal-backdrop[hidden]{display:none}.tool-modal{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(940px,100%);max-height:min(820px,100vh - 44px);position:relative;overflow:auto;box-shadow:0 24px 80px #0f172a52}.tool-modal-close{float:right;z-index:1;border:1px solid var(--line);width:36px;height:36px;color:var(--text);cursor:pointer;background:#fff;border-radius:999px;margin:14px 14px 0 0;font-size:1.25rem;line-height:1;position:sticky;top:14px}.tool-modal-head{border-bottom:1px solid var(--line);gap:14px;padding:28px 28px 20px;display:grid}.tool-modal-titleline{align-items:center;gap:14px;display:flex}.tool-modal-titleline h2{margin-top:4px;font-size:clamp(1.7rem,3vw,2.35rem)}.tool-modal-head>p{max-width:72ch;color:var(--text-soft)}.tool-modal-actions{flex-wrap:wrap;gap:10px;display:flex}.tool-modal-score{background:var(--bg-soft);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 28px;display:grid}.tool-modal-score>div{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px}.tool-modal-score p,.tool-detail-item dt{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:900}.tool-modal-score strong{margin-top:5px;display:block}.tool-detail-list{gap:10px;padding:20px 28px;display:grid}.tool-detail-item{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:180px minmax(0,1fr);gap:14px;padding:12px;display:grid}.tool-detail-item dd{color:var(--text);font-size:.9rem;font-weight:600}.tool-modal-tags{flex-wrap:wrap;gap:8px;padding:0 28px 28px;display:flex}@media (width<=720px){.tool-modal-backdrop{padding:10px}.tool-modal{max-height:calc(100vh - 20px)}.tool-modal-head,.tool-modal-score,.tool-detail-list,.tool-modal-tags{padding-left:16px;padding-right:16px}.tool-modal-score{grid-template-columns:1fr 1fr}.tool-detail-item{grid-template-columns:1fr;gap:6px}}.disclaimer{text-align:center;color:var(--muted);margin-top:16px;font-size:.78rem}.methodology-grid{gap:20px;margin-bottom:28px;display:grid}@media (width>=880px){.methodology-grid{grid-template-columns:repeat(3,1fr)}}.methodology-card h3{margin-bottom:10px;font-size:1.05rem}.methodology-card p:not(.eyebrow){color:var(--text-soft);font-size:.9rem}.source-grid{gap:16px;display:grid}@media (width>=760px){.source-grid{grid-template-columns:repeat(2,1fr)}}.source-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:18px}.source-card h3{font-size:1rem}.source-card p{color:var(--text-soft);margin-top:10px;font-size:.88rem}.source-card a{color:var(--brand);margin-top:12px;font-size:.86rem;font-weight:700;text-decoration:none;display:inline-block}.source-card a:hover{text-decoration:underline}.why{background:var(--bg-soft)}.stat-board{border-radius:var(--radius-lg);color:#fff;background:#0c2a4d;margin-top:56px;padding:40px}.stat-grid{text-align:center;grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.stat-grid .num{color:#fbbf24;font-size:2.4rem;font-weight:800}.stat-grid .lbl{color:#bfdbfe;font-size:.85rem}.prose{max-width:760px;margin:56px auto 0}.prose h3{margin-top:28px;font-size:1.5rem}.prose h4{margin-top:24px;font-size:1.2rem}.prose p{color:var(--text-soft);margin-top:14px}.onb{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);background:#ffffffeb;padding:32px}.onb-head{text-align:center;max-width:720px;margin:0 auto}.onb-questions{align-items:start;gap:18px;margin-top:20px;display:grid}@media (width>=980px){.onb-questions{grid-template-columns:repeat(3,1fr)}}.onb-questions .qgroup{margin-top:0}.onb-result{gap:20px;margin-top:32px;scroll-margin-top:90px;display:grid}.onb-result-empty{align-items:start;gap:20px;display:grid}@media (width>=880px){.onb-result-empty{grid-template-columns:1fr 1fr}}.onb-result-secondary{align-items:start;gap:18px;display:grid}@media (width>=980px){.onb-result-secondary{grid-template-columns:repeat(3,1fr)}}.onb-progress{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-soft);margin-top:24px;padding:20px}.onb-progress-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.progress-bar{background:var(--line);border-radius:999px;height:8px;margin-top:16px;overflow:hidden}.progress-bar>span{background:linear-gradient(90deg, var(--cyan), #2563eb);border-radius:999px;height:100%;transition:width .3s;display:block}.persona-board{border-radius:var(--radius-lg);background:var(--ink);color:#fff;margin-top:28px;padding:20px}.persona-grid{gap:14px;margin-top:16px;display:grid}@media (width>=720px){.persona-grid{grid-template-columns:repeat(3,1fr)}}.persona-btn{text-align:left;color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;padding:16px}.persona-btn:hover{background:#ffffff1a;border-color:#22d3ee99}.persona-btn .title{font-weight:700}.persona-btn .desc{color:#cbd5e1;margin-top:8px;font-size:.85rem;display:block}.persona-btn .tag{color:#a5f3fc;background:#22d3ee1f;border-radius:999px;margin-top:14px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-block}.qgroup{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;margin-top:18px;padding:20px}.qopt{text-align:left;border:1px solid var(--line);background:var(--bg-soft);cursor:pointer;border-radius:18px;width:100%;margin-top:12px;padding:16px;display:block}.qopt[aria-pressed=true]{border-color:var(--cyan);background:var(--cyan-50)}.qopt .title{font-weight:700}.qopt .desc{color:var(--text-soft);margin-top:6px;font-size:.88rem;display:block}.onb-side{align-content:start;gap:22px;display:grid}.result-card{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(140deg,#020617 0%,#0f172a 46%,#0f4c81 100%);padding:24px}.result-metrics{gap:12px;margin-top:22px;display:grid}@media (width>=560px){.result-metrics{grid-template-columns:repeat(3,1fr)}}.result-metric{background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;padding:14px}.result-metric .k{text-transform:uppercase;letter-spacing:.18em;color:#a5f3fc;font-size:.7rem}.result-metric .v{margin-top:8px;font-size:1.1rem;font-weight:700}.tool-row{border:1px solid var(--line);background:var(--bg-soft);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:14px 16px;display:flex}.tool-row .price-pill{background:#fff;border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:700}.empty-card{background:var(--cyan-50);border-radius:var(--radius-lg);border:1px solid #a5f3fc;padding:24px}.empty-card li{background:#fffc;border:1px solid #fff;border-radius:14px;margin-top:12px;padding:12px 16px;list-style:none}.empty-card ul{margin:18px 0 0;padding:0}.plan{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;padding:24px;display:flex}.plan.featured{border:2px solid var(--cyan);background:#ecfeffb3}.plan .price{margin:8px 0;font-size:2.4rem;font-weight:800}.plan ul{color:var(--text-soft);gap:8px;margin:16px 0;padding:0;font-size:.9rem;list-style:none;display:grid}.plan form{margin-top:auto}.plan .note{background:var(--bg-soft);color:var(--text-soft);border-radius:14px;margin-top:16px;padding:14px;font-size:.88rem}.consent-check{color:var(--text-soft);align-items:flex-start;gap:10px;margin:18px 0 14px;font-size:.84rem;line-height:1.4;display:flex}.consent-check input{flex:none;width:18px;height:18px;margin-top:2px}@media (width<=760px){.plan .price{font-size:2rem}}.dark-card{border-radius:var(--radius-lg);background:var(--ink);color:#fff;padding:28px}.dark-card ul{color:#cbd5e1;gap:10px;margin-top:14px;padding:0;font-size:.9rem;list-style:none;display:grid}.pill{text-transform:uppercase;letter-spacing:.16em;border:1px solid;border-radius:999px;align-items:center;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-flex}.pill-configured{color:#065f46;background:#d1fae5;border-color:#a7f3d0}.pill-ready{background:var(--cyan-50);color:#155e75;border-color:#a5f3fc}.pill-needs-env{color:#92400e;background:#fef3c7;border-color:#fde68a}.kv{border:1px solid var(--line);background:var(--bg-soft);border-radius:14px;margin-top:8px;padding:12px 16px;font-size:.85rem}.kv.cyan{background:var(--cyan-50);color:#155e75}pre.code{background:var(--bg-soft);border:1px solid var(--line);white-space:pre-wrap;border-radius:12px;margin:0;padding:12px 14px;font-size:.78rem;overflow-x:auto}.status-card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px}.status-card.emerald{background:var(--green-soft);border-color:#a7f3d0}.status-card.cyan{background:var(--cyan-50);border-color:#a5f3fc}.status-card.amber{background:#fffbeb;border-color:#fde68a}.account-narrow{padding-top:28px;padding-bottom:48px}.account-banner{border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:.9rem;font-weight:600}.account-banner--success{background:var(--green-soft);color:#15803d;border:1px solid #bbf7d0}.account-banner--error{background:var(--red-soft);color:#b91c1c;border:1px solid #fecaca}.account-header{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:18px;padding:22px 24px;display:flex}.account-avatar{object-fit:cover;border-radius:50%;flex:none;width:64px;height:64px}.account-avatar--initials{color:#fff;background:linear-gradient(135deg,#0ea5e9,#6366f1);justify-content:center;align-items:center;font-size:1.3rem;font-weight:800;display:inline-flex}.account-identity{min-width:0}.account-identity h1{font-size:1.45rem}.account-email{color:var(--text-soft);overflow-wrap:anywhere;margin-top:2px;font-size:.92rem}.account-chips{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.account-since{color:var(--muted);font-size:.8rem}.account-admin-cta{flex:none;margin-left:auto}.account-section-title{font-size:1.15rem}.account-page>.status-card{margin-top:20px}@media (width<=560px){.account-header{flex-direction:column;align-items:flex-start}.account-admin-cta{margin-left:0}}.account-list{margin-top:28px}.account-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.account-kv-list{gap:10px;margin:18px 0 0;display:grid}.account-kv-list div{gap:4px;min-width:0;display:grid}@media (width>=560px){.account-kv-list div{grid-template-columns:150px 1fr}}.account-kv-list dt{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800}.account-kv-list dd{overflow-wrap:anywhere;min-width:0;margin:0}.account-consent{color:var(--text-soft);margin-top:16px;font-size:.84rem}.account-form{gap:14px;margin-top:18px;display:grid}.account-form-status{color:var(--text-soft);font-size:.84rem}.account-danger{background:var(--red-soft);border-color:#fecaca}.account-danger-text{color:#991b1b;font-size:.9rem}.account-purchase{overflow-wrap:anywhere}.admin-table-wrap{max-width:var(--maxw)}table.admin-table{min-width:980px}.admin-email{color:var(--muted);margin-top:3px;font-size:.78rem;display:block}.field{margin-bottom:20px}.field label{margin-bottom:6px;font-size:.88rem;font-weight:600;display:block}.field input,.field textarea{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:10px;padding:12px 14px}.field input:focus,.field textarea:focus{outline:2px solid var(--cyan);outline-offset:1px}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{background:var(--red-soft);border-color:#f87171}.field-error{color:#b91c1c;margin-top:4px;font-size:.78rem}.honeypot{width:0;height:0;position:absolute;top:-9999px;left:-9999px;overflow:hidden}.alert-error{background:var(--red-soft);color:#b91c1c;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;font-size:.88rem}.alert-success{background:var(--green-soft);text-align:center;border:1px solid #bbf7d0;border-radius:16px;padding:32px}.contact-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#111827,#0c2a4d);padding:64px 20px}.contact-hero h1{color:#fff}.contact-hero p{color:#cbd5e1;margin-top:12px}.blog-index .section-head{margin-bottom:30px}.blog-grid{gap:18px;display:grid}@media (width>=860px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card-featured{grid-column:1/-1}}.blog-card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;transition:border-color .15s,box-shadow .15s}.blog-card-featured{background:linear-gradient(180deg, #fff 0%, var(--cyan-50) 100%);border-color:#a5f3fc}.blog-card-featured h2{max-width:820px}.blog-card-featured p{max-width:860px}.blog-meta{color:var(--muted);align-items:center;gap:12px;margin-bottom:12px;font-size:.8rem;display:flex}.blog-tag{background:var(--cyan-50);color:#155e75;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700}.blog-card h2 a{color:var(--text);text-decoration:none}.blog-card h2 a:hover{color:var(--brand)}.article-body{max-width:760px}.article-body h2{margin-top:32px;margin-bottom:12px;font-size:1.5rem}.article-body p,.article-body ul,.article-body ol{color:var(--text-soft);margin-top:14px}.article-body table{border-collapse:collapse;white-space:nowrap;width:100%;max-width:100%;margin-top:18px;font-size:.88rem;display:block;overflow-x:auto}.article-body table th,.article-body table td{border:1px solid var(--line);padding:8px 10px}.article-body a{color:var(--brand)}.article-cta{background:var(--cyan-50);border:1px solid #a5f3fc;border-radius:8px;margin-top:44px;padding:26px}.article-cta h2{font-size:1.25rem}.article-cta p{color:var(--text-soft);margin:10px 0 18px}.site-footer{background:var(--ink);color:#cbd5e1;padding:56px 20px}.footer-inner{max-width:var(--maxw);margin:0 auto}.footer-grid{grid-template-columns:1fr;gap:36px;margin-bottom:36px;display:grid}@media (width>=760px){.footer-grid{grid-template-columns:repeat(3,1fr)}}.footer-grid h4{color:#fff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-size:.78rem}.footer-grid ul{gap:10px;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.footer-grid a{text-decoration:none}.footer-grid a:hover{color:#fff}.footer-brand{align-items:center;gap:10px;margin-bottom:14px;display:flex}.footer-brand .name{color:#fff;font-size:1.1rem;font-weight:800}.footer-brand .name span{color:#67e8f9}.footer-bottom{border-top:1px solid #ffffff1f;flex-direction:column;gap:12px;padding-top:24px;font-size:.78rem;display:flex}@media (width>=640px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}.ad-slot{max-width:var(--maxw);border:1px dashed var(--line);border-radius:var(--radius-lg);background:var(--bg-soft);min-height:260px;color:var(--muted);align-items:center;margin:20px auto;padding:12px 20px;display:grid}.ad-slot ins{width:100%;min-height:240px;display:block}.ad-slot--fallback ins{display:none!important}.ad-slot>span{text-align:center;text-transform:uppercase;letter-spacing:.18em;margin-bottom:8px;font-size:.72rem;display:block}.ad-slot__fallback{text-align:center;color:#fff;background:linear-gradient(135deg,#0f172a,#14532d);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:220px;padding:28px;text-decoration:none;display:none}.ad-slot--fallback .ad-slot__fallback{display:flex}.ad-slot__fallback strong{font-size:clamp(1.4rem,2vw,2rem)}.ad-slot__fallback span{color:#d1fae5;max-width:620px}.ad-slot__privacy{color:var(--muted);cursor:pointer;background:0 0;border:0;margin:10px auto 0;font-size:.78rem;text-decoration:underline;display:none}.ad-slot--fallback .ad-slot__privacy{display:block}.page-main{min-height:50vh}.center-narrow{max-width:900px;margin:0 auto;padding:64px 20px}@media (width<=640px){.center-narrow{padding:44px 20px}}.legal-section{margin-top:32px}.legal-section h2{margin-bottom:10px;font-size:1.25rem}.legal-section p{color:var(--text-soft)}.note-box{border-radius:14px;margin-top:16px;padding:20px}.note-box.blue{background:#eff6ff;border:1px solid #bfdbfe}.note-box.green{background:var(--green-soft);border:1px solid #bbf7d0}.note-box.yellow{background:#fffbeb;border:1px solid #fde68a}.note-box.gray{background:var(--bg-soft);border:1px solid var(--line)}.auth-page{max-width:1040px;margin:0 auto;padding:64px 20px}.auth-grid{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:grid;overflow:hidden}@media (width>=880px){.auth-grid{grid-template-columns:1.05fr .95fr}}.auth-pane{align-content:start;gap:14px;padding:44px 40px;display:grid}.auth-pane h1{font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.15}.auth-pane h2{font-size:1.25rem}.auth-pane-signup{color:#fff;background:radial-gradient(circle at 100% 0,#6366f159,#0000 55%),linear-gradient(150deg,#07111f 0%,#0f2f57 60%,#1e3a8a 100%)}.auth-pane-signup h1,.auth-pane-signup h2{color:#fff}.auth-pane-signup .auth-sub{color:#cbd5e1}.auth-pane-signup .field label{color:#e2e8f0}.auth-pane-login{background:#fff}.auth-sub{color:var(--text-soft);font-size:.95rem}.auth-benefits{color:#dbeafe;gap:10px;margin:6px 0 10px;padding:0;font-size:.9rem;list-style:none;display:grid}.auth-benefits li{align-items:flex-start;gap:10px;display:flex}.auth-benefits li:before{content:"✓";color:#4ade80;flex:none;font-weight:800}.auth-form{gap:4px;margin-top:6px;display:grid}.auth-form .field{margin-bottom:12px}.auth-hint{color:var(--muted);margin-top:4px;font-size:.76rem}.auth-pane-signup .auth-hint{color:#94a3b8}.auth-status{color:var(--text-soft);margin-top:10px;font-size:.86rem}.auth-status.is-error{color:#fca5a5}.auth-pane-login .auth-status.is-error{color:#b91c1c}.auth-divider{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:14px;margin:6px 0;font-size:.78rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-google{gap:10px}.auth-google-mark{display:inline-flex}@media (width<=640px){.auth-page{padding:36px 16px}.auth-pane{padding:30px 22px}}