.band{padding-block:clamp(56px,7vw,104px)}.band--light{background:var(--bg);color:var(--ink)}.band--dark{--panel-gutter:clamp(14px,2vw,24px);background:#0a0a0a;color:#fff;margin:var(--panel-gutter);border-radius:20px;overflow:hidden}.band__in{max-width:var(--container);margin-inline:auto;padding-inline:var(--pad)}.band__grid{display:grid;gap:clamp(24px,3.4vw,40px)}@media(min-width:960px){.band__grid{grid-template-columns:minmax(0,264px) minmax(0,1fr);gap:clamp(40px,5.4vw,88px);align-items:start}.rail{position:sticky;top:88px}}.rail__h{margin:0;font-size:clamp(1.5rem,2.6vw,2.0625rem);font-weight:500;line-height:1.12;letter-spacing:-.025em}.rail__note{margin:12px 0 0;font-size:15px;line-height:1.6;color:var(--ink-2);max-width:26rem;text-wrap:pretty}.band--dark .rail__note{color:#ffffff9e}.rail__body{display:flex;flex-direction:column;gap:clamp(20px,2.6vw,32px);min-width:0}.band--hero{position:relative;isolation:isolate;min-height:calc(100svh - var(--nav-h) - var(--panel-gutter) * 2);display:flex;align-items:center;padding-block:clamp(56px,8vw,120px);background:#0a0a0a}.band__ground{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}.band--dark{position:relative;isolation:isolate}.band--dark .band__in{position:relative;z-index:1}.band--hero .band__in{position:relative;z-index:1;width:100%}.band--hero .band__in{text-align:center}.hero__mark{width:max(128px,min(224px,54%));height:auto;margin:0 auto clamp(24px,3.4vw,38px)}.hero__copy{--copy-w:34rem;max-width:var(--copy-w);margin-inline:auto}.display{margin:0;font-weight:500;font-size:max(2rem,min(clamp(2.25rem,5vw,3.25rem),9vw));line-height:1.077;letter-spacing:-.03em;text-wrap:balance}.intro{margin:16px auto 0;max-width:30rem;font-size:17px;line-height:1.647;color:#ffffffc7;text-wrap:balance}.intro--note{margin-top:6px;color:#ffffff80}.hero__more{position:absolute;z-index:1;left:50%;translate:-50% 0;bottom:clamp(18px,3.4vh,34px);display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;color:#ffffff80;text-decoration:none;transition:color .2s var(--power2-out)}.hero__more-label{font-size:12px;line-height:1;letter-spacing:-.01em}.hero__more svg{width:20px;height:20px;display:block;animation:heroFloat 3.4s cubic-bezier(.37,0,.63,1) infinite}@media(hover:hover)and (pointer:fine){.hero__more:hover{color:#fff}}.hero__more:focus-visible{outline:2px solid #f5f5f5;outline-offset:2px}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pkgs{display:flex;flex-direction:column;gap:clamp(30px,4vw,46px)}.pkg{padding-top:clamp(20px,2.6vw,28px);border-top:1px solid var(--hairline)}.pkg__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-bottom:clamp(16px,2vw,22px)}.pkg__name{margin:0;font-size:20px;line-height:1.3;font-weight:500;letter-spacing:-.015em;color:var(--ink)}.pkg__role{margin:0;font-size:15px;line-height:1.5;color:var(--ink-2)}.pkg__grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(248px,1fr))}.variant__stage{display:grid;place-items:center;border-radius:16px;height:clamp(150px,17vw,186px);padding-inline:26px;overflow:hidden}.variant__stage--light{background:#fff;box-shadow:inset 0 0 0 1px var(--hairline)}.variant__stage--dark{background:#0a0a0a}.variant__stage img{display:block;height:auto;max-height:100%}.variant__label{margin:12px 0 0;font-size:15px;line-height:1.4;font-weight:500;letter-spacing:-.01em;color:var(--ink)}.variant__label span{margin-left:7px;font-weight:400;color:var(--ink-2)}.dls{margin:11px 0 0;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.dls__label{margin-right:2px;font-size:13px;line-height:1;color:var(--ink-2)}.dl{display:inline-flex;align-items:center;gap:7px;height:32px;padding-inline:11px;border-radius:8px;border:1px solid var(--hairline);background:#fff;font-size:13px;line-height:1;font-weight:500;color:var(--ink);text-decoration:none;transition:border-color .18s var(--power2-out),background-color .18s var(--power2-out)}.dl i{font-style:normal;font-weight:400;color:var(--ink-2);font-variant-numeric:tabular-nums}@media(hover:hover)and (pointer:fine){.dl:hover{border-color:var(--ink-3);background:#ededed}}.dl:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.rules{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(258px,1fr))}.rules{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.rule{margin:0;display:flex;flex-direction:column}.rule__stage{position:relative;display:grid;place-items:center;border-radius:16px;height:clamp(150px,17vw,186px);padding-inline:26px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--hairline)}.rule__cap{padding-top:12px;display:flex;flex-direction:column;gap:11px}.rule__name{margin:0;font-size:15px;line-height:21px;font-weight:500;letter-spacing:-.15px;color:var(--ink)}.rule__body{margin:0;font-size:16px;line-height:25.5px;letter-spacing:-.17px;color:var(--ink)}.rule__cap .rule__body+.rule__body{margin-top:-11px}.csfig{display:block;width:min(365px,100%);height:auto;max-height:100%}.rule__stage--min{display:flex;align-items:center;justify-content:center;gap:clamp(30px,6vw,66px)}.minim{display:flex;flex-direction:column;align-items:center;gap:9px}.minim img{display:block;height:auto}.minim__lab{margin:0;font-size:13px;line-height:1.38;color:var(--ink-2);font-variant-numeric:tabular-nums}.wrong{display:grid;gap:clamp(20px,2.4vw,30px);grid-template-columns:repeat(auto-fit,minmax(252px,1fr))}.wrong__item{color:#fff;display:flex;flex-direction:column}.wrong__stage{position:relative;display:grid;place-items:center;height:clamp(158px,18vw,196px);padding-inline:26px;overflow:hidden;border-radius:16px;background:#f5f5f5}.wrong__stage img{display:block;height:auto;width:calc(min(160px,58%) * var(--art-scale,1))}.wrong__item[data-art=mark] .wrong__stage img{width:calc(min(76px,30%) * var(--art-scale,1))}.wrong__split{position:relative;display:block;width:min(168px,62%)}.wrong__split img{width:100%}.wrong__split-b{position:absolute;inset:0;filter:invert(41%) sepia(64%) saturate(3000%) hue-rotate(325deg);clip-path:inset(0 84.5% 0 0)}.wrong__foot{padding:14px 2px 0;flex:1 1 auto}.wrong__title{margin:0;font-size:19px;line-height:1.26;font-weight:500;letter-spacing:-.02em;color:#fff}.wrong__body{margin:7px 0 0;font-size:14px;line-height:1.5;color:#ffffff8c;max-width:30rem}.wrong__x{position:absolute;left:14px;bottom:14px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#c8322b;color:#fff}.wrong__x svg{width:13px;height:13px}.band--colour{padding-bottom:clamp(44px,5.5vw,84px)}.ramp{margin-top:clamp(32px,4vw,52px);display:grid;grid-template-columns:repeat(10,minmax(0,1fr))}.sw{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:clamp(190px,20vw,248px);padding:16px 14px;border:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 10%,transparent);font-family:var(--sans);text-align:left;cursor:pointer;transition:transform .16s var(--ease-out)}.sw:active{transform:scale(.985)}.ramp[data-anim] .sw{clip-path:inset(0 100% 0 0);transition:transform .16s var(--ease-out),clip-path .52s var(--ease-out) calc(var(--i, 0) * 55ms)}.ramp[data-anim][data-in] .sw{clip-path:inset(0 0 0 0)}@media(prefers-reduced-motion:reduce){.ramp[data-anim] .sw{transition-delay:0ms}}.sw--light{color:#fff}.sw--dark{color:var(--ink)}.sw__name{margin-top:auto;font-size:16px;line-height:1.35;font-weight:500;letter-spacing:-.015em}.sw__hex{font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums;opacity:.82}.sw__token{font-size:12px;line-height:1.5;opacity:.6;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sw[data-copied="1"] .sw__hex:after{content:" · copied"}@media(max-width:1100px){.ramp{grid-template-columns:repeat(3,minmax(0,1fr))}.sw:last-child{grid-column:1 / -1}}@media(max-width:520px){.ramp{grid-template-columns:repeat(2,minmax(0,1fr))}.sw{min-height:158px}.sw:last-child{grid-column:auto}}.tface{margin:0;border:1px solid rgba(255,255,255,.14);border-radius:16px;overflow:hidden;background:#ffffff09}.tface__stage{position:relative;padding:clamp(22px,3vw,34px) clamp(20px,2.6vw,30px);font-size:clamp(5rem,22vw,15rem);font-weight:500;line-height:.92;letter-spacing:-.04em;color:#ffffffe6;white-space:nowrap;overflow:hidden}.tface__ch{display:inline-block}.tface[data-anim] .tface__ch{opacity:0;transform:translateY(.06em)}.tface[data-anim][data-in] .tface__ch{opacity:1;transform:none;transition:opacity 1ms linear calc(var(--i, 0) * 92ms),transform .2s var(--ease-out) calc(var(--i, 0) * 92ms)}@media(prefers-reduced-motion:reduce){.tface[data-anim] .tface__ch{transition-delay:0ms}}.tface__cap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:13px 18px 14px;border-top:1px solid rgba(255,255,255,.14)}.tface__role{margin:0;font-size:14px;line-height:1.4;color:#ffffff9e}.tface__badge{margin-left:auto;padding:5px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;font-size:12px;line-height:1.3;color:#ffffffad;text-decoration:none;transition:color .2s var(--power2-out),border-color .2s var(--power2-out),background-color .2s var(--power2-out)}@media(hover:hover)and (pointer:fine){.tface__badge:hover{color:#fff;border-color:#ffffff52;background:#ffffff1c}}.tface__badge:focus-visible{outline:2px solid #f5f5f5;outline-offset:2px}.tscale{margin-top:clamp(36px,5vw,64px);padding-top:clamp(22px,2.8vw,34px);border-top:1px solid rgba(255,255,255,.16)}.tscale__label{margin:0 0 clamp(22px,2.8vw,34px);font-size:13px;line-height:1.38;font-weight:500;letter-spacing:-.01em;color:#ffffff8c}.typeset{display:flex;flex-direction:column;gap:clamp(20px,2.8vw,34px)}.tspec__meta{margin:0 0 8px;display:flex;flex-direction:column;gap:1px}.tspec__name{font-size:13px;line-height:1.38;font-weight:500;color:#fff}.tspec__nums{font-size:12px;line-height:1.42;color:#ffffff70;font-variant-numeric:tabular-nums}.tspec__demo{margin:0;overflow-wrap:anywhere}@media(min-width:760px){.tspec{display:grid;grid-template-columns:124px minmax(0,1fr);gap:clamp(20px,2.6vw,34px);align-items:baseline}.tspec__meta{margin:0}}.colophon+.colophon{margin-top:clamp(30px,3.6vw,46px)}.contact{display:flex;align-items:center;gap:13px;max-width:46rem;margin:16px 0 0;padding:14px 16px;border:1px solid var(--hairline);border-radius:12px;background:#fff;text-decoration:none;transition:border-color .18s var(--power2-out),background-color .18s var(--power2-out)}@media(hover:hover)and (pointer:fine){.contact:hover{border-color:var(--ink-3);background:var(--bg)}}.contact:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.contact__ico{flex:none;width:20px;height:20px;color:var(--ink-2)}.contact__ico svg{display:block;width:100%;height:100%;stroke-width:1.6}.contact__txt{display:flex;flex-direction:column;gap:2px;min-width:0}.contact__lead{font-size:15px;line-height:1.45;color:var(--ink-2)}.contact__addr{font-size:17px;line-height:1.4;font-weight:500;color:var(--ink);overflow-wrap:anywhere}.colophon__label{margin:0;font-size:20px;line-height:1.3;font-weight:500;letter-spacing:-.015em;color:var(--ink)}.colophon__body{margin:10px 0 0;max-width:46rem;font-size:16px;line-height:1.688;color:var(--ink);text-wrap:pretty}.mach{margin:18px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;max-width:46rem}.mach__row{padding:14px 16px 15px;border:1px solid var(--hairline);border-radius:12px;background:#fff}.mach__head{display:flex;align-items:center;gap:10px}.mach__url{font-size:17px;line-height:1.4;font-weight:500;color:var(--ink);text-decoration:none;overflow-wrap:anywhere;transition:color .18s var(--power2-out)}.mach__url:hover{text-decoration:underline;text-underline-offset:3px}.mach__kind{margin-left:auto;flex:none;display:inline-flex;align-items:center;height:32px;padding-inline:10px;border-radius:8px;border:1px solid var(--hairline);background:var(--bg);font-size:12px;line-height:1;font-weight:500;color:var(--ink-2);font-variant-numeric:tabular-nums}.mach__copy{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--hairline);border-radius:8px;background:var(--bg);color:var(--ink-2);cursor:pointer;transition:border-color .18s var(--power2-out),color .18s var(--power2-out),background-color .18s var(--power2-out)}.mach__ico{position:relative;display:block;width:16px;height:16px}.mach__ico svg{position:absolute;inset:0;width:16px;height:16px;stroke-width:1.6;transition:opacity .16s var(--power2-out)}.mach__ico--done{opacity:0}.mach__copy[data-copied="1"]{color:var(--ink);border-color:var(--ink-3)}.mach__copy[data-copied="1"] .mach__ico--copy{opacity:0}.mach__copy[data-copied="1"] .mach__ico--done{opacity:1}.mach__note{margin:7px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}@media(hover:hover)and (pointer:fine){.mach__row:hover{border-color:var(--ink-3)}.mach__copy:hover{color:var(--ink);border-color:var(--ink-3)}}@media(max-width:420px){.mach__head{flex-wrap:wrap}.mach__url{flex:1 1 100%}.mach__kind{margin-left:0}}