.guide{background:radial-gradient(70vw 50vw at 85% -10%, #ff6e281a, transparent 60%), var(--bg)}.guide-nav__title{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);font-size:.72rem}@media (max-width:640px){.guide-nav__title{display:none}}.ghero{padding:calc(var(--nav-h) + clamp(56px, 10vh, 120px)) 0 clamp(56px, 9vh, 96px);border-bottom:1px solid var(--line)}.ghero__inner{gap:28px;display:grid}.ghero__title{letter-spacing:-.05em;max-width:16ch;font-size:clamp(2.6rem,1.4rem + 5vw,6rem);font-weight:500;line-height:.95}.ghero .lead b{color:var(--fg);font-weight:600}.ghero__ramp{gap:10px;margin-top:18px;display:grid}.ramp{cursor:crosshair;touch-action:none;background:linear-gradient(90deg, #fff 0%, var(--t-8) 6%, var(--t-7) 16%, var(--t-6) 28%, var(--t-5) 40%, var(--t-4) 52%, var(--t-3) 63%, var(--t-2) 72%, var(--i-3) 86%, var(--i-4) 94%, var(--i-5) 100%);border-radius:16px;height:64px;position:relative;box-shadow:0 30px 80px -30px #ff6e2880,inset 0 0 0 1px #ffffff1f}.ramp__probe{top:-8px;bottom:-8px;left:var(--p,22%);pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 12px #fffc}.ramp__probe b,.ramp__probe i{white-space:nowrap;font-family:var(--f-mono);border:1px solid var(--line-2);color:var(--fg);background:#07060ad9;border-radius:6px;padding:4px 8px;font-size:.72rem;font-style:normal;position:absolute;left:50%;transform:translate(-50%)}.ramp__probe b{font-size:.85rem;font-weight:500;bottom:calc(100% + 6px)}.ramp__probe i{color:var(--fg-2);top:calc(100% + 6px)}.ramp__scale{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);justify-content:space-between;margin-top:30px;font-size:.68rem;display:flex}.glayout{grid-template-columns:220px minmax(0,1fr);gap:clamp(32px,5vw,72px);padding-top:56px;display:grid}.gtoc{top:calc(var(--nav-h) + 32px);align-self:start;gap:14px;display:grid;position:sticky}.gtoc ol{border-left:1px solid var(--line-2);gap:2px;display:grid}.gtoc a{color:var(--fg-3);transition:color var(--t-micro), border-color var(--t-micro);border-left:1px solid #0000;gap:12px;margin-left:-1px;padding:7px 0 7px 16px;font-size:.9rem;display:flex}.gtoc a span{font-family:var(--f-mono);padding-top:2px;font-size:.72rem}.gtoc a:hover{color:var(--fg)}.gtoc a.is-active{color:var(--fg);border-left-color:var(--warm)}@media (max-width:980px){.glayout{grid-template-columns:1fr;padding-top:32px}.gtoc{position:static}.gtoc ol{border:0;flex-wrap:wrap;gap:6px;display:flex}.gtoc a{border:1px solid var(--line-2);border-radius:999px;margin:0;padding:6px 12px;font-size:.82rem}.gtoc a.is-active{border-color:var(--warm)}}.gsec{scroll-margin-top:calc(var(--nav-h) + 24px);gap:22px;padding:0 0 clamp(72px,10vw,120px);display:grid}.gsec+.gsec{border-top:1px solid var(--line);padding-top:clamp(56px,7vw,88px)}.gsec .h2{font-size:clamp(2rem,1.2rem + 2.6vw,3.6rem)}.gcols{color:var(--fg-2);grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:760px){.gcols{grid-template-columns:1fr}}.gpillars{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px;display:grid}.gpillars li{border-radius:var(--r-lg);border:1px solid var(--line);background:#fff4eb06;gap:6px;padding:18px 18px 20px;display:grid}.gpillars b{font-size:1.15rem;font-weight:600}.gpillars li:first-child b{color:var(--t-7)}.gpillars li:nth-child(2) b{color:var(--i-4)}.gpillars span{color:var(--fg-2);font-size:.92rem}@media (max-width:760px){.gpillars{grid-template-columns:1fr}}.logos{grid-template-columns:1.2fr 1.2fr .8fr;gap:12px;display:grid}.logo-tile{border-radius:var(--r-lg);border:1px solid var(--line);place-items:center;gap:18px;min-height:220px;padding:28px 20px 16px;display:grid}.logo-tile figcaption{color:var(--fg-3);align-self:end;font-size:.78rem}.logo-tile--dark{background:#07060a}.logo-tile--light{background:#f6f1ea}.logo-tile--light figcaption{color:#6f675f}.logo-tile--light .logo-word{color:#120a06}.logo-tile--mark{background:radial-gradient(circle at 50% 40%,#ff78282e,#0000 60%),#0c0a10}.logo-lockup{align-items:center;gap:16px;display:inline-flex}.logo-word{letter-spacing:.2em;color:var(--fg);padding-left:.1em;font-size:clamp(1.4rem,1rem + 1.4vw,2rem);font-weight:600}.brand__mark--xl{width:40px;height:40px}.brand__mark--xxl{width:88px;height:88px;box-shadow:0 0 60px #ff80328c,inset 0 0 0 1px #ffffff26}@media (max-width:760px){.logos{grid-template-columns:1fr}}.rules-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rule-card{border-radius:var(--r-lg);border:1px solid var(--line);background:#fff4eb05;padding:18px 20px}.rule-card__h{align-items:center;gap:10px;margin-bottom:10px;font-weight:600;display:flex}.rule-card--yes .ic{color:#1a0b04;background:var(--warm);stroke-width:2.6px;border-radius:50%;padding:3px}.rule-card--no .ic{color:var(--cold);stroke-width:2.4px;background:#6cc6ff1f;border-radius:50%;padding:3px}.rule-card ul{color:var(--fg-2);gap:6px;padding-left:0;font-size:.92rem;display:grid}.rule-card li:before{content:"— ";color:var(--fg-4)}@media (max-width:760px){.rules-grid{grid-template-columns:1fr}}.gactions{flex-wrap:wrap;gap:8px;display:flex}.palette{gap:26px;display:grid}.pal-group{gap:10px;display:grid}.pal-group__name{color:var(--fg-2);justify-content:space-between;gap:12px;font-size:.9rem;display:flex}.pal-group__name span{color:var(--fg-3);font-size:.82rem}.swatches{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.swatch{text-align:left;min-height:104px;color:var(--sw-fg,#fff);transition:transform var(--t-ui) var(--ease-rise), box-shadow var(--t-ui);border:1px solid #ffffff14;border-radius:12px;align-content:end;gap:2px;padding:10px;display:grid}.swatch:hover{transform:translateY(-3px);box-shadow:0 16px 30px -16px #000000e6}.swatch b{font-family:var(--f-mono);font-size:.72rem;font-weight:500}.swatch span{font-family:var(--f-mono);opacity:.8;text-transform:uppercase;font-size:.66rem}.contrast{gap:10px;display:grid}.contrast__list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.contrast__list li{border:1px solid var(--line);background:var(--bg);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:.9rem;display:flex}.contrast__list b{font-family:var(--f-mono);color:var(--fg-2);font-size:.78rem;font-weight:500}.contrast__list em{font-style:normal;font-family:var(--f-mono);color:var(--warm);background:#ffb54724;border-radius:4px;padding:2px 6px;font-size:.66rem}.fonts{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.font-card{border-radius:var(--r-lg);border:1px solid var(--line);background:#fff4eb05;align-content:start;gap:14px;padding:22px;display:grid}.font-card__name{gap:2px;font-weight:600;display:grid}.font-card__name span{color:var(--fg-3);font-size:.82rem;font-weight:400}.font-card__spec{letter-spacing:-.02em;font-size:clamp(2rem,1.4rem + 1.6vw,2.8rem);line-height:1.1}.font-card__spec--hot{letter-spacing:-.05em;font-weight:480}.font-card__spec--hot em{color:var(--warm);font-style:normal}.font-card__spec--mono{font-family:var(--f-mono);letter-spacing:-.03em;font-size:clamp(1.5rem,1.1rem + 1.2vw,2.1rem)}.font-card__sample{color:var(--fg-2);font-size:.95rem}.font-card__sample--mono{font-family:var(--f-mono);letter-spacing:.12em;font-size:.75rem}@media (max-width:900px){.fonts{grid-template-columns:1fr}}.heatlab{gap:18px;padding:clamp(20px,3vw,32px);display:grid}.heatlab__head{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;display:flex}.heatlab__hint{color:var(--fg-3);font-size:.85rem}.heatlab__text .w{white-space:nowrap;display:inline-block}.heatlab__text{letter-spacing:-.05em;-webkit-user-select:none;user-select:none;cursor:crosshair;padding:10px 0 6px;font-size:clamp(2.4rem,1rem + 5.6vw,6rem);line-height:1}.heatlab__text .ch{--h:0;font-weight:calc(var(--base,470) + (900 - var(--base,470)) * var(--h));color:color-mix(in oklab, var(--fg), var(--t-7) calc(var(--h) * 85%));text-shadow:0 0 calc(var(--h) * 30px) rgba(255, 110, 40, calc(var(--h) * .6));display:inline-block}.heatlab__range{max-width:420px;color:var(--fg-2);gap:10px;font-size:.9rem;display:grid}.heatlab__range output{font-family:var(--f-mono);color:var(--fg);margin-left:8px}.scale{border-collapse:collapse;width:100%;font-size:.9rem}.scale th,.scale td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 12px 14px 0}.scale th{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);font-size:.68rem;font-weight:500}.scale td:nth-child(2),.scale td:nth-child(3){color:var(--fg-2);font-family:var(--f-mono);font-size:.78rem}.ex--hero{letter-spacing:-.055em;font-size:3.2rem;font-weight:480;line-height:1}.ex--h2{letter-spacing:-.04em;font-size:2rem;font-weight:500}.ex--h3{letter-spacing:-.025em;font-size:1.4rem;font-weight:500}.ex--lead{color:var(--fg-2);font-size:1.15rem}.ex--label{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);font-size:.72rem}@media (max-width:760px){.scale thead{display:none}.scale tr{border-bottom:1px solid var(--line);gap:4px;padding:14px 0;display:grid}.scale td{border:0;padding:0}.ex--hero{font-size:2.4rem}}.eases{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ease-card{text-align:left;border-radius:var(--r-lg);border:1px solid var(--line);transition:border-color var(--t-micro);background:#fff4eb05;justify-items:start;gap:6px;padding:18px;display:grid;position:relative}.ease-card:hover{border-color:var(--line-3)}.ease-card svg{width:100%;max-width:180px;height:auto;margin-bottom:8px;overflow:visible}.ease-card__grid{fill:none;stroke:var(--line-2);stroke-width:1px}.ease-card__curve{fill:none;stroke:var(--warm);stroke-width:2.5px;stroke-linecap:round;filter:drop-shadow(0 0 6px #ff963c99)}.ease-card__dot{width:12px;height:12px;box-shadow:0 0 14px var(--hot);pointer-events:none;opacity:0;background:#fff;border-radius:50%;margin:-6px 0 0 -6px;position:absolute;top:0;left:0}.ease-card b{font-size:1.05rem}.ease-card code{font-family:var(--f-mono);color:var(--warm);font-size:.72rem}.ease-card>span:last-child{color:var(--fg-3);font-size:.85rem}@media (max-width:760px){.eases{grid-template-columns:1fr}}.durations{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.durations li{color:var(--fg-3);gap:4px;padding:16px 16px 0 0;font-size:.85rem;display:grid}.durations b{font-family:var(--f-mono);color:var(--fg);font-size:1.1rem;font-weight:500}@media (max-width:760px){.durations{grid-template-columns:1fr 1fr;gap:12px}}.lab{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);display:grid;overflow:hidden}.lab__stage{border-right:1px solid var(--line);cursor:crosshair;touch-action:pan-y;background:#07060a;min-height:460px;position:relative}.lab__stage canvas{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.lab__readout{border:1px solid var(--line-2);font-family:var(--f-mono);color:var(--fg-2);background:#07060ad1;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;display:inline-flex;position:absolute;top:16px;left:16px}.lab__readout b{color:var(--fg);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:500}.lab__fallback{color:var(--fg-3);place-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.lab.no-webgl .lab__fallback{display:grid}.lab__controls{align-content:start;gap:22px;padding:clamp(20px,3vw,30px);display:grid}.lab__lbl{color:var(--fg-2);justify-content:space-between;gap:12px;font-size:.9rem;display:flex}.lab__lbl output{font-family:var(--f-mono);color:var(--fg)}.lab__specs{border-top:1px solid var(--line);display:grid}.lab__specs>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;font-size:.82rem;display:flex}.lab__specs dt{color:var(--fg-3)}.lab__specs dd{color:var(--fg-2);text-align:right}@media (max-width:900px){.lab{grid-template-columns:1fr}.lab__stage{border-right:0;border-bottom:1px solid var(--line);min-height:360px}}.comps{grid-template-columns:1fr 1fr;gap:12px;display:grid}.comp{align-content:start;gap:16px;padding:22px;display:grid}.comp__name{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);font-size:.7rem}.comp__row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.comp__note{color:var(--fg-3);font-size:.85rem}.comp__chat{background:#0b0e12;border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex}.comp__chat .bub{border-radius:12px;max-width:88%;padding:8px 10px 9px;font-size:.8rem;line-height:1.45}.comp__chat .bub--in{background:#1c232d;border-top-left-radius:4px;align-self:flex-start}.comp__chat .bub--out{background:#17463a;border-top-right-radius:4px;align-self:flex-end}.comp__chat .bub--alert{background:linear-gradient(#ff8c3224,#ff8c320d);border:1px solid #ffaa504d;border-radius:14px;align-self:stretch;max-width:none}.hud-read{border:1px solid var(--line-2);font-family:var(--f-mono);color:var(--fg-2);background:#07060a99;border-radius:8px;align-items:baseline;gap:4px;padding:7px 12px;font-size:.75rem;display:inline-flex}.hud-read b{color:var(--fg);font-size:1.1rem;font-weight:500}.hud-read em{letter-spacing:.12em;color:var(--warm);text-transform:uppercase;margin-left:6px;font-size:.64rem;font-style:normal}.hud-read--cold em{color:var(--cold)}@media (max-width:760px){.comps{grid-template-columns:1fr}}.voice{border:1px solid var(--line);border-radius:var(--r-lg);display:grid;overflow:hidden}.voice__row{grid-template-columns:1fr 1fr;display:grid}.voice__row>*{border-top:1px solid var(--line);padding:16px 18px}.voice__row>:first-child{border-right:1px solid var(--line);color:var(--fg)}.voice__row>:last-child{color:var(--fg-3);-webkit-text-decoration:line-through #6cc6ff80;text-decoration:line-through #6cc6ff80}.voice__row--head>*{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;border-top:0;font-size:.7rem}.voice__row--head>:first-child{color:var(--warm)}.voice__row--head>:last-child{color:var(--cold);text-decoration:none}.voice__rules{color:var(--fg-2);gap:8px;display:grid}.voice__rules li{padding-left:18px;position:relative}.voice__rules li:before{content:"";background:var(--warm);width:7px;height:7px;box-shadow:0 0 8px var(--hot);border-radius:50%;position:absolute;top:.65em;left:0}@media (max-width:640px){.voice__row{grid-template-columns:1fr}.voice__row>:first-child{border-right:0}}.res{grid-template-columns:1.3fr .7fr;gap:12px;display:grid}.res__item{align-content:start;gap:14px;padding:22px;display:grid}.res__item .btn{justify-self:start}.code{border:1px solid var(--line);max-height:300px;font-family:var(--f-mono);color:var(--fg-2);white-space:pre;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;background:#050407;border-radius:12px;margin:0;padding:14px 16px;font-size:.74rem;line-height:1.7;overflow:auto}.res__list{color:var(--fg-2);gap:8px;font-size:.9rem;display:grid}.res__list b{color:var(--fg)}@media (max-width:900px){.res{grid-template-columns:1fr}}.footer--guide{padding-top:0}.toast{z-index:80;background:var(--fg);color:#140a05;opacity:0;pointer-events:none;transition:opacity var(--t-ui), transform var(--t-ui) var(--ease-rise);border-radius:999px;padding:10px 16px;font-size:.88rem;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.is-on{opacity:1;transform:translate(-50%)}