:root{--bg:#fff;--ink:#262b27;--muted:#646c66;--line:#e7ebe6;--rail:#f7f8f5;--accent:#466450;--wash:#eef3ec}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0;background:none}svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.rail{position:fixed;left:0;top:0;bottom:0;width:54px;background:var(--rail);border-right:1px solid var(--line);z-index:5;display:flex;align-items:center;flex-direction:column;padding:13px 8px;gap:14px}.mark{font-family:Newsreader,Georgia,serif;font-size:23px;font-weight:600;background:var(--accent);color:#fff;width:26px;height:26px;border-radius:5px;display:grid;place-items:center;padding-top:3px;margin-bottom:5px}.rail a:not(.mark),.rail button{width:36px;height:34px;display:grid;place-items:center;border-radius:6px;color:var(--muted)}.rail a:hover,.rail button:hover{background:var(--wash);color:var(--accent)}.rail hr{border:0;border-top:1px solid var(--line);width:30px;margin:4px 0}.rail .theme{margin-top:auto}.top{height:42px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 25px 0 75px;font-size:13px}.crumb{display:flex;gap:12px;align-items:center}.crumb span{color:var(--muted)}.top a{display:flex;gap:8px;align-items:center}.top svg{width:16px}main{margin-left:54px}.page{width:min(710px,calc(100% - 64px));margin:0 auto}.hero{text-align:center;padding-top:68px}.eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:600;color:var(--accent);text-transform:uppercase;margin:0 0 16px}.hero h1{font-family:Newsreader,Georgia,serif;font-weight:500;font-size:44px;letter-spacing:-.8px;line-height:1.12;margin:0 0 30px}.belief{margin:0 auto 18px;max-width:660px}.belief .label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:9px;font-weight:600}.belief p{font-size:16px;line-height:1.7;margin:0;color:var(--muted)}.mission{max-width:590px}.hero .divider{height:1px;width:190px;background:var(--line);margin:38px auto 40px}.value{padding:0 0 30px;margin-bottom:32px;border-bottom:1px solid var(--line)}.value h2{font-family:Newsreader,Georgia,serif;font-size:26px;font-weight:500;line-height:1.25;margin:0 0 14px;letter-spacing:-.2px}.value p{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 15px;max-width:660px}.value-link{padding:0;color:var(--accent);font-size:13px;font-weight:500;line-height:1.7;text-align:left}.value-link:hover{text-decoration:underline;text-underline-offset:4px}.toc section{margin:0 0 27px;scroll-margin-top:35px}.toc h2{display:flex;align-items:center;gap:12px;font-family:Newsreader,Georgia,serif;font-size:23px;font-weight:600;margin:0 0 10px;letter-spacing:.2px}.toc h2 svg{width:20px;height:20px;flex-shrink:0;color:var(--accent)}.row{display:flex;align-items:baseline;gap:9px;width:100%;padding:9px 8px 9px 20px;min-height:38px;border-radius:4px;text-align:left;background:none;border:0}.row:hover{background:var(--wash)}.row:hover .name,.row:hover .number{color:var(--accent)}.name{font-size:14px;white-space:nowrap}.desc{font-size:12px;color:var(--muted);line-height:1.6}.bar{font-size:12px;color:#abb2aa}.leader{flex:1;min-width:12px;border-bottom:1px dotted #aeb5ac;position:relative;bottom:3px}.number{font-family:Newsreader,Georgia,serif;font-size:14px;color:var(--muted);text-align:right;min-width:20px}.footer{margin:42px 0 30px;border-top:1px solid var(--line);padding-top:23px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);gap:20px}.footer strong{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:15px;color:var(--accent)}.footer nav{display:flex;gap:16px}.footer a:hover{color:var(--accent)}dialog{width:min(580px,calc(100% - 36px));max-height:85vh;overflow:auto;padding:36px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;box-shadow:0 18px 60px #0002}dialog::backdrop{background:#19241c66;backdrop-filter:blur(3px)}dialog .close{float:right;font-size:24px;line-height:20px;padding:5px}dialog h2{font-family:Newsreader,Georgia,serif;font-size:34px;font-weight:500;margin:28px 0 18px}dialog p{line-height:1.8;color:var(--muted);font-size:15px}dialog .note{border-top:1px solid var(--line);padding-top:18px;margin-top:26px;font-size:11px}dialog .source{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.pronunciation{font-family:Newsreader,Georgia,serif;font-size:20px!important}[data-theme=dark]{--bg:#181d19;--ink:#edf0e9;--muted:#afb9ad;--line:#343c34;--rail:#1d231e;--accent:#a3b79a;--wash:#2c362b}[data-theme=dark] .mark{color:#181d19}
@media(min-width:1600px){.hero{padding-top:85px}}@media(max-width:800px){.page{width:min(670px,calc(100% - 48px))}.desc{font-size:11px}.row{gap:7px;padding-left:10px}.hero h1{font-size:40px}}@media(max-width:600px){.rail{display:none}.top{padding:0 22px;height:54px}.top .crumb span{display:none}main{margin-left:0}.page{width:calc(100% - 44px)}.hero{padding-top:49px}.hero h1{font-size:36px;margin-bottom:27px}.eyebrow{font-size:9px}.belief p{font-size:15px;line-height:1.65}.belief{margin-bottom:23px}.hero .divider{margin:31px auto 33px;width:125px}.toc h2{font-size:23px;margin-bottom:9px}.toc section{margin-bottom:27px}.row{position:relative;display:grid;grid-template-columns:1fr 24px;gap:4px;padding:10px 0;min-height:57px}.name{font-size:15px;white-space:normal;grid-column:1;grid-row:1}.desc{font-size:12px;grid-column:1;grid-row:2;line-height:1.55}.number{grid-row:1;grid-column:2}.bar,.leader{display:none}.row:hover{padding-left:8px;padding-right:8px}.footer{align-items:flex-start;flex-direction:column;gap:14px;margin-top:32px}.footer nav{width:100%;justify-content:space-between}dialog{padding:26px}dialog h2{font-size:30px}}
@media(max-width:600px){.value{padding-bottom:26px;margin-bottom:30px}.value h2{font-size:25px;line-height:1.3}.value p{font-size:14px;line-height:1.8}.value-link{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.depth{padding:65px 0 10px}.depth h1{font:500 44px/1.12 Newsreader,Georgia,serif;letter-spacing:-.7px;margin:0 0 20px}.intro{font-size:17px;line-height:1.8;color:var(--muted);margin-bottom:25px}.depth section{padding:28px 0;border-top:1px solid var(--line)}.depth h2{font:500 27px/1.3 Newsreader,Georgia,serif;margin:0 0 15px}.depth h3{font-size:15px;font-weight:500;margin:0 0 7px}.depth p{line-height:1.85;color:var(--muted)}.depth .feature{margin:20px 0}.depth .feature p{margin:0}.depth a.inline{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.depth .links{display:flex;flex-wrap:wrap;gap:20px;margin:25px 0}.depth details{border-bottom:1px solid var(--line);padding:17px 0}.depth summary{cursor:pointer;font-weight:500;line-height:1.6}.depth .flow{background:var(--rail);border:1px solid var(--line);padding:24px;line-height:1.8;border-radius:4px;margin:25px 0}.depth small{color:var(--muted);font-size:11px}.bundle-tag{font-size:11px;color:var(--muted);font-family:Inter,Arial,sans-serif;font-weight:400}.name{white-space:normal}.row{flex-wrap:wrap}.row .desc{max-width:100%}@media(max-width:600px){.depth{padding-top:42px}.depth h1{font-size:36px}.intro{font-size:16px}.depth h2{font-size:25px}.depth .flow{padding:18px}}

.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 34px}.depth .feature-grid .feature{padding:10px 0;margin:0}.feature-grid h3{line-height:1.6}@media(max-width:600px){.feature-grid{grid-template-columns:1fr;gap:9px}}

.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.depth .plan{border:1px solid var(--line);border-radius:5px;padding:22px;background:var(--rail)}.depth .plan h3{font:500 25px Newsreader,Georgia,serif}.depth .price{font:500 32px Newsreader,Georgia,serif;color:var(--ink);margin:18px 0}.price span{font:400 12px Inter,Arial,sans-serif}.plan dl{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:12px;margin:25px 0}.plan dd{margin:0}.plan dt{color:var(--muted)}@media(max-width:600px){.plan-grid{grid-template-columns:1fr}}

.discovery-form{margin-top:24px}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.discovery-form label{display:block;font-size:13px;font-weight:500;margin-bottom:9px}.discovery-form input{width:100%;min-height:46px;padding:12px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink);font:inherit}.discovery-form input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.submit-score{margin-top:20px;padding:13px 18px;border-radius:4px;background:var(--accent);color:var(--bg);font-weight:500;min-height:46px}.submit-score:hover{opacity:.9}.depth .form-note{font-size:11px;line-height:1.7;margin-top:13px}@media(max-width:600px){.form-fields{grid-template-columns:1fr}.submit-score{width:100%}}

.rail .mark{width:34px;height:39px;padding:0;background:none;border-radius:0}.brand-s{display:block;width:25px;height:38px;background:var(--accent);mask:url('/assets/seranai-s.svg') center/contain no-repeat;-webkit-mask:url('/assets/seranai-s.svg') center/contain no-repeat}.wordmark{display:block;width:122px;height:87px;background:var(--accent);mask:url('/assets/seranai-wordmark.svg') center/contain no-repeat;-webkit-mask:url('/assets/seranai-wordmark.svg') center/contain no-repeat}.footer{align-items:flex-end;gap:24px}.footer-brand{display:flex;flex-direction:column;gap:14px}.footer nav{flex-wrap:wrap;justify-content:flex-end;gap:14px 18px;max-width:340px}.footer nav a,.footer nav button{padding:4px 0}.footer-brand strong{font-size:13px}@media(max-width:600px){.footer{align-items:flex-start}.footer nav{justify-content:flex-start;max-width:none}.wordmark{width:108px;height:77px}}

.rail a,.rail button{position:relative}.nav-tooltip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(-3px);background:var(--ink);color:var(--bg);font:500 12px/1.4 Inter,Arial,sans-serif;white-space:nowrap;padding:8px 11px;border-radius:5px;box-shadow:0 3px 12px #0002;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:10}.nav-tooltip:before{content:"";position:absolute;right:100%;top:50%;margin-top:-5px;border:5px solid transparent;border-right-color:var(--ink)}.rail a:hover .nav-tooltip,.rail a:focus-visible .nav-tooltip,.rail button:hover .nav-tooltip,.rail button:focus-visible .nav-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}@media(prefers-reduced-motion:reduce){.nav-tooltip{transition:none}}

.skip-link{position:fixed;top:-60px;left:65px;background:var(--bg);color:var(--ink);padding:12px;z-index:20}.skip-link:focus{top:8px}

@media(min-width:1000px){.footer{display:block}.footer-brand{margin-bottom:18px}.footer nav{max-width:none;flex-wrap:nowrap;width:100%;justify-content:space-between;align-items:center;gap:12px}.footer nav>*{white-space:nowrap}}

.table-scroll{overflow-x:auto;margin:22px 0;border:1px solid var(--line);border-radius:4px}table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.7;min-width:580px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);vertical-align:top}thead{background:var(--rail)}tbody th{font-weight:500}tbody tr:last-child>*{border-bottom:0}

.insights-nudge{font-size:12px!important;color:var(--accent)!important;line-height:1.7;margin:8px 0 14px}.insights-nudge a{text-decoration:underline;text-underline-offset:3px}.insight-list>a{display:block;padding:28px 0;border-top:1px solid var(--line)}.insight-list h2{margin-top:13px}.insight-list .inline{color:var(--accent);font-size:13px}.depth .article-note{font-size:11px;line-height:1.8;border-top:1px solid var(--line);padding-top:18px;margin-top:28px}

.toc section{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:20px}.section-icon{display:flex;justify-content:center;padding-top:2px;color:var(--accent)}.section-icon svg{width:24px;height:24px;stroke-width:1.5;flex-shrink:0}.section-content{min-width:0}.toc .section-content h2{display:block}.toc .section-content .row{padding-left:0;padding-right:0}.toc .section-content .row:hover{background:var(--wash)}@media(max-width:600px){.toc section{grid-template-columns:24px minmax(0,1fr);column-gap:13px}.section-icon svg{width:22px;height:22px}.section-icon{padding-top:2px}.toc .section-content .row:hover{padding-left:0;padding-right:0}}

.table-hint{display:none}.table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.links{align-items:center}.links a{line-height:1.7}@media(max-width:600px){.depth .table-hint{display:block;font-size:11px;color:var(--accent);margin:18px 0 -12px}.depth .links{gap:14px 20px}.footer nav{align-items:center;justify-content:flex-start;gap:12px 18px}}