html{--h-wght:860;--h-track:-.037em;--h-size:11cqi;--h-max:148px;--h-size-sm:15cqi}.hero{padding-top:clamp(40px,4.5vw,72px);padding-bottom:clamp(48px,6vw,88px);container-type:inline-size}.hero .label{margin-bottom:0}.plate{isolation:isolate;background:var(--paper);font-size:min(var(--h-size-sm), 96px);margin-top:clamp(24px,2.8vw,44px);position:relative}.hero h1{font-family:var(--sans);font-weight:var(--h-wght);letter-spacing:var(--h-track);font-kerning:normal;text-wrap:pretty;text-box:trim-both cap alphabetic;margin-left:-.04em;font-size:1em;line-height:.95}.hero h1 .stop{color:var(--violet);z-index:1;position:relative}.glass{pointer-events:none;--steps:16;--gap:16px;position:absolute;inset:0;overflow:clip}.glass--under{z-index:-1}.glass .set{position:absolute;inset:0}.glass .set--d{display:none}.st{width:0;top:0;bottom:0;left:calc((100% + var(--gap)) * var(--k) / var(--steps));--wpx:max(2px, var(--w));--half:calc(var(--wpx) / 2);--grow:calc((var(--sx) - 1) * var(--wpx) / 2);position:absolute}@supports (left:round(nearest, 1px, 1px)){.st{left:round(nearest, calc((100% + var(--gap)) * var(--k) / var(--steps)), 1px);--wpx:max(2px, round(nearest, var(--w), 1px));--half:round(down, calc(var(--wpx) / 2), 1px)}}.st>i{position:absolute;top:0;bottom:0}.st .p{left:calc(var(--half) * -1 - var(--grow));width:calc(var(--wpx) * var(--sx));background:rgb(250 249 245/var(--tint));backdrop-filter:blur(var(--blur))}.st .e{width:1px}.st .l{left:calc(var(--half) * -1 - var(--grow) - 1px)}.st .r{left:calc(var(--wpx) - var(--half) + var(--grow))}.glass--under .e{background:var(--trace)}.glass--over .e{background:var(--glint);mix-blend-mode:lighten}.st.f{--tint:.1;--blur:.4px}.st.m{--tint:.11;--blur:.8px;--trace:#dcd9d2;--glint:#7a7873}.st.w{--tint:.13;--blur:1.1px;--trace:#d3d0c8;--glint:#8c8a84}.glass{--eb:4px}.st .p:after{content:"";opacity:.45;-webkit-mask:linear-gradient(to right, #000, #0006 calc(var(--eb) * .45), transparent var(--eb), transparent calc(100% - var(--eb)), #0006 calc(100% - var(--eb) * .45), #000);mask:linear-gradient(to right, #000, #0006 calc(var(--eb) * .45), transparent var(--eb), transparent calc(100% - var(--eb)), #0006 calc(100% - var(--eb) * .45), #000);background:linear-gradient(#50bee65c,#5b78f075 12%,#8c5bf085 30% 62%,#d646ef7a 85%,#8c5bf085);position:absolute;inset:0}.st.f .p:after{opacity:.3}@supports not (backdrop-filter:blur(1px)){.st .p{background:rgb(250 249 245/calc(var(--tint) + .08))}}@property --sx{syntax:"<number>";inherits:true;initial-value:1}@property --ta{syntax:"<length>";inherits:true;initial-value:0}@property --tb{syntax:"<length>";inherits:true;initial-value:0}@keyframes glass-w{0%{--sx:var(--w0)}to{--sx:var(--w1)}}@keyframes glass-xa{0%{--ta:calc(var(--xa) * -1)}to{--ta:var(--xa)}}@keyframes glass-xb{0%{--tb:calc(var(--xb) * -1)}to{--tb:var(--xb)}}@media (prefers-reduced-motion:no-preference){html[data-v=c2] .st{--ease:cubic-bezier(.37, 0, .63, 1);animation:glass-w var(--dw) var(--ease) var(--ow) infinite alternate both, glass-xa var(--da) var(--ease) var(--oa) infinite alternate both, glass-xb var(--db) var(--ease) var(--ob) infinite alternate both;--cut:calc(var(--wpx) * (var(--w1) - var(--sx)) / 2)}html[data-v=c2] .st .p{left:calc(var(--half) * -1 + var(--wpx) * (1 - var(--w1)) / 2);width:calc(var(--wpx) * var(--w1));-webkit-mask-image:linear-gradient(to right, transparent calc(var(--cut) - .5px), #000 calc(var(--cut) + .5px), #000 calc(100% - var(--cut) - .5px), transparent calc(100% - var(--cut) + .5px));mask-image:linear-gradient(to right, transparent calc(var(--cut) - .5px), #000 calc(var(--cut) + .5px), #000 calc(100% - var(--cut) - .5px), transparent calc(100% - var(--cut) + .5px))}html[data-v=c2] .st .p:after{-webkit-mask:linear-gradient(to right, #000 var(--cut), #0006 calc(var(--cut) + var(--eb) * .45), transparent calc(var(--cut) + var(--eb)), transparent calc(100% - var(--cut) - var(--eb)), #0006 calc(100% - var(--cut) - var(--eb) * .45), #000 calc(100% - var(--cut)));mask:linear-gradient(to right, #000 var(--cut), #0006 calc(var(--cut) + var(--eb) * .45), transparent calc(var(--cut) + var(--eb)), transparent calc(100% - var(--cut) - var(--eb)), #0006 calc(100% - var(--cut) - var(--eb) * .45), #000 calc(100% - var(--cut)))}html[data-v=c2] .st>.l{left:calc(var(--half) * -1 - 1px)}html[data-v=c2] .st>.r{left:calc(var(--wpx) - var(--half))}html[data-v=c2] .st>i{transform:translateX(calc(var(--ta) + var(--tb)));will-change:transform}html[data-v=c2] .st>.l{transform:translateX(calc(var(--ta) + var(--tb) - var(--grow)))}html[data-v=c2] .st>.r{transform:translateX(calc(var(--ta) + var(--tb) + var(--grow)))}.plate.is-offscreen .st{animation-play-state:paused}}.hero{position:relative}.hero>.label,.hero-body,.hero-facts{z-index:2;position:relative}.gear{pointer-events:none;z-index:1;visibility:hidden;--gd:92vw;--gx:100vw;--gy:calc(var(--plate-top,0px) + var(--plate-h,0px) * .8);--g-a0:-14deg;--g-turn:120s;--g-blur:calc(var(--gd) * .0023);width:100vw;position:absolute;top:0;bottom:0;left:calc(50% - 50vw);overflow:clip}.gear.is-ready{visibility:visible}.gear-defs{width:0;height:0;position:absolute}.gear-axis{width:var(--gd);height:var(--gd);left:calc(var(--gx) - var(--gd) / 2);top:calc(var(--gy) - var(--gd) / 2);position:absolute}.gear-axis>i{transform:rotate(var(--g-a0));-webkit-mask:var(--m) center / 100% 100% no-repeat;mask:var(--m) center / 100% 100% no-repeat;position:absolute;inset:0}.g-glass{backdrop-filter:blur(var(--g-blur));background:radial-gradient(closest-side,#faf9f505 50%,#faf9f512 66%,#faf9f526 86%,#faf9f533)}.gear.has-lens .g-glass{backdrop-filter:url(#gear-lens) blur(var(--g-blur))}.g-shade{background:#1111134d}.g-light>i,.g-tint>i{transform:rotate(calc(var(--g-a0) * -1));position:absolute;inset:-21%}.g-light>i{background:linear-gradient(135deg,#ffffffd9 12%,#ffffff4d 42%,#ffffff24 60%,#ffffff73 90%)}.g-tint>i{background:conic-gradient(from 180deg,#8c5bf061,#d646ef59 12%,#8c5bf061 25%,#5b78f054 34%,#50bee642 40%,#8c5bf061 50%,#8c5bf061)}@supports not (backdrop-filter:blur(1px)){.g-glass{background:radial-gradient(closest-side,#faf9f51a 50%,#faf9f547)}}@keyframes gear-turn{0%{transform:rotate(var(--g-a0))}to{transform:rotate(calc(var(--g-a0) + 360deg))}}@keyframes gear-turn-back{0%{transform:rotate(calc(var(--g-a0) * -1))}to{transform:rotate(calc(var(--g-a0) * -1 - 360deg))}}@media (prefers-reduced-motion:no-preference){html[data-v=c2] .gear-axis>i{animation:gear-turn var(--g-turn) linear infinite;will-change:transform}html[data-v=c2] .g-light>i,html[data-v=c2] .g-tint>i{animation:gear-turn-back var(--g-turn) linear infinite;will-change:transform}.gear.is-offscreen .gear-axis>i,.gear.is-offscreen .g-light>i,.gear.is-offscreen .g-tint>i{animation-play-state:paused}}.hero-body{align-items:start;margin-top:clamp(40px,5vw,64px)}.hero-lede{color:var(--ink);grid-column:1/-1;max-width:46ch;margin:0;font-size:clamp(1.125rem,1.02rem + .45vw,1.3125rem);line-height:1.5}.hero-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:24px 32px;margin-top:32px;display:flex}.hero-index{border-top:1px solid var(--ink);grid-column:1/-1;margin:40px 0 0;padding:0;list-style:none}.hero-index li{border-bottom:1px solid var(--rule);gap:16px;padding:14px 0;font-size:.9375rem;display:flex}.hero-index span:first-child{font-variant-numeric:tabular-nums lining-nums;letter-spacing:.02em;color:var(--violet-ink);min-width:2.2em;font-weight:600}.hero-facts{border-top:1px solid var(--rule);color:var(--ink-2);flex-wrap:wrap;gap:12px 40px;margin-top:clamp(56px,7vw,104px);padding-top:20px;font-size:.9375rem;display:flex}@media (width>=760px){.plate{font-size:min(var(--h-size), var(--h-max))}.hero h1{line-height:.95}.glass{--steps:24;--gap:24px}.gear{--gd:62vw;--gx:80vw;--gy:calc(var(--plate-top,0px) + var(--plate-h,0px) * .5);--g-blur:calc(var(--gd) * .002)}.glass .set--d{display:block}.glass .set--m{display:none}.st.f{--blur:.007em}.st.m{--blur:.012em}.st.w{--blur:.02em}.glass{--eb:.05em}.hero-lede,.hero-actions{grid-column:1/span 7}.hero-index{grid-area:1/9/span 2/span 4;align-self:end;margin-top:0}}@media (width>=1040px){.plate{font-size:max(72px, min(var(--h-size), var(--h-max), calc((100svh - 260px) / 3.9)))}}@media (forced-colors:active){.glass,.gear{display:none}.hero h1 .stop{color:inherit}}@media print{.glass,.gear{display:none}}.section.demo{padding:clamp(48px,4vw,56px) 0}.section:has(+.demo){padding-bottom:clamp(72px,6vw,88px)}.demo+.section{padding-top:clamp(72px,6vw,88px)}.demo-grid{gap:48px;display:grid}.demo-lede{max-width:32ch;margin:24px 0 0;font-size:clamp(1.125rem,1.05rem + .3vw,1.25rem);line-height:1.5}.demo-cta{margin-top:32px;display:inline-block}.reveal{min-width:0;margin:0}.reveal-stage{--x:50%;--y:50%;--r:0px;--lo:0;--frost-blur:18px;--cx:.185;--cy:.07;--cw:.49;--ch:.685;isolation:isolate;box-sizing:content-box;aspect-ratio:1765/1384;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fff;border:1px solid #d3d0c8;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 1px 2px #1111130a,0 18px 40px -30px #1111134d}.reveal-img{max-width:none;height:auto;width:calc(100% / var(--cw));left:calc(var(--cx) / var(--cw) * -100%);top:calc(var(--cy) / var(--ch) * -100%);position:absolute}@media (width>=640px){.reveal-stage{--cx:.003;--cy:.003;--cw:.994;--ch:.882;aspect-ratio:3579/1781}}@media (width>=760px){.reveal-stage{--frost-blur:26px}}.frost,.lens{pointer-events:none;position:absolute;inset:0}.frost{backdrop-filter:blur(var(--frost-blur)) saturate(1.2);-webkit-mask:radial-gradient(circle var(--r) at var(--x) var(--y), transparent calc(var(--r) - 1px), #000 calc(var(--r) + .5px));mask:radial-gradient(circle var(--r) at var(--x) var(--y), transparent calc(var(--r) - 1px), #000 calc(var(--r) + .5px));background:linear-gradient(112deg,#fff0 36%,#ffffff3d 45%,#ffffff0d 51%,#fff0 57%),linear-gradient(112deg,#8c5bf000 60%,#8c5bf017 63%,#8c5bf000 66%),radial-gradient(70% 60% at 92% 0,#8c5bf029,#8c5bf000 70%),#f7f4ed8f;box-shadow:inset 0 1px #ffffffe6,inset 1px 0 #ffffff80}.frost:before{content:"";--eb:14px;-webkit-mask:linear-gradient(to right, #000, #00000059 calc(var(--eb) * .4), transparent var(--eb), transparent calc(100% - var(--eb)), #00000059 calc(100% - var(--eb) * .4), #000), linear-gradient(#000, #00000059 calc(var(--eb) * .4), transparent var(--eb), transparent calc(100% - var(--eb)), #00000059 calc(100% - var(--eb) * .4), #000);mask:linear-gradient(to right, #000, #00000059 calc(var(--eb) * .4), transparent var(--eb), transparent calc(100% - var(--eb)), #00000059 calc(100% - var(--eb) * .4), #000), linear-gradient(#000, #00000059 calc(var(--eb) * .4), transparent var(--eb), transparent calc(100% - var(--eb)), #00000059 calc(100% - var(--eb) * .4), #000);background:linear-gradient(#50bee652,#5b78f061 14%,#8c5bf06b 34% 66%,#d646ef5c 88%,#8c5bf06b);position:absolute;inset:0}.lens{opacity:var(--lo);background:radial-gradient(circle var(--r) at var(--x) var(--y), #8c5bf000 calc(var(--r) - 22px), #8c5bf029 calc(var(--r) - 2.5px), #fffffff2 calc(var(--r) - 1.5px), #fffffff2 calc(var(--r) - .5px), #11111338 calc(var(--r) + .5px), #11111300 calc(var(--r) + 1.5px))}@supports not (backdrop-filter:blur(1px)){.frost{background-color:#f4f1eaf2}}.reveal-meta{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:16px;font-size:.8125rem;display:flex}.reveal-tag{letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:10px;font-size:.75rem;font-weight:600;display:inline-flex}.reveal-tag:before{content:"";background:var(--violet);flex:none;width:16px;height:1px}.reveal-act{display:contents}.reveal-how>span{align-items:center;gap:8px;display:inline-flex}.reveal-how>.hint-touch{display:none}@media (hover:none),(pointer:coarse){.reveal-how>.hint-hover{display:none}.reveal-how>.hint-touch{display:inline-flex}}.reveal-how svg{fill:none;width:14px;height:14px;stroke:var(--violet-ink);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:none}.reveal-sep{background:var(--rule);width:1px;height:14px;display:none}.reveal-btn{border:1px solid var(--ink);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;flex-basis:100%;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:.9375rem;font-weight:600;transition:background-color .2s,color .2s;display:flex}.reveal-btn:hover{background:var(--ink);color:var(--paper)}.reveal-btn i{border:1px solid;border-radius:50%;flex:none;width:12px;height:12px;transition:background-color .2s,border-color .2s}.reveal.is-open .reveal-btn i{background:var(--violet);border-color:var(--violet)}.reveal-btn .when-open,.reveal.is-open .reveal-btn .when-closed{display:none}.reveal.is-open .reveal-btn .when-open{display:inline}@media (width>=760px){.reveal-meta{flex-wrap:nowrap}.reveal-act{align-items:center;gap:16px;display:flex}.reveal-sep{display:block}.reveal-btn{white-space:nowrap;min-height:40px;text-decoration:underline;text-decoration-color:var(--violet);text-underline-offset:5px;border:0;flex-basis:auto;padding:8px 0;font-size:.8125rem;text-decoration-thickness:1px}.reveal-btn:hover{color:var(--violet-ink);background:0 0}}@media (width>=1040px){.demo-grid{grid-template-columns:minmax(0,37fr) minmax(0,63fr);align-items:start;column-gap:clamp(48px,5vw,80px)}}@media (forced-colors:active){.frost,.lens{display:none}}@media print{.frost,.lens,.reveal-btn{display:none}}