@font-face{font-family: "Archivo WL";src: url("/assets/fonts/archivo-var.ab14a4a343.woff2") format("woff2");font-weight: 100 900;font-stretch: 62% 125%;font-style: normal;font-display: swap}@font-face{font-family: "Recursive WL";src: url("/assets/fonts/recursive-mono.bda8bb8f02.woff2") format("woff2");font-weight: 300 1000;font-style: normal;font-display: swap}:root{color-scheme: light;--paper: #f3f7f8;--surface: #ffffff;--wash: #e4f3f6;--wash-2: #eaf1f3;--ink: #0b2b33;--ink-2: #4a6670;--deep: #0a5f70;--deep-hover: #084c5a;--sky: #6cc6d6;--sky-soft: #b6e3eb;--mint: #8fe0ad;--ok: #1d6e45;--ok-wash: #e2f4e9;--err: #b3261e;--err-wash: #fbe9e7;--warn-wash: #fbf1dc;--rule: #d3e1e4;--rule-strong: #b3c8cd;--f-sans: "Archivo WL","Segoe UI",system-ui,-apple-system,sans-serif;--f-mono: "Recursive WL","Cascadia Mono",Consolas,ui-monospace,monospace;--t-xs: .8125rem;--t-s: .9375rem;--t-m: 1.0625rem;--t-l: 1.3125rem;--t-xl: 1.625rem;--t-2xl: clamp(1.75rem,1.15rem + 2.1vw,2.55rem);--t-hero: clamp(2.3rem,1.05rem + 4.6vw,4.55rem);--gutter: clamp(16px,4vw,40px);--maxw: 1200px;--sec: clamp(64px,8vw,120px);--shadow-win: 0 30px 60px -28px rgba(10,95,112,.42),0 2px 6px rgba(11,43,51,.07)}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-behavior: smooth}body{margin: 0;background: var(--paper);color: var(--ink);font-family: var(--f-sans);font-size: var(--t-m);line-height: 1.55;font-stretch: 100%;overflow-x: hidden}img,svg,video{max-width: 100%;display: block}figure{margin: 0}img{height: auto}a{color: var(--deep);text-underline-offset: .18em;text-decoration-thickness: 1px}a:hover{color: var(--deep-hover);text-decoration-thickness: 2px}:focus-visible{outline: 3px solid var(--deep);outline-offset: 3px;border-radius: 4px}p{margin: 0 0 1em}ul,ol{margin: 0 0 1em;padding-left: 1.25em}li + li{margin-top: .35em}code,kbd,.mono{font-family: var(--f-mono);font-size: .92em}h1,h2,h3,h4{hyphens: auto;-webkit-hyphens: auto;hyphenate-limit-chars: 12 5 5;overflow-wrap: break-word;margin: 0 0 .5em;line-height: 1.12;font-weight: 760;font-stretch: 112%;letter-spacing: -.012em;text-wrap: balance}h1{font-size: var(--t-hero);font-stretch: 118%;font-weight: 800;letter-spacing: -.02em;line-height: 1.02}h2{font-size: var(--t-2xl)}h3{font-size: var(--t-l);font-stretch: 106%;letter-spacing: -.005em}h4{font-size: var(--t-m);font-stretch: 100%}.lead{font-size: var(--t-l);line-height: 1.45;color: var(--ink-2);max-width: 36em}.muted{color: var(--ink-2)}.small{font-size: var(--t-s)}.xs{font-size: var(--t-xs)}.wrap{max-width: var(--maxw);margin-inline: auto;padding-inline: var(--gutter)}.narrow{max-width: 46rem}.prose{max-width: 44rem}.prose h2{margin-top: 2.2em;font-size: var(--t-xl)}.prose h3{margin-top: 1.8em}.prose>:first-child{margin-top: 0}.skip{position: absolute;left: -999px;top: 8px;background: var(--surface);padding: 8px 12px;z-index: 50}.skip:focus{left: 8px}.nowrap{white-space: nowrap}.visually-hidden{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}[hidden]{display: none !important}.masthead{position: sticky;top: 0;z-index: 45;background: rgba(243,247,248,.94);border-bottom: 1px solid transparent}@supports (backdrop-filter: blur(8px)){.masthead{background: rgba(243,247,248,.82);backdrop-filter: blur(10px)}}html{scroll-padding-top: 88px}.nav-mobile-bar{display: none;margin-left: auto;align-items: center;gap: 8px}.nav-mobile-bar .btn-small{min-height: 42px;color: #fff}.masthead-in{display: flex;align-items: center;gap: 24px;min-height: 76px}.brand{display: inline-flex;flex: 0 0 auto}.brand img{width: 206px;height: auto;aspect-ratio: 377.8 / 64}.nav-main{margin-left: auto;display: flex;align-items: center;gap: 4px}.nav-main a{white-space: nowrap;color: var(--ink);text-decoration: none;padding: 8px 10px;border-radius: 6px;font-size: var(--t-s);font-weight: 560}.nav-main a:hover{background: var(--wash);color: var(--ink)}.nav-main a[aria-current="page"]{color: var(--deep);box-shadow: inset 0 -2px 0 var(--deep);border-radius: 0}.nav-main .btn{margin-left: 10px;color: #fff;padding: 10px 16px}.nav-main .btn:hover{background: var(--deep-hover);color: #fff}.nav-mobile{position: relative}.nav-mobile summary{list-style: none;cursor: pointer;padding: 9px 14px;min-height: 42px;display: flex;align-items: center;border: 1.5px solid var(--rule-strong);border-radius: 8px;font-weight: 620;font-size: var(--t-s);background: var(--surface)}.nav-mobile summary::-webkit-details-marker{display: none}.nav-mobile[open] summary{border-color: var(--deep)}.nav-mobile ul{position: absolute;right: 0;top: calc(100% + 8px);z-index: 40;list-style: none;margin: 0;padding: 8px;width: min(300px,calc(100vw - 32px));background: var(--surface);border: 1px solid var(--rule);border-radius: 12px;box-shadow: var(--shadow-win)}.nav-mobile li + li{margin-top: 0}.nav-mobile a{display: block;padding: 11px 12px;color: var(--ink);text-decoration: none;border-radius: 8px;font-weight: 560}.nav-mobile a:hover,.nav-mobile a[aria-current="page"]{background: var(--wash)}.nav-mobile .btn{margin-top: 6px;text-align: center;color: #fff}@media (max-width: 1140px){.nav-main{display: none}.nav-mobile-bar{display: flex}.masthead-in{min-height: 64px}.brand img{width: 176px}}.crumbs{margin: 4px 0 0}.crumbs ol{list-style: none;margin: 0;padding: 6px 14px;display: inline-flex;flex-wrap: wrap;gap: 6px;align-items: center;background: var(--surface);border: 1px solid var(--rule);border-radius: 8px;font-size: var(--t-xs);color: var(--ink-2)}.crumbs li + li{margin-top: 0}.crumbs li + li::before{content: "\203A";margin-right: 6px;color: var(--rule-strong)}.crumbs a{color: var(--ink-2);text-decoration: none}.crumbs a:hover{color: var(--deep);text-decoration: underline}.btn{display: inline-flex;align-items: center;justify-content: center;gap: .5em;min-height: 48px;padding: 12px 22px;border-radius: 8px;border: 2px solid var(--deep);background: var(--deep);color: #fff;font: inherit;font-weight: 660;font-size: var(--t-m);text-decoration: none;cursor: pointer;line-height: 1.2;font-stretch: 104%}.btn:hover{background: var(--deep-hover);border-color: var(--deep-hover);color: #fff;text-decoration: none}.btn:focus-visible{outline-color: var(--ink)}.btn-ghost{background: transparent;color: var(--deep)}.btn-ghost:hover{background: var(--wash);color: var(--deep-hover)}.btn-small{min-height: 38px;padding: 7px 14px;font-size: var(--t-s)}.btn[disabled],.btn[aria-disabled="true"]{opacity: .55;cursor: not-allowed}.actions{display: flex;flex-wrap: wrap;gap: 12px;align-items: center}.sec{padding-block: var(--sec)}.sec-tight{padding-block: calc(var(--sec) * .6)}.sec-head{max-width: 44rem;margin-bottom: clamp(28px,4vw,48px)}.sec-head p{color: var(--ink-2);font-size: var(--t-l);line-height: 1.45;margin: 0}.band{background: var(--surface);border-block: 1px solid var(--rule)}.more{display: inline-block;margin-top: 18px;font-weight: 620}.hero{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,7fr);grid-template-areas: "t t" "c s";column-gap: clamp(20px,4vw,56px);align-items: start;padding-block: clamp(20px,4vw,56px) clamp(40px,6vw,88px)}.hero-title{grid-area: t;font-size: clamp(2.25rem,.9rem + 4.1vw,4.3rem);font-stretch: 114%;max-width: 13.5em;margin: 0 0 .3em;position: relative;z-index: 2}.hero-copy{grid-area: c;padding-top: clamp(4px,1vw,16px);position: relative;z-index: 2}.hero .scene{grid-area: s;margin-top: -8px}.hero .lead{margin-bottom: 1.3em}.hero-note{margin-top: 18px;font-size: var(--t-s);color: var(--ink-2)}@media (max-width: 560px){h1,h2{font-stretch: 104%}}@media (max-width: 900px){.hero{grid-template-columns: 1fr;grid-template-areas: "t" "c" "s"}.hero .scene{margin-top: 28px}}@media (max-width: 640px){.hero{grid-template-areas: "t" "s" "c"}.hero .scene{margin: 4px 0 20px}}.scene{position: relative;container-type: inline-size;aspect-ratio: 60 / 44}.stage{position: absolute;inset: 0;font-size: 9px;font-size: calc(100cqw / 60);perspective: 95em;perspective-origin: 50% 0%}.floor{position: absolute;left: 8%;right: 4%;bottom: 0;height: 16%;border-radius: 50%;background: radial-gradient(closest-side,rgba(10,95,112,.16),rgba(10,95,112,0))}.rig{position: absolute;left: 3.5em;top: 1.5em;width: 53em;height: 37.5em;transform: rotateX(15deg) rotateY(-14deg) rotateZ(1deg);transform-origin: 50% 100%;animation: win-in .8s cubic-bezier(.2,.7,.2,1) both}.cloud{position: absolute;left: 13.5em;top: 0;width: 26em;animation: cloud-in .45s ease-out both}.cloud svg{width: 100%;height: auto;overflow: visible}.xw{position: absolute;left: 0;top: 9em;width: 53em;height: 28.5em;background: var(--surface);border: 1px solid var(--rule);border-radius: 1.1em;box-shadow: var(--shadow-win)}.xw-bar{height: 3.4em;display: flex;align-items: flex-end;justify-content: space-between;padding: 0 1.4em 0 1.2em;background: var(--deep);border-radius: 1.1em 1.1em 0 0}.xw-tab{display: flex;align-items: center;gap: .7em;height: 2.5em;padding: 0 1.3em;background: var(--surface);border-radius: .7em .7em 0 0;font-size: 1.15em;font-weight: 560}.xw-tab i{width: 1.1em;height: .8em;border: .16em solid var(--deep);border-radius: .15em}.xw-led{align-self: center;width: 1em;height: 1em;border-radius: 50%;background: var(--mint)}.xw-addr{margin: .9em 1.2em;height: 2.6em;display: flex;align-items: center;padding: 0 1em;background: #f4f7f8;border-radius: .6em;font-size: 1.1em;color: var(--ink-2)}.xw-body{display: grid;grid-template-columns: 10.5em 1fr;height: calc(100% - 8.5em)}.xw-side{border-right: 1px solid var(--rule);padding: .6em 0 0 1.2em}.xw-side span{display: flex;align-items: center;gap: .6em;height: 2.4em;font-size: 1.05em;color: var(--ink-2)}.xw-side span::before{content: "";width: .9em;height: .9em;border-radius: .2em;background: var(--sky-soft)}.xw-side .on{color: var(--ink);font-weight: 600}.xw-side .on::before{background: var(--deep)}.xw-main{padding: .6em 1.4em 0 1.6em;min-width: 0}.xw-group{font-size: 1.2em;color: var(--deep);font-weight: 600;margin: .2em 0 .55em}.xw-row{display: grid;grid-template-columns: 1fr 1fr;gap: .8em 1.6em;margin-bottom: 1.1em}.slot{position: relative;display: grid;grid-template-columns: 4.4em minmax(0,1fr) 1em;align-items: center;gap: .8em;height: 4.6em}.slot-pad{width: 4.4em;height: 4.4em;border: .12em dashed var(--rule-strong);border-radius: .7em}.chip{position: absolute;left: 0;top: .1em;width: 4.4em;height: 4.4em;display: grid;place-items: center;background: var(--surface);border: .2em solid var(--ink);border-radius: .7em;font-family: var(--f-mono);font-weight: 700;font-size: 1em;color: var(--ink);box-shadow: 0 .5em 1em -.4em rgba(11,43,51,.35);animation: chip-drop .8s cubic-bezier(.25,.75,.3,1) both}.chip b{font-size: 2.1em;line-height: 1;letter-spacing: -.04em}.chip::after{content: "";position: absolute;left: .8em;right: .8em;bottom: .55em;height: .28em;border-radius: .2em;background: var(--ok)}.slot-txt{font-size: 1.15em;line-height: 1.3;white-space: nowrap;animation: fade-in .4s ease-out both}.slot-txt small{display: block;font-size: .85em;color: var(--ink-2)}.led{width: 1em;height: 1em;border-radius: 50%;background: var(--mint);box-shadow: 0 0 0 .25em rgba(143,224,173,.35);animation: led-on .5s ease-out both}.slot-1 .chip{--dx: 11.5em;--dy: -15.5em;animation-delay: .55s}.slot-2 .chip{--dx: -8.6em;--dy: -15.5em;animation-delay: .8s}.slot-3 .chip{--dx: 11.5em;--dy: -23.7em;animation-delay: 1.05s}.slot-4 .chip{--dx: -8.6em;--dy: -23.7em;animation-delay: 1.3s}.slot-1 .slot-txt,.slot-1 .led{animation-delay: 1.2s}.slot-2 .slot-txt,.slot-2 .led{animation-delay: 1.45s}.slot-3 .slot-txt,.slot-3 .led{animation-delay: 1.7s}.slot-4 .slot-txt,.slot-4 .led{animation-delay: 1.95s}@media (max-width: 640px){.scene{aspect-ratio: 40 / 36}.stage{font-size: calc(100cqw / 40)}.rig{left: .5em;top: .5em;width: 39em;height: 33em;transform: rotateX(12deg) rotateY(-8deg)}.cloud{left: 10em;width: 19em}.xw{top: 6.6em;width: 39em;height: 26.4em}.xw-body{grid-template-columns: 1fr}.xw-side{display: none}.xw-row{gap: .8em 1em}.slot-txt small{font-size: 1em}.slot-1 .chip,.slot-3 .chip{--dx: 15.3em}.slot-2 .chip,.slot-4 .chip{--dx: -3.3em}.slot-1 .chip,.slot-2 .chip{--dy: -14.5em}.slot-3 .chip,.slot-4 .chip{--dy: -22.7em}}@keyframes win-in{from{opacity: 0;transform: rotateX(28deg) rotateY(-14deg) rotateZ(1deg) translateY(3em)}}@keyframes cloud-in{from{opacity: 0;transform: translateY(2em)}}@keyframes chip-drop{0%{opacity: 0;transform: translate(var(--dx),var(--dy)) scale(.45)}10%{opacity: 1}78%{transform: translate(0,.35em) scale(1.03)}100%{opacity: 1;transform: none}}@keyframes fade-in{from{clip-path: inset(0 100% 0 0);transform: translateX(-.5em)}to{clip-path: inset(0 0 0 0)}}@keyframes led-on{from{opacity: 0;transform: scale(.2)}}.tilt{perspective: 1800px}.tilt-frame{background: var(--surface);border: 1px solid var(--rule);border-radius: 14px;padding: 10px;box-shadow: var(--shadow-win);transform: rotateX(9deg) rotateY(-5deg);transform-origin: 50% 0;transition: transform .5s cubic-bezier(.2,.7,.2,1)}.tilt:hover .tilt-frame,.tilt:focus-within .tilt-frame{transform: none}.tilt-frame img{border-radius: 6px;width: 100%}.tilt figcaption{margin-top: 26px;color: var(--ink-2);font-size: var(--t-s);max-width: 44rem}@media (max-width: 640px){.tilt-frame{transform: none;padding: 6px}}.shot{margin: 28px 0 32px}.shot a{display: block;background: var(--surface);border: 1px solid var(--rule);border-radius: 12px;padding: 8px;box-shadow: 0 16px 36px -26px rgba(10,95,112,.45)}.shot a:hover{border-color: var(--rule-strong)}.shot img{border-radius: 6px;width: 100%}.shot figcaption{margin-top: 10px;font-size: var(--t-s);color: var(--ink-2)}.shot-narrow{max-width: 640px}.split{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: clamp(24px,4vw,56px);align-items: start}.split-wide{grid-template-columns: minmax(0,5fr) minmax(0,7fr)}.split-l,.split-r{display: grid;gap: clamp(24px,4vw,64px);align-items: start}.split-l{grid-template-columns: minmax(0,4fr) minmax(0,8fr)}.split-r{grid-template-columns: minmax(0,8fr) minmax(0,4fr)}.split-r>.sec-head{order: 2}.split-l>.sec-head,.split-r>.sec-head{margin-bottom: 0;position: sticky;top: 100px}@media (max-width: 900px){.split-l,.split-r{grid-template-columns: 1fr}.split-r>.sec-head{order: 0}.split-l>.sec-head,.split-r>.sec-head{position: static;margin-bottom: 8px}}@media (max-width: 860px){.split,.split-wide{grid-template-columns: 1fr}}.steps{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: clamp(16px,2.6vw,32px);counter-reset: s}.steps li{margin: 0}.step-art{background: var(--surface);border: 1px solid var(--rule);border-radius: 16px;padding: 14px;aspect-ratio: 300 / 190}.step-art svg{width: 100%;height: 100%}.step-top{display: flex;align-items: center;gap: 12px;margin-bottom: 14px}.step-line{flex: 1;height: 2px;background: repeating-linear-gradient(90deg,var(--rule-strong) 0 8px,transparent 8px 14px);margin-right: calc(clamp(16px,2.6vw,32px) * -1)}.step:last-child .step-line{visibility: hidden}.step h3{margin: 18px 0 6px}.step-no{flex: 0 0 auto;width: 34px;height: 34px;border-radius: 50%;display: grid;place-items: center;font-family: var(--f-mono);font-size: var(--t-s);font-weight: 700;border: 2px solid var(--deep);color: var(--deep);background: var(--surface)}.step p{color: var(--ink-2);margin: 0;font-size: var(--t-s);line-height: 1.5}@media (max-width: 860px){.steps{grid-template-columns: 1fr;max-width: 520px;margin-inline: auto}.step-line{display: none}}.g-card{fill: var(--surface);stroke: var(--rule);stroke-width: 1.5}.g-soft{fill: var(--wash-2)}.g-wash{fill: var(--wash)}.g-sky{fill: var(--sky)}.g-deep{fill: var(--deep)}.g-ink{fill: var(--ink)}.g-mint{fill: var(--mint)}.g-line{fill: none;stroke: var(--rule-strong);stroke-width: 2}.g-path{fill: none;stroke: var(--deep);stroke-width: 2.5;stroke-linecap: round}.g-check{fill: none;stroke: var(--ink);stroke-width: 3;stroke-linecap: round;stroke-linejoin: round}.m-link,.m-ship1,.m-ship2,.m-ship3,.m-check1,.m-check2{stroke-linecap: butt}.g-t{font-family: var(--f-sans);font-size: 14px;fill: var(--ink);font-weight: 560}.g-t-s{font-family: var(--f-sans);font-size: 12px;fill: var(--ink-2)}.g-t-b{font-family: var(--f-sans);font-size: 15px;fill: var(--ink);font-weight: 700}.g-mono{font-family: var(--f-mono);font-weight: 700;fill: var(--ink)}.g-tile{fill: var(--surface);stroke: var(--ink);stroke-width: 2.4}.g-led{fill: var(--ok)}.g-screen{fill: var(--wash-2);stroke: var(--ink);stroke-width: 2.2}.steps .m{animation-duration: 9s;animation-iteration-count: infinite;animation-timing-function: ease-out;animation-fill-mode: both}.m-check1{stroke-dasharray: 1;animation-name: draw-a}.m-check2{stroke-dasharray: 1;animation-name: draw-b}.m-dot1{animation-name: pop-a;transform-box: fill-box;transform-origin: center}.m-dot2{animation-name: pop-b;transform-box: fill-box;transform-origin: center}.m-link{stroke-dasharray: 1;animation-name: draw-c}.m-tileF{animation-name: pop-c;transform-box: fill-box;transform-origin: center}.m-badge{animation-name: pop-d;transform-box: fill-box;transform-origin: center}.m-ship1{stroke-dasharray: 1;animation-name: draw-e}.m-ship2{stroke-dasharray: 1;animation-name: draw-f}.m-ship3{stroke-dasharray: 1;animation-name: draw-g}.m-pc1{animation-name: pop-e;transform-box: fill-box;transform-origin: center}.m-pc2{animation-name: pop-f;transform-box: fill-box;transform-origin: center}.m-pc3{animation-name: pop-g;transform-box: fill-box;transform-origin: center}.m-on1 .step-no,.m-on2 .step-no,.m-on3 .step-no{animation: 9s infinite both}.m-on1 .step-no{animation-name: step-a}.m-on2 .step-no{animation-name: step-b}.m-on3 .step-no{animation-name: step-c}@keyframes draw-a{0%,6%{stroke-dashoffset: 1}14%,92%{stroke-dashoffset: 0}100%{stroke-dashoffset: 1}}@keyframes draw-b{0%,16%{stroke-dashoffset: 1}24%,92%{stroke-dashoffset: 0}100%{stroke-dashoffset: 1}}@keyframes pop-a{0%,5%{transform: scale(0)}11%,92%{transform: scale(1)}100%{transform: scale(0)}}@keyframes pop-b{0%,15%{transform: scale(0)}21%,92%{transform: scale(1)}100%{transform: scale(0)}}@keyframes draw-c{0%,37%{stroke-dashoffset: 1}47%,92%{stroke-dashoffset: 0}100%{stroke-dashoffset: 1}}@keyframes pop-c{0%,45%{transform: scale(.4);opacity: 0}52%,92%{transform: scale(1);opacity: 1}100%{transform: scale(.4);opacity: 0}}@keyframes pop-d{0%,52%{transform: scale(0)}58%,92%{transform: scale(1)}100%{transform: scale(0)}}@keyframes draw-e{0%,68%{stroke-dashoffset: 1}74%,92%{stroke-dashoffset: 0}100%{stroke-dashoffset: 1}}@keyframes draw-f{0%,70%{stroke-dashoffset: 1}76%,92%{stroke-dashoffset: 0}100%{stroke-dashoffset: 1}}@keyframes draw-g{0%,72%{stroke-dashoffset: 1}78%,92%{stroke-dashoffset: 0}100%{stroke-dashoffset: 1}}@keyframes pop-e{0%,74%{transform: scale(.6);opacity: .25}79%,92%{transform: scale(1);opacity: 1}100%{transform: scale(.6);opacity: .25}}@keyframes pop-f{0%,76%{transform: scale(.6);opacity: .25}81%,92%{transform: scale(1);opacity: 1}100%{transform: scale(.6);opacity: .25}}@keyframes pop-g{0%,78%{transform: scale(.6);opacity: .25}83%,92%{transform: scale(1);opacity: 1}100%{transform: scale(.6);opacity: .25}}@keyframes step-a{0%,30%{background: var(--deep);color: #fff}34%,100%{background: var(--surface);color: var(--deep)}}@keyframes step-b{0%,32%{background: var(--surface);color: var(--deep)}36%,62%{background: var(--deep);color: #fff}66%,100%{background: var(--surface);color: var(--deep)}}@keyframes step-c{0%,64%{background: var(--surface);color: var(--deep)}68%,94%{background: var(--deep);color: #fff}98%,100%{background: var(--surface);color: var(--deep)}}.modes{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: clamp(16px,3vw,40px)}.mode{background: var(--surface);border: 1px solid var(--rule);border-radius: 20px;padding: clamp(20px,3vw,32px)}.mode-art{aspect-ratio: 320 / 150;margin-bottom: 18px}.mode-art svg{width: 100%;height: 100%}.mode h3{margin-bottom: 4px}.mode .plan-tag{display: inline-block;margin-bottom: 14px;font-size: var(--t-xs);font-weight: 620;color: var(--deep);background: var(--wash);border-radius: 999px;padding: 3px 10px}.mode p{color: var(--ink-2);margin: 0}@media (max-width: 760px){.modes{grid-template-columns: 1fr}}.flow-r{stroke-dasharray: 6 8;animation: dash-r 1.2s linear infinite}.flow-l{stroke-dasharray: 6 8;animation: dash-l 1.2s linear infinite}@keyframes dash-r{to{stroke-dashoffset: -28}}@keyframes dash-l{to{stroke-dashoffset: 28}}.m-stream{animation: stream-go 6s ease-in-out infinite both}.m-click{animation: click-ring 6s ease-out infinite both;transform-box: fill-box;transform-origin: center}.m-arrive{animation: arrive 6s ease-out infinite both}@keyframes stream-go{0%,18%{transform: translate(0,0);opacity: 0}22%{opacity: 1}52%{transform: translate(178px,0);opacity: 1}58%,100%{transform: translate(178px,0);opacity: 0}}@keyframes click-ring{0%,6%{transform: scale(.3);opacity: 0}10%{opacity: .9}18%,100%{transform: scale(1.6);opacity: 0}}@keyframes arrive{0%,52%{opacity: 0}58%,90%{opacity: 1}100%{opacity: 0}}.flow-art{background: var(--surface);border: 1px solid var(--rule);border-radius: 20px;padding: clamp(10px,2vw,28px)}.flow-art .tall{display: none}.facts{list-style: none;padding: 0;margin: 28px 0 0;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0 clamp(16px,3vw,40px)}.facts li{padding: 16px 0 0 30px;border-top: 2px solid var(--rule);position: relative;margin: 0;color: var(--ink)}.facts li::before{content: "";position: absolute;left: 2px;top: 23px;width: 12px;height: 12px;border-radius: 50%;background: var(--mint);box-shadow: 0 0 0 4px rgba(143,224,173,.3)}@media (max-width: 860px){.facts{grid-template-columns: 1fr}.facts li{padding-bottom: 14px}}@media (max-width: 900px){.flow-art .wide{display: none}.flow-art .tall{display: block;max-width: 420px;margin-inline: auto}}.pkt-r{animation: pkt-r 4.8s linear infinite both}.pkt-l{animation: pkt-l 4.8s linear infinite both}.pkt-d{animation: pkt-d 4.8s linear infinite both}.pkt-u{animation: pkt-u 4.8s linear infinite both}.pkt-2{animation-delay: -2.4s}.pkt-still{opacity: 0}.run-wide{--run: 384px}.run-tall{--run: 198px}@keyframes pkt-r{0%{transform: translateX(0);opacity: 0}8%{opacity: 1}92%{opacity: 1}100%{transform: translateX(var(--run,360px));opacity: 0}}@keyframes pkt-l{0%{transform: translateX(0);opacity: 0}8%{opacity: 1}92%{opacity: 1}100%{transform: translateX(calc(var(--run,360px) * -1));opacity: 0}}@keyframes pkt-d{0%{transform: translateY(0);opacity: 0}8%{opacity: 1}92%{opacity: 1}100%{transform: translateY(var(--run,200px));opacity: 0}}@keyframes pkt-u{0%{transform: translateY(0);opacity: 0}8%{opacity: 1}92%{opacity: 1}100%{transform: translateY(calc(var(--run,200px) * -1));opacity: 0}}.cfg{stroke: var(--deep);stroke-width: 2;fill: none;stroke-dasharray: 3 7;stroke-linecap: round;animation: dash-r 1.6s linear infinite}.cfg-rev{animation-name: dash-l}.js [data-motion]:not(.is-playing) *{animation-play-state: paused !important}.table-wrap{overflow-x: auto;-webkit-overflow-scrolling: touch;border: 1px solid var(--rule);border-radius: 16px;background: var(--surface)}table{border-collapse: collapse;width: 100%;font-size: var(--t-s)}th,td{text-align: left;vertical-align: top;padding: 14px 18px;border-bottom: 1px solid var(--rule)}tbody tr:last-child th,tbody tr:last-child td{border-bottom: 0}thead th{font-size: var(--t-xs);color: var(--ink-2);font-weight: 620;background: var(--wash-2)}tbody th{font-weight: 640;width: 24%}td.us{background: #f3fbf6}caption{caption-side: bottom;text-align: left;padding: 12px 18px;font-size: var(--t-xs);color: var(--ink-2);border-top: 1px solid var(--rule)}.cmp td:nth-child(2){font-weight: 560}@media (max-width: 640px){.cmp thead{display: none}.cmp,.cmp tbody,.cmp tr,.cmp th,.cmp td{display: block;width: auto}.cmp tr{padding: 12px 16px;border-bottom: 1px solid var(--rule)}.cmp tbody tr:last-child{border-bottom: 0}.cmp th,.cmp td{border: 0;padding: 4px 0}.cmp th{font-size: var(--t-m);padding-bottom: 6px}.cmp td::before{content: attr(data-label) ": ";font-weight: 620;color: var(--ink-2)}.cmp td.us{background: none}.cmp{display: flex;flex-direction: column}.cmp caption{display: block;order: 2;width: auto}}sup a{text-decoration: none;font-size: .78em;padding: 0 2px}.sources{font-size: var(--t-xs);color: var(--ink-2);padding-left: 1.4em}.sources li{word-break: break-word}.cycle{display: inline-flex;padding: 4px;border-radius: 999px;background: var(--surface);border: 1px solid var(--rule);margin-bottom: 28px}.cycle input{position: absolute;opacity: 0;width: 1px;height: 1px}.cycle label{padding: 9px 18px;border-radius: 999px;cursor: pointer;font-weight: 600;font-size: var(--t-s);color: var(--ink-2)}.cycle input:checked + label{background: var(--deep);color: #fff}.cycle input:focus-visible + label{outline: 3px solid var(--deep);outline-offset: 2px}.plans{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: clamp(16px,3vw,32px)}.plan{background: var(--surface);border: 1.5px solid var(--rule);border-radius: 20px;padding: clamp(22px,3vw,34px);display: flex;flex-direction: column}.plan-plus{border: 2.5px solid var(--deep)}.plan h3{font-size: var(--t-xl);margin-bottom: 2px}.plan .plan-sub{color: var(--ink-2);margin-bottom: 18px}.price{display: flex;align-items: baseline;gap: 10px;flex-wrap: wrap;margin-bottom: 4px}.price b{font-size: clamp(2.2rem,1.6rem + 2vw,3rem);font-stretch: 110%;font-weight: 780;letter-spacing: -.02em;line-height: 1}.price span{color: var(--ink-2);font-size: var(--t-s)}.price-alt{color: var(--ink-2);font-size: var(--t-s);margin-bottom: 22px;min-height: 1.5em}.plan ul{list-style: none;padding: 0;margin: 0 0 26px}.plan li{padding-left: 28px;position: relative}.plan li::before{content: "";position: absolute;left: 2px;top: .5em;width: 12px;height: 7px;border-left: 2.5px solid var(--ok);border-bottom: 2.5px solid var(--ok);transform: rotate(-45deg)}.plan .btn{margin-top: auto;align-self: flex-start}.prices:not(:has(#iv-year:checked)) .iv-year{display: none}.prices:has(#iv-year:checked) .iv-month{display: none}@media (max-width: 760px){.plans{grid-template-columns: 1fr}}.teaser{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,7fr);gap: clamp(24px,4vw,56px);align-items: start}.teaser .sec-head{margin-bottom: 0}@media (max-width: 900px){.teaser{grid-template-columns: 1fr}}.plans-mini{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 16px}.plan-mini{background: var(--surface);border: 1.5px solid var(--rule);border-radius: 16px;padding: 22px 24px}.plan-mini.plan-plus{border-color: var(--deep)}.plan-mini h3{margin: 0 0 2px;font-size: var(--t-l)}.plan-mini p{margin: 0;color: var(--ink-2);font-size: var(--t-s)}.plan-mini .price{margin: 12px 0 8px}@media (max-width: 560px){.plans-mini{grid-template-columns: 1fr}}.cta{position: relative;overflow: hidden;background: var(--deep);color: #fff;border-radius: 28px;padding: clamp(32px,6vw,72px);display: grid;grid-template-columns: minmax(0,7fr) minmax(0,5fr);gap: 32px;align-items: center}.cta h2{color: #fff;margin-bottom: .3em;font-size: clamp(2rem,1.2rem + 3vw,3.3rem)}.cta p{color: #d9eef2;margin: 0;max-width: 34em}.cta .actions{margin-top: 26px}.cta a:not(.btn){color: #fff}.cta .btn{background: #fff;color: var(--deep);border-color: #fff}.cta .btn:hover{background: var(--mint);border-color: var(--mint);color: var(--ink)}.cta .btn:focus-visible{outline-color: #fff}.cta-mark{justify-self: end;width: min(260px,100%)}@media (max-width: 760px){.cta{grid-template-columns: 1fr}.cta-mark{display: none}}.video-box{background: var(--surface);border: 1px solid var(--rule);border-radius: 20px;padding: 10px}.video-box video{width: 100%;height: auto;border-radius: 12px;background: var(--ink)}.page-head{padding-block: clamp(20px,4vw,48px) clamp(28px,4vw,52px)}.page-head h1{font-size: clamp(1.85rem,1.1rem + 3.4vw,3.6rem);max-width: 18em;margin-top: 22px}.answer{font-size: var(--t-l);line-height: 1.5;max-width: 40em;color: var(--ink)}.toc{display: flex;flex-wrap: wrap;gap: 8px;list-style: none;padding: 0;margin: 24px 0 0}.toc li{margin: 0}.toc a{display: inline-block;padding: 6px 12px;border-radius: 999px;background: var(--surface);border: 1px solid var(--rule);font-size: var(--t-s);text-decoration: none;color: var(--ink)}.toc a:hover{border-color: var(--deep);color: var(--deep)}.content{padding-bottom: var(--sec)}.content section{scroll-margin-top: 24px}.content>.wrap>section + section{margin-top: clamp(48px,6vw,88px)}.cols-3{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: clamp(16px,3vw,32px)}.cols-2{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: clamp(16px,3vw,32px)}@media (max-width: 860px){.cols-3,.cols-2{grid-template-columns: 1fr}}.cols-3 + p,.cols-2 + p{margin-top: 18px}.box{background: var(--surface);border: 1px solid var(--rule);border-radius: 14px;padding: 22px 24px}.box h3{margin-top: 0}.box p:last-child,.box ul:last-child{margin-bottom: 0}.letter{display: inline-grid;place-items: center;width: 44px;height: 44px;border: 2.5px solid var(--ink);border-radius: 8px;font-family: var(--f-mono);font-weight: 700;font-size: 1.1rem;position: relative;background: var(--surface);margin-bottom: 14px}.letter::after{content: "";position: absolute;left: 9px;right: 9px;bottom: 5px;height: 3px;border-radius: 2px;background: var(--ok)}.timeline{list-style: none;padding: 0;margin: 0;counter-reset: t}.timeline>li{position: relative;padding: 0 0 clamp(36px,5vw,56px) 64px;margin: 0;counter-increment: t}.timeline>li::before{content: counter(t);position: absolute;left: 0;top: -2px;width: 40px;height: 40px;border-radius: 50%;display: grid;place-items: center;font-family: var(--f-mono);font-weight: 700;color: var(--deep);background: var(--surface);border: 2px solid var(--deep)}.timeline>li::after{content: "";position: absolute;left: 19px;top: 44px;bottom: 8px;width: 2px;background: var(--rule)}.timeline>li:last-child::after{display: none}.timeline h2{font-size: var(--t-xl);margin-top: 2px}.who{display: inline-block;font-size: var(--t-xs);font-weight: 620;color: var(--deep);background: var(--wash);border-radius: 999px;padding: 3px 10px;margin-bottom: 10px}.code{position: relative;margin: 14px 0 20px}.code pre{margin: 0;padding: 16px 18px;padding-right: 110px;background: #f6fafb;border: 1px solid var(--rule);border-radius: 10px;overflow-x: auto;font-family: var(--f-mono);font-size: .9rem;line-height: 1.55;white-space: pre-wrap;word-break: break-all}.code .btn{position: absolute;top: 8px;right: 8px}@media (max-width: 520px){.code pre{padding-right: 18px;padding-top: 56px}}.scopes{display: flex;flex-wrap: wrap;gap: 8px;list-style: none;padding: 0;margin: 10px 0 16px}.scopes li{margin: 0;font-family: var(--f-mono);font-size: .85rem;background: #f6fafb;border: 1px solid var(--rule);border-radius: 6px;padding: 4px 9px}dl.kv{display: grid;grid-template-columns: max-content 1fr;gap: 8px 24px;margin: 0 0 1em}dl.kv dt{font-weight: 620}dl.kv dd{margin: 0;color: var(--ink-2)}@media (max-width: 560px){dl.kv{grid-template-columns: 1fr;gap: 2px}dl.kv dd{margin-bottom: 10px}}.note{border-left: 4px solid var(--sky);background: var(--surface);padding: 14px 18px;border-radius: 0 10px 10px 0;margin: 20px 0}.note p:last-child{margin-bottom: 0}.faq{max-width: 48rem}.faq details{border-top: 1px solid var(--rule)}.faq details:last-of-type{border-bottom: 1px solid var(--rule)}.faq summary{cursor: pointer;list-style: none;padding: 20px 44px 20px 0;position: relative;font-weight: 660;font-size: var(--t-l);line-height: 1.3;font-stretch: 104%}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "";position: absolute;right: 8px;top: 26px;width: 12px;height: 12px;border-right: 2.5px solid var(--deep);border-bottom: 2.5px solid var(--deep);transform: rotate(45deg);transition: transform .2s}.faq details[open] summary::after{transform: rotate(-135deg);top: 32px}.faq .a{padding: 0 0 22px;max-width: 42rem;color: var(--ink-2)}.faq .a p:last-child{margin-bottom: 0}.faq-group{margin-top: 44px;font-size: var(--t-xl)}.buy{display: grid;grid-template-columns: minmax(0,7fr) minmax(0,4fr);gap: clamp(24px,4vw,56px);align-items: start}@media (max-width: 900px){.buy{grid-template-columns: 1fr}}.form-sec{background: var(--surface);border: 1px solid var(--rule);border-radius: 18px;padding: clamp(20px,3vw,32px);margin-bottom: 20px}.form-sec h2{font-size: var(--t-l);margin-bottom: 16px}fieldset{border: 0;margin: 0;padding: 0;min-width: 0}legend{font-weight: 660;margin-bottom: 10px;padding: 0}.field{margin-bottom: 18px}.field:last-child{margin-bottom: 0}.field label,.lbl{display: block;font-weight: 620;margin-bottom: 6px}.field .hint{font-size: var(--t-xs);color: var(--ink-2);margin: 6px 0 0}input[type="text"],input[type="email"],input[type="number"],select{width: 100%;min-height: 48px;padding: 10px 14px;font: inherit;color: var(--ink);background: var(--surface);border: 1.5px solid #768f97;border-radius: 8px}input:focus-visible,select:focus-visible{outline: 3px solid var(--deep);outline-offset: 1px;border-color: var(--deep)}input[aria-invalid="true"],select[aria-invalid="true"]{border-color: var(--err)}.field-error{color: var(--err);font-size: var(--t-s);margin: 6px 0 0;font-weight: 560}.grid-2{display: grid;grid-template-columns: 1fr 1fr;gap: 0 18px}@media (max-width: 560px){.grid-2{grid-template-columns: 1fr}}.choice{display: grid;grid-template-columns: 1fr 1fr;gap: 12px}@media (max-width: 520px){.choice{grid-template-columns: 1fr}}.choice input{position: absolute;opacity: 0;width: 1px;height: 1px}.choice label{display: block;height: 100%;padding: 16px 18px;border: 1.5px solid #768f97;border-radius: 12px;cursor: pointer;font-weight: 400;margin: 0}.choice label b{display: block;font-size: var(--t-l);font-stretch: 106%}.choice label span{display: block;font-size: var(--t-s);color: var(--ink-2)}.choice input:checked + label{border: 2.5px solid var(--deep);padding: 15px 17px;background: #f4fbfc}.choice input:focus-visible + label{outline: 3px solid var(--deep);outline-offset: 2px}.seats{display: flex;align-items: stretch;gap: 8px;max-width: 260px}.seats input{text-align: center;font-weight: 660;font-size: var(--t-l)}.seats .btn{min-width: 48px;padding: 0;font-size: 1.4rem}.check{display: grid;grid-template-columns: 24px 1fr;gap: 10px;align-items: start}.check input{width: 22px;height: 22px;margin: 2px 0 0;accent-color: var(--deep)}.check label{font-weight: 400;margin: 0}#tenant-status.tenant-ok{color: var(--ok);font-weight: 620;font-size: var(--t-s)}#tenant-status.tenant-warn{color: var(--err);font-size: var(--t-s)}.renew{font-size: var(--t-xs);color: var(--ink-2);margin: 4px 0 12px}.summary{position: sticky;top: 20px;background: var(--surface);border: 2px solid var(--deep);border-radius: 18px;padding: clamp(20px,3vw,28px)}.summary h2{font-size: var(--t-l)}.summary dl{display: grid;grid-template-columns: 1fr auto;gap: 6px 16px;margin: 0 0 14px;font-size: var(--t-s)}.summary dd{margin: 0;text-align: right;font-weight: 600}.summary .total{border-top: 1px solid var(--rule);padding-top: 14px;display: flex;justify-content: space-between;align-items: baseline;gap: 12px;flex-wrap: wrap}.summary .total b{font-size: var(--t-xl);font-stretch: 108%}.summary .trial{min-height: 4.6em;margin: 14px 0 20px;padding: 12px 14px;background: var(--ok-wash);border-radius: 10px;font-size: var(--t-s)}.summary .btn{width: 100%}@media (max-width: 900px){.summary{position: static}}.alert{padding: 14px 18px;border-radius: 12px;margin-bottom: 20px;border: 1px solid}.alert p:last-child{margin: 0}.alert-info{background: var(--wash);border-color: var(--sky-soft)}.alert-err{background: var(--err-wash);border-color: #efb8b2;color: #7d1a14}.alert-warn{background: var(--warn-wash);border-color: #ecd49b}.wait{display: flex;gap: 16px;align-items: center}.spinner{width: 28px;height: 28px;border-radius: 50%;border: 3px solid var(--wash);border-top-color: var(--deep);animation: spin .9s linear infinite;flex: 0 0 auto}@keyframes spin{to{transform: rotate(360deg)}}.next{list-style: none;padding: 0;margin: 0;counter-reset: n}.next>li{counter-increment: n;position: relative;padding: 22px 0 22px 60px;border-top: 1px solid var(--rule);margin: 0}.next>li::before{content: counter(n);position: absolute;left: 0;top: 20px;width: 38px;height: 38px;border-radius: 50%;display: grid;place-items: center;font-family: var(--f-mono);font-weight: 700;border: 2px solid var(--deep);color: var(--deep)}.next h3{margin-bottom: 6px}.next p{color: var(--ink-2)}.foot{border-top: 1px solid var(--rule);background: var(--surface);padding-block: 56px 32px;margin-top: var(--sec);font-size: var(--t-s)}.foot-grid{display: grid;grid-template-columns: minmax(0,4fr) repeat(3,minmax(0,2fr));gap: 32px}.foot-brand img{width: 180px;height: auto;aspect-ratio: 377.8 / 64;margin-bottom: 14px}.foot-brand p{color: var(--ink-2);max-width: 22em}.foot-h{font-size: var(--t-s);font-weight: 700;margin: 0 0 12px}.foot li{color: var(--ink-2)}.foot ul{list-style: none;padding: 0;margin: 0}.foot li + li{margin-top: 8px}.foot a{color: var(--ink);text-decoration: none}.foot a:hover{color: var(--deep);text-decoration: underline}.linkbtn{background: none;border: 0;padding: 0;font: inherit;color: var(--ink);cursor: pointer;text-align: left}.linkbtn:hover{color: var(--deep);text-decoration: underline}.foot-base span{max-width: 44em}.foot-base{margin-top: 40px;padding-top: 20px;border-top: 1px solid var(--rule);color: var(--ink-2);display: flex;flex-wrap: wrap;gap: 8px 24px;justify-content: space-between}@media (max-width: 860px){.foot-grid{grid-template-columns: 1fr 1fr}.foot-brand{grid-column: 1 / -1}}.page-start .foot{margin-top: 0}.consent{position: fixed;left: 16px;right: 16px;bottom: 16px;z-index: 60;max-width: 560px;margin-left: auto;background: var(--surface);border: 1px solid var(--rule-strong);border-radius: 16px;padding: 20px 22px;box-shadow: 0 24px 60px -20px rgba(11,43,51,.4)}.consent p{font-size: var(--t-s);margin-bottom: 14px}.consent .actions .btn{flex: 1 1 140px}.lost{padding-block: clamp(48px,8vw,120px)}.lost .letter{width: 84px;height: 84px;font-size: 2rem;border-width: 3px}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation: none !important;transition: none !important}.pkt-r,.pkt-l,.pkt-d,.pkt-u,.m-stream,.m-click{opacity: 0}.pkt-still{opacity: 1}.m-arrive{opacity: 1}.tilt-frame{transform: none}}@media print{.masthead nav,.nav-mobile,.foot,.consent,.scene{display: none !important}body{background: #fff}}@media (max-width: 420px){.masthead-in{gap: 10px}.brand img{width: 146px}.nav-mobile-bar{gap: 6px}.nav-mobile-bar .btn-small{padding: 7px 12px}.nav-mobile summary{padding: 9px 11px}}