:root{--sky-zenith: #02040b;--sky-mid: #050b1d;--sky-low: #0a1530;--sky-horizon: #16264a;--ground: #020309;--glow-rgb: 214 150 88;--ink: #e9edf6;--ink-2: #a6b0c6;--ink-3: #8b94ad;--line: rgb(166 176 198 / 0.16);--accent: #efb879;--danger: #ff8f7a;--field: #050a18;--silver-1: #8e98ad;--silver-2: #f3f6fb;--font: "B612","B612 fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--step--1: 0.8125rem;--step-0: 1rem;--step-1: clamp(1.0625rem,0.97rem + 0.42vw,1.3125rem);--step-2: clamp(1.1875rem,1.06rem + 0.55vw,1.5rem);--step-3: clamp(1.75rem,1.25rem + 2.2vw,2.875rem);--step-4: clamp(1.625rem,0.85rem + 4.6vw,4.25rem);--gutter: clamp(1.25rem,4.5vw,3.5rem);--measure: 72rem;--horizon: 93%;--scroll: 0;color-scheme: dark;background: var(--ground);scrollbar-color: var(--ink-3) var(--ground)}@font-face{font-family: "B612 fallback";src: local("Arial"),local("Helvetica Neue"),local("Helvetica"),local("Liberation Sans"),local("Roboto");size-adjust: 111%;ascent-override: 87%;descent-override: 22.5%;line-gap-override: 0%}@font-face{font-family: "B612";src: url("/fonts/b612-400.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap}@font-face{font-family: "B612";src: url("/fonts/b612-700.woff2") format("woff2");font-weight: 700;font-style: normal;font-display: swap}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%}@media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth}}body{margin: 0;min-height: 100%;background: var(--ground);color: var(--ink);font-family: var(--font);font-size: var(--step-0);line-height: 1.6;font-kerning: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: hidden;overflow-x: clip}::selection{background: rgb(var(--glow-rgb) / 0.35);color: #fff}a{color: inherit}:focus-visible{outline: 2px solid var(--accent);outline-offset: 4px}[hidden]{display: none !important}.sr-only{position: absolute !important;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.sky{position: fixed;inset: 0 0 auto 0;height: 100vh;height: 100lvh;z-index: 0;pointer-events: none;background: linear-gradient(to bottom,var(--sky-zenith) 0%,var(--sky-mid) 42%,var(--sky-low) 66%,var(--sky-horizon) 84%,var(--ground) 100%)}.sky__glow{position: absolute;inset: auto 0 0 0;height: 62%;background: radial-gradient(68% 52% at 50% 78%,rgb(var(--glow-rgb) / 0.26),rgb(var(--glow-rgb) / 0.08) 52%,transparent 82%);opacity: calc(0.6 + 0.3 * var(--scroll))}.sky__fade{position: absolute;inset: auto 0 0 0;height: 38%;background: linear-gradient(to bottom,rgb(2 3 9 / 0) 0%,rgb(2 3 9 / 0.08) 18%,rgb(2 3 9 / 0.26) 38%,rgb(2 3 9 / 0.52) 58%,rgb(2 3 9 / 0.78) 78%,rgb(2 3 9 / 0.94) 100%)}.sky__stars{position: absolute;inset: 0;opacity: calc(1 - 0.42 * var(--scroll))}.sky__stars canvas{position: absolute;inset: 0;width: 100%;height: 100%;display: block}.page{position: relative;z-index: 1}.wrap{width: 100%;max-width: calc(var(--measure) + 2 * var(--gutter));margin-inline: auto;padding-left: max(var(--gutter),env(safe-area-inset-left,0px));padding-right: max(var(--gutter),env(safe-area-inset-right,0px))}.hero{position: relative;min-height: 100vh;min-height: 100svh;display: grid;grid-template-columns: minmax(0,1fr);padding-block: 6rem clamp(1.25rem,4vh,2.5rem)}.hud{position: absolute;inset: 0 0 auto 0;display: flex;justify-content: space-between;align-items: flex-start;gap: 1rem;padding-top: max(1.25rem,env(safe-area-inset-top,0px));font-size: var(--step--1);line-height: 1.45;letter-spacing: 0.02em;color: var(--ink-2)}.hud p{margin: 0}.hud__dim{color: var(--ink-3);display: block;font-variant-numeric: tabular-nums}.hud__right{display: flex;align-items: flex-start;gap: 0.75rem;text-align: right}.hud__time{font-variant-numeric: tabular-nums;white-space: nowrap}.hud__time time{color: var(--ink)}.hud__hint{display: block;margin: 0.1rem 0 0 auto;padding: 0;border: 0;background: none;font: inherit;font-size: 0.7rem;letter-spacing: 0.06em;color: var(--ink-3);cursor: pointer}@media (hover: hover){.hud__hint:hover{color: var(--ink)}}.motion-toggle{appearance: none;display: inline-grid;place-items: center;width: 2.75rem;height: 2.75rem;margin: -0.7rem -0.85rem 0 0;padding: 0;border: 0;background: none;color: var(--ink-2);cursor: pointer;border-radius: 50%}@media (hover: hover){.motion-toggle:hover{color: var(--ink)}}.motion-toggle svg{width: 0.875rem;height: 0.875rem;fill: currentColor}.motion-toggle .i-play{display: none}.motion-toggle[aria-pressed="true"] .i-play{display: block}.motion-toggle[aria-pressed="true"] .i-pause{display: none}.hero__main{width: 100%;display: grid;grid-template-rows: 1fr auto;justify-items: center;text-align: center;gap: clamp(3rem,10vh,7rem)}.hero__center{align-self: center;display: grid;justify-items: center;width: 100%;padding-top: clamp(1rem,5vh,3.5rem)}.logo-wrap{position: relative;width: min(100%,68rem)}.logo{margin: 0;width: 100%;line-height: 0}.mark{display: block;width: 100%;height: auto;overflow: visible;filter: drop-shadow(0 0 1.75rem rgb(150 178 255 / 0.16));transition: filter 0.5s ease}.logo__play{position: absolute;inset: -0.5rem;width: auto;height: auto;margin: 0;padding: 0;border: 0;border-radius: 6px;background: none;cursor: pointer}@media (hover: hover){.logo-wrap:hover .mark{filter: drop-shadow(0 0 2.2rem rgb(150 178 255 / 0.3))}}.logo__style{position: absolute;right: 0;top: -1.9rem;margin: 0;font-size: var(--step--1);line-height: 1.4;letter-spacing: 0.04em;color: var(--ink-3);white-space: nowrap;opacity: 0;transform: translateY(4px);transition: opacity 0.35s ease,transform 0.35s ease;pointer-events: none}.logo__style b{margin-right: 0.4em;font-weight: 400;color: var(--accent)}.logo__style.is-on{opacity: 1;transform: none}.mark path{fill: url(#mark-fill);stroke: url(#mark-silver);stroke-width: var(--sw,5);stroke-linejoin: miter;stroke-miterlimit: 8;stroke-dasharray: 1;stroke-dashoffset: 0}.lead{margin: 0 0 clamp(1rem,2.8vh,1.75rem);font-size: var(--step-1);line-height: 1.6;letter-spacing: 0.22em;text-indent: 0.22em;text-transform: uppercase;color: var(--ink-2);text-wrap: balance}.motto{display: flex;align-items: center;gap: 1.25rem;width: min(100%,44rem);margin: clamp(1.1rem,3.2vh,2.25rem) 0 0;font-size: 0.75rem;letter-spacing: 0.32em;text-transform: uppercase;white-space: nowrap;color: var(--accent)}.motto::before,.motto::after{content: "";flex: 1;height: 1px;background: linear-gradient(90deg,transparent,rgb(166 176 198 / 0.4))}.motto::after{background: linear-gradient(90deg,rgb(166 176 198 / 0.4),transparent)}@supports ((-webkit-background-clip: text) or (background-clip: text)){.aurora{background: linear-gradient(100deg,#7cf5c4 0%,#4fd1e8 20%,#a78bfa 40%,#6ee7b7 60%,#5eead4 78%,#c4b5fd 90%,#7cf5c4 100%);background-size: 300% 100%;background-position: 0% 50%;-webkit-background-clip: text;background-clip: text;color: transparent;filter: drop-shadow(0 0 6px rgb(110 231 183 / 0.45)) drop-shadow(0 0 18px rgb(167 139 250 / 0.25))}}@media (forced-colors: active){.aurora{color: CanvasText;background: none;filter: none}}.horizon{width: min(100%,68rem);display: grid;justify-items: center;margin-bottom: clamp(0.5rem,7vh,4.5rem)}.index{width: 100%;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));padding-top: clamp(0.4rem,1.2vh,0.8rem);background: linear-gradient(90deg,transparent,rgb(166 176 198 / 0.35) 20%,rgb(166 176 198 / 0.35) 80%,transparent) top / 100% 1px no-repeat}.index a{display: flex;align-items: center;justify-content: center;gap: 0.5em;min-height: 2.75rem;padding: 0.4rem 0.5rem;color: var(--ink-3);font-size: var(--step--1);letter-spacing: 0.04em;line-height: 1.2;text-decoration: none;text-align: center;transition: color 0.2s ease}.index a::before{content: "";flex: none;width: 0.5em;height: 0.45em;background: var(--accent);opacity: 0.75;clip-path: polygon(0 0,69% 0,100% 100%,31% 100%);transition: opacity 0.2s ease,filter 0.2s ease}.index a:focus-visible{outline-offset: -3px}@media (hover: hover){.index a:hover{color: var(--ink)}.index a:hover::before{opacity: 1;filter: drop-shadow(0 0 4px var(--accent))}}@media (max-width: 39.99rem){.index a{justify-content: flex-start;min-height: 2.5rem;padding-left: 14%}}@media (min-width: 40rem){.index{grid-template-columns: repeat(4,minmax(0,1fr))}}@media (min-width: 66rem){.index{display: flex;justify-content: space-between;padding-inline: 1.5rem}.index a{padding-inline: 0}}.cta{--cut: 0.7rem;position: relative;display: inline-flex;align-items: center;gap: 0.6em;min-height: 3rem;padding: 0.7rem 1.4rem 0.7rem 1.6rem;color: var(--ink);text-decoration: none;font-size: var(--step-0);letter-spacing: 0.02em;isolation: isolate}.cta::before,.cta::after{content: "";position: absolute;z-index: -1;clip-path: polygon(var(--cut) 0,100% 0,100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut))}.cta::before{inset: 0;background: linear-gradient(100deg,var(--silver-1),var(--silver-2) 50%,var(--silver-1));background-size: 230% 100%;background-position: 100% 0;opacity: 0.55;transition: opacity 0.2s ease,background-position 0.8s ease}.cta:active{transform: translateY(1px)}.cta::after{inset: 1px;background: rgb(5 10 24 / 0.82);--cut: calc(0.7rem - 0.59px)}@media (hover: hover){.cta:hover::before{opacity: 1;background-position: 0 0}.cta:hover::after{background: rgb(14 24 50 / 0.86)}}.section{padding-block: clamp(3.5rem,9vh,7.5rem)}.section:first-child{padding-top: clamp(1rem,3vh,2.5rem)}.section__title{margin: 0 0 clamp(2rem,5vh,3.5rem);font-size: var(--step-3);font-weight: 700;line-height: 1.12;letter-spacing: -0.01em;text-wrap: balance}.groups{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,27rem),1fr));gap: clamp(2.75rem,5vw,5rem) clamp(2rem,5vw,5.5rem)}.group{min-width: 0}.group__title{margin: 0 0 0.25rem;font-size: var(--step--1);font-weight: 400;letter-spacing: 0.04em;color: var(--accent)}.services{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: minmax(0,1fr)}.service{border-top: 1px solid var(--line);scroll-margin: 1.25rem 0 1.5rem}.service__title{margin: 0}.service__toggle{appearance: none;display: grid;grid-template-columns: auto minmax(0,1fr) auto;grid-template-areas: "mark name sign" ". teaser sign";column-gap: 0.6em;align-items: baseline;width: 100%;margin: 0;padding: 1.1rem 0 1.15rem;border: 0;background: none;color: var(--ink);font: inherit;text-align: left;cursor: pointer}.service__toggle::before{content: "";grid-area: mark;width: 0.62em;height: 0.55em;font-size: var(--step-2);background: var(--accent);clip-path: polygon(0 0,69% 0,100% 100%,31% 100%)}.service__name{grid-area: name;font-size: var(--step-2);font-weight: 700;line-height: 1.25;overflow-wrap: anywhere}.service__teaser{grid-area: teaser;margin-top: 0.2rem;color: var(--ink-2);font-weight: 400}.service__toggle::after{content: "";grid-area: sign;align-self: center;width: 0.85rem;height: 0.85rem;margin-left: 1rem;background: linear-gradient(var(--ink-2),var(--ink-2)) center / 100% 2px no-repeat,linear-gradient(var(--ink-2),var(--ink-2)) center / 2px 100% no-repeat;transition: transform 0.25s ease,background-size 0.25s ease}.service__toggle[aria-expanded="true"]::after{transform: rotate(180deg);background-size: 100% 2px,2px 0}@media (hover: hover){.service__toggle:hover .service__name{color: #fff}.service__toggle:hover::after{--ink-2: var(--accent)}}.service__panel{padding: 0 0 1.5rem calc(var(--step-2) * 0.62 + 0.6em);scroll-margin-top: 5rem}.service__panel>p{margin: 0 0 1.1rem;max-width: 50ch;color: var(--ink-2)}.service__panel:not([hidden]){animation: demo-rise 0.35s ease both}.demo:empty{display: none}.demo{--surface: rgb(9 16 36 / 0.92);--raise: rgb(166 176 198 / 0.08);--edge: rgb(166 176 198 / 0.2);--ok: #6be3a0;--on-accent: #1a1205;position: relative;max-width: 34rem;font-size: var(--step--1);line-height: 1.5;color: var(--ink-2)}.demo__tag{display: flex;justify-content: space-between;gap: 1rem;margin: 0 0 0.85rem;padding-left: 0.15rem;font-size: 0.75rem;letter-spacing: 0.06em;color: var(--ink-3)}.demo__tag b{font-weight: 400;color: var(--accent)}.demo p{margin: 0}.demo ul,.demo ol{list-style: none;margin: 0;padding: 0}.demo__num{font-variant-numeric: tabular-nums}.demo__out{min-height: 1.5em;margin-top: 0.7rem !important;color: var(--ink)}.ico{width: 1.15em;height: 1.15em;flex: none;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round;vertical-align: -0.2em}.demo button{appearance: none;display: inline-flex;align-items: center;justify-content: center;gap: 0.4rem;min-height: 2.25rem;padding: 0.35rem 0.95rem;font: inherit;color: var(--ink);background: var(--raise);border: 1px solid var(--edge);border-radius: 999px;cursor: pointer;transition: border-color 0.2s ease,background-color 0.2s ease,color 0.2s ease,transform 0.15s ease}@media (hover: hover){.demo button:hover:not(:disabled){border-color: var(--accent)}}.demo button:active:not(:disabled){transform: scale(0.96)}.demo button:disabled{opacity: 0.4;cursor: default}.demo button[aria-pressed="true"]{border-color: var(--accent);color: var(--accent)}.demo .btn-go{background: var(--accent);border-color: var(--accent);color: var(--on-accent);font-weight: 700}@media (hover: hover){.demo .btn-go:hover:not(:disabled){background: #f6cc98}}.demo .icon-btn{width: 2.25rem;padding: 0}.win__dots{display: inline-flex;gap: 0.3rem}.win__dots span{width: 0.55rem;height: 0.55rem;border-radius: 50%;background: rgb(166 176 198 / 0.3)}.win__dots span:first-child{background: rgb(255 143 122 / 0.6)}.win{overflow: hidden;border: 1px solid var(--edge);border-radius: 10px;background: var(--surface)}.win__bar{display: flex;align-items: center;gap: 0.75rem;padding: 0.5rem 0.75rem;background: rgb(166 176 198 / 0.07);border-bottom: 1px solid var(--edge)}.win__url{display: flex;align-items: center;gap: 0.4rem;flex: 1;min-width: 0;padding: 0.15rem 0.7rem;border-radius: 999px;background: rgb(2 4 11 / 0.6);font-size: 0.75rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.win__url .ico{color: var(--ok)}.win__body{padding: 1rem 1.1rem 1.1rem}.speed__big{display: flex;flex-wrap: wrap;align-items: baseline;gap: 0.25rem 0.6rem;margin-bottom: 1rem !important}.speed__big strong{font-size: var(--step-3);line-height: 1;color: var(--ink)}.race{display: grid;gap: 0.75rem}.race__row{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 0.25rem 0.75rem}.race__row>span:nth-child(2){color: var(--ink)}.race__track{grid-column: 1 / -1;height: 0.5rem;overflow: hidden;border-radius: 999px;background: rgb(166 176 198 / 0.12)}.race__fill{width: 0;height: 100%;border-radius: inherit;background: var(--ink-3)}.race__fill--own{background: linear-gradient(90deg,#f6d3a6,var(--accent));box-shadow: 0 0 10px rgb(239 184 121 / 0.5)}.race.is-go .race__fill{transition: width var(--t,1s) cubic-bezier(0.3,0.7,0.2,1)}.chips{display: flex;flex-wrap: wrap;gap: 0.4rem;margin-top: 1rem}.chips>span{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.2rem 0.65rem;border-radius: 999px;background: var(--raise);color: var(--ink)}.chips .ico{color: var(--ok)}.demo .speed__again{margin-top: 0.9rem}.serp{display: grid;gap: 0.8rem}.serp__box{display: flex;align-items: center;gap: 0.6rem;padding: 0.3rem 0.3rem 0.3rem 1rem;border: 1px solid var(--edge);border-radius: 999px;background: var(--surface)}.serp__box>.ico{color: var(--ink-3)}.serp__field{flex: 1;min-width: 0;min-height: 1.5em;overflow: hidden;color: var(--ink);white-space: nowrap}.serp__caret{display: inline-block;width: 1px;height: 1.1em;margin-left: 1px;vertical-align: -0.2em;background: var(--accent);animation: demo-blink 1s steps(1) infinite}.serp__res{display: grid;gap: 0.7rem}.serp__res[hidden]{display: none}.serp__res>*{animation: demo-rise 0.4s ease both}.serp__res>:nth-child(2){animation-delay: 0.3s}.serp__hit,.serp__ai{padding: 0.85rem 1rem;border-radius: 12px}.serp__hit{background: var(--surface);border: 1px solid var(--edge)}.serp__site{display: flex;align-items: center;gap: 0.55rem;margin-bottom: 0.4rem;color: var(--ink);line-height: 1.3}.serp__site small{display: block;color: var(--ink-3)}.serp__fav{display: grid;place-items: center;width: 1.7rem;height: 1.7rem;border-radius: 50%;background: var(--accent);color: var(--on-accent);font-weight: 700;font-size: 0.75rem}.serp__hit strong{display: block;margin-bottom: 0.2rem;color: #9fbcff;font-weight: 400;font-size: var(--step-0)}.serp__ai{border: 1px solid transparent;background: linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(120deg,var(--accent),#7f9cff) border-box;color: var(--ink)}.serp__ai header{display: flex;align-items: center;gap: 0.4rem;margin-bottom: 0.35rem;color: var(--accent)}.serp__cite{display: inline-flex;align-items: center;gap: 0.35rem;margin-top: 0.55rem;padding: 0.1rem 0.55rem;border-radius: 999px;background: var(--raise);color: var(--ink-2);font-size: 0.75rem}.shop{padding: 0.9rem;border: 1px solid var(--edge);border-radius: 14px;background: var(--surface)}.shop__top{display: flex;justify-content: space-between;align-items: center;gap: 1rem;margin-bottom: 0.8rem}.shop__brand{display: inline-flex;align-items: center;gap: 0.5rem;color: var(--ink);font-weight: 700}.shop__brand .ico{color: var(--accent)}.demo .shop__cart{position: relative}.shop__badge{position: absolute;top: -0.35rem;right: -0.35rem;display: grid;place-items: center;min-width: 1.2rem;height: 1.2rem;padding: 0 0.25rem;border-radius: 999px;background: var(--accent);color: var(--on-accent);font-size: 0.7rem;font-weight: 700}.shop__badge[hidden]{display: none}.shop__badge.is-bump{animation: demo-bump 0.35s ease}.shop__grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.55rem}.prod{display: grid;justify-items: center;align-content: start;gap: 0.3rem;padding: 0.75rem 0.4rem;border-radius: 12px;background: var(--raise);text-align: center}.prod__art{display: grid;place-items: center;width: 3.1rem;height: 3.1rem;margin-bottom: 0.2rem;border-radius: 50%;background: radial-gradient(circle at 35% 30%,rgb(239 184 121 / 0.32),rgb(239 184 121 / 0.08));color: var(--accent)}.prod__art .ico{width: 1.6rem;height: 1.6rem}.prod__name{color: var(--ink);line-height: 1.3;overflow-wrap: anywhere}.prod__price{color: var(--ink-2)}.shop__sheet{margin-top: 0.9rem;padding-top: 0.9rem;border-top: 1px dashed var(--edge);animation: demo-rise 0.3s ease both}.shop__sheet[hidden]{display: none}.shop__sum{display: flex;justify-content: space-between;gap: 1rem;margin-bottom: 0.65rem !important;color: var(--ink)}.pay{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 0.45rem}.demo .pay button{flex-direction: column;gap: 0.3rem;padding: 0.6rem 0.2rem;border-radius: 10px;font-size: 0.72rem;overflow-wrap: anywhere}.pay .ico{width: 1.4rem;height: 1.4rem}.cal{padding: 0.9rem;border: 1px solid var(--edge);border-radius: 16px;background: var(--surface)}.cal__head{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;margin-bottom: 0.7rem}.cal__title{color: var(--ink);font-weight: 700}.cal__title::first-letter{text-transform: uppercase}.cal__grid{display: grid;grid-template-columns: repeat(7,minmax(0,1fr));gap: 0.2rem;text-align: center}.cal__wd{padding-bottom: 0.25rem;font-size: 0.7rem;color: var(--ink-3)}.demo .cal__grid button{aspect-ratio: 1;min-height: 0;width: 100%;max-width: 2.6rem;justify-self: center;padding: 0;border-color: transparent;background: none;font-variant-numeric: tabular-nums}.demo .cal__grid button.is-today{border-color: var(--ink-3)}.demo .cal__grid button[aria-pressed="true"]{background: var(--accent);border-color: var(--accent);color: var(--on-accent);font-weight: 700}.demo .cal__grid button:disabled{opacity: 0.28}.demo .cal__grid button.is-taken{opacity: 1;color: var(--ink-3);background: repeating-linear-gradient(135deg,rgb(166 176 198 / 0.14) 0 2px,transparent 2px 6px)}.demo .cal__grid button.is-range{background: rgb(239 184 121 / 0.16);color: var(--ink)}.cal__key{display: flex;flex-wrap: wrap;gap: 0.4rem 1rem;margin-top: 0.7rem;font-size: 0.72rem;color: var(--ink-3)}.cal__key>span{display: inline-flex;align-items: center;gap: 0.35rem}.cal__key>span::before{content: "";width: 0.8rem;height: 0.8rem;border-radius: 50%;border: 1px solid var(--edge)}.cal__key-taken::before{background: repeating-linear-gradient(135deg,rgb(166 176 198 / 0.3) 0 2px,transparent 2px 5px)}.cal__key-pick::before{background: var(--accent);border-color: var(--accent)}.demo .cal__confirm{width: 100%;margin-top: 0.8rem}.demo .cal__confirm[hidden]{display: none}.cal__done{display: grid;gap: 0.5rem;margin-top: 0.8rem;animation: demo-rise 0.3s ease both}.cal__done[hidden]{display: none}.cal__ok{display: flex;gap: 0.45rem;color: var(--ink)}.cal__ok .ico{color: var(--ok);margin-top: 0.15em}.sync li{display: flex;justify-content: space-between;align-items: center;gap: 1rem;padding: 0.35rem 0;border-bottom: 1px solid var(--edge);color: var(--ink)}.sync__st{display: inline-flex;align-items: center;gap: 0.4rem;color: var(--ink-3);white-space: nowrap}.sync__st.is-ok{color: var(--ok)}.spin{width: 0.85rem;height: 0.85rem;border: 2px solid var(--edge);border-top-color: var(--accent);border-radius: 50%;animation: demo-spin 0.8s linear infinite}.chatdemo{position: relative;height: 23rem;overflow: hidden;border: 1px solid var(--edge);border-radius: 16px;background: var(--surface)}.chatdemo__page{display: grid;gap: 0.6rem;padding: 1.1rem}.sk,.sk-card{display: block;border-radius: 6px;background: rgb(166 176 198 / 0.09)}.sk{height: 0.6rem;width: 85%}.sk--title{height: 1.1rem;width: 55%;margin-bottom: 0.3rem}.sk--short{width: 60%}.sk-cards{display: grid;grid-template-columns: 1fr 1fr;gap: 0.6rem;margin-top: 0.5rem}.sk-card{height: 5.5rem}.demo .chat__fab{position: absolute;right: 1rem;bottom: 1rem;z-index: 1;width: 3.5rem;height: 3.5rem;padding: 0;border: 0;background: var(--accent);color: var(--on-accent);box-shadow: 0 8px 24px rgb(239 184 121 / 0.35)}.demo .chat__fab .ico{width: 1.6rem;height: 1.6rem}.chat__fab::after{content: "";position: absolute;inset: 0;border: 2px solid var(--accent);border-radius: 50%;animation: demo-ping 2.2s ease-out infinite}.demo .chat__fab[hidden]{display: none}.chat__hint{position: absolute;right: 5.1rem;bottom: 1.85rem;padding: 0.35rem 0.75rem;border-radius: 12px 12px 3px 12px;background: var(--ink);color: #0a1530;font-size: 0.75rem;white-space: nowrap;animation: demo-rise 0.4s 0.4s ease both}.chat__hint[hidden]{display: none}.chat__panel{position: absolute;inset: 0.6rem;z-index: 2;display: flex;flex-direction: column;overflow: hidden;border: 1px solid var(--edge);border-radius: 18px;background: #0b1430;box-shadow: 0 14px 40px rgb(0 0 0 / 0.55);transform-origin: 100% 100%;animation: demo-pop 0.32s cubic-bezier(0.2,0.8,0.2,1.1) both}.chat__panel[hidden]{display: none}.chat__head{display: flex;align-items: center;gap: 0.6rem;padding: 0.6rem 0.6rem 0.6rem 0.8rem;border-bottom: 1px solid var(--edge)}.chat__ava{display: grid;place-items: center;width: 2.1rem;height: 2.1rem;border-radius: 50%;background: rgb(239 184 121 / 0.16);color: var(--accent)}.chat__who{flex: 1;min-width: 0;line-height: 1.25}.chat__who strong{display: block;color: var(--ink)}.chat__who small{color: var(--ink-3)}.demo .chat__close{border-color: transparent;background: none}.chat__log{display: flex;flex: 1;flex-direction: column;gap: 0.45rem;overflow-y: auto;padding: 0.75rem}.chat__msg{max-width: 85%;padding: 0.45rem 0.75rem;border-radius: 16px;color: var(--ink);animation: demo-rise 0.25s ease both}.chat__msg--bot{align-self: flex-start;background: rgb(166 176 198 / 0.13);border-bottom-left-radius: 4px}.chat__msg--me{align-self: flex-end;background: var(--accent);color: var(--on-accent);border-bottom-right-radius: 4px}.chat__note{align-self: center;padding: 0.1rem 0.6rem;border-radius: 999px;background: var(--raise);font-size: 0.7rem;color: var(--ink-3)}.typing{display: inline-flex;align-self: flex-start;gap: 0.25rem;padding: 0.65rem 0.8rem;border-radius: 16px 16px 16px 4px;background: rgb(166 176 198 / 0.13)}.typing i{width: 0.4rem;height: 0.4rem;border-radius: 50%;background: var(--ink-2);animation: demo-dot 1s ease-in-out infinite}.typing i:nth-child(2){animation-delay: 0.15s}.typing i:nth-child(3){animation-delay: 0.3s}.chat__chips{display: flex;flex-wrap: wrap;gap: 0.35rem;padding: 0.55rem 0.7rem 0.7rem;border-top: 1px solid var(--edge)}.demo .chat__chips button{min-height: 2rem;padding: 0.2rem 0.75rem;font-size: 0.75rem}.term{overflow: hidden;border: 1px solid var(--edge);border-radius: 8px;background: #02040b;font-family: ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size: 0.75rem}.term__bar{display: flex;align-items: center;gap: 0.75rem;padding: 0.4rem 0.45rem 0.4rem 0.75rem;background: rgb(166 176 198 / 0.07);border-bottom: 1px solid var(--edge);color: var(--ink-3)}.term__title{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.demo .term__run{min-height: 1.9rem;padding: 0.15rem 0.8rem;font-family: var(--font);font-size: 0.75rem}.term__run .ico{width: 0.9em;height: 0.9em;fill: currentColor}.term__body{display: grid;align-content: start;gap: 0.2rem;min-height: 14.5rem;padding: 0.8rem 0.9rem;color: #c9d3ea}.term__line{white-space: pre-wrap;overflow-wrap: anywhere;animation: demo-rise 0.2s ease both}.term__p{color: var(--accent)}.term__ok{color: var(--ok)}.term__dim{color: var(--ink-3)}.term__cursor::after{content: "";display: inline-block;width: 0.55em;height: 1em;vertical-align: -0.15em;background: var(--ink-2);animation: demo-blink 1s steps(1) infinite}.tchart{display: grid;gap: 0.2rem;margin: 0.4rem 0}.tchart__row{display: grid;grid-template-columns: 6ch minmax(0,1fr);align-items: center;gap: 0.6rem;color: var(--ink-3)}.tchart__track{height: 0.6rem}.tchart__bar{display: block;width: 0;height: 100%;background: rgb(166 176 198 / 0.35);transition: width 0.6s ease}.tchart__bar.is-now{background: var(--accent)}.app{display: grid;grid-template-columns: auto minmax(0,1fr);min-height: 15.5rem;overflow: hidden;border: 1px solid var(--edge);border-radius: 14px;background: var(--surface)}.app__rail{display: flex;flex-direction: column;gap: 0.4rem;padding: 0.7rem 0.45rem;border-right: 1px solid var(--edge);background: rgb(166 176 198 / 0.06)}.demo .app__rail button{width: 2.5rem;height: 2.5rem;border-color: transparent;border-radius: 10px;background: none;color: var(--ink-3)}.demo .app__rail button[aria-pressed="true"]{background: rgb(239 184 121 / 0.14);color: var(--accent)}.app__rail .ico{width: 1.3rem;height: 1.3rem}.app__main{display: grid;align-content: start;gap: 0.75rem;min-width: 0;padding: 0.85rem 0.95rem}.app__top{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem}.app__hi{min-width: 0;line-height: 1.3}.app__hi strong{display: block;color: var(--ink)}.app__hi small{color: var(--ink-3)}.ava{display: grid;place-items: center;flex: none;width: 2.2rem;height: 2.2rem;border-radius: 50%;background: linear-gradient(135deg,#7f9cff,var(--accent));color: #0a1530;font-size: 0.75rem;font-weight: 700}.app__title{color: var(--ink-3);font-size: 0.72rem;letter-spacing: 0.08em;text-transform: uppercase}.app__list{display: grid;gap: 0.45rem}.app__card{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;padding: 0.55rem 0.75rem;border-radius: 10px;background: var(--raise);animation: demo-rise 0.3s ease both}.app__card>span:first-child{min-width: 0;line-height: 1.35;overflow-wrap: anywhere}.app__card strong{display: block;color: var(--ink);font-weight: 400}.app__card small{color: var(--ink-3)}.pill{flex: none;padding: 0.1rem 0.6rem;border-radius: 999px;background: rgb(107 227 160 / 0.14);color: var(--ok);font-size: 0.7rem;white-space: nowrap}.pill--soon{background: rgb(239 184 121 / 0.16);color: var(--accent)}.flow{padding: 0.9rem;border: 1px solid var(--edge);border-radius: 12px;background: radial-gradient(rgb(166 176 198 / 0.16) 1px,transparent 1.2px) 0 0 / 14px 14px,var(--surface)}.flow__svg{display: block;width: 100%;height: auto;overflow: visible}.flow__wire{fill: none;stroke: rgb(166 176 198 / 0.4);stroke-width: 1.5;stroke-dasharray: 4 4;transition: stroke 0.3s ease}.flow__wire.is-live{stroke: var(--accent);stroke-dasharray: none}.flow__node circle{fill: #0b1430;stroke: rgb(166 176 198 / 0.45);stroke-width: 1.5;transition: fill 0.3s ease,stroke 0.3s ease}.flow__node path{fill: none;stroke: var(--ink-2);stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round;transition: stroke 0.3s ease}.flow__node.is-hit circle{fill: #2a2214;stroke: var(--accent)}.flow__node.is-hit path{stroke: var(--accent)}.flow__packet{fill: var(--accent);opacity: 0;filter: drop-shadow(0 0 4px rgb(239 184 121 / 0.9))}.flow__packet.is-on{opacity: 1}.flow__labels{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.3rem;margin: 0.2rem 0 0.8rem;text-align: center;color: var(--ink);font-size: 0.72rem;overflow-wrap: anywhere}.flow__log{display: grid;gap: 0.25rem;min-height: 4.6em;margin-top: 0.75rem !important}.flow__log li{display: flex;gap: 0.4rem;color: var(--ink);animation: demo-rise 0.25s ease both}.flow__log .ico{color: var(--ok);margin-top: 0.15em}.demo .tl{position: relative;display: grid;gap: 0.7rem;margin-top: 0.9rem;padding-left: 1.5rem}.tl::before{content: "";position: absolute;left: calc(0.4rem - 1px);top: 0.6rem;bottom: 0.6rem;width: 2px;background: var(--edge)}.tl:empty{display: none}.tl__item{position: relative;animation: demo-rise 0.35s ease both}.tl__item::before{content: "";position: absolute;left: -1.5rem;top: 0.55rem;width: 0.8rem;height: 0.8rem;border-radius: 50%;background: var(--accent);box-shadow: 0 0 0 4px rgb(239 184 121 / 0.18)}.tl__card{padding: 0.65rem 0.85rem;border: 1px solid var(--edge);border-radius: 4px 14px 14px 14px;background: var(--surface);color: var(--ink)}.tl__head{display: flex;justify-content: space-between;gap: 0.75rem;margin-bottom: 0.3rem;font-size: 0.72rem}.tl__when{color: var(--accent);letter-spacing: 0.05em;text-transform: uppercase}.tl__kind{color: var(--ink-3)}.stars{display: flex;gap: 0.1rem;margin-top: 0.5rem}.demo .star{width: 2.1rem;min-height: 2.1rem;padding: 0;border-color: transparent;border-radius: 50%;background: none;color: var(--ink-3)}.demo .star .ico{width: 1.35rem;height: 1.35rem}.demo .star[aria-pressed="true"]{border-color: transparent}.demo .star.is-on{color: var(--accent)}.demo .star.is-on .ico{fill: var(--accent)}.status{position: relative;overflow: hidden;padding: 0.9rem;border: 1px solid var(--edge);border-radius: 12px;background: var(--surface)}.status__head{display: flex;align-items: center;gap: 0.6rem;margin-bottom: 0.6rem !important;color: var(--ink);font-weight: 700}.status__dot{flex: none;width: 0.65rem;height: 0.65rem;border-radius: 50%;background: var(--ok);box-shadow: 0 0 0 4px rgb(107 227 160 / 0.15)}.status.is-down .status__dot{background: var(--danger);box-shadow: 0 0 0 4px rgb(255 143 122 / 0.2)}.status.is-down .status__head{color: var(--danger)}.status__row{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 0.3rem 0.75rem;padding: 0.5rem 0;border-top: 1px solid var(--edge)}.status__name{color: var(--ink);overflow-wrap: anywhere}.status__pct{color: var(--ink-3)}.uptime{grid-column: 1 / -1;display: grid;grid-template-columns: repeat(30,minmax(0,1fr));gap: 2px;height: 1.15rem}.uptime span{border-radius: 2px;background: var(--ok);opacity: 0.7}.uptime span.is-warn{background: var(--accent);opacity: 1}.uptime span.is-down{background: var(--danger);opacity: 1;animation: demo-blink 0.8s steps(1) infinite}.status__legend{display: flex;justify-content: space-between;padding-top: 0.4rem;border-top: 1px solid var(--edge);font-size: 0.7rem;color: var(--ink-3)}.toast{position: absolute;top: 0.6rem;left: 0.6rem;right: 0.6rem;z-index: 1;display: flex;align-items: flex-start;gap: 0.65rem;padding: 0.65rem 0.75rem;border-radius: 16px;background: rgb(233 237 246 / 0.97);color: #0a1530;box-shadow: 0 12px 30px rgb(0 0 0 / 0.45);transform: translateY(-130%);visibility: hidden;transition: transform 0.45s cubic-bezier(0.2,0.8,0.2,1),visibility 0s linear 0.45s}.toast.is-in{transform: none;visibility: visible;transition: transform 0.45s cubic-bezier(0.2,0.8,0.2,1)}.toast__app{display: grid;place-items: center;flex: none;width: 2.1rem;height: 2.1rem;border-radius: 9px;background: #0a1530;color: var(--accent)}.toast__txt{flex: 1;min-width: 0;line-height: 1.35}.toast__txt strong{display: flex;justify-content: space-between;gap: 0.5rem;font-size: 0.75rem}.toast__txt small{font-weight: 400;color: #4a5370}.toast__txt p{font-size: 0.8rem}.demo .status__go{margin-top: 0.8rem}@keyframes demo-rise{from{opacity: 0;transform: translateY(6px)}}@keyframes demo-pop{from{opacity: 0;transform: scale(0.55)}}@keyframes demo-blink{50%{opacity: 0}}@keyframes demo-bump{40%{transform: scale(1.35)}}@keyframes demo-spin{to{transform: rotate(1turn)}}@keyframes demo-ping{from{transform: scale(1);opacity: 0.7}to{transform: scale(1.6);opacity: 0}}@keyframes demo-dot{0%,60%,100%{transform: none;opacity: 0.5}30%{transform: translateY(-3px);opacity: 1}}@media (max-width: 30rem){.pay{grid-template-columns: repeat(2,minmax(0,1fr))}.demo .chat__fab{right: 0.8rem;bottom: 0.8rem}.chat__hint{right: 4.8rem;bottom: 1.65rem}}@media (prefers-reduced-motion: reduce){.service__toggle::after{transition: none}.demo *,.demo *::before,.demo *::after,.service__panel{animation: none !important;transition: none !important}}@media (forced-colors: active){.service__toggle::after{background: none;border: 1px solid CanvasText}.demo .btn-go,.demo .chat__fab,.demo .cal__grid button[aria-pressed="true"]{border: 2px solid ButtonText}.race__fill,.tchart__bar,.uptime span,.flow__svg,.status__dot,.shop__badge{forced-color-adjust: none}}.section__lead,.contact__lead{margin: -1.25rem 0 clamp(1.75rem,4vh,2.5rem);max-width: 44ch;color: var(--ink-2);font-size: var(--step-1)}.contact__grid{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,19rem);gap: clamp(3rem,6vw,6rem);align-items: start}.contact__main{min-width: 0;container-type: inline-size}.contact__aside{min-width: 0;display: grid;gap: 1rem}.contact__alt{margin: 0;font-size: var(--step--1);font-weight: 400;letter-spacing: 0.04em;color: var(--accent)}.form{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1.4rem 1.5rem;max-width: 48rem}.field{display: grid;align-content: start;gap: 0.45rem;min-width: 0}.field--wide,.form__footer{grid-column: 1 / -1}.field label{font-size: var(--step--1);letter-spacing: 0.03em;color: var(--ink-2)}.field__opt{color: var(--ink-3)}.field__hint{margin: -0.2rem 0 0.1rem;font-size: var(--step--1);color: var(--ink-3)}.control{--c: 0.55rem;--edge: rgb(166 176 198 / 0.42);position: relative;display: block;padding: 1px;isolation: isolate}.control::before,.control::after{content: "";position: absolute;z-index: -1;pointer-events: none;clip-path: polygon(var(--cut) 0,100% 0,100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut))}.control::before{--cut: var(--c);inset: 0;background: var(--edge);transition: background-color 0.2s ease}.control::after{--cut: calc(var(--c) - 0.59px);inset: 1px;background: var(--field)}@media (hover: hover){.control:hover{--edge: rgb(166 176 198 / 0.7)}}.control:has([aria-invalid="true"]){--edge: var(--danger)}.control.is-invalid{--edge: var(--danger)}.control:focus-within{--edge: var(--accent)}.control:focus-within::before{--cut: calc(var(--c) + 0.59px);inset: -1px}.control input,.control textarea{--cut: calc(var(--c) - 0.59px);display: block;width: 100%;min-height: 3rem;margin: 0;padding: 0.7rem 1rem 0.7rem 1.15rem;border: 0;border-radius: 0;background: transparent;color: var(--ink);font: inherit;line-height: 1.5;caret-color: var(--accent);clip-path: polygon(var(--cut) 0,100% 0,100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut))}.control input:focus,.control textarea:focus{outline: none}.control textarea{min-height: 9.5rem;resize: vertical}.control input:-webkit-autofill{-webkit-text-fill-color: var(--ink);-webkit-box-shadow: 0 0 0 100vmax var(--field) inset;caret-color: var(--accent);transition: background-color 1e6s}.field__error{display: flex;align-items: baseline;gap: 0.55em;margin: 0;font-size: var(--step--1);color: var(--danger)}.field__error::before{content: "";flex: none;width: 0.55em;height: 0.48em;background: currentColor;clip-path: polygon(0 0,69% 0,100% 100%,31% 100%)}.hp{position: absolute;left: -10000px;width: 1px;height: 1px;overflow: hidden}.form__footer{padding-top: 0.35rem}.form__check.is-active{margin-bottom: 1rem}.form__actions{display: flex;flex-wrap: wrap;align-items: center;gap: 0.75rem 1.5rem}button.cta{appearance: none;margin: 0;border: 0;background: none;font: inherit;cursor: pointer}.cta[aria-disabled="true"]{cursor: progress}.cta[aria-disabled="true"]::before{opacity: 0.35}.form__status{display: flex;align-items: baseline;gap: 0.6em;margin: 0;max-width: 44ch;font-size: var(--step--1);color: var(--ink-2)}.form__status.is-error{color: var(--danger)}.form__status a{color: inherit;text-underline-offset: 0.2em}.form__status.is-busy::before{content: "";flex: none;width: 0.55em;height: 0.48em;background: var(--accent);clip-path: polygon(0 0,69% 0,100% 100%,31% 100%)}.form__privacy{margin: 1rem 0 0;max-width: 62ch;font-size: var(--step--1);color: var(--ink-3)}.form__privacy a,.foot a{color: inherit;text-underline-offset: 0.2em}@media (hover: hover){.form__privacy a:hover,.foot a:hover{color: var(--ink)}}.done{--cut: 1.1rem;position: relative;display: grid;justify-items: start;gap: 0.5rem;max-width: 48rem;padding: clamp(1.5rem,3vw,2.25rem);isolation: isolate}.done::before,.done::after{content: "";position: absolute;z-index: -1;clip-path: polygon(var(--cut) 0,100% 0,100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut))}.done::before{inset: 0;background: linear-gradient(160deg,var(--silver-2),var(--silver-1) 45%,rgb(142 152 173 / 0.3));opacity: 0.5}.done::after{inset: 1px;background: rgb(5 10 24 / 0.88);--cut: calc(1.1rem - 0.59px)}.done__title{display: flex;align-items: baseline;gap: 0.6em;margin: 0 0 0.25rem;font-size: var(--step-2);font-weight: 700;line-height: 1.25}.done__title::before{content: "";flex: none;width: 0.62em;height: 0.55em;background: var(--accent);clip-path: polygon(0 0,69% 0,100% 100%,31% 100%)}.done__title:focus{outline: none}.done p{margin: 0;color: var(--ink-2)}.done__note{font-size: var(--step--1)}.link-button{appearance: none;min-height: 2.75rem;margin: 0.25rem 0 -0.5rem;padding: 0;border: 0;background: none;color: var(--ink);font: inherit;font-size: var(--step--1);letter-spacing: 0.03em;text-decoration: underline;text-underline-offset: 0.25em;cursor: pointer}@container (width < 34rem){.form{grid-template-columns: minmax(0,1fr)}}@supports not (container-type: inline-size){@media (max-width: 40rem){.form{grid-template-columns: minmax(0,1fr)}}}.email-row{display: flex;flex-wrap: wrap;align-items: center;gap: 0.75rem 1.25rem;margin: 0 0 1rem}.email{font-size: var(--step-2);font-weight: 700;line-height: 1.1;letter-spacing: -0.01em;text-decoration: none;overflow-wrap: anywhere;background: linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition: background-size 0.35s ease;padding-bottom: 0.08em}@media (hover: hover){.email:hover{background-size: 100% 1px}}.copy{--cut: 0.5rem;position: relative;appearance: none;min-height: 2.75rem;padding: 0.55rem 1.1rem 0.55rem 1.25rem;border: 0;background: none;color: var(--ink);font: inherit;font-size: var(--step--1);letter-spacing: 0.03em;cursor: pointer;isolation: isolate}.copy::before,.copy::after{content: "";position: absolute;z-index: -1;clip-path: polygon(var(--cut) 0,100% 0,100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut))}.copy::before{inset: 0;background: var(--ink-3);transition: background 0.2s ease}.copy::after{inset: 1px;background: rgb(5 10 24 / 0.82);--cut: calc(0.5rem - 0.59px)}@media (hover: hover){.copy:hover::before{background: var(--ink-2)}}.copy__done{color: var(--accent);font-size: var(--step--1);min-width: 6em}.company{display: flex;flex-wrap: wrap;gap: 1rem 3rem;margin: 0;padding-top: 1.5rem;border-top: 1px solid var(--line);font-size: var(--step--1)}.company div{min-width: 0}.company dt{color: var(--ink-2);letter-spacing: 0.03em}.company dd{margin: 0.15rem 0 0;color: var(--ink);font-variant-numeric: tabular-nums}.checklist{margin: 0;max-width: 54rem;display: grid;gap: 0.15rem}.checklist>div{display: flex;align-items: baseline;gap: 0.85rem;padding-block: 0.55rem}.checklist dt{order: 1;flex: none;font-weight: 700}.checklist>div::after{content: "";order: 2;flex: 1 1 2rem;min-width: 2rem;border-bottom: 2px dotted rgb(166 176 198 / 0.32);transform: translateY(-0.28em)}.checklist dd{order: 3;margin: 0;color: var(--ink-2);text-align: right}.tiers{display: grid;grid-template-columns: minmax(0,1fr);gap: 1.25rem}@media (min-width: 38rem){.tiers{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 74rem){.tiers{grid-template-columns: repeat(4,minmax(0,1fr))}}.tier{--cut: 1rem;position: relative;display: flex;flex-direction: column;padding: clamp(1.35rem,2.2vw,1.75rem);isolation: isolate}.tier::before,.tier::after{content: "";position: absolute;z-index: -1;clip-path: polygon(var(--cut) 0,100% 0,100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut))}.tier::before{inset: 0;background: rgb(166 176 198 / 0.26);transition: background-color 0.3s ease}.tier::after{inset: 1px;background: rgb(5 10 24 / 0.88);--cut: calc(1rem - 0.59px)}@media (hover: hover){.tier:hover::before{background-color: rgb(166 176 198 / 0.5)}}@media (hover: hover) and (prefers-reduced-motion: no-preference){.tier:hover::before{background-image: linear-gradient(to bottom right,transparent 42%,rgb(243 246 251 / 0.35) 47%,#fff 50%,rgb(243 246 251 / 0.35) 53%,transparent 58%);background-size: 260% 260%;background-repeat: no-repeat;animation: tier-sheen 0.5s linear both}.tier:hover::after{background: rgb(5 10 24)}}@keyframes tier-sheen{from{background-position: 100% 100%}to{background-position: 0% 0%}}.tier__name{margin: 0;font-size: var(--step-1);font-weight: 700;line-height: 1.25}.tier__for{margin: 0.35rem 0 0;color: var(--ink-2);font-size: var(--step--1);line-height: 1.5}.tier__price{margin: 1.15rem 0 1.25rem;color: var(--ink-2);font-size: var(--step--1)}.tier__label{display: block;margin-bottom: 0.15rem;letter-spacing: 0.03em;color: var(--accent)}.tier__amount{display: block;font-size: clamp(1.875rem,1.5rem + 1vw,2.375rem);font-weight: 700;line-height: 1.1;letter-spacing: -0.015em;color: var(--ink);font-variant-numeric: tabular-nums;white-space: nowrap}.tier__list{list-style: none;margin: 0 0 1.35rem;padding: 0;display: grid;align-content: start;gap: 0.5rem;font-size: 0.9375rem;line-height: 1.45}.tier__list li{display: flex;align-items: baseline;gap: 0.65em}.tier__list li::before{content: "";flex: none;width: 0.55em;height: 0.48em;background: var(--accent);clip-path: polygon(0 0,69% 0,100% 100%,31% 100%)}.tier__notes{margin-top: auto;display: grid;align-content: start;gap: 0.2rem;padding-top: 1rem;border-top: 1px solid var(--line);color: var(--ink-2);font-size: var(--step--1);line-height: 1.55}.tier__notes p{margin: 0}.tier__agency{margin: 1.1rem 0 0;display: grid;justify-items: end;text-align: right;font-size: var(--step--1);line-height: 1.4;color: var(--ink-3)}.tier__agency-label{letter-spacing: 0.03em}.tier__agency-amount{color: var(--ink-2);font-variant-numeric: tabular-nums;white-space: nowrap}@supports (grid-template-rows: subgrid){.tiers{row-gap: 0}.tier{display: grid;grid-row: span 5;grid-template-rows: subgrid;row-gap: 0;margin-bottom: 1.25rem}.tier__notes{margin-top: 0}.tiers + .tiers__notes{margin-top: 0}}.tier__notes a,.pricing .section__lead a{color: var(--ink);text-underline-offset: 0.2em}.tiers__notes{display: grid;gap: 0.5rem;margin: 1.1rem 0 0;max-width: 78ch;color: var(--ink-3);font-size: var(--step--1);line-height: 1.6}.tiers__notes p{margin: 0}.pricing__more{display: grid;grid-template-columns: minmax(0,1fr);gap: clamp(2.5rem,5vw,4.5rem);margin-top: clamp(3rem,7vh,4.5rem);align-items: start}@media (min-width: 60rem){.pricing__more{grid-template-columns: minmax(0,1.35fr) minmax(0,1fr)}.pricing__more .addons{padding-top: 0;border-top: 0}}.addons{display: grid;gap: 0.9rem;padding-top: 1.4rem;border-top: 1px solid var(--line)}.addons__title{margin: 0;font-size: var(--step-0);font-weight: 700}.addons__list{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 0.55rem 1.75rem;color: var(--ink-2)}.addons__list li{display: flex;align-items: baseline;gap: 0.6em}.addons__list li::before{content: "";flex: none;width: 0.55em;height: 0.48em;background: var(--accent);clip-path: polygon(0 0,69% 0,100% 100%,31% 100%)}.compare{min-width: 0;container-type: inline-size}.compare table{width: 100%;border-collapse: collapse;font-variant-numeric: tabular-nums}.compare caption{caption-side: top;text-align: left;padding-bottom: 0.9rem;color: var(--ink-2);font-size: var(--step--1);letter-spacing: 0.03em}.compare th,.compare td{padding: 0.85rem 1rem 0.85rem 0;text-align: left;vertical-align: top;border-bottom: 1px solid var(--line)}.compare thead th{font-size: var(--step--1);font-weight: 400;letter-spacing: 0.03em;color: var(--ink-2);border-bottom-color: rgb(166 176 198 / 0.32)}.compare thead th:last-child{color: var(--accent)}.compare tbody th{width: 32%;font-weight: 400;color: var(--ink-2)}.compare tbody td{color: var(--ink-2)}.compare tbody td:last-child{color: var(--ink);font-weight: 700}.compare__note{margin: 1rem 0 0;max-width: 62ch;color: var(--ink-3);font-size: var(--step--1);line-height: 1.6}@container (width < 30rem){.compare table,.compare thead,.compare tbody,.compare tr,.compare th,.compare td{display: block}.compare thead{display: none}.compare caption{display: block}.compare tr{padding-block: 0.8rem;border-bottom: 1px solid var(--line)}.compare tbody th,.compare td{width: auto;padding: 0.1rem 0;border: 0}.compare tbody th{margin-bottom: 0.25rem;color: var(--ink);font-weight: 700}.compare td{display: flex;justify-content: space-between;gap: 1rem;text-align: right}.compare td::before{color: var(--ink-3);font-weight: 400;text-align: left}.compare td:nth-child(2)::before{content: "Ohjelmistotalo*";content: "Ohjelmistotalo*" / "Ohjelmistotalo"}.compare td:nth-child(3)::before{content: "SkyMade";content: "SkyMade" / "SkyMade";color: var(--accent)}}@supports not (container-type: inline-size){@media (max-width: 36rem){.compare table,.compare thead,.compare tbody,.compare tr,.compare th,.compare td{display: block}.compare thead{display: none}.compare caption{display: block}.compare tr{padding-block: 0.8rem;border-bottom: 1px solid var(--line)}.compare tbody th,.compare td{width: auto;padding: 0.1rem 0;border: 0}.compare tbody th{margin-bottom: 0.25rem;color: var(--ink);font-weight: 700}.compare td{display: flex;justify-content: space-between;gap: 1rem;text-align: right}.compare td::before{color: var(--ink-3);font-weight: 400;text-align: left}.compare td:nth-child(2)::before{content: "Ohjelmistotalo*";content: "Ohjelmistotalo*" / "Ohjelmistotalo"}.compare td:nth-child(3)::before{content: "SkyMade";content: "SkyMade" / "SkyMade";color: var(--accent)}}}.foot{padding-block: 2.5rem max(2.5rem,env(safe-area-inset-bottom,0px));font-size: var(--step--1);color: var(--ink-3)}.foot .wrap{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0.5rem 2rem}.foot p{margin: 0;max-width: 60ch}.legal-head{padding-top: max(1.75rem,env(safe-area-inset-top,0px))}.legal-home{display: inline-block;line-height: 0}.legal-home .mark{width: 9.5rem;filter: none}.legal{padding-block: clamp(2.5rem,7vh,5rem) clamp(3rem,8vh,6rem)}.legal h1{margin: 0 0 0.9rem;font-size: var(--step-3);font-weight: 700;line-height: 1.12;letter-spacing: -0.01em}.legal__lead{margin: 0 0 0.5rem;max-width: 50ch;font-size: var(--step-1);color: var(--ink-2)}.legal__updated{margin: 0 0 clamp(2rem,5vh,3rem);font-size: var(--step--1);color: var(--ink-3)}.legal section{max-width: 68ch;margin-top: 1.6rem;padding-top: 1.6rem;border-top: 1px solid var(--line)}.legal h2{display: flex;align-items: baseline;gap: 0.6em;margin: 0 0 0.7rem;font-size: var(--step-2);font-weight: 700;line-height: 1.25}.legal h2::before{content: "";flex: none;width: 0.62em;height: 0.55em;background: var(--accent);clip-path: polygon(0 0,69% 0,100% 100%,31% 100%)}.legal p,.legal li{color: var(--ink-2)}.legal p{margin: 0 0 0.75rem}.legal ul{margin: 0 0 0.85rem;padding-left: 1.2em}.legal li{margin-bottom: 0.4rem;padding-left: 0.2em}.legal li::marker{color: var(--accent)}.legal strong{color: var(--ink)}.legal a{color: var(--ink);text-underline-offset: 0.2em}.legal-dialog{width: min(100% - 2rem,52rem);max-height: min(88vh,88svh);margin: auto;padding: 0;border: 1px solid var(--line);background: #060c1f;color: var(--ink)}.legal-dialog::backdrop{background: rgb(2 4 11 / 0.7);backdrop-filter: blur(6px)}.legal-dialog__bar{position: sticky;top: 0;z-index: 1;display: flex;justify-content: space-between;align-items: center;gap: 1rem;padding: 0.75rem 1.25rem;border-bottom: 1px solid var(--line);background: #060c1f}.legal-dialog__bar .mark{width: 7.5rem;filter: none}.legal-dialog .legal{padding: 0.5rem 1.25rem 2rem}@media (prefers-reduced-motion: no-preference){.mark path{transform-box: fill-box;transform-origin: 50% 50%}.mark[data-anim="draw"] path{animation: mark-draw 1.7s cubic-bezier(0.55,0.05,0.2,1) calc(240ms + var(--i) * 95ms) both,mark-fill 1.4s ease calc(1.45s + var(--i) * 70ms) both}.mark[data-anim="starfall"] path{animation: mark-starfall 1.2s cubic-bezier(0.2,0.8,0.2,1) calc(var(--d,0) * 1ms) both}.mark[data-anim="rise"] path{animation: mark-rise 0.95s cubic-bezier(0.16,1,0.3,1) calc(var(--i) * 85ms) both}.mark[data-anim="sweep"] path{animation: mark-fade 0.6s ease-out calc(var(--i) * 60ms) both}.mark[data-anim="sweep"]{animation: mark-shine 1.4s ease-out both}.mark[data-anim="focus"]{animation: mark-focus 1.4s cubic-bezier(0.2,0.7,0.2,1) both}.mark[data-anim="slide"] path{animation: mark-slide 0.8s cubic-bezier(0.16,1,0.3,1) calc(var(--i) * 55ms) both}.mark[data-anim="pop"] path{animation: mark-pop 0.65s cubic-bezier(0.34,1.35,0.64,1) calc(var(--i) * 95ms) both}.mark[data-anim="glow"]{animation: mark-glow 2.2s ease-out both}.legal-home .mark path{animation: none}.motto{animation: hero-in 1s ease 0.7s both}.aurora{animation: aurora-drift 14s ease-in-out infinite alternate,aurora-glow 7s ease-in-out infinite alternate}.lead{animation: hero-in 1s ease 1s both}.horizon{animation: hero-in 1.1s ease 1.4s both}.sky__stars canvas{animation: stars-in 2.6s ease-out both}.sky__stars canvas.is-faint{animation-duration: 3.6s;animation-delay: 0.5s}.reveal{opacity: 0;transform: translateY(18px);transition: opacity 0.7s ease,transform 0.9s cubic-bezier(0.16,1,0.3,1);transition-delay: calc(min(var(--n,0),7) * 60ms)}.reveal.is-in{opacity: 1;transform: none}}@keyframes mark-draw{from{stroke-dashoffset: 1}}@keyframes mark-fill{from{fill-opacity: 0}}@keyframes mark-fade{from{opacity: 0}}@keyframes mark-starfall{from{opacity: 0;transform: translate(var(--dx,0px),var(--dy,0px)) rotate(var(--r,0deg)) scale(0.5)}55%{opacity: 1}}@keyframes mark-rise{from{opacity: 0;transform: translateY(45%)}}@keyframes mark-slide{from{opacity: 0;transform: translateX(-140px) skewX(-18deg)}}@keyframes mark-pop{from{opacity: 0;transform: scale(0.3)}60%{opacity: 1}}@keyframes mark-focus{from{opacity: 0;transform: scale(1.07);filter: blur(18px) drop-shadow(0 0 1.75rem rgb(150 178 255 / 0.16))}to{opacity: 1;transform: none;filter: blur(0) drop-shadow(0 0 1.75rem rgb(150 178 255 / 0.16))}}@keyframes mark-shine{0%{filter: drop-shadow(0 0 1.75rem rgb(150 178 255 / 0.16))}45%{filter: drop-shadow(0 0 2.4rem rgb(238 242 248 / 0.42))}100%{filter: drop-shadow(0 0 1.75rem rgb(150 178 255 / 0.16))}}@keyframes mark-glow{0%{opacity: 0.06;filter: drop-shadow(0 0 0 rgb(239 184 121 / 0))}45%{opacity: 1;filter: drop-shadow(0 0 2.8rem rgb(239 184 121 / 0.6))}100%{opacity: 1;filter: drop-shadow(0 0 1.75rem rgb(150 178 255 / 0.16))}}@keyframes stars-in{from{opacity: 0}}@keyframes aurora-drift{to{background-position: 100% 50%}}@keyframes aurora-glow{50%{filter: drop-shadow(0 0 9px rgb(94 234 212 / 0.6)) drop-shadow(0 0 26px rgb(167 139 250 / 0.35))}}@keyframes hero-in{from{opacity: 0;transform: translateY(8px)}}@media (max-width: 56rem){.contact__grid{grid-template-columns: minmax(0,1fr)}}@media (max-width: 40rem){.checklist>div{display: grid;gap: 0.15rem;padding-block: 0.7rem;border-bottom: 1px solid var(--line)}.checklist>div::after{display: none}.checklist dd{text-align: left}.hud{font-size: 0.75rem}.hud__loc-coords{display: none}.hero{padding-block: 5.5rem 2.5rem}}@media (forced-colors: active){.mark path{fill: CanvasText;stroke: CanvasText}.cta::before,.cta::after,.copy::before,.copy::after,.control::before,.control::after,.done::before,.done::after{display: none}.cta,.copy,.control,.done{border: 1px solid CanvasText}.control input,.control textarea{clip-path: none}.control:focus-within{outline: 2px solid Highlight;outline-offset: 1px}.control:has([aria-invalid="true"]){border-width: 2px}.control.is-invalid{border-width: 2px}.tier::before,.tier::after{display: none}.tier{border: 1px solid CanvasText}}@page{margin: 15mm}@media print{:root{--ink: #111;--ink-2: #333;--ink-3: #555;--accent: #7a4f17;--line: #bbb;--silver-1: #555;--silver-2: #111}html,body{background: #fff !important;color: var(--ink)}.sky,.motion-toggle,.hud__time,.hud__loc-coords,.form,.copy,.copy__done{display: none !important}.hero{min-height: 0;padding-block: 1rem 2rem}.hud{display: none !important}.mark{filter: none}.mark path{fill: #111 !important;stroke: none !important;animation: none !important;fill-opacity: 1 !important}.cta,.tier,.done{color: var(--ink)}.cta::before,.cta::after,.tier::before,.tier::after,.control::before,.control::after,.done::before,.done::after{display: none !important}.cta,.tier{border: 1px solid var(--line)}.tier{break-inside: avoid}.section{padding-block: 1.25rem}.section__title,h3{break-after: avoid}.compare,.addons,.service,.checklist>div{break-inside: avoid}.service__panel{display: block !important}.demo,.service__toggle::after,.logo__play,.logo__style,.hud__hint{display: none !important}.reveal{opacity: 1 !important;transform: none !important}.aurora{color: var(--accent) !important;background: none !important;filter: none !important}a{color: inherit}.section__lead a,.tier__notes a{text-decoration: none}}.mark .g0{--i:0}.mark .g1{--i:1}.mark .g2{--i:2}.mark .g3{--i:3}.mark .g4{--i:4}.mark .g5{--i:4.35}.mark .g6{--i:5}.mark .g7{--i:6}.mark .g8{--i:6.35}.mark .g9{--i:6.7}.legal-home .mark{--sw:23.8}