.hero{position:relative;overflow:hidden;padding-block:clamp(3rem,6vw,6rem) 0;background:var(--color-bg)}.hero:after{content:"";position:absolute;inset:0 0 auto 0;height:78%;background:var(--aura-soft);pointer-events:none}.hero__inner{max-width:calc(var(--container) - var(--gutter) * 2);margin-inline:auto}.hero__content{display:grid;gap:var(--space-6);justify-items:center;text-align:center;max-width:58rem;margin-inline:auto;padding-bottom:clamp(2.5rem,4vw,4rem)}.hero--page{padding-top:clamp(2.5rem,5vw,4.5rem)}.hero--page .hero__content{justify-items:start;text-align:left;margin-inline:0;padding-bottom:clamp(2.5rem,5vw,4rem)}.hero__title{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--tr-display);font-weight:600;max-width:var(--measure-display);text-wrap:balance}.hero--page .hero__title{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--tr-h1);max-width:20ch}@media (max-width:640px){.hero__title{line-height:1.06;letter-spacing:-.028em}}.hero__title em{font-style:normal}.hero__lead,.hero__title em{color:var(--color-text-muted)}.hero__lead{font-size:var(--fs-lead);line-height:1.55;max-width:48ch;text-wrap:pretty}.hero__note{font-size:var(--fs-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-2)}.hero__note:before{content:"";width:5px;height:5px;border-radius:var(--r-full);background:var(--success)}.hero__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-5);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.hero--page .hero__meta{justify-content:flex-start}.hero__meta li{display:flex;align-items:center;gap:var(--space-2)}.hero__meta li:before{content:"";width:4px;height:4px;background:var(--color-accent);border-radius:var(--r-full)}.hero__visual{position:relative;max-width:1600px;margin-inline:auto;padding-bottom:clamp(3rem,6vw,6rem)}.frame{position:relative;border-radius:var(--r-xl);background:linear-gradient(180deg,var(--slate-850),var(--slate-950));overflow:hidden;box-shadow:0 0 0 1px rgba(11,13,18,.16),var(--shadow-3),inset 0 1px 0 rgba(255,255,255,.07)}.frame:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:var(--hairline-glow);opacity:.45;z-index:2}.frame--light{background:var(--paper)}.frame__bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-on-dark);background:rgba(255,255,255,.02)}.frame--light .frame__bar{background:var(--ink-50);border-bottom-color:var(--color-border)}.frame__dots{display:flex;gap:6px}.frame__dots span{width:9px;height:9px;border-radius:var(--r-full);background:rgba(255,255,255,.16)}.frame--light .frame__dots span{background:var(--ink-200)}.frame__label{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--on-dark-muted);letter-spacing:.04em}.frame--light .frame__label{color:var(--ink-500)}.frame__body{padding:clamp(16px,2.5vw,28px);color:var(--on-dark)}.frame--light .frame__body{color:var(--ink-700)}.app{display:grid;grid-template-columns:1fr;min-height:260px}@media (min-width:768px){.app{grid-template-columns:190px 1fr}}.app__side{display:none;padding:var(--space-5);border-right:1px solid var(--border-on-dark);gap:var(--space-2)}@media (min-width:768px){.app__side{display:grid;align-content:start}}.app__nav{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--r-sm);font-size:var(--fs-xs);color:var(--on-dark-muted)}.app__nav i{width:6px;height:6px;border-radius:2px;background:currentColor;opacity:.5;flex:none}.app__nav[data-active=true]{background:rgba(0,157,255,.14);box-shadow:inset 0 0 0 1px rgba(0,171,162,.26);color:#fff}.app__nav[data-active=true] i{background:var(--brand-400);opacity:1}.app__main{padding:clamp(16px,2.5vw,26px);display:grid;gap:var(--space-5);align-content:start}.app__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.app__title{font-size:var(--fs-sm);font-weight:500;color:#fff}.app__pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;padding:4px 10px;border-radius:var(--r-full);border:1px solid rgba(0,157,255,.38);background:rgba(0,157,255,.14);color:var(--brand-300)}.app__pill:before{content:"";width:5px;height:5px;border-radius:var(--r-full);background:currentColor}.app__pill[data-tone=live]{border-color:rgba(0,153,105,.45);background:var(--emerald-soft);color:var(--on-dark-green)}.app__pill[data-tone=work]{border-color:rgba(194,97,10,.45);background:var(--amber-soft);color:var(--on-dark-amber)}.app__pill[data-tone=calm]{border-color:rgba(0,157,255,.45);background:var(--iris-soft);color:var(--on-dark-sky)}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.tile{border:1px solid var(--border-on-dark);border-radius:var(--r-md);padding:var(--space-4);display:grid;gap:6px;background:rgba(255,255,255,.02)}.tile__k{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-muted)}.tile__v{font-size:clamp(1.125rem,2vw,1.5rem);font-weight:600;color:#fff;letter-spacing:-.02em}.tile__d{font-size:11px;color:var(--on-dark-green)}.tile__d[data-tone=down]{color:#fb7185}.tile__d[data-tone=flat]{color:var(--on-dark-muted)}.tile__d[data-tone=info]{color:var(--on-dark-sky)}.chart{display:flex;align-items:flex-end;gap:clamp(4px,1vw,9px);height:96px;padding-top:var(--space-2)}.chart span{flex:1 1;border-radius:3px 3px 0 0;background:linear-gradient(var(--sky-500),rgba(0,157,255,.24));transform-origin:bottom;animation:chart-rise var(--dur-3) var(--ease-out) both}.chart span:nth-child(3n+2){background:linear-gradient(var(--teal-500),rgba(0,171,162,.22))}.chart span:nth-child(3n){background:linear-gradient(rgba(255,255,255,.26),rgba(255,255,255,.05))}.chart span:last-child{background:linear-gradient(var(--sky-400),var(--green-500));box-shadow:0 0 18px -4px rgba(0,171,162,.65)}@keyframes chart-rise{0%{transform:scaleY(.15);opacity:0}}.rows{gap:1px;background:var(--border-on-dark);border:1px solid var(--border-on-dark);border-radius:var(--r-md);overflow:hidden}.row,.rows{display:grid}.row{grid-template-columns:1fr auto;gap:var(--space-4);align-items:center;padding:var(--space-3) var(--space-4);background:var(--slate-800);font-size:var(--fs-xs)}.row__t{color:var(--on-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__s{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-muted)}.row__s[data-ok=true]{color:var(--on-dark-green)}.row__s[data-tone=work]{color:var(--on-dark-amber)}.row__s[data-tone=next]{color:var(--on-dark-sky)}.row__s[data-tone=link]{color:var(--on-dark-teal)}.term{font-family:var(--font-mono);font-size:clamp(.8125rem,1.4vw,.9375rem);line-height:1.9;display:grid;gap:2px}.term__line{display:flex;gap:var(--space-3);color:var(--on-dark);opacity:0;animation:term-in var(--dur-2) var(--ease-out) both}.term__line[data-kind=cmd]{color:#fff}.term__line[data-kind=cmd]:before{content:"$";color:var(--brand-400)}.term__line[data-kind=ok]:before{content:"✓";color:var(--success)}.term__line[data-kind=muted]{color:var(--on-dark-muted)}.term__line[data-kind=muted]:before{content:"·";color:var(--on-dark-muted)}.term__caret{display:inline-block;width:8px;height:1.05em;translate:0 3px;background:var(--brand-400);animation:caret 1.1s steps(2,start) infinite}@keyframes term-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes caret{50%{opacity:0}}.term__line:first-child{animation-delay:.05s}.term__line:nth-child(2){animation-delay:.35s}.term__line:nth-child(3){animation-delay:.6s}.term__line:nth-child(4){animation-delay:.85s}.term__line:nth-child(5){animation-delay:1.1s}.term__line:nth-child(6){animation-delay:1.35s}.term__line:nth-child(7){animation-delay:1.6s}.term__line:nth-child(8){animation-delay:1.85s}@media (prefers-reduced-motion:reduce){.chart span,.term__line{animation:none;opacity:1;transform:none}.term__caret{animation:none}}.chapter{display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);column-gap:1px;margin-inline:calc(1px - var(--gutter))}.chapter>*{grid-column:span 12}.chapter__text{display:grid;gap:var(--space-5);align-content:center}.chapter__text,.chapter__visual{padding:clamp(32px,3.4vw,52px) var(--gutter)}.chapter__visual{position:relative}.chapter__visual:after{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:var(--color-border);transform-origin:left center}.chapter__visual:before{content:"";position:absolute;inset:12% 10%;background:radial-gradient(58% 58% at 50% 45%,rgba(0,157,255,.18),rgba(0,171,162,.07) 55%,transparent 72%);filter:blur(44px);pointer-events:none}@media (min-width:1024px){.chapter{align-items:stretch}.chapter__text{grid-column:span 5}.chapter__visual{grid-column:span 7}.chapter__visual:after{inset:0 auto 0 0;width:1px;height:auto;transform-origin:top center}.chapter[data-reverse=true] .chapter__visual{order:-1}.chapter[data-reverse=true] .chapter__visual:after{inset:0 0 0 auto}}.chapter__title{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--tr-h2);max-width:16ch}.chapter__body{font-size:var(--fs-lead);line-height:1.6;color:var(--color-text-muted);max-width:46ch;text-wrap:pretty}.chapter__list{display:grid;gap:var(--space-3);font-size:var(--fs-sm);color:var(--color-text);margin-top:var(--space-1)}.chapter__list li{display:grid;grid-template-columns:18px 1fr;gap:var(--space-3);align-items:start}.chapter__list li:before{content:"";width:17px;height:17px;margin-top:4px;background:var(--grad-brand);-webkit-mask:var(--icon-check) center /contain no-repeat;mask:var(--icon-check) center /contain no-repeat}.marks>*{grid-column:span 6}@media (min-width:560px){.marks>*{grid-column:span 4}}@media (min-width:900px){.marks>*{grid-column:span 2}}.marks__item{place-content:center;padding:clamp(18px,2vw,26px) var(--space-4);text-align:center;font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:-.01em;color:var(--ink-500);transition:color var(--dur-2) var(--ease-out)}.marks__item:hover{color:var(--color-heading)}.marks__caption{text-align:center;font-family:var(--font-mono);font-size:var(--fs-label);font-weight:600;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--color-text-muted);position:relative;margin-inline:calc(1px - var(--gutter));padding:var(--section-y) var(--gutter);margin-bottom:0}.marks__caption:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:var(--color-border);transform-origin:left center}.pull{display:grid;gap:var(--space-8);max-width:46ch}.pull__text{font-size:var(--fs-h3);line-height:1.4;letter-spacing:var(--tr-h3);color:var(--color-heading);text-wrap:pretty}.pull__by{display:grid;gap:2px;font-size:var(--fs-sm);color:var(--color-text-muted);padding-top:var(--space-5);border-top:var(--rail)}.pull__by strong{font-weight:500;color:var(--color-heading)}.cta-band{position:relative;overflow:hidden}.cta-band:after{content:"";position:absolute;inset:0;background:var(--aura-cta);pointer-events:none}.section>.container>.cta-band__inner{padding-block:clamp(3rem,6vw,5.5rem)}.cta-band__inner{display:grid;gap:var(--space-8);justify-items:center;text-align:center;position:relative;z-index:1}.cta-band__title{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--tr-h1);max-width:16ch}.cta-band__body{font-size:var(--fs-lead);color:var(--color-text-muted);max-width:46ch}.cta-band__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:reveal-up linear both;animation-timeline:view();animation-range:entry 0 cover 20%}.lined.reveal{animation:none}.lined.reveal>*{animation:reveal-fade linear both;animation-timeline:view();animation-range:entry 0 cover 22%}.chapter__visual:after,.marks__caption:after,.section-head:after{animation:line-x linear both;animation-timeline:view();animation-range:entry 6% cover 24%}.section-head__aside:before{animation:line-y linear both;animation-timeline:view();animation-range:entry 6% cover 26%}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.chapter__visual:after{animation-name:line-y}}}@keyframes reveal-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}@keyframes line-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes line-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}