.pc,.rr{--clutch:#3be577;color:#f4f1e9;isolation:isolate;background:#0a0b0c;position:relative;overflow:hidden}.pc:before,.rr:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 55% at 50% 0,#3be57729,#0000 70%);position:absolute;inset:0}.phone{aspect-ratio:1206/2622;background:#050506;border:2px solid #ffffff1f;border-radius:clamp(1.1rem,1.6vw,1.7rem);width:100%;position:relative;overflow:hidden;box-shadow:0 32px 60px -26px #000000d9,inset 0 0 0 1px #00000080}.phone__shot{object-fit:cover;width:100%;height:100%;display:block}.pc{margin-block:clamp(3rem,6vw,6rem);padding-block:clamp(4rem,8vw,8rem)}.pc-head{text-align:center;margin-bottom:clamp(2.5rem,6vw,5rem)}.pc-head .eyebrow{color:var(--clutch);justify-content:center}.pc-lead{font-family:var(--display);font-weight:600;font-size:var(--step-2);letter-spacing:-.02em;margin-top:1rem;line-height:1.05}.pc-stage{padding-inline:var(--gutter);justify-content:center;align-items:flex-end;display:flex}.pc-item{flex:none;width:clamp(132px,15vw,196px);margin-inline:-1.4rem;position:relative}.pc-item:first-child .phone{transform:rotate(-9deg)translateY(2.2rem)}.pc-item:nth-child(2) .phone{transform:rotate(-4.5deg)translateY(.8rem)}.pc-item:nth-child(3) .phone{transform:translateY(-.6rem)scale(1.06)}.pc-item:nth-child(4) .phone{transform:rotate(4.5deg)translateY(.8rem)}.pc-item:nth-child(5) .phone{transform:rotate(9deg)translateY(2.2rem)}.pc-item:nth-child(3){z-index:5}.pc-item:nth-child(2),.pc-item:nth-child(4){z-index:3}.phone{transition:transform .55s var(--ease)}.pc-item:hover{z-index:10}.pc-item:hover .phone{transform:translateY(-1rem)scale(1.1)rotate(0)}.pc-cap{white-space:nowrap;font-size:var(--step--1);color:var(--clutch);opacity:0;transition:opacity .4s var(--ease);pointer-events:none;position:absolute;bottom:-2.2rem;left:50%;transform:translate(-50%)}.pc-item:hover .pc-cap{opacity:1}@media (width<=760px){.pc-stage{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;gap:1.25rem;padding-block:.5rem 3rem;overflow-x:auto}.pc-stage::-webkit-scrollbar{display:none}.pc-item{scroll-snap-align:center;width:64vw;max-width:260px;margin-inline:0}.pc-item .phone,.pc-item:hover .phone{transform:none}.pc-cap{opacity:1;text-align:center;white-space:normal;margin-top:.9rem;position:static;transform:none}}.rr{place-items:center;gap:clamp(1.5rem,4vw,3rem);margin-block:clamp(3rem,6vw,6rem);padding-block:clamp(4rem,9vw,9rem);display:grid}.rr-stage{place-items:center;width:100%;min-height:clamp(420px,64vw,760px);display:grid;position:relative}.rr-phone{aspect-ratio:2622/1206;transform-origin:50%;will-change:transform;background:#050506;border:2px solid #ffffff24;border-radius:clamp(1.4rem,2vw,2.1rem);width:clamp(300px,62vw,560px);position:relative;overflow:hidden;transform:rotate(0);box-shadow:0 44px 90px -34px #000000f2}.rr-shot{object-fit:cover;width:100%;height:100%;display:block}.rr-text{text-align:center;max-width:46ch}.rr-text .eyebrow{color:var(--clutch);justify-content:center}.rr-cap{color:#f4f1e9db;max-width:none;margin-top:1rem}@media (prefers-reduced-motion:reduce){.rr-phone{transform:rotate(0)}}.bw{--bw-accent:var(--accent);background:var(--paper-2);border-block:1px solid var(--line);isolation:isolate;margin-block:clamp(3rem,6vw,6rem);padding-block:clamp(4rem,8vw,8rem);position:relative;overflow:hidden}.bw:before{content:"";z-index:-1;background:radial-gradient(58% 48% at 50% 0%, color-mix(in srgb, var(--bw-accent) 12%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.bw-head{text-align:center;margin-bottom:clamp(2.5rem,6vw,4.5rem)}.bw-head .eyebrow{color:var(--bw-accent);justify-content:center}.bw-lead{font-family:var(--display);font-weight:600;font-size:var(--step-2);letter-spacing:-.02em;margin-top:1rem;max-width:22ch;margin-inline:auto;line-height:1.05}.bw-grid{grid-template-columns:1fr;gap:clamp(1.75rem,4vw,3rem);display:grid}@media (width>=820px){.bw-grid{grid-template-columns:1fr 1fr}.bw-window--wide{grid-column:1/-1}}.bw-window{flex-direction:column;gap:1rem;display:flex}.bw-frame{border:1px solid var(--line);transition:transform .55s var(--ease), box-shadow .55s var(--ease);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 30px 60px -34px #16140f66}.bw-window:hover .bw-frame{transform:translateY(-6px);box-shadow:0 42px 80px -34px #16140f7a}.bw-bar{background:var(--paper-3);border-bottom:1px solid var(--line);align-items:center;gap:.9rem;padding:.7rem .95rem;display:flex}.bw-dots{flex:none;gap:.4rem;display:inline-flex}.bw-dots i{background:var(--line);border-radius:50%;width:.62rem;height:.62rem}.bw-url{min-width:0;font-size:var(--step--1);color:var(--muted);background:var(--paper);border:1px solid var(--line-2);white-space:nowrap;text-overflow:ellipsis;text-align:center;border-radius:999px;flex:auto;padding:.28em .9em;overflow:hidden}.bw-shot{width:100%;height:auto;display:block}.bw-cap{font-size:var(--step--1);color:var(--muted);transition:color .4s var(--ease)}.bw-window:hover .bw-cap{color:var(--bw-accent)}.cpal{border-top:1px solid var(--line);padding-block:clamp(2.5rem,5vw,4rem)}.cpal-grid{gap:clamp(2.5rem,5vw,4rem);margin-top:2rem;display:grid}@media (width>=820px){.cpal-grid{grid-template-columns:1.4fr 1fr;align-items:start}}.cpal-h{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.4rem}.cpal-swatches{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:1.2rem 1rem;margin:0;padding:0;list-style:none;display:grid}.cpal-swatch{flex-direction:column;gap:.5rem;display:flex}.cpal-chip{aspect-ratio:8/5;border-radius:3px;display:block;box-shadow:inset 0 0 0 1px #16140f1f}.cpal-name{font-size:var(--step--1);font-weight:500}.cpal-hex{color:var(--muted);letter-spacing:.02em;font-size:.72rem}.cpal-fonts{flex-direction:column;gap:1.6rem;margin:0;padding:0;list-style:none;display:flex}.cpal-font{border-bottom:1px solid var(--line-2);align-items:center;gap:1.4rem;padding-bottom:1.6rem;display:flex}.cpal-font:last-child{border-bottom:0;padding-bottom:0}.cpal-specimen{letter-spacing:-.02em;flex:none;min-width:2.4ch;font-size:clamp(2.6rem,1.8rem + 3vw,3.8rem);line-height:1}.cpal-fontmeta{flex-direction:column;gap:.3rem;display:flex}.cpal-fontname{font-size:var(--step-1);letter-spacing:-.01em}.cpal-fontrole{font-size:var(--step--1);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.cs{padding-top:clamp(7rem,14vh,11rem)}.cs-back{font-family:var(--mono);font-size:var(--step--1);color:var(--muted);gap:.5em;margin-bottom:clamp(2.5rem,6vw,5rem);display:inline-flex}.cs-back:hover{color:var(--ink)}.cs-hero{max-width:60rem}.cs-hero__meta{color:var(--muted);gap:1.5rem;margin-bottom:1.4rem;display:flex}.cs-title{font-size:var(--step-6);letter-spacing:-.04em;margin-bottom:clamp(1.4rem,3vw,2.4rem);line-height:.85}.cs-intro{max-width:40ch;font-size:var(--step-2);color:var(--ink-2);line-height:1.25}.cs-visual{margin:clamp(3rem, 7vw, 6rem) var(--gutter) 0;background:var(--paper-2);border:1px solid var(--line);height:clamp(320px,56vh,620px);color:var(--ink);border-radius:3px;place-items:center;display:grid;position:relative;overflow:hidden}.cs-visual[data-theme=dark]{background:var(--ink);color:var(--paper);border-color:#0000}.cs-visual[data-theme=accent]{background:var(--accent);color:var(--accent-ink);border-color:#0000}.cs-visual__mark{opacity:.22;width:min(40%,260px)}.cs-visual__metric{font-size:var(--step-4);letter-spacing:-.03em;position:absolute;bottom:clamp(1.2rem,3vw,2rem);left:clamp(1.4rem,3vw,2.4rem)}.cs-visual__cap{opacity:.7;position:absolute;top:clamp(1.2rem,3vw,2rem);right:clamp(1.4rem,3vw,2.4rem)}.cs-visual__cap:before{content:"Fig. ";opacity:.55}.cs-body{flex-direction:column;gap:clamp(4rem,8vw,8rem);padding-block:clamp(4rem,8vw,8rem);display:flex}.cs-overview{gap:1.5rem 4rem;display:grid}@media (width>=820px){.cs-overview{grid-template-columns:.3fr .7fr}}.cs-overview__text{flex-direction:column;gap:1.4rem;max-width:60ch;display:flex}.cs-para{font-size:var(--step-1);color:var(--ink-2);line-height:1.45}.cs-info{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:2rem;padding-block:clamp(2rem,4vw,3rem);display:grid}@media (width>=760px){.cs-info{grid-template-columns:repeat(3,1fr)}}.cs-info__label{color:var(--muted);margin-bottom:.9rem;display:block}.cs-info__col ul{flex-direction:column;gap:.3rem;list-style:none;display:flex}.cs-chapters{flex-direction:column;gap:clamp(2.5rem,5vw,4rem);display:flex}.cs-chapter{border-top:1px solid var(--line);grid-template-columns:1fr;gap:.8rem 3rem;padding-top:clamp(1.5rem,3vw,2.5rem);display:grid}@media (width>=820px){.cs-chapter{grid-template-columns:.3fr .7fr}}.cs-chapter__i{color:var(--accent)}.cs-chapter__title{font-size:var(--step-2);margin-bottom:.8rem;font-weight:500}.cs-chapter__body p{color:var(--muted);max-width:56ch;line-height:1.55}.cs-results__grid{grid-template-columns:1fr;gap:2rem;margin-top:1.6rem;display:grid}@media (width>=700px){.cs-results__grid{grid-template-columns:repeat(3,1fr)}}.cs-result{border-top:2px solid var(--accent);padding-top:1.2rem}.cs-result__value{font-size:var(--step-4);letter-spacing:-.03em;line-height:.9;display:block}.cs-result__label{color:var(--muted);margin-top:.8rem;display:block}.cs-next{text-align:left;background:var(--ink);width:100%;color:var(--paper);padding:clamp(3rem, 8vw, 7rem) var(--gutter);transition:background .5s var(--ease);border-top-left-radius:0;border-top-right-radius:0;flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.cs-next:hover{background:var(--accent)}.cs-next__label{color:#f4f1e999}.cs-next__name{font-size:var(--step-5);letter-spacing:-.04em;line-height:.92}.cs-next__cat{color:#f4f1e999}.cs-soon__badge{border:1px solid var(--accent);color:var(--accent-text);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.55em;margin:1.2rem 0 .4rem;padding:.32em .8em;display:inline-flex}.cs-soon__badge-dot{background:var(--accent);width:.5em;height:.5em;animation:cs-pulse 1.8s var(--ease) infinite;border-radius:50%}@keyframes cs-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.cs-soon{flex-direction:column;align-items:flex-start;gap:1.4rem;padding-block:clamp(2rem,5vw,3.5rem);display:flex}.cs-soon__services{border-top:1px solid var(--line);grid-template-columns:1fr;gap:0;width:100%;max-width:46rem;list-style:none;display:grid}@media (width>=620px){.cs-soon__services{grid-template-columns:1fr 1fr}}.cs-soon__service{border-bottom:1px solid var(--line);font-family:var(--display);font-size:var(--step-1);letter-spacing:-.01em;padding:.9rem .2rem;font-weight:600}.cs-soon__note{color:var(--muted);max-width:48ch;line-height:1.55}.cs-soon__cta{margin-top:.4rem}@media (prefers-reduced-motion:reduce){.cs-soon__badge-dot{animation:none}}.cs-stack{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:.9rem 1.4rem;padding-block:clamp(1.4rem,3vw,2rem);display:flex}.cs-stack__label{color:var(--muted);flex:none}.cs-stack__list{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.cs-stack__chip{border:1px solid var(--line);color:var(--ink-2);font-size:var(--step--1);transition:border-color .25s var(--ease), color .25s var(--ease);padding:.35em .8em}.cs-stack__chip:hover{border-color:var(--ink);color:var(--ink)}