body.home.demos{--body-width:min(1160px,calc(100vw - clamp(32px, 8vw, 96px)));--h-ink:#eceae4;--h-muted:hsla(45,17%,91%,.64);--h-faint:hsla(45,17%,91%,.42);--h-line:hsla(0,0%,100%,.1);--h-surface:hsla(0,0%,100%,.035);--h-surface-strong:rgba(30,31,36,.72);--h-accent:#9dabea;--h-accent-soft:rgba(157,171,234,.16);--h-grid:hsla(0,0%,100%,.05);--h-glow:rgba(124,140,240,.22);--h-shadow:0 24px 60px -30px rgba(0,0,0,.8);--h-ease:cubic-bezier(0.22,1,0.36,1);overflow-x:clip;color:var(--h-ink);margin-bottom:0}body.home.demos.basic{--h-ink:#1d1a15;--h-muted:rgba(29,26,21,.68);--h-faint:rgba(29,26,21,.48);--h-line:rgba(60,42,12,.14);--h-surface:hsla(0,0%,100%,.42);--h-surface-strong:rgba(255,252,245,.86);--h-accent:#3445a0;--h-accent-soft:rgba(52,69,160,.1);--h-grid:rgb(90 62 20/8%);--h-glow:rgba(52,69,160,.12);--h-shadow:0 24px 50px -32px rgba(80,55,15,.45)}.home.demos .kicker{margin:0 0 14px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;text-align:left;color:var(--h-accent)}.home .hero{position:relative;isolation:isolate;padding:clamp(104px,16vh,168px) 0 clamp(64px,10vh,112px);&:after,&:before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);pointer-events:none}&:before{background-image:linear-gradient(var(--h-grid) 1px,transparent 1px),linear-gradient(90deg,var(--h-grid) 1px,transparent 1px);background-size:36px 36px;background-position:top;mask-image:radial-gradient(ellipse 70% 75% at 60% 35%,#000 35%,transparent 80%)}&:after{background:radial-gradient(ellipse 45% 55% at 78% 38%,var(--h-glow),transparent 70%)}}.hero-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,88px)}.hero-brand{display:flex;align-items:center;gap:12px;margin:0 0 28px;text-align:left;.logo{width:36px;height:36px;border-radius:50%}span{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--h-muted)}}.home .hero h1{margin:0 0 28px;font-size:clamp(2.7rem,7vw,5.4rem);line-height:.98;letter-spacing:-.035em;color:var(--h-ink);text-wrap:balance;em{display:block;font-style:italic;color:var(--h-accent)}}.home .hero .lead{max-width:56ch;margin:0 0 36px;font-size:clamp(1.05rem,1.35vw,1.2rem);line-height:1.65;text-align:left;hyphens:manual;color:var(--h-muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border:1px solid var(--h-line);border-radius:999px;font-size:1rem;color:var(--h-ink);background:var(--h-surface);transition:background-color .3s var(--h-ease),border-color .3s var(--h-ease),transform .3s var(--h-ease);&:hover{border-color:color-mix(in oklab,var(--h-accent) 55%,transparent);transform:translateY(-1px)}&:hover .icon-arrow{transform:translateX(3px)}&.primary{border-color:transparent;background:var(--h-ink);color:var(--back)}&.primary:hover .icon-arrow{transform:translateY(3px)}}.icon-arrow{flex:none;transition:transform .3s var(--h-ease)}.hero-showcase{position:relative;min-height:360px}.formula-card{--tilt:0deg;position:absolute;display:grid;gap:4px;width:min(100%,380px);padding:16px 22px 10px;border:1px solid var(--h-line);border-radius:18px;background:var(--h-surface-strong);backdrop-filter:blur(10px);box-shadow:var(--h-shadow);color:var(--h-ink);transform:rotate(var(--tilt));animation:formula-float 7s ease-in-out infinite;transition:border-color .3s var(--h-ease),scale .4s var(--h-ease);&:first-child{--tilt:-5deg;top:0;left:4%;z-index:1}&:nth-child(2){--tilt:3deg;top:34%;right:0;z-index:2;animation-delay:-2.3s}&:nth-child(3){--tilt:-2deg;bottom:0;left:0;z-index:1;animation-delay:-4.6s}&:focus-visible,&:hover{z-index:3;scale:1.04;border-color:color-mix(in oklab,var(--h-accent) 60%,transparent);animation-play-state:paused}&:focus-visible{outline:2px solid var(--h-accent);outline-offset:3px}mjx-container[display=true]{margin:4px 0!important;font-size:125%!important;text-align:left!important}}.formula-card-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--h-faint)}@keyframes formula-float{0%,to{transform:rotate(var(--tilt)) translateY(0)}50%{transform:rotate(var(--tilt)) translateY(-8px)}}.section-head{max-width:640px;margin-bottom:clamp(28px,4vw,44px)}.home.demos .section-title{margin:0 0 12px;font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.025em;color:var(--h-ink)}.home.demos .section-sub{margin:0;font-size:1.05rem;text-align:left;color:var(--h-muted)}.home .themes{scroll-margin-top:24px}.home #accordion-main{--acc-accent:var(--h-accent);--acc-muted:var(--h-muted);--acc-border:var(--h-line);--acc-surface:var(--h-surface);--acc-radius:18px;max-width:none;color:var(--h-ink);.topic-logo mjx-container{font-size:100%}}.home #accordion-main .accordion-body{.sub-theme{display:flex;align-items:center;gap:14px;margin:26px 0 6px;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--h-accent);&:after{content:"";flex:1;height:1px;background:var(--h-line)}}>.sub-theme:first-child{margin-top:6px}ul{display:grid;margin:0;padding:0;list-style:none}li{font-size:inherit}li a,li a:hover,li a:visited{display:flex;align-items:center;gap:16px;margin:0 -14px;padding:11px 14px;border:0;border-radius:10px;color:var(--h-ink);transition:background-color .25s var(--h-ease);&:after{content:"→";flex:none;margin-left:auto;color:var(--h-accent);opacity:0;transform:translateX(-6px);transition:opacity .25s var(--h-ease),transform .25s var(--h-ease)}}li a:focus-visible,li a:hover{background:var(--h-accent-soft);&:after{opacity:1;transform:none}}li a:focus-visible{outline:2px solid var(--h-accent);outline-offset:-2px}h4{min-width:0;margin:0;overflow-x:auto;overflow-y:hidden;font-size:1rem;line-height:1.55;color:inherit;scrollbar-width:none;mjx-container{color:var(--h-accent)!important}}}.resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:clamp(72px,10vw,120px)}.resource-card,.resource-card:visited{display:flex;flex-direction:column;gap:10px;padding:28px;border:1px solid var(--h-line);border-radius:20px;background:var(--h-surface);color:var(--h-ink);transition:border-color .3s var(--h-ease),transform .3s var(--h-ease),box-shadow .3s var(--h-ease);&:after{content:none!important}&:hover{border-color:color-mix(in oklab,var(--h-accent) 50%,transparent);transform:translateY(-3px);box-shadow:var(--h-shadow)}&:hover .icon-arrow{transform:translateX(3px)}&:focus-visible{outline:2px solid var(--h-accent);outline-offset:3px}span{font-size:inherit}}.resource-glyph{display:grid;place-items:center;width:52px;height:52px;margin-bottom:10px;border-radius:14px;background:var(--h-accent-soft);color:var(--h-accent);font-family:tnw,serif;font-size:1.7rem!important;line-height:1;img{width:30px;height:30px;object-fit:contain}}.resource-title{font-size:1.3rem!important;letter-spacing:-.01em}.resource-text{font-size:.98rem!important;line-height:1.55;color:var(--h-muted)}.resource-cta{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;font-size:.92rem!important;color:var(--h-accent)}.home .about{max-width:760px;margin:clamp(80px,12vw,140px) auto clamp(120px,14vw,180px);padding-top:48px;border-top:1px solid var(--h-line);p{text-align:left;hyphens:manual}>p:not(.kicker){font-size:1.08rem;line-height:1.7;color:var(--h-muted)}}.home .about .about-quote{margin:0 0 24px;font-size:clamp(1.35rem,2.6vw,1.85rem)!important;line-height:1.4!important;letter-spacing:-.01em;color:var(--h-ink)!important;.bold{color:var(--h-accent)}.bold,a{font-size:inherit}}.home .about .about-signature{display:flex;align-items:center;gap:14px;margin-top:32px;font-style:italic;color:var(--h-ink)!important}.about-initials{display:grid;place-items:center;width:44px;height:44px;border:1px solid color-mix(in oklab,var(--h-accent) 55%,transparent);border-radius:50%;font-size:.85rem!important;font-style:normal;letter-spacing:.08em;color:var(--h-accent)}@media screen and (min-width:768px){body.home #clickables{top:16px;right:16px;flex-direction:row;gap:6px;max-width:none;padding:6px 10px;border:1px solid var(--h-line);border-radius:999px;background:var(--h-surface-strong);backdrop-filter:blur(12px);.flags{padding:4px 8px;border-radius:999px;transition:background-color .25s var(--h-ease);&:hover{background:var(--h-accent-soft)}}.arrows,.flag,.moonsun{width:22px;height:auto}.arrows{margin:0 6px}.font{font-size:.8rem}}}@media (max-width:900px){.hero-inner{grid-template-columns:minmax(0,1fr)}.hero-showcase{display:flex;gap:14px;min-height:0;margin-inline:calc(50% - 50vw);padding:12px calc(50vw - 50%) 20px;scroll-padding-inline:calc(50vw - 50%);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.formula-card{position:static;flex:none;width:min(78vw,340px);scroll-snap-align:start;animation:none;transform:none}}@media (max-width:767px){.home .hero{padding-top:88px}}@media (prefers-reduced-motion:reduce){.formula-card{animation:none}.formula-card,.hero-btn,.icon-arrow,.resource-card{transition:none}}