@font-face{font-family:text;src:url(../media/atkinson_hyperlegible_next_latin-s.p.1o9o6__l__p-w.woff2)format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:text Fallback;src:local(Arial);ascent-override:99.04%;descent-override:31.8%;line-gap-override:0.0%;size-adjust:99.36%}.Jo8E4W_className{font-family:text,text Fallback}.Jo8E4W_variable{--font-sx-text:"text", "text Fallback"}
@font-face{font-family:display;src:url(../media/schibsted_grotesk_latin-s.p.1n5gamcxs9g-p.woff2)format("woff2");font-display:swap;font-weight:400 900}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:92.54%;descent-override:24.43%;line-gap-override:0.0%;size-adjust:105.53%}._82Txba_className{font-family:display,display Fallback}._82Txba_variable{--font-sx-display:"display", "display Fallback"}
@font-face{font-family:mono;src:url(../media/jetbrains_mono_latin-s.p.2rmhnsrc80fag.woff2)format("woff2");font-display:swap;font-weight:100 800}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:77.57%;descent-override:22.82%;line-gap-override:0.0%;size-adjust:131.49%}.kLO69q_className{font-family:mono,mono Fallback}.kLO69q_variable{--font-sx-mono:"mono", "mono Fallback"}
.sx{--ink-0:#03101c;--ink-1:#05182a;--ink-2:#082136;--ink-3:#0d2b45;--ink-4:#143754;--stage-glow:#0d4f85;--line:#dcecf81f;--line-strong:#dcecf838;--fg:#eef5fa;--fg-2:#b3c6d5;--fg-3:#8aa2b6;--paper:#f3f7fa;--paper-2:#e8eff4;--paper-3:#d5e1ea;--paper-line:#071a2a1f;--paper-line-strong:#071a2a3d;--text:#071a2a;--text-2:#334d61;--text-3:#526677;--accent:#1599e8;--accent-ink:#026bb0;--accent-soft:#1599e829;--tissue:#b5463e;--display:var(--font-sx-display), ui-sans-serif, system-ui, sans-serif;--sans:var(--font-sx-text), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:var(--font-sx-mono), ui-monospace, "Cascadia Mono", Consolas, monospace;--r:3px;--r-sm:2px;--gutter:clamp(20px, 4.2vw, 72px);--max:1440px;--section:clamp(96px, 13vw, 184px);--ease:cubic-bezier(.2, .7, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--t:.24s;background:var(--ink-1);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:17px;line-height:1.55;overflow-x:clip}.sx *,.sx :before,.sx :after{box-sizing:border-box}.sx ::selection{background:var(--accent);color:#fff}.sx a{color:inherit;text-decoration:none}.sx :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}.sx h1,.sx h2,.sx h3,.sx h4,.sx p,.sx ul,.sx ol,.sx dl,.sx dd,.sx figure{margin:0;padding:0}.sx ul,.sx ol{list-style:none}.sx button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sx .wrap{width:100%;max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.sx .skip{z-index:100;background:var(--fg);color:var(--ink-1);border-radius:var(--r);padding:10px 14px;position:absolute;top:-64px;left:16px}.sx .skip:focus{top:16px}.sx .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sx .label{font-family:var(--mono);letter-spacing:.02em;color:var(--fg-2);align-items:center;gap:10px;font-size:12px;line-height:1.4;display:inline-flex}.sx .label:before{content:"";background:var(--accent);border-radius:1px;flex:none;width:6px;height:6px}.sx .label.plain:before{display:none}.sx .display{font-family:var(--display);letter-spacing:-.045em;text-wrap:balance;font-size:clamp(46px,7.4vw,124px);font-weight:560;line-height:.93}.sx .h2{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(38px,5.2vw,84px);font-weight:560;line-height:.98}.sx .h2 .soft,.sx .display .soft{color:var(--fg-3)}.sx .paper .h2 .soft{color:var(--text-3)}.sx .h3{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(22px,1.9vw,28px);font-weight:560;line-height:1.12}.sx .lede{color:var(--fg-2);max-width:34em;font-size:clamp(17px,1.35vw,20px);line-height:1.5}.sx .paper .lede{color:var(--text-2)}.sx .line{margin-bottom:-.06em;padding-bottom:.06em;display:block;overflow:hidden}.sx .line>span{display:block}.sx .btn{--h:48px;height:var(--h);border-radius:var(--r);font-family:var(--sans);letter-spacing:.005em;white-space:nowrap;transition:background-color var(--t) var(--ease), color var(--t) var(--ease), border-color var(--t) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:12px;padding:0 22px;font-size:15px;font-weight:650;display:inline-flex;position:relative;overflow:hidden}.sx .btn-sm{--h:38px;padding:0 14px;font-size:14px}.sx .btn-primary{background:var(--fg);color:var(--ink-1)}.sx .btn-primary:hover{background:#fff}.sx .btn-line{border-color:var(--line-strong);color:var(--fg)}.sx .btn-line:hover{border-color:var(--fg-2);background:#dcecf80f}.sx .btn-ghost{color:var(--fg-2);padding:0 12px}.sx .btn-ghost:hover{color:var(--fg)}.sx .paper .btn-primary{background:var(--text);color:var(--paper)}.sx .paper .btn-primary:hover{background:#000}.sx .paper .btn-line{border-color:var(--paper-line-strong);color:var(--text)}.sx .paper .btn-line:hover{border-color:var(--text-2);background:#071a2a0a}.sx .btn .arrow{width:16px;height:16px;transition:transform var(--t) var(--ease);flex:none}.sx .btn:hover .arrow{transform:translate(3px)}.sx .nav{z-index:50;transition:transform .42s var(--ease-out), background-color var(--t) var(--ease), border-color var(--t) var(--ease);border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.sx .nav.solid{-webkit-backdrop-filter:blur(14px)saturate(1.2);border-bottom-color:var(--line);background:#05182acc}.sx .nav.away{transform:translateY(-100%)}.sx .nav-inner{align-items:center;gap:32px;height:84px;display:flex}.sx .nav-logo{flex:none;align-items:center;height:52px;display:inline-flex}.sx .nav-logo img{width:auto;height:52px;display:block}.sx .nav-links{gap:4px;margin-left:auto;display:flex}.sx .nav-links a{color:var(--fg-2);transition:color var(--t) var(--ease);padding:8px 12px;font-size:14px;position:relative}.sx .nav-links a:hover,.sx .nav-links a[aria-current=true]{color:var(--fg)}.sx .nav-links a:after{content:"";background:var(--fg);transform-origin:0;height:1px;transition:transform .36s var(--ease-out);position:absolute;bottom:2px;left:12px;right:12px;transform:scaleX(0)}.sx .nav-links a[aria-current=true]:after{transform:scaleX(1)}.sx .nav-actions{align-items:center;gap:8px;display:flex}.sx .nav-menu{border:1px solid var(--line-strong);border-radius:var(--r);justify-content:center;align-items:center;width:40px;height:40px;display:none}.sx .nav-menu svg{width:18px;height:18px}.sx .nav-sheet{border-top:1px solid var(--line);background:var(--ink-1);padding:12px var(--gutter) 24px}.sx .nav-sheet a{font-family:var(--display);letter-spacing:-.02em;border-bottom:1px solid var(--line);padding:14px 0;font-size:24px;display:block}.sx .nav-sheet .nav-sheet-actions{gap:10px;margin-top:20px;display:flex}.sx .nav-sheet .nav-sheet-actions .btn{font-family:var(--sans);border-bottom:1px solid #0000;flex:1;padding:0 16px;font-size:15px}.sx .nav-sheet .nav-sheet-actions .btn-line{border-color:var(--line-strong)}.sx .stage{background:var(--ink-1);position:relative;overflow:hidden}.sx .stage-canvas{position:absolute;inset:0}.sx .stage-sequence{width:100%;height:100%;display:block;position:absolute;inset:0}.sx .stage[data-turn]{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.sx .stage[data-dragging]{cursor:grabbing}.sx .stage-canvas canvas{touch-action:pan-y;display:block}.sx .stage-poster{object-fit:cover;width:100%;height:100%;transition:opacity .9s var(--ease);pointer-events:none;position:absolute;inset:0}.sx .stage[data-ready] .stage-poster{opacity:0}.sx .stage-loading{font-family:var(--mono);color:var(--fg-3);transition:opacity .4s var(--ease);pointer-events:none;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.sx .stage-loading i{background:var(--line-strong);width:72px;height:1px;display:block;position:relative;overflow:hidden}.sx .stage-loading i:after{content:"";background:var(--fg);transform-origin:0;transform:scaleX(var(--p,0));transition:transform .3s var(--ease);position:absolute;inset:0}.sx .stage[data-ready] .stage-loading{opacity:0}.sx .anno-layer{pointer-events:none;z-index:3;position:absolute;inset:0}.sx .anno{opacity:0;transition:opacity .32s var(--ease);will-change:transform, opacity;position:absolute;top:0;left:0}.sx .anno[data-on]{opacity:1}.sx .anno-dot{background:var(--accent);border:1.5px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;left:-5px;box-shadow:0 0 0 4px #1599e838}.sx .anno-lead{height:1px;width:var(--len,56px);transform-origin:0;background:#ffffff9e;position:absolute;top:0}.sx .anno[data-side=left] .anno-lead{transform-origin:100%;right:0}.sx .anno[data-side=right] .anno-lead{left:0}.sx .anno-text{white-space:nowrap;font-family:var(--mono);color:#fff;border-radius:var(--r-sm);-webkit-backdrop-filter:blur(6px);background:#03101ca8;border:1px solid #ffffff29;padding:0 8px;font-size:12px;line-height:22px;position:absolute;top:-11px}.sx .anno[data-side=right] .anno-text{left:calc(var(--len,56px) + 6px)}.sx .anno[data-side=left] .anno-text{right:calc(var(--len,56px) + 6px)}.sx .film{height:440svh;position:relative}.sx .film-pin{height:100svh;min-height:560px;position:sticky;top:0}.sx .film .stage{background:radial-gradient(120% 90% at 62% 38%, var(--stage-glow) 0%, var(--ink-1) 58%, var(--ink-0) 100%);position:absolute;inset:0}.sx .hero-copy{z-index:4;pointer-events:none;flex-direction:column;justify-content:flex-end;padding-top:96px;padding-bottom:clamp(36px,6vh,72px);display:flex;position:absolute;inset:0}.sx .hero-copy .wrap>*{pointer-events:auto}.sx .hero-copy .label{margin-bottom:clamp(18px,2.6vh,28px)}.sx .hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:end;gap:48px;display:grid}.sx .hero-side{flex-direction:column;gap:28px;padding-bottom:.5em;display:flex}.sx .cta-row{flex-wrap:wrap;gap:10px;display:flex}.sx .hero-meta{z-index:4;top:124px;right:var(--gutter);text-align:right;font-family:var(--mono);color:var(--fg-3);font-size:12px;line-height:1.7;position:absolute}.sx .hero-meta strong{color:var(--fg);font-weight:500;display:block}.sx .hero-copy:before,.sx .hud:before{content:"";pointer-events:none;background:linear-gradient(#03101c00 54%,#03101c99 80%,#03101ce6 100%),linear-gradient(90deg,#03101c8c 0%,#03101c00 42%);position:absolute;inset:0}.sx .hero-copy>*{position:relative}.sx .hud{z-index:4;pointer-events:none;opacity:0;visibility:hidden;position:absolute;inset:0}.sx .hud-top{top:116px;left:var(--gutter);flex-direction:column;gap:6px;display:flex;position:absolute}.sx .hud-top span:last-child{font-family:var(--mono);color:var(--fg-3);padding-left:16px;font-size:12px}.sx .hud-status{top:116px;right:var(--gutter);height:30px;font-family:var(--mono);color:var(--fg);border:1px solid var(--line-strong);border-radius:var(--r-sm);-webkit-backdrop-filter:blur(8px);background:#05182a8c;align-items:center;gap:10px;padding:0 12px;font-size:12px;display:inline-flex;position:absolute}.sx .hud-status i{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite sx-blink}@keyframes sx-blink{50%{opacity:.25}}.sx .hud-steps{left:var(--gutter);width:min(520px, calc(100% - 2 * var(--gutter)));position:absolute;bottom:clamp(32px,6vh,64px)}.sx .hud-step{opacity:0;width:100%;transition:opacity .5s var(--ease), transform .7s var(--ease-out);position:absolute;bottom:0;left:0;transform:translateY(14px)}.sx .hud-step[data-on]{opacity:1;transform:none}.sx .hud-step .no{font-family:var(--mono);color:var(--fg-3);margin-bottom:14px;font-size:12px;display:block}.sx .hud-step h2{font-family:var(--display);letter-spacing:-.035em;margin-bottom:14px;font-size:clamp(28px,3vw,44px);font-weight:560;line-height:1.04}.sx .hud-step p{color:var(--fg-2);max-width:30em}.sx .hud-progress{right:var(--gutter);pointer-events:auto;align-items:center;gap:18px;display:flex;position:absolute;bottom:clamp(32px,6vh,64px)}.sx .hud-bar{background:var(--line-strong);width:120px;height:1px;position:relative}.sx .hud-bar i{background:var(--fg);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}.sx .hud-skip{font-family:var(--mono);color:var(--fg-2);align-items:center;gap:8px;font-size:12px;display:inline-flex}.sx .hud-skip:hover{color:var(--fg)}.sx .hud-skip svg{width:14px;height:14px}.sx .section{padding:var(--section) 0;position:relative}.sx .section-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:32px 64px;margin-bottom:clamp(48px,6vw,88px);display:grid}.sx .section-head .label{grid-column:1/-1}.sx .section-head .lede{justify-self:end}.sx .paper{background:var(--paper);color:var(--text)}.sx .paper .label{color:var(--text-2)}.sx .paper .label:before{background:var(--accent-ink)}.sx .rule{background:var(--line);border:0;height:1px;margin:0}.sx .showcase{background:var(--ink-0)}.sx .viewer{border:1px solid var(--line);border-radius:var(--r);background:var(--ink-1);grid-template-columns:300px minmax(0,1fr);display:grid;overflow:hidden}.sx .viewer-side{border-right:1px solid var(--line);flex-direction:column;display:flex}.sx .viewer-tabs{flex-direction:column;display:flex}.sx .viewer-tab{text-align:left;border-bottom:1px solid var(--line);transition:background-color var(--t) var(--ease);grid-template-columns:28px 1fr;gap:4px 12px;padding:18px 20px;display:grid;position:relative}.sx .viewer-tab:before{content:"";background:var(--accent);width:2px;transition:transform .36s var(--ease-out);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.sx .viewer-tab[aria-selected=true]:before{transform:scaleY(1)}.sx .viewer-tab:hover{background:#dcecf808}.sx .viewer-tab[aria-selected=true]{background:#dcecf80f}.sx .viewer-tab .no{font-family:var(--mono);color:var(--fg-3);grid-row:span 2;padding-top:3px;font-size:12px}.sx .viewer-tab strong{font-family:var(--display);letter-spacing:-.015em;font-size:18px;font-weight:560}.sx .viewer-tab span:last-child{color:var(--fg-3);font-size:13px}.sx .viewer-info{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex}.sx .viewer-info p{color:var(--fg-2);font-size:15px}.sx .viewer-parts h3{font-family:var(--mono);color:var(--fg-3);margin-bottom:8px;font-size:12px;font-weight:400}.sx .viewer-parts button{border-top:1px solid var(--line);width:100%;color:var(--fg-2);text-align:left;transition:color var(--t) var(--ease);justify-content:space-between;align-items:center;padding:9px 0;font-size:14px;display:flex}.sx .viewer-parts button:hover,.sx .viewer-parts button[aria-pressed=true]{color:var(--fg)}.sx .viewer-parts button i{border:1px solid var(--fg-3);border-radius:50%;flex:none;width:6px;height:6px}.sx .viewer-parts button[aria-pressed=true] i{background:var(--accent);border-color:var(--accent)}.sx .viewer-note{color:var(--fg);border-left:2px solid var(--accent);min-height:3.2em;padding:2px 0 2px 12px;font-size:14px}.sx .viewer-note[data-empty]{border-left-color:#0000}.sx .hotspot-label{white-space:nowrap;font-family:var(--mono);color:#fff;border-radius:var(--r-sm);opacity:0;transition:opacity var(--t) var(--ease), transform var(--t) var(--ease);pointer-events:none;background:#03101cb8;border:1px solid #ffffff29;padding:0 8px;font-size:12px;line-height:22px;position:absolute;top:-11px;left:20px;transform:translate(-4px)}.sx .anno[data-chosen] .hotspot-label,.sx .hotspot:hover+.hotspot-label{opacity:1;transform:none}.sx .viewer-stage{background:radial-gradient(80% 70% at 50% 45%, var(--stage-glow) 0%, var(--ink-1) 72%);height:clamp(480px,70svh,760px);position:relative}.sx .viewer-stage .stage{cursor:grab;background:0 0;position:absolute;inset:0}.sx .viewer-stage .stage:active{cursor:grabbing}.sx .viewer-hud{z-index:4;font-family:var(--mono);color:var(--fg-3);pointer-events:none;justify-content:space-between;align-items:center;font-size:12px;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.sx .viewer-hud button{pointer-events:auto;border:1px solid var(--line-strong);border-radius:var(--r-sm);height:32px;color:var(--fg-2);transition:color var(--t) var(--ease), border-color var(--t) var(--ease);background:#05182a9e;padding:0 12px}.sx .viewer-hud button:hover{color:var(--fg);border-color:var(--fg-3)}.sx .viewer-credit{color:var(--fg-3);margin-top:16px;font-size:12px}.sx .viewer-credit a{text-underline-offset:2px;text-decoration:underline}.sx .hotspot{pointer-events:auto;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:-14px;left:-14px}.sx .hotspot:before{content:"";width:10px;height:10px;transition:transform var(--t) var(--ease), background-color var(--t) var(--ease);background:#fff;border-radius:50%;box-shadow:0 0 0 5px #ffffff2e}.sx .hotspot:hover:before,.sx .hotspot[aria-pressed=true]:before{background:var(--accent);transform:scale(1.2)}.sx .devices{background:var(--ink-1);height:340svh;position:relative}.sx .devices-pin{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden}.sx .devices .stage{background:radial-gradient(90% 80% at 66% 52%, var(--stage-glow) 0%, var(--ink-1) 62%);position:absolute;inset:0}.sx .devices-copy{z-index:4;pointer-events:none;flex-direction:column;justify-content:space-between;padding:112px 0 clamp(36px,6vh,64px);display:flex;position:absolute;inset:0}.sx .devices-copy .wrap>*{pointer-events:auto}.sx .devices-steps{width:min(440px,100%);min-height:220px;position:relative}.sx .devices-step{opacity:0;transition:opacity .5s var(--ease), transform .7s var(--ease-out);position:absolute;inset:auto 0 0;transform:translateY(14px)}.sx .devices-step[data-on]{opacity:1;transform:none}.sx .devices-step .no{font-family:var(--mono);color:var(--fg-3);margin-bottom:12px;font-size:12px;display:block}.sx .devices-step h3{margin-bottom:12px}.sx .devices-step p{color:var(--fg-2)}.sx .devices-tabs{gap:6px;margin-top:28px;display:flex}.sx .devices-tabs span{font-family:var(--mono);color:var(--fg-3);border:1px solid var(--line);border-radius:var(--r-sm);transition:color var(--t) var(--ease), border-color var(--t) var(--ease);padding:6px 10px;font-size:12px}.sx .devices-tabs span[data-on]{color:var(--fg);border-color:var(--fg-3)}.sx .devices-foot{justify-content:space-between;align-items:end;gap:32px;display:flex}.sx .devices-foot p{max-width:34em;color:var(--fg-2);font-size:15px}.sx .envs{background:var(--ink-0)}.sx .env-frame{border-radius:var(--r);border:1px solid var(--line);background:var(--ink-1);height:clamp(440px,78svh,820px);position:relative;overflow:hidden}.sx .env-frame .stage{position:absolute;inset:0}.sx .env-list{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;display:grid}.sx .env-item{text-align:left;flex-direction:column;gap:8px;padding:22px 24px 4px 0;display:flex;position:relative}.sx .env-item+.env-item{border-left:1px solid var(--line);padding-left:24px}.sx .env-item:before{content:"";background:var(--fg);transform-origin:0;height:1px;transition:transform .6s var(--ease-out);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.sx .env-item[aria-selected=true]:before{transform:scaleX(1)}.sx .env-item .no{font-family:var(--mono);color:var(--fg-3);font-size:12px}.sx .env-item strong{font-family:var(--display);letter-spacing:-.02em;color:var(--fg-2);transition:color var(--t) var(--ease);font-size:22px;font-weight:560}.sx .env-item[aria-selected=true] strong,.sx .env-item:hover strong{color:var(--fg)}.sx .env-item span:last-child{color:var(--fg-3);font-size:15px}.sx .edu-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,96px);display:grid}.sx .edu-list{border-top:1px solid var(--paper-line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sx .edu-item{border-bottom:1px solid var(--paper-line);padding:28px 28px 32px 0}.sx .edu-item:nth-child(2n){border-left:1px solid var(--paper-line);padding-left:28px;padding-right:0}.sx .edu-item .no{font-family:var(--mono);color:var(--text-3);margin-bottom:18px;font-size:12px;display:block}.sx .edu-item h3{font-family:var(--display);letter-spacing:-.015em;margin-bottom:8px;font-size:20px;font-weight:560}.sx .edu-item p{color:var(--text-2);font-size:15px}.sx .edu-aside{flex-direction:column;gap:28px;display:flex;position:sticky;top:112px}.sx .mock{border:1px solid var(--paper-line-strong);border-radius:var(--r);background:#fff;overflow:hidden;box-shadow:0 1px #071a2a0a,0 30px 60px -36px #071a2a59}.sx .mock-media{aspect-ratio:16/9;background:var(--ink-1);position:relative;overflow:hidden}.sx .mock-media img{object-fit:cover;width:100%;height:100%;display:block}.sx .mock-body{flex-direction:column;gap:18px;padding:20px 22px 22px;display:flex}.sx .mock-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.sx .mock-head small{font-family:var(--mono);color:var(--text-3);margin-bottom:4px;font-size:12px;display:block}.sx .mock-head strong{font-family:var(--display);letter-spacing:-.02em;font-size:22px;font-weight:600}.sx .mock-chip{font-family:var(--mono);border:1px solid var(--paper-line-strong);border-radius:var(--r-sm);white-space:nowrap;color:var(--text-2);padding:4px 8px;font-size:12px}.sx .mock-progress{color:var(--text-2);align-items:center;gap:12px;font-size:14px;display:flex}.sx .mock-progress b{font-family:var(--display);color:var(--text);font-size:16px;font-weight:600}.sx .mock-bar{background:var(--paper-2);border-radius:1px;flex:1;height:4px;overflow:hidden}.sx .mock-bar i{background:var(--accent-ink);width:82%;height:100%;display:block}.sx .mock-steps{border-top:1px solid var(--paper-line);padding-top:14px}.sx .mock-steps small{font-family:var(--mono);color:var(--text-3);font-size:12px}.sx .mock-steps ol{counter-reset:step;margin-top:8px}.sx .mock-steps li{counter-increment:step;color:var(--text-2);gap:12px;padding:7px 0;font-size:14px;display:flex}.sx .mock-steps li:before{content:counter(step, decimal-leading-zero);font-family:var(--mono);color:var(--text-3);padding-top:2px;font-size:12px}.sx .mock-people{color:var(--text-3);gap:18px;font-size:13px;display:flex}.sx .mock-people span{align-items:center;gap:6px;display:inline-flex}.sx .mock-people i{border-radius:1px;width:8px;height:8px}.sx .pricing{background:var(--paper-2);color:var(--text)}.sx .period{border:1px solid var(--paper-line-strong);border-radius:var(--r);gap:3px;margin-bottom:32px;padding:3px;display:inline-flex}.sx .period button{border-radius:var(--r-sm);height:34px;color:var(--text-2);padding:0 14px;font-size:14px}.sx .period button[aria-checked=true]{background:var(--text);color:var(--paper)}.sx .plans{border:1px solid var(--paper-line-strong);border-radius:var(--r);background:var(--paper);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.sx .plan{flex-direction:column;gap:14px;padding:28px 24px 30px;display:flex;position:relative}.sx .plan+.plan{border-left:1px solid var(--paper-line)}.sx .plan.featured{background:var(--ink-1);color:var(--fg)}.sx .plan-tags{gap:6px;min-height:24px;display:flex}.sx .plan-tag{font-family:var(--mono);border:1px solid var(--paper-line-strong);border-radius:var(--r-sm);color:var(--text-2);padding:0 7px;font-size:12px;line-height:22px}.sx .plan.featured .plan-tag{border-color:var(--accent);color:var(--fg)}.sx .plan h3{font-family:var(--display);letter-spacing:-.02em;font-size:24px;font-weight:600}.sx .plan-for{color:var(--text-2);min-height:2.9em;font-size:14px}.sx .plan.featured .plan-for{color:var(--fg-2)}.sx .plan-price strong{font-family:var(--display);letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:clamp(22px,1.8vw,28px);font-weight:600;display:block}.sx .plan-price span{color:var(--text-3);font-size:13px}.sx .plan.featured .plan-price span,.sx .plan.featured .plan-meta{color:var(--fg-3)}.sx .plan-meta{color:var(--text-3);min-height:2.6em;font-size:13px}.sx .plan .btn{width:100%}.sx .plan.featured .btn-primary{background:var(--fg);color:var(--ink-1)}.sx .plan-includes{margin-top:6px;font-size:13px;font-weight:650}.sx .plan ul{flex-direction:column;gap:8px;display:flex}.sx .plan li{color:var(--text-2);padding-left:16px;font-size:14px;position:relative}.sx .plan li:before{content:"";background:currentColor;width:7px;height:1px;position:absolute;top:.62em;left:0}.sx .plan.featured li{color:var(--fg-2)}.sx .addons{border-top:1px solid var(--paper-line-strong);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px 48px;margin-top:28px;padding-top:28px;display:grid}.sx .addons h3{font-family:var(--display);letter-spacing:-.015em;font-size:20px;font-weight:600}.sx .addons ul{color:var(--text-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 32px;font-size:14px;display:grid}.sx .addons p{color:var(--text-3);grid-column:2;font-size:13px}.sx .pricing-free{color:var(--text-2);margin-top:20px;font-size:14px}.sx .closing{background:var(--ink-0);align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.sx .closing .stage{background:0 0;position:absolute;inset:0}@media (min-width:861px){.sx .closing .stage-poster{object-fit:fill;width:auto;max-width:none;height:100%;left:50%;right:auto;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}}.sx .closing-copy{z-index:4;padding:var(--section) 0;pointer-events:none;position:relative}.sx .closing-copy .wrap>*{pointer-events:auto}.sx .closing-copy .display{max-width:9.5em;margin:28px 0}.sx .closing-copy .lede{margin-bottom:36px}.sx .foot{background:var(--ink-0);border-top:1px solid var(--line);color:var(--fg-2);padding:72px 0 32px;font-size:14px}.sx .foot-grid{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px;display:grid}.sx .foot-grid img{width:auto;height:64px;margin-bottom:18px;display:block}.sx .foot-grid h4{font-family:var(--mono);color:var(--fg-3);margin-bottom:14px;font-size:12px;font-weight:400}.sx .foot-grid li+li{margin-top:8px}.sx .foot-grid a:hover{color:var(--fg)}.sx .foot-tag{max-width:24em}.sx .foot-help{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-bottom:48px;padding-bottom:48px;display:flex}.sx .foot-help h3{font-family:var(--display);letter-spacing:-.02em;color:var(--fg);margin-bottom:4px;font-size:24px;font-weight:560}.sx .foot-bottom{border-top:1px solid var(--line);color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:56px;padding-top:24px;font-size:13px;display:flex}.sx .foot-social{gap:18px;display:flex}.sx .foot-credits{color:var(--fg-3);max-width:72em;margin-top:16px;font-size:12px}.sx .foot-credits a{text-underline-offset:2px;text-decoration:underline}.sx[data-tier=low] .nav.solid,.sx[data-tier=none] .nav.solid{-webkit-backdrop-filter:none;background:#05182af7}.sx[data-tier=low] .anno-text,.sx[data-tier=low] .hud-status,.sx[data-tier=none] .anno-text,.sx[data-tier=none] .hud-status{-webkit-backdrop-filter:none;background:#03101ceb}.sx[data-anim] .rv{opacity:0;transition:opacity .9s var(--ease), transform 1.1s var(--ease-out);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(22px)}.sx[data-anim] .rv[data-in]{opacity:1;transform:none}.sx[data-anim] .rv-lines .line>span{transition:transform 1.1s var(--ease-out);transition-delay:calc(var(--i,0) * 90ms + var(--d0,0s));transform:translateY(105%)}.sx[data-anim] .rv-lines[data-in] .line>span{transform:none}@media (max-width:1100px){.sx .nav-links{display:none}.sx .nav-actions{margin-left:auto}.sx .nav-menu{display:inline-flex}.sx .plans{grid-template-columns:repeat(2,minmax(0,1fr))}.sx .plan:nth-child(3){border-left:0}.sx .plan:nth-child(n+3){border-top:1px solid var(--paper-line)}.sx .edu-grid{grid-template-columns:minmax(0,1fr)}.sx .edu-aside{max-width:560px;position:static}.sx .foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sx .foot-grid>:first-child{grid-column:1/-1}}@media (max-width:860px){.sx .hero-grid,.sx .section-head{grid-template-columns:minmax(0,1fr);gap:24px}.sx .section-head .lede{justify-self:start}.sx .hero-meta{display:none}.sx .viewer{grid-template-columns:minmax(0,1fr)}.sx .viewer-side{border-right:0;border-top:1px solid var(--line);order:2}.sx .viewer-tabs{flex-direction:row;overflow-x:auto}.sx .viewer-tab{border-bottom:0;border-right:1px solid var(--line);flex:1 0 auto;grid-template-columns:auto;padding:14px 16px}.sx .viewer-tab .no,.sx .viewer-tab span:last-child{display:none}.sx .viewer-tab:before{width:auto;height:2px;inset:auto 0 0;transform:scaleX(0)}.sx .viewer-tab[aria-selected=true]:before{transform:scaleX(1)}.sx .viewer-stage{height:min(72svh,560px)}.sx .env-list{grid-template-columns:minmax(0,1fr)}.sx .env-item+.env-item{border-left:0;border-top:1px solid var(--line);padding-left:0}.sx .env-item{padding:16px 0}.sx .env-item span:last-child{display:none}.sx .env-item[aria-selected=true] span:last-child{display:block}.sx .addons{grid-template-columns:minmax(0,1fr)}.sx .addons p{grid-column:1}.sx .devices-foot{flex-direction:column;align-items:start;gap:16px}}@media (max-width:640px){.sx{font-size:16px}.sx .nav-actions .btn-ghost,.sx .nav-actions .btn-primary{display:none}.sx .nav-inner{height:68px}.sx .nav-logo,.sx .nav-logo img{height:42px}.sx .film{height:380svh}.sx .hud-top,.sx .hud-status{top:84px}.sx .hud-status{display:none}.sx .hud-steps{bottom:96px}.sx .hud-progress{left:var(--gutter);right:var(--gutter);justify-content:space-between;bottom:28px}.sx .plans{grid-template-columns:minmax(0,1fr)}.sx .plan+.plan{border-left:0;border-top:1px solid var(--paper-line)}.sx .edu-list{grid-template-columns:minmax(0,1fr)}.sx .edu-item,.sx .edu-item:nth-child(2n){border-left:0;padding:24px 0}.sx .addons ul{grid-template-columns:minmax(0,1fr)}.sx .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sx .foot-help{flex-direction:column;align-items:start}.sx .devices{height:300svh}.sx .devices-copy{padding-top:84px}.sx .devices-tabs{display:none}.sx .devices-steps{min-height:190px}.sx .devices-foot p{font-size:14px}.sx .anno-text{font-size:11px}}@media (max-width:400px){.sx .display{font-size:40px}.sx .h2{font-size:34px}.sx .hero-side{gap:20px}.sx .lede{font-size:16px}}@media (prefers-reduced-motion:reduce){.sx *,.sx :before,.sx :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
