*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#00101b;color:#f4f6fa;font:16px Arial,Helvetica,sans-serif;background-image:radial-gradient(ellipse at 55% 15%,#07334966,transparent 50%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}header,footer{border-bottom:1px solid #17617a;background:#00121dec}header .inner,footer .inner{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 26px}.brand{width:355px;max-width:40%;display:block}.brand img{width:100%;display:block}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav a:hover{color:#51d5ff}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:linear-gradient(#ffbd09,#ff7900);border:1px solid #ffd34e;border-radius:8px;padding:15px 24px;color:white;font-weight:700;box-shadow:0 0 18px #ff8c0040;text-align:center}.button:hover{filter:brightness(1.12)}.outline{background:#001322;border-color:#3bcaff;box-shadow:0 0 12px #00b8ff40}.wrap{max-width:1320px;margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:44% 56%;align-items:center;min-height:580px;padding:55px 10px 35px;gap:12px}.hero h1{font-size:clamp(34px,3.4vw,52px);font-style:italic;line-height:1.12;margin:0 0 22px;text-shadow:0 3px 4px #000}.orange{color:#ff9700}.hero p{line-height:1.5;font-size:19px}.hero img{width:100%;border-radius:10px;filter:drop-shadow(0 0 13px #00aaff50)}.hero .note{color:#ffa400;font-style:italic;font-weight:700;font-size:21px}.actions{display:flex;gap:16px;flex-wrap:wrap}.features{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin:10px 4px 44px}.feature{border:1px solid #216880;background:linear-gradient(145deg,#032536,#00111d);border-radius:10px;padding:18px 10px;text-align:center;font-weight:700;min-height:143px}.feature svg{width:43px;height:43px;display:block;margin:0 auto 14px;stroke:#62dfff;fill:none;stroke-width:1.7;filter:drop-shadow(0 0 6px #00adff)}h2{font-size:36px;margin:14px 0}.demo{text-align:center}.demo h2{font-style:italic;font-size:43px}.demo h2:before,.demo h2:after{content:'';display:inline-block;vertical-align:middle;width:13%;height:2px;margin:0 25px;background:linear-gradient(90deg,transparent,#00b8ff);box-shadow:0 0 10px #00b8ff}.demo>p{font-size:20px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:28px}.steps img{width:100%;height:auto;border-radius:12px;border:1px solid #3b8aa7}.ready{font-style:italic;font-size:29px;font-weight:700;margin:20px 0 55px;text-align:center;text-shadow:0 0 12px #02a5ff66}.panel{border:1px solid #3893b1;border-radius:14px;overflow:hidden;background:linear-gradient(110deg,#002030,#00111c);position:relative}.free{display:grid;grid-template-columns:43% 27% 30%;align-items:center;margin:30px 0 26px;min-height:235px}.free>div{padding:24px 28px}.free h2{font-style:italic;font-size:43px;margin:0 0 10px}.free p{font-size:18px;line-height:1.4}.free ul{border-left:2px solid #19b8e3;list-style:none;padding:10px 0 10px 28px;line-height:1.5}.free li{margin:9px 0}.free li:before{content:'✔';color:#ffa000;margin-right:12px}.free>img{width:100%;height:100%;object-fit:cover}.promos{display:grid;grid-template-columns:1fr 1fr;gap:22px}.promo{min-height:255px;padding:23px;isolation:isolate}.promo img{position:absolute;right:0;top:0;width:57%;height:100%;object-fit:cover;z-index:-2}.promo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#00131f 35%,transparent);z-index:-1}.promo h2{font-size:28px}.promo p{max-width:56%;line-height:1.4}.commercial{margin:26px 0 40px;min-height:170px;display:flex;align-items:center;gap:35px;padding:22px}.commercial img{width:32%;border-radius:8px}.commercial h2{font-size:28px}.commercial p{line-height:1.5}.commercial .button{margin-left:auto;white-space:nowrap}footer{border-top:1px solid #17617a}footer .brand{width:310px}footer nav{font-size:12px;gap:24px}.empty{min-height:65vh}.modal{border:1px solid #355365;border-radius:20px;padding:0;background:linear-gradient(145deg,#0b2433,#04121d);color:#e8eff3;max-width:650px;width:calc(100% - 24px);max-height:94vh;box-shadow:0 25px 90px #000a}.modal::backdrop{background:#000b;backdrop-filter:blur(4px)}.modal-body{padding:30px}.modal-top{display:flex;justify-content:space-between;align-items:center}.modal-top img{width:240px;max-width:70%}.close{position:absolute;right:10px;top:9px;background:none;border:0;color:#9cafba;font-size:25px}.windows{font-size:10px;letter-spacing:1px;color:#95acb9;margin-right:18px}.progress{font-size:11px;letter-spacing:1px;color:#67d4e4;margin:25px 0}.eyebrow{font-size:11px;letter-spacing:2px;color:#60d3e8;margin:23px 0 8px;font-weight:bold}.modal h2{font-size:28px;margin:8px 0 12px}.muted{color:#9eb3bf;font-size:13px;line-height:1.5}.field-label{display:block;margin:22px 0 9px;font-size:12px;font-weight:bold;color:#bed0da}input[type=email]{width:100%;padding:13px;background:#03131e;border:1px solid #365362;border-radius:7px;color:white}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice,.addon,.offer,.summary{border:1px solid #325361;border-radius:9px;padding:17px;background:#06202d}.choice{font-size:13px;display:flex;align-items:center;gap:9px}.choice:has(:checked),.addon:has(:checked){background:#063347;border-color:#22b7d5}.choice small{display:block;font-size:10px;color:#9eb3bf;margin-top:6px}.ticks{display:flex;gap:8px;flex-wrap:wrap}.ticks label{padding:8px;border:1px solid #325361;border-radius:5px;font-size:12px}.checkline{font-size:11px;color:#afc1cb;display:block;margin:14px 0;line-height:1.5}.notice{padding:12px;border:1px solid #27505f;background:#05202c;border-radius:6px;font-size:11px;color:#9cd4da;margin:18px 0}.next{width:100%;border:0;border-radius:8px;background:linear-gradient(110deg,#0ccbe0,#0094c9);padding:15px 18px;color:#00202c;font-weight:bold;font-size:14px;text-align:left;margin-top:14px}.next span{float:right}.fine{text-align:center;font-size:10px;color:#7995a5;line-height:1.6}.back{display:block;margin:18px auto 0;color:#8ba7b6;background:none;border:0;font-size:11px}.offer{background:#0c3335;border-color:#428e7a;display:flex;justify-content:space-between;gap:14px;margin:20px 0}.offer strong{font-size:15px}.offer b{font-size:25px;color:#8ce7bd}.offer button{display:block;background:#1a6251;border:1px solid #79c6aa;color:#c6ffe8;padding:8px;border-radius:5px;font-size:11px;margin-top:10px}.addon{margin:10px 0;font-size:13px}.addon p{margin-left:22px}.prices{display:flex;justify-content:space-between;margin:12px 20px;color:#87deed}.prices b{font-size:23px}.prices del{color:#a0b6c0}.addon input[type=number]{width:60px;background:#001723;color:white;border:1px solid #27c3dc;padding:7px;border-radius:6px}.summary{font-size:12px;margin-top:16px}.summary div{display:flex;justify-content:space-between;margin:9px 0}.summary .total{border-top:1px solid #326073;padding-top:13px;font-size:16px}.summary strong{font-size:24px}.commercial-price{font-size:38px;font-weight:bold}.purchase{padding:20px;border:1px solid #34505e;border-radius:12px;margin-top:22px}.purchase ul{color:#bad0da;font-size:13px;line-height:1.8;padding-left:18px}.status{color:#86dfeb;line-height:1.5;font-size:13px}.secondary{width:100%;padding:14px;text-align:left;background:none;color:#d7e6ee;border:1px solid #355364;border-radius:8px;margin-top:10px;font-weight:bold;font-size:13px}:focus-visible{outline:2px solid #58deff;outline-offset:4px}
@media(min-width:1400px){.hero{min-height:620px}}@media(max-width:1000px){header .inner,footer .inner{flex-wrap:wrap;justify-content:center}.brand{max-width:100%;width:330px}nav{gap:20px}.hero{min-height:480px}.hero p{font-size:16px}.hero .button{padding:12px}.features{gap:10px}.feature{font-size:13px}.free h2{font-size:30px}.free>div{padding:18px}.free .button{font-size:13px}.steps{gap:12px}.commercial{flex-wrap:wrap}.commercial .button{margin-left:0}.demo h2{font-size:34px}.demo h2:before,.demo h2:after{width:8%;margin:0 12px}}
@media(max-width:650px){header .inner,footer .inner{padding:14px 12px;gap:14px}nav{justify-content:center;gap:12px;flex-wrap:wrap;font-size:12px}nav .button{padding:10px}.wrap{padding:0 15px}.hero{grid-template-columns:1fr;padding:30px 0;gap:26px}.hero h1{font-size:38px}.hero img{grid-row:2}.features{grid-template-columns:repeat(3,1fr);gap:10px}.feature{min-height:130px}.demo h2{font-size:28px}.demo h2:before,.demo h2:after{display:none}.demo>p{font-size:16px}.steps{grid-template-columns:repeat(2,1fr)}.steps img:last-child{grid-column:1/-1;width:50%;justify-self:center}.ready{font-size:22px;margin-bottom:30px}.free{grid-template-columns:1fr}.free ul{margin:0 20px}.free>img{height:190px}.promos{grid-template-columns:1fr}.promo h2{font-size:24px}.promo p{max-width:60%}.commercial{gap:15px}.commercial img{width:100%;max-height:200px;object-fit:cover}.commercial h2{font-size:24px}.modal-body{padding:24px 20px}.windows{display:none}.choices{grid-template-columns:1fr}.modal h2{font-size:24px}}

/* In-place setup demonstration: image dimensions and grid positions are retained. */
.animated-steps{position:relative;text-align:left}.demo-card{position:relative;display:block;min-width:0;width:100%;padding:0;margin:0;border:0;border-radius:12px;background:transparent;color:inherit;isolation:isolate;overflow:hidden;aspect-ratio:173/304;transition:box-shadow .4s ease,filter .4s ease}.steps .demo-card img{display:block;width:100%;height:100%;object-fit:fill;border:0;border-radius:12px}.demo-card:after{content:'';position:absolute;inset:2.2% 3.2% 3.5%;border:1px solid transparent;border-radius:7%;pointer-events:none;transition:border-color .35s,box-shadow .35s}.demo-card.is-active:after,.demo-card:hover:after,.demo-card:focus-visible:after{border-color:#56e7ff;box-shadow:inset 0 0 18px #00caff70,0 0 12px #00caff80}.demo-card.is-active{filter:brightness(1.1);box-shadow:0 0 22px #00baff38}.demo-controls{position:absolute;right:0;top:-25px;display:flex;gap:12px;height:20px}.demo-controls button{background:#021a27;border:1px solid #286176;border-radius:4px;color:#93d9eb;font-size:10px;padding:2px 7px;line-height:15px}.demo-controls button:hover,.demo-controls button:focus-visible{color:#fff;border-color:#5ee8ff}.demo-progress{position:absolute;bottom:4%;left:6%;right:6%;height:2px;opacity:0;background:linear-gradient(90deg,#00baff,#a2f5ff);box-shadow:0 0 8px #00caff;transform:scaleX(var(--demo-progress,0));transform-origin:left;pointer-events:none}.is-active .demo-progress{opacity:1}.demo-effect{position:absolute;pointer-events:none;opacity:0}.is-active .demo-effect{animation:demo-emphasis 1.6s ease both}.effect-1{left:39%;top:35%;width:22%;height:9%;border-radius:50%;box-shadow:0 0 13px 4px #23d4ff66,inset 0 0 10px #26dfff44}.effect-2{left:10%;right:10%;top:32%;height:1px;background:#95f7ff;box-shadow:0 0 12px 3px #00bbff80}.is-active .effect-2{animation:demo-scan 2.4s ease-in-out both}.effect-3{left:13%;top:33%;width:13%;height:36%;border-left:2px solid #ffb000;filter:drop-shadow(0 0 5px #ffb000)}.effect-4{right:12%;top:40%;width:10%;height:22%;border-right:2px solid #ffb000;filter:drop-shadow(0 0 5px #ffb000)}.effect-5{left:11%;right:11%;top:32%;height:34%;border-radius:9px;box-shadow:inset 0 0 18px #37ffc025;border:1px solid #70f7c9aa}.demo-card:hover{filter:brightness(1.08)}
@keyframes demo-emphasis{0%{opacity:0}30%,70%{opacity:1}100%{opacity:0}}@keyframes demo-scan{0%{opacity:0;top:31%}15%{opacity:1}85%{opacity:1}100%{opacity:0;top:71%}}
@media(max-width:650px){.steps .demo-card:last-child{grid-column:1/-1;width:50%;justify-self:center}.steps .demo-card img:last-child{grid-column:auto;width:100%}.demo-controls{top:-23px;gap:6px}.demo-controls button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.demo-card,.demo-card:after{transition:none}.is-active .demo-effect{animation:none;opacity:0}.demo-progress{display:none}}

/* Hero film occupies the existing hero artwork column. */
.hero .hero-film{display:block;width:100%;height:auto;min-width:0;border-radius:10px;filter:drop-shadow(0 0 13px #00aaff50);background:#00111d;aspect-ratio:1344/768;object-fit:contain}
@media(max-width:650px){.hero .hero-film{grid-row:2}}