:root{--bg:#080a10;--bg-2:#0d1018;--panel:#11151f;--panel-2:#161b27;--text:#f5f6f8;--muted:#9ca4b5;--dim:#667083;--red:#ef2e39;--red-deep:#ac1426;--cyan:#4fdcf5;--blue:#4c7cff;--line:rgba(255,255,255,.1);--radius:24px;--display:'Barlow Condensed',sans-serif;--body:'Manrope',sans-serif;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black,transparent 75%);z-index:-2}.ambient{position:absolute;border-radius:50%;filter:blur(90px);opacity:.22;pointer-events:none}.ambient-one{width:500px;height:500px;background:var(--red-deep);top:150px;right:-220px}.ambient-two{width:400px;height:400px;background:#244994;top:1100px;left:-250px}.section-shell{width:min(1180px,calc(100% - 80px));margin:0 auto}.site-header{width:min(1180px,calc(100% - 80px));height:88px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.brand-mark{width:39px;height:30px;border:2px solid var(--red);border-radius:55% 45% 55% 45%;display:grid;place-items:center;transform:skew(-10deg);position:relative;box-shadow:0 0 18px rgba(239,46,57,.32)}.brand-mark:before{content:"";position:absolute;inset:5px -5px -5px 5px;border:1px solid rgba(239,46,57,.6);border-radius:55%;z-index:-1}.brand-play{font-size:14px;color:var(--red);transform:skew(10deg);margin-left:2px}.brand-copy{display:flex;flex-direction:column;line-height:.88}.brand-copy strong{font:800 24px/1 var(--display);letter-spacing:1px}.brand-copy small{font:600 7px/1 var(--body);letter-spacing:2.8px;color:var(--muted);margin-top:5px}.desktop-nav{display:flex;gap:34px;margin-left:auto;margin-right:46px}.desktop-nav a,.site-footer a{font-size:12px;color:var(--muted);text-decoration:none;transition:color .2s}.desktop-nav a:hover,.site-footer a:hover{color:#fff}.header-cta{color:#fff;text-decoration:none;font-size:12px;font-weight:800;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:100px;padding:13px 17px 13px 19px;transition:background .2s,border .2s}.header-cta:hover{background:var(--red);border-color:var(--red)}.header-cta span{font-size:17px;margin-left:8px;vertical-align:-1px}.menu-button{display:none;border:0;background:none;padding:8px}.menu-button span{display:block;width:24px;height:2px;background:#fff;margin:5px;border-radius:2px}
.hero{min-height:690px;display:grid;grid-template-columns:46% 54%;align-items:center;position:relative;padding:56px 0 80px}.hero-copy{position:relative;z-index:2;padding-bottom:24px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;text-transform:uppercase;letter-spacing:2.1px;color:var(--muted);font-weight:800}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red);display:inline-block}.hero h1,.section-intro h2,.final-cta h2{font:800 clamp(64px,7.3vw,104px)/.87 var(--display);letter-spacing:-1.8px;text-transform:uppercase;margin:27px 0 26px;max-width:560px}.hero h1 em,.section-intro h2 em,.final-cta h2 em{font-style:normal;color:var(--red);position:relative}.hero h1 em:after,.section-intro h2 em:after{content:"";height:5px;width:56%;background:var(--red);position:absolute;left:2px;bottom:-9px;transform:skew(-28deg);opacity:.8}.hero-lead{font-size:16px;line-height:1.7;color:var(--muted);max-width:450px;margin:0 0 32px}.hero-actions{display:flex;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;gap:19px;border-radius:100px;padding:16px 22px;color:#fff;text-decoration:none;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--red);box-shadow:0 12px 26px rgba(239,46,57,.22)}.button-primary:hover{box-shadow:0 15px 33px rgba(239,46,57,.34);background:#ff3c47}.button span{font-size:20px;line-height:0}.button-ghost{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#dce1ea}.button-ghost:hover{background:rgba(255,255,255,.09)}.play-icon{width:23px;height:23px;border:1px solid var(--dim);border-radius:50%;display:grid;place-items:center;font-size:8px!important;color:var(--cyan)}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:50px}.avatar-stack{display:flex;padding-left:6px}.avatar-stack span{width:24px;height:24px;border-radius:50%;background:#27303f;border:2px solid var(--bg);display:grid;place-items:center;margin-left:-6px;color:#fff;font-size:9px;font-weight:800}.avatar-stack span:nth-child(2){background:#7c2936}.avatar-stack span:nth-child(3){background:#2d6785}.avatar-stack span:nth-child(4){background:var(--red)}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:10px}.hero-proof small{font-size:10px;color:var(--dim);margin-top:3px}
.hero-visual{height:570px;position:relative;perspective:1200px}.visual-glow{position:absolute;width:530px;height:470px;right:20px;top:40px;background:radial-gradient(ellipse,rgba(239,46,57,.3),transparent 65%);filter:blur(20px)}.device-frame{position:absolute;background:#0c0e14;border:1px solid rgba(255,255,255,.18);border-radius:12px;box-shadow:0 35px 80px rgba(0,0,0,.55),0 0 0 7px rgba(255,255,255,.025);overflow:hidden}.desktop-device{width:520px;height:350px;right:12px;top:88px;transform:rotateY(-10deg) rotateX(3deg) rotateZ(2deg);z-index:2}.device-top,.image-window-bar{height:25px;background:#191c23;display:flex;align-items:center;gap:5px;padding:0 11px}.window-dot,.image-window-bar span{width:6px;height:6px;border-radius:50%;display:inline-block;background:#454b59}.window-dot.red{background:#ff5d69}.window-dot.yellow{background:#eeb24f}.window-dot.green{background:#4bc68a}.device-address{margin-left:11px;color:#697386;font:8px/1 var(--body);background:#10131a;padding:5px 22px;border-radius:3px}.device-screen{height:calc(100% - 25px);display:flex;background:#f5f7fb;color:#203047}.dash-sidebar{width:104px;background:#fff;border-right:1px solid #e6e9ef;padding:13px 9px}.mini-logo{font:800 11px var(--display);color:#d7202e;margin:0 3px 23px}.mini-logo span{font-size:8px;margin-right:4px}.side-item{height:31px;border-radius:4px;display:flex;align-items:center;gap:5px;font-size:7px;color:#778295;margin:4px 0;padding:0 6px}.side-item.active{background:#edf4ff;color:#348ce0;font-weight:800;border-left:2px solid #299ce8}.dash-main{padding:19px 20px;flex:1}.dash-heading{display:flex;justify-content:space-between;align-items:flex-start}.dash-kicker{font-size:7px;letter-spacing:1.3px;color:#a3adbb;font-weight:800}.dash-heading h3{font:800 22px var(--display);margin:4px 0 17px;color:#1f2c40}.credit-pill{background:#e8f4ff;color:#4387be;font-size:8px;border-radius:12px;padding:7px 10px}.credit-pill strong{color:#243c63;margin-left:5px;font-size:11px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dash-card{background:#fff;border-radius:6px;padding:12px 10px;display:flex;gap:9px;align-items:center;box-shadow:0 3px 13px rgba(38,61,93,.07)}.card-icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;font-size:13px}.card-icon.cyan{background:#e5f5ff;color:#31a8dd}.card-icon.blue{background:#e9edff;color:#5372e8}.dash-card small,.chart-card small{display:block;font-size:6px;letter-spacing:.7px;color:#8994a4;font-weight:800}.dash-card strong{font:800 24px var(--display);color:#243248;display:block;margin:3px 0}.growth{display:block;color:#3bb87f;font-size:6px}.chart-card{background:#fff;margin-top:9px;border-radius:6px;min-height:128px;padding:13px 13px 8px;position:relative}.chart-card strong{font:800 12px var(--display);display:block;margin-top:4px;color:#243248}.chart{height:65px;position:absolute;left:15px;right:15px;bottom:9px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #e4ebf2;background:repeating-linear-gradient(to bottom,transparent,transparent 20px,#eef2f7 21px)}.chart i{display:block;background:linear-gradient(to top,#4a7dff,#67d9ef);width:20px;border-radius:3px 3px 0 0}.floating-card{position:absolute;background:#fbfcfe;border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 50px rgba(0,0,0,.42);border-radius:12px;overflow:hidden;z-index:4}.login-float{width:168px;height:256px;left:19px;top:255px;transform:rotate(-7deg);padding:12px}.menu-float{width:122px;height:194px;right:-5px;bottom:25px;transform:rotate(7deg);padding:0}.menu-float img{height:100%;width:100%;object-fit:cover;object-position:top}.login-preview{height:100%;background:#fbfcff;border-radius:7px;padding:17px 10px;color:#1a2a43;text-align:center}.login-logo{font:800 17px var(--display);color:#d61f2d;background:#140f13;padding:8px;margin:0 auto 12px;width:100px;border-radius:2px}.login-logo span{font-size:12px}.login-preview small{font-size:8px;color:#7d8795}.login-preview strong{font-size:12px;display:block;margin:12px 0 14px}.fake-input{height:25px;border:1px solid #e1e6ee;border-radius:4px;margin:5px 0;text-align:left;padding:7px 7px;color:#9ba6b4;font-size:7px}.fake-button{height:27px;border-radius:4px;background:linear-gradient(100deg,#16a6e8,#4e69ef);color:#fff;font-weight:800;font-size:10px;padding:8px;margin-top:9px}.hero-label{position:absolute;display:flex;align-items:center;gap:8px;font-size:9px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;color:#bbc4d1;z-index:5}.label-top{right:55px;top:38px}.label-bottom{left:132px;bottom:10px}.signal-line{width:20px;height:1px;background:var(--red);display:inline-block;position:relative}.signal-line:after{content:"";width:5px;height:5px;background:var(--red);border-radius:50%;position:absolute;right:0;top:-2px}.pulse{width:7px;height:7px;border-radius:50%;background:#47d990;box-shadow:0 0 0 4px rgba(71,217,144,.15)}
.metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.metrics>div{display:flex;align-items:center;gap:17px;border-right:1px solid var(--line);padding-left:24px}.metrics>div:last-child{border:0}.metric-number{font:800 40px var(--display);color:#fff;letter-spacing:-1px}.metric-copy{font-size:10px;text-transform:uppercase;line-height:1.45;letter-spacing:1px;color:var(--muted);font-weight:700}
.benefits{padding:150px 0 145px}.section-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:56px}.section-intro h2{font-size:72px;margin:23px 0 0}.section-intro p{max-width:355px;color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 3px}.benefit-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:11px}.benefit-card{min-height:315px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;position:relative;transition:transform .25s,border .25s}.benefit-card:hover{transform:translateY(-5px);border-color:rgba(239,46,57,.55)}.benefit-card.featured{background:linear-gradient(145deg,#25121b,#15151f 75%);border-color:rgba(239,46,57,.45)}.benefit-number{font:600 13px var(--display);color:var(--dim);position:absolute;top:25px;right:25px}.benefit-icon{font-size:27px;color:var(--red);margin-top:45px;margin-bottom:33px}.benefit-card h3{font:700 22px/1 var(--display);letter-spacing:.2px;margin:0 0 14px}.benefit-card p{font-size:11px;color:var(--muted);line-height:1.7;margin:0}.benefit-card a{display:inline-block;margin-top:23px;color:#fff;text-decoration:none;font-size:10px;font-weight:800}.benefit-card a span{color:var(--red);font-size:15px;margin-left:7px}.benefit-line{height:1px;background:linear-gradient(90deg,var(--red),transparent);width:45%;position:absolute;bottom:25px;left:24px}
.panel-section{padding-bottom:150px}.panel-intro{align-items:end}.text-link{color:#fff;text-decoration:none;font-size:11px;font-weight:800;border-bottom:1px solid var(--red);padding-bottom:8px}.text-link span{color:var(--red);font-size:17px;margin-left:12px}.screens-showcase{height:565px;display:grid;grid-template-columns:1.4fr .72fr .72fr;gap:14px;align-items:end}.screen-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:18px 18px 0;overflow:hidden}.screen-card-main{height:510px}.screen-card-side{height:410px}.screen-card-login{height:335px}.screen-caption{display:grid;grid-template-columns:33px auto;column-gap:8px;margin:0 0 16px}.screen-caption span{grid-row:span 2;color:var(--red);font:700 13px var(--display)}.screen-caption strong{font:700 17px var(--display);line-height:1}.screen-caption small{font-size:9px;color:var(--dim);margin-top:4px}.image-window{height:calc(100% - 59px);background:#f6f8fb;border-radius:11px 11px 0 0;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.image-window img{width:100%;height:calc(100% - 25px);object-fit:cover;object-position:top}.screen-card-main .image-window img{object-position:50% 10%;}.image-window.portrait img{object-position:top;object-fit:cover}.login-image-window{height:calc(100% - 59px);border-radius:11px 11px 0 0;background:linear-gradient(145deg,#040506,#191b21);padding:14px;display:grid;place-items:center}.login-card-art{background:#fbfcfe;color:#1d2c43;width:85%;height:100%;border-radius:9px;padding:14px 11px;text-align:center;box-shadow:0 12px 25px #0008}.login-art-logo{color:#e52231;background:#180b0e;font:800 14px var(--display);padding:7px;margin-bottom:10px}.login-art-logo span{font-size:10px}.login-card-art small{font-size:7px;color:#7d8795}.login-card-art h4{font:800 14px var(--display);margin:9px 0 11px}.art-field{border:1px solid #dfe5ed;border-radius:4px;color:#9ba6b4;font-size:7px;text-align:left;padding:7px;margin:4px 0}.art-action{background:linear-gradient(100deg,#16a6e8,#4e69ef);color:#fff;font-size:9px;font-weight:800;border-radius:4px;padding:8px;margin-top:8px}
.steps-section{background:#0e121b;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:120px 0 125px}.steps{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:0}.step{padding:27px 28px 0 0;border-right:1px solid var(--line);margin-right:28px;display:flex;gap:21px}.step:last-child{border:0;margin:0}.step>span{font:700 16px var(--display);color:var(--red)}.step h3{font:700 21px var(--display);margin:0 0 8px}.step p{font-size:11px;color:var(--muted);line-height:1.7;max-width:210px;margin:0}.final-cta{min-height:490px;position:relative;padding:115px 0;overflow:hidden}.cta-content{position:relative;z-index:2}.final-cta h2{font-size:79px;margin:24px 0 23px}.final-cta p{color:var(--muted);font-size:13px;max-width:375px;line-height:1.7;margin-bottom:26px}.disclaimer{display:block;font-size:9px;color:var(--dim);margin-top:18px}.cta-orbit{position:absolute;border:1px solid rgba(239,46,57,.28);border-radius:50%;width:560px;height:560px;right:-55px;top:-20px;transform:rotate(-25deg)}.cta-orbit:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:var(--red);top:75px;left:105px;box-shadow:0 0 22px var(--red)}.orbit-two{width:410px;height:410px;right:27px;top:55px;border-color:rgba(79,220,245,.17);transform:rotate(45deg)}.orbit-two:after{background:var(--cyan);top:auto;left:auto;right:42px;bottom:67px;box-shadow:0 0 22px var(--cyan)}.cta-mark{position:absolute;right:170px;top:185px;display:flex;flex-direction:column;align-items:center;color:var(--red);font-family:var(--display);z-index:1;transform:rotate(-8deg)}.cta-mark span{font-size:34px}.cta-mark strong{font-size:55px;line-height:.75;letter-spacing:2px}.cta-mark small{color:var(--muted);font:600 8px var(--body);letter-spacing:4px;margin-top:8px}.site-footer{padding:27px 0 32px;border-top:1px solid var(--line);display:flex;align-items:center;gap:28px}.site-footer p{font-size:10px;color:var(--dim);margin:0 auto 0 0}.site-footer>div{display:flex;gap:22px}.footer-copy{font-size:9px;color:#4f5969}
.extra-banner-image{display:none;position:absolute;z-index:2;right:24px;bottom:28px;width:285px;max-height:175px;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 45px #0008}.extra-banner-image[src^="/uploads/"]:not([src$="placeholder.jpg"]){display:block}
.benefit-card,.screen-card,.step,.metrics>div{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease,border .25s}.benefit-card.is-visible,.screen-card.is-visible,.step.is-visible,.metrics>div.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.desktop-device{right:-10px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit-card{min-height:260px}.benefit-icon{margin-top:35px;margin-bottom:23px}.screens-showcase{height:520px}.screen-card-main{height:470px}.screen-card-side{height:375px}.screen-card-login{height:310px}}
@media(max-width:760px){.section-shell,.site-header{width:calc(100% - 40px)}.site-header{height:72px}.desktop-nav,.header-cta{display:none}.menu-button{display:block}.desktop-nav.open{display:flex;position:absolute;top:65px;right:0;flex-direction:column;gap:0;background:#121620;border:1px solid var(--line);padding:8px;border-radius:13px;width:180px;box-shadow:0 20px 35px #0008}.desktop-nav.open a{padding:11px 13px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:47px 0 62px;min-height:0}.hero h1{font-size:69px;margin-top:23px}.hero-lead{font-size:14px;max-width:390px}.hero-actions{flex-wrap:wrap}.hero-proof{margin-top:31px}.hero-visual{height:430px;margin-top:42px;margin-left:-12px;margin-right:-12px;transform:scale(.9);transform-origin:top center}.desktop-device{width:445px;height:300px;right:12px;top:68px}.login-float{width:132px;height:207px;left:18px;top:196px}.menu-float{width:102px;height:160px;right:6px;bottom:28px}.label-top{right:20px;top:25px;font-size:8px}.label-bottom{left:87px;bottom:0;font-size:8px}.metrics{grid-template-columns:1fr;gap:0;padding:0}.metrics>div{border-right:0;border-bottom:1px solid var(--line);padding:19px 0}.metrics>div:last-child{border:0}.metric-number{font-size:34px;width:82px}.benefits{padding:92px 0 80px}.section-intro{display:block;margin-bottom:34px}.section-intro h2{font-size:57px;margin-top:21px}.section-intro p{margin-top:23px;max-width:420px}.benefit-grid{grid-template-columns:1fr;gap:10px}.benefit-card{min-height:240px}.benefit-card.featured{min-height:270px}.panel-section{padding-bottom:95px}.panel-intro{display:flex;align-items:end;gap:16px}.panel-intro .text-link{white-space:nowrap;font-size:9px}.screens-showcase{display:flex;height:auto;overflow-x:auto;gap:12px;padding-bottom:12px;margin-right:-20px;scroll-snap-type:x mandatory}.screen-card{min-width:274px;flex:0 0 274px;scroll-snap-align:start}.screen-card-main{height:400px}.screen-card-side{height:355px}.screen-card-login{height:310px}.screen-caption strong{font-size:16px}.steps-section{padding:82px 0 86px}.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line);margin:0;padding:22px 0}.step:last-child{border:0}.final-cta{padding:90px 0;min-height:590px}.final-cta h2{font-size:62px}.cta-orbit{width:460px;height:460px;right:-190px;top:230px}.orbit-two{width:340px;height:340px;right:-130px;top:286px}.cta-mark{right:65px;top:426px}.cta-mark strong{font-size:44px}.site-footer{display:grid;grid-template-columns:1fr auto;gap:18px}.site-footer p{grid-column:1/-1;grid-row:2}.site-footer>div{grid-column:1/-1;grid-row:3;justify-content:space-between}.footer-copy{grid-column:2;grid-row:1;align-self:center}}
@media(max-width:390px){.hero h1{font-size:61px}.hero-visual{transform:scale(.78);margin-bottom:-70px}.section-intro h2{font-size:50px}.panel-intro .text-link{display:none}}