.landing-features--k{z-index:1;margin-block-start:-38svh;padding-block-start:calc(140 * var(--u));position:relative}.landing-features--k .landing-features__grid{gap:0;padding-right:0}.landing-features--k .landing-features__headingCol{width:calc(601 * var(--u))}.landing-features--k .landing-features__headingCol h2{color:#ccc;font:500 calc(56 * var(--u)) / 1.18 var(--ui);margin:0}.landing-features--k .landing-features__intro{padding-top:calc(34 * var(--u));color:#aaac;font:500 calc(24 * var(--u)) / 1.18 var(--ui);margin:0}.landing-features--k .landing-features__imageCol{width:calc(283 * var(--u));left:0;right:auto}.landing-features--k .landing-features__imageSticky{top:var(--landing-pin-top)}.landing-features--k .landing-features__listCol{width:calc(100% - 341 * var(--u))}@media (max-width:900px){.landing-features--k{padding-block-start:48px}.landing-features--k .landing-features__grid{gap:32px}.landing-features--k .landing-features__headingCol{width:100%}.landing-features--k .landing-features__headingCol h2{font-size:40px}.landing-features--k .landing-features__intro{padding-top:16px;font-size:15px;line-height:1.25}.landing-features--k .landing-features__imageCol{width:min(240px,55%)}.landing-features--k .landing-features__listCol{width:100%}}@media (max-width:820px){.landing-features--k{--effects-progress:0;height:700svh;margin-block-start:0;overflow:clip;padding-block:0!important;padding-inline:16px!important}.landing-features--k .landing-features__grid{height:100svh;display:block;position:sticky;top:0;overflow:hidden}.landing-features--k .landing-features__headingCol{top:calc(var(--landing-header-h) + 24px);width:100%;position:absolute;left:0}.landing-features--k .landing-features__showcase{top:calc(var(--landing-header-h) + 184px);flex-direction:column;gap:18px;display:flex;position:absolute;left:0;right:0}.landing-features--k .landing-features__imageCol{width:100%;position:static}.landing-features--k .landing-features__imageSticky{position:relative;top:auto}.landing-features--k .landing-features__imageBox{aspect-ratio:16/9}.landing-features--k .landing-features__listCol{isolation:isolate;width:100%;height:clamp(176px,25svh,224px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.landing-features--k .landing-features__listCol:before{z-index:-1;content:"";background:linear-gradient(90deg,#0000,#f1f1f10e 20% 80%,#0000);height:36px;position:absolute;top:50%;left:10%;right:10%;transform:translateY(-50%)}.landing-features--k .landing-features__list{border:0;width:100%;height:100%;position:relative}.landing-features--k .landing-features__row{width:100%;height:42px;opacity:var(--effect-opacity);transform:translateY(calc(-50% + var(--effect-y))) scale(var(--effect-scale));will-change:transform, opacity;border:0;justify-content:center;align-items:center;padding:0 12px;transition:opacity .32s,transform .36s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:50%;left:0}.landing-features--k .landing-features__row[data-active]{opacity:.9}.landing-features--k .landing-features__row>span{letter-spacing:.025em;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:clamp(12px,3.8vw,15px)!important}}@media (max-width:820px) and (max-height:780px){.landing-features--k .landing-features__showcase{top:calc(var(--landing-header-h) + 168px);gap:10px}.landing-features--k .landing-features__listCol{height:120px}}@media (prefers-reduced-motion:reduce),(scripting:none),(max-height:500px){.landing-features--k{margin-block-start:0}}@media (prefers-reduced-motion:reduce){.landing-features--k .landing-features__row{transition:none}}.landing-features__controls{display:none}@media (max-width:820px){.landing-features--k{height:auto;padding-block:80px 40px!important}.landing-features--k .landing-features__grid{height:auto;position:relative;overflow:visible}.landing-features--k .landing-features__headingCol,.landing-features--k .landing-features__showcase{position:static}.landing-features--k .landing-features__showcase{margin-top:28px}.landing-features__controls{color:#777;font:400 10px / 1.4 var(--ui);justify-content:center;align-items:center;display:flex;position:relative}.landing-features__controls button{color:#999;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.landing-features__controls button:disabled{opacity:.3;cursor:default}.landing-features__controls--top{margin-bottom:-18px}.landing-features__controls--bottom{margin-top:-18px}.landing-features__controls--bottom span{font-variant-numeric:tabular-nums;position:absolute;right:8px}.landing-features__controls button:focus-visible{outline-offset:-4px;outline:1px solid #888}.landing-features--k .landing-features__listCol{height:210px}.landing-features--k .landing-features__list{overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y;height:210px;margin:0;padding:84px 0;overflow-y:auto}.landing-features--k .landing-features__list::-webkit-scrollbar{display:none}.landing-features--k .landing-features__row{scroll-snap-align:center;flex-shrink:0;transition:opacity .18s;position:relative;top:auto;transform:none}.landing-features__controls--bottom{height:24px;margin-top:0}}
.landing-page .feat{background:#ddd}.landing-page .feat__list{border-bottom-color:#20202029}.landing-page .feat__row{border-top-color:#20202029}.landing-page .feat__title{color:#202020}.landing-page .feat__note{color:#202020ad}.landing-page .feat__index{color:#20202080}.landing-page .feat__viewer{background:#ddd;border-color:#20202052}@media (max-width:820px){.landing-page .feat__row{border-top-color:#20202029}.landing-page .feat__index,.landing-page .feat__title{color:#20202080}.landing-page .feat__note{color:#2020205c}.landing-page .feat__row.is-on .feat__title{color:#202020}.landing-page .feat__row.is-on .feat__note{color:#202020ad}}
.landing-page .blossom-courtyard-slot{display:contents}.landing-page .blossom-courtyard-scroll{background:var(--landing-page-bg,#202020);height:460svh;display:block;position:relative}.landing-page .blossom-courtyard{background:var(--landing-page-bg,#202020);width:100%;height:100dvh;position:sticky;top:0;overflow:hidden}.landing-page .blossom-courtyard__canvas,.landing-page .blossom-courtyard__fallback{width:100%;height:100%;position:absolute;inset:0}.landing-page .blossom-courtyard__canvas{touch-action:pan-y;display:block}.landing-page .blossom-courtyard__fallback{background:var(--landing-page-bg,#202020) url(/landing/assets/blossom_courtyard_poster.jpg) center / cover no-repeat;pointer-events:none;display:block}.landing-page .blossom-courtyard-scroll.is-ready .blossom-courtyard__fallback,.landing-page .blossom-courtyard-scroll.is-fallback .blossom-courtyard__canvas{display:none}.landing-page .blossom-courtyard-scroll.is-fallback .blossom-courtyard__fallback{display:block}.landing-page .blossom-courtyard__video,.landing-page .blossom-courtyard__controls{display:none}.landing-page .blossom-courtyard__status{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:767px){.landing-page .blossom-courtyard__fallback{background-image:url(/landing/assets/blossom_courtyard_mobile_poster.webp)}}@media (prefers-reduced-motion:reduce){.landing-page .blossom-courtyard-scroll{height:260svh}}.landing-page[data-runtime-initialized=true] .blossom-courtyard-scroll:not(.is-fallback) .blossom-courtyard__fallback,.landing-page[data-runtime-initialized=true] .blossom-courtyard-scroll:not(.is-ready) .blossom-courtyard__canvas{visibility:hidden}.landing-page .blossom-courtyard__mobile-cta{display:none}@media (max-width:767px){.landing-page .blossom-courtyard__mobile-cta{padding:max(100px, 18dvh) 20px max(32px, env(safe-area-inset-bottom));color:#eee;pointer-events:none;text-align:center;opacity:0;visibility:hidden;background:linear-gradient(#0000 35%,#000000b3 100%);flex-direction:column;justify-content:space-between;align-items:center;transition:opacity .7s,visibility .7s;display:flex;position:absolute;inset:0}.landing-page .is-end-card-visible .blossom-courtyard__mobile-cta{opacity:1;visibility:visible}.landing-page .blossom-courtyard__studio{bottom:max(32px, env(safe-area-inset-bottom));color:#202020;aspect-ratio:1;width:96px;font:500 12px / 1 var(--ui);pointer-events:auto;background:#eee;border:1px solid #eeec;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.landing-page .blossom-courtyard__studio:focus-visible{outline-offset:5px;outline:2px solid #fff}.landing-page .blossom-courtyard__copy{right:16px;bottom:calc(max(32px, env(safe-area-inset-bottom)) + 96px + 24px);text-shadow:0 2px 16px #00000073;position:absolute;left:16px}.landing-page .blossom-courtyard__copy p{font:500 clamp(10px, 2.8vw, 16px) / 1.5 var(--ui);letter-spacing:0;text-transform:uppercase;margin:0 0 6px}.landing-page .blossom-courtyard__copy h2{font:700 clamp(22px, 5.9vw, 44px) / 1.1 var(--display);letter-spacing:0;text-transform:uppercase;white-space:nowrap;margin:0}.landing-page .blossom-courtyard__copy p,.landing-page .blossom-courtyard__copy h2{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(14px)}.landing-page .blossom-courtyard__studio{opacity:0;transition:opacity .65s,transform .65s;transform:translate(-50%,12px)}.landing-page .is-end-card-visible .blossom-courtyard__copy p,.landing-page .is-end-card-visible .blossom-courtyard__copy h2{opacity:1;transform:translateY(0)}.landing-page .is-end-card-visible .blossom-courtyard__copy h2{transition-delay:.1s}.landing-page .is-end-card-visible .blossom-courtyard__studio{opacity:1;transition-delay:.2s;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.landing-page .blossom-courtyard__mobile-cta,.landing-page .blossom-courtyard__copy p,.landing-page .blossom-courtyard__copy h2,.landing-page .blossom-courtyard__studio{transition:none}}@media (max-width:767px){.landing-page .blossom-courtyard-scroll{height:300svh}}
.landing-page .adapt__mbp-screen,.landing-page .adapt__ip-display{contain:paint;isolation:isolate}.landing-page .adapt__mbp-screen{clip-path:inset(0 round calc(10.385 * var(--u)) calc(10.385 * var(--u)) 0 0)}.landing-page .adapt__ip-display{clip-path:inset(0 round calc(27.467 * var(--u)))}.landing-page .adapt__image,.landing-page .adapt__depth-canvas{object-fit:cover;filter:saturate(.58)contrast(.94)brightness(.96);width:100%;height:100%;display:block;position:absolute;inset:0}.landing-page .adapt__depth-canvas{z-index:2;opacity:0;transition:opacity .26s}.landing-page .adapt__mbp-screen.is-depth-ready .adapt__depth-canvas,.landing-page .adapt__ip-display.is-depth-ready .adapt__depth-canvas{opacity:1}.landing-page .adapt__mbp-screen.is-depth-ready .adapt__image,.landing-page .adapt__ip-display.is-depth-ready>.adapt__image{opacity:0}.landing-page .adapt__caption{width:calc(320 * var(--u));margin:0 0 0 calc(-160 * var(--u));justify-content:center;align-items:center;gap:calc(22 * var(--u));color:#c4c4c4c2;display:flex}.landing-page .adapt__platform{width:calc(42 * var(--u));height:calc(42 * var(--u));place-items:center;display:grid}.landing-page .adapt__platform svg{width:calc(28 * var(--u));height:calc(28 * var(--u));fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.landing-page .adapt__platform .adapt__icon-dot{fill:currentColor;stroke:none}@media (max-width:820px){.landing-page .adapt__caption{gap:14px;margin:0}.landing-page .adapt__platform{width:28px;height:28px}.landing-page .adapt__platform svg{width:20px;height:20px}}
.landing-page .firefly-grove-scroll{background:var(--landing-page-bg,#202020);height:500svh;display:block;position:relative}.landing-page .firefly-grove{background:var(--landing-page-bg,#202020);width:100%;height:100dvh;position:sticky;top:0;overflow:hidden}.landing-page .firefly-grove__canvas,.landing-page .firefly-grove__fallback{width:100%;height:100%;position:absolute;inset:0}.landing-page .firefly-grove__canvas{touch-action:pan-y;display:block}.landing-page .firefly-grove__fallback{pointer-events:none;background:#02090f url(/landing/assets/firefly_forest_poster.jpg) 50%/cover no-repeat;display:block}.landing-page .firefly-grove-scroll.is-ready .firefly-grove__fallback,.landing-page .firefly-grove-scroll.is-fallback .firefly-grove__canvas{display:none}.landing-page .firefly-grove-scroll.is-fallback .firefly-grove__fallback{display:block}.landing-page .firefly-grove__video{display:none}.landing-page .firefly-grove__status{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:820px){.landing-page .firefly-grove-scroll{display:none}}@media (prefers-reduced-motion:reduce){.landing-page .firefly-grove-scroll{height:180svh}}.landing-page[data-runtime-initialized=true] .firefly-grove-scroll:not(.is-fallback) .firefly-grove__fallback,.landing-page[data-runtime-initialized=true] .firefly-grove-scroll:not(.is-ready) .firefly-grove__canvas,.landing-page[data-runtime-initialized=true] .firefly-grove-scroll:not(.is-render-ready) .firefly-grove__canvas{visibility:hidden}
.landing-page .respond-scroll{background:var(--landing-page-bg,#202020);height:500vh;position:relative}.landing-page .respond{background:var(--landing-page-bg,#202020);color:#aaa;height:100svh;position:sticky;top:0;overflow:hidden}.landing-page .respond__header{inset:calc(60 * var(--u)) calc(60 * var(--u)) auto;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.landing-page .respond__title{color:#cccc;font:500 calc(56 * var(--u)) / calc(55 * var(--u)) var(--ui);margin:0}.landing-page .respond__intro{width:calc(912 * var(--u))}.landing-page .respond__intro p{color:#aaa;font:400 calc(18 * var(--u)) / 1.21 var(--ui);margin:0}.landing-page .respond__tags{margin:calc(30 * var(--u)) 0 0;justify-content:flex-end;padding:0;list-style:none;display:flex}.landing-page .respond__tags li{padding:calc(14 * var(--u)) calc(24 * var(--u));color:#aaa;font:400 calc(16 * var(--u)) / .675 var(--ui);letter-spacing:calc(.72 * var(--u));text-transform:uppercase;white-space:nowrap;border:1px solid #aaa6;border-radius:999px}.landing-page .respond__list{top:calc(50% + 123.5 * var(--u));width:100%;margin:0;padding:0;list-style:none;position:absolute;left:0;transform:translateY(-50%)}.landing-page .respond__item{padding:calc(18 * var(--u)) calc(60 * var(--u));color:#aaaaaa73;font:500 calc(56 * var(--u)) / normal var(--display);text-transform:uppercase;transition:color .22s,opacity .22s,transform .22s}.landing-page .respond__item.is-active{color:#ddd;transform:translateX(calc(6 * var(--u)))}.landing-page .respond__visual{--respond-sky:0;--respond-annotations:0;right:calc(60 * var(--u));bottom:calc(60 * var(--u));width:calc(521 * var(--u));height:calc(442 * var(--u));isolation:isolate;pointer-events:none;background:#080909;position:absolute;overflow:hidden}.landing-page .respond__sky,.landing-page .respond__poster,.landing-page .respond__scene,.landing-page .respond__haze,.landing-page .respond__effects,.landing-page .respond__annotations{width:100%;height:100%;display:block;position:absolute;inset:0}.landing-page .respond__sky{z-index:0;background: linear-gradient(180deg, rgba(128, 170, 208, calc(.88 * var(--respond-sky))) 0%, rgba(180, 200, 216, calc(.6 * var(--respond-sky))) 24%, rgba(232, 197, 144, calc(.36 * var(--respond-sky))) 39%, #12141500 60%),  radial-gradient(130% 54% at 50% 41%, #98a4b82e, transparent 70%),  linear-gradient(180deg, #171b21 0%, #14171b 33%, #0b0c0d 60%), #080909}.landing-page .respond__poster{z-index:1;opacity:1;background:linear-gradient(#00000005,#0000002e),url(/landing/assets/respond/amsterdam-poster-v1.webp) 50%/cover no-repeat;transition:opacity .7s cubic-bezier(.22,1,.36,1)}.landing-page .respond__scene{z-index:2;transition:opacity .7s cubic-bezier(.22,1,.36,1),filter .18s linear}.landing-page .respond__visual:not([data-respond-load-state=ready]) .respond__scene,.landing-page .respond__visual[data-respond-load-state=ready] .respond__poster{opacity:0}.landing-page .respond__haze{z-index:3;background: linear-gradient(180deg, rgba(138, 174, 210, calc(.9 * var(--respond-sky))) 0%, rgba(160, 186, 210, calc(.26 * var(--respond-sky))) 17%, #a0bad200 36%), linear-gradient(180deg, #171b21 0%, #171b21 11%, #171b2180 21%, #14171b00 38%)}.landing-page .respond__effects{z-index:4}.landing-page .respond__annotations{z-index:5;opacity:var(--respond-annotations)}.landing-page .respond__annotation{color:#ffffffeb;font:500 clamp(8px, calc(11 * var(--u)), 11px) / 1 var(--ui);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 8px #000c;white-space:nowrap;align-items:center;gap:7px;display:flex;position:absolute}.landing-page .respond__annotation:after{width:clamp(14px, calc(28 * var(--u)), 28px);content:"";background:#ffffffa8;height:1px;position:absolute;top:50%;right:calc(100% - 3px)}.landing-page .respond__annotation i{border:1px solid #ffffffe6;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #0000002e}.landing-page .respond__annotation--bridge{top:43%;left:47%}.landing-page .respond__annotation--canal{top:73%;left:39%}.landing-page .respond__annotation--facade{top:53%;right:5%}.landing-page .respond__loading{z-index:6;color:#ffffffa3;font:500 9px / 1 var(--ui);letter-spacing:.1em;text-transform:uppercase;opacity:0;align-items:center;gap:7px;transition:opacity .18s;display:flex;position:absolute;bottom:12px;right:14px}.landing-page .respond__visual[data-respond-load-state=loading] .respond__loading{opacity:1}.landing-page .respond__loading span{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite alternate respond-loading-pulse}@keyframes respond-loading-pulse{to{opacity:.25;transform:scale(.72)}}@media (max-width:820px){.landing-page .respond-scroll{height:420vh}.landing-page .respond{min-height:100svh}.landing-page .respond__header{display:block;inset:48px 14px auto}.landing-page .respond__title{font-size:28px;line-height:normal}.landing-page .respond__intro{width:100%;margin-top:24px}.landing-page .respond__intro p{font-size:14px;line-height:1.45}.landing-page .respond__tags{flex-wrap:wrap;justify-content:flex-start;gap:0;margin-top:18px}.landing-page .respond__tags li{letter-spacing:.45px;padding:9px 12px;font-size:10px;line-height:1}.landing-page .respond__list{top:48%}.landing-page .respond__item{padding:8px 14px;font-size:clamp(25px,8vw,34px)}.landing-page .respond__visual{width:min(66vw,310px);height:min(56vw,263px);bottom:30px;right:14px}}@media (prefers-reduced-motion:reduce){.landing-page .respond-scroll{height:100svh}.landing-page .respond__item,.landing-page .respond__poster,.landing-page .respond__scene,.landing-page .respond__loading{transition:none}.landing-page .respond__loading span{animation:none}}
.landing-page .viewer-embed{min-height:max(100svh,1080px);padding:clamp(74px, 5.5vw, 108px) var(--landing-page-gutter) clamp(190px, 16vw, 310px);background:var(--landing-page-bg,#202020);color:#ddd;position:relative;overflow:hidden}.landing-page .viewer-embed__inner{grid-template-columns:minmax(340px,.76fr) minmax(620px,1.42fr);gap:clamp(48px,6vw,120px);width:100%;display:grid}.landing-page .viewer-embed__copy{align-self:start}.landing-page .viewer-embed__frame-bar,.landing-page .viewer-embed__tabs,.landing-page .viewer-embed__code-meta{font-family:var(--ui)}.landing-page .viewer-embed__title{color:#e7e7e7;max-width:none;font:500 clamp(48px, 3.65vw, 72px) / .98 var(--ui);letter-spacing:-.055em;margin:0}.landing-page .viewer-embed__lede{color:#aaa;max-width:37ch;font:400 clamp(18px, 1.46vw, 28px) / 1.46 var(--ui);letter-spacing:-.02em;margin:clamp(20px,1.8vw,34px) 0 0}.landing-page .viewer-embed__actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:14px;margin-top:clamp(34px,3vw,56px);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex}.landing-page .viewer-embed__actions .landing-header__studio:focus-visible,.landing-page .viewer-embed__tabs button:focus-visible,.landing-page .viewer-embed__code-meta button:focus-visible,.landing-page .viewer-embed__pre:focus-visible{outline-offset:4px;outline:1px solid #eee}.landing-page .viewer-embed__demo{min-width:0;position:relative}.landing-page .viewer-embed__frame{background:#181818;border:1px solid #f1f1f138;border-radius:18px;overflow:hidden}.landing-page .viewer-embed__frame-bar{color:#d4d4d4;border-bottom:1px solid #f1f1f11f;align-items:center;gap:10px;min-height:52px;padding-inline:24px;font-size:clamp(12px,.82vw,16px);font-weight:500;display:flex}.landing-page .viewer-embed__live{color:#aaa;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin-left:auto;font-size:11px;display:inline-flex}.landing-page .viewer-embed__frame-media{aspect-ratio:1.95;background:#0b0b0b;position:relative;overflow:hidden}.landing-page .viewer-embed__frame-media>img,.landing-page .viewer-embed__depth-canvas{filter:saturate(.58)contrast(.94)brightness(.96);border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.landing-page .viewer-embed__frame-media>img{object-fit:cover}.landing-page .viewer-embed__depth-canvas{opacity:0}.landing-page .viewer-embed__frame-media.is-depth-ready>canvas{opacity:1}.landing-page .viewer-embed__frame-media.is-depth-ready>img{opacity:0}.landing-page .viewer-embed__code{z-index:3;background:#252525;border:1px solid #f1f1f11f;border-radius:20px;width:min(58%,650px);position:absolute;bottom:-200px;right:50%;overflow:hidden}.landing-page .viewer-embed__tabs{border-bottom:1px solid #f1f1f11f;grid-template-columns:repeat(3,1fr);display:grid}.landing-page .viewer-embed__tabs button{color:#999;cursor:pointer;min-height:62px;font:400 clamp(13px, .9vw, 17px) / 1 var(--ui);background:0 0;border:0;position:relative}.landing-page .viewer-embed__tabs button[aria-selected=true]{color:#eee}.landing-page .viewer-embed__tabs button[aria-selected=true]:after{content:"";background:#eee;height:2px;position:absolute;inset:auto 0 -1px}.landing-page .viewer-embed__code-meta{color:#777;letter-spacing:.04em;border-bottom:1px solid #f1f1f114;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:0 20px;font-size:10px;display:flex}.landing-page .viewer-embed__code-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.landing-page .viewer-embed__code-meta button{color:#b8b8b8;cursor:pointer;font:500 9px / 1 var(--ui);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;flex:none;padding:5px 0 5px 10px}.landing-page .viewer-embed__pre{color:#cfcfcf;tab-size:2;background:#252525;height:clamp(300px,22vw,420px);margin:0;padding:22px 0 28px;font:400 clamp(11px,.76vw,14px)/1.62 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}.landing-page .viewer-embed__pre code{counter-reset:code-line;min-width:max-content;display:block}.landing-page .viewer-embed__line{white-space:pre;counter-increment:code-line;min-height:1.62em;padding-right:24px;display:block}.landing-page .viewer-embed__line:before{color:#505050;content:counter(code-line);text-align:right;-webkit-user-select:none;user-select:none;width:44px;margin-right:18px;display:inline-block}.landing-page .viewer-embed__line[data-tone=accent]{color:#ff6f9f}.landing-page .viewer-embed__line[data-tone=keyword]{color:#c78fff}.landing-page .viewer-embed__line[data-tone=string]{color:#7ed89a}.landing-page .viewer-embed__line[data-tone=comment]{color:#787878;font-style:italic}@media (max-width:1180px){.landing-page .viewer-embed{min-height:0;padding-bottom:clamp(90px,10vw,140px)}.landing-page .viewer-embed__inner{grid-template-columns:1fr;gap:clamp(72px,9vw,110px)}.landing-page .viewer-embed__copy{max-width:760px}.landing-page .viewer-embed__title{max-width:12ch}.landing-page .viewer-embed__code{width:min(82%,760px);margin:-10vw 0 0 clamp(20px,7vw,100px);position:relative;bottom:auto;right:auto}}@media (max-width:700px){.landing-page .viewer-embed{padding:74px 14px 84px}.landing-page .viewer-embed__title{max-width:none;font-size:clamp(28px,7.5vw,40px)}.landing-page .viewer-embed__lede{font-size:17px}.landing-page .viewer-embed__actions{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:8px}.landing-page .viewer-embed__demo{width:min(333px,100vw - 57px);height:328.25px;margin-inline:auto;position:relative}.landing-page .viewer-embed__frame{border-width:.29px;border-radius:5px;width:min(300px,100vw - 90px);height:202px;position:absolute;top:0;left:33px}.landing-page .viewer-embed__frame-bar{border-bottom-width:.29px;gap:5px;height:27px;min-height:0;padding:8px;font-size:8px;line-height:11px}.landing-page .viewer-embed__frame-media{aspect-ratio:auto;height:175px}.landing-page .viewer-embed__live{font-size:6px}.landing-page .viewer-embed__code{border:0;border-radius:2.2px;width:min(271px,100vw - 119px);height:164.25px;margin:0;position:absolute;inset:164px auto auto 0}.landing-page .viewer-embed__tabs{border-bottom-width:.44px;height:22.89px}.landing-page .viewer-embed__tabs button{letter-spacing:.01em;min-height:0;padding:0;font-size:6.16px;line-height:8px}.landing-page .viewer-embed__tabs button:first-child{text-transform:lowercase}.landing-page .viewer-embed__tabs button[aria-selected=true]:after{height:.44px}.landing-page .viewer-embed__code-meta{display:none}.landing-page .viewer-embed__pre{height:calc(100% - 22.89px);padding:9.68px 10.56px 9.68px 9.68px;font-size:8px;line-height:11px;overflow:hidden}.landing-page .viewer-embed__line{min-height:11px;padding-right:0}.landing-page .viewer-embed__line:before{width:13px;margin-right:9.68px;font-size:5.72px}}@media (prefers-reduced-motion:reduce){.landing-page .viewer-embed__actions .landing-header__studio{transition:none}}.viewer-embed__title-break{display:none}@media (max-width:700px){.viewer-embed__title-break{display:inline}.viewer-embed__title-space{display:none}}