:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink-900:#111827;--ink-700:#1f2a37;--ink-600:#374151;--slate-500:#536070;--slate-400:#6b7685;--slate-300:#94a3b2;--line-200:#e3e8ef;--line-100:#edf1f6;--surface-0:#fff;--page-bg:#f7f9fc;--tint-50:#f1f5fb;--blue-700:#1d4fd7;--blue-600:#2563eb;--blue-500:#3b82f6;--blue-100:#dbe7fe;--blue-50:#eff4ff;--cyan-600:#0891b2;--cyan-500:#06b6d4;--cyan-100:#cff4fb;--cyan-50:#ecfbfe;--green-600:#15803d;--green-500:#16a34a;--green-100:#d5f2df;--green-50:#edfbf2;--amber-600:#d97706;--amber-500:#f59e0b;--amber-100:#fcebc8;--amber-50:#fef6e7;--red-600:#dc2626;--red-100:#fbdada;--red-50:#fef0f0;--text-strong:var(--ink-900);--text-body:var(--ink-600);--text-muted:var(--slate-500);--text-subtle:var(--slate-400);--surface-card:var(--surface-0);--surface-app:var(--page-bg);--surface-sunken:var(--tint-50);--surface-hover:var(--line-100);--border-default:var(--line-200);--border-strong:var(--slate-300);--border-focus:var(--blue-600);--action-primary:var(--blue-600);--action-primary-hover:var(--blue-700);--accent-match:var(--cyan-500);--accent-success:var(--green-500);--font-sans:"Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-sm:0 1px 3px #11182712, 0 1px 2px #1118270a;--shadow-md:0 4px 12px #11182714, 0 1px 3px #1118270a;--shadow-lg:0 12px 28px #1118271a, 0 2px 6px #1118270d;--shadow-focus:0 0 0 3px #2563eb38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface-app);color:var(--text-body);font-family:var(--font-sans);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3,p{overflow-wrap:anywhere;margin-top:0}.pageShell{background:radial-gradient(circle at 14% 12%, #2563eb1a, transparent 28%), radial-gradient(circle at 88% 6%, #06b6d424, transparent 32%), var(--surface-app);min-height:100vh}.siteNav{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:20px clamp(20px,5vw,56px);display:flex}.logo{color:var(--text-strong);align-items:center;gap:10px;font-size:17px;font-weight:800;display:inline-flex}.logoMark{background:linear-gradient(135deg, var(--blue-600), var(--cyan-500));color:#fff;border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:inline-flex}.siteNavLinks,.siteNavActions,.actions{align-items:center;gap:12px;display:flex}.siteNavLinks{color:var(--text-muted);gap:28px;font-size:14px;font-weight:500}.siteNavLinks a.active,.siteNavLinks a:hover{color:var(--text-strong)}.button{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:700;line-height:1;transition:background .12s,border-color .12s,box-shadow .12s,transform .12s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-sm{min-height:32px;padding:0 12px;font-size:13px}.button-md{min-height:40px;padding:0 16px;font-size:15px}.button-lg{min-height:48px;padding:0 22px;font-size:16px}.button-primary{background:var(--action-primary);color:#fff}.button-primary:hover{background:var(--action-primary-hover)}.button-secondary{border-color:var(--border-default);background:var(--surface-card);color:var(--text-strong)}.button-ghost{color:var(--text-body);background:0 0}.button-success{background:var(--accent-success);color:#fff}.buttonFull{width:100%}.badge,.tag{align-items:center;width:fit-content;line-height:1;display:inline-flex}.badge{border-radius:var(--radius-sm);gap:6px;padding:5px 9px;font-size:12px;font-weight:700}.badge-neutral{background:var(--surface-sunken);color:var(--text-muted)}.badge-blue{background:var(--blue-50);color:var(--blue-700)}.badge-cyan{background:var(--cyan-50);color:var(--cyan-600)}.badge-green{background:var(--green-50);color:var(--green-600)}.badge-amber{background:var(--amber-50);color:var(--amber-600)}.badge-red{background:var(--red-50);color:var(--red-600)}.tag{border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-body);padding:6px 10px;font-size:13px;font-weight:600}.tag-blue{border-color:var(--blue-100);background:var(--blue-50);color:var(--blue-700)}.tag-cyan{border-color:var(--cyan-100);background:var(--cyan-50);color:var(--cyan-600)}.tag-green{border-color:var(--green-100);background:var(--green-50);color:var(--green-600)}.tag-amber{border-color:var(--amber-100);background:var(--amber-50);color:var(--amber-600)}.card{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-sm)}.hero{max-width:1200px;margin:0 auto;padding:74px clamp(20px,5vw,56px) 64px}.heroGrid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:48px;display:grid}.heroCopy{max-width:650px}.eyebrow,.cardKicker{color:var(--blue-700);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:800}.hero h1{color:var(--text-strong);letter-spacing:-.02em;margin-bottom:22px;font-size:clamp(42px,7vw,72px);line-height:.98}.lede{max-width:600px;color:var(--text-muted);margin-bottom:0;font-size:18px;line-height:1.65}.actions{flex-wrap:wrap;margin-top:30px}.trustRow,.tagRow,.metricsGrid,.roleGrid,.pricingGrid{flex-wrap:wrap;gap:10px;display:flex}.trustRow{margin-top:18px}.heroPanel{padding:22px}.mockBrowser{overflow:hidden}.mockTopbar{border-bottom:1px solid var(--line-100);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.mockDots{gap:6px;display:inline-flex}.mockDots span{background:var(--line-200);border-radius:99px;width:9px;height:9px}.mockContent{gap:16px;padding-top:18px;display:grid}.briefCard{border:1px solid var(--line-100);border-radius:var(--radius-md);background:var(--surface-sunken);gap:14px;padding:16px;display:grid}.briefLine{background:var(--line-200);border-radius:99px;height:9px}.briefLine.short{width:58%}.matchCard{border:1px solid var(--cyan-100);border-radius:var(--radius-lg);background:var(--cyan-50);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:16px;display:grid}.matchScore{border:7px solid var(--green-500);width:64px;height:64px;color:var(--green-600);font-family:var(--font-mono);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:inline-flex}.section{max-width:1200px;margin:0 auto;padding:66px clamp(20px,5vw,56px)}.sectionHeader{gap:8px;margin-bottom:28px;display:grid}.sectionHeader h2,.splitContent h2,.signupCopy h1{color:var(--text-strong);letter-spacing:-.02em;margin-bottom:0;font-size:clamp(28px,4vw,44px);line-height:1.08}.sectionHeader p:not(.eyebrow),.splitContent p,.signupCopy p{max-width:680px;color:var(--text-muted);font-size:16px;line-height:1.65}.roleGrid,.pricingGrid,.metricsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.roleCard,.priceCard,.metricCard{padding:20px}.roleCardLink{min-width:0;display:block}.roleCardLink .card{height:100%;transition:border-color .12s,box-shadow .12s,transform .12s}.roleCardLink:hover .card{border-color:var(--blue-100);box-shadow:var(--shadow-md);transform:translateY(-2px)}.roleCard h3,.priceCard h3,.priceCard h2,.metricCard h3{color:var(--text-strong);margin-bottom:10px;font-size:20px;line-height:1.2}.roleCard p,.priceCard p{color:var(--text-muted);line-height:1.55}.featureList{color:var(--text-body);gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.featureList li{align-items:flex-start;gap:10px;line-height:1.45;display:flex}.featureList li:before{content:"OK";color:var(--green-600);font-size:12px;font-weight:900}.categoryDetailGrid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;display:grid}.categoryHero{padding-bottom:48px}.relatedRoleList{gap:10px;display:grid}.relatedRoleList span{border-bottom:1px solid var(--line-100);color:var(--text-strong);padding-bottom:10px;font-weight:700}.splitBand{border-block:1px solid var(--border-default);background:var(--surface-card)}.splitInner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:48px;max-width:1200px;margin:0 auto;padding:66px clamp(20px,5vw,56px);display:grid}.steps{gap:14px;display:grid}.step{border-bottom:1px solid var(--line-100);grid-template-columns:48px minmax(0,1fr);gap:18px;padding-bottom:16px;display:grid}.step span{color:var(--blue-700);font-family:var(--font-mono);font-weight:800}.step p{margin:0;line-height:1.55}.price{letter-spacing:-.02em;margin:16px 0 10px;font-size:36px;font-weight:800;color:var(--text-strong)!important}.price span{color:var(--text-muted);font-size:15px;font-weight:700}.priceCard.highlight{border-color:var(--blue-100);box-shadow:var(--shadow-md)}.metricCard{gap:8px;display:grid}.metricValue{color:var(--blue-700);font-family:var(--font-mono);font-size:34px;font-weight:800}.metricLabel{color:var(--text-muted);font-weight:700}.simpleHero{gap:18px;max-width:920px;margin:0 auto;padding:74px clamp(20px,5vw,56px) 24px;display:grid}.simpleHero h1,.authCard h1,.docPage h1,.contactMain h1{color:var(--text-strong);letter-spacing:-.02em;margin-bottom:0;font-size:clamp(34px,5vw,58px);line-height:1}.simpleHero p,.authCard p,.docPage p,.contactMain p{max-width:720px;color:var(--text-muted);font-size:16px;line-height:1.65}.compactSection{padding-top:24px}.signupShell{background:radial-gradient(circle at 16% 18%, #2563eb1f, transparent 28%), radial-gradient(circle at 90% 12%, #06b6d424, transparent 30%), var(--surface-app);grid-template-rows:auto 1fr;min-height:100vh;display:grid}.signupMain{grid-template-columns:minmax(0,.95fr) minmax(360px,.8fr);align-items:center;gap:42px;width:100%;max-width:1120px;margin:0 auto;padding:52px clamp(20px,5vw,56px) 76px;display:grid}.signupCopy{max-width:560px}.signupCopy h1{margin-bottom:18px}.signupChecklist{gap:12px;margin-top:28px;display:grid}.checkItem{color:var(--text-body);align-items:flex-start;gap:10px;font-weight:600;display:flex}.checkItem span{color:var(--green-500);font-weight:900}.signupCard{padding:24px}.signupCard h2{color:var(--text-strong);letter-spacing:-.02em;margin:0 0 6px;font-size:24px}.signupCard p{color:var(--text-muted);line-height:1.55}.signupForm{gap:16px;margin-top:22px;display:grid}.field{gap:6px;display:grid}.field>span{color:var(--text-strong);font-size:13px;font-weight:700}.field small{color:var(--text-muted);font-size:12px}.input,.select{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);width:100%;min-height:42px;color:var(--text-strong);outline:none;padding:0 12px}.input:focus,.select:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.divider{color:var(--text-subtle);text-transform:uppercase;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.divider:before,.divider:after{content:"";background:var(--line-100);flex:1;height:1px}.legalNote{color:var(--text-subtle);margin-bottom:0;font-size:12px;line-height:1.5}.legalNote a{color:var(--blue-700);font-weight:700}.textarea{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);width:100%;min-height:120px;color:var(--text-strong);resize:vertical;outline:none;padding:12px}.textarea:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.recommendationBox{border:1px solid var(--blue-100);border-radius:var(--radius-lg);background:var(--blue-50);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;padding:16px;display:grid}.recommendationBox h3{color:var(--text-strong);margin:10px 0 6px}.recommendationBox p{margin:0}.recommendationBox strong{color:var(--blue-700);font-size:28px}.recommendationBox strong span{color:var(--text-muted);font-size:13px}.planChoiceGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.planChoice{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);cursor:pointer;gap:6px;padding:12px;display:grid}.planChoice.selected{border-color:var(--blue-500);background:var(--blue-50);box-shadow:var(--shadow-focus)}.planChoice input{width:fit-content}.planChoice span,.planChoice strong{color:var(--text-strong);font-weight:800}.planChoice small{color:var(--text-muted)}.successNotice{border:1px solid var(--green-100);border-radius:var(--radius-md);background:var(--green-50);color:var(--green-600);padding:14px}.successNotice p{color:var(--text-muted);margin:6px 0 0}.authMain{place-items:center;min-height:62vh;padding:52px clamp(20px,5vw,56px) 76px;display:grid}.authCard{width:min(100%,520px);padding:28px}.docPage{max-width:840px;margin:0 auto;padding:64px clamp(20px,5vw,56px)}.docPage h2{color:var(--text-strong);margin:32px 0 10px}.docUpdated{color:var(--text-subtle)!important;font-size:13px!important}.contactMain{grid-template-columns:minmax(0,.9fr) minmax(360px,.8fr);align-items:center;gap:42px;max-width:1120px;margin:0 auto;padding:64px clamp(20px,5vw,56px) 76px;display:grid}.siteFooter{border-top:1px solid var(--border-default);justify-content:space-between;align-items:flex-start;gap:24px;max-width:1200px;margin:0 auto;padding:28px clamp(20px,5vw,56px) 42px;display:flex}.siteFooter p{color:var(--text-muted);margin:10px 0 0}.siteFooter nav{color:var(--text-muted);flex-wrap:wrap;gap:16px;font-size:14px;font-weight:700;display:flex}@media (max-width:920px){.siteNav{flex-direction:column;align-items:flex-start}.siteNavLinks,.siteNavActions{flex-wrap:wrap;width:100%}.heroGrid,.splitInner,.signupMain,.contactMain,.roleGrid,.pricingGrid,.metricsGrid,.planChoiceGrid,.categoryDetailGrid{grid-template-columns:1fr}.siteFooter{flex-direction:column}}@media (max-width:620px){.siteNavLinks{gap:14px}.hero{padding-top:48px}.hero h1{font-size:42px}.formGrid{grid-template-columns:1fr}}
