@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/af21ab248943f479-s.3gj6ciom31zjc.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/4ae66b896b591e96-s.p.0_kz_z3o_slvt.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/21ca8f3f56c22ca2-s.p.1cp9-4nby68jc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Fallback;src:local(Arial);ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.0%;size-adjust:98.7%}.archivo_d12dbb1f-module__fxFCNG__className{font-family:Archivo,Archivo Fallback;font-style:normal}.archivo_d12dbb1f-module__fxFCNG__variable{--font-archivo:"Archivo", "Archivo Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--paper:#f9f9f9;--petrol:#004e72;--navy:#092634;--signal:#ff6e42;--bg:var(--paper);--surface:#fff;--surface-2:#e9eef1;--ink:var(--navy);--muted:#4b6371;--line:#0926341f;--line-strong:#09263447;--accent:var(--petrol);--on-accent:var(--paper);--hot:var(--signal);--on-hot:var(--navy);--shadow:0 30px 80px -40px #09263466;--gutter:clamp(16px, 4vw, 56px);--header:72px;--ease:cubic-bezier(.16, 1, .3, 1)}.dark{--bg:var(--navy);--surface:#0d3143;--surface-2:#123c50;--ink:var(--paper);--muted:#9cb4c1;--line:#f9f9f91f;--line-strong:#f9f9f94d;--accent:var(--signal);--on-accent:var(--navy);--shadow:0 30px 80px -40px #000c}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--header)}body{-webkit-hyphens:manual;hyphens:manual;background:var(--bg);color:var(--ink);font-family:var(--font-archivo), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55;transition:background-color .4s,color .4s;overflow-x:clip}h1,h2,h3,p,ol,ul,dl,dd{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}img{display:block}:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:6px}::selection{background:var(--hot);color:var(--on-hot)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:120;background:var(--ink);color:var(--bg);border-radius:999px;padding:12px 18px;font-weight:700;position:fixed;top:-64px;left:16px}.skip-link:focus{top:12px}.flip{transform:scaleX(-1)}.logo-mark{display:block;overflow:visible}.logo-slab,.logo-joint{fill:var(--ink);transition:transform .5s var(--ease), fill .3s;transform-box:fill-box}.logo-top{fill:var(--hot)}.wordmark{align-items:center;gap:12px;display:inline-flex}.wordmark-text{line-height:1.1;display:grid}.wordmark-name{font-variation-settings:"wdth" 112;letter-spacing:-.01em;font-size:16px;font-weight:750}.wordmark-caption{color:var(--muted);font-size:12px}.header-logo:hover .logo-top,.footer-mark:hover .logo-top{transform:translate(3px)}.header-logo:hover .logo-slab:nth-of-type(4),.footer-mark:hover .logo-slab:nth-of-type(4){transform:translate(-3px)}.btn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:10px;height:54px;padding:0 28px;font-size:15.5px;font-weight:650;transition:background-color .3s,color .3s,border-color .3s,transform .2s;display:inline-flex}.btn svg{width:18px;height:18px}.btn:active{transform:scale(.97)}.btn-solid{background:var(--ink);color:var(--bg)}.btn-solid:hover{background:var(--accent);color:var(--on-accent)}.btn-line{border:1.5px solid var(--line-strong)}.btn-line:hover{border-color:var(--ink)}.magnetic{display:inline-block}.text-link{border-bottom:1.5px solid;align-items:center;gap:8px;padding-bottom:2px;font-weight:650;display:inline-flex}.text-link svg{width:16px;height:16px;transition:transform .3s var(--ease)}.text-link:hover svg{transform:translate(3px,-3px)}.text-link:hover .flip{transform:scaleX(-1)translate(-3px)}.header{z-index:80;height:var(--header);padding:0 var(--gutter);border-bottom:1px solid #0000;grid-template-columns:1fr auto 1fr;align-items:center;transition:background-color .3s,border-color .3s,opacity .6s .2s;display:grid;position:fixed;inset:0 0 auto}.header[data-solid]{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.header[data-solid]{background:color-mix(in srgb, var(--bg) 84%, transparent)}}.header[data-solid]{border-color:var(--line);-webkit-backdrop-filter:blur(14px)saturate(140%)}.header-logo{justify-self:start}.header-nav{gap:34px;font-size:14.5px;font-weight:600;display:flex}.header-nav a{padding:8px 0;position:relative}.header-nav a:after{content:"";transform-origin:100%;height:1.5px;transition:transform .4s var(--ease);background:currentColor;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.header-nav a:hover:after{transform-origin:0;transform:scaleX(1)}.header-tools{justify-self:end;gap:8px;display:flex}.tool{border:1px solid var(--line);letter-spacing:.02em;border-radius:999px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:700;transition:border-color .25s;display:grid}.tool:hover{border-color:var(--line-strong)}.tool svg{width:18px;height:18px}.tool-menu{display:none}.burger{width:16px;height:10px;position:relative}.burger i{height:1.6px;transition:transform .4s var(--ease), top .4s var(--ease);background:currentColor;position:absolute;left:0;right:0}.burger i:first-child{top:1px}.burger i:last-child{top:7px}.burger[data-open] i:first-child{top:4px;transform:rotate(45deg)}.burger[data-open] i:last-child{top:4px;transform:rotate(-45deg)}.menu{z-index:70;padding:calc(var(--header) + 24px) var(--gutter) 40px;background:var(--ink);color:var(--bg);flex-direction:column;justify-content:center;gap:40px;display:flex;position:fixed;inset:0}.menu-links{gap:4px;display:grid;overflow:hidden}.menu-links a{letter-spacing:-.03em;font-variation-settings:"wdth" 112;font-size:clamp(52px,15vw,120px);font-weight:800;line-height:1;display:block}.menu-mail{text-underline-offset:5px;font-size:18px;font-weight:600;text-decoration:underline}.kinetic{-webkit-hyphens:none;hyphens:none;display:block}.kinetic-word{white-space:nowrap;display:inline-block}.kinetic-cell{vertical-align:top;margin-bottom:-.2em;padding-bottom:.2em;display:inline-block;overflow:hidden}.kinetic-letter{will-change:transform;display:inline-block}.opening{height:420vh;position:relative}.opening-stage{height:100dvh;padding:calc(var(--header) + 12px) var(--gutter) 56px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:24px;display:grid;position:sticky;top:0;overflow:hidden}.opening-stage:before{content:"";background:radial-gradient(closest-side, var(--petrol), transparent 70%), radial-gradient(closest-side at 70% 30%, var(--hot), transparent);border-radius:50%;width:60vw;height:60vw;position:absolute;top:10%;right:-10%}@supports (color:color-mix(in lab, red, red)){.opening-stage:before{background:radial-gradient(closest-side, color-mix(in srgb, var(--petrol) 22%, transparent), transparent 70%), radial-gradient(closest-side at 70% 30%, color-mix(in srgb, var(--hot) 14%, transparent), transparent)}}.opening-stage:before{pointer-events:none}.hero-copy,.layer-copy{z-index:2;grid-area:1/1;position:relative}.hero-copy[data-hidden]{pointer-events:none}.hero-visual{z-index:1;grid-area:1/2;position:relative}.hero-title{letter-spacing:-.035em;font-size:clamp(60px,8.6vw,168px);font-weight:800;line-height:.9;display:grid}.hero-kicker{letter-spacing:0;color:var(--muted);align-items:center;gap:10px;margin-bottom:22px;font-size:clamp(14px,1.1vw,17px);font-weight:650;line-height:1.3;display:flex}.hero-kicker:before{content:"";background:var(--hot);border-radius:2px;flex:none;width:10px;height:10px}.hero-lead{max-width:33ch;color:var(--muted);margin-top:30px;font-size:clamp(17px,1.35vw,21px);line-height:1.5}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.layer-text{max-width:560px}.layer-kicker{color:var(--muted);font-size:14px;font-weight:600}.layer-name{letter-spacing:-.035em;color:var(--accent);margin-top:10px;font-size:clamp(56px,7.4vw,140px);font-weight:800;line-height:.92}.layer-line{margin-top:22px;font-size:clamp(20px,1.8vw,28px);font-weight:650;line-height:1.25}.layer-body{max-width:42ch;color:var(--muted);margin-top:12px;font-size:17px}.layer-tools{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.layer-tools li,.chips li{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:550}.layer-rail{left:var(--gutter);right:var(--gutter);color:var(--muted);opacity:0;gap:22px;padding-bottom:12px;font-size:13px;font-weight:600;transition:opacity .4s;display:flex;position:absolute;bottom:24px}.layer-rail[data-show]{opacity:1}.layer-rail span{transition:color .3s}.layer-rail span[data-on]{color:var(--ink)}.layer-rail i{background:var(--hot);transform-origin:0;height:2px;position:absolute;bottom:0;left:0;right:0}.layer-rail:after{content:"";background:var(--line);z-index:-1;height:2px;position:absolute;bottom:0;left:0;right:0}.stack{aspect-ratio:1;perspective:1700px;width:min(560px,40vw);margin-inline:auto;position:relative}.stack-rig{transform-style:preserve-3d;position:absolute;inset:14%}.slab-pos{transform-style:preserve-3d;position:absolute;inset:0}.slab{box-shadow:var(--shadow), inset 0 0 0 1px #ffffff1a;outline-offset:4px;border-radius:22px;outline:2px solid #0000;transition:outline-color .3s;position:absolute;inset:0;overflow:hidden}.slab[data-active]{outline-color:var(--accent)}.slab-ui{background:linear-gradient(160deg, var(--surface), var(--surface))}@supports (color:color-mix(in lab, red, red)){.slab-ui{background:linear-gradient(160deg, var(--surface), color-mix(in srgb, var(--surface) 88%, var(--accent)))}}.slab-api{background:linear-gradient(160deg, var(--petrol), var(--petrol))}@supports (color:color-mix(in lab, red, red)){.slab-api{background:linear-gradient(160deg, var(--petrol), color-mix(in srgb, var(--petrol) 70%, #000))}}.slab-api{color:var(--paper)}.slab-data{background:linear-gradient(160deg, var(--hot), var(--hot))}@supports (color:color-mix(in lab, red, red)){.slab-data{background:linear-gradient(160deg, color-mix(in oklab, var(--hot) 34%, var(--surface-2)), color-mix(in oklab, var(--hot) 18%, var(--surface-2)))}}.slab-infra{background:linear-gradient(160deg, var(--navy), var(--navy))}@supports (color:color-mix(in lab, red, red)){.slab-infra{background:linear-gradient(160deg, var(--navy), color-mix(in srgb, var(--navy) 80%, var(--petrol)))}}.slab-infra{color:var(--paper);box-shadow:var(--shadow), inset 0 0 0 1px #f9f9f924}.dark .slab-infra{background:linear-gradient(160deg,#175470,#0e3a50)}.dark .ui-chart i{background:var(--petrol)}@supports (color:color-mix(in lab, red, red)){.dark .ui-chart i{background:color-mix(in srgb, var(--petrol), #fff 38%)}}.scene-ui,.scene-api,.scene-data,.scene-infra{display:block;position:absolute;inset:0}.scene-ui{padding:7% 8%}.ui-bar{gap:5px;display:flex}.ui-bar i{background:var(--line-strong);border-radius:50%;width:9px;height:9px}.ui-bar i:first-child{background:var(--hot)}.ui-kpis{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:7%;display:grid}.ui-kpis b{background:var(--bg);font-variation-settings:"wdth" 110;border-radius:10px;padding:8px 10px;font-size:clamp(11px,1.2vw,16px);font-weight:800}.ui-chart{align-items:flex-end;gap:6%;height:38%;display:flex;position:absolute;bottom:20%;left:8%;right:8%}.ui-chart i{height:var(--h);background:var(--petrol);opacity:.85;transform-origin:bottom;animation:bar-grow 2.6s var(--ease) infinite alternate;border-radius:4px 4px 2px 2px;flex:1}@keyframes bar-grow{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.scene-api{padding:8% 8% 0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 25% 70%,#0000);mask-image:linear-gradient(#0000,#000 25% 70%,#0000)}.api-roll{gap:10px;animation:9s linear infinite roll;display:grid}.api-roll code{white-space:nowrap;opacity:.9;font:600 clamp(10px,1vw,13px)/1 ui-monospace,SFMono-Regular,Menlo,monospace}@keyframes roll{to{transform:translateY(-50%)}}.scene-data{align-content:center;gap:8px;padding:0 9%;display:grid}.data-row{border-radius:6px;grid-template-columns:1fr 2fr 1fr;gap:8px;padding:6px;animation:3s ease-in-out infinite row-flash;display:grid}.data-row i{background:var(--ink);border-radius:4px;height:8px}@supports (color:color-mix(in lab, red, red)){.data-row i{background:color-mix(in srgb, var(--ink) 30%, transparent)}}@keyframes row-flash{0%,70%,to{background:0 0}80%{background:color-mix(in srgb, var(--accent) 45%, transparent)}}.scene-infra{align-content:center;gap:9px;padding:0 12%;display:grid}.rack{background:var(--bg);border-radius:6px;align-items:center;gap:7px;height:18px;padding:0 10px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.rack{background:color-mix(in srgb, var(--bg) 12%, transparent)}}.rack i{background:#34d27b;border-radius:50%;width:6px;height:6px;animation:1.4s steps(2,end) infinite led}.rack em{background:var(--bg);border-radius:2px;flex:1;height:3px;margin-left:8px}@supports (color:color-mix(in lab, red, red)){.rack em{background:color-mix(in srgb, var(--bg) 20%, transparent)}}@keyframes led{50%{opacity:.25}}.packet{pointer-events:none;border-radius:50%;width:12px;height:12px;margin:-6px;animation:2.8s cubic-bezier(.5,0,.5,1) infinite packet-down;position:absolute}.packet-down{box-shadow:0 0 14px 4px var(--hot);background:#fff}.packet-up{background:var(--hot);box-shadow:0 0 14px 4px var(--hot)}@supports (color:color-mix(in lab, red, red)){.packet-up{box-shadow:0 0 14px 4px color-mix(in srgb, var(--hot) 70%, #fff)}}.packet-up{animation-name:packet-up}@keyframes packet-down{0%{transform:translateZ(calc(var(--gap) * 3px + 6px));opacity:0}10%,90%{opacity:1}to{opacity:0;transform:translateZ(0)}}@keyframes packet-up{0%{opacity:0;transform:translateZ(0)}10%,90%{opacity:1}to{transform:translateZ(calc(var(--gap) * 3px + 6px));opacity:0}}.slab-label{z-index:1;font-variation-settings:"wdth" 112;letter-spacing:-.01em;font-size:clamp(18px,1.8vw,26px);font-weight:800;position:absolute;bottom:16px;left:20px}.slab-ui .slab-label{background:var(--ink);color:var(--bg);border-radius:999px;padding:4px 10px;font-size:15px}.slab-tools{opacity:.75;white-space:pre;font-size:12px;font-weight:600;position:absolute;bottom:18px;right:20px}.slab-ui .slab-tools{display:none}.work{padding-top:clamp(100px,14vw,180px);position:relative}.work-head{padding:0 var(--gutter);max-width:1500px;margin:0 auto 56px}.section-title{letter-spacing:-.035em;font-size:clamp(46px,7.2vw,128px);font-weight:800;line-height:.92}.work-lead{max-width:42ch;color:var(--muted);margin-top:22px;font-size:clamp(17px,1.4vw,21px)}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:16px;font-size:14px;display:flex}.meta-status{border:1px solid var(--line-strong);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:650}.meta-status[data-status=live]{border-color:var(--accent);color:var(--accent)}.chips{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.feature-note{color:var(--muted);font-size:13px}.scene{height:320vh;position:relative}.scene-stage{max-width:1500px;height:100dvh;padding:calc(var(--header) + 16px) var(--gutter) 32px;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(24px,4vw,72px);margin:0 auto;display:grid;position:sticky;top:0;overflow:clip}.scene-info{z-index:2;flex-direction:column;min-width:0;display:flex;position:relative}.scene-rank{font-variation-settings:"wdth" 125;color:#0000;-webkit-text-stroke:1.5px var(--line-strong);font-size:clamp(64px,8vw,132px);font-weight:800;line-height:.82}.scene-name{letter-spacing:-.03em;font-variation-settings:"wdth" 100;transition:font-variation-settings .6s var(--ease);margin-top:18px;font-size:clamp(40px,4.8vw,84px);font-weight:800;line-height:.95}.scene-info:hover .scene-name{font-variation-settings:"wdth" 118}.scene-pitch{max-width:40ch;margin-top:18px;font-size:clamp(16px,1.25vw,19px);line-height:1.5}.scene-steps{counter-reset:step;gap:4px;margin-top:26px;display:grid}.scene-step{color:var(--muted);grid-template-columns:34px minmax(0,1fr);align-items:baseline;gap:2px 10px;padding:10px 0 0;transition:color .4s;display:grid}.scene-step[data-on]{color:var(--ink)}.scene-step-num{font-variation-settings:"wdth" 125;font-size:12.5px;font-weight:700}.scene-step-text{font-size:15.5px;font-weight:600;line-height:1.4}.scene-step-bar{background:var(--line);grid-column:1/-1;height:2px;margin-top:10px;overflow:hidden}.scene-step-bar i{background:var(--c);transform-origin:0;height:100%;display:block}.dark .scene-step-bar i{background:var(--c)}@supports (color:color-mix(in lab, red, red)){.dark .scene-step-bar i{background:color-mix(in srgb, var(--c), #fff 40%)}}.scene-foot{flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px;display:flex}.scene-view{perspective:1600px;min-width:0;position:relative}.scene-glow{background:var(--c);opacity:.22;filter:blur(70px);pointer-events:none;border-radius:50%;position:absolute;inset:6% -8% -4% 10%}.win{border:1px solid var(--line);background:var(--surface);transform-origin:50% 80%;will-change:transform;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 50px 120px -50px #0a0e288c,0 0 0 1px #00000008}.win-bar{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:center;gap:7px;height:36px;padding:0 14px;display:flex}.win-bar i{background:var(--line-strong);border-radius:50%;width:10px;height:10px}.win-bar i:first-child{background:var(--c)}.win-bar span{background:var(--surface);color:var(--muted);border-radius:999px;margin-left:10px;padding:2px 12px;font-size:12px;font-weight:600}.win-screen{aspect-ratio:16/10;background:var(--c);position:relative;overflow:hidden}.win-layer{position:absolute;inset:0}.win-img{object-fit:cover;object-position:left top}.win-screen .media-poster{font-size:clamp(56px,7vw,140px)}.pointer{z-index:3;pointer-events:none;width:0;height:0;position:absolute}.pointer-arrow{width:34px;height:34px;color:var(--ink);filter:drop-shadow(0 4px 8px #00000059);transform-origin:5px 5px;display:block;position:absolute;top:-5px;left:-5px}.pointer-arrow svg{width:100%;height:100%}.pointer-arrow svg path{stroke:var(--bg);stroke-width:1.2px;paint-order:stroke}.pointer-ring{border:2px solid var(--c);border-radius:50%;width:44px;height:44px;position:absolute;top:-22px;left:-22px}.fact{z-index:3;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:10px 18px;position:absolute}@supports (color:color-mix(in lab, red, red)){.fact{background:color-mix(in srgb, var(--surface) 82%, transparent)}}.fact{-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow);white-space:nowrap;font-size:clamp(13px,1vw,15px);font-weight:700}.fact:before{content:"";background:var(--hot);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:10px;display:inline-block}.fact-0{top:8%;left:-6%}.fact-1{top:44%;right:-4%}.fact-2{bottom:-4%;left:8%}.media{background:var(--c);isolation:isolate;border-radius:20px;min-height:220px;position:relative;overflow:hidden}.media-shot{border-radius:12px;position:absolute;inset:9% -14% -12% 9%;overflow:hidden;box-shadow:0 24px 60px -20px #00000073}.media-img{object-fit:cover;object-position:left top}.media-poster{color:var(--ci);font-variation-settings:"wdth" 125;letter-spacing:-.04em;white-space:nowrap;flex-direction:column;justify-content:center;font-size:clamp(56px,7.5vw,150px);font-weight:900;line-height:.86;display:flex;position:absolute;inset:-20% -10%;transform:rotate(-7deg)}.media-poster span{margin-top:-1.2em;display:block;position:relative}.media-poster span:before,.media-poster span:after{content:attr(data-text);opacity:.45;position:absolute;top:.86em;left:-12%}.media-poster span:after{opacity:.18;top:1.72em;left:-24%}.pan{position:relative}.pan-stage{flex-direction:column;justify-content:center;height:100dvh;display:flex;position:sticky;top:0;overflow:hidden}.pan-track{width:max-content;padding:0 var(--gutter);gap:clamp(16px,2vw,32px);display:flex}.pan-card{flex:none;width:clamp(290px,31vw,500px)}.pan-card .media{aspect-ratio:4/3;min-height:0}.pan-card .media-poster{font-size:clamp(48px,5vw,96px)}.pan-info{padding:20px 4px 0}.pan-rank{color:var(--muted);font-variation-settings:"wdth" 125;font-size:15px;font-weight:700}.pan-name{letter-spacing:-.02em;margin-top:6px;font-size:clamp(28px,2.6vw,42px);font-weight:800;line-height:1}.pan-info .meta{margin-top:10px}.pan-pitch{max-width:40ch;color:var(--muted);margin:12px 0 18px}.pan-progress{left:var(--gutter);right:var(--gutter);background:var(--line);height:2px;position:absolute;bottom:32px}.pan-progress i{background:var(--hot);transform-origin:0;height:100%;display:block}.index{max-width:1500px;padding:clamp(80px, 10vw, 140px) var(--gutter) 40px;margin:0 auto;position:relative}.index-title{font-variation-settings:"wdth" 110;letter-spacing:-.02em;margin-bottom:26px;font-size:clamp(24px,2.4vw,36px);font-weight:800}.index-list li{border-bottom:1px solid var(--line)}.row{grid-template-columns:64px minmax(0,1fr) auto minmax(150px,auto);align-items:center;gap:24px;padding:22px 0;display:grid}.row-rank{color:var(--muted);font-variation-settings:"wdth" 125;font-size:15px;font-weight:700}.row-name{letter-spacing:-.025em;transition:font-variation-settings .55s var(--ease), color .3s;font-size:clamp(30px,4.4vw,68px);font-weight:800;line-height:1}.row:hover .row-name,.row:focus-visible .row-name{font-variation-settings:"wdth" 125;color:var(--accent)}.row-kind{color:var(--muted);text-align:right;font-size:14px}.row-dest{justify-content:flex-end;align-items:center;gap:8px;font-size:14px;font-weight:650;display:inline-flex}.row-dest svg{width:16px;height:16px}.stats{max-width:1500px;padding:clamp(90px, 12vw, 160px) var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;margin:0 auto;display:grid}.stat{border-top:1px solid var(--line-strong);padding-top:22px;position:relative}.stat:before{content:"";background:var(--hot);width:48px;height:3px;position:absolute;top:-1px;left:0}.stat-value{letter-spacing:-.03em;font-variation-settings:"wdth" 62;font-variant-numeric:tabular-nums;font-size:clamp(52px,8vw,128px);font-weight:800;line-height:.9;display:block}.stat p{max-width:22ch;color:var(--muted);margin-top:14px}@media (min-width:1280px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-value{font-size:clamp(60px,5vw,88px)}}.belt{border-block:1px solid var(--line);padding:26px 0;overflow:hidden}.belt-track{white-space:nowrap;will-change:transform;gap:56px;width:max-content;display:flex}.belt-track span{font-variation-settings:"wdth" 125;letter-spacing:-.02em;color:#0000;-webkit-text-stroke:1.5px var(--ink);font-size:clamp(48px,7vw,120px);font-weight:800;line-height:1}.belt-track span:nth-child(3n+2){color:var(--accent);-webkit-text-stroke:0}.belt-track span:nth-child(6n+5){color:var(--hot);-webkit-text-stroke:0}.about{max-width:1500px;padding:clamp(100px, 13vw, 180px) var(--gutter);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,7vw,120px);margin:0 auto;display:grid}.about-lead{top:calc(var(--header) + 40px);align-self:start;position:sticky}.about-facts{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.about-facts li{background:var(--surface-2);border-radius:999px;padding:8px 15px;font-size:14px;font-weight:600}.about-body>p{max-width:58ch;color:var(--muted);font-size:17px}.about-body>p+p{margin-top:16px}.about-body>.about-p1{color:var(--ink);font-size:clamp(21px,1.9vw,27px);font-weight:550;line-height:1.4}.about-h{color:var(--muted);margin:56px 0 24px;font-size:15px;font-weight:700}.timeline{padding-left:34px;position:relative}.timeline:before{content:"";background:var(--line);width:2px;position:absolute;top:8px;bottom:8px;left:6px}.timeline-line{background:linear-gradient(var(--hot), var(--accent));transform-origin:top;width:2px;position:absolute;top:8px;bottom:8px;left:6px}.timeline>ol>li{position:relative}.timeline>ol>li+li{margin-top:34px}.timeline-dot{background:var(--bg);border:2px solid var(--accent);border-radius:50%;width:14px;height:14px;position:absolute;top:6px;left:-34px}.timeline-dot[data-current]{background:var(--hot);border-color:var(--hot)}.timeline-head{flex-wrap:wrap;justify-content:space-between;gap:4px 16px;font-size:19px;display:flex}.timeline-head span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.timeline-role{color:var(--muted);margin-top:2px;font-weight:600}.timeline ul{gap:6px;margin-top:10px;display:grid}.timeline ul li{color:var(--muted);padding-left:16px;position:relative}.timeline ul li:before{content:"";background:var(--muted);width:7px;height:1.5px;position:absolute;top:.78em;left:0}.edu{gap:14px;display:grid}.edu li{display:grid}.edu span{color:var(--muted)}.contact{max-width:1500px;padding:clamp(100px, 12vw, 170px) var(--gutter) clamp(70px, 9vw, 120px);margin:0 auto}.contact-title{letter-spacing:-.045em;font-size:clamp(44px,11.5vw,220px);font-weight:800;line-height:.84}.contact-lead{max-width:44ch;color:var(--muted);margin-top:30px;font-size:clamp(17px,1.4vw,21px)}.contact-mail{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:46px;display:flex}.contact-email{letter-spacing:-.02em;border-bottom:3px solid var(--hot);overflow-wrap:anywhere;font-size:clamp(22px,3.7vw,56px);font-weight:750;transition:color .3s;display:inline-block}.contact-email:hover{color:var(--accent)}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:60px;display:grid}.contact-card{border:1px solid var(--line);background:var(--surface);transition:border-color .3s, transform .3s var(--ease);border-radius:28px;gap:16px;padding:24px;display:flex}a.contact-card:hover{border-color:var(--accent);transform:translateY(-3px)}.contact-card>svg{width:26px;height:26px;color:var(--accent);flex:none}.contact-card>span{color:var(--muted);gap:6px;display:grid}.contact-card strong{color:var(--ink);font-size:17px}.cv-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cv-row a{border:1px solid var(--line-strong);color:var(--ink);border-radius:999px;padding:3px 11px;font-size:13px;font-weight:650;transition:background-color .25s,color .25s}.cv-row a:hover{background:var(--ink);color:var(--bg)}.footer{padding:60px var(--gutter) 30px;border-top:1px solid var(--line);position:relative;overflow:hidden}.footer-mark{right:var(--gutter);position:absolute;top:48px}.footer-name{letter-spacing:-.045em;white-space:nowrap;transition:font-variation-settings .8s var(--ease);font-size:11vw;font-weight:900;line-height:.85}.footer:hover .footer-name{font-variation-settings:"wdth" 88}.footer-row{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:36px;font-size:13.5px;display:flex}.footer-links{gap:20px;display:flex}.footer-links a{color:var(--ink);font-weight:600}.case{max-width:1500px;padding:calc(var(--header) + 40px) var(--gutter) 40px;margin:0 auto}.case-back{font-size:14px}.case-head{margin-top:clamp(40px,6vw,80px)}.case-title{letter-spacing:-.04em;margin-top:14px;font-size:clamp(44px,9vw,180px);font-weight:800;line-height:.88}.case-pitch{max-width:36ch;margin-top:24px;font-size:clamp(19px,1.8vw,26px);line-height:1.4}.case-media{background:var(--c);border-radius:28px;height:clamp(300px,56vw,760px);margin-top:clamp(40px,5vw,72px);position:relative;overflow:hidden}.case-media .media-shot{inset:8% -6% -14% 8%}.case-body{max-width:1100px;padding:clamp(60px,8vw,110px) 0 0}.case-summary{max-width:46ch;font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1.45}.case-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin-top:56px;display:grid}.case-cols h2{color:var(--muted);font-size:15px;font-weight:700}.case-list{gap:12px;margin-top:18px;display:grid}.case-list li{border-bottom:1px solid var(--line);padding-bottom:12px;font-size:18px}.case-note{color:var(--muted);margin-top:18px}.case-repo{margin-top:18px}.case-end{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(70px,9vw,130px);display:grid}.case-cta,.case-next{border:1px solid var(--line);background:var(--surface);transition:border-color .3s, transform .3s var(--ease);border-radius:28px;gap:10px;padding:clamp(24px,3vw,40px);display:grid}.case-cta:hover,.case-next:hover{border-color:var(--accent);transform:translateY(-3px)}.case-cta span,.case-next span{color:var(--muted)}.case-cta strong,.case-next strong{letter-spacing:-.03em;transition:font-variation-settings .5s var(--ease);font-size:clamp(30px,4vw,60px);font-weight:800;line-height:1}.case-cta:hover strong,.case-next:hover strong{font-variation-settings:"wdth" 120}.not-found{place-content:center;justify-items:start;gap:18px;max-width:560px;min-height:100dvh;margin-inline:auto;padding:24px;display:grid}.not-found h1{letter-spacing:-.03em;font-size:clamp(34px,6vw,56px);font-weight:800;line-height:1}.not-found p{color:var(--muted);font-size:18px}.curtain{z-index:110;background:var(--ink);pointer-events:all;place-items:center;display:grid;position:fixed;inset:0}.curtain-mark .logo-slab,.curtain-mark .logo-joint{fill:var(--bg)}.curtain-mark .logo-top{fill:var(--hot)}.subpage{padding-top:var(--header);min-height:70dvh}.header-nav a[aria-current=page]{color:var(--accent)}.menu-link{display:block}.intro{display:none}html[data-intro=on] .intro{z-index:100;display:block;position:fixed;inset:0}html[data-intro=on] .header{opacity:0}.intro-band{background:var(--ink);width:100%;height:25.4%;position:absolute;left:0}.intro-lockup{color:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:26px;display:flex;position:absolute;inset:0}.intro .logo-slab,.intro .logo-joint{fill:var(--bg)}.intro .logo-top{fill:var(--hot)}.intro-name{letter-spacing:-.02em;font-variation-settings:"wdth" 115;font-size:clamp(28px,4.2vw,56px);font-weight:800;display:flex;overflow:hidden}.intro-name span{display:inline-block}.intro-skip{border:1px solid var(--bg);padding:8px 16px;position:absolute;bottom:22px;right:22px}@supports (color:color-mix(in lab, red, red)){.intro-skip{border:1px solid color-mix(in srgb, var(--bg) 40%, transparent)}}.intro-skip{color:var(--bg);border-radius:999px;font-size:14px;font-weight:600}@media (max-width:900px){:root{--header:64px}.header{grid-template-columns:1fr auto}.header-nav{display:none}.tool-menu{display:grid}.wordmark-caption{display:none}.opening{height:380vh}.opening-stage{padding-top:calc(var(--header) + 28px);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;padding-bottom:64px}.opening-stage:before{width:120vw;height:120vw;top:40%;right:-40%}.hero-copy,.layer-copy{grid-area:1/1}.hero-visual{grid-area:2/1;align-self:center}.hero-title{font-size:clamp(54px,15.5vw,120px)}.hero-kicker{margin-bottom:14px;font-size:13.5px}.hero-lead{margin-top:18px;font-size:16.5px}.hero-actions{margin-top:22px}.hero-actions .btn{height:50px;padding:0 22px}.stack{width:min(84vw,44dvh)}.layer-tools{display:none}.layer-body{font-size:15.5px}.layer-name{font-size:clamp(52px,15vw,110px)}.layer-line,.layer-tools{margin-top:14px}.layer-rail{gap:14px;font-size:12px;bottom:20px;overflow:hidden}.chips{display:none}.scene{height:280vh}.scene-stage{padding-top:calc(var(--header) + 8px);grid-template-columns:minmax(0,1fr);align-content:center;gap:22px;padding-bottom:24px}.scene-rank{display:none}.scene-name{margin-top:0;font-size:clamp(38px,11vw,64px)}.scene-pitch{display:none}.scene-info{display:contents}.scene-info>.scene-name{grid-row:1}.scene-info>.meta{grid-row:2;margin-top:-10px}.scene-view{grid-row:3;width:150%;margin:6px 0 10px}.scene-steps{grid-row:4;margin-top:0;display:grid;position:relative}.scene-step{opacity:0;transition:opacity .4s, transform .5s var(--ease);grid-area:1/1;transform:translateY(10px)}.scene-step[data-on]{opacity:1;transform:none}.scene-step-text{font-size:16px}.scene-foot{grid-row:5;margin-top:0}.scene-foot .btn{height:46px;padding:0 20px}.win{border-radius:12px}.win-bar{gap:5px;height:28px;padding:0 10px}.win-bar i{width:8px;height:8px}.win-bar span{font-size:11px}.fact{padding:7px 13px;font-size:12px}.fact:before{width:6px;height:6px;margin-right:7px}.fact-0{top:16%;left:3%}.fact-1{top:50%;left:26%;right:auto}.fact-2{bottom:-5%;left:6%}.pointer-arrow{width:26px;height:26px}.media{min-height:0}.row{grid-template-columns:40px minmax(0,1fr) auto;gap:14px;padding:18px 0}.row-kind{display:none}.row-dest{gap:0;font-size:0}.row-dest svg{width:20px;height:20px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 20px}.about{grid-template-columns:minmax(0,1fr)}.about-lead{position:static}.contact-grid{grid-template-columns:minmax(0,1fr)}.footer-mark{display:none}.case-cols,.case-end{grid-template-columns:minmax(0,1fr)}}@media (max-width:420px){.hero-lead{font-size:15.5px}.stats{grid-template-columns:minmax(0,1fr)}.tool{width:38px;height:38px}.header-tools{gap:6px}.wordmark{gap:9px}.wordmark-name{font-size:14.5px}.pan-card{width:80vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.opening{height:auto}.opening-stage{height:auto;min-height:100dvh;position:relative}.scene{height:auto}.scene-stage{height:auto;min-height:100dvh;position:relative}.layer-rail{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
.demo{aspect-ratio:16/10;border-radius:16px;width:100%;line-height:1.3;position:relative;overflow:hidden;container-type:inline-size}.demo-in{font-size:1.6cqw;position:absolute;inset:0}.media>.demo,.case-media>.demo,.auto-demo>.demo{aspect-ratio:auto;border-radius:0;height:100%;position:absolute;inset:0}.auto-demo{position:absolute;inset:0}.stage-demo{border:1px solid var(--line);transform-origin:50% 80%;will-change:transform;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 50px 120px -50px #0a0e288c}.demo-b2b{background:radial-gradient(120% 90% at 50% 50%, color-mix(in srgb, var(--c) 14%, var(--surface)) 0%, var(--surface) 70%);color:var(--ink)}.b2b-wires{width:100%;height:100%;position:absolute;inset:0}.b2b-wires path{fill:none;stroke:var(--line-strong);stroke-width:1.5px;stroke-dasharray:4 5;vector-effect:non-scaling-stroke;transition:stroke .4s}.b2b-wires path.on{stroke:var(--c);stroke-width:2.5px;stroke-dasharray:6 6;animation:1s linear infinite demo-dash}@keyframes demo-dash{to{stroke-dashoffset:-12px}}.b2b-phone{background:var(--ink);width:21%;height:82%;color:var(--bg);border-radius:1.6em;flex-direction:column;gap:.6em;padding:1.1em .9em;display:flex;position:absolute;top:9%;left:6%;box-shadow:0 2em 4em -2em #00000080}.b2b-phone-top{border-bottom:1px solid color-mix(in srgb, var(--bg) 18%, transparent);gap:.1em;padding-bottom:.6em;display:grid}.b2b-phone-top b{font-size:1.1em}.b2b-phone-top span{opacity:.7;font-size:.8em}.b2b-lines{gap:.45em;display:grid}.b2b-lines li{background:color-mix(in srgb, var(--bg) 9%, transparent);opacity:0;transition:opacity .35s, transform .45s var(--ease);border-radius:.6em;justify-content:space-between;gap:.4em;padding:.5em .6em;font-size:.78em;display:flex;transform:translateY(.6em)}.b2b-lines li[data-on]{opacity:1;transform:none}.b2b-lines em{opacity:.7;white-space:nowrap;font-style:normal}.b2b-total{justify-content:space-between;margin-top:auto;font-size:.85em;display:flex}.b2b-total b{font-variant-numeric:tabular-nums}.b2b-send{background:var(--c);color:#fff;text-align:center;border-radius:999px;padding:.65em;font-size:.8em;font-weight:700;transition:background .3s}.b2b-send[data-sent]{background:#1f9d55}.b2b-hub{aspect-ratio:1;text-align:center;background:var(--surface);border:2px solid var(--c);width:15%;box-shadow:0 1.5em 3em -1.5em color-mix(in srgb, var(--c) 70%, transparent);border-radius:50%;place-content:center;display:grid;position:absolute;top:52%;left:50%;translate:-50% -50%}.b2b-hub b{font-variation-settings:"wdth" 120;color:var(--accent);font-size:1.9em;font-weight:900;line-height:1}.b2b-hub small{color:var(--muted);font-size:.65em}.b2b-hub-ring{border:2px solid var(--c);opacity:0;border-radius:50%;position:absolute;inset:-8%}.b2b-hub[data-pulse] .b2b-hub-ring{animation:demo-ring 1s var(--ease) infinite}@keyframes demo-pop{40%{transform:scale(1.35)}}@keyframes demo-ring{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}.b2b-node{background:var(--surface);border:1px solid var(--line);width:23%;box-shadow:var(--shadow);opacity:.45;border-radius:1em;gap:.25em;padding:.8em .9em;transition:opacity .4s,border-color .4s;display:grid;position:absolute;left:73%;translate:0 -50%}.b2b-node[data-on]{opacity:1;border-color:color-mix(in srgb, var(--c) 50%, var(--line))}.b2b-node small{color:var(--muted);font-size:.7em}.b2b-node b{font-variant-numeric:tabular-nums;font-size:1.15em}.b2b-node em{color:#1f9d55;opacity:0;font-size:.7em;font-style:normal;font-weight:700;transition:opacity .3s}.b2b-node em[data-on]{opacity:1}.b2b-erp{top:30%}.b2b-ship{top:52%}.b2b-pay{top:74%}.b2b-bar{background:var(--line);border-radius:999px;height:.45em;overflow:hidden}.b2b-bar i{background:var(--c);transform-origin:0;height:100%;display:block}.b2b-road{background:repeating-linear-gradient(90deg, var(--line-strong) 0 .6em, transparent .6em 1.1em);border-radius:999px;height:.35em;margin:.4em 0 .2em;position:relative}.b2b-road i{background:var(--c);width:.9em;height:.9em;box-shadow:0 0 0 .3em color-mix(in srgb, var(--c) 25%, transparent);border-radius:50%;position:absolute;top:50%;translate:-50% -50%}.b2b-chip{z-index:2;background:var(--c);color:#fff;box-shadow:0 .8em 1.6em -.6em var(--c);border-radius:999px;padding:.35em .8em;font-size:.85em;font-weight:800;position:absolute;translate:-50% -50%}.demo-wa{background:linear-gradient(135deg, color-mix(in srgb, var(--c) 18%, var(--surface)), var(--surface));color:#111b21}.wa-erp{background:var(--surface);width:44%;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:1em;grid-template-columns:auto 1fr;align-items:center;gap:.35em .6em;padding:1em 1.1em;font-size:1.15em;display:grid;position:absolute;top:9%;left:5%}.wa-erp-tag{background:var(--ink);color:var(--bg);border-radius:.4em;padding:.15em .5em;font-size:.7em;font-weight:800}.wa-erp>span:nth-child(2){color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8em;overflow:hidden}.wa-erp b{font-variant-numeric:tabular-nums;grid-column:1/-1;font-size:1.4em}.wa-erp-btn{color:#fff;background:#1f9d55;border-radius:999px;grid-column:1/-1;justify-self:start;padding:.45em 1em;font-size:.78em;font-weight:700;animation:1.2s ease-in-out infinite demo-btn}.wa-erp[data-sent] .wa-erp-btn{background:var(--surface-2);color:var(--ink);animation:none}@keyframes demo-btn{50%{box-shadow:0 0 0 .45em #1f9d5540}}.wa-phone{background:#efeae2;border:.45em solid #111;border-bottom:0;border-radius:1.8em 1.8em 0 0;flex-direction:column;width:44%;display:flex;position:absolute;top:7%;bottom:-6%;right:5%;overflow:hidden;box-shadow:0 2em 4em -2em #00000073}.wa-head{color:#fff;background:#075e54;align-items:center;gap:.6em;padding:.8em .9em;display:flex}.wa-head b{font-size:.95em;display:block}.wa-head small{opacity:.8;font-size:.7em}.wa-avatar{color:#073;background:#25d366;border-radius:50%;place-items:center;width:2.2em;height:2.2em;font-size:.75em;font-weight:800;display:grid}.wa-body{flex-direction:column;flex:1;gap:.5em;padding:.8em;display:flex}.wa-bubble{border-radius:.8em;max-width:88%;padding:.55em .7em 1.4em;font-size:.8em;position:relative;box-shadow:0 1px 1px #0000001f}.wa-out{background:#d9fdd3;border-top-right-radius:.2em;align-self:flex-end}.wa-in{background:#fff;border-top-left-radius:.2em;align-self:flex-start}.wa-meta{color:#667781;font-size:.72em;position:absolute;bottom:.3em;right:.6em}.wa-meta i{letter-spacing:-.2em;margin-left:.2em;font-style:normal}.wa-meta i[data-ticks="3"]{color:#53bdeb}.wa-file{align-items:center;gap:.6em;display:flex}.wa-file small{color:#667781;font-size:.85em;display:block}.wa-pdf{color:#fff;background:#e5484d;border-radius:.3em;flex:none;place-items:center;width:2.4em;height:2.8em;font-size:.7em;font-weight:800;display:grid}.wa-typing{gap:.3em;padding:.8em .9em;display:flex}.wa-typing i{background:#8696a0;border-radius:50%;width:.5em;height:.5em;animation:1s infinite demo-blink}.wa-typing i:nth-child(2){animation-delay:.15s}.wa-typing i:nth-child(3){animation-delay:.3s}@keyframes demo-blink{50%{opacity:.3;transform:translateY(-.15em)}}.wa-flight{left:calc(26% + var(--k) * 42%);top:calc(36% - sin(var(--k) * 180deg) * 20%);background:#25d366;border-radius:50%;width:1.4em;height:1.4em;position:absolute;translate:-50% -50%;box-shadow:0 0 1em #25d366}.scene-view[data-demo=b2b] .fact-0{top:6%;left:29%}.scene-view[data-demo=b2b] .fact-1{inset:auto auto 12% 31%}.scene-view[data-demo=b2b] .fact-2{bottom:-5%;left:52%}@media (max-width:900px){.stage-demo{border-radius:12px}.stage-demo .demo{aspect-ratio:1}.scene-view[data-demo]{width:100%}.scene-view[data-demo] .fact{display:none}}@container (max-width:560px){.demo-in{font-size:2.6cqw}.b2b-wires,.b2b-chip{display:none}.b2b-phone{width:38%;height:58%;top:6%;left:5%}.b2b-hub{width:26%;top:33%;left:74%}.b2b-node{width:29.5%;padding:.55em .6em;top:82%}.b2b-erp{top:82%;left:3%}.b2b-ship{top:82%;left:35.25%}.b2b-pay{top:82%;left:67.5%}.wa-erp{width:50%;font-size:1em}.wa-phone{width:44%}}.dark .demo-b2b{--c:#4d839c}
.demo-neva{--pw:27.2cqw;--font:var(--font-archivo), system-ui, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace;color:#15130d;background:#f3efe6}.nv-glow{background:radial-gradient(closest-side,#d4b06a66,#0000 70%);border-radius:50%;width:70%;height:90%;position:absolute;top:12%;left:22%}.nv-scrub,.nv-scrub *,.nv-scrub :before,.nv-scrub :after{animation-play-state:paused!important}.nv-panel{transform-origin:80%;will-change:transform, filter;background:#fff;border:1px solid #15130d33;border-radius:.9em;width:58%;position:absolute;top:6%;left:38%;overflow:hidden;box-shadow:0 2.4em 5em -2em #3c280066}.nv-panel-bar{color:#6c675a;background:#ebe7dc;border-bottom:1px solid #15130d14;align-items:center;gap:.4em;padding:.55em .8em;display:flex}.nv-panel-bar i{background:#cfc9b8;border-radius:50%;width:.55em;height:.55em}.nv-panel-bar span{font-family:var(--mono);margin-left:.5em;font-size:.6em}.nv-panel-shot{aspect-ratio:1280/920;position:relative}.nv-panel-shot img{object-fit:cover;object-position:left top}.nv-toast{color:#f3efe6;opacity:0;transition:opacity .4s, transform .5s var(--ease);background:#15130d;border-radius:.8em;gap:.2em;padding:.7em .9em;font-size:.95em;display:grid;position:absolute;bottom:6%;left:4%;transform:translateY(.8em);box-shadow:0 1.2em 2.4em -1em #00000080}.nv-toast[data-show]{opacity:1;transform:none}.nv-toast small{color:#b9b19f;font-size:.62em}.nv-toast span{align-items:baseline;gap:.6em;display:flex}.nv-toast s{color:#8a8070;font-size:.85em}.nv-toast b{color:#d4b06a}.nv-toast em{color:#f4c06a;font-size:.62em;font-style:normal;font-weight:700}.nv-toast[data-on] em{color:#4cd38a}.nv-card{z-index:3;color:#15130d;background:#fff;border-radius:1.3em;width:22%;padding:1em 1em .75em;transition:box-shadow .15s;position:absolute;bottom:7%;right:4%;overflow:hidden;box-shadow:0 2em 5em -1.5em #281c008c}.nv-card[data-flash]{box-shadow:0 0 0 .35em #ff3d578c,0 2em 5em -1.5em #281c008c}.nv-qr{width:100%;height:auto;display:block}.nv-qr rect{fill:#14110a;transform-box:fill-box;transform-origin:50%;animation:nv-qr-pop .25s cubic-bezier(.34, 1.56, .64, 1) var(--d) both}@keyframes nv-qr-pop{0%{opacity:0;transform:scale(0)}}.nv-laser{background:#ff3d57;height:3px;position:absolute;left:0;right:0;box-shadow:0 0 1.4em .35em #ff3d578c}.nv-card-foot{color:#6c675a;white-space:nowrap;justify-content:space-between;align-items:baseline;gap:.5em;margin-top:.6em;font-size:.68em;display:flex}.nv-card-foot b{font-family:var(--mono);color:#15130d}.nv-label{color:#f3efe6;background:#15130d;border-radius:999px;align-items:center;gap:.7em;padding:.45em .9em .45em .45em;font-size:.85em;display:flex;position:absolute;bottom:7%;left:38%}.nv-label-count{color:#15130d;font-family:var(--mono);background:#d4b06a;border-radius:999px;padding:.2em .6em;font-size:.8em;font-weight:700}.nv-label-roll{height:1.3em;display:block;overflow:hidden}.nv-label-roll>span{transition:transform .45s var(--ease);display:block}.nv-label-roll i{white-space:nowrap;height:1.3em;font-style:normal;line-height:1.3em;display:block}.nv-phone{z-index:4;width:var(--pw);aspect-ratio:9/19;padding:calc(var(--pw) * .033);border-radius:calc(var(--pw) * .15);will-change:transform;background:linear-gradient(145deg,#2a2a30,#0c0c10);position:absolute;top:3%;left:6%;box-shadow:0 3em 6em -1.5em #1e1400a6,inset 0 0 0 1.5px #4b4b55}.nv-notch{z-index:5;left:50%;top:calc(var(--pw) * .055);width:28%;height:calc(var(--pw) * .055);background:#000;border-radius:999px;position:absolute;translate:-50%}.nv-screen{border-radius:calc(var(--pw) * .12);background:#0e0e0f;width:100%;height:100%;position:relative;overflow:hidden}.tm{font-size:calc(var(--pw) * .043);font-family:var(--font);text-align:left;background:var(--t-bg);color:var(--t-ink);-webkit-font-smoothing:antialiased;line-height:1.4;position:absolute;inset:0;overflow:hidden}.tm-body{will-change:transform;padding:1.1em 1em 2em;position:absolute;inset:0 0 auto}.tm-intro{z-index:3;position:absolute;inset:0;overflow:hidden}.tm--noir{--t-bg:#0b0908;--t-surface:#151110;--t-surface2:#1f1917;--t-ink:#efe6d6;--t-soft:#a3978a;--t-line:#2d2522;--t-accent:#d4af6a;--t-head:#f7efe0;--t-display:"Cormorant Garamond", Georgia, serif}.tm--noir .tm-body{background:radial-gradient(120% 42% at 50% 0,#241511 0%,#0b0908 62%)}.tmn-hero{text-align:center;padding:2.6em 1.1em 1.2em;position:relative}.tmn-corner{border:0 solid var(--t-accent);opacity:.8;width:1.1em;height:1.1em;position:absolute}.tmn-corner--tl{border-top-width:1px;border-left-width:1px;top:0;left:0}.tmn-corner--tr{border-top-width:1px;border-right-width:1px;top:0;right:0}.tmn-corner--bl{border-bottom-width:1px;border-left-width:1px;bottom:0;left:0}.tmn-corner--br{border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}.tmn-mark{font-family:var(--t-display);letter-spacing:.17em;text-indent:.17em;color:var(--t-head);font-size:1.55em;font-weight:600;line-height:1;display:block}.tmn-rule{font-family:var(--mono);letter-spacing:.3em;text-indent:.3em;color:var(--t-accent);justify-content:center;align-items:center;gap:.5em;margin-top:.5em;font-size:.5em;display:flex}.tmn-rule i{opacity:.55;background:currentColor;flex:1;max-width:2.6em;height:1px}.tmn-tagline{font-family:var(--t-display);text-align:center;color:var(--t-head);margin:.2em 0 0;font-size:1.1em;font-style:italic}.tmn-orn{color:var(--t-accent);justify-content:center;align-items:center;gap:.6em;margin:.7em 0 1em;display:flex}.tmn-orn i{background:linear-gradient(90deg,#0000,currentColor);width:2.4em;height:1px}.tmn-orn i:last-child{background:linear-gradient(270deg,#0000,currentColor)}.tmn-orn b{background:currentColor;width:.4em;height:.4em;rotate:45deg}.tmn-rows{gap:.42em;display:grid}.tmn-row{border:1px solid var(--t-line);background:linear-gradient(100deg, var(--t-surface), var(--t-surface2));border-radius:.75em;align-items:center;gap:.6em;padding:.62em .75em;display:flex}.tmn-row em{font-family:var(--t-display);color:var(--t-accent);opacity:.85;font-size:.86em;font-style:italic}.tmn-row span{font-family:var(--t-display);color:var(--t-head);flex:1;font-size:1.02em;font-weight:600}.tmn-row b{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--t-soft);font-size:.5em;font-weight:400}.tmn-dish{border-bottom:1px dashed var(--t-line);align-items:baseline;gap:.6em;padding:.6em .1em;display:flex}.tmn-dish:first-of-type{margin-top:1em}.tmn-dish span{font-family:var(--t-display);color:var(--t-head);flex:1;font-weight:600}.tmn-dish b{font-family:var(--t-display);color:var(--t-accent)}.tmn-intro{background:#060504}.tmn-stage{aspect-ratio:400/208;width:78%;position:absolute;top:42%;left:50%;translate:-50% -50%}.tmn-blue{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tmn-g{fill:none;stroke:#f0e6d438;stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:1px}.tmn-dot{fill:none;stroke:#f0e6d44d;stroke-width:1px;stroke-dasharray:1.5 4.5;stroke-linecap:round;opacity:0}.tmn-key{stroke:#f3ead5;stroke-width:1.4px;filter:drop-shadow(0 0 4px #d4af6ab3)}.tmn-halo{opacity:0;background:radial-gradient(closest-side,#d4af6a57,#0000 72%);border-radius:50%;position:absolute;inset:-60% -40%}.tmn-wordmark{text-align:center;clip-path:inset(-20% 100% -20% -20%);place-content:center;display:grid;position:absolute;inset:0}.tmn-scan{opacity:0;background:linear-gradient(180deg, transparent, var(--t-accent) 22%, var(--t-accent) 78%, transparent);width:1px;box-shadow:0 0 10px 1px var(--t-accent);position:absolute;top:-18%;bottom:-18%;left:0}.tmn-hud{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#f0e6d499;opacity:0;margin:0;font-size:.46em;position:absolute}.tmn-hud b{color:var(--t-accent);font-variant-numeric:tabular-nums;margin-left:.6em;font-weight:400}.tmn-hud--tl{top:2.7em;left:1.2em}.tmn-hud--tr{top:2.7em;right:1.2em}.tmn-hud--bl{bottom:1.4em;left:1.2em}.tmn-hud--br{bottom:1.4em;right:1.2em}.tm--noir{--k:.62}.tm--noir.is-run .tmn-g{animation:tmn-draw calc(1.1s * var(--k)) cubic-bezier(.65, 0, .25, 1) calc(var(--d,0s) * var(--k)) forwards}.tm--noir.is-run .tmn-dot{animation:tm-fade-in calc(.7s * var(--k)) ease calc(var(--d,0s) * var(--k)) forwards}.tm--noir.is-run .tmn-guides{animation:tmn-dim calc(.9s * var(--k)) ease calc(2.5s * var(--k)) forwards}.tm--noir.is-run .tmn-halo{animation:tmn-halo calc(1.8s * var(--k)) ease-out calc(2s * var(--k)) forwards}.tm--noir.is-run .tmn-wordmark{animation:tmn-wipe calc(1.2s * var(--k)) cubic-bezier(.65, 0, .25, 1) calc(1.85s * var(--k)) forwards}.tm--noir.is-run .tmn-scan{animation:tmn-scan calc(1.2s * var(--k)) cubic-bezier(.65, 0, .25, 1) calc(1.85s * var(--k)) forwards}.tm--noir.is-run .tmn-hud{animation:tm-fade-in calc(.6s * var(--k)) ease calc(.8s * var(--k)) forwards}.tm--noir.is-run .tmn-hud--tr{animation-delay:calc(.95s * var(--k))}.tm--noir.is-run .tmn-hud--br{animation-delay:calc(1.05s * var(--k))}.tm--noir.is-run .tmn-intro{animation:tm-intro-out calc(.85s * var(--k)) cubic-bezier(.7, 0, .2, 1) calc(3.15s * var(--k)) forwards}@keyframes tmn-draw{to{stroke-dashoffset:0}}@keyframes tmn-dim{to{opacity:.3}}@keyframes tmn-halo{0%{opacity:0;scale:.8}50%{opacity:1}to{opacity:.55;scale:1.05}}@keyframes tmn-wipe{to{clip-path:inset(-20%)}}@keyframes tmn-scan{0%{opacity:1;translate:0}90%{opacity:1}to{opacity:0;translate:calc(var(--pw) * .8) 0}}@keyframes tm-fade-in{to{opacity:1}}@keyframes tm-intro-out{to{opacity:0;visibility:hidden;scale:1.04}}.tm--witch{--t-bg:#1e1140;--t-surface:#2a1a57;--t-surface2:#35236b;--t-ink:#fff1dc;--t-soft:#bfb0e6;--t-line:#48338a;--t-accent:#ff8a2b;--t-head:#ffe9c4;--t-display:"Fredoka", var(--font)}.tm--witch .tm-body{background:radial-gradient(120% 60% at 50% 0,#2b1666 0%,#1e1140 70%);min-height:100%;padding-top:2.5em}.tmw-tabs{gap:.45em;margin-bottom:.9em;display:flex;overflow:hidden}.tmw-tabs span{border:1px solid var(--t-line);font-family:var(--t-display);white-space:nowrap;color:var(--t-soft);border-radius:999px;flex:none;padding:.42em .85em;font-size:.76em;font-weight:600}.tmw-tabs .is-on{background:var(--t-accent);border-color:var(--t-accent);color:#34180a}.tmw-cathead{align-items:center;gap:.5em;margin-bottom:.7em;display:flex}.tmw-cathead i{color:#4b2200;width:1.9em;height:1.9em;font-family:var(--t-display);background:#ffc24d;border-radius:50%;place-items:center;font-size:.78em;font-style:normal;font-weight:600;display:grid}.tmw-cathead b{font-family:var(--t-display);color:var(--t-head);flex:1;font-size:1.24em;font-weight:600}.tmw-cathead .tmw-gh--static{opacity:1;width:1.9em;animation:none;position:static}.tmw-card{border:1px dashed var(--t-line);background:var(--t-surface);border-radius:1.1em;margin-bottom:.55em;padding:.8em .85em;position:relative}.tmw-card--star{border:1px solid var(--t-accent);background:var(--t-surface2);box-shadow:0 0 0 1px #ff8a2b40}.tmw-pill{font-family:var(--mono);letter-spacing:.12em;color:#ffd9a8;background:#4a2a86;border-radius:999px;margin-bottom:.45em;padding:.2em .6em;font-size:.45em;display:inline-block}.tmw-line{align-items:flex-start;gap:.6em;display:flex}.tmw-line span{font-family:var(--t-display);color:var(--t-head);flex:1;font-size:.98em;font-weight:600;line-height:1.15}.tmw-line b{background:var(--t-accent);color:#3a1a02;font-family:var(--t-display);border-radius:999px;flex:none;padding:.22em .6em;font-size:.8em;font-weight:600}.tmw-card p{color:var(--t-soft);margin:.35em 0 0;font-size:.72em;line-height:1.35}.tmw-tags{gap:.4em;margin-top:.5em;display:flex}.tmw-tags i{font-family:var(--mono);letter-spacing:.06em;border-radius:.5em;padding:.18em .5em;font-size:.44em;font-style:normal}.tmw-tags .is-kcal{color:#9be39e;background:#4cb05033}.tmw-tags .is-alg{color:#ffb877;background:#ff8a2b29}.tmw-intro{background:radial-gradient(130% 90% at 50% 15%,#2b1666 0%,#170c38 55%,#0e0722 100%)}.tmw-stars i{opacity:0;background:#fff;border-radius:50%;width:2px;height:2px;position:absolute}.tmw-cloud{aspect-ratio:200/80;width:70%;height:auto;position:absolute}.tmw-cloud--1{color:#2c1a63;top:4%;left:-10%}.tmw-cloud--2{color:#241457;width:58%;top:20%;right:-14%}.tmw-bolts{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tmw-bolt path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.tmw-bolt .halo{stroke:#9b83ff;stroke-width:13px;--pk:.5;filter:blur(5px)}.tmw-bolt .mid{stroke:#cbbcff;stroke-width:5px;--pk:.85;filter:blur(1px)}.tmw-bolt .core{stroke:#fff;stroke-width:2px;--pk:1;filter:drop-shadow(0 0 3px #fff)}.tmw-bolt .br{stroke-width:1.2px}.tmw-flash{opacity:0;background:radial-gradient(80% 62% at 50% 0,#fffae4f2,#c4a6ff80 46%,#0000 82%);position:absolute;inset:0}.tmw-logo{flex-direction:column;justify-content:center;align-items:center;gap:.15em;display:flex;position:absolute;inset:0}.tmw-glow{aspect-ratio:1;opacity:0;filter:blur(5px);background:radial-gradient(closest-side,#ff8a2b80,#0000 72%);border-radius:50%;width:15em;position:absolute;top:50%;left:50%;translate:-50% -50%}.tmw-word{opacity:0;align-items:center;gap:.2em;display:flex;position:relative}.tmw-word b{font-family:var(--t-display);letter-spacing:-.01em;color:#c9a6ff;-webkit-text-stroke:.09em #fff3dc;paint-order:stroke fill;white-space:nowrap;font-size:2.15em;font-weight:600;line-height:1.1}.tmw-hat{width:2.6em;height:auto}.tmw-sub{opacity:0;font-family:var(--t-display);color:#ffc24d;-webkit-text-stroke:.08em #4a2a86;paint-order:stroke fill;font-size:.86em;font-weight:600;position:relative}.tmw-pk{width:var(--w);opacity:0;position:absolute}.tmw-gh{opacity:0;width:3.4em;position:absolute}.tmw-bat{width:calc(3.2em * var(--bs,1));opacity:0;position:absolute;left:-22%}.tmw-skip{text-align:center;font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#fff1dc80;opacity:0;margin:0;font-size:.46em;position:absolute;bottom:1.1em;left:0;right:0}.tm--witch{--k:.6}.tm--witch.is-run .tmw-stars i{animation:tmw-tw 2.6s ease-in-out var(--d) infinite}.tm--witch.is-run .tmw-cloud{animation:tmw-lit calc(.9s * var(--k)) linear calc(.33s * var(--k)), tmw-lit calc(.9s * var(--k)) linear calc(.93s * var(--k)), tmw-lit calc(1.1s * var(--k)) linear calc(1.53s * var(--k))}.tm--witch.is-run .tmw-bolt path{animation:tmw-strike calc(.8s * var(--k)) linear calc(var(--t0,.3s) * var(--k)) forwards}.tm--witch.is-run .tmw-bolt--2 path{--t0:.92s}.tm--witch.is-run .tmw-flash--1{animation:tmw-flash calc(.75s * var(--k)) ease-out calc(.34s * var(--k)) forwards}.tm--witch.is-run .tmw-flash--2{animation:tmw-flash calc(.75s * var(--k)) ease-out calc(.94s * var(--k)) forwards}.tm--witch.is-run .tmw-flash--3{animation:tmw-flash calc(1s * var(--k)) ease-out calc(1.54s * var(--k)) forwards}.tm--witch.is-run .tmw-word,.tm--witch.is-run .tmw-sub{animation:tmw-logo-in calc(1s * var(--k)) cubic-bezier(.34, 1.56, .64, 1) calc(1.62s * var(--k)) both}.tm--witch.is-run .tmw-sub{animation-delay:calc(1.78s * var(--k))}.tm--witch.is-run .tmw-glow{animation:tmw-glow calc(2.2s * var(--k)) ease-out calc(1.6s * var(--k)) forwards}.tm--witch.is-run .tmw-intro .tmw-pk{animation:tmw-pop calc(.75s * var(--k)) cubic-bezier(.34, 1.56, .64, 1) calc(var(--d) * var(--k)) forwards, tmw-bob 3.2s ease-in-out calc(var(--d) * var(--k) + .8s) infinite}.tm--witch.is-run .tmw-intro .tmw-gh{animation:tmw-pop calc(.8s * var(--k)) cubic-bezier(.34, 1.56, .64, 1) calc(var(--d) * var(--k)) forwards, tmw-bob 3.6s ease-in-out calc(var(--d) * var(--k) + .9s) infinite}.tm--witch.is-run .tmw-bat{animation:tmw-fly calc(3.4s * var(--k)) linear calc(var(--d) * var(--k)) forwards, tmw-flap .32s ease-in-out calc(var(--d) * var(--k)) infinite}.tm--witch.is-run .tmw-skip{animation:tm-fade-in calc(1s * var(--k)) ease calc(1s * var(--k)) forwards}.tm--witch.is-run .tmw-intro{animation:tmw-out calc(.8s * var(--k)) ease calc(4.2s * var(--k)) forwards}@keyframes tmw-tw{0%,to{opacity:.12;scale:.7}50%{opacity:.95;scale:1.15}}@keyframes tmw-lit{0%{filter:brightness()}12%{filter:brightness(3.4)saturate(1.25)}26%{filter:brightness(1.35)}38%{filter:brightness(2.6)saturate(1.2)}to{filter:brightness()}}@keyframes tmw-strike{0%{opacity:var(--pk);stroke-dashoffset:1px}13%{opacity:var(--pk);stroke-dashoffset:0}24%{opacity:calc(var(--pk) * .22)}34%{opacity:var(--pk)}50%{opacity:calc(var(--pk) * .4)}60%{opacity:calc(var(--pk) * .95)}78%{opacity:calc(var(--pk) * .18)}to{opacity:0;stroke-dashoffset:0}}@keyframes tmw-flash{0%{opacity:0}9%{opacity:.85}22%{opacity:.15}34%{opacity:.68}52%{opacity:.21}to{opacity:0}}@keyframes tmw-logo-in{0%{opacity:0;rotate:-6deg;scale:.55}60%{opacity:1;rotate:1.5deg;scale:1.07}to{opacity:1;rotate:none;scale:1}}@keyframes tmw-glow{0%{opacity:0;scale:.5}40%{opacity:1}to{opacity:.55;scale:1.05}}@keyframes tmw-pop{0%{opacity:0;translate:0 70%;rotate:-14deg;scale:.2}70%{opacity:1;translate:0 -8%;rotate:4deg;scale:1.12}to{opacity:1;translate:0;rotate:none;scale:1}}@keyframes tmw-bob{0%,to{translate:0;rotate:-2deg}50%{translate:0 -8%;rotate:3deg}}@keyframes tmw-fly{0%{opacity:1;translate:0}50%{translate:70% 6%}to{opacity:1;translate:150% 3%}}@keyframes tmw-flap{0%,to{scale:1}50%{scale:1 .7}}@keyframes tmw-out{to{opacity:0;visibility:hidden}}.tm--coastal{--t-bg:#fbfaf6;--t-surface:#fff;--t-surface2:#eef4f6;--t-ink:#2b3a42;--t-soft:#7b8a91;--t-line:#e1e9ec;--t-accent:#2e7da6;--t-head:#2b3a42;--t-display:"Fraunces", Georgia, serif}.tm--coastal .tm-body{padding:2.7em 1.2em 2em}.tmc-head{text-align:center;padding-bottom:1em}.tmc-word{font-family:var(--t-display);letter-spacing:.12em;text-indent:.12em;color:var(--t-head);font-size:1.5em;font-weight:600;line-height:1;display:block}.tmc-sub{letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;color:var(--t-soft);margin-top:.35em;font-size:.66em;display:block}.tmc-wave{width:4.6em;color:var(--t-accent);opacity:.6;margin:.8em auto 0;display:block}.tmc-cat{font-family:var(--t-display);letter-spacing:.16em;text-transform:uppercase;color:var(--t-accent);margin:1.1em 0 .7em;font-size:.88em;font-weight:600}.tmc-head+.tmc-cat{margin-top:.4em}.tmc-row{align-items:baseline;gap:.5em;display:flex}.tmc-row span{font-family:var(--t-display);color:var(--t-head);font-size:.95em;font-weight:600}.tmc-row i{border-bottom:1px dotted #c3d2d8;flex:1;height:1px;translate:0 -.25em}.tmc-row b{color:var(--t-accent);font-size:.92em;font-weight:600}.tmc-row b[data-new]{animation:demo-pop .7s var(--ease);background:#fff2c2;border-radius:.3em;padding:0 .3em;display:inline-block}.tmc-desc{color:var(--t-soft);margin:.1em 0 .95em;font-size:.7em}.tmc-intro{background:linear-gradient(#eef4f6 0%,#fbfaf6 70%);place-items:center;display:grid}.tmc-waves{height:46%;position:absolute;inset:auto 0 0}.tmc-waves i{background:#2e7da629;border-radius:42% 46% 0 0/100% 100% 0 0;height:100%;position:absolute;bottom:0;left:-30%;right:-30%;translate:0 100%}.tmc-waves i:nth-child(2){background:#2e7da61f;bottom:-8%}.tmc-waves i:nth-child(3){background:#2e7da617;bottom:-16%}.tmc-logo{text-align:center;position:relative}.tmc-logo .tmc-word{opacity:0;font-size:1.9em}.tmc-logo .tmc-sub{opacity:0}.tm--coastal{--k:.8}.tm--coastal.is-run .tmc-waves i{animation:tmc-swell calc(1.5s * var(--k)) cubic-bezier(.2, .8, .2, 1) forwards, tmc-roll 6s ease-in-out calc(1.5s * var(--k)) infinite alternate}.tm--coastal.is-run .tmc-waves i:nth-child(2){animation-delay:calc(.16s * var(--k)), calc(1.66s * var(--k))}.tm--coastal.is-run .tmc-waves i:nth-child(3){animation-delay:calc(.32s * var(--k)), calc(1.82s * var(--k))}.tm--coastal.is-run .tmc-logo .tmc-word{animation:tmc-rise calc(1.1s * var(--k)) cubic-bezier(.16, 1, .3, 1) calc(.45s * var(--k)) forwards}.tm--coastal.is-run .tmc-logo .tmc-sub{animation:tmc-rise calc(1.1s * var(--k)) cubic-bezier(.16, 1, .3, 1) calc(.68s * var(--k)) forwards}.tm--coastal.is-run .tmc-intro{animation:tm-intro-out calc(.8s * var(--k)) cubic-bezier(.7, 0, .2, 1) calc(2.3s * var(--k)) forwards}@keyframes tmc-swell{to{translate:0 22%}}@keyframes tmc-roll{to{translate:4% 26%}}@keyframes tmc-rise{0%{opacity:0;translate:0 .8em}to{opacity:1;translate:0}}.scene-view[data-demo=neva] .fact-0{top:-4%;left:40%}.scene-view[data-demo=neva] .fact-1{top:34%;right:-4%}.scene-view[data-demo=neva] .fact-2{bottom:-6%;left:4%}@container (max-width:560px){.demo-neva .demo-in{--pw:42cqw;font-size:2.3cqw}.nv-phone{top:3%;left:4%}.nv-panel{width:47%;top:5%;left:50%}.nv-panel-bar span{display:none}.nv-toast{font-size:.85em;bottom:4%;left:4%;right:4%}.nv-card{width:36%;bottom:5%;right:4%}.nv-label{display:none}}
.demo-okka{background:radial-gradient(110% 90% at 30% 40%, color-mix(in srgb, var(--c) 16%, var(--surface)) 0%, var(--surface) 72%);color:var(--ink)}.ok-wires{width:100%;height:100%;position:absolute;inset:0}.ok-wires path{fill:none;stroke:var(--line-strong);stroke-width:1.5px;stroke-dasharray:4 5;vector-effect:non-scaling-stroke;transition:stroke .4s}.ok-wires path.on{stroke:var(--c);stroke-width:2.5px;stroke-dasharray:6 6;animation:1s linear infinite demo-dash}.ok-doc,.ok-stack{width:37%;height:84%;position:absolute;top:7%;left:4%}.ok-doc{z-index:2;background:var(--surface);border:1px solid var(--line);border-radius:1.1em;flex-direction:column;gap:.7em;padding:1.2em 1.2em 1.1em;transition:border-color .4s;display:flex;box-shadow:0 2em 4em -2em #09263473}.ok-doc[data-state=ok]{border-color:color-mix(in srgb, var(--c) 60%, var(--line))}.ok-stack i{background:var(--surface);border:1px solid var(--line);transform:translate(calc(var(--fan) * var(--n) * .9em), calc(var(--fan) * var(--n) * .7em)) rotate(calc(var(--fan) * var(--n) * 1.6deg));border-radius:1.1em;position:absolute;inset:0;box-shadow:0 1em 2em -1.4em #09263466}.ok-stack i:first-child{--n:3;opacity:.55}.ok-stack i:nth-child(2){--n:2;opacity:.75}.ok-stack i:nth-child(3){--n:1}.ok-batch{z-index:3;background:var(--c);color:var(--ci);font-variant-numeric:tabular-nums;opacity:0;transition:opacity .3s, transform .4s var(--ease);border-radius:999px;padding:.35em .8em;font-size:.78em;font-weight:800;position:absolute;top:-1em;right:-1.6em;transform:scale(.8)}.ok-batch[data-on]{opacity:1;transform:none}.ok-doc-head{justify-content:space-between;align-items:flex-start;gap:.6em;display:flex}.ok-doc-head div{display:grid}.ok-doc-head small{color:var(--muted);font-size:.72em}.ok-doc-head b{font-variation-settings:"wdth" 110;font-size:1.15em}.ok-status{background:var(--surface-2);white-space:nowrap;border-radius:999px;padding:.3em .7em;font-size:.7em;font-weight:700;transition:background .3s,color .3s}.ok-doc[data-state=wait] .ok-status{background:color-mix(in srgb, var(--hot) 22%, var(--surface));color:color-mix(in srgb, var(--hot) 60%, var(--ink))}.ok-doc[data-state=ok] .ok-status{background:var(--c);color:var(--ci)}.ok-party{color:var(--muted);font-size:.78em}.ok-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4em;margin:0;display:grid}.ok-meta div{border:1px solid var(--line);border-radius:.6em;padding:.45em .6em}.ok-meta dt{color:var(--muted);font-size:.62em}.ok-meta dd{font-variant-numeric:tabular-nums;margin:0;font-size:.78em;font-weight:650}.ok-lines{gap:.4em;display:grid}.ok-lines li{background:var(--bg);opacity:0;transition:opacity .35s, transform .45s var(--ease);border-radius:.6em;grid-template-columns:1fr auto auto;gap:.8em;padding:.5em .6em;font-size:.78em;display:grid;transform:translateY(.6em)}.ok-lines li[data-on]{opacity:1;transform:none}.ok-lines em{color:var(--muted);font-variant-numeric:tabular-nums;font-style:normal}.ok-lines b{font-variant-numeric:tabular-nums}.ok-total{border-top:1px dashed var(--line-strong);justify-content:space-between;margin-top:auto;padding-top:.6em;font-size:.9em;display:flex}.ok-total b{font-variant-numeric:tabular-nums}.ok-approve{background:var(--ink);color:var(--bg);text-align:center;border-radius:999px;align-self:stretch;padding:.65em;font-size:.8em;font-weight:700;transition:background .3s,color .3s}.ok-approve[data-done]{background:var(--c);color:var(--ci)}.ok-stamp{border:.18em solid var(--hot);color:var(--hot);letter-spacing:.08em;font-variation-settings:"wdth" 125;pointer-events:none;mix-blend-mode:multiply;border-radius:.3em;padding:.2em .5em;font-size:1.9em;font-weight:900;position:absolute;bottom:19%;right:7%}.dark .ok-stamp{mix-blend-mode:normal}.ok-return{background:var(--ink);color:var(--bg);border-radius:.7em;gap:.1em;padding:.55em .8em;font-size:.78em;display:grid;position:absolute;bottom:-1.4em;left:7%;right:7%;box-shadow:0 1em 2em -1em #00000073}.ok-return span{opacity:.75;font-size:.9em}.ok-panel{background:var(--surface);border:1px solid var(--line);width:44%;box-shadow:var(--shadow);opacity:.45;border-radius:1em;align-content:start;gap:.45em;padding:.85em 1em;transition:opacity .4s,border-color .4s;display:grid;position:absolute;left:52%}.ok-panel[data-on]{opacity:1;border-color:color-mix(in srgb, var(--c) 50%, var(--line))}.ok-panel small{color:var(--muted);font-size:.7em}.ok-stock{top:5%}.ok-stock ol{gap:.3em;display:grid}.ok-stock li{border-radius:.5em;grid-template-columns:auto 1fr auto;gap:.7em;padding:.35em .5em;font-size:.74em;display:grid}.ok-old{color:var(--muted)}.ok-new{background:color-mix(in srgb, var(--c) 14%, transparent);font-weight:650}.ok-stock em{font-variant-numeric:tabular-nums;color:var(--hot);font-style:normal;font-weight:700}.ok-meter{grid-template-columns:1fr auto;align-items:center;gap:.7em;font-size:.75em;display:grid}.ok-meter i{background:var(--line);border-radius:999px;height:.5em;overflow:hidden}.ok-meter u{background:var(--c);transform-origin:0;height:100%;display:block}.ok-meter b{font-variant-numeric:tabular-nums}.ok-account{top:40%}.ok-balance{font-variant-numeric:tabular-nums;font-variation-settings:"wdth" 110;font-size:1.5em}.ok-delta{background:color-mix(in srgb, var(--c) 18%, transparent);color:var(--c);opacity:0;border-radius:999px;justify-self:start;padding:.15em .6em;font-size:.72em;font-weight:700;transition:opacity .3s}.dark .ok-delta{color:var(--ink)}.ok-delta[data-on]{opacity:1}.ok-cost{top:63%}.ok-share{grid-template-columns:7.5em 1fr 4.2em;align-items:center;gap:.6em;font-size:.74em;display:grid}.ok-share span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ok-share i{background:var(--line);border-radius:999px;height:.55em;overflow:hidden}.ok-share u{background:linear-gradient(90deg, var(--c), color-mix(in srgb, var(--c) 50%, var(--hot)));transform-origin:0;width:100%;height:100%;display:block}.ok-share b{text-align:right;font-variant-numeric:tabular-nums}.ok-runner{z-index:4;color:#e8f0f3;will-change:transform;background:#092634;border:1px solid #f9f9f91f;border-radius:1em;flex-direction:column;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:absolute;bottom:5%;left:30%;right:3%;overflow:hidden;box-shadow:0 2.4em 4em -1.6em #0009}.ok-runner-bar{background:#004e72;align-items:center;gap:.45em;padding:.6em .9em;font-size:.78em;display:flex}.ok-runner-bar i{background:#f9f9f959;border-radius:50%;width:.65em;height:.65em}.ok-runner-bar i:first-child{background:#ff6e42}.ok-runner-bar span{margin-left:.5em;font-weight:700}.ok-runner-bar em{opacity:.7;margin-left:auto;font-size:.9em;font-style:normal}.ok-runner ul{gap:.35em;padding:.9em 1em .4em;font-size:.78em;display:grid}.ok-runner li{color:#e8f0f373;grid-template-columns:1.4em 1fr auto;gap:.3em;transition:color .3s;display:grid}.ok-runner li[data-pass]{color:#e8f0f3}.ok-tick{color:#e8f0f366}.ok-runner li[data-pass] .ok-tick{color:#4cd38a;font-weight:700}.ok-runner li em{opacity:.55;font-style:normal}.ok-summary{color:#ff9b7a;padding:.3em 1em .9em;font-size:.8em}.ok-summary[data-on]{color:#4cd38a;font-weight:700}.scene-view[data-demo=okka] .fact-0{top:-5%;left:2%}.scene-view[data-demo=okka] .fact-1{top:-5%;left:auto;right:2%}.scene-view[data-demo=okka] .fact-2{bottom:-6%;left:36%}@container (max-width:560px){.ok-wires{display:none}.ok-doc,.ok-stack{width:54%;height:57%;top:4%;left:4%}.ok-doc{gap:.5em;padding:.9em}.ok-lines li{grid-template-columns:1fr auto}.ok-lines em{display:none}.ok-return{font-size:.7em;bottom:-1em}.ok-meta{display:none}.ok-stamp{font-size:1.4em;bottom:30%}.ok-panel{width:36%;padding:.6em .7em;left:61%}.ok-stock{top:4%}.ok-stock li{grid-template-columns:1fr auto}.ok-stock li span:first-child{display:none}.ok-account{top:38%}.ok-balance{font-size:1.15em}.ok-cost{width:auto;top:68%;left:4%;right:4%}.ok-runner{bottom:4%;left:4%;right:4%}.ok-runner-bar em{display:none}}
.demo-sea{--sw-bg:#10151c;--sw-panel:#141b24;--sw-line:#ffffff14;--sw-go:#22c55e;--sw-stop:#f59e0b;--sw-cyan:#38bdf8;background:var(--sw-bg);color:#dbe4ea;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sw-top{border-bottom:1px solid var(--sw-line);white-space:nowrap;background:#0d1218;align-items:center;gap:1.2em;height:9%;padding:0 1.2em;font-size:.72em;display:flex;position:absolute;inset:0 0 auto}.sw-brand{font-family:var(--font-archivo), sans-serif;letter-spacing:.12em;font-size:1.15em;font-weight:800}.sw-clock{color:#8b9aa6}.sw-live{color:var(--sw-go);align-items:center;gap:.45em;font-weight:700;display:inline-flex}.sw-live i{background:var(--sw-go);border-radius:50%;width:.6em;height:.6em;animation:1.2s ease-in-out infinite sw-blink}@keyframes sw-blink{50%{opacity:.3}}.sw-counts{border:1px solid var(--sw-line);color:#8b9aa6;border-radius:.5em;margin-left:auto;padding:.35em .8em}.sw-counts b{color:var(--sw-cyan);font-variant-numeric:tabular-nums}.sw-counts .sw-go{color:var(--sw-go);margin-left:.5em}.sw-counts .sw-stop{color:var(--sw-stop);margin-left:.5em}.sw-map{background:#2b2e33;width:72%;position:absolute;top:9%;bottom:0;left:0;overflow:hidden}.sw-map>svg{width:100%;height:100%;display:block}.sw-land{fill:#2b2e33}.sw-sea{fill:#1a1d22;stroke:#3a3e45;stroke-width:.35px}.sw-label{text-anchor:middle;fill:#ffffff47;letter-spacing:.4px;font-size:3.2px;font-family:var(--font-archivo), sans-serif}.sw-label-sea{letter-spacing:0;fill:#fff3;font-style:italic}.sw-region{fill:var(--sw-cyan);fill-opacity:0;stroke:var(--sw-cyan);stroke-width:.5px;stroke-dasharray:1;stroke-linejoin:round;vector-effect:none}.sw-region-done{stroke-dasharray:none;fill-opacity:.14}.sw-region-name{fill:var(--sw-cyan);font-size:2.6px;font-family:var(--font-archivo), sans-serif;text-anchor:middle;font-weight:700}.sw-ship{fill:var(--sw-go);stroke:#0b3d1e;stroke-width:.25px;transition:fill .4s}.sw-ship-hit{fill:#7df0a8;filter:drop-shadow(0 0 1.2px var(--sw-go))}.sw-anchor{fill:var(--sw-stop);stroke:#4a2d00;stroke-width:.25px}.sw-ping{fill:none;stroke:var(--sw-cyan);stroke-width:.35px;transform-box:fill-box;transform-origin:50%;animation:.9s ease-out forwards sw-ping}@keyframes sw-ping{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(5)}}.sw-sql{opacity:0;transition:opacity .35s, transform .45s var(--ease);background:#0d1218e0;border:1px solid #38bdf866;border-radius:.6em;gap:.3em;padding:.6em .8em;font-size:.72em;display:grid;position:absolute;top:5%;left:3%;transform:translateY(-.6em)}.sw-sql[data-on]{opacity:1;transform:none}.sw-sql code{color:var(--sw-cyan)}.sw-sql b{color:#fff;font-family:var(--font-archivo), sans-serif;font-variant-numeric:tabular-nums}.sw-log{border:1px solid var(--sw-line);white-space:nowrap;background:#0d1218d9;border-radius:.6em;gap:.25em;padding:.6em .8em;font-size:.62em;display:grid;position:absolute;bottom:5%;left:3%}.sw-log-head{color:#8b9aa6}.sw-log span{color:var(--sw-cyan)}.sw-log b{color:var(--sw-go);font-weight:400}.sw-list{border-left:1px solid var(--sw-line);background:var(--sw-panel);width:28%;padding:1em .8em;position:absolute;top:9%;bottom:0;right:0}.sw-list-head{font-family:var(--font-archivo), sans-serif;letter-spacing:.06em;margin-bottom:.7em;font-size:.78em;font-weight:800}.sw-list ul{gap:.45em;display:grid}.sw-list li{border:1px solid var(--sw-line);background:#18212c;border-radius:.5em;grid-template-columns:1fr auto;gap:.1em .4em;padding:.55em .65em;font-size:.66em;transition:opacity .3s;display:grid}.sw-list li b{color:var(--sw-cyan);font-family:var(--font-archivo), sans-serif;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sw-list li span{color:#8b9aa6;grid-column:1;font-size:.85em}.sw-list li em{color:#dbe4ea;font-variant-numeric:tabular-nums;grid-area:1/2/3;align-self:center;font-style:normal}.sw-phone{z-index:3;aspect-ratio:9/19;will-change:transform;background:linear-gradient(145deg,#2a2a30,#0c0c10);border-radius:2em;width:21%;padding:.45em;position:absolute;top:13%;right:4%;box-shadow:0 3em 6em -1.5em #000c,inset 0 0 0 1.5px #4b4b55}.sw-phone-screen{background:var(--sw-panel);border-radius:1.6em;flex-direction:column;height:100%;display:flex;overflow:hidden}.sw-phone-head{justify-content:space-between;align-items:center;padding:1.6em .9em .6em;font-size:.72em;display:flex}.sw-phone-head b{font-family:var(--font-archivo), sans-serif;letter-spacing:.08em}.sw-phone-head span{color:var(--sw-go);align-items:center;gap:.35em;display:inline-flex}.sw-phone-head i{background:var(--sw-go);border-radius:50%;width:.55em;height:.55em;animation:1.2s ease-in-out infinite sw-blink}.sw-phone-map{width:100%;height:42%;display:block}.sw-phone-screen ul{gap:.35em;padding:.7em;display:grid}.sw-phone-screen li{background:#18212c;border-radius:.5em;justify-content:space-between;gap:.4em;padding:.45em .55em;font-size:.58em;display:flex}.sw-phone-screen li b{color:var(--sw-cyan);white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-archivo), sans-serif;overflow:hidden}.sw-phone-screen li em{font-style:normal}.sw-sync{color:var(--sw-go);text-align:center;background:#22c55e26;border-radius:999px;margin:auto .7em .9em;padding:.4em .6em;font-size:.56em}.scene-view[data-demo=seawatch] .fact-0{top:-5%;left:34%}.scene-view[data-demo=seawatch] .fact-1{top:46%;left:-4%;right:auto}.scene-view[data-demo=seawatch] .fact-2{bottom:-5%;left:40%}@container (max-width:560px){.sw-top{gap:.8em;height:11%;padding:0 .8em;font-size:.62em}.sw-clock{display:none}.sw-map{width:100%;top:11%}.sw-list{display:none}.sw-log{font-size:.52em}.sw-phone{width:34%;top:18%;right:4%}}
.demo-loop{background:radial-gradient(120% 100% at 20% 0%, color-mix(in srgb, var(--c) 30%, var(--surface)) 0%, color-mix(in srgb, var(--c) 8%, var(--surface)) 60%);color:var(--ink)}.media>.demo-loop .demo-in{font-size:3.3cqw}.case-media>.demo-loop .demo-in{font-size:1.7cqw}@container (max-width:560px){.case-media>.demo-loop .demo-in{font-size:3.3cqw}}.lp-card{background:var(--surface);border:1px solid var(--line);border-radius:1em;padding:1em 1.1em;position:absolute;box-shadow:0 1.6em 3.2em -1.6em #09263473}.lp-row{justify-content:space-between;align-items:center;gap:.6em;display:flex}.lp-pill{background:var(--c);color:var(--ci);border-radius:999px;padding:.25em .7em;font-size:.72em;font-weight:750}.lp-muted{color:var(--muted);font-size:.7em}.lp-chip{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;align-items:center;gap:.45em;padding:.4em .85em;font-size:.74em;font-weight:700;display:inline-flex;position:absolute}.lp-chip-dark{background:var(--navy);color:var(--paper);border-color:#0000}.lp-dot{background:#22c55e;border-radius:50%;width:.55em;height:.55em;animation:1.2s ease-in-out infinite sw-blink}.arc-ticket{gap:.45em;width:56%;display:grid;top:8%;left:6%}.arc-ticket b{font-variation-settings:"wdth" 112;font-size:1.2em}.arc-device{font-weight:650}.arc-steps{gap:.3em;margin-top:.3em;display:grid}.arc-steps li{color:var(--muted);align-items:center;gap:.6em;font-size:.78em;transition:color .3s;display:flex}.arc-steps li i{border:2px solid var(--line-strong);border-radius:50%;width:.8em;height:.8em;transition:background .3s,border-color .3s}.arc-steps li[data-on]{color:var(--ink)}.arc-steps li[data-on] i{background:var(--c);border-color:var(--c)}.arc-steps li[data-now]{font-weight:750}.arc-steps li[data-now] i{box-shadow:0 0 0 .3em color-mix(in srgb, var(--c) 30%, transparent)}.arc-badges{justify-items:end;gap:.6em;width:30%;display:grid;position:absolute;top:10%;right:5%}.arc-badges .lp-chip{white-space:normal;text-align:right;position:static}.arc-slip{color:#222;background:#fffdf7;border-radius:.7em .7em 0 0;gap:.3em;width:42%;padding:.9em 1em 1.6em;font-size:.78em;display:grid;position:absolute;bottom:0;right:6%;box-shadow:0 -1em 2em -1em #0000004d}.arc-slip span{color:#555;justify-content:space-between;display:flex}.arc-slip em{color:#222;font-style:normal;font-weight:750}.hb-sheet{padding:.6em;top:8%;left:6%;right:6%}.hb-row{font-variant-numeric:tabular-nums;border-radius:.5em;grid-template-columns:1.6fr .8fr 1fr .9fr 1fr;align-items:center;gap:.4em;min-height:2.6em;padding:.35em .5em;font-size:.8em;display:grid}.hb-head{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;min-height:0;font-size:.68em}.hb-row[data-on]{background:color-mix(in srgb, var(--c) 18%, transparent)}.hb-row[data-typing]{outline:2px solid var(--c);outline-offset:-2px}.hb-auto{color:var(--muted)}.hb-row[data-on] .hb-auto{color:inherit}.hb-caret{vertical-align:-.15em;background:var(--ink);width:2px;height:1em;margin-left:2px;animation:.8s steps(2,end) infinite sw-blink;display:inline-block}.hb-foot{border-top:1px dashed var(--line-strong);justify-content:space-between;margin-top:.4em;padding:.55em .5em 0;font-size:.78em;display:flex}.hb-keys{gap:.5em;display:flex;position:absolute;bottom:8%;left:6%}.hb-keys kbd{background:var(--surface);border:1px solid var(--line-strong);min-width:2.6em;box-shadow:0 .25em 0 var(--line-strong);text-align:center;border-radius:.5em;padding:.5em .7em;font:700 .78em/1 ui-monospace,monospace;transition:transform .1s,box-shadow .1s}.hb-keys kbd[data-down]{box-shadow:0 .05em 0 var(--line-strong);background:var(--c);color:var(--ci);transform:translateY(.2em)}.hb-vega{bottom:9%;right:6%}.hb-vega[data-on]{background:#157a41}.gl-src{top:8%}.gl-a{left:6%}.gl-b{right:6%}.gl-packet{z-index:2;background:var(--c);width:.9em;height:.9em;box-shadow:0 0 .8em var(--c);border-radius:50%;transition:opacity .2s;position:absolute;translate:-50% -50%}.gl-table{opacity:.55;padding:.6em .8em;transition:opacity .4s;top:34%;left:8%;right:8%}.gl-table[data-on]{opacity:1}.gl-row{font-variant-numeric:tabular-nums;border-radius:.5em;grid-template-columns:1.6fr 1fr 1fr 1.1fr;align-items:center;gap:.4em;padding:.45em .4em;font-size:.8em;transition:background .3s;display:grid}.gl-head{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.66em}.gl-row b{color:color-mix(in srgb, var(--hot) 55%, var(--ink));text-align:right}.gl-row[data-alert]{background:color-mix(in srgb, var(--hot) 16%, transparent);animation:1.4s ease-in-out infinite demo-ring-row}@keyframes demo-ring-row{50%{background:color-mix(in srgb, var(--hot) 28%, transparent)}}.gl-note{margin:.4em .4em 0}.tk-board{grid-template-columns:repeat(3,1fr);gap:.5em;height:50%;display:grid;position:absolute;top:8%;left:5%;right:5%}.tk-col{background:color-mix(in srgb, var(--surface) 60%, transparent);border:1px dashed var(--line-strong);border-radius:.8em;padding:.6em}.tk-col small{color:var(--muted);font-size:.7em;font-weight:700}.tk-card{gap:.2em;width:29%;padding:.65em .7em;font-size:.78em;transition:left .1s linear;display:grid;top:28%}.tk-card b{font-size:.95em}.tk-card span{color:var(--muted);font-size:.85em}.tk-card em{font-style:normal;font-weight:750}.tk-wa{bottom:10%;left:5%}.tk-wa[data-on]{border-color:#25d366}.tk-slip{color:#222;background:#fffdf7;border-radius:.4em;align-content:start;gap:.35em;width:34%;height:34%;padding:.8em;font-size:.72em;display:grid;position:absolute;bottom:6%;right:6%;box-shadow:0 1em 2em -1em #0006}.tk-slip span{color:#666}.tk-slip i{background:#e4e0d4;border-radius:999px;height:.45em}.tk-slip i:nth-of-type(2){width:70%}.tk-slip i:nth-of-type(3){width:45%}