:root{--veil:rgba(255,255,255,.55);--paper:#FFFFFF;--card:#FFFFFF;--ink:#1C1B19;--muted:#5E5C57;--line:#E7E4DF;--line2:#CFCAC2;--chip:#F4F2EE;--hazard:#F2C14E;--rust:#A63F1B;--teal:#1F5F5A;--slate:#3B5BA5;
--b-blue:#DCEBFA;--b-peach:#FCE6CD;--b-warm:#F5F0EA;--b-mint:#DDF1E4;--b-yellow:#F7DC62;--b-lilac:#ECE5F8;--band:var(--b-blue);
--sh:0 1px 2px rgba(28,27,25,.05),0 8px 24px rgba(28,27,25,.06);--sh2:0 2px 4px rgba(28,27,25,.06),0 18px 40px rgba(28,27,25,.12);
--btn:#141414;--btn-ink:#FFFFFF;--display:"Inter Tight","Inter",system-ui,sans-serif;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#141412;--card:#1D1C1A;--ink:#F2F0EC;--muted:#A8A49C;--line:#2F2D2A;--line2:#47443F;--chip:#272622;--rust:#F08A5D;--veil:rgba(255,255,255,.07);--teal:#6CC5B8;--slate:#8FA9E8;
--b-blue:#172636;--b-peach:#33261A;--b-warm:#1F1D1A;--b-mint:#18291F;--b-yellow:#3B3210;--b-lilac:#251F33;--sh:0 1px 2px rgba(0,0,0,.4);--sh2:0 12px 32px rgba(0,0,0,.5);--btn:#F2F0EC;--btn-ink:#141412;color-scheme:dark}}
:root[data-theme="dark"]{--paper:#141412;--card:#1D1C1A;--ink:#F2F0EC;--muted:#A8A49C;--line:#2F2D2A;--line2:#47443F;--chip:#272622;--rust:#F08A5D;--veil:rgba(255,255,255,.07);--teal:#6CC5B8;--slate:#8FA9E8;
--b-blue:#172636;--b-peach:#33261A;--b-warm:#1F1D1A;--b-mint:#18291F;--b-yellow:#3B3210;--b-lilac:#251F33;--sh:0 1px 2px rgba(0,0,0,.4);--sh2:0 12px 32px rgba(0,0,0,.5);--btn:#F2F0EC;--btn-ink:#141412;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 "Inter",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--display);margin:0;text-wrap:balance;letter-spacing:-.028em;word-spacing:.04em;font-weight:800}
h1{font-size:clamp(40px,7vw,76px);line-height:.98}
h2{font-size:clamp(30px,4.6vw,52px);line-height:1.02}
h3{font-size:21px;line-height:1.2;letter-spacing:-.02em;font-weight:700}
a{color:var(--teal);text-underline-offset:3px}
input:not([type=checkbox]):not([type=radio]),select,textarea{border-color:#8A857C!important}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) input:not([type=checkbox]):not([type=radio]),:root:not([data-theme="light"]) select,:root:not([data-theme="light"]) textarea{border-color:#8F897F!important}}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--slate);outline-offset:3px;border-radius:6px}
.hazard{height:6px;background:repeating-linear-gradient(-45deg,var(--hazard) 0 12px,#1C1B19 12px 24px)}
.wrap{max-width:1120px;margin:0 auto;padding-inline:24px;padding-block:0 0}
@media (max-width:560px){.wrap{padding-inline:16px}}
/* top bar */
.site{background:var(--paper);border-bottom:1px solid var(--line)}
.bar{max-width:1120px;margin:0 auto;padding-inline:24px;min-height:64px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
@media (max-width:560px){.bar{padding-inline:16px;gap:10px;padding-block:10px}}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);margin-right:auto}
.brand .mark{width:34px;height:34px;color:var(--ink);flex:none}
.word{font:800 21px/1 var(--display);letter-spacing:-.02em;word-spacing:.04em;white-space:nowrap}.word i{font-style:normal;color:#E0633A}
.buddy{display:block;flex:none;color:var(--ink)}.kid-badge .buddy{color:#1C1B19}
.kid-badge{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:6px;background:#FFFFFF;border-radius:999px;padding:4px 12px 4px 5px;font:700 13px "Inter",system-ui,sans-serif;color:#1C1B19;box-shadow:var(--sh)}.kid-badge .buddy{width:26px;height:26px}
.book{position:relative}
.track-head .kid{display:flex;align-items:center;gap:14px}.track-head .kid .buddy{width:56px;height:56px}
.foot-mark{display:flex;align-items:center;gap:10px;font:800 18px var(--display);letter-spacing:-.02em}.foot-mark .mark{width:32px;height:32px;color:var(--ink)}
.brand span{font-size:13px;color:var(--muted);border-left:1px solid var(--line2);padding-left:10px}
@media (max-width:560px){.brand span{display:none}.acts .btn:not(.primary):not(:only-child){display:none}.brand .word{font-size:19px}}
.nav{display:flex;align-items:center;gap:2px}
.nav a{padding:8px 12px;border-radius:6px;text-decoration:none;color:var(--ink);font-weight:600;font-size:15px;white-space:nowrap}
.nav a:hover{background:var(--chip)}
.nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.acts{display:flex;gap:8px;align-items:center}
@media (max-width:860px){.nav{order:3;flex:1 0 100%;flex-wrap:wrap;gap:2px 0;margin-inline:-8px;padding-bottom:4px}.nav a{padding:8px 10px}}
/* buttons */
.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--line2);border-radius:8px;text-decoration:none;font-weight:600;font-size:15px;color:var(--ink);background:var(--card);white-space:nowrap}
.btn:hover{border-color:var(--ink)}
.btn.primary{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}
.btn.primary:hover{opacity:.88}
.btn.sm{min-height:38px;padding:7px 14px;font-size:14px}
/* bands: full-width color without horizontal scroll */
.band,.hero{background:var(--band);box-shadow:0 0 0 100vmax var(--band);clip-path:inset(0 -100vmax)}
.hero{padding-block:64px 56px;display:flex;flex-direction:column;gap:12px}
.hero h1{max-width:16ch}
.b-blue{--band:var(--b-blue)}.b-peach{--band:var(--b-peach)}.b-warm{--band:var(--b-warm)}.b-mint{--band:var(--b-mint)}.b-yellow{--band:var(--b-yellow)}.b-lilac{--band:var(--b-lilac)}.b-white{--band:var(--paper)}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rust)}
.lede{font-size:clamp(18px,2.1vw,21px);line-height:1.5;color:var(--muted);max-width:58ch;margin:10px 0 0}
.small{font-size:14px;color:var(--muted);max-width:75ch}
/* tab row */
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line2);margin-top:28px;overflow-x:auto;scrollbar-width:none;position:sticky;top:0;background:var(--paper);z-index:4}
.tabs::-webkit-scrollbar{display:none}
.tabs a{padding:12px 12px;font-weight:600;font-size:15px;color:var(--ink);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs a:hover,.tabs a.on{border-bottom-color:var(--ink)}
/* sections */
.sec{margin-top:88px;scroll-margin-top:64px;display:flex;flex-direction:column;gap:12px}
.sec>p{margin:0;color:var(--muted);max-width:62ch;font-size:19px}
.sec.band{padding-block:72px}
.sec.small,.sec>p.small{font-size:14px}
@media (max-width:600px){.sec{margin-top:64px}.hero{padding-block:44px 40px}.gap{height:64px}}
/* cards */
.card,.about-card,.exam,.plan,.hub a,.book,.cert{background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh)}
/* browser window frame */
.win{background:var(--card);border:1px solid var(--line2);border-radius:10px;box-shadow:var(--sh2);overflow:hidden;max-width:100%}
.win-top{height:34px;display:flex;align-items:center;gap:7px;padding-inline:12px;border-bottom:1px solid var(--line);background:var(--chip)}
.win-top i{width:11px;height:11px;border-radius:50%;background:#EC6A5E}.win-top i+i{background:#F4BF4F}.win-top i+i+i{background:#61C554}
.win-top span{margin-left:10px;font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.win-body{display:grid;grid-template-columns:170px minmax(0,1fr)}
.win-side{border-right:1px solid var(--line);padding:12px 8px;display:flex;flex-direction:column;gap:2px;background:var(--card)}
.win-side small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:4px 8px 6px}
.win-side button{display:flex;align-items:center;gap:8px;text-align:left;min-height:34px;padding:6px 8px;border:0;border-radius:6px;background:none;font:600 13px/1.25 "Inter",system-ui,sans-serif;color:var(--ink);cursor:pointer}
.win-side button[aria-pressed="true"]{background:var(--chip)}
.win-side button i{flex:none;width:9px;height:9px;border-radius:3px}
.win-main{padding:14px;background:var(--chip)}
.win-main img{display:block;width:100%;height:auto;aspect-ratio:1440/1000;border-radius:6px;box-shadow:var(--sh)}
@media (max-width:640px){.win-body{grid-template-columns:minmax(0,1fr)}.win-side{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}.win-side small{display:none}.win-side button{white-space:nowrap}}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center}
@media (max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:36px}}
.proof{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:22px;font-size:15px;color:var(--muted)}
.proof b{color:var(--ink)}
/* books */
.books{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-top:28px}
.books .book{grid-column:span 2}
.books .book:nth-child(n+4){grid-column:span 3}
@media (max-width:900px){.books{grid-template-columns:repeat(2,minmax(0,1fr))}.books .book,.books .book:nth-child(n+4){grid-column:span 1}.books .book:last-child{grid-column:span 2}}
@media (max-width:600px){.books{grid-template-columns:minmax(0,1fr)}.books .book:last-child{grid-column:span 1}}
.book{overflow:hidden;display:flex;flex-direction:column}
.book img{display:block;width:100%;height:auto;aspect-ratio:1440/1000;object-fit:cover;object-position:top;border-bottom:1px solid var(--line)}
.book>div{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.book p{margin:0;font-size:15.5px;color:var(--muted)}
.book .for{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rust)}
.price{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.price span{font-size:13px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--chip);color:var(--ink);font-variant-numeric:tabular-nums}
.bundle{margin-top:20px;padding:18px 22px;border:1px solid var(--line2);border-radius:10px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;background:var(--card)}
.bundle b{font:800 22px var(--display);letter-spacing:-.02em}
.status{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--hazard);color:#1C1B19;font-weight:700;font-size:13px}
/* two-column feature rows */
.row2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center;margin-top:28px}
.row2.flip>:first-child{order:2}
@media (max-width:900px){.row2,.row2.flip{grid-template-columns:minmax(0,1fr);gap:28px}.row2.flip>:first-child{order:0}}
.row2 h2{font-size:clamp(30px,4vw,46px)}
.row2 p{color:var(--muted);font-size:18px;margin:12px 0 0;max-width:52ch}
/* mock practice question inside a window */
.q{padding:22px;display:flex;flex-direction:column;gap:12px;background:var(--card)}
.q .meta{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums}
.q .bar2{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.q .bar2 i{display:block;height:100%;width:36%;background:var(--ink)}
.q b{font:700 18px/1.35 "Inter",system-ui,sans-serif}
.q ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.q li{border:1px solid var(--line2);border-radius:8px;padding:10px 12px;font-size:15px;display:flex;gap:10px}
.q li span{font-weight:700;color:var(--muted)}
.q li.ok{border-color:#2F8F5B;background:rgba(47,143,91,.08)}
.q li.ok span{color:#2F8F5B}
.q .why{font-size:14px;color:var(--muted);border-left:3px solid #2F8F5B;padding-left:10px}
.exams{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px;margin-top:28px}
.exam{padding:22px;display:flex;flex-direction:column;gap:8px}
.exam .code{font:600 13px ui-monospace,Menlo,monospace;color:var(--muted)}
.exam ul{margin:4px 0 0;padding-left:20px;color:var(--muted);font-size:15.5px;display:flex;flex-direction:column;gap:4px}
.setup{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px;margin-top:20px}
.setup-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--sh)}
.setup-card img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;object-position:top;border-bottom:1px solid var(--line)}
.setup-card>div{padding:16px 18px;display:flex;flex-direction:column;gap:6px}.setup-card h3{margin:0}.setup-card p{margin:0;color:var(--muted);font-size:15px}
.setup-card .for{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.setup-ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px;margin-top:20px}
.setup-ways .plan{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.setup-ways .plan p{margin:0}.setup-ways .plan b{font:800 22px/1.2 var(--display),"Inter Tight",system-ui,sans-serif;letter-spacing:-.01em}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:20px;margin-top:20px}
.plan{padding:20px 22px}
.plan b{display:block;font:800 40px/1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.plan p{margin:8px 0 0;color:var(--muted);font-size:15px}
/* founding band */
.founding{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center;scroll-margin-top:64px}
@media (max-width:820px){.founding{grid-template-columns:minmax(0,1fr);gap:20px}}
.founding .eyebrow{color:var(--ink)}
.founding.b-yellow,.founding.b-yellow h2{color:var(--ink)}
.founding p{margin:12px 0 0;font-size:18px}
.founding ul{margin:0;padding:22px 24px 22px 42px;display:flex;flex-direction:column;gap:8px;background:var(--veil);border-radius:10px;font-size:16px}
.founding .status{background:#1C1B19;color:#F7DC62;margin-top:16px}
/* dark CTA band */
.cta{--band:#141414;color:#F2F0EC;text-align:center;padding-block:80px;display:flex;flex-direction:column;align-items:center;gap:12px}
.cta h2{color:#FFFFFF}
.cta p{margin:0;color:#C9C6BF;max-width:52ch;font-size:18px}
.cta .btn.primary{background:#FFFFFF;color:#141414;border-color:#FFFFFF}
/* about */
.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:20px;margin-top:24px}
.about-card{padding:22px;display:flex;flex-direction:column;gap:8px}
.about-card p{margin:0;color:var(--muted);font-size:16px}
.about-card .ic{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.about-card .ic svg{width:24px;height:24px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rules{margin:18px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:8px;max-width:75ch}
.made{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;padding:24px;border:1px solid var(--line);border-radius:10px;background:var(--card);box-shadow:var(--sh)}
.made p{margin:6px 0 0;color:var(--muted)}
.made img{width:48px;height:48px}
/* footer */
.foot{--band:var(--b-warm);margin-top:0;padding-block:56px 36px}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:28px}
@media (max-width:760px){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-grid>:first-child{grid-column:1/-1}}
.foot-grid img{width:34px;height:34px}
.foot-grid p{margin:10px 0 0;font-size:14px;color:var(--muted);max-width:34ch}
.foot-grid b{display:block;font-size:14px;margin-bottom:10px}
.foot-grid a{display:block;color:var(--ink);text-decoration:none;font-size:14.5px;padding-block:4px}
.foot-grid a:hover{text-decoration:underline}
.foot-base{margin-top:36px;padding-top:18px;border-top:1px solid var(--line2);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.gap{height:88px}
/* pathways */
.track{margin-top:72px;scroll-margin-top:64px}
.track-head{display:grid;gap:8px;margin-bottom:22px}
.track-head p{margin:0;color:var(--muted);max-width:65ch}
.ladder{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;position:relative}
.ladder::before{content:"";position:absolute;left:21px;top:10px;bottom:10px;width:2px;background:var(--line2)}
.step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;position:relative}
.num{width:44px;height:44px;border-radius:22px;background:var(--btn);color:var(--btn-ink);font:800 18px var(--display);display:flex;align-items:center;justify-content:center;z-index:1}
.cert{padding:18px 20px;display:flex;flex-direction:column;gap:10px}
.cert-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline}
.issuer{font-size:14px;color:var(--muted)}
.specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media (max-width:720px){.specs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.spec{background:var(--chip);border-radius:8px;padding:8px 10px;font-size:15px;line-height:1.35}
.spec small{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.cost-free{color:var(--teal);font-weight:700}
.cert-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:15px;color:var(--muted)}
.cert-foot a{font-weight:700}
.pill{font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--chip);color:var(--ink)}
.jump{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.jump a{padding:9px 16px;background:var(--card);border:1px solid var(--line2);border-radius:999px;text-decoration:none;color:var(--ink);font-weight:600;font-size:15px}
.jump a:hover{border-color:var(--ink)}
.note{margin-top:56px;padding:22px 24px;background:var(--b-yellow);color:var(--ink);border-radius:10px}
.sources{margin-top:28px;font-size:14px;color:var(--muted)}
/* members */
.hub{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-top:36px}
.hub a{grid-column:span 2}.hub a:nth-child(n+4){grid-column:span 3}.hub.six a:nth-child(n+4){grid-column:span 2}.hub.six a:nth-child(7){grid-column:span 6}
@media (max-width:900px){.hub{grid-template-columns:minmax(0,1fr)}.hub a,.hub a:nth-child(n+4),.hub.six a:nth-child(n+4){grid-column:auto}}
.hub a{padding:22px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:8px;transition:box-shadow .15s,transform .15s}
.hub a:hover{box-shadow:var(--sh2);transform:translateY(-2px)}
.hub a p{margin:0;color:var(--muted);font-size:15px}
.hub a span{font-weight:600;color:var(--teal);margin-top:auto}
.hub a .ic{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.hub a .ic svg{width:24px;height:24px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tbl{overflow-x:auto;margin-top:16px;border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh);background:var(--card)}
.tbl table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}
.tbl th,.tbl td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl tr:last-child td{border-bottom:0}
.tbl th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--chip)}
.tbl td:first-child{min-width:240px}
.tbl td.n{font-variant-numeric:tabular-nums;white-space:nowrap}
main>.sec:last-child,main>.lib-sec:last-child{margin-bottom:88px}
main{padding-bottom:88px}
main.home{padding-bottom:0}
.book-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.pv-open[aria-expanded="true"]{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}
.pv{margin-top:24px}
.pv-book{scroll-margin-top:16px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--b-warm);display:flex;flex-direction:column;gap:16px}
.pv-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.pv-head h3{margin-top:4px}
.pv-body{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:900px){.pv-body{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.pv-book{padding:16px}}
.pv-stage{display:flex;flex-direction:column;gap:10px;min-width:0}
.pv-nav{display:flex;align-items:center;gap:10px}.pv-cap{flex:1;font-size:14px;font-weight:600;min-width:0}
.pv-nav button{min-width:44px;min-height:44px;border:1px solid var(--line2);border-radius:999px;background:var(--card);color:var(--ink);font:600 16px "Inter",system-ui,sans-serif;cursor:pointer}
.pv-img{display:block;width:100%;height:auto;aspect-ratio:1440/1000;object-fit:contain;border-radius:8px;border:1px solid var(--line);box-shadow:var(--sh);background:#fff}
.pv-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.pv-thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pv-thumb{display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid var(--line2);border-radius:8px;background:var(--card);color:var(--ink);font:600 12.5px "Inter",system-ui,sans-serif;cursor:pointer;text-align:left}
.pv-thumb img{display:block;width:100%;height:auto;border-radius:4px;background:#fff}
.pv-thumb[aria-pressed="true"]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
[hidden]{display:none!important}
.quiz-wrap{display:flex;flex-direction:column;gap:12px;min-width:0}
.quiz-seg{display:flex;gap:6px;flex-wrap:wrap}
.quiz-seg button{min-height:40px;padding:8px 14px;border:1px solid var(--line2);border-radius:999px;background:var(--card);color:var(--ink);font:600 14px "Inter",system-ui,sans-serif;cursor:pointer}
.quiz-seg button[aria-pressed="true"]{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}
.quiz .q b#qz-stem{font:600 16.5px/1.45 "Inter",system-ui,sans-serif}
.quiz .q li{padding:0;border:0;display:block}
.quiz .q li button{display:flex;gap:10px;width:100%;text-align:left;min-height:44px;padding:10px 12px;border:1px solid var(--line2);border-radius:8px;background:var(--card);color:var(--ink);font:15px/1.4 "Inter",system-ui,sans-serif;cursor:pointer}
.quiz .q li button:hover:not(:disabled){border-color:var(--ink)}
.quiz .q li button:disabled{cursor:default}
.quiz .q li button span{font-weight:700;color:var(--muted);flex:none}
.quiz .q li.ok button{border-color:#2F8F5B;background:rgba(47,143,91,.1)}.quiz .q li.ok button span{color:#2F8F5B}
.quiz .q li.no button{border-color:#C4502A;background:rgba(196,80,42,.08)}.quiz .q li.no button span{color:#C4502A}
.quiz .why{font-size:14.5px;line-height:1.5;color:var(--ink)}
.quiz .why b{font:700 14.5px/1.5 "Inter",system-ui,sans-serif}
.quiz .why a{display:block;margin-top:6px;font-size:13.5px}
.qz-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:4px}
.badge-ex{margin-top:20px;display:inline-flex;align-items:center;gap:14px;padding:12px 18px 12px 12px;background:#FFFFFF;border:2px solid #1C1B19;border-radius:14px;box-shadow:4px 4px 0 #1C1B19;color:#1C1B19}
.badge-ex svg{width:52px;height:52px;flex:none}
.badge-ex small{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5E5C57}
.badge-ex b{display:block;font:800 20px/1.1 "Inter Tight","Inter",sans-serif;letter-spacing:-.02em}
.badge-ex span{font:700 14px ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums}
.founding .status+.badge-ex{display:flex;width:max-content;max-width:100%}