.front-band{isolation:isolate;height:100svh;min-height:600px;padding-top:calc(72px + clamp(16px,4vh,48px));padding-bottom:clamp(20px,4.5vh,52px);display:flex;position:relative;overflow:clip}@media (height<=599px){.front-band{height:auto}}html.cleardbs-lenis-active .front-band{scroll-margin-top:-80px}.front-band>.front-inner{z-index:1;grid-template-rows:auto minmax(0,1fr);gap:clamp(18px,3.5vh,40px);height:100%;min-height:0;display:grid;position:relative}@media (width>=1024px){.front-band[data-layout^=split]>.front-inner{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(32px,4vw,72px)}.front-band[data-layout=split-reverse]>.front-inner{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.front-band[data-layout=split-reverse]>.front-inner>.front-stage{order:-1}.front-band[data-layout^=split]>.front-inner>.front-stage{height:100%}}.front-stage{min-width:0;min-height:0;position:relative}.front-band[data-artboard]{height:100svh;min-height:0;padding:0}.front-band[data-artboard]>.front-inner{max-width:none;padding:0;display:block}.front-artboard{inset:0;position:absolute!important}.front-artboard-board{position:relative}.front-copy{align-content:center;gap:clamp(14px,2.2vh,22px);min-width:0;display:grid}.front-band[data-variant=hero]{background:radial-gradient(60% 85% at 80% 55%,#2563eb99 0%,#3b82f652 42%,#0000 74%),radial-gradient(100% 100% at 100% 100%,#1d4ed8 0%,#2563eb 30%,#3b82f6d9 50%,#93c5fd00 78%),linear-gradient(172deg,#f6f9ff 0%,#e4eeff 38%,#b3cfff 74%,#6a9bff 100%)}.front-band[data-variant=sky]{background:radial-gradient(70% 95% at 88% 58%,#2f6df5 0%,#3b82f699 34%,#93c5fd00 70%),linear-gradient(118deg,#f6f9ff 0%,#e3edff 46%,#a9c8ff 100%)}.front-band[data-variant=mist]{background:radial-gradient(60% 80% at 82%,#60a5fa6b,#0000 70%),linear-gradient(135deg,#f7faff 0%,#eaf1ff 58%,#d2e2ff 100%)}.front-band[data-variant=electric]{background:radial-gradient(55% 55% at 78% 8%,#93c5fd80,#0000 62%),radial-gradient(60% 50% at 10% 100%,#1e3a8a8c,#0000 70%),linear-gradient(165deg,#2f6bff 0%,#1f58ea 38%,#1b47cf 68%,#1e3a8a 100%)}.front-band[data-variant=bright]{background:radial-gradient(45% 40% at 50% 28%,#ffffff38,#0000 70%),linear-gradient(#3c7af6 0%,#2a63ee 45%,#1d4ed8 100%)}.front-band[data-variant=midnight]{background:radial-gradient(55% 70% at 26% 48%,#3b82f6bf 0%,#2563eb59 42%,#0000 72%),radial-gradient(50% 60% at 95% 95%,#0a195acc,#0000 70%),linear-gradient(160deg,#1d4ed8 0%,#173fbf 40%,#0f2c96 75%,#0b2275 100%)}.front-band[data-variant=inset]{background:linear-gradient(#f6f9ff,#e8f0ff);padding-inline:0}.front-band[data-variant=inset]:before{content:"";z-index:0;background:radial-gradient(50% 60% at 78% 30%,#bfdbfe73,#0000 70%),linear-gradient(160deg,#3c7af6 0%,#2459ed 45%,#1b47cf 100%);border-radius:clamp(24px,3vw,40px);position:absolute;inset:76px clamp(8px,1.4vw,20px) clamp(8px,1.4vw,20px);box-shadow:0 40px 80px -40px #1d4ed899}.front-band[data-variant=plain]{background:rgb(var(--front-canvas))}.front-band[data-variant=tint]{background:radial-gradient(80% 70% at 85% 30%, rgb(var(--front-accent) / .08), transparent 70%), rgb(var(--front-tint))}.front-band[data-variant=deep]{background:radial-gradient(70% 60% at 15% 10%,#2563eb59,#0000 65%),#0b1733}.front-band[data-tone=blue]{color:#fff;--front-ink:255 255 255;--front-muted:226 234 255;--front-accent:191 219 254;--front-line:255 255 255}html.dark .front-band[data-variant=hero]{background:radial-gradient(85% 85% at 100% 100%,#1d4ed8 0%,#2563eb8c 30%,#0000 70%),linear-gradient(172deg,#0a1226 0%,#0d1a3a 55%,#12306e 100%)}html.dark .front-band[data-variant=sky]{background:radial-gradient(70% 95% at 88% 58%,#2563ebb3,#0000 70%),linear-gradient(118deg,#0a1226,#0f1f45)}html.dark .front-band[data-variant=mist]{background:radial-gradient(60% 80% at 82%,#2563eb59,#0000 70%),linear-gradient(135deg,#0a1226,#0e1a36)}html.dark .front-band[data-variant=electric],html.dark .front-band[data-variant=bright]{filter:saturate(.92)brightness(.82)}html.dark .front-band[data-variant=inset]{background:#0a1226}.front-decor{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.front-decor-arc{border:1.5px solid #ffffff8c;border-radius:50%;position:absolute;box-shadow:0 0 24px #ffffff59,inset 0 0 24px #fff3}.front-decor-square{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(150deg,#ffffff47,#ffffff0a);border:1px solid #ffffff59;border-radius:28px;position:absolute;transform:rotate(14deg)}.front-decor-glow{filter:blur(10px);background:radial-gradient(circle,#ffffff80,#0000 65%);border-radius:50%;position:absolute}html.dark .front-decor{opacity:.45}:where(.front-glass){position:relative}.front-glass{--front-ink:20 33 57;--front-muted:86 101 123;--front-accent:36 89 237;--front-line:217 225 238;color:rgb(var(--front-ink));border-radius:var(--front-radius);-webkit-backdrop-filter:blur(18px)saturate(1.3);background:linear-gradient(160deg,#fffffff0,#fffc);border:1px solid #fffffff2;box-shadow:inset 0 1px #ffffffe6,0 10px 24px -14px #0f172a33,0 34px 70px -34px #1d4ed880}.front-glass[data-depth="2"]{box-shadow:inset 0 1px #ffffffe6,0 14px 30px -16px #0f172a40,0 50px 90px -36px #1d4ed899}.front-glass[data-glass=clear]{--front-ink:255 255 255;--front-muted:226 234 255;--front-accent:191 219 254;--front-line:255 255 255;background:linear-gradient(160deg,#ffffff3d,#ffffff12);border-color:#ffffff61;box-shadow:inset 0 1px #ffffff73,0 40px 80px -34px #0a1e6ea6}html.dark .front-glass{--front-ink:230 235 244;--front-muted:160 172 192;--front-accent:138 180 248;--front-line:44 56 80;background:linear-gradient(160deg,#18223aeb,#10182cd6);border-color:#94b4ff2e;box-shadow:0 30px 70px -30px #000000bf}.front-tilt{transform-style:preserve-3d;transform:perspective(2000px)rotateX(7deg)rotateY(-13deg)rotate(1.5deg)}.front-tilt-soft{transform:perspective(2000px)rotateX(4deg)rotateY(-7deg)}.front-tilt-right{transform:perspective(2000px)rotateX(6deg)rotateY(12deg)rotate(-1.5deg)}.front-btn-ink{color:#fff!important;background:#0f1b33!important;box-shadow:0 16px 30px -16px #0f1b33cc!important}.front-btn-ink:hover{background:#172a4d!important}.front-btn-light{color:#1d4ed8!important;background:#fff!important;box-shadow:0 16px 30px -18px #0a1e6eb3!important}.front-btn-outline{color:#fff!important;background:#ffffff1f!important;border:1px solid #ffffff8c!important}.front-btn-lg{border-radius:14px;min-height:52px;padding-inline:24px;font-size:.95rem}.front-phone{box-shadow:var(--front-shadow-2), inset 0 0 0 1.5px #ffffff14;background:linear-gradient(160deg,#1b2438,#0b1020);border-radius:44px;padding:10px;position:relative}.front-phone-screen{background:rgb(var(--front-surface));aspect-ratio:9/19.5;border-radius:34px;position:relative;overflow:hidden}.front-phone-notch{z-index:2;background:#0b1020;border-radius:999px;width:34%;height:22px;position:absolute;top:10px;left:50%;translate:-50%}.front-browser{background:rgb(var(--front-surface));box-shadow:var(--front-shadow-2);border:1px solid rgb(var(--front-line));border-radius:16px;overflow:hidden}.front-browser-bar{background:rgb(var(--front-canvas));border-bottom:1px solid rgb(var(--front-line));align-items:center;gap:6px;height:34px;padding-inline:14px;display:flex}.front-browser-bar i{background:rgb(var(--front-line));border-radius:999px;width:9px;height:9px}.front-image{width:100%;max-width:100%;position:relative;overflow:hidden}.front-image>img{width:100%;height:100%;display:block}.front-segmented{background:rgb(var(--front-ink) / .05);scrollbar-width:none;border-radius:12px;gap:4px;width:max-content;max-width:100%;padding:4px;display:flex;position:relative;overflow-x:auto}.front-segmented::-webkit-scrollbar{display:none}.front-segmented[data-fade-end=true]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000)}.front-segmented[data-fade-start=true]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 48px);mask-image:linear-gradient(90deg,#0000,#000 48px)}.front-segmented[data-fade-start=true][data-fade-end=true]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000)}.front-segmented[data-tone=dark]{background:#ffffff14}.front-segmented-tab{color:rgb(var(--front-muted));white-space:nowrap;border-radius:9px;flex:none;padding:8px 14px;font-size:.875rem;font-weight:600;transition:background .2s,color .2s}.front-segmented-tab:hover{color:rgb(var(--front-ink))}.front-segmented-tab[aria-selected=true]{background:rgb(var(--front-surface));color:rgb(var(--front-ink));box-shadow:0 1px 2px #14213914,0 4px 12px -6px #14213933}.front-segmented[data-tone=dark] .front-segmented-tab[aria-selected=true]{color:#fff;box-shadow:none;background:#ffffff24}.front-segmented-tab:focus-visible{outline:2px solid rgb(var(--front-accent));outline-offset:1px}.front-swipe{grid-template-rows:minmax(0,1fr) auto;gap:12px;height:100%;min-height:0;display:grid}.front-swipe-track{scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:16px;grid-auto-columns:100%;grid-auto-flow:column;min-height:0;display:grid;overflow-x:auto}.front-swipe-track::-webkit-scrollbar{display:none}.front-swipe-track:focus-visible{outline:2px solid rgb(var(--front-accent));outline-offset:2px}.front-swipe-slide{scroll-snap-align:center;min-width:0;height:100%;min-height:0}.front-swipe-dots{justify-content:center;gap:8px;display:flex}.front-swipe-dots button{background:rgb(var(--front-ink) / .2);border-radius:999px;width:8px;height:8px;transition:width .2s,background .2s}.front-swipe-dots button[aria-current=true]{background:rgb(var(--front-accent));width:22px}.front-band[data-tone=blue] .front-segmented{background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff38}.front-band[data-tone=blue] .front-segmented-tab{color:#ffffffdb}.front-band[data-tone=blue] .front-segmented-tab:hover{color:#fff}.front-band[data-tone=blue] .front-segmented-tab[aria-selected=true]{color:#1d4ed8;background:#fff}.front-band[data-tone=blue] .front-swipe-dots button[aria-current=true]{background:#fff}