@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(fonts/fraunces-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(fonts/fraunces-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(fonts/fraunces-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(fonts/fraunces-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 500 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/bricolage-grotesque-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 500 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/bricolage-grotesque-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(fonts/hanken-grotesk-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(fonts/hanken-grotesk-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{
 --bg:oklch(0.982 0.007 85); --surface:oklch(0.99 0.005 85); --ink:oklch(0.22 0.015 160); --mut:oklch(0.44 0.02 160);
 --line:oklch(0.895 0.014 90); --soft:oklch(0.965 0.010 90);
 --brand:oklch(0.52 0.13 156); --brand-deep:oklch(0.30 0.075 162); --brand-ink:oklch(0.155 0.035 165);
 --accent:oklch(0.63 0.17 41); --accent-deep:oklch(0.48 0.145 41); --verify:oklch(0.52 0.13 156);
 --d-ink:oklch(0.965 0.015 160); --d-mut:oklch(0.82 0.032 160);
 --disp:"Bricolage Grotesque",-apple-system,sans-serif; --body:"Hanken Grotesk",-apple-system,sans-serif; --serif:"Fraunces",Georgia,serif;
 --z-nav:100; --z-sticky:40; --z-tooltip:800;
}

[data-theme="dark"]{
 --bg:oklch(0.17 0.018 168); --surface:oklch(0.215 0.020 168); --ink:oklch(0.93 0.010 160); --mut:oklch(0.70 0.016 165);
 --line:oklch(0.31 0.020 168); --soft:oklch(0.235 0.022 168);
 --brand:oklch(0.74 0.115 158); --brand-deep:oklch(0.82 0.095 158); --brand-ink:oklch(0.235 0.022 168);
 --accent:oklch(0.74 0.115 58); --accent-deep:oklch(0.80 0.095 58); --verify:oklch(0.74 0.115 158);
}
html{color-scheme:light}
[data-theme="dark"]{color-scheme:dark}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--body);font-size:18px;line-height:1.62;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .4s ease}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px}
h1,h2{font-family:var(--serif);font-weight:600;line-height:1.08;letter-spacing:-.01em;text-wrap:balance;font-optical-sizing:auto}
h3,.disp{font-family:var(--disp);font-weight:700;line-height:1.04;letter-spacing:-.025em;text-wrap:balance}
a{color:var(--brand-deep);text-decoration:none}
p{text-wrap:pretty}

.num{font-variant-numeric:tabular-nums}
.study-entry .big,.split .fig,.step .amt,.bar .val,.fact .n,.hero .live b,.count b{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1}

.ledger{display:inline-block;font-variant-numeric:tabular-nums;letter-spacing:-.035em;padding-bottom:.08em;border-bottom:1px solid var(--line)}

.beleg{display:inline-flex;align-items:center;justify-content:center;width:1.4em;height:1.4em;margin-left:.18em;padding:0;border:0;appearance:none;font-size:clamp(10px,.4em,14px);line-height:0;border-radius:50%;background:color-mix(in oklch,var(--verify) 18%,transparent);box-shadow:inset 0 0 0 1.4px var(--verify);color:var(--verify);vertical-align:super;cursor:pointer;transition:background .15s,transform .15s}
.beleg:hover{background:color-mix(in oklch,var(--verify) 34%,transparent);transform:translateY(-1px)}
.beleg::after{content:"";width:.44em;height:.22em;border-left:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-.09em) rotate(-45deg)}

.study-entry .stat .ledger{border-color:color-mix(in oklch,#fff 22%,transparent)}
.study-entry .stat .beleg{color:var(--brand);box-shadow:inset 0 0 0 1.4px var(--brand);background:color-mix(in oklch,var(--brand) 26%,transparent)}

#beleg-pop{position:fixed;margin:0;inset:auto;width:max-content;max-width:min(300px,calc(100vw - 24px));background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:15px 17px;box-shadow:0 18px 50px -14px color-mix(in oklch,var(--brand-ink) 45%,transparent),0 3px 10px color-mix(in oklch,var(--ink) 12%,transparent);font-family:var(--body);font-size:14px;line-height:1.5;z-index:var(--z-tooltip)}
#beleg-pop .bp-name{font-family:var(--disp);font-weight:700;font-size:15px;color:var(--ink);letter-spacing:-.01em}
#beleg-pop .bp-note{color:var(--mut);margin-top:6px;font-size:13.5px;line-height:1.5}
#beleg-pop .bp-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px;padding-top:11px;border-top:1px solid var(--line)}
#beleg-pop .bp-stand{font-size:12.5px;color:var(--mut);font-variant-numeric:tabular-nums}
#beleg-pop .bp-link{font-size:13px;font-weight:600;color:var(--brand-deep);white-space:nowrap;text-decoration:none}
#beleg-pop .bp-link:hover{text-decoration:underline}
#beleg-pop:popover-open{animation:bpIn .16s cubic-bezier(.2,.8,.2,1)}
@keyframes bpIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

:where(a,button,select,input,summary,[tabindex]):focus-visible{outline:2.5px solid var(--brand);outline-offset:2px;border-radius:5px}

.theme-toggle{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;margin-left:18px;border-radius:11px;border:1px solid var(--line);background:var(--soft);color:var(--mut);cursor:pointer;transition:color .18s,border-color .18s,background .18s}
.theme-toggle:hover{color:var(--ink);border-color:color-mix(in oklch,var(--brand) 45%,var(--line))}
.theme-toggle svg{display:block}
.theme-toggle .ti-sun{display:none}
.theme-toggle .ti-moon{display:block}
[data-theme="dark"] .theme-toggle .ti-moon{display:none}
[data-theme="dark"] .theme-toggle .ti-sun{display:block}
@media(max-width:640px){.theme-toggle{margin-left:12px;width:38px;height:38px}}

header.top{position:sticky;top:0;z-index:var(--z-nav);background:color-mix(in oklch,var(--bg) 86%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:66px;gap:18px}
.logo{font-family:var(--disp);font-size:21px;font-weight:800;letter-spacing:-.03em;color:var(--ink);flex:none}
.logo span{color:var(--brand)}
.nav{display:flex;align-items:center;min-width:0;margin-left:auto;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}
.nav::-webkit-scrollbar{display:none}
.nav a{color:var(--mut);font-size:15px;font-weight:500;margin-left:26px;white-space:nowrap;flex:none}
.nav a:first-child{margin-left:0}
.nav a:hover{color:var(--ink)}
@media(max-width:1040px){.nav a{margin-left:20px;font-size:14px}}
@media(max-width:640px){.top .wrap{gap:12px}.nav{-webkit-mask:linear-gradient(90deg,#000 calc(100% - 16px),transparent);mask:linear-gradient(90deg,#000 calc(100% - 16px),transparent)}.nav a{margin-left:15px}}
.nav-toggle{display:none;align-items:center;justify-content:center;min-width:74px;height:40px;padding:0 15px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:700 14px var(--body);cursor:pointer}
.nav-toggle:hover{border-color:var(--brand);color:var(--brand-deep)}
@media(max-width:900px){
 .top .wrap{position:relative;gap:10px}
 .nav-toggle{display:inline-flex;margin-left:auto}
 .top.nav-ready .nav{display:none;position:absolute;left:28px;right:28px;top:58px;margin:0;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 20px color-mix(in oklch,var(--ink) 14%,transparent);flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 84px);overflow:auto}
 .top.nav-ready .nav.open{display:flex}
 .top.nav-ready .nav a{display:flex;align-items:center;min-height:44px;margin:0;padding:8px 12px;border-radius:9px;font-size:15px}
 .top.nav-ready .nav a:hover{background:var(--soft)}
 .top.nav-ready .nav a.btn{justify-content:center;margin-top:6px}
 .top.nav-ready .theme-toggle{margin-left:0}
}
@media(max-width:640px){.top .wrap{padding:0 18px}.top.nav-ready .nav{left:18px;right:18px}}
.btn{display:inline-block;background:var(--ink);color:var(--bg);padding:11px 20px;border-radius:999px;font-weight:600;font-size:15px;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s}
.btn:hover{transform:translateY(-2px);background:var(--brand-deep);color:var(--bg)}
.btn.acc{background:var(--accent)}.btn.acc:hover{background:var(--accent-deep);color:var(--bg)}
.nav a.btn,.nav a.btn:hover{color:var(--bg)}

.study-entry{padding:clamp(24px,4vw,40px) 0 clamp(56px,7vw,88px)}
.study-entry .panel{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(24px,4vw,46px);align-items:end;background:var(--brand-ink);color:var(--d-ink);border-radius:26px;padding:clamp(30px,5vw,58px);position:relative;overflow:hidden}
.study-entry .panel::after{content:"";position:absolute;inset:-35% -20% auto auto;width:520px;height:520px;background:radial-gradient(closest-side,color-mix(in oklch,var(--brand) 42%,transparent),transparent);opacity:.58;pointer-events:none}
.study-entry h2{font-size:clamp(29px,4.8vw,56px);max-width:16ch;color:#fff}
.study-entry p{color:var(--d-mut);font-size:18px;max-width:58ch;margin-top:18px}
.study-entry .mini{font-size:13px;font-weight:700;color:var(--brand);margin-bottom:12px}
.study-entry .stat{position:relative;z-index:1;border-top:1px solid color-mix(in oklch,#fff 18%,transparent);padding-top:22px}
.study-entry .big{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(54px,8vw,92px);line-height:.9;letter-spacing:-.02em;color:#fff;font-optical-sizing:auto}
.study-entry .lab{display:block;color:var(--d-mut);font-size:15px;line-height:1.35;margin-top:12px}
.study-entry .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.study-entry .ghost{display:inline-block;color:#fff;border:1px solid color-mix(in oklch,#fff 28%,transparent);padding:12px 20px;border-radius:999px;font-weight:700;font-size:15px}
.study-entry .ghost:hover{border-color:#fff}
@media(max-width:760px){.study-entry .panel{grid-template-columns:1fr}.study-entry .stat{border-top:0;padding-top:0}}

.hero{padding:clamp(44px,6vw,72px) 0 clamp(40px,6vw,64px);position:relative;overflow:hidden}

.hero .btn.acc{font-size:17.5px;padding:16px 34px}
.hero .proof{margin-top:14px;font-size:15.5px}
.hero .wrap{position:relative;z-index:1}
.hero .display{font-size:clamp(36px,5.2vw,62px);max-width:18ch;font-weight:800}
.hero .display em{font-style:italic;color:var(--brand-deep);position:relative;white-space:nowrap}

.hero .dek{font-size:clamp(18px,2.1vw,21px);color:var(--mut);max-width:50ch;margin-top:14px;line-height:1.5}
.hero .row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:22px}
.live{display:inline-flex;align-items:center;gap:11px;font-size:15.5px;color:var(--ink);font-weight:500}
.live .dot{width:9px;height:9px;border-radius:50%;background:var(--brand);animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in oklch,var(--brand) 55%,transparent)}70%{box-shadow:0 0 0 12px transparent}100%{box-shadow:0 0 0 0 transparent}}
.live b{font-family:var(--disp);font-weight:700}
.hero .glow{position:absolute;inset:auto -10% -60% 30%;height:520px;background:radial-gradient(closest-side,color-mix(in oklch,var(--brand) 22%,transparent),transparent);z-index:0;pointer-events:none;filter:blur(8px)}
.hero .claim{font-family:var(--body);font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--brand-deep);margin-bottom:18px;line-height:1.4}
.hero h1.claim{margin-bottom:7px}
.why{background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:clamp(26px,4vw,44px);max-width:720px}
.why h2{font-size:clamp(24px,3.4vw,34px)}
.why p{font-size:17.5px;color:var(--ink);line-height:1.6;margin-top:14px}
.why .by{font-size:15px;color:var(--mut);font-weight:600;margin-top:18px}
.tbl.minor td{padding:10px 8px}
.tbl.minor td.r{font-size:15px}

.gap{padding:clamp(56px,7vw,88px) 0}
.gap .head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:34px}
.gap h2{font-size:clamp(28px,4.2vw,46px);max-width:18ch}
.gap .head p{color:var(--mut);max-width:34ch}
.split{display:grid;grid-template-columns:1fr 1fr;border-radius:24px;overflow:hidden;border:1px solid var(--line)}
.split>div{padding:clamp(28px,4vw,46px)}
.split .fest{background:var(--surface);border:1px solid var(--line)}
.split .hono{background:var(--surface);border:1px solid var(--line);position:relative}
.split .tag{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--mut)}
.split .fig{font-family:var(--serif);font-weight:500;font-size:clamp(48px,8vw,84px);line-height:1;letter-spacing:-.02em;margin:14px 0 6px;color:var(--brand-deep);font-optical-sizing:auto}

.split .unit{font-size:15px;color:var(--mut)}
.split .note{margin-top:20px;font-size:15.5px;line-height:1.5;color:var(--mut)}
.split .x{display:inline-block;font-family:var(--disp);font-weight:700;font-size:14px;color:var(--bg);background:var(--accent);border-radius:999px;padding:4px 13px;margin-top:18px}
@media(max-width:620px){.split{grid-template-columns:1fr}}

.ladder{padding:clamp(56px,7vw,88px) 0}
.ladder h2{font-size:clamp(28px,4.2vw,46px);max-width:16ch}
.ladder .dek{color:var(--mut);max-width:48ch;margin:14px 0 40px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end}
.step{display:block;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 20px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .2s}
.step:hover{transform:translateY(-5px);box-shadow:0 14px 40px color-mix(in oklch,var(--brand) 16%,transparent);border-color:color-mix(in oklch,var(--brand) 45%,transparent)}
.step .lvl{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--mut)}
.step .amt{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.8vw,32px);letter-spacing:-.01em;margin:10px 0 2px;color:var(--brand-deep);font-optical-sizing:auto}
.step .per{font-size:13px;color:var(--mut)}
.step .more{margin-top:16px;font-size:13.5px;font-weight:600;color:var(--brand);display:flex;align-items:center;gap:6px}
.step .arr{transition:transform .2s}.step:hover .arr{transform:translateX(4px)}
.step:nth-child(1){min-height:150px}.step:nth-child(2){min-height:186px}.step:nth-child(3){min-height:222px}.step:nth-child(4){min-height:258px;background:linear-gradient(180deg,color-mix(in oklch,var(--brand) 8%,var(--soft)),var(--soft))}
@media(max-width:720px){.steps{grid-template-columns:1fr 1fr}.step{min-height:0!important}}

.chart{padding:clamp(56px,7vw,88px) 0}
.chart h2{font-size:clamp(28px,4.2vw,46px);max-width:18ch}
.chart .dek{color:var(--mut);max-width:52ch;margin:14px 0 36px}
.bars{display:flex;flex-direction:column;gap:14px}
.bar{display:grid;grid-template-columns:minmax(140px,210px) 1fr auto;align-items:center;gap:18px}
.bar .lab{font-size:15.5px;font-weight:500;color:var(--ink)}
.bar .track{height:34px;background:var(--soft);border-radius:9px;overflow:hidden}
.bar .fill{height:100%;width:var(--w);transform-origin:left;border-radius:9px;background:linear-gradient(90deg,var(--brand-deep),var(--brand))}
.bar .val{font-family:var(--serif);font-weight:500;font-size:19px;color:var(--brand-deep);min-width:62px;text-align:right}
.chart .src{font-size:13.5px;color:var(--mut);margin-top:26px}
.chart .src a{color:var(--mut);text-decoration:underline}
@media(max-width:560px){.bar{grid-template-columns:1fr auto;gap:6px 12px}.bar .track{grid-column:1/-1}}

.creed{background:var(--surface);border:1px solid var(--line);border-radius:30px;margin:clamp(56px,7vw,88px) 0;padding:clamp(40px,6vw,80px) clamp(28px,5vw,64px);position:relative;overflow:hidden}
.creed .glow{display:none}
.creed .in{position:relative;max-width:760px}
.creed h2{font-size:clamp(30px,4.6vw,52px);color:var(--ink);max-width:20ch}
.creed p{color:var(--mut);font-size:19px;max-width:60ch;margin-top:20px}
.creed ul{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:18px}
.creed li{padding-left:40px;position:relative;color:var(--ink);font-size:17px;max-width:62ch}
.creed li b{color:var(--ink);font-weight:700}
.creed li::before{content:"";position:absolute;left:0;top:2px;width:24px;height:24px;border-radius:7px;background:color-mix(in oklch,var(--brand) 35%,transparent);box-shadow:inset 0 0 0 1.5px var(--brand)}
.creed li::after{content:"";position:absolute;left:8px;top:9px;width:8px;height:4px;border-left:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:rotate(-45deg)}
.creed .cta{margin-top:38px;display:inline-block;background:var(--ink);color:var(--bg);padding:14px 26px;border-radius:999px;font-weight:700;font-size:16px;transition:transform .18s}
.creed .cta:hover{transform:translateY(-2px)}

.lede{padding:clamp(48px,8vw,96px) 0 clamp(20px,3vw,30px)}
.lede .back{font-size:14.5px;color:var(--mut);font-weight:500}
.lede h1{font-size:clamp(34px,6vw,64px);margin-top:22px;max-width:16ch;font-weight:800}
.lede .dek{font-size:clamp(18px,2.2vw,22px);color:var(--mut);max-width:54ch;margin-top:20px}
.facts{display:flex;flex-wrap:wrap;gap:30px 56px;margin-top:40px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fact .n{font-family:var(--disp);font-weight:800;font-size:clamp(30px,4.4vw,46px);letter-spacing:-.03em;color:var(--brand-deep);line-height:1}
.fact .l{font-size:14.5px;color:var(--mut);margin-top:8px;max-width:24ch}
.prose{padding:40px 0;font-size:18px}
.prose b{font-weight:600}
.prose h2{font-size:clamp(23px,3.2vw,32px);margin:46px 0 10px}
.prose h2:first-child{margin-top:0}
.prose ol,.prose ul{margin:14px 0;padding-left:24px;line-height:1.65}
.prose li{margin:8px 0}
.tbl{width:100%;border-collapse:collapse;margin-top:10px;font-size:15.5px}
.tbl th,.tbl td{text-align:left;padding:14px 8px;border-bottom:1px solid var(--line)}
.tbl th{font-size:13px;color:var(--mut);font-weight:700;letter-spacing:.01em}
.tbl tbody tr{transition:background .12s}
.tbl tbody tr:hover{background:var(--soft)}
.tbl td.r{font-family:var(--disp);font-weight:700;color:var(--brand-deep);font-variant-numeric:tabular-nums}
.src{font-size:13.5px;color:var(--mut);margin-top:18px;line-height:1.6}.src a{color:var(--mut);text-decoration:underline;text-underline-offset:2px}
.src a:hover{color:var(--ink)}
@media(max-width:640px){.tbl{display:block;width:max-content;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}

.faq{padding:clamp(40px,6vw,80px) 0}
.faq h2{font-size:clamp(25px,3.6vw,40px);max-width:22ch;margin-bottom:6px}
.faq .dek{color:var(--mut);margin:0 0 22px;font-size:16.5px}
.faq details{border-top:1px solid var(--line)}
.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 46px 20px 2px;position:relative;font-family:var(--disp);font-weight:600;font-size:clamp(17px,2vw,20px);color:var(--ink);letter-spacing:-.012em;transition:color .15s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--brand-deep)}
.faq summary::after{content:"";position:absolute;right:10px;top:50%;width:10px;height:10px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:translateY(-70%) rotate(45deg);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.faq details[open] summary{color:var(--brand-deep)}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg);border-color:var(--brand)}
.faq .ans{padding:0 46px 22px 2px;color:var(--ink);font-size:16.5px;line-height:1.62;max-width:70ch}
footer{border-top:1px solid var(--line);padding:52px 0 40px;color:var(--mut);font-size:14px;margin-top:20px}
footer .logo{font-size:18px}
footer .fgrid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:30px}
footer .fcol h3{font-family:var(--disp);font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink);margin:0 0 10px}
footer .fcol a{display:block;color:var(--mut);padding:3.5px 0;font-size:14.5px}
footer .fcol a:hover{color:var(--brand-deep)}
footer .brandcol p{max-width:24ch;margin-top:10px;font-size:14px;line-height:1.55}
footer .fbase{border-top:1px solid var(--line);margin-top:32px;padding-top:18px;font-size:13px}
@media(max-width:860px){footer .fgrid{grid-template-columns:1fr 1fr;gap:22px}footer .brandcol{grid-column:1/-1}}
.legal{padding:70px 0 90px}
.legal .wrap{max-width:760px}
.legal h1{font-size:clamp(30px,4.5vw,44px);margin-bottom:14px}
.legal h2{font-size:21px;margin:38px 0 10px}
.legal p,.legal li{color:var(--ink);font-size:16.5px;line-height:1.66}
.legal ul{padding-left:22px;margin:10px 0}
.legal .mut{color:var(--mut);font-size:14.5px;margin-top:34px}
.legal address{font-style:normal;line-height:1.66}

.srcd{margin-top:14px}
.srcd summary{cursor:pointer;color:var(--mut);font-size:13.5px;font-weight:600;width:max-content}
.srcd summary:hover{color:var(--ink)}
.srcd[open] summary{margin-bottom:6px}
.reveal{opacity:1;transform:none}
html.js .in .reveal{animation:revealIn .7s cubic-bezier(.16,1,.3,1) both}
html.js .in .reveal.d1{animation-delay:.07s}html.js .in .reveal.d2{animation-delay:.14s}html.js .in .reveal.d3{animation-delay:.21s}html.js .in .reveal.d4{animation-delay:.28s}
@keyframes revealIn{from{opacity:.01;transform:translateY(22px)}to{opacity:1;transform:none}}
.bar .fill{transform:scaleX(1)}
html.js .in .bar .fill{animation:barIn 1s cubic-bezier(.16,1,.3,1) both}
html.js .in .bar:nth-child(2) .fill{animation-delay:.06s}html.js .in .bar:nth-child(3) .fill{animation-delay:.12s}html.js .in .bar:nth-child(4) .fill{animation-delay:.18s}html.js .in .bar:nth-child(5) .fill{animation-delay:.24s}html.js .in .bar:nth-child(6) .fill{animation-delay:.3s}html.js .in .bar:nth-child(7) .fill{animation-delay:.36s}html.js .in .bar:nth-child(8) .fill{animation-delay:.42s}
@keyframes barIn{from{transform:scaleX(.001)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){
 html.js .in .reveal,html.js .in .bar .fill{animation:none}.srcd{margin-top:14px}
.srcd summary{cursor:pointer;color:var(--mut);font-size:13.5px;font-weight:600;width:max-content}
.srcd summary:hover{color:var(--ink)}
.srcd[open] summary{margin-bottom:6px}
.reveal{opacity:1;transform:none}.bar .fill{transform:scaleX(1)}.live .dot{animation:none}
 body{transition:none}#beleg-pop:popover-open{animation:none}.faq summary::after{transition:none}.beleg{transition:none}
}

.hero .klar-c{margin-top:clamp(22px,2.8vw,32px)}
.klar-c{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}
.klar-scene{border:1px solid var(--line);border-radius:18px;padding:22px 20px 18px;background:var(--soft);position:relative;overflow:hidden;min-width:0}
.klar-scene.gut{border-color:color-mix(in oklch,var(--brand) 30%,var(--line));background:color-mix(in oklch,var(--brand) 5%,var(--soft))}
.klar-scene .tag{margin-bottom:8px}
.klar-stage-art{position:relative;height:238px}
.klar-fig{color:var(--ink);position:absolute;bottom:6px}
.klar-scene .pain,.klar-scene .gain{position:absolute;font-size:12.5px;font-weight:700;line-height:1.25;border-radius:999px;padding:5px 11px;white-space:nowrap;box-shadow:0 2px 8px color-mix(in oklch,var(--ink) 8%,transparent)}
.klar-scene .pain{color:var(--accent-deep);background:color-mix(in srgb,var(--accent) 14%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}
.klar-scene .gain{color:var(--brand-deep);background:color-mix(in srgb,var(--brand) 14%,var(--bg));border:1px solid color-mix(in srgb,var(--brand) 42%,transparent)}
.klar-scene .adcard{position:absolute;width:104px;border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:8px 9px;box-shadow:0 2px 8px color-mix(in oklch,var(--ink) 7%,transparent)}
.klar-scene .adcard .src{font-size:9.5px;font-weight:700;color:var(--mut);letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}
.klar-scene .adcard .l{height:6px;border-radius:3px;background:color-mix(in oklch,var(--mut) 32%,transparent);margin-bottom:5px}
.klar-scene .adcard .l.s{width:55%;margin-bottom:0}
.klar-scene .flycard{position:absolute;width:150px;border:1px solid color-mix(in oklch,var(--brand) 30%,var(--line));border-radius:10px;background:var(--bg);padding:9px 10px;box-shadow:0 3px 10px color-mix(in oklch,var(--ink) 9%,transparent)}
.klar-scene .flycard .l{height:7px;border-radius:4px;background:color-mix(in oklch,var(--ink) 24%,transparent);width:64%;margin-bottom:7px}
.klar-scene .flycard .b{display:inline-block;font-size:10.5px;font-weight:700;color:var(--brand-deep);background:color-mix(in oklch,var(--brand) 14%,transparent);border-radius:999px;padding:2px 8px;margin-right:4px}
.klar-scene .flycard .ok{position:absolute;top:7px;right:9px;color:var(--brand);font-weight:800;font-size:14px}
.klar-scene .fly-l{position:absolute;height:2px;border-radius:2px;background:color-mix(in oklch,var(--brand) 45%,transparent)}
.klar-caption{color:var(--mut);font-size:14.5px;line-height:1.5;margin-top:10px;position:relative;z-index:1}
.klar .row{margin-top:30px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.klar .row .hint{color:var(--mut);font-size:15px}
@media (max-width:860px){.klar-c{grid-template-columns:1fr}.klar-stage-art{height:230px}}

[data-theme="dark"] .hero .glow{opacity:.28}
[data-theme="dark"] .creed .glow{opacity:.22}
[data-theme="dark"] .study-entry .panel::after{opacity:.24}