.landing{min-height:100vh;position:relative}.shell{max-width:1280px;margin:0 auto;padding:0 32px}.shell-wide{max-width:1440px;margin:0 auto;padding:0 32px}.nav{z-index:80;background:color-mix(in oklab, var(--bg) 78%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid #0000;height:64px;transition:border-color .3s;position:sticky;top:0}.nav.is-scrolled{border-color:var(--line)}.nav-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1440px;height:100%;margin:0 auto;padding:0 32px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--ink);width:30px;height:30px;color:var(--bg);font-family:var(--font-sans);letter-spacing:0;border-radius:50%;place-items:center;font-size:17px;font-style:italic;line-height:1;display:grid}.brand-name{letter-spacing:-.01em;color:var(--ink);font-size:17px;font-weight:500}.brand-tag{border-left:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-left:10px;padding-left:12px;font-size:10.5px}.nav-links{gap:28px;display:flex}.nav-links a{color:var(--ink-2);font-size:13.5px;transition:color .2s;position:relative}.nav-links a:hover{color:var(--accent)}.nav-right{align-items:center;gap:12px;display:flex}.hero{padding:80px 0 120px;position:relative;overflow:hidden}.hero-bg{display:none}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;min-height:580px;display:grid;position:relative}.hero-left{z-index:2}.hero-eyebrow{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:10px;margin-bottom:32px;padding:6px 14px 6px 10px;font-size:11px;display:inline-flex}.hero-eyebrow .dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 25%, transparent);border-radius:50%}.hero h1{letter-spacing:-.035em;color:var(--ink);margin-bottom:32px;font-size:clamp(56px,9vw,124px);font-weight:400;line-height:.95}.hero h1 .serif-it{font-family:var(--font-sans);letter-spacing:-.02em;margin-right:.06em;font-style:italic}.hero h1 .reveal-word{display:inline-block}.hero-sub{color:var(--ink-2);max-width:480px;margin-bottom:40px;font-size:18px;line-height:1.55}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.hero-stats{grid-template-columns:repeat(3,auto);gap:56px;margin-top:64px;display:grid}.hero-stat .v{font-family:var(--font-sans);color:var(--ink);letter-spacing:-.02em;margin-bottom:8px;font-size:42px;line-height:1}.hero-stat .v .it{color:var(--accent);font-style:italic}.hero-stat .l{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.composition{aspect-ratio:1;width:100%;max-width:560px;margin-left:auto;position:relative}.composition .ring{border:1px dashed var(--line-strong);opacity:.7;border-radius:50%;position:absolute;inset:6%}.composition .ring-2{opacity:.5;inset:18%}.composition .ring-3{opacity:.3;inset:30%}.composition .plate-core{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);text-align:center;border-radius:50%;place-items:center;padding:16px;display:grid;position:absolute;inset:30%}.composition .plate-core .lbl{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:9.5px}.composition .plate-core .k{font-family:var(--font-sans);color:var(--ink);letter-spacing:-.025em;font-size:52px;line-height:1}.composition .plate-core .k sub{font-family:var(--font-mono);vertical-align:baseline;color:var(--muted);letter-spacing:.04em;margin-left:4px;font-size:13px}.composition .plate-core .balance{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;margin-top:8px;font-size:10.5px}.composition .orbit-dish{z-index:1;background-color:var(--surface-2);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:84px;height:84px;animation:6s ease-in-out infinite orbitFloat;position:absolute;box-shadow:0 12px 28px -8px #0e0e0c40,0 4px 8px -2px #0e0e0c1f}[data-theme=dark] .composition .orbit-dish{box-shadow:0 12px 28px -8px #0000008c,0 4px 8px -2px #0000004d}.composition .orbit-dish.d1{animation-delay:0s;top:2%;left:calc(50% - 42px)}.composition .orbit-dish.d2{animation-delay:.8s;top:calc(50% - 42px);right:2%}.composition .orbit-dish.d3{animation-delay:1.6s;bottom:2%;left:calc(50% - 42px)}.composition .orbit-dish.d4{animation-delay:2.4s;top:calc(50% - 42px);left:2%}@keyframes orbitFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.composition .orbit-label{z-index:2;font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);white-space:nowrap;font-size:10px;position:absolute}.composition .orbit-label .num{color:var(--accent);margin-right:6px;font-weight:500}.composition .orbit-label .name{color:var(--ink);font-size:13px;font-family:var(--font-sans);letter-spacing:-.01em;text-transform:none;margin-top:2px;font-weight:500;display:block}.composition .orbit-label .kcal{color:var(--muted);font-size:10.5px}.composition .orbit-label .line{background:var(--line-strong);width:30px;height:1px;margin-bottom:4px;display:block}.composition .orbit-label.l1{text-align:left;top:2%;left:0}.composition .orbit-label.l2{text-align:right;top:14%;right:0}.composition .orbit-label.l2 .line{margin-left:auto}.composition .orbit-label.l3{text-align:right;bottom:18%;right:0}.composition .orbit-label.l3 .line{margin-left:auto}.composition .orbit-label.l4{text-align:left;bottom:2%;left:0}.section{padding:120px 0;position:relative}.section-num{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;margin-bottom:24px;font-size:11px;display:flex}.section-num .n{color:var(--accent)}.section-num .bar{background:var(--line-strong);width:32px;height:1px}.section-title{letter-spacing:-.03em;color:var(--ink);max-width:18ch;margin-bottom:24px;font-size:clamp(40px,5.6vw,84px);line-height:1}.section-title .it{font-family:var(--font-sans);font-style:italic}.section-lede{color:var(--ink-2);max-width:540px;margin-bottom:64px;font-size:18px;line-height:1.55}.anatomy{padding:120px 0 80px;position:relative}.anatomy-head{margin-bottom:80px}.anatomy-scroller{grid-template-columns:1.1fr 1fr;align-items:start;gap:80px;display:grid;position:relative}.anatomy-side{flex-direction:column;gap:0;display:flex}.anatomy-step{flex-direction:column;justify-content:center;gap:36px;min-height:85vh;padding:40px 0;display:flex;position:relative}.anatomy-step .step-copy{flex-direction:column;display:flex}.anatomy-step .num{font-family:var(--font-mono);letter-spacing:.18em;color:var(--accent);text-transform:uppercase;opacity:.5;margin-bottom:20px;font-size:11px;transition:opacity .5s}.anatomy-step.is-on .num{opacity:1}.anatomy-step h3{letter-spacing:-.025em;color:var(--ink);opacity:.4;margin-bottom:22px;font-size:clamp(36px,4.6vw,60px);line-height:1.02;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);transform:translateY(8px)}.anatomy-step.is-on h3{opacity:1;transform:translateY(0)}.anatomy-step h3 .serif-it{font-family:var(--font-sans);font-style:italic}.anatomy-step p{color:var(--ink-2);opacity:.4;max-width:480px;font-size:17px;line-height:1.55;transition:opacity .5s}.anatomy-step.is-on p{opacity:1}.anatomy-step .step-tag{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-2);opacity:.35;align-items:center;gap:10px;width:fit-content;margin-top:20px;padding:8px 14px 8px 12px;font-size:11px;transition:opacity .5s;display:inline-flex}.anatomy-step.is-on .step-tag{opacity:1}.anatomy-step .step-tag .dot{border-radius:50%;width:7px;height:7px}.anatomy-step .step-photo{aspect-ratio:1;background-color:var(--surface);opacity:.45;will-change:transform, opacity;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:min(440px,92%);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1);transform:scale(.88)translateY(24px);box-shadow:inset 0 1px #fff9,0 22px 60px -24px #0e0e0c38,0 6px 16px -8px #0e0e0c1a}[data-theme=dark] .anatomy-step .step-photo{box-shadow:inset 0 1px #ffffff0f,0 22px 60px -20px #00000080,0 6px 16px -8px #0000004d}.anatomy-step.is-on .step-photo{opacity:1;transform:scale(1)translateY(0)}.anatomy-pin{place-items:center;height:calc(100vh - 120px);min-height:560px;display:grid;position:sticky;top:96px}.anatomy-pin-inner{flex-direction:column;align-items:center;gap:40px;width:100%;display:flex;position:relative}.anatomy-progress-rail{z-index:2;gap:8px;display:flex}.anatomy-progress-rail .bar{background:var(--line-strong);border-radius:2px;width:36px;height:3px;position:relative;overflow:hidden}.anatomy-progress-rail .bar:after{content:"";background:var(--ink);transform-origin:0;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:scaleX(0)}.anatomy-progress-rail .bar.is-on:after{transform:scaleX(1)}.anatomy-plate{aspect-ratio:1;background:#fff;border-radius:50%;place-items:center;width:min(460px,100%);display:grid;position:relative;box-shadow:inset 0 1px #fff,0 22px 60px -22px #0e0e0c2e,0 8px 20px -10px #0e0e0c1a}[data-theme=dark] .anatomy-plate{background:#f7f4ec;box-shadow:inset 0 1px #fff6,0 22px 60px -16px #0000008c,0 8px 20px -8px #0000004d}.anatomy-plate .plate-rim{z-index:0;border:1px solid #0e0e0c14;border-radius:50%;position:absolute;inset:8%}[data-theme=dark] .anatomy-plate .plate-rim{border-color:#0e0e0c14}.anatomy-plate .plate-center{text-align:center;z-index:1;padding:16px;position:relative}.anatomy-plate .plate-center .lbl{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#7e7b73;margin-bottom:8px;font-size:10.5px}.anatomy-plate .plate-center .k{font-family:var(--font-sans);color:#0e0e0c;letter-spacing:-.025em;font-size:58px;line-height:1}.anatomy-plate .plate-center .k sub{font-family:var(--font-mono);vertical-align:baseline;color:#7e7b73;letter-spacing:.04em;margin-left:4px;font-size:14px}.anatomy-plate .plate-center .bal{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-top:10px;font-size:10.5px}.plate-orbit{opacity:0;z-index:2;background-color:#f5f4ef;background-position:50%;background-size:cover;border-radius:50%;width:96px;height:96px;transition:opacity .7s cubic-bezier(.2,1.2,.3,1),transform .7s cubic-bezier(.2,1.2,.3,1);position:absolute;transform:scale(.3);box-shadow:0 8px 24px -8px #0e0e0c40,0 2px 6px -1px #0e0e0c1f}[data-theme=dark] .plate-orbit{box-shadow:0 8px 24px -6px #0000008c,0 2px 6px -1px #0000004d}.plate-orbit.is-on{opacity:1;transform:scale(1)}.plate-orbit.o1{transition-delay:0s;top:0%;left:32%}.plate-orbit.o2{transition-delay:50ms;top:16%;right:2%}.plate-orbit.o3{transition-delay:.1s;bottom:18%;right:4%}.plate-orbit.o4{transition-delay:.15s;bottom:0%;left:34%}.plate-orbit.o5{transition-delay:.2s;bottom:18%;left:2%}.plate-orbit.o6{transition-delay:.25s;top:16%;left:4%}.themes-wrap{padding:120px 0}.themes-head{grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:64px;display:grid}.themes-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.theme-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;min-height:440px;padding:28px 24px 24px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .3s;display:flex;position:relative;overflow:hidden}.theme-card:hover{box-shadow:var(--shadow-lg);border-color:var(--line-strong);transform:translateY(-6px)}.theme-card .num{z-index:1;font-family:var(--font-mono);letter-spacing:.14em;color:var(--muted);text-transform:uppercase;font-size:10.5px;position:absolute;top:22px;right:24px}.theme-card .glyph{aspect-ratio:1;background:var(--surface-2);border-radius:var(--radius-sm);width:100%;color:var(--ink);place-items:center;margin-bottom:22px;display:grid;position:relative;overflow:hidden}.theme-card .glyph svg{width:56%;height:56%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.theme-card:hover .glyph svg{transform:scale(1.08)rotate(-3deg)}.theme-card .glyph:after{content:"";background:var(--c,var(--accent));opacity:.1;filter:blur(40px);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-50%;right:-30%}.theme-card h3{color:var(--ink);letter-spacing:-.02em;margin-bottom:4px;font-size:26px;line-height:1.05}.theme-card .sub{font-family:var(--font-sans);color:var(--muted);margin-bottom:16px;font-size:16px;font-style:italic}.theme-card .meta{border-top:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase;justify-content:space-between;margin-top:auto;padding-top:14px;font-size:10.5px;display:flex}.theme-card .meta .k{color:var(--ink)}.method-grid{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.method-step{border-right:1px solid var(--line);padding:36px 28px 40px;transition:background-color .3s;position:relative}.method-step:last-child{border-right:0}.method-step:hover{background:var(--surface-2)}.method-step .n{font-family:var(--font-mono);letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-bottom:64px;font-size:10.5px}.method-step h3{letter-spacing:-.02em;color:var(--ink);max-width:8ch;margin-bottom:14px;font-size:28px;line-height:1.05}.method-step h3 .it{font-family:var(--font-sans);font-style:italic}.method-step p{color:var(--ink-2);font-size:14.5px;line-height:1.55}.philosophy{text-align:left;padding:160px 0}.philosophy blockquote{letter-spacing:-.03em;color:var(--ink);max-width:22ch;margin:0;font-size:clamp(36px,5.5vw,80px);line-height:1.05}.philosophy blockquote .it{font-family:var(--font-sans);font-style:italic}.philosophy blockquote .accent{color:var(--accent)}.philosophy .cite{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:64px;font-size:11px}.cta-block{text-align:center;background:var(--surface-2);padding:140px 0;position:relative;overflow:hidden}.cta-block:before,.cta-block:after{display:none}.cta-block h2{letter-spacing:-.035em;color:var(--ink);max-width:14ch;margin:0 auto 40px;font-size:clamp(56px,8vw,128px);line-height:.95;position:relative}.cta-block h2 .it{font-family:var(--font-sans);color:var(--accent);font-style:italic}.cta-block p{color:var(--ink-2);max-width:500px;margin:0 auto 40px;font-size:17px;position:relative}.cta-actions{justify-content:center;gap:12px;display:flex;position:relative}.foot{border-top:1px solid var(--line);padding:80px 0 40px}.foot-grid{border-bottom:1px solid var(--line);grid-template-columns:1.4fr 1fr 1fr 1fr;gap:56px;margin-bottom:28px;padding-bottom:56px;display:grid}.foot-mark{font-family:var(--font-sans);color:var(--ink);letter-spacing:-.04em;margin-bottom:12px;font-size:88px;line-height:1}.foot-mark .it{color:var(--accent);font-style:italic}.foot p{color:var(--ink-2);max-width:36ch;font-size:14px}.foot h4{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;font-size:10.5px}.foot ul{margin:0;padding:0;list-style:none}.foot li{color:var(--ink-2);cursor:pointer;padding:7px 0;font-size:13.5px;transition:color .2s}.foot li:hover{color:var(--accent)}.foot-base{font-family:var(--font-mono);letter-spacing:.14em;color:var(--muted);text-transform:uppercase;justify-content:space-between;font-size:10.5px;display:flex}@media (max-width:1180px){.themes-grid{grid-template-columns:repeat(3,1fr)}.themes-grid .theme-card:nth-child(n+4){display:none}}@media (max-width:980px){.nav-links,.brand-tag{display:none}.hero-grid{grid-template-columns:1fr;gap:64px}.composition{max-width:440px;margin:0 auto}.hero-stats{grid-template-columns:repeat(3,1fr);gap:24px}.themes-head{grid-template-columns:1fr}.themes-grid{grid-template-columns:repeat(2,1fr)}.themes-grid .theme-card:nth-child(n+4){display:flex}.method-grid{grid-template-columns:repeat(2,1fr)}.method-step:nth-child(2n){border-right:0}.method-step:first-child,.method-step:nth-child(2){border-bottom:1px solid var(--line)}.foot-grid{grid-template-columns:1fr 1fr}.anatomy-scroller{grid-template-columns:1.2fr .8fr;gap:32px}.anatomy-step h3{font-size:clamp(28px,4.6vw,40px)}.anatomy-step p{font-size:15px}.anatomy-plate{width:min(280px,100%)}.plate-orbit{width:60px;height:60px}.anatomy-plate .plate-center .k{font-size:38px}}@media (max-width:720px){.anatomy-scroller{grid-template-columns:1fr;gap:0}.anatomy-pin{height:auto;min-height:0;padding:40px 0;position:relative;top:auto}.anatomy-step{min-height:0;padding:60px 0 0}.anatomy-step:first-child{padding-top:0}}@media (max-width:640px){.shell,.shell-wide{padding:0 20px}.section{padding:80px 0}.hero{padding:40px 0 80px}.themes-grid,.method-grid{grid-template-columns:1fr}.method-step{border-right:0;border-bottom:1px solid var(--line)}.method-step:last-child{border-bottom:0}.foot-grid{grid-template-columns:1fr;gap:32px}.hero-stats{gap:16px}.hero-stat .v{font-size:32px}.composition .orbit-dish{width:64px;height:64px}.composition .orbit-dish.d1,.composition .orbit-dish.d3{left:calc(50% - 32px)}.composition .orbit-dish.d2,.composition .orbit-dish.d4{top:calc(50% - 32px)}}.theme-switch{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface-2);align-items:center;height:40px;padding:4px;display:inline-flex;position:relative;overflow:hidden}.theme-switch button{width:32px;height:32px;color:var(--muted);z-index:2;cursor:pointer;border-radius:50%;place-items:center;transition:color .3s;display:grid;position:relative}.theme-switch button.is-on{color:var(--ink)}.theme-switch .knob{background:var(--bg-elev);width:32px;height:32px;box-shadow:var(--shadow-sm);z-index:1;border-radius:50%;transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;left:4px}[data-theme=dark] .theme-switch .knob{transform:translate(32px)}.reveal{opacity:1;transform:none}.no-transitions,.no-transitions *{transition:none!important}
