.display{letter-spacing:-.03em;font-size:clamp(min(2.75rem,14vw),7.5vw,5.25rem);font-weight:800;line-height:1.02}.headline{letter-spacing:-.025em;font-size:clamp(min(2rem,10vw),4.6vw,3.25rem);font-weight:800;line-height:1.06}.lede{color:var(--secondary-ink);max-width:34em;font-size:clamp(1.0625rem,1.6vw,1.25rem);line-height:1.55}.story{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,6vw,96px);display:grid}.story__step{align-content:center;min-height:calc(100svh - 64px);padding-block:48px;transition:opacity .5s;display:grid}.story__step:not([data-active]){opacity:.25}.story__copy{gap:20px;display:grid}.story .story__inline{display:none}.story .story__stage{align-self:start;height:calc(100svh - 64px);position:sticky;top:64px}.story__phone{width:min(320px,45svh - 72px)}.story__screens{display:grid}.story__screens img{opacity:0;grid-area:1/1;transition:opacity .5s}.story__screens img[data-active]{opacity:1}.hero__copy{justify-items:start;gap:24px;display:grid}.hero__copy .display{margin-top:-8px}.hero__visual{isolation:isolate;place-items:center;display:grid;position:relative}.halo{z-index:-1;opacity:.22;width:118%;max-width:600px;height:auto;position:absolute}.phone{background:#0b0b0c;border-radius:54px;width:min(100%,340px);margin:0;padding:11px;box-shadow:0 0 0 1.5px #3a3a3c,inset 0 0 0 1px #ffffff14,0 30px 60px -24px #0006,0 12px 24px -12px #00000040}.phone img{background:#f5f2e8;border-radius:43px;width:100%}.section{padding-block:var(--section-space) 0}.section__head{gap:16px;margin-bottom:clamp(40px,6vw,72px);display:grid}.section__head--center{text-align:center;justify-items:center}.section__head--center .lede{max-width:30em}.quiet-quote{color:var(--secondary-ink);padding-top:8px;font-style:italic}.picker{background:var(--surface);border:1px solid color-mix(in srgb, var(--line) 55%, transparent);border-radius:32px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,6vw,80px);padding:clamp(24px,4vw,48px);display:grid}.picker__result{text-align:center;justify-items:center;gap:8px;display:grid}.picker__dot{width:clamp(120px,22vw,176px);height:auto;margin-bottom:16px}.focus-dot__half{transition:fill .25s}.picker__names{font:800 min(1.5rem, 8vw)/1.2 var(--font-display);letter-spacing:-.01em}.picker__names,.picker__summary{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;max-width:100%}.picker__summary{color:var(--secondary-ink);max-width:22em;min-height:3.1em}@media (width<=900px){.picker__names{align-items:end;min-height:2.4em;display:grid}.picker__summary{min-height:4.65em}}.picker__count{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:16px;font-size:.875rem;display:flex}.picker__count>span:first-child{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);font-variant-numeric:tabular-nums;border-radius:999px;padding:6px 12px;font-weight:700}.picker__hint{color:var(--secondary-ink);transition:opacity .15s}.picker__hint[data-hidden]{opacity:0;visibility:hidden}.picker__grid{grid-template-columns:repeat(auto-fit,minmax(max(7rem,50% - 6px),1fr));gap:12px;display:grid}.area-tile{border:1px solid color-mix(in srgb, var(--line) 60%, transparent);background:var(--canvas);min-width:0;min-height:132px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform var(--press-duration) var(--ease-out), border-color .2s ease, box-shadow .2s ease, opacity .2s ease;border-radius:22px;align-content:start;gap:4px;padding:16px;display:grid}.area-tile:active:not(:disabled){transform:scale(.97)}.area-tile[aria-pressed=true]{border-color:var(--area);box-shadow:inset 0 0 0 1px var(--area);background:color-mix(in srgb, var(--area) 11%, var(--surface))}.area-tile:disabled{opacity:.5;cursor:not-allowed}.area-tile__top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.area-tile__swatch{background:color-mix(in srgb, var(--area) 22%, transparent);width:36px;height:36px;box-shadow:inset 0 0 0 10px color-mix(in srgb, var(--area) 22%, transparent);border-radius:50%;transition:background-color .2s}.area-tile[aria-pressed=true] .area-tile__swatch{background:var(--area)}.area-tile__check{border:1.5px solid var(--line);border-radius:50%;width:22px;height:22px;transition:background-color .2s,border-color .2s}.area-tile[aria-pressed=true] .area-tile__check{border-color:var(--area);background:no-repeat center / 12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), var(--area)}.area-tile__name,.area-tile__intention{min-width:0}.area-tile__name{font:700 1.0625rem/1.3 var(--font-body);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.area-tile__intention{color:var(--secondary-ink);font-size:.875rem;line-height:1.4}@media (hover:hover) and (pointer:fine){.area-tile:hover:not(:disabled):not([aria-pressed=true]){border-color:color-mix(in srgb, var(--area) 60%, transparent)}}.widgets{justify-content:center;align-items:flex-end;gap:clamp(16px,4vw,40px);display:flex}.widgets__large{width:min(58%,420px)}.widgets__small{width:min(30%,196px)}.widgets img{filter:drop-shadow(0 20px 32px #302c2824)}.principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,40px);margin:0;padding:0;list-style:none;display:grid}.principles li{border-top:1px solid var(--line);align-content:start;gap:8px;padding-top:20px;display:grid}.principles h3{font:700 1.125rem/1.3 var(--font-body)}.principles p{color:var(--secondary-ink);font-size:1rem}.closing{padding-block:var(--section-space);text-align:center;justify-items:center;gap:20px;display:grid}.closing .headline{margin-top:8px}@media (width<=900px){.principles,.picker,.story{grid-template-columns:minmax(0,1fr)}.story .story__stage{display:none}.story .story__inline{justify-self:center;display:grid}.story__step{min-height:0;padding-block:var(--section-space) 0;gap:40px}.story__step--hero{padding-block:clamp(40px,8vw,112px) 0}.story__step:not([data-active]){opacity:1}.hero__copy{text-align:center;justify-items:center}}@media (width<=760px){.phone{border-radius:48px;width:min(82%,320px);padding:10px}.phone img{border-radius:38px}}@media (width<=520px){.principles{grid-template-columns:minmax(0,1fr)}.picker{border-radius:28px;padding:20px 16px}.picker__grid{grid-template-columns:repeat(auto-fit,minmax(max(7rem,50% - 4px),1fr));gap:8px}.area-tile{border-radius:18px;min-height:0;padding:12px 10px}.area-tile__top{margin-bottom:8px}.area-tile__swatch{width:28px;height:28px;box-shadow:inset 0 0 0 8px color-mix(in srgb, var(--area) 22%, transparent)}.area-tile__name{font-size:min(1rem,4.6vw)}.area-tile__intention{font-size:.8125rem}.widgets{flex-direction:column;align-items:center}.widgets__large{width:100%;max-width:380px}.widgets__small{width:52%}}@media (prefers-reduced-motion:reduce){.focus-dot__half,.area-tile,.area-tile__swatch,.area-tile__check{transition-duration:1ms}}[data-reveal]{transition:opacity .7s var(--ease-out) var(--reveal-delay,0s), transform .7s var(--ease-out) var(--reveal-delay,0s)}[data-reveal]:not([data-visible]){opacity:0;transform:translateY(24px)}@media (prefers-reduced-motion:reduce){[data-reveal]{transition:opacity .3s ease var(--reveal-delay,0s)}[data-reveal]:not([data-visible]){transform:none}}.picker__names,.picker__summary{transition:opacity .18s var(--ease-out)}@starting-style{.picker__names,.picker__summary{opacity:.4}}.week{gap:clamp(8px,2.4vw,14px);padding-top:4px;display:flex}.week__day{justify-items:center;gap:6px;display:grid}.week__label{color:color-mix(in srgb, var(--secondary-ink) 70%, transparent);font-size:.6875rem;font-weight:700}.week__dot{width:clamp(26px,7vw,30px);height:auto;transition:opacity .4s var(--ease-out) calc(.35s + var(--i) * 70ms), transform .4s var(--ease-out) calc(.35s + var(--i) * 70ms)}[data-reveal]:not([data-visible]) .week__dot{opacity:0;transform:scale(.9)}.closing__mark .focus-dot__side{transition:transform .6s var(--ease-out) .25s}.closing:not([data-visible]) .closing__mark .focus-dot__side--left{transform:translate(-9px)}.closing:not([data-visible]) .closing__mark .focus-dot__side--right{transform:translate(9px)}@media (prefers-reduced-motion:reduce){.week__dot{transition:opacity .3s ease calc(var(--i) * 40ms)}[data-reveal]:not([data-visible]) .week__dot{transform:none}.closing__mark .focus-dot__side{transition:none}.closing:not([data-visible]) .closing__mark .focus-dot__side--left,.closing:not([data-visible]) .closing__mark .focus-dot__side--right{transform:none}}@keyframes hero-rise{0%{opacity:0;transform:translateY(var(--rise))}}@keyframes halo-in{0%{opacity:0;transform:scale(.96)}}.hero__copy{--rise:16px;animation:hero-rise .7s var(--ease-out) both}.hero__visual:not([data-ready]){opacity:0}.hero__visual[data-ready]{--rise:32px;animation:hero-rise .9s var(--ease-out) .18s both}.hero__visual[data-ready] .halo{animation:halo-in 1.2s var(--ease-out) .35s both}@media (prefers-reduced-motion:reduce){.hero__copy,.hero__visual[data-ready]{--rise:0px;animation-duration:.4s}.hero__visual[data-ready] .halo{animation:none}.story__screens img{transition-duration:.2s}}