:root{--bg:#070c13;--surface:#101a27;--line:#233748;--text:#f4fbff;--muted:#a0b5c7;--accent:#53e3ea;--accent-violet:#a77cff;--accent-lime:#d4ff70}
body{position:relative;isolation:isolate;overflow-x:hidden;background:#070c13;color:var(--text)}body>header,body>main,body>footer{position:relative;z-index:1}body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}body::before{inset:-18%;opacity:.36;background:radial-gradient(ellipse at 18% 18%,#075d6866 0,transparent 31%),radial-gradient(ellipse at 78% 32%,#59338f55 0,transparent 27%),radial-gradient(ellipse at 52% 92%,#1d715044 0,transparent 30%);filter:blur(38px);animation:ambient-drift 15s ease-in-out infinite alternate}body::after{opacity:.12;background-image:linear-gradient(#70d5e512 1px,transparent 1px),linear-gradient(90deg,#70d5e512 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
header{height:84px;gap:22px;padding-inline:max(28px,calc((100% - 1340px)/2));background:rgba(6,11,17,.78);border-bottom:1px solid #35506488;backdrop-filter:blur(18px) saturate(1.35)}header .brand{width:145px}nav{gap:3px;margin:auto;padding:6px;border:1px solid #36526588;border-radius:999px;background:#0c1722cc;box-shadow:inset 0 1px #ffffff0a,0 8px 30px #02070c66}nav a{position:relative;padding:8px 13px;border-radius:999px;color:#a8bdcc;font-size:13px;transition:color .22s ease,background .22s ease,transform .22s ease}nav a::after{content:"";position:absolute;left:24%;right:24%;bottom:4px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-violet));transform:scaleX(0);transition:transform .25s ease}nav a:hover,nav a[aria-current=location]{color:#fff;background:#18324099}nav a:hover::after,nav a[aria-current=location]::after{transform:scaleX(1)}.contact-link{border:1px solid #53e3ea88;border-radius:999px;padding:9px 18px;color:var(--accent);background:#53e3ea0d;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.contact-link:hover{transform:translateY(-2px);background:#53e3ea1c;box-shadow:0 0 24px #53e3ea3b}
.hero{position:relative;min-height:690px;padding-top:94px;padding-bottom:96px}.hero-copy{position:relative;z-index:1}.hero-copy>.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #53e3ea55;border-radius:999px;background:#53e3ea0c;box-shadow:0 0 26px #53e3ea12}.hero-copy>.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:status-pulse 1.8s ease-in-out infinite}.hero h1{font-size:clamp(70px,8vw,116px);letter-spacing:-2px;text-shadow:0 10px 42px #0008}.hero h1 em{display:inline-block;color:transparent;background:linear-gradient(100deg,var(--accent),#d4ff70,var(--accent-violet),var(--accent));background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:accent-flow 4s ease-in-out infinite}.hero-copy>p{max-width:500px;font-size:18px;line-height:1.8}.hero .button{border-radius:9px}.hero .button.primary{box-shadow:0 8px 30px #53e3ea30}.hero .button.primary:hover{box-shadow:0 10px 36px #53e3ea66}.hero-meta{gap:10px}.hero-meta span,.hero-meta span+span{padding:5px 10px;border:1px solid #536c7b66;border-radius:999px;background:#0a1520b8}.hero-meta span+span{border-left:1px solid #536c7b66}
.hero-visual{position:relative;isolation:isolate;overflow:hidden;border:1px solid #53e3ea88;border-radius:18px;background:#0a131d;box-shadow:0 22px 70px #02070c88,0 0 42px #53e3ea18;animation:hero-card-enter .85s .08s cubic-bezier(.2,.75,.2,1) both,hero-card-float 6.8s 1s ease-in-out infinite,hero-card-glow 5s ease-in-out infinite alternate}.hero-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#53e3ea12,transparent 24%,transparent 72%,#a77cff12);mix-blend-mode:screen}.hero-visual .image-top,.hero-visual .image-bottom{position:relative;z-index:1;background:#09121bbd}.hero-visual .image-top{border-color:#355064}.hero-visual .image-top span:first-child::before{content:"●";color:var(--accent-lime);font-size:9px;margin-right:9px;text-shadow:0 0 10px var(--accent-lime)}.hero-visual .image-button{overflow:hidden}.hero-visual .image-button img{animation:preview-breathe 9s ease-in-out infinite alternate}.hero-visual .image-button:hover img{transform:scale(1.045)}
.strip{position:relative;overflow:hidden;border-color:#355064;background:linear-gradient(90deg,#0b151f,#10212c,#111726)}.strip::before{content:"";position:absolute;top:0;left:-24%;width:24%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),#fff,transparent);filter:drop-shadow(0 0 6px var(--accent));animation:strip-scan 5s ease-in-out infinite}.strip .wrap{position:relative;z-index:1}.strip .wrap>span{transition:color .25s ease,transform .25s ease}.strip .wrap>span:hover{color:#fff;transform:translateY(-3px)}
.section-heading{margin-bottom:44px}.eyebrow{letter-spacing:2.4px}.section-heading h2,h2{background:linear-gradient(90deg,#f6fcff 0%,#76e9eb 62%,#c7a5ff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-heading p{font-size:15px;line-height:1.8}.feature-grid{gap:22px}.feature-grid article,.plan{position:relative;overflow:hidden;border:1px solid #304859;border-radius:14px;background:linear-gradient(150deg,#122130f2,#0c141ef5);box-shadow:0 10px 35px #02070c55}.feature-grid article::before,.plan::before{content:"";position:absolute;top:0;left:14%;right:14%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-violet),transparent);opacity:.6}.feature-grid article::after,.plan::after{content:"";position:absolute;top:-90px;right:-90px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#53e3ea18,transparent 70%);pointer-events:none}.feature-grid article:hover,.plan:hover{transform:translateY(-8px) scale(1.012);border-color:#53e3eaaa;box-shadow:0 24px 55px #02070c99,0 0 26px #53e3ea19}.feature-grid article h3,.plan h3{color:#f6fcff}.feature-num{color:var(--accent);font-weight:800}.tags span{border-color:#456071;background:#0b1722;border-radius:999px}
.gallery-section{position:relative;background:linear-gradient(180deg,#0a121ceF,#0e1925f5);border-color:#355064}.gallery-tabs{width:max-content;max-width:100%;gap:5px;padding:6px;border:1px solid #3c566b;border-radius:999px;background:#08111b;box-shadow:inset 0 1px #ffffff0a,0 12px 36px #02070c55}.gallery-tabs button{padding:10px 20px;border:1px solid transparent;border-radius:999px;color:#9fb5c5;font-weight:700;transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease}.gallery-tabs button:hover{transform:translateY(-2px);color:#fff;border-color:#53e3ea55}.gallery-tabs .selected{border-color:transparent;background:linear-gradient(110deg,#53e3ea,#97f0d6);color:#061117;box-shadow:0 0 24px #53e3ea66;transform:translateY(-2px)}.gallery-layout{gap:48px}.gallery-stage{position:relative;border:1px solid #4b6b80;border-radius:16px;background:radial-gradient(ellipse at 50% 0,#17303d,#060b10 70%);box-shadow:0 22px 60px #02070c99,0 0 30px #53e3ea12}.gallery-stage::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#53e3ea0d,transparent 32%,transparent 72%,#a77cff12)}.gallery-stage img{aspect-ratio:16/9}.gallery-copy h3{color:#fff}.gallery-copy .button{border-radius:9px}.gallery-copy li{border-color:#304859}.version-pill{border-color:#53e3ea77;background:#53e3ea0c}
.release-lead{border-color:#4c7182;background:radial-gradient(ellipse at 100% 0,#543f7d55,transparent 42%),linear-gradient(140deg,#12303a,#101923);box-shadow:0 18px 48px #02070c77}.release-list article{border-color:#304859}.release-list article:hover{padding-left:9px;border-color:var(--accent)}.release-list article>span{color:var(--accent-lime)}
.pricing-grid{gap:22px}.plan{padding:38px}.plan-featured{border-color:#53e3eaaa;background:radial-gradient(ellipse at 90% 0,#53e3ea20,transparent 48%),linear-gradient(150deg,#142c38,#101721);box-shadow:0 18px 48px #53e3ea18}.plan-featured::before{opacity:1;height:2px}.plan strong{background:linear-gradient(90deg,var(--accent),#c5ff97);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.plan .button{border-radius:9px}
.video-section{position:relative;background:linear-gradient(180deg,#0e1925f5,#0a121ceF);border-color:#355064}.video-shell{border:1px solid #53e3ea77;border-radius:16px;background:#05090e;box-shadow:0 20px 60px #02070c99,0 0 24px #53e3ea18;animation:video-edge-pulse 4.8s ease-in-out infinite alternate}.video-shell video{max-height:76vh}.video-caption{color:#a7c1d1;letter-spacing:1.6px}.faq-section{border-color:#355064}.faq details{padding:20px 18px;margin-bottom:9px;border:1px solid #2f485b;border-radius:10px;background:#0d1823c9;transition:border-color .25s ease,background .25s ease,transform .25s ease}.faq details:hover{border-color:#53e3ea88;background:#12212ee8;transform:translateX(4px)}.faq summary{color:#eef8ff}.faq summary::marker{color:var(--accent)}.faq details p{line-height:1.8}.contact-section{position:relative;overflow:hidden;border-color:#355064;background:radial-gradient(ellipse at 50% 110%,#17627066,transparent 55%),radial-gradient(ellipse at 85% 0,#613d9850,transparent 40%),#09111a}.contact-section::before{content:"";position:absolute;top:-110px;left:50%;width:390px;height:220px;transform:translateX(-50%);border-radius:50%;border:1px solid #53e3ea22;box-shadow:0 0 60px #53e3ea16;animation:contact-orbit 7s ease-in-out infinite alternate}.contact-section>.wrap{position:relative}.contact-section .button{border-radius:9px}.contact-section .button.primary{box-shadow:0 8px 30px #53e3ea33}footer{border-top:1px solid #355064;background:#070c13}footer .brand img{filter:drop-shadow(0 0 12px #53e3ea22)}
.button{position:relative;overflow:hidden}.button::after{content:"";position:absolute;top:-40%;bottom:-40%;left:-45%;width:30%;transform:translateX(-160%) skewX(-18deg);background:linear-gradient(90deg,transparent,#ffffff55,transparent);pointer-events:none}.button:hover::after{transform:translateX(520%) skewX(-18deg);transition:transform .62s ease}
@media(prefers-reduced-motion:no-preference){@keyframes ambient-drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1);opacity:.3}100%{transform:translate3d(1.8%,1.5%,0) scale(1.08);opacity:.55}}@keyframes status-pulse{0%,100%{opacity:1;box-shadow:0 0 12px var(--accent)}50%{opacity:.45;box-shadow:0 0 3px var(--accent)}}@keyframes accent-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes hero-card-enter{from{opacity:0;translate:0 36px;scale:.96}to{opacity:1;translate:0 0;scale:1}}@keyframes hero-card-float{0%,100%{transform:perspective(1100px) rotateY(-4deg) translateY(0)}50%{transform:perspective(1100px) rotateY(-2.5deg) translateY(-10px)}}@keyframes hero-card-glow{0%{box-shadow:0 18px 55px #02070c88,0 0 18px #53e3ea14}100%{box-shadow:0 28px 74px #02070c99,0 0 42px #53e3ea42}}@keyframes preview-breathe{from{scale:1}to{scale:1.025}}@keyframes strip-scan{0%{left:-24%;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}@keyframes video-edge-pulse{0%{border-color:#3f6574;box-shadow:0 20px 58px #02070c99,0 0 14px #53e3ea0d}100%{border-color:#53e3ea;box-shadow:0 24px 70px #02070c99,0 0 32px #53e3ea30}}@keyframes contact-orbit{from{scale:.9;opacity:.35}to{scale:1.08;opacity:.8}}@keyframes menu-drop{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes reveal-in{from{opacity:0;translate:0 42px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}.motion-ready .reveal{opacity:0;translate:0 42px;filter:blur(5px);transition:opacity .8s ease,translate .8s cubic-bezier(.2,.75,.2,1),filter .8s ease;transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;translate:0 0;filter:blur(0)}.hero-copy{animation:reveal-in .8s cubic-bezier(.2,.75,.2,1) both}.gallery-stage .image-swap{animation:image-swap .38s cubic-bezier(.2,.75,.2,1) both}}
@media(max-width:900px){header{gap:12px;padding-inline:22px}header .brand{width:128px}nav{gap:0;padding:4px}nav a{padding:8px 9px;font-size:12px}.contact-link{padding:8px 13px}.hero{min-height:0;padding-top:64px;padding-bottom:70px}.hero-visual{animation:hero-card-enter .85s .08s cubic-bezier(.2,.75,.2,1) both,hero-card-glow 5s ease-in-out infinite alternate}.gallery-layout{gap:32px}.feature-grid{gap:14px}}
@media(max-width:640px){header{height:76px;padding-inline:18px}.nav-toggle{border:1px solid #53e3ea77;border-radius:9px;padding:7px 14px;color:var(--accent);background:#0d1d29;transition:transform .2s ease,box-shadow .2s ease}.nav-toggle:hover{transform:translateY(-2px);box-shadow:0 0 18px #53e3ea33}nav{top:76px;left:16px;right:16px;width:calc(100% - 32px);margin:0;gap:5px;padding:12px;border:1px solid #47687c;border-radius:16px;background:#09131ef2;box-shadow:0 22px 55px #000a;backdrop-filter:blur(18px)}nav a{padding:11px 14px;border-radius:10px;font-size:14px}nav a::after{display:none}nav a:hover,nav a[aria-current=location]{background:#193446}.hero{padding-top:44px;padding-bottom:54px}.hero-copy>p{font-size:16px}.hero h1{font-size:clamp(64px,16vw,82px)}.hero-meta span,.hero-meta span+span{font-size:10px;padding:5px 8px}.hero-visual{border-radius:12px}.strip .wrap{gap:8px}.strip .wrap>span{font-size:16px}.strip b{margin-left:5px}.gallery-tabs{width:100%;justify-content:space-between}.gallery-tabs button{flex:1;padding:10px 8px;font-size:12px}.gallery-stage{border-radius:11px}.pricing-grid{gap:14px}.plan{padding:26px}.faq details{padding:16px 13px}.contact-section::before{width:290px}.contact-section .actions .button{width:100%}.video-shell{border-radius:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.motion-ready .reveal{opacity:1!important;translate:0 0!important;filter:none!important}}