:root{--v3-night:#060b14;--v3-night-2:#0a1220;--v3-ink:#f4f7fb;--v3-body:#dee6f2b8;--v3-mute:#dee6f27a;--v3-line:#ffffff17;--v3-blue:#1f7bff;--v3-blue-soft:#5ea3ff;--v3-gutter:clamp(20px, 3.2vw, 56px);--v3-max:1640px;--v3-ease:cubic-bezier(.22, 1, .36, 1)}body{background:var(--v3-night);color:var(--v3-ink);overflow-x:visible}.v3-shell{width:100%;max-width:var(--v3-max);padding-inline:var(--v3-gutter);margin-inline:auto}.v3-entry{isolation:isolate;background:radial-gradient(38% 46% at 80% 8%,#4682dc4d 0%,#4682dc00 70%),radial-gradient(50% 45% at 66% 52%,#1f7bff29 0%,#1f7bff00 72%),radial-gradient(60% 30% at 60% 74%,#78a0dc1a 0%,#78a0dc00 70%),linear-gradient(#06101f 0%,#070e1a 55%,#060b14 100%);position:relative;overflow:hidden}.v3-entry:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#0000 55%,#00000073 100%);position:absolute;inset:0}@media (width>=1280px){.v3-entry{flex-direction:column;min-height:100svh;display:flex}}.v3-cta--ghost{box-shadow:inset 0 0 0 1.5px var(--v3-blue);background:0 0}.v3-cta--ghost:hover{background:#1f7bff24}.v3-nav__link{color:var(--v3-body);font-size:15px;transition:color .16s}.v3-nav__link:hover{color:var(--v3-ink)}.v3-cta{background:var(--v3-blue);color:#fff;border-radius:10px;align-items:center;gap:10px;font-weight:500;line-height:1;transition:background-color .2s}.v3-cta:hover{background:#3a8cff}.v3-cta svg{transition:transform .28s var(--v3-ease)}.v3-cta:hover svg{transform:translate(3px)}.v3-hero{padding-block:28px 36px;position:relative}.v3-title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--v3-ink);font-size:clamp(38px,4.05vw,70px);font-weight:650;font-stretch:90%;line-height:1}@media (width>=1280px){.v3-hero{flex:1;align-items:center;min-height:0;padding-block:8px 30px;display:flex}.v3-hero__copy{z-index:3;width:50%;position:relative}.v3-title{white-space:nowrap}.v3-title span{display:block}}.v3-stage{top:-34px;bottom:14px;right:var(--v3-gutter);pointer-events:none;width:52%;font-size:clamp(9px,.95vw,17px);position:absolute}.v3-laptop{width:102%;position:absolute;top:-2%;right:9%}.v3-mac{-webkit-mask-image:radial-gradient(58% 62%,#000 60%,#0000 100%);mask-image:radial-gradient(58% 62%,#000 60%,#0000 100%)}.v3-phone{filter:drop-shadow(0 30px 30px #0009);width:21%;position:absolute;bottom:2%;right:0;transform:perspective(1400px)rotateY(-10deg)rotate(3deg)}.v3-note{color:#dee6f2c7;width:6.2em;font-family:Caveat,Segoe Print,cursive;font-size:1.3em;line-height:1.1;position:absolute;top:17%;right:-1%;transform:rotate(-9deg)}.v3-note svg{width:1.5em;height:2.2em;margin:.15em 0 0 3.6em;display:block}@media (width<=1599px){.v3-note{display:none}}.v3-window{background:#f6f7fb;border-radius:12px;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 40px 80px -30px #000c,0 18px 36px -18px #0009}.v3-window__bar{background:#e9edf3;border-bottom:1px solid #dde2ea;align-items:center;gap:6px;height:26px;padding-inline:12px;display:flex}.v3-window__bar span{background:#c7ced9;border-radius:999px;width:8px;height:8px}.v3-rail{scroll-snap-type:x mandatory;scroll-padding-inline:var(--v3-gutter);padding-inline:var(--v3-gutter);scrollbar-width:none;gap:12px;padding-block:4px 20px;display:flex;overflow-x:auto}.v3-rail::-webkit-scrollbar{display:none}.v3-rail>li{scroll-snap-align:start;flex:0 0 min(82vw,360px);height:300px}@media (width>=1280px){.v3-rail{max-width:var(--v3-max);grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-inline:auto;padding-block:0;display:grid;overflow:visible}.v3-rail>li{height:clamp(240px,100svh - 640px,320px)}}.v3-tile{--tile-bg:linear-gradient(160deg, #f3f6fa 0%, #dfe5ee 100%);--tile-border:#ffffff80;--tile-border-hover:#5ea3ffe6;--tile-title:#0d1420;--tile-text:#4b5566;--tile-label:#7a8496;--tile-arrow-bg:#4a5463;--tile-arrow-ring:transparent;--tile-arrow-color:#fff;background:var(--tile-bg);height:100%;box-shadow:inset 0 0 0 1px var(--tile-border), 0 24px 48px -28px #000000b3;isolation:isolate;transition:box-shadow .28s ease, transform .42s var(--v3-ease);border-radius:16px;display:block;position:relative;overflow:hidden;container-type:inline-size}.v3-tile--blue{--tile-bg:linear-gradient(155deg, #0f3a8f 0%, #0a2463 48%, #081735 100%);--tile-border:#5a96ff59;--tile-title:#fff;--tile-text:#dee8fac7;--tile-label:#dee8fa8c;--tile-arrow-bg:transparent;--tile-arrow-ring:#78afffd9}.v3-tile--graphite{--tile-bg:linear-gradient(160deg, #1c2431 0%, #0f141d 100%);--tile-border:#ffffff14;--tile-title:#fff;--tile-text:#dee6f2ad;--tile-label:#dee6f273;--tile-arrow-bg:transparent;--tile-arrow-ring:#ffffff8c}.v3-tile--petrol{--tile-bg:linear-gradient(155deg, #0e3b3d 0%, #0a2a2d 55%, #081c20 100%);--tile-border:#ffffff14;--tile-title:#fff;--tile-text:#d6ecf0b3;--tile-label:#d6ecf075;--tile-arrow-bg:transparent;--tile-arrow-ring:#ffffff8c}.v3-tile--cool{--tile-bg:linear-gradient(160deg, #e7ebf1 0%, #d3dae4 100%)}.v3-tile:focus-visible{outline:2px solid var(--v3-blue-soft);outline-offset:3px}.v3-tile__copy{z-index:2;flex-direction:column;max-width:50%;height:100%;padding:22px 0 20px 22px;display:flex;position:relative}.v3-tile__label{font-family:var(--font-mono);letter-spacing:.2em;color:var(--tile-label);font-size:10px}.v3-tile__name{font-family:var(--font-display);letter-spacing:-.025em;color:var(--tile-title);margin-top:6px;font-size:clamp(20px,1.6vw,28px);font-weight:650;line-height:1.02}.v3-tile__text{color:var(--tile-text);margin-top:10px;font-size:12.5px;line-height:1.42}.v3-tile__arrow{background:var(--tile-arrow-bg);width:44px;height:44px;box-shadow:inset 0 0 0 1.5px var(--tile-arrow-ring);color:var(--tile-arrow-color);border-radius:999px;justify-content:center;align-items:center;margin-top:auto;transition:background-color .24s;display:flex}.v3-tile__arrow svg{transition:transform .32s var(--v3-ease)}.v3-tilt{transform-origin:30% 20%;transform:perspective(1100px)rotateY(-16deg)rotate(5deg)}.v3-tile__stage{z-index:1;transition:transform .6s var(--v3-ease);font-size:3.4cqw;position:absolute;inset:0}.v3-tile .v3-window{border-radius:.8em;box-shadow:0 0 0 1px #0f141e1a,0 24px 40px -20px #080c148c}@media (hover:hover) and (prefers-reduced-motion:no-preference){.v3-tile:hover{box-shadow:inset 0 0 0 1px var(--tile-border-hover), 0 30px 56px -28px #000c;transform:translateY(-3px)}.v3-tile:hover .v3-tile__stage{transform:translate(-6px,-4px)scale(1.02)}.v3-tile:hover .v3-tile__arrow{background:var(--v3-blue)}.v3-tile:hover .v3-tile__arrow svg{transform:translate(3px)}}@media (hover:hover) and (prefers-reduced-motion:reduce){.v3-tile:hover{box-shadow:inset 0 0 0 1px var(--tile-border-hover)}}