:root{--bg:#050b19;--bg2:#071123;--panel:#0c1831;--panel2:#0d1b37;--line:#283d60;--muted:#a1b3d1;--text:#f5f8ff;--blue:#27b5ff;--cyan:#51e0ff;--violet:#7546ff;--radius:18px;--max:1336px;--ease:cubic-bezier(.2,.75,.2,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Inter,"Segoe UI",Arial,sans-serif;overflow-x:hidden}body.no-scroll{overflow:hidden}::selection{background:#784cff;color:white}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-.045em}small{font-size:.82rem}.wrap{width:min(var(--max),calc(100% - 100px));margin-inline:auto}
.demo-label{display:none;position:fixed;bottom:16px;left:18px;z-index:45;background:rgba(5,12,28,.86);border:1px solid #3d5586;color:#cce7ff;box-shadow:0 8px 28px #0008;border-radius:12px;padding:8px 12px;font-size:11px;letter-spacing:.04em;backdrop-filter:blur(14px)}
.site-header{height:76px;position:sticky;top:0;z-index:50;border-bottom:1px solid #ffffff16;background:rgba(5,10,27,.83);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:background .3s,box-shadow .3s}.site-header.scrolled{background:rgba(5,10,25,.96);box-shadow:0 12px 34px #0008}.head-inner{height:100%;display:flex;align-items:center;gap:44px}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;flex-shrink:0}.brand svg{width:34px;height:34px;filter:drop-shadow(0 0 11px #197bff66)}.brand-name{font-size:21px;font-weight:800;letter-spacing:-.055em}.brand-name span{color:#2bb9ff}.nav{display:flex;align-items:center;justify-content:center;gap:31px;margin:auto}.nav a{font-size:13px;font-weight:650;color:#c4d1ec;padding:29px 0;position:relative;white-space:nowrap;transition:color .2s}.nav a:after{content:"";position:absolute;height:2px;left:50%;right:50%;bottom:19px;border-radius:5px;background:linear-gradient(90deg,#1bd5ff,#8b50ff);box-shadow:0 0 13px #694aff;transition:left .28s,right .28s}.nav a:hover,.nav a.active{color:white}.nav a:hover:after,.nav a.active:after{left:0;right:0}.head-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.menu-toggle{display:none;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #375174;border-radius:12px;background:#10203a}
.btn{--tx:0px;--ty:0px;position:relative;isolation:isolate;display:inline-flex;justify-content:center;align-items:center;gap:12px;border-radius:12px;border:1px solid #49639b;min-height:49px;padding:0 25px;font-weight:750;font-size:14px;white-space:nowrap;overflow:hidden;transform:translate(var(--tx),var(--ty));transition:transform .3s var(--ease),box-shadow .3s,border-color .3s,background .3s}.btn svg{width:18px;height:18px;flex-shrink:0}.btn-primary{border-color:#489dff;background:linear-gradient(105deg,#12b8ff 0%,#286dff 48%,#6a39f9 100%);box-shadow:0 0 0 1px #94adff36 inset,0 8px 27px #263dff64,0 0 29px #12c5ff1b;color:white}.btn-primary:before{content:"";position:absolute;z-index:-1;top:-170%;left:-85%;height:420%;width:35%;transform:rotate(21deg);background:linear-gradient(90deg,transparent,#fff7,transparent);transition:left .7s var(--ease)}.btn-primary:hover:before{left:145%}.btn-primary:hover{box-shadow:0 0 0 1px #beeaff75 inset,0 13px 34px #3248ff70,0 0 30px #1ebeff48}.btn-ghost{background:rgba(7,15,35,.55);border-color:#627aa7;box-shadow:0 8px 20px #0003}.btn-ghost:hover{background:#142345;border-color:#5bc9ff;box-shadow:0 9px 29px #149cf827}.btn-sm{min-height:43px;padding:0 20px;font-size:12.5px}.btn.round{padding:0;width:44px;border-radius:13px}
.hero{height:585px;min-height:585px;position:relative;overflow:hidden;border-bottom:1px solid #274071;background:linear-gradient(90deg,#050a19,#09112b)}.hero-art{position:absolute;inset:0;background-image:url('assets/hero.webp');background-position:center center;background-repeat:no-repeat;background-size:cover;transform:scale(1.012);transition:transform .8s var(--ease);will-change:transform}.hero:after{content:"";inset:0;position:absolute;pointer-events:none;background:linear-gradient(90deg,#030817f0 0%,#030817d3 22%,#03081780 41%,transparent 70%),linear-gradient(0deg,#030817c5,transparent 24%,transparent 80%,#03081766);}.hero .wrap{height:100%;position:relative;z-index:2;display:flex;align-items:center}.hero-copy{max-width:640px;padding-bottom:24px}.eyebrow{color:#7acaff;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #235aaf;background:#0c1d4388;border-radius:999px;font-size:11px;letter-spacing:.105em;color:#a7d7ff;font-weight:750;box-shadow:inset 0 0 14px #1b66dc21}.eyebrow-pill svg{width:15px;height:15px;color:var(--blue)}.hero h1{margin:19px 0 17px;font-size:clamp(44px,5.1vw,71px);font-weight:850;max-width:710px;letter-spacing:-.064em;line-height:1.035;text-shadow:0 3px 30px #04071cb5}.gradient{background:linear-gradient(95deg,#54eaff 0%,#42a3ff 43%,#b080ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:16px;line-height:1.63;color:#d1dbf1;max-width:565px;margin-bottom:23px;text-shadow:0 3px 20px #030914}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.hero-actions .btn{min-height:52px}.hero-facts{display:flex;flex-wrap:wrap;gap:20px;margin-top:29px;color:#b8cbe8;font-size:12px}.hero-facts span{display:flex;align-items:center;gap:8px}.hero-facts svg{width:18px;height:18px;color:#44d4ff;filter:drop-shadow(0 0 8px #2ba7ff66)}
.below-hero{background:linear-gradient(180deg,#0b1531 0%,#071022 65%,#060e1f 100%);border-bottom:1px solid #213554;padding:17px 0 22px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.tilt{--rx:0deg;--ry:0deg;--lift:0px;--mx:50%;--my:50%;position:relative;transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--lift));transition:transform .38s var(--ease),box-shadow .38s,border-color .38s;will-change:transform}.tilt::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(330px circle at var(--mx) var(--my),#68c6ff17,transparent 70%);opacity:0;transition:opacity .35s}.tilt:hover::after{opacity:1}.feature-card{display:flex;align-items:flex-start;gap:15px;padding:22px 16px 21px;border-radius:13px;border:1px solid #37547c;background:linear-gradient(115deg,#0e1d39d9,#111937ba);min-height:130px;box-shadow:0 7px 20px #0003}.feature-card:hover{--lift:-5px;border-color:#5f8fce;box-shadow:0 20px 38px #030b2690,0 0 26px #3a70eb22}.icon-square{display:grid;place-items:center;min-width:48px;height:48px;border-radius:12px;border:1px solid #295993;background:linear-gradient(135deg,#133957,#132451);color:#52d5ff;box-shadow:inset 0 0 24px #2ca4ff20,0 0 18px #1b92ea19}.icon-square svg{width:24px;height:24px;filter:drop-shadow(0 0 6px #22aaff88)}.icon-square.gold{background:linear-gradient(135deg,#33324a,#28264b);border-color:#7c6d80;color:#ffd888}.feature-card h3{font-size:15px;letter-spacing:-.025em;margin:1px 0 6px;font-weight:750}.feature-card p{font-size:12px;line-height:1.53;color:#aabbd8;margin:0}.card-arrow{align-self:flex-start;flex:none;margin-left:auto;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#263862;border:1px solid #47598b;color:#d8e8ff;transition:transform .3s,background .3s}.card-arrow svg{width:15px;height:15px}.feature-card:hover .card-arrow{transform:translateX(3px) rotate(-40deg);background:#3276f9}
.section{padding:72px 0}.section-dark{background:linear-gradient(180deg,#050c1c,#0a1428)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-title{font-size:clamp(32px,3vw,45px);font-weight:820;margin:5px 0 8px}.section-lead{color:#aabbd6;font-size:14px;max-width:500px;line-height:1.6}.filter-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:5px;border:1px solid #2c4165;border-radius:12px;background:#09162d}.filter{font-size:12px;font-weight:700;background:none;border:0;border-radius:8px;padding:8px 12px;color:#9fb4d5;transition:color .2s,background .2s}.filter[aria-selected=true]{background:#1b5cbe;color:white;box-shadow:0 0 15px #376bff35}.filter:not([aria-selected=true]):hover{background:#142744;color:white}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.gallery-card{position:relative;border-radius:14px;overflow:hidden;border:1px solid #354e73;background:#111b33;box-shadow:0 10px 28px #0004;cursor:pointer;transition:border-color .32s,box-shadow .32s}.gallery-card:hover{--lift:-8px;border-color:#59b8ff;box-shadow:0 22px 47px #0009,0 0 32px #245bff36}.gallery-card[hidden]{display:none!important}.gallery-img{position:relative;aspect-ratio:1.42;background:#09132a;overflow:hidden}.gallery-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#02081799)}.gallery-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .7s}.gallery-card:hover img{transform:scale(1.08);filter:saturate(1.15)}.zoom-icon{position:absolute;z-index:2;right:13px;bottom:13px;display:flex;gap:8px;align-items:center;padding:8px 11px;border-radius:9px;background:#0b1935dc;border:1px solid #688cc8;color:#e3f4ff;font-size:11px;opacity:0;transform:translateY(8px);transition:all .26s}.gallery-card:hover .zoom-icon{opacity:1;transform:translateY(0)}.zoom-icon svg{width:14px;height:14px}.gallery-meta{display:flex;gap:12px;align-items:flex-start;padding:15px}.step{flex:none;width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#111f41;color:#d9edff;border:1px solid #6758e9;font-size:14px;font-weight:800}.gallery-meta h3{font-size:14px;margin:0 0 4px;letter-spacing:-.02em}.gallery-meta p{font-size:11.5px;color:#9eb1d1;line-height:1.45;margin:0}.subnote{margin-top:18px;color:#7790b5;font-size:11.5px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.panel{background:linear-gradient(130deg,#0d1b34,#0b1529);border:1px solid #2d4367;border-radius:19px;padding:31px;box-shadow:0 14px 35px #0003}.mini-kicker{color:#49cfff;letter-spacing:.15em;font-size:11px;font-weight:800;text-transform:uppercase}.checkline{display:flex;gap:13px;align-items:flex-start;margin-top:24px}.checkline span{width:38px;height:38px;flex:none;border:1px solid #285eab;border-radius:11px;background:linear-gradient(135deg,#15375b,#192453);display:grid;place-items:center;color:#55dfff}.checkline svg{width:22px;height:22px}.checkline strong{display:block;font-size:14px}.checkline p{color:#99b0d2;font-size:12px;margin:4px 0 0}.feature-art{position:relative;overflow:hidden;border-radius:20px;border:1px solid #314b78;min-height:365px;background:#06102a;box-shadow:0 24px 70px #0006}.feature-art img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(1.04);transition:transform .8s var(--ease)}.feature-art:hover img{transform:scale(1.035)}.feature-art:after{content:"";inset:0;position:absolute;background:linear-gradient(0deg,#071129df,transparent 43%)}.art-caption{position:absolute;z-index:2;bottom:22px;left:24px;right:24px;font-size:12px;color:#b8d8ff}.art-caption strong{display:block;color:#fff;font-size:18px;margin-bottom:3px}
.steps-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:30px}.steps-row .panel{padding:22px}.steps-row .panel strong{font-size:14px}.steps-row .panel p{color:#9fb3d1;font-size:12px;margin:7px 0 0}.steps-row .index{font-size:11px;color:#61cfff;letter-spacing:.1em;margin-bottom:12px}.steps-row .panel:hover{border-color:#477cc7}
.vip-section{padding:35px 0 82px;background:radial-gradient(ellipse at 85% 45%,#28155655,transparent 50%),linear-gradient(180deg,#091327,#060b18)}.vip-feature{border-radius:22px;border:1px solid #4f397b;background:linear-gradient(110deg,#0f1b35,#161337);overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch;min-height:305px;box-shadow:0 20px 65px #0005}.vip-feature .copy{padding:51px 43px}.vip-feature .copy h2{font-size:40px;margin:10px 0 13px}.vip-feature .copy p{color:#afc0df;font-size:14px;max-width:500px}.vip-feature .copy .btn{margin-top:16px}.vip-feature img{width:100%;height:100%;min-height:305px;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 22%)}
.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.faq-intro h2{font-size:clamp(32px,3vw,45px);margin:8px 0 14px}.faq-intro p{color:#abc1dc;max-width:390px;font-size:14px}.faq-intro .btn{margin-top:15px}.faq{display:grid;gap:10px}.faq-item{border:1px solid #2f476c;border-radius:12px;background:#0c1930;overflow:hidden;transition:border-color .25s,background .25s}.faq-item:hover{border-color:#5483bc}.faq-item.open{border-color:#496dc5;background:#102044}.faq-q{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;background:none;border:0;padding:15px 16px;font-size:13px;font-weight:720;line-height:1.4}.faq-icon{flex:none;background:#182c4c;color:#8ddcff;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;margin-left:14px;transition:transform .25s,background .25s;font-size:19px;font-weight:400;line-height:1}.faq-item.open .faq-icon{transform:rotate(45deg);background:#1a599b}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .36s var(--ease)}.faq-a>div{overflow:hidden}.faq-a p{padding:0 16px 17px;margin:0;font-size:12.5px;color:#abc1de;line-height:1.65}.faq-item.open .faq-a{grid-template-rows:1fr}
.site-footer{padding:37px 0 46px;background:#050913;border-top:1px solid #263a5d}.foot-top{display:flex;justify-content:space-between;gap:28px;align-items:center}.foot-top p{color:#8b9fbe;font-size:12px;margin:11px 0 0;max-width:530px}.foot-nav{display:flex;flex-wrap:wrap;gap:25px}.foot-nav a{font-size:12px;color:#a5b9d8;transition:color .2s}.foot-nav a:hover{color:#62d1ff}.foot-bottom{display:flex;justify-content:space-between;gap:16px;color:#6c819f;font-size:11px;border-top:1px solid #26354d;margin-top:30px;padding-top:20px}
.lightbox{position:fixed;z-index:100;inset:0;background:#030612ed;backdrop-filter:blur(14px);display:none;align-items:center;justify-content:center;padding:32px}.lightbox.open{display:flex}.lightbox-body{width:min(1060px,100%);position:relative;animation:pop .32s var(--ease)}@keyframes pop{from{opacity:0;transform:scale(.975) translateY(12px)}to{opacity:1;transform:none}}.lightbox-body img{border-radius:14px;border:1px solid #4d6b97;max-height:77vh;object-fit:contain;width:100%;background:#0b1730}.lightbox-caption{font-size:13px;color:#bfcee3;display:flex;justify-content:space-between;margin-top:11px;gap:16px}.modal-close{position:absolute;top:14px;right:14px;z-index:5;width:40px;height:40px;border-radius:10px;background:#09162eee;border:1px solid #547bb0;font-size:23px;line-height:1}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(min-width:1500px){.hero{height:620px}.hero-art{background-position:center 48%}}
@media(max-width:1200px){.wrap{width:calc(100% - 64px)}.nav{gap:17px}.nav a{font-size:12px}.head-inner{gap:21px}.feature-card{gap:10px;padding:18px 12px}.feature-card h3{font-size:13px}.feature-card p{font-size:11px}.icon-square{min-width:40px;height:40px}.hero h1{font-size:58px}}
@media(max-width:940px){.site-header{height:68px}.wrap{width:calc(100% - 44px)}.head-inner{gap:14px}.nav{display:none;position:absolute;left:16px;right:16px;top:75px;padding:16px;background:#09162cf7;border:1px solid #3e5680;box-shadow:0 25px 55px #000a;border-radius:16px;flex-direction:column;align-items:stretch;gap:0;z-index:70}.nav.open{display:flex}.nav a{padding:12px 18px;font-size:14px;border-radius:9px}.nav a.active{background:#122b53}.nav a:after{display:none}.menu-toggle{display:flex}.head-actions .btn{display:none}.hero{height:565px;min-height:565px}.hero h1{font-size:56px}.hero-copy{max-width:580px}.hero:after{background:linear-gradient(90deg,#030817f7,#030817cc 38%,#03081722 95%)}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card{min-height:110px}.gallery{grid-template-columns:repeat(2,1fr)}.split{gap:27px}.faq-layout{gap:30px}}
@media(max-width:640px){html{scroll-padding-top:82px}.wrap{width:calc(100% - 32px)}.site-header{height:64px}.brand svg{width:29px;height:29px}.brand-name{font-size:19px}.hero{height:auto;min-height:0;display:block}.hero-art{background-size:auto 365px;background-position:66% top;opacity:.96}.hero:after{background:linear-gradient(0deg,#040a1d 0%,#040a1dfb 43%,#040a1d50 72%,#040a1d00 100%)}.hero .wrap{height:auto;display:block;padding-top:342px;padding-bottom:35px}.hero-copy{padding:0;max-width:100%}.eyebrow-pill{font-size:10px}.hero h1{font-size:clamp(42px,10vw,57px);margin:15px 0}.hero p{font-size:14px;line-height:1.5}.hero-actions{gap:10px;flex-direction:column}.hero-actions .btn{min-height:50px;padding-inline:16px;width:100%;font-size:13px}.hero-facts{gap:11px 17px;margin-top:22px;font-size:10px}.hero-facts svg{width:15px;height:15px}.below-hero{padding:14px 0}.feature-grid{gap:10px}.feature-card{padding:13px;gap:10px;min-height:115px}.icon-square{min-width:34px;height:34px;border-radius:9px}.icon-square svg{width:18px;height:18px}.card-arrow{display:none}.feature-card h3{font-size:12px}.feature-card p{font-size:10px}.section{padding:49px 0}.section-heading{align-items:start;flex-direction:column;gap:12px}.section-title{font-size:34px}.filter-tabs{width:100%;justify-content:space-between}.filter{font-size:11px;padding:7px 9px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.gallery-meta{padding:10px;gap:7px}.gallery-meta h3{font-size:12px}.gallery-meta p{font-size:10px}.step{width:26px;height:26px;font-size:12px}.gallery-img{aspect-ratio:1.1}.split,.faq-layout{grid-template-columns:1fr}.panel{padding:22px}.feature-art{min-height:280px}.steps-row{grid-template-columns:1fr;margin-top:18px;gap:10px}.steps-row .panel{padding:17px}.vip-section{padding:24px 0 55px}.vip-feature{display:flex;flex-direction:column-reverse}.vip-feature img{height:200px;min-height:200px;mask-image:linear-gradient(0deg,transparent,#000 32%)}.vip-feature .copy{padding:12px 22px 27px}.vip-feature .copy h2{font-size:32px}.faq-layout{gap:24px}.foot-top,.foot-bottom{align-items:flex-start;flex-direction:column}.foot-nav{gap:15px}.demo-label{display:none}.zoom-icon{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.tilt{transform:none!important}}

/* v1.1: Show screenshot concepts without cropping; retain approved card effects. */
.gallery-img{background:radial-gradient(ellipse at 50% 50%,#17234a 0%,#091329 70%);}
.gallery-img img{object-fit:contain;object-position:center;padding:6px;box-sizing:border-box;}
.gallery-card:hover .gallery-img img{transform:none;filter:brightness(1.12) saturate(1.12);}
.feature-art{background:radial-gradient(ellipse at center,#1a2550 0%,#07122b 75%);}
.feature-art img{object-fit:contain;object-position:center;padding:12px;box-sizing:border-box;}
.feature-art:hover img{transform:none;filter:brightness(1.12) saturate(1.08);}
.vip-feature img{object-fit:contain;object-position:center;}
@media(max-width:640px){.gallery-img img{padding:3px}.feature-art img{padding:7px}}