:root{color-scheme:light;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:0.8125rem;--text-sm:0.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--text-display-s:clamp(2.25rem,4vw + 0.5rem,3.75rem);--text-display:clamp(2.75rem,5vw + 1rem,5.25rem);--text-section:clamp(2rem,2.5vw + 1rem,3.5rem);--text-title:clamp(1.25rem,0.75vw + 0.875rem,1.625rem);--text-lead:clamp(1.125rem,0.35vw + 1rem,1.375rem);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.7,0,0.84,0);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--dur-micro:120ms;--dur-short:220ms;--dur-long:420ms;--color-paper:oklch(97.6% 0.011 88);--color-paper-2:oklch(96.5% 0.02 160);--color-paper-3:oklch(93% 0.036 160);--color-ink:oklch(21% 0.025 170);--color-ink-2:oklch(31% 0.02 170);--color-muted:oklch(49% 0.024 165);--color-rule:oklch(86.5% 0.022 140);--color-accent:oklch(50% 0.13 160);--color-accent-deep:oklch(42% 0.11 162);--color-accent-soft:oklch(88% 0.08 160);--color-accent-ink:oklch(99% 0.006 160);--color-focus:oklch(45% 0.14 160);--color-error:oklch(52% 0.19 27);--color-success:oklch(50% 0.12 150);--p-mon:oklch(85% 0.052 22);--p-tue:oklch(87.5% 0.058 64);--p-wed:oklch(91.5% 0.064 98);--p-thu:oklch(86.5% 0.075 160);--p-fri:oklch(87% 0.048 210);--p-sat:oklch(84% 0.045 270);--p-sun:oklch(84% 0.048 322);--light:oklch(99.4% 0.016 84);--glint:oklch(100% 0 0);--mask:oklch(0% 0 0);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35  0 0 0 0 .3  0 0 0 0 .2  0 0 0 .42 -.16'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--tone-30-162:oklch(30% 0.06 162);--tone-30-165:oklch(30% 0.03 165);--tone-32-162:oklch(32% 0.09 162);--tone-36-162:oklch(36% 0.1 162);--tone-36-165:oklch(36% 0.06 165);--tone-38-150:oklch(38% 0.05 150);--tone-38-162:oklch(38% 0.1 162);--tone-40-162:oklch(40% 0.08 162);--tone-46-161:oklch(46% 0.125 161);--tone-53-160:oklch(53% 0.13 160);--tone-58-160:oklch(58% 0.1 160);--tone-78-140:oklch(78% 0.02 140);--tone-78-158:oklch(78% 0.11 158);--tone-80-140:oklch(80% 0.02 140);--tone-80-150:oklch(80% 0.03 150);--tone-80-155:oklch(80% 0.035 155);--tone-80-160:oklch(80% 0.11 160);--tone-84-150:oklch(84% 0.02 150);--tone-84-160:oklch(84% 0.09 160);--tone-85-150:oklch(85% 0.025 150);--tone-86-150:oklch(86% 0.03 150);--tone-86-150-0_02:oklch(86% 0.02 150);--tone-86-150-0_022:oklch(86% 0.022 150);--tone-88-120:oklch(88% 0.012 120);--tone-88-150:oklch(88% 0.02 150);--tone-88-160:oklch(88% 0.08 160);--tone-90-160:oklch(90% 0.07 160);--tone-94-155:oklch(94% 0.035 155);--tone-94_4-80:oklch(94.4% 0.016 80);--tone-94_6-155:oklch(94.6% 0.03 155);--tone-96_2-84:oklch(96.2% 0.013 84);--tone-96_4-140:oklch(96.4% 0.014 140);--tone-96_6-140:oklch(96.6% 0.012 140);--tone-97-140:oklch(97% 0.012 140);--tone-97_4-140:oklch(97.4% 0.014 140);--tone-98_4-92:oklch(98.4% 0.008 92);--tone-99-95:oklch(99% 0.005 95);--tone-99_5-95:oklch(99.5% 0.004 95);--tone-99_6-95:oklch(99.6% 0.006 95);--tone-99_6-95-0_004:oklch(99.6% 0.004 95);--tone-99_6-95-0_005:oklch(99.6% 0.005 95);--tone-99_8-95:oklch(99.8% 0.004 95);--font-display:"Schibsted Grotesk",ui-sans-serif,system-ui,sans-serif;--font-body:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;--font-outlier:"DM Mono",ui-monospace,monospace;--tracking-display:-0.03em;--display-weight:700;--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--nav-h:72px;--cw:calc(min(100vw, var(--container)) - 2 * var(--gutter));--col:calc((var(--cw) - 11 * var(--gap-columns)) / 12);--radius-card:14px;--radius-input:10px;--radius-pill:999px;--rule-hair:1px;--shadow-card:0 1px 2px oklch(30% 0.03 165/0.08),0 24px 48px -24px oklch(40% 0.08 165/0.35);--shadow-lift:0 1px 1px oklch(30% 0.03 165/0.10),8px 18px 28px -14px oklch(36% 0.06 165/0.32),18px 40px 60px -30px oklch(40% 0.08 165/0.30);--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600}*,:after,:before{box-sizing:border-box}body,html{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{margin:0;background:var(--grain),var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);line-height:1.55;-webkit-font-smoothing:antialiased;caret-color:var(--color-accent)}::selection{background:color-mix(in oklab,var(--color-accent) 25%,transparent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.16em}h1,h2,h3,h4,h5{margin:0;font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);line-height:1.05;overflow-wrap:normal;word-break:normal;min-width:0;text-wrap:balance}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);line-height:1.45;max-width:52ch}p{margin:0;text-wrap:pretty}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto}img,svg,video{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);box-sizing:border-box}.figure,.num,td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}[data-slot]{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--color-paper-2,var(--color-paper)),var(--color-paper-3,var(--color-paper)))}[data-slot]>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;filter:saturate(.85) contrast(.94)}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (max-width:60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (max-width:40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):after,:not(.keep-motion):before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip{position:absolute;left:var(--space-md);top:calc(-1 * var(--space-3xl));z-index:var(--z-toast);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-input);background:var(--color-ink);color:var(--color-paper);text-decoration:none;font-weight:500}.skip:focus-visible{top:var(--space-md)}.site{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky-nav);background:var(--color-paper);box-shadow:0 1px 0 var(--color-rule),0 2px 0 oklch(from var(--glint) l c h/.8);transition:background-color var(--dur-long) var(--ease-out),box-shadow var(--dur-long) var(--ease-out)}.site.is-live:not(.is-over){background:transparent;box-shadow:none}.tray{display:flex;gap:var(--space-xl);min-height:72px}.tray,.wordmark{align-items:center}.wordmark{font:700 var(--text-xl)/1 var(--font-display);letter-spacing:-.035em;color:var(--color-ink);text-decoration:none;display:inline-flex;gap:8px}.tray__links{display:flex;gap:var(--space-lg);list-style:none;margin:0;padding:0}.tray__links a{font-weight:500;color:var(--color-ink-2);text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;text-underline-offset:.3em;transition:color var(--dur-short) var(--ease-out),-webkit-text-decoration-color var(--dur-short) var(--ease-out);transition:text-decoration-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out);transition:text-decoration-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),-webkit-text-decoration-color var(--dur-short) var(--ease-out)}.tray__links a.is-active,.tray__links a:hover{color:var(--color-ink);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.tray__end{display:flex;align-items:center;gap:var(--space-lg);margin-left:auto}.tray__note{font-size:var(--text-sm);font-weight:500;color:var(--color-muted)}.tray__links a:focus-visible,.wordmark:focus-visible{outline:2px solid var(--color-focus);outline-offset:var(--space-2xs);border-radius:var(--space-3xs)}.nav-sentinel{position:absolute;top:calc(100% - var(--nav-h));left:0;width:1px;height:1px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 var(--space-lg);border:0;border-radius:10px;font:500 var(--text-md)/1 var(--font-body);white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:box-shadow var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out),filter var(--dur-short) var(--ease-out)}.btn--primary{--rim:var(--tone-38-162);background:linear-gradient(180deg,var(--tone-53-160),var(--tone-46-161));background-color:var(--color-accent-deep);color:var(--color-accent-ink);box-shadow:inset 0 1px 0 oklch(from var(--tone-78-158) l c h/.75),inset 0 -2px 1px oklch(from var(--tone-36-162) l c h/.55),0 0 0 1px var(--rim),0 3px 0 var(--rim),3px 10px 18px -8px oklch(from var(--tone-32-162) l c h/.55);text-shadow:0 -1px 0 oklch(from var(--tone-32-162) l c h/.5)}.btn--primary:hover{filter:brightness(1.06) saturate(1.04)}.btn--secondary{--rim:var(--tone-80-150);background:linear-gradient(180deg,var(--tone-99_8-95),var(--color-paper));color:var(--color-ink);box-shadow:inset 0 1px 0 var(--glint),inset 0 -2px 1px oklch(from var(--tone-88-150) l c h/.8),0 0 0 1px var(--rim),0 3px 0 var(--rim),3px 10px 18px -10px oklch(from var(--tone-36-165) l c h/.4)}.btn--secondary:hover{background:linear-gradient(180deg,var(--tone-99_8-95),var(--tone-94_6-155))}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px 3px oklch(from var(--tone-30-162) l c h/.35),0 0 0 1px var(--rim),0 0 0 var(--rim)}.btn--sm{height:44px;padding:0 var(--space-md);font-size:var(--text-sm)}.btn--lg{height:58px;padding:0 var(--space-xl);font-size:var(--text-lg)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:5px}.btn[aria-busy=true]{cursor:progress;opacity:.85}.btn:disabled{background:var(--color-paper-3);color:var(--color-muted);box-shadow:none;cursor:not-allowed;transform:none;filter:none}.hero{position:relative;isolation:isolate;display:grid;min-height:100svh;margin-top:calc(-1 * var(--nav-h));padding-top:var(--nav-h);overflow:clip}.hero__ground{inset:0;z-index:-1;overflow:hidden;background:linear-gradient(180deg,transparent 78%,var(--color-paper)),radial-gradient(110% 90% at 100% 90%,var(--tone-94_4-80),var(--tone-96_2-84) 70%)}.hero__ground,.hero__window{position:absolute;pointer-events:none}.hero__window{left:6%;top:-4%;width:50%;height:98%;filter:blur(14px);transform:skewX(27deg);transform-origin:0 0;animation:daylight 90s var(--ease-in-out) infinite alternate}.hero__window:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--light) 0 47.5%,transparent 47.5% 52%,var(--light) 52%);-webkit-mask:linear-gradient(180deg,var(--mask) 0 21%,transparent 21% 24%,var(--mask) 24% 100%);mask:linear-gradient(180deg,var(--mask) 0 21%,transparent 21% 24%,var(--mask) 24% 100%)}@keyframes daylight{0%{translate:-3% 0}to{translate:5% 1%}}.hero.is-away .box__pool,.hero.is-away .hero__window{animation-play-state:paused}.hero__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-column-gap:var(--space-2xl);column-gap:var(--space-2xl);padding-block:var(--space-md)}.hero__text{position:relative;z-index:2;display:grid;align-content:center;grid-gap:var(--space-lg);gap:var(--space-lg);justify-items:start}.hero h1{max-width:11ch;font-size:clamp(2.6rem,3.6vw + .6rem,5rem);line-height:1}.hero .lead{max-width:30ch;color:var(--color-ink-2)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-xs)}.hero__terms{margin-top:calc(-1 * var(--space-2xs));font-size:var(--text-sm);font-weight:500;color:var(--color-muted)}.hero__visual{margin:0;--W:100px;--G:calc(var(--W) * 0.075);--D:calc(var(--W) * 1.2);--H:calc(var(--W) * 0.44);--orgW:calc(7 * var(--W) + 6 * var(--G));--tx:43cqw;--ty:54%;--lw:228px;--ls:0.9;--tilt:52deg;--turn:19deg;position:relative;min-height:600px;container-type:inline-size}.scene{inset:0 -40vw;perspective:1050px;perspective-origin:calc(40vw + var(--tx)) 6%;pointer-events:none}.org,.scene{position:absolute}.org{left:calc(40vw + var(--tx) - var(--orgW) / 2);top:calc(var(--ty) - var(--D) / 2);width:var(--orgW);height:var(--D);transform-style:preserve-3d;transform:rotateX(var(--tilt)) rotate(var(--turn))}.org__shade{inset:6% -2% -26% 3%;border-radius:30px;background:oklch(from var(--tone-38-150) l c h/.2);filter:blur(18px);transform:translate(2.5%,8%) translateZ(-2px)}.box,.org__shade{position:absolute}.box{--t-deep:oklch(from var(--t) calc(l - 0.2) calc(c + 0.05) h);top:0;left:calc(var(--i) * (var(--W) + var(--G)));width:var(--W);height:var(--D);transform-style:preserve-3d}.box>i{position:absolute;display:block}.box__pool{left:50%;top:40%;width:100%;height:100%;border-radius:calc(var(--W) * .2);transform:translateZ(-1px) rotate(calc(-.5 * var(--turn)));background:linear-gradient(160deg,transparent 30%,oklch(from var(--t) 99% calc(c * .7) h/.9) 46%,transparent 60%),linear-gradient(180deg,oklch(from var(--t) calc(l - .08) calc(c + .06) h/.5),oklch(from var(--t) calc(l - .02) calc(c + .03) h/.3));box-shadow:inset 0 0 0 2px oklch(from var(--t) 98% calc(c * .6) h/.6);filter:blur(4px);animation:pool 90s var(--ease-in-out) infinite alternate}@keyframes pool{0%{translate:-6% -2%}to{translate:8% 3%}}.box__floor{inset:0;border-radius:calc(var(--W) * .1);background:radial-gradient(70% 60% at 40% 40%,oklch(from var(--t) calc(l + .06) c h/.5),transparent 70%),oklch(from var(--t) l c h/.5);box-shadow:inset 0 0 calc(var(--W) * .14) calc(var(--W) * .02) oklch(from var(--t-deep) l c h/.45)}.box__wall{--face:linear-gradient(180deg,oklch(from var(--t) calc(l + 0.04) c h/0.62),oklch(from var(--t) calc(l - 0.05) calc(c + 0.03) h/0.82));background:var(--face)}.box__wall--front{left:0;right:0;bottom:0;height:var(--H);transform-origin:50% 100%;transform:rotateX(-90deg);border-radius:3px 3px calc(var(--W) * .06) calc(var(--W) * .06);box-shadow:inset 0 2px 0 oklch(from var(--glint) l c h/.7),inset 0 -3px 4px -2px oklch(from var(--t-deep) l c h/.35)}.box__wall--back{left:0;right:0;top:0;height:var(--H);transform-origin:50% 0;transform:rotateX(90deg);opacity:.8}.box__wall--l{left:0;transform-origin:0 50%;transform:rotateY(-90deg);background:linear-gradient(90deg,oklch(from var(--t) calc(l + .06) c h/.7),oklch(from var(--t) l c h/.6))}.box__wall--l,.box__wall--r{top:0;width:var(--H);height:100%}.box__wall--r{right:0;transform-origin:100% 50%;transform:rotateY(90deg);background:linear-gradient(90deg,oklch(from var(--t) calc(l - .08) calc(c + .03) h/.85),oklch(from var(--t) calc(l - .02) c h/.7))}.lid{inset:calc(var(--W) * -.035);margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;pointer-events:auto;border-radius:calc(var(--W) * .12);transform-style:preserve-3d;transform-origin:50% 0;transform:translateZ(calc(var(--H) + 1px)) rotateX(var(--open,0deg));transition:transform .9s var(--ease-out)}.lid,.lid>span{position:absolute}.lid>span{display:block}.lid>.lid__top,.lid>.lid__under{inset:0;border-radius:inherit;-webkit-backface-visibility:hidden;backface-visibility:hidden}.lid>.lid__top{display:grid;place-items:center;background:linear-gradient(180deg,oklch(from var(--glint) l c h/.26),transparent 28%),radial-gradient(110% 80% at 30% 0,oklch(from var(--t) calc(l + .07) c h/.6),transparent 62%),oklch(from var(--t) l c h/.8);box-shadow:inset 0 0 0 1px oklch(from var(--t-deep) l c h/.32),inset 0 calc(var(--W) * .05) calc(var(--W) * .08) calc(var(--W) * -.06) oklch(from var(--t-deep) l c h/.3),inset 0 -3px 1px -1px oklch(from var(--glint) l c h/.85)}.lid__top:after{content:"";position:absolute;left:12%;right:12%;bottom:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,oklch(from var(--glint) l c h/.95) 30%,oklch(from var(--glint) l c h/.95) 70%,transparent);filter:blur(.6px)}.lid__top b:before{content:attr(data-l)}.lid__top b{font:700 calc(var(--W) * .4)/1 var(--font-display);color:oklch(from var(--t) calc(l - .16) calc(c + .03) h/.9);text-shadow:0 1.5px 0 oklch(from var(--glint) l c h/.7),0 -1px 0 oklch(from var(--t-deep) calc(l - .12) c h/.35);transform:translateY(-4%)}.lid>.lid__under{display:grid;place-items:center;transform:rotateX(180deg);background:linear-gradient(0deg,oklch(from var(--glint) l c h/.3),transparent 30%),oklch(from var(--t) calc(l - .02) c h/.72);box-shadow:inset 0 0 0 1px oklch(from var(--t-deep) l c h/.3),inset 0 0 calc(var(--W) * .1) oklch(from var(--t-deep) l c h/.2);font:500 calc(var(--W) * .13)/1 var(--font-body);color:oklch(from var(--t) calc(l - .5) calc(c * .5) h/.85)}.lid__edge{left:4px;right:4px;bottom:0;height:calc(var(--W) * .06);transform-origin:50% 100%;transform:rotateX(90deg);border-radius:0 0 4px 4px;background:oklch(from var(--t) calc(l - .04) calc(c + .02) h/.9);box-shadow:inset 0 1px 0 oklch(from var(--glint) l c h/.8)}.lid__tab{left:34%;right:34%;bottom:calc(var(--W) * -.085);height:calc(var(--W) * .1);border-radius:0 0 9px 9px;background:oklch(from var(--t) l c h/.85);box-shadow:inset 0 -2px 1px -1px oklch(from var(--glint) l c h/.8);-webkit-backface-visibility:hidden;backface-visibility:hidden}.lid:hover{--open:12deg}.lid:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.box.is-open .lid{--open:122deg}.box.is-open .box__floor{background:linear-gradient(180deg,oklch(from var(--t-deep) l c h/.55),transparent 34%),radial-gradient(70% 55% at 42% 62%,oklch(from var(--t) 99% calc(c * .5) h/.85),transparent 72%),oklch(from var(--t) calc(l + .02) c h/.55);box-shadow:inset 0 0 calc(var(--W) * .12) calc(var(--W) * .03) oklch(from var(--t-deep) l c h/.5)}.box.is-open .box__wall--back{opacity:1;background:linear-gradient(0deg,oklch(from var(--t-deep) l c h/.6),oklch(from var(--t) l c h/.75))}@property --sink{syntax:"<length>";inherits:false;initial-value:0}.label{--cast:var(--p-thu);position:relative;width:var(--lw,228px);filter:drop-shadow(0 1px 1px oklch(from var(--tone-30-165) l c h/.14)) drop-shadow(8px 14px 14px oklch(from var(--tone-36-165) l c h/.2))}.box>.label{position:absolute;left:calc(50% - var(--lw) + 50px);bottom:14%;transform-origin:50% 100%;transform:translateZ(1px) rotate(calc(-1 * var(--turn))) rotateX(calc(-1 * var(--tilt))) scale(var(--ls)) translateY(var(--sink));-webkit-clip-path:inset(-60px -60px var(--sink) -60px);clip-path:inset(-60px -60px var(--sink) -60px);pointer-events:none;transition:--sink 1s var(--ease-out)}.box>.label.is-sunk{--sink:460px;transition:--sink .56s var(--ease-in)}.box>.label.is-moving{transition:none}.label__main{display:grid;padding:var(--space-md) var(--space-lg) var(--space-lg);border-radius:10px;background:var(--grain),linear-gradient(180deg,var(--tone-99_6-95-0_004),var(--tone-98_4-92))}.label__head{display:flex;justify-content:space-between;gap:var(--space-md);padding-bottom:var(--space-sm);margin-bottom:var(--space-sm);border-bottom:1px solid var(--tone-88-120);font-size:var(--text-sm);font-weight:500;color:var(--color-muted)}.label__what{font-size:1.0625rem;font-weight:500;line-height:1.3;color:var(--color-ink)}.label__row{display:flex;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-3xs);font-size:var(--text-sm);color:var(--color-ink-2)}.label__row .dose{font-size:1rem;font-weight:400}.label__stub{width:100px;height:92px;margin:-1px 0 0 auto;border-radius:0 0 4px 4px;padding:var(--space-sm) var(--space-sm) 0;background:radial-gradient(circle,var(--tone-78-140) 1.1px,transparent 1.5px) 4px 0 /7px 3px repeat-x,linear-gradient(0deg,oklch(from var(--cast) l c h/.5),transparent 70%),linear-gradient(180deg,var(--tone-98_4-92),var(--tone-98_4-92));font-size:.75rem;line-height:1.3;text-align:center;color:var(--color-muted);-webkit-mask:radial-gradient(circle at 4px 100%,transparent 2.6px,var(--mask) 3px) 0 0 /8px 100% repeat-x;mask:radial-gradient(circle at 4px 100%,transparent 2.6px,var(--mask) 3px) 0 0 /8px 100% repeat-x}.label--flat{--cast:var(--p-thu);position:relative;left:auto;bottom:auto;width:auto;-webkit-clip-path:none;clip-path:none;transition:none}.label--flat .label__stub{width:auto;height:44px;margin:-1px 0 0;padding:var(--space-sm) var(--space-lg) 0;text-align:left;font-size:var(--text-sm)}.label--flat .label__main{border-radius:10px 10px 0 0}.label--missed{--cast:var(--p-wed);margin-top:var(--space-2xl)}.label--missed .label__what{color:var(--color-ink-2)}.stamp{justify-self:start;display:inline-grid;gap:1px;margin-top:var(--space-md);padding:var(--space-xs) var(--space-md) var(--space-sm);border-radius:8px;color:var(--color-accent-deep);box-shadow:inset 0 0 0 2px currentColor,inset 0 0 0 4.5px var(--tone-99-95),inset 0 0 0 5.5px currentColor;font-family:var(--font-outlier);font-size:.9375rem;line-height:1.3;rotate:-2.5deg;transform-origin:30% 60%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -3.4 2.95'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -3.4 2.95'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");transition:opacity .14s var(--ease-out),scale .32s cubic-bezier(.3,1.45,.5,1)}.stamp>:first-child{font-weight:500}.stamp>:last-child{font-family:var(--font-outlier);font-size:.875rem;font-weight:400;white-space:nowrap}.stamp[data-kind=due],.stamp[data-kind=missed]{color:var(--color-muted)}.stamp[data-kind=due]{rotate:0deg;box-shadow:inset 0 0 0 1.5px var(--tone-80-140);-webkit-mask:none;mask:none}.label.is-unstamped .stamp{opacity:0;scale:1.3;transition:none}.ripple{position:absolute;z-index:2;width:1100px;height:1100px;translate:-50% -50%;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,transparent 64%,oklch(from var(--color-accent) l c h/.11) 68.5%,oklch(from var(--color-accent) l c h/.04) 70%,transparent 71%)}.ripple.is-on{animation:ripple 2.2s var(--ease-out) forwards}@keyframes ripple{0%{opacity:1;transform:scale(.04)}70%{opacity:.8}to{opacity:0;transform:scale(1)}}.kin{position:absolute;z-index:3;left:45.6%;translate:-50% 0;bottom:7%;display:flex;gap:var(--space-md);margin:0;padding:0;list-style:none;filter:drop-shadow(0 1px 1px oklch(from var(--tone-30-165) l c h/.12)) drop-shadow(5px 8px 8px oklch(from var(--tone-36-165) l c h/.16))}.chip{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;grid-gap:var(--space-sm);gap:var(--space-sm);padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-sm);background:var(--grain),linear-gradient(180deg,var(--tone-99_6-95-0_004),var(--tone-98_4-92));-webkit-mask:radial-gradient(circle at 4px 0,transparent 2.6px,var(--mask) 3px) 0 0 /8px 51% repeat-x,radial-gradient(circle at 4px 100%,transparent 2.6px,var(--mask) 3px) 0 100% /8px 51% repeat-x;mask:radial-gradient(circle at 4px 0,transparent 2.6px,var(--mask) 3px) 0 0 /8px 51% repeat-x,radial-gradient(circle at 4px 100%,transparent 2.6px,var(--mask) 3px) 0 100% /8px 51% repeat-x}.chip:first-child{rotate:-2deg}.chip:nth-child(2){rotate:1.2deg;translate:0 6px}.chip:nth-child(3){rotate:-.8deg}.chip__screen{position:relative;display:grid;place-items:center;width:32px;height:50px;border-radius:8px;background:var(--tone-99_5-95);box-shadow:0 0 0 1px var(--tone-84-150),1px 2px 4px -2px oklch(from var(--tone-36-165) l c h/.4)}.chip__screen svg{position:relative;z-index:1;width:12px;height:12px;fill:none;stroke:var(--color-accent-ink);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .36s var(--ease-out) .16s}.chip__screen:before{background:var(--color-accent);box-shadow:0 0 0 1px var(--tone-84-150) inset;scale:0;transition:scale .36s cubic-bezier(.3,1.4,.5,1)}.chip__screen:after,.chip__screen:before{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;translate:-50% -50%;border-radius:50%}.chip__screen:after{box-shadow:0 0 0 1.5px oklch(from var(--color-accent) l c h/.55);opacity:0}.chip.is-ticked .chip__screen:before{scale:1}.chip.is-ticked .chip__screen svg{stroke-dashoffset:0}.chip.is-ticked .chip__screen:after{animation:ping 1.2s var(--ease-out)}@keyframes ping{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.chip__text{display:grid;line-height:1.25;white-space:nowrap}.chip__text b{font-weight:500}.chip__text span{font-size:var(--text-sm);color:var(--color-muted)}.phone{--w:calc(var(--col, 80px) * 3 + var(--gap-columns, 32px) * 2);--u:calc(var(--w) / 36);width:var(--w);aspect-ratio:360/740;border-radius:calc(var(--u) * 3.2);box-shadow:var(--shadow-lift),0 0 0 1px var(--tone-86-150-0_02);overflow:hidden}.phone,.phone[data-slot]{background:var(--tone-99_6-95-0_004)}.ui{height:100%;box-sizing:border-box;display:flex;flex-direction:column;font-size:calc(var(--u) + 0px * var(--tick, 0));color:var(--color-ink);font-family:var(--font-body);line-height:1.35;padding:3.2em 2.2em 2.2em}.ui svg{width:2em;height:2em;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dose{font-family:var(--font-outlier);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ph{padding:3.2em 2.2em 0}.ph__top{display:grid;grid-gap:.3em;gap:.3em}.ph__day{font-size:1.3em;font-weight:500;color:var(--color-muted)}.ph__title{font:700 2.6em/1.1 var(--font-display);letter-spacing:-.02em}.ph__doses{list-style:none;margin:1.2em 0 0;padding:0;font-size:1.4em}.ph__doses li{display:grid;grid-template-columns:3.9em minmax(0,1fr) auto;align-items:center;grid-column-gap:.7em;column-gap:.7em;grid-row-gap:.25em;row-gap:.25em;padding:.95em 0;border-bottom:1px solid var(--color-rule)}.ph__time{align-self:start;padding-top:.1em}.ph__what{display:grid;font-weight:500}.ph__what .dose{font-weight:400}.ph__chip,.ph__what .dose{font-size:.82em;color:var(--color-muted)}.ph__chip{padding:.3em .75em;border-radius:var(--radius-pill);font-style:normal;font-weight:500;box-shadow:inset 0 0 0 1px var(--color-rule)}.is-given .ph__chip{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:none}.ph__by{grid-column:2/-1;font-size:.82em;color:var(--color-muted)}.ph__by .dose{font-weight:400}.due{display:grid;justify-items:start;grid-gap:.4em;gap:.4em;margin-top:3.4em}.due__time{font-size:3.4em;line-height:1}.due__what{font:700 2.6em/1.1 var(--font-display);letter-spacing:-.02em}.due__amt{font-size:1.5em;font-weight:400;color:var(--color-muted)}.due__acts{display:grid;grid-gap:.8em;gap:.8em;margin-top:auto;font-size:1.5em;font-weight:500}.due__go,.due__wait{display:grid;place-items:center;height:3.3em;border-radius:.55em;text-decoration:none;cursor:pointer}.due__go{background:var(--color-accent);color:var(--color-accent-ink)}.due__wait{box-shadow:inset 0 0 0 1px var(--color-rule);color:var(--color-ink)}.due__note{max-width:none;margin:1.2em 0 2.2em;font-size:1.25em;text-align:center;color:var(--color-muted)}.given{display:grid;justify-items:center;grid-gap:.5em;gap:.5em;margin:auto 0;text-align:center}.given__mark{display:grid;place-items:center;width:7.6em;height:7.6em;margin-bottom:.8em;border-radius:50%;background:var(--color-accent);color:var(--color-accent-ink)}.given__mark svg{width:3.6em;height:3.6em;stroke-width:2.5}.given__what{font:700 3.2em/1 var(--font-display);letter-spacing:-.02em}.given__when{font-size:1.5em;color:var(--color-ink-2)}.given__note{max-width:none;margin:0 0 2.2em;padding:1.2em 1.4em;border-radius:1.2em;background:var(--color-paper-2);font-size:1.3em;text-align:center}.ph__doses--feed li{grid-template-columns:minmax(0,1fr) auto}.ph__doses--feed .ph__by{grid-column:auto;margin-top:.15em;font-weight:400}.lock{justify-items:center;align-items:center;padding-top:6em;background:var(--color-paper-3);text-align:center}.lock__day{font-size:1.5em;font-weight:500;color:var(--color-ink-2)}.lock__time{margin-top:.1em;font-size:7.2em;font-weight:400;line-height:1;letter-spacing:-.04em}.lock__note{display:grid;grid-gap:.3em;gap:.3em;width:100%;margin-top:4em;padding:1.3em 1.4em;border-radius:1.4em;background:var(--color-paper);box-shadow:0 0 0 1px var(--color-rule);font-size:1.35em;text-align:left}.lock__note b{font-weight:500;color:var(--color-accent-deep)}.ph__doses .is-today .ph__chip{box-shadow:inset 0 0 0 1.5px var(--color-accent);color:var(--color-ink)}.plastic{--t-deep:oklch(from var(--t) calc(l - 0.2) calc(c + 0.05) h);position:relative;background:linear-gradient(180deg,oklch(from var(--glint) l c h/.32),transparent 18%),radial-gradient(90% 70% at 18% 0,oklch(from var(--t) calc(l + .06) c h/.6),transparent 65%),oklch(from var(--t) l c h/.62);box-shadow:inset 0 1.5px 0 oklch(from var(--glint) l c h/.9),inset 0 0 0 1px oklch(from var(--t-deep) l c h/.24),inset 0 -24px 36px -28px oklch(from var(--t-deep) l c h/.45),inset 0 -2px 0 oklch(from var(--glint) l c h/.55),0 1px 0 oklch(from var(--t-deep) l c h/.18)}.plastic:after{content:"";position:absolute;z-index:-1;left:8%;right:-1%;bottom:-46px;height:90px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,oklch(from var(--t) calc(l - .06) calc(c + .05) h/.45),transparent 75%);filter:blur(14px)}.day{padding-top:var(--section-gap)}.day__head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:var(--gap-columns);column-gap:var(--gap-columns);align-items:end;margin-bottom:var(--space-2xl)}.day__head-title,.day__head>:first-child{grid-column:1/span 7;min-width:0}.day__head h2{max-width:100%;word-break:normal;overflow-wrap:normal;text-wrap:balance}.day__head .lead{grid-column:8/-1;color:var(--color-ink-2);margin:0}.stages{display:grid;grid-gap:72px;gap:72px;margin:0;padding:0;list-style:none;counter-reset:stage;isolation:isolate}.stage{counter-increment:stage;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-column-gap:var(--gap-columns);column-gap:var(--gap-columns);align-items:center;padding:var(--space-2xl) var(--space-2xl);border-radius:32px}.stage__text{display:grid;align-content:start;grid-gap:var(--space-lg);gap:var(--space-lg)}.stage.has-custom-step .stage__text:before{display:none}.stage__num,.stage__text:before{content:counter(stage);font:700 clamp(5rem,7vw,7.5rem)/.8 var(--font-display);letter-spacing:-.04em;color:oklch(from var(--t) calc(l - .12) calc(c + .03) h/.75);text-shadow:0 2px 0 oklch(from var(--glint) l c h/.75),0 -1px 0 oklch(from var(--t-deep) l c h/.4)}.stage h3{font-size:var(--text-xl);max-width:16ch}.stage__times{display:grid;grid-gap:var(--space-md);gap:var(--space-md);margin:0;padding:0;list-style:none}.stage__times li{display:grid;grid-template-columns:4.2em minmax(0,1fr);grid-gap:var(--space-sm);gap:var(--space-sm);max-width:34ch;font-weight:500;color:var(--color-ink)}.stage__times .dose{color:var(--color-accent-deep)}.stage__phones{display:flex;justify-content:flex-end;gap:var(--gap-columns)}.stage .phone{--w:clamp(200px,17vw,250px);aspect-ratio:360/680}.band--ink{margin-top:var(--section-gap);background:var(--color-ink);padding-block:var(--section-gap-s)}.band--ink,.say__line{color:var(--color-paper)}.say__line{max-width:16ch;font-size:clamp(3rem,8.4vw,9.5rem);line-height:.98;letter-spacing:-.045em}.say__sub{margin-top:var(--space-xl);font:700 var(--text-section)/1.05 var(--font-display);letter-spacing:var(--tracking-display);color:var(--color-accent-soft)}.family{padding-block:var(--section-gap-l) var(--section-gap)}.family__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:var(--gap-columns);column-gap:var(--gap-columns);align-items:center}.photo{margin:0;border-radius:var(--radius-card);box-shadow:0 0 0 1px var(--color-rule);overflow:hidden}.photo>img{border-radius:inherit;width:100%;height:100%;object-fit:cover}.family__photo{grid-column:1/span 6;aspect-ratio:4/5}.family__side{grid-column:8/span 5;display:grid;grid-gap:var(--space-lg);gap:var(--space-lg)}.family__head{max-width:14ch}.family__side .lead{max-width:32ch;color:var(--color-ink-2)}.family__labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--gap-columns);gap:var(--gap-columns);align-items:start;margin-top:var(--space-xl)}.start{padding-block:0 var(--section-gap-s)}.start .container{position:relative;isolation:isolate}.start__tray{--t:var(--tone-90-160);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column-gap:var(--gap-columns);column-gap:var(--gap-columns);align-items:center;padding:var(--space-3xl) var(--space-2xl) 0;border-radius:40px;overflow:hidden}.start__tray.plastic:after{display:none}.start .container:after{content:"";position:absolute;z-index:-1;left:12%;right:4%;bottom:-40px;height:90px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,oklch(from var(--tone-80-160) l c h/.4),transparent 75%);filter:blur(16px)}.start__text{grid-column:1/span 6;display:grid;justify-items:start;grid-gap:var(--space-lg);gap:var(--space-lg);padding-bottom:var(--space-3xl)}.start__text .lead{max-width:30ch;color:var(--color-ink-2)}.keys{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-sm) 0 var(--space-xs);padding:0;border:0}.keys legend{width:100%;margin-bottom:var(--space-sm);padding:0;font-size:var(--text-sm);font-weight:500;color:var(--color-ink-2)}.keys input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.keys label{display:inline-flex;align-items:center;height:48px;padding:0 var(--space-lg);border-radius:12px;background:linear-gradient(180deg,var(--tone-99_8-95),var(--tone-96_6-140));box-shadow:inset 0 1px 0 var(--glint),0 0 0 1px var(--tone-80-155),0 3px 0 var(--tone-80-155),3px 8px 14px -8px oklch(from var(--tone-36-165) l c h/.4);font-weight:500;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform var(--dur-micro) var(--ease-out),box-shadow var(--dur-micro) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.keys label:hover{background:linear-gradient(180deg,var(--tone-99_8-95),var(--tone-94-155))}.keys input:checked+label,.keys label.is-checked{transform:translateY(3px);background:linear-gradient(180deg,var(--tone-84-160),var(--tone-88-160));box-shadow:inset 0 2px 4px oklch(from var(--tone-40-162) l c h/.35),inset 0 -1px 0 oklch(from var(--glint) l c h/.5),0 0 0 1px var(--tone-58-160),0 0 0 var(--tone-58-160)}.keys input:focus-visible+label{outline:2px solid var(--color-focus);outline-offset:5px}.setup__help{min-height:1lh;max-width:40ch;font-size:var(--text-sm);color:var(--color-ink-2)}.start__phone{grid-column:8/span 5;align-self:end;display:grid;justify-items:center}.start__phone .phone{--w:320px;aspect-ratio:360/560;border-radius:calc(var(--u) * 3.2) calc(var(--u) * 3.2) 0 0}.hh .hh__lead{padding-top:.6em}.hh .hh__lead .ph__what{font:700 1.4em/1.1 var(--font-display)}.hh .hh__lead .ph__by{font:400 .6em/1.4 var(--font-body)}.hh__add{display:grid;place-items:center;height:3.3em;margin-top:1.6em;border-radius:.55em;box-shadow:inset 0 0 0 1.5px var(--color-accent);color:var(--color-accent-deep);font-size:1.4em;font-weight:500;cursor:pointer}.foot{padding-block:var(--space-2xl) var(--space-xl)}.foot__grid{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;grid-gap:var(--space-lg) var(--space-xl);gap:var(--space-lg) var(--space-xl)}.foot__mark{font:700 var(--text-section)/1 var(--font-display);letter-spacing:-.04em;color:var(--color-ink)}.foot__links{display:flex;flex-wrap:wrap;gap:var(--space-lg);list-style:none;margin:0;padding:0}.foot__links a{font-weight:500;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;text-underline-offset:.25em;transition:-webkit-text-decoration-color var(--dur-short) var(--ease-out);transition:text-decoration-color var(--dur-short) var(--ease-out);transition:text-decoration-color var(--dur-short) var(--ease-out),-webkit-text-decoration-color var(--dur-short) var(--ease-out)}.foot__links a:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.foot__links a:focus-visible{outline:2px solid var(--color-focus);outline-offset:var(--space-2xs);border-radius:var(--space-3xs)}.foot__credits,.foot__legal{font-size:var(--text-sm);color:var(--color-ink-2)}.foot__credits{grid-column:1/-1;max-width:none;padding-top:var(--space-lg);border-top:1px solid var(--color-rule);line-height:1.5}.foot__credits a{-webkit-text-decoration-color:color-mix(in oklab,currentColor 35%,transparent);text-decoration-color:color-mix(in oklab,currentColor 35%,transparent)}.foot__credits a:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}@media (max-width:60rem){.tray__links,.tray__note{display:none}.hero__grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);padding-block:var(--space-lg) 0}.hero__text{padding-bottom:0}.hero__visual{--W:96px;--tx:50cqw;--ty:58%;--ls:0.86;min-height:440px}.kin{display:none}.day__head .lead,.day__head h2,.day__head-title,.day__head>:first-child{grid-column:1/-1}.day__head .lead{margin-top:var(--space-md)}.stage{grid-template-columns:minmax(0,1fr);row-gap:var(--space-xl);padding:var(--space-xl) var(--space-xl)}.stage__phones{justify-content:flex-start}.family__photo,.family__side{grid-column:1/-1}.family__photo{aspect-ratio:4/3;margin-bottom:var(--space-2xl)}.start__tray{padding:var(--space-2xl) var(--space-lg) 0}.start__phone,.start__text{grid-column:1/-1}.start__text{padding-bottom:var(--space-2xl)}.start__phone .phone{--w:min(calc(var(--cw) * 0.8),300px)}.foot__grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:40rem){.hero h1{font-size:2.35rem}.hero .lead{font-size:1.0625rem}.hero__text{gap:var(--space-md)}.actions{gap:var(--space-sm);margin-top:0}.actions .btn{height:48px}.hero__terms{margin-top:0}.hero__visual{--W:92px;--tx:56cqw;--ty:74%;--ls:0.8;--turn:16deg;min-height:300px}.stage{padding:var(--space-xl) var(--space-lg);border-radius:24px}.stage__phones{gap:var(--space-md)}.stage .phone{--w:calc((var(--cw) - 40px - var(--space-md)) / 2)}.family__labels{grid-template-columns:minmax(0,1fr)}.label--missed{margin-top:0}.start__tray{padding:var(--space-xl) var(--space-md) 0;border-radius:28px}}@media (prefers-reduced-motion:reduce){.box__pool,.hero__window{animation:none}}.doc-card{background:var(--tone-99_8-95);border-radius:var(--radius-card);border:1px solid var(--color-rule);padding:var(--space-xl);box-shadow:var(--shadow-card);position:relative}.doc-section{padding-block:var(--space-2xl);border-bottom:1px solid var(--color-rule)}.doc-grid{display:grid;grid-gap:var(--space-xl);gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.doc-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-family:var(--font-outlier);font-size:var(--text-xs);font-weight:500;background:var(--color-paper-2);color:var(--color-ink-2);box-shadow:inset 0 0 0 1px var(--color-rule);white-space:nowrap;width:-moz-fit-content;width:fit-content}.doc-badge--accent{background:color-mix(in oklab,var(--color-accent) 15%,transparent);color:var(--color-accent-deep);box-shadow:inset 0 0 0 1px var(--color-accent)}.color-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:12px;gap:12px}.color-swatch-item{border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--color-rule),0 2px 6px -2px oklch(30% .03 165/.12);background:var(--color-paper);transition:transform .15s ease-out}.color-swatch-item:hover{transform:translateY(-2px)}.color-swatch-preview{height:60px;width:100%}.color-swatch-info{padding:8px 10px;font-family:var(--font-outlier);font-size:.75rem}.color-swatch-name{font-weight:500;color:var(--color-ink);margin-bottom:2px}.color-swatch-val{color:var(--color-muted);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-preview{background:oklch(18% .02 170);color:oklch(92% .01 160);font-family:var(--font-outlier);font-size:.85rem;line-height:1.6;padding:var(--space-md);border-radius:8px;overflow-x:auto;border:1px solid oklch(30% .02 170)}.tab-nav{display:flex;gap:8px;border-bottom:1px solid var(--color-rule);margin-bottom:var(--space-lg)}.tab-btn{padding:8px 16px;background:transparent;border:0;border-bottom:2px solid transparent;font-weight:500;color:var(--color-muted);cursor:pointer;transition:all .15s ease-out}.tab-btn:hover{color:var(--color-ink)}.tab-btn.is-active{color:var(--color-accent-deep);border-bottom-color:var(--color-accent)}