.ls{background:var(--ground);--ls-back:#04121c;--ls-side:max(var(--page-margin), calc((100% - var(--layout-max)) / 2));position:relative}.ls-head{gap:var(--space-6);padding-block:var(--space-10) var(--space-8);padding-inline:max(var(--ls-side), env(safe-area-inset-left,0px)) max(var(--ls-side), env(safe-area-inset-right,0px));display:grid}.ls-title{max-width:20ch}.ls-list{margin:0;padding:0;list-style:none}.ls-card{top:var(--ls-stick,0px);background:var(--ls-back);min-height:100svh;display:grid;position:sticky;overflow:clip}.ls-card:not(:last-child){margin-block-end:var(--ls-dwell,45svh)}.ls-face{min-height:inherit;transform-origin:50% 0;min-width:0;display:grid;position:relative}.ls-shade{z-index:4;background:var(--ls-back);opacity:0;pointer-events:none;position:absolute;inset:0}.is-scrubbed .ls-face{will-change:transform}.ls-line{align-items:baseline;gap:var(--space-2) var(--space-5);border-block-end:var(--stroke-slate) solid var(--rule-strong);flex-wrap:wrap;min-width:0;padding-block-end:var(--space-3);display:flex}.ls-index{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:500}.ls-label{min-width:0;font-size:16px;font-weight:600;line-height:1.5}.ls-label:lang(en){font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:14px;font-weight:500}.ls-years{font-family:var(--font-mono);letter-spacing:.12em;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:15px}[dir=rtl] .ls-years{margin-left:0;margin-right:auto}.ls-brand{min-width:0;container-type:inline-size}.ls-brand h3{font-size:min(var(--ls-max,112px), var(--ls-vh,10.5svh), calc(100cqi / (var(--ls-chars,8) * .6)));letter-spacing:-.03em;white-space:nowrap;margin:0;font-weight:700;line-height:1.04}[dir=rtl] .ls-brand{text-align:right}.ls-role{margin:var(--space-2) 0 0;color:var(--ink-muted);max-width:34ch;font-size:16px;font-weight:500;line-height:1.6}.ls-fig{gap:var(--space-2);align-content:end;margin:0;display:grid}.ls-fig-n{letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(48px,min(5.6vw,9.5svh),104px);font-weight:600;line-height:.92}[dir=rtl] .ls-fig-n{text-align:right}.ls-fig-l{max-width:22ch;font-size:17px;font-weight:600;line-height:1.5}.ls-fig-l:lang(en){font-family:var(--font-mono);letter-spacing:.1em;font-size:14px;font-weight:500;line-height:1.6}.ls-text{gap:var(--space-4);align-content:end;justify-items:start;min-width:0;display:grid}.ls-what{text-wrap:pretty;max-width:56ch;margin:0;font-size:17px;line-height:1.85}.ls-what:lang(en){line-height:1.6}.ls-acts{align-items:center;gap:var(--space-3) var(--space-6);flex-wrap:wrap;justify-self:stretch;min-width:0;display:flex}.ls-proof{gap:var(--space-2);flex-wrap:wrap;min-width:0;margin:0;padding:0;list-style:none;display:flex}.ls-proof li{border:var(--stroke-hairline) solid color-mix(in srgb, var(--ink) 30%, transparent);padding:2px 12px;font-size:16px;font-weight:600;line-height:1.7}.ls-proof li:lang(en){font-family:var(--font-mono);letter-spacing:.1em;font-size:14px;font-weight:500;line-height:2}.ls-cta{white-space:nowrap;z-index:2;align-items:center;min-height:48px;margin-inline-start:auto;font-size:18px;font-weight:600;display:inline-flex;position:relative}.ls-card--film .ls-face{grid-template-rows:minmax(0,1fr) auto}.ls-film{background:var(--ls-back);min-height:0;position:relative;overflow:clip}.ls-film--link{cursor:pointer;display:block}.ls-video{object-fit:cover;background:var(--ls-back);width:100%;height:100%;display:block;position:absolute;inset:0}.ls-file{z-index:1;min-width:0;padding-block:clamp(16px,2.6svh,28px) clamp(20px,4svh,44px);padding-inline:max(var(--ls-side), env(safe-area-inset-left,0px)) max(var(--ls-side), env(safe-area-inset-right,0px));background:var(--ground);align-content:end;gap:clamp(16px,2.6svh,28px);display:grid;position:relative;overflow:clip}.ls-body{gap:clamp(12px, 2.2svh, 24px) var(--space-8);grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"id fig""id text";align-items:end;display:grid}.ls-body--nofig{grid-template-areas:"id text"}.ls-id{grid-area:id;align-self:end;min-width:0}.ls-figcol{grid-area:fig;min-width:0}.ls-body>.ls-text{grid-area:text}.ls-file .ls-fig{align-items:end;column-gap:var(--space-5);grid-template-columns:auto minmax(0,1fr)}.ls-file .ls-fig-l{padding-block-end:.3em}.ls-card--phone .ls-face{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"file device"}.ls-card--phone .ls-file{background:0 0;grid-area:file;grid-template-rows:auto minmax(0,1fr);padding-block:calc(84px + clamp(16px,3.4svh,32px)) clamp(24px,5svh,48px);padding-inline-end:var(--space-7)}.ls-card--phone .ls-body{--ls-max:104px;grid-template-columns:minmax(0,1fr);grid-template-areas:"id""fig""text";align-self:end;gap:clamp(12px,2.6svh,24px)}.ls-device{padding-block:calc(84px + var(--space-5)) var(--space-7);grid-area:device;place-items:center;padding-inline-end:max(var(--ls-side), env(safe-area-inset-right,0px));display:grid;position:relative;overflow:visible clip}[dir=rtl] .ls-device{padding-inline-end:max(var(--ls-side), env(safe-area-inset-left,0px))}.ls-phone{z-index:1;height:min(calc(100svh - 84px - 2 * var(--space-7)), 720px);aspect-ratio:9/16.6;box-sizing:border-box;display:flex;position:relative}.ls-phone .ls-video{aspect-ratio:auto;border-radius:37px;width:100%;min-width:0;height:100%;position:static}.ls-device .ls-rings{width:min(170%,86svh)}.ls-type{padding-block:calc(84px + clamp(8px,2.6svh,32px)) clamp(16px,3.4svh,32px);padding-inline:max(var(--ls-side), env(safe-area-inset-left,0px)) max(var(--ls-side), env(safe-area-inset-right,0px));grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,2.6svh,24px);min-width:0;display:grid;overflow:clip}.ls-type-main{gap:var(--layout-gutter);grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center;min-height:0;display:grid}.ls-type-copy{z-index:1;align-content:center;gap:clamp(12px,2.6svh,24px);display:grid;position:relative}.ls-type-copy .ls-role{max-width:30ch;margin:0;font-size:18px;line-height:1.6}.ls-type-copy .ls-what{max-width:32ch;font-size:clamp(17px,min(1.7vw,2.6svh),24px);font-weight:500;line-height:1.75}.ls-type-copy .ls-what:lang(en){line-height:1.5}.ls-type-copy .ls-cta{margin-inline-start:0}.ls-target{align-self:stretch;place-items:center;min-height:0;display:grid;position:relative}.ls-target .ls-fig{z-index:1;text-align:center;justify-items:center;position:relative}.ls-target .ls-fig-n{text-align:center;font-size:clamp(64px,min(11vw,18svh),200px)}.ls-target .ls-fig-l{text-align:center}.ls-fig--years .ls-fig-n{font-family:var(--font-mono);letter-spacing:-.04em;font-weight:500}.ls-rings{aspect-ratio:1;fill:none;width:125%;height:auto;stroke:var(--rings);stroke-width:1.4px;pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:50%;overflow:visible;translate:-50% -50%}[dir=rtl] .ls-rings{translate:50% -50%}.ls-target .ls-rings{width:min(125%,82svh)}.ls-brand--big{z-index:1;position:relative}.ls-brand--big h3{font-size:min(17svh, 220px, calc(100cqi / (var(--ls-chars,8) * .56)));letter-spacing:-.04em;line-height:1}.motion-ok .ls.is-live .ls-rings circle{transform-box:view-box;transform-origin:50%;opacity:0;transition:transform 1.4s var(--ease-out), opacity .9s var(--ease-out);transform:scale(.72)}.motion-ok .ls.is-live .ls-card.is-active .ls-rings circle{opacity:1;transform:none}.motion-ok .ls.is-live .ls-rings circle:nth-child(2){transition-delay:70ms}.motion-ok .ls.is-live .ls-rings circle:nth-child(3){transition-delay:.14s}.motion-ok .ls.is-live .ls-rings circle:nth-child(4){transition-delay:.21s}.motion-ok .ls.is-live .ls-rings circle:nth-child(5){transition-delay:.28s}.motion-ok .ls.is-live .ls-rings circle:nth-child(6){transition-delay:.35s}.ls-end{padding-block:var(--space-9);padding-inline:max(var(--ls-side), env(safe-area-inset-left,0px)) max(var(--ls-side), env(safe-area-inset-right,0px))}.ls-all{align-items:center;gap:var(--space-4);min-height:44px;color:var(--ink);font-size:clamp(30px,3.6vw,56px);font-weight:700;line-height:1.3;text-decoration:none;display:inline-flex}.ls-all:hover{color:var(--accent)}.ls-all:focus-visible,.ls-card :focus-visible{box-shadow:var(--focus-ring);outline:none}.ls-all .ad-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform:scaleX(-1)}.ls-all:hover .ad-icon{transform:translate(6px)}.ls-all:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):hover .ad-icon{transform:scaleX(-1)translate(6px)}@media (min-width:961px) and (max-height:800px){.ls-what{font-size:16px;line-height:1.7}.ls-type-copy .ls-role,.ls-role{font-size:15px}}@media (max-width:960px){.ls-head{padding-block:var(--space-9) var(--space-7)}.ls{--ls-dwell:35svh}.ls-cta{font-size:17px}.ls-file{gap:var(--space-3);padding-block:var(--space-4) var(--space-5)}.ls-body,.ls-body--nofig{gap:var(--space-3);grid-template-columns:minmax(0,1fr);grid-template-areas:"id""fig""text"}.ls-body--nofig{grid-template-areas:"id""text"}.ls-brand h3{--ls-max:60px;font-size:min(var(--ls-max), 7.5svh, calc(100cqi / (var(--ls-chars,8) * .6)))}.ls-role{margin-block-start:var(--space-1);font-size:15px;line-height:1.5}.ls-fig-n{font-size:clamp(44px,min(13vw,7svh),72px)}.ls-fig-l,.ls-fig-l:lang(en){font-size:15px;line-height:1.4}.ls-line{row-gap:var(--space-1);padding-block-end:var(--space-2)}.ls-years{order:2}.ls-label{white-space:normal;overflow-wrap:break-word;flex-basis:100%;order:3}.ls-file .ls-fig{column-gap:var(--space-4)}.ls-file .ls-fig-l{max-width:22ch}.ls-text{gap:var(--space-3)}.ls-what{font-size:16px;line-height:1.7}.ls-what:lang(en){line-height:1.55}.ls-acts{gap:var(--space-2) var(--space-5)}.ls-proof li{font-size:15px;line-height:1.6}.ls-proof li:lang(en){font-size:14px;line-height:1.9}.ls-card--film .ls-film{min-height:20svh}.ls-card--phone .ls-face{grid-template:"device"minmax(0,1fr)"file"/minmax(0,1fr)}.ls-card--phone .ls-file{padding-block:var(--space-3) var(--space-5);padding-inline-end:max(var(--ls-side), env(safe-area-inset-right,0px))}[dir=rtl] .ls-card--phone .ls-file{padding-inline-end:max(var(--ls-side), env(safe-area-inset-left,0px))}.ls-card--phone .ls-body{gap:var(--space-3)}.ls-device{padding:calc(64px + var(--space-2)) var(--ls-side) 0;min-height:0;overflow:clip}[dir=rtl] .ls-device{padding-inline-end:var(--ls-side)}.ls-phone{border-radius:28px;height:min(30svh,320px);padding:6px}.ls-phone .ls-video{border-radius:23px}.ls-device .ls-rings{width:150%}.ls-type{padding-block:calc(64px + var(--space-4)) var(--space-5);gap:var(--space-4);grid-template-rows:auto auto minmax(0,1fr) auto}.ls-type-main{display:contents}.ls-type .ls-line{order:1}.ls-type .ls-brand--big{order:2}.ls-target{min-height:22svh;margin-inline:calc(-1 * var(--ls-side));order:3;overflow:clip}.ls-type-copy{gap:var(--space-3);order:4}.ls-brand--big h3{font-size:min(80px, 10svh, calc(100cqi / (var(--ls-two,8) * .6)));white-space:normal;text-wrap:balance;line-height:1.02}.ls-target .ls-fig-n{font-size:clamp(56px,min(20vw,11svh),112px)}.ls-target .ls-rings{width:min(112%,60svh)}.ls-type-copy .ls-role{font-size:15px}.ls-type-copy .ls-what{font-size:17px;font-weight:400;line-height:1.7}.ls-type-copy .ls-what:lang(en){line-height:1.55}.ls-end{padding-block:var(--space-8)}}@media (max-width:960px) and (max-height:760px){.ls-what,.ls-type-copy .ls-what{font-size:15px}.ls-role,.ls-type-copy .ls-role{font-size:14px}.ls-phone{height:min(26svh,300px)}}@supports (timeline-scope:--a) and (animation-timeline:view()){@media (max-width:960px) and (prefers-reduced-motion:no-preference){html:not(.motion-paused) .ls-list{timeline-scope:--ls2, --ls3, --ls4, --ls5, --ls6, --ls7, --ls8, --ls9}html:not(.motion-paused) .ls-card:nth-child(2){view-timeline-name:--ls2}html:not(.motion-paused) .ls-card:nth-child(3){view-timeline-name:--ls3}html:not(.motion-paused) .ls-card:nth-child(4){view-timeline-name:--ls4}html:not(.motion-paused) .ls-card:nth-child(5){view-timeline-name:--ls5}html:not(.motion-paused) .ls-card:nth-child(6){view-timeline-name:--ls6}html:not(.motion-paused) .ls-card:nth-child(7){view-timeline-name:--ls7}html:not(.motion-paused) .ls-card:nth-child(8){view-timeline-name:--ls8}html:not(.motion-paused) .ls-card:nth-child(9){view-timeline-name:--ls9}html:not(.motion-paused) .ls-card :is(.ls-face,.ls-shade){animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-range:entry}html:not(.motion-paused) .ls-card .ls-face{animation-name:ls-recede}html:not(.motion-paused) .ls-card .ls-shade{animation-name:ls-dim}html:not(.motion-paused) .ls-card:last-child :is(.ls-face,.ls-shade){animation:none}html:not(.motion-paused) .ls-card:first-child :is(.ls-face,.ls-shade){animation-timeline:--ls2}html:not(.motion-paused) .ls-card:nth-child(2) :is(.ls-face,.ls-shade){animation-timeline:--ls3}html:not(.motion-paused) .ls-card:nth-child(3) :is(.ls-face,.ls-shade){animation-timeline:--ls4}html:not(.motion-paused) .ls-card:nth-child(4) :is(.ls-face,.ls-shade){animation-timeline:--ls5}html:not(.motion-paused) .ls-card:nth-child(5) :is(.ls-face,.ls-shade){animation-timeline:--ls6}html:not(.motion-paused) .ls-card:nth-child(6) :is(.ls-face,.ls-shade){animation-timeline:--ls7}html:not(.motion-paused) .ls-card:nth-child(7) :is(.ls-face,.ls-shade){animation-timeline:--ls8}html:not(.motion-paused) .ls-card:nth-child(8) :is(.ls-face,.ls-shade){animation-timeline:--ls9}}}@keyframes ls-recede{to{transform:scale(.92)translateY(2%)}}@keyframes ls-dim{to{opacity:.7}}@media (prefers-reduced-motion:reduce){.ls-card{min-height:0;position:relative;top:auto}.ls-card:not(:last-child){margin-block-end:0}.ls-card--film .ls-film{aspect-ratio:21/9;min-height:0}.ls-type{box-sizing:border-box;min-height:min(100svh,820px)}}html.motion-paused .ls-card{min-height:0;position:relative;top:auto}html.motion-paused .ls-card:not(:last-child){margin-block-end:0}html.motion-paused .ls-card--film .ls-film{aspect-ratio:21/9;min-height:0}html.motion-paused .ls-type{box-sizing:border-box;min-height:min(100svh,820px)}@media (max-width:960px){html.motion-paused .ls-card--film .ls-film{aspect-ratio:4/3}html.motion-paused .ls-type{min-height:0}html.motion-paused .ls-card--phone .ls-face{grid-template-rows:auto auto}html.motion-paused .ls-target{min-height:34svh}}@media (max-width:960px) and (prefers-reduced-motion:reduce){.ls-card--film .ls-film{aspect-ratio:4/3}.ls-type{min-height:0}.ls-card--phone .ls-face{grid-template-rows:auto auto}.ls-target{min-height:34svh}}
@property --ry{syntax:"<number>";inherits:true;initial-value:0}@property --rx{syntax:"<number>";inherits:true;initial-value:0}@property --fy{syntax:"<number>";inherits:true;initial-value:0}@property --o{syntax:"<number>";inherits:true;initial-value:1}@property --s{syntax:"<number>";inherits:true;initial-value:1}.gx{width:0;height:0;transform-style:preserve-3d;--fy:0;--gx-side:linear-gradient(90deg, #5d6166 0%, #eef0f1 6%, #b9bcc0 13%, #a6aaae 30%, #9ea2a6 50%, #a6aaae 70%, #b9bcc0 87%, #eceef0 94%, #5b5f64 100%);--gx-back:radial-gradient(ellipse 80% 55% at 28% 30%, #ffffff26, transparent 70%), linear-gradient(162deg, #d3d5d7 0%, #c6c9cc 38%, #b9bcbf 70%, #c8cbcd 100%);direction:ltr;position:absolute;top:0;left:0}.gx-body{width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));margin:calc(var(--h) * var(--u) / -2) 0 0 calc(var(--w) * var(--u) / -2);transform-style:preserve-3d;position:absolute;top:50%;left:50%}.gx-e{width:calc(var(--t) * var(--u));transform-origin:0 0;backface-visibility:hidden;background:var(--gx-side);--a:calc((var(--ry) + var(--fy)) * 1deg);--dot:calc(var(--cx) * (-.45 * cos(var(--a)) - .7 * sin(var(--a))) - .55 * var(--cy));--spec:calc(var(--cx) * (-.244 * cos(var(--a)) - .922 * sin(var(--a))) - .298 * var(--cy));position:absolute;top:50%;left:50%}.gx-e:before,.gx-e:after{content:"";pointer-events:none;position:absolute;inset:0}.gx-e:before{opacity:calc(clamp(0, var(--dot), 1) * .3 + clamp(0, (var(--spec) - .8) * 5, 1) * .65);background:linear-gradient(90deg,#0000 3%,#fff 12% 88%,#0000 97%)}.gx-e:after{opacity:calc(clamp(0, -1 * var(--dot), 1) * .62 + .06);background:#06080c}.gx-btn{border-radius:calc(.3 * var(--u));background:linear-gradient(90deg,#4f5358,#c9ccd0 25%,#a4a8ac 50%,#c4c7cb 75%,#4c5055)}.gx-btn--cc{background:linear-gradient(90deg,#2a2d33,#6c7178 25%,#3b3f46 50%,#6c7178 75%,#2a2d33)}.gx-face{backface-visibility:hidden;border-radius:calc(var(--r0) * var(--u)) calc(var(--r1) * var(--u)) calc(var(--r2) * var(--u)) calc(var(--r3) * var(--u));position:absolute;inset:0}.gx-front{transform:translateZ(calc(var(--t) * var(--u) / 2));box-shadow:inset 0 0 0 calc(.16 * var(--u)) #d9dcde, inset 0 0 0 calc(.26 * var(--u)) #6d7176, inset 0 0 0 calc(.4 * var(--u)) #000;--fd:calc(-.45 * sin(calc((var(--ry) + var(--fy)) * 1deg)) + .7 * cos(calc((var(--ry) + var(--fy)) * 1deg)));background:#030405}.gx-back{transform:translateZ(calc(var(--t) * var(--u) / -2)) rotateY(180deg);background:var(--gx-back);--fd:calc(.45 * sin(calc((var(--ry) + var(--fy)) * 1deg)) - .7 * cos(calc((var(--ry) + var(--fy)) * 1deg)));overflow:hidden}.gx-back-glass{border-radius:inherit;background:var(--gx-back);box-shadow:inset 0 0 0 calc(.18 * var(--u)) #eef0f1, inset 0 0 0 calc(.32 * var(--u)) #8d9196;position:absolute;inset:0}.gx-back .gx-sheen{background:linear-gradient(100deg,#0000 22%,#ffffff47 36%,#ffffff10 44%,#0000 50%,#0b1a2626 64%,#0000 80%)}.gx-phone .gx-back-glass{background:linear-gradient(180deg, transparent 23.6%, #00000030 24%, #0000000a 26.5%, transparent 29%), var(--gx-back)}.gx-back-glass:after{content:"";border-radius:inherit;opacity:calc(.42 - clamp(0, var(--fd), 1) * .36);background:#10141a;position:absolute;inset:0}.gx-glass{background:#05060c;position:absolute;overflow:hidden}.gx-glass>img,.gx-glass>video,.gx-over>video,.gx-lap-screen>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.gx-sheen{pointer-events:none;transform:translateX(calc((var(--ry) + var(--fy)) * -0.55%));opacity:calc(.25 + clamp(0, var(--fd,.6), 1) * .75);background:linear-gradient(104deg,#0000 34%,#ffffff08 44%,#ffffff17 48.5%,#ffffff06 53%,#0000 62%);position:absolute;inset:-10% -100%}.gx-sheen:after{content:"";background:linear-gradient(#ffffff0d,#0000 30%);position:absolute;inset:9% 33%}.gx-island{z-index:2;background:#000 radial-gradient(circle at 74%,#1b2235 0 5%,#0b0e15 9%,#000 13%);border-radius:999px;position:absolute;left:50%;box-shadow:inset 0 0 0 1px #121418}.gx-punch{z-index:2;background:radial-gradient(circle at 40% 40%,#1d2538,#000 60%);border-radius:50%;position:absolute;left:50%}.gx-plat{transform-style:preserve-3d;position:absolute;top:50%;left:50%}.gx-plat-in{transform-style:preserve-3d;position:absolute;inset:0}.gx-plat-face{box-shadow:inset 0 0 0 calc(.14 * var(--u)) #f4f5f6, inset 0 calc(-.3 * var(--u)) calc(.6 * var(--u)) #00000014;background:linear-gradient(165deg,#dfe1e3,#c9ccce 60%,#d3d5d7)}.gx-plat-face:after{content:"";border-radius:inherit;opacity:calc(.4 - clamp(0, var(--fd), 1) * .36);background:#10141a;position:absolute;inset:0}.gx-lens{box-shadow:0 calc(.25 * var(--u)) calc(.5 * var(--u)) #0000004d;background:radial-gradient(circle at 38% 34%,#ffffff8c 0 3%,#0000 7%),radial-gradient(circle at 60% 64%,#6d5cff55 0 6%,#0000 14%),radial-gradient(circle,#04050a 0 30%,#1a2233 34%,#05070c 40%,#23262c 47%,#3b3f45 52%,#f3f4f5 55%,#a6aaae 60%,#6a6e73 66%,#c9ccce 71%,#e9ebec 74%,#9a9ea2 100%);border-radius:50%;position:absolute}.gx-flash{background:radial-gradient(circle,#fff9e8 0 38%,#e5dcc0 52%,#9b978c 70%,#dadcde 78%);border-radius:50%;position:absolute}.gx-lidar{background:radial-gradient(circle,#0c0d10 0 55%,#3c4046 64%,#d9dbdd 76%);border-radius:50%;position:absolute}.gx-mic{background:#3d4147;border-radius:50%;position:absolute}.gx-duo-in,.gx-half,.gx-flap{transform-style:preserve-3d;position:absolute;top:0;left:0}.gx-duo .gx-e{background:linear-gradient(90deg,#121417 0% 4%,#8d9196 7%,#eef0f1 12%,#b9bcc0 20%,#9ea2a6 50%,#b9bcc0 80%,#eceef0 90%,#5b5f64 100%)}.gx-flap{--fy:calc(180 * (1 - var(--o)));transform:rotateY(calc(var(--fy) * 1deg))}.gx-in{object-fit:cover;max-width:none;top:0;width:200%!important;height:100%!important;position:absolute!important}.gx-in.is-l{left:0}.gx-in.is-r{left:-100%}.gx-crease{z-index:1;width:calc(.5 * var(--u));pointer-events:none;background:linear-gradient(90deg,#0000,#00000029 50%,#0000);position:absolute;top:0;bottom:0;left:0;translate:-50%}.gx-over .gx-crease{left:50%}.gx-flap .gx-back{box-shadow:inset 0 0 0 calc(.16 * var(--u)) #d9dcde, inset 0 0 0 calc(.26 * var(--u)) #6d7176, inset 0 0 0 calc(.4 * var(--u)) #000;background:#030405}.gx-over{transform:translateZ(calc(.05 * var(--u)));backface-visibility:hidden;pointer-events:none;background:#05060c;position:absolute;overflow:hidden}.gx-lap-in{transform-style:preserve-3d;position:absolute;top:0;left:0}.gx-lid{transform-origin:50% 100%;transform-style:preserve-3d;position:absolute;top:0;left:0;transform:rotateX(15deg)}.gx-lid-body .gx-front{box-shadow:inset 0 0 0 calc(.14 * var(--u)) #c7cacd, inset 0 0 0 calc(.24 * var(--u)) #2a2d31;background:#050608}.gx-lap-screen{border-radius:calc(.5 * var(--u));box-shadow:0 0 calc(3 * var(--u)) #6b5cff26;background:#090a14;position:absolute;overflow:hidden}.gx-notch{z-index:2;border-radius:0 0 calc(.6 * var(--u)) calc(.6 * var(--u));background:#050608;position:absolute;left:50%}.gx-lid-back{border-radius:inherit;background:linear-gradient(#c9ccd0,#b3b7bb);position:absolute;inset:0}.gx-deck{transform-origin:50% 0;backface-visibility:hidden;border-radius:calc(.4 * var(--u)) calc(.4 * var(--u)) calc(2.4 * var(--u)) calc(2.4 * var(--u));box-shadow:inset 0 calc(-.18 * var(--u)) 0 #f2f3f4, inset 0 0 0 calc(.1 * var(--u)) #9da1a5;background:radial-gradient(70% 60% at 30% 100%,#ffffff30,#0000 70%),linear-gradient(#8f9398 0%,#b9bcc0 9%,#cdd0d3 50%,#c4c7cb 100%);position:absolute;top:0;left:0;transform:rotateX(90deg)}.gx-deck>i{display:block;position:absolute}.gx-glow{background:radial-gradient(60% 70% at 50% 0,#8f7dff2e,#0000 70%);height:55%;top:0;left:6%;right:6%}.gx-keys{border-radius:calc(.7 * var(--u));background:repeating-linear-gradient(90deg, transparent 0 calc(5.9 * var(--u)), #63676c calc(5.9 * var(--u)) calc(6.6 * var(--u))), repeating-linear-gradient(180deg, #ffffff1f 0 calc(.22 * var(--u)), transparent calc(.22 * var(--u)) calc(4.9 * var(--u)), #63676c calc(4.9 * var(--u)) calc(5.6 * var(--u))), linear-gradient(180deg, #26282c, #1f2124);box-shadow:inset 0 0 0 calc(.4 * var(--u)) #a3a7ab, inset 0 calc(.3 * var(--u)) calc(.6 * var(--u)) #00000040;opacity:.94}.gx-pad{border-radius:calc(1.3 * var(--u));box-shadow:inset 0 0 0 calc(.12 * var(--u)) #9ea2a7, inset 0 calc(.25 * var(--u)) calc(.4 * var(--u)) #ffffff73;background:linear-gradient(#ccd0d3,#c3c6ca)}.gx-grille{background:radial-gradient(circle, #6f7378 0 26%, transparent 34%) 0 0 / calc(.85 * var(--u)) calc(.85 * var(--u))}.gx-scoop{height:calc(.7 * var(--u));background:linear-gradient(#8e9297,#b6b9bd);border-radius:999px 999px 0 0;bottom:0;left:50%}.gx-lip{background:linear-gradient(#f1f2f3,#a7abaf 45%,#6d7176)}.gx-lip:before,.gx-lip:after{display:none}.gh{background:var(--ground);color:var(--ink);--side:1;--p:1;--e4:1;--ih:1;--dv:0;--dr:1;--dc:0;--dm:0;--ms:0;--ip-x:47;--ip-y:19;--ip-z:26;--ip-ry:-24;--ip-rx:4;--ip-s:.6;--ip-show:1;--du-x:-50;--du-y:17;--du-z:24;--du-ry:18;--du-rx:3.5;--du-s:.57;--du-show:1;--du-o:1;--mc-x:0;--mc-y:8;--mc-z:-80;--mc-rx:-11;--mc-s:1.15;--mc-show:1;--mc-o:1;position:relative}html[dir=rtl] .gh{--side:-1}.gh-stage{isolation:isolate;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.gh-copy{z-index:3;gap:var(--space-5);align-content:start;min-width:0;display:grid;position:relative}.gh-copy .hero-line--case{font-size:clamp(30px,8vw,44px)}.gh-world{direction:ltr}.gh-dev{width:0;height:0;transform-style:preserve-3d;transform:translate3d(calc(var(--x) * var(--u)), calc(var(--y) * var(--u)), calc(var(--z) * var(--u))) rotateY(calc(var(--ry) * 1deg)) rotateX(calc(var(--rx) * 1deg)) scale(calc(var(--s) * var(--show)));position:absolute;top:50%;left:50%}.gh-iphone{--x:var(--ip-x);--y:var(--ip-y);--z:var(--ip-z);--ry:var(--ip-ry);--rx:var(--ip-rx);--s:var(--ip-s);--show:var(--ip-show)}.gh-duo{--x:var(--du-x);--y:var(--du-y);--z:var(--du-z);--ry:var(--du-ry);--rx:var(--du-rx);--s:var(--du-s);--show:var(--du-show);--o:var(--du-o);--oc:calc(19.7 * (1 - var(--o)));transform-origin:calc(var(--oc) * var(--u)) 0;translate:calc(var(--oc) * -1 * var(--u)) 0}.gh-mac{--x:var(--mc-x);--y:var(--mc-y);--z:var(--mc-z);--ry:0;--rx:var(--mc-rx);--s:var(--mc-s);--show:var(--mc-show)}.gh-mac :is(.gx-e,.gx-face,.gx-deck){opacity:var(--mc-o)}.gh-iphone-film{opacity:0;transition:opacity .2s linear}.gh-iphone-film.is-on{opacity:1}.gh-iphone-home{opacity:var(--ih)}.gh-real{opacity:var(--dr)}.gh-cal{opacity:var(--dc)}.gh-mine{opacity:var(--dm)}.gh-duo .gx-over{opacity:var(--dv);background:0 0}.gh-duo-film{opacity:0;transition:opacity .2s linear}.gh-duo-film.is-on{opacity:1}.gh.is-still .gh-duo .gx-over{opacity:0}.gh-mac-page{transform:translateY(calc(-28% * var(--ms)));object-fit:initial!important;height:auto!important;bottom:auto!important}.gh-floor,.gh-shadow{display:none}.gh-beat{gap:var(--space-2);margin:0;display:grid}.gh-k{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent);font-size:14px}html[dir=rtl] .gh-k{justify-self:start}.gh-line{text-wrap:balance;font-size:clamp(17px,1.4vw,21px);font-weight:600;line-height:1.6}.gh-line:lang(en){line-height:1.4}@media (max-width:960px){.gh-stage{padding:var(--space-6) max(var(--page-margin), env(safe-area-inset-right,0px)) var(--space-8) max(var(--page-margin), env(safe-area-inset-left,0px));row-gap:var(--space-5);justify-items:center;overflow:clip}.gh-copy{justify-self:stretch;margin-block-end:var(--space-4)}.gh-world,.gh-beats{display:contents}.gh-dev{width:calc(var(--bw) * var(--u));height:calc(var(--bh) * var(--u));transform:perspective(calc(220 * var(--u))) rotateY(calc(var(--ry) * 1deg)) rotateX(calc(var(--rx) * 1deg)) scale(var(--s));margin-block-start:var(--space-6);position:relative;top:auto;left:auto}.gh-dev>.gx{top:50%;left:50%}.gh-iphone{--u:min(1.55vw, .68svh);--bw:31;--bh:64;--ry:-16;--rx:4;--s:1;order:1}.gh-beat--1{order:2}.gh-duo{--u:min(1.05vw, .9svh);--bw:79;--bh:56;--ry:-8;--rx:4;--s:1;--o:1;translate:calc(var(--oc) * -1 * var(--u)) 0;transform-origin:calc(50% + var(--oc) * var(--u)) 50%;order:3}.gh-duo>.gx{left:50%}.gh-beat--2{order:4}.gh-mac{--u:min(.74vw, .6svh);--bw:112;--bh:100;--ry:0;--rx:-14;--s:1;order:5}.gh-mac>.gx{top:70%}.gh-beat--3{order:6}.gh-beat{text-align:center;justify-self:stretch;justify-items:center;max-width:34ch;margin-inline:auto}html[dir=rtl] .gh-k{justify-self:center}.gh-duo .gx-over{opacity:clamp(0, (var(--o) - .97) * 40, 1)}.gh-iphone-home{opacity:0}.gh.is-still .gh-iphone-home{opacity:1}}@supports (animation-timeline:view()){@media (max-width:960px) and (prefers-reduced-motion:no-preference){html:not(.motion-paused) .gh:not(.is-still) .gh-iphone{animation:linear both gh-m-turn;animation-timeline:view();animation-range:entry cover 60%}html:not(.motion-paused) .gh:not(.is-still) .gh-duo{animation:linear both gh-m-open;animation-timeline:view();animation-range:entry 60% cover 55%}html:not(.motion-paused) .gh:not(.is-still) .gh-mac{animation:linear both gh-m-rise;animation-timeline:view();animation-range:entry cover 45%}}}@keyframes gh-m-turn{0%{--ry:-38;--rx:10;--s:.9}to{--ry:-12;--rx:2;--s:1}}@keyframes gh-m-open{0%{--o:0;--ry:-26;--rx:8;--s:.94}to{--o:1;--ry:-6;--rx:3;--s:1}}@keyframes gh-m-rise{0%{--rx:-32;--s:.9}to{--rx:-14;--s:1}}@media (min-width:961px){.gh{--ws:.5;--copy:1;margin-block-start:calc(-1 * var(--header-h))}.gh-stage{--u:min(1vh, .62vw);box-sizing:border-box;column-gap:var(--space-8);row-gap:var(--space-5);min-height:100svh;padding:calc(var(--header-h) + var(--space-8)) max(var(--page-margin), env(safe-area-inset-right,0px)) var(--space-8) max(var(--page-margin), env(safe-area-inset-left,0px));perspective:calc(240 * var(--u));perspective-origin:50% 42%;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;overflow:clip}.gh-copy{opacity:var(--copy);grid-area:1/1/span 2}.gh-copy .hero-line--case,.gh-copy .hero-line--case:lang(en){font-size:clamp(34px,min(3.4vw,6.2vh),58px)}.gh-world{z-index:2;width:100%;height:calc(60 * var(--u));transform-style:preserve-3d;transform:translateX(calc(6 * var(--u))) scale(var(--ws));grid-area:1/2;position:relative}.gh-floor,.gh-shadow{pointer-events:none;display:block;position:absolute;top:50%;left:50%}.gh-floor{width:calc(260 * var(--u));height:calc(150 * var(--u));margin:calc(-75 * var(--u)) 0 0 calc(-130 * var(--u));transform:translate3d(0, calc(40 * var(--u)), 0) rotateX(90deg);background:radial-gradient(closest-side,#7d6bff12,#0e2a3c40 45%,#0000)}.gh-shadow{width:calc(var(--sw) * var(--u));height:calc(var(--sd) * var(--u));margin:calc(var(--sd) * var(--u) / -2) 0 0 calc(var(--sw) * var(--u) / -2);transform:translate3d(calc(var(--x) * var(--u)), calc(40 * var(--u)), calc(var(--z) * var(--u))) rotateX(90deg) scale(calc(var(--s) * var(--show)));background:radial-gradient(closest-side,#000000b3,#00000059 45%,#0000001a 75%,#0000);border-radius:50%}.gh-shadow--iphone{--x:var(--ip-x);--z:var(--ip-z);--s:var(--ip-s);--show:var(--ip-show);--sw:36;--sd:10}.gh-shadow--duo{--x:var(--du-x);--z:var(--du-z);--s:var(--du-s);--show:var(--du-show);--sw:84;--sd:14}.gh-shadow--mac{--x:var(--mc-x);--z:calc(var(--mc-z) + 38 * var(--mc-s));--s:var(--mc-s);--show:var(--mc-show);--sw:130;--sd:84;opacity:var(--mc-o)}.gh-beats{z-index:3;gap:var(--space-5);grid-area:2/2;grid-template-columns:repeat(3,minmax(0,1fr));align-self:start;display:grid;position:relative}.gh-beat{text-align:start;align-content:start}.gh-beats .gh-line{font-size:16px}}@media (min-width:961px) and (prefers-reduced-motion:no-preference){html:not(.motion-paused) .gh:not(.is-still){--p:0;--e4:0;--ih:0;--ms:0;--dr:0;--dc:0;--dm:0;--ip-x:0;--ip-y:0;--ip-z:0;--ip-ry:-26;--ip-rx:6;--ip-s:1;--ip-show:1;--du-show:0;--mc-show:0;--shift:calc(22vw * (1 - var(--e4)));--ws:calc(1 - .36 * var(--e4));--copy:calc(1 - clamp(0, (var(--p) - .7) / .08, 1));height:460vh}html:not(.motion-paused) .gh:not(.is-still) .gh-stage{height:100svh;min-height:640px;padding:0;display:block;position:sticky;top:0}html:not(.motion-paused) .gh:not(.is-still) .gh-copy{inset-inline-start:max(var(--page-margin), env(safe-area-inset-left,0px));top:calc(50% + var(--header-h) / 2);width:min(560px,38vw);translate:0 calc(-50% - 6vh * (1 - var(--copy)));position:absolute}html:not(.motion-paused) .gh:not(.is-still) .gh-world{left:50%;top:calc(50% + var(--header-h) / 2 - 4 * var(--u));width:0;height:0;transform:translateX(calc(var(--side) * var(--shift))) scale(var(--ws));position:absolute}html:not(.motion-paused) .gh:not(.is-still) :is(.gh-dev,.gh-floor,.gh-shadow){top:0;left:0}html:not(.motion-paused) .gh:not(.is-still) .gh-beats{left:50%;bottom:calc(var(--space-7) + 8px);width:min(620px,46vw);translate:calc(-50% + var(--side) * var(--shift)) 0;grid-template-columns:minmax(0,1fr);gap:0;position:absolute}html:not(.motion-paused) .gh:not(.is-still) .gh-beats .gh-line{font-size:clamp(17px,1.4vw,21px)}html:not(.motion-paused) .gh:not(.is-still) .gh-beat{text-align:center;grid-area:1/1;align-self:end;justify-items:center}html:not(.motion-paused) .gh:not(.is-still) .gh-beat--1{opacity:calc(1 - clamp(0, (var(--p) - .2) / .04, 1))}html:not(.motion-paused) .gh:not(.is-still) .gh-beat--2{opacity:calc(clamp(0, (var(--p) - .38) / .05, 1) - clamp(0, (var(--p) - .72) / .04, 1))}html:not(.motion-paused) .gh:not(.is-still) .gh-beat--3{opacity:clamp(0, (var(--p) - .86) / .04, 1)}html[dir=rtl]:not(.motion-paused) .gh:not(.is-still) .gh-k{justify-self:center}}.gt{background:var(--ground);color:var(--ink);--step-fade:.36s}.gt-grid{grid-template-columns:minmax(0,1fr);display:grid}.gt-stage{z-index:2;top:var(--header-h);background:var(--ground);perspective:calc(230 * var(--u));perspective-origin:50% 40%;align-self:start;place-items:center;display:grid;position:sticky;overflow:clip}.gt-world{width:0;height:0;transform-style:preserve-3d;direction:ltr;position:relative}.gt-dev{width:0;height:0;transform-style:preserve-3d;transform:translate3d(calc(var(--x,0) * var(--u)), calc(var(--y,0) * var(--u)), 0) rotateY(calc(var(--ry) * 1deg)) rotateX(calc(var(--rx) * 1deg)) scale(var(--s));transition:transform .7s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;left:0}.gt-duo{--ry:-13;--rx:5;--s:1;--o:1}.gt-lap{--ry:0;--rx:-9;--s:.6;--x:150;--y:6}.gt[data-step="7"] .gt-duo{--x:-150;--ry:-30}.gt[data-step="7"] .gt-lap{--x:0}.gt-scr{opacity:0;transition:opacity var(--step-fade) linear}.gt-web{object-fit:initial!important;height:auto!important;bottom:auto!important}.gt[data-step="1"] .gt-s1,.gt[data-step="2"] .gt-s2,.gt[data-step="3"] .gt-s3,.gt[data-step="4"] .gt-s4,.gt[data-step="5"] .gt-s5,.gt[data-step="6"] .gt-s6,.gt[data-step="7"] .gt-s7{opacity:1}.gt-dots{inset-inline:0;bottom:var(--space-4);justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex;position:absolute}.gt-dot{background:color-mix(in srgb, var(--ink) 28%, transparent);width:6px;height:6px;transition:background-color var(--step-fade) linear, transform var(--step-fade) ease;border-radius:50%}.gt[data-step="1"] .gt-d1,.gt[data-step="2"] .gt-d2,.gt[data-step="3"] .gt-d3,.gt[data-step="4"] .gt-d4,.gt[data-step="5"] .gt-d5,.gt[data-step="6"] .gt-d6,.gt[data-step="7"] .gt-d7{background:var(--accent);transform:scale(1.4)}.gt-steps{margin:0;padding:0;list-style:none;display:grid}.gt-step{gap:var(--space-3);opacity:.38;transition:opacity var(--step-fade) linear;align-content:center;display:grid}.gt[data-step="1"] [data-i="1"],.gt[data-step="2"] [data-i="2"],.gt[data-step="3"] [data-i="3"],.gt[data-step="4"] [data-i="4"],.gt[data-step="5"] [data-i="5"],.gt[data-step="6"] [data-i="6"],.gt[data-step="7"] [data-i="7"]{opacity:1}.gt-k{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent);font-size:14px}html[dir=rtl] .gt-k{justify-self:start}.gt-h{text-wrap:balance;margin:0;font-size:clamp(24px,2.6vw,36px);font-weight:700;line-height:1.45}.gt-h:lang(en){line-height:1.15}.gt-line{text-wrap:pretty;max-width:34ch;color:color-mix(in srgb, var(--ink) 82%, transparent);margin:0;font-size:clamp(17px,1.35vw,20px);line-height:1.75}.gt-line:lang(en){line-height:1.5}@media (prefers-reduced-motion:reduce){.gt{--step-fade:0s}.gt-dev{transition:none}}html.motion-paused .gt{--step-fade:0s}html.motion-paused .gt-dev{transition:none}@media (max-width:960px){.gt-stage{--u:min(1.08vw, .62svh);height:calc(64 * var(--u) + 40px);margin-inline:calc(-1 * max(var(--page-margin), env(safe-area-inset-left,0px)));box-shadow:0 18px 24px -12px var(--ground)}.gt-world{top:-8px}.gt-step{min-height:62svh;padding-block:var(--space-7);text-align:start}.gt-steps{padding-block-end:20svh}.gt-lap{--s:.5}}@media (min-width:961px){.gt-grid{column-gap:var(--space-8);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.gt-stage{height:calc(100svh - var(--header-h));--u:min(.62vw, .92vh);grid-area:1/2}.gt-steps{grid-area:1/1;padding-block:30svh 36svh}.gt-step{min-height:72svh}}.gx-glass--l .gx-sheen,.gx-glass--r .gx-sheen{background:linear-gradient(104deg,#0000 26%,#ffffff06 33%,#ffffff12 36.5%,#ffffff05 40%,#0000 47%)}.gx-glass--l .gx-sheen{inset:-10% -200% -10% -100%}.gx-glass--r .gx-sheen{inset:-10% -100% -10% -200%}
