:root{--bg:#07111f;--bg2:#0b1728;--surface:#0c192b;--card:#101f35;--border:rgba(149,170,199,.16);--text:#eef6ff;--muted:#9cb0c9;--cyan:#22d3ee;--violet:#8b5cf6;--red:#e11d48;--red2:#be123c;--shadow:0 24px 70px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}.skip-link{position:absolute;left:12px;top:12px;z-index:3000;padding:10px 14px;background:#fff;color:#111;border-radius:10px}a{color:#7dd3fc}.glass-nav{background:rgba(5,12,22,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);transition:.25s}.glass-nav.scrolled{background:rgba(5,12,22,.96);box-shadow:0 10px 35px rgba(0,0,0,.24)}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);color:white;font-size:1.25rem;box-shadow:0 10px 30px rgba(14,165,233,.25)}.brand-text{display:flex;flex-direction:column;line-height:1.05;color:#fff}.brand-text small{font-size:.71rem;color:#9fb3ca;margin-top:5px;letter-spacing:.04em}.navbar .nav-link{color:#c4d2e3!important;font-weight:650;padding:.8rem .8rem!important}.navbar .nav-link:hover{color:#fff!important}.btn-demo-nav,.btn-demo{background:linear-gradient(135deg,var(--red),#ef4444);border:1px solid rgba(255,255,255,.08);color:#fff!important;font-weight:800;box-shadow:0 12px 30px rgba(225,29,72,.3)}.btn-demo-nav:hover,.btn-demo:hover{background:linear-gradient(135deg,var(--red2),#dc2626);transform:translateY(-1px)}
.hero-section{min-height:100vh;background:radial-gradient(circle at 15% 20%,rgba(34,211,238,.13),transparent 25%),radial-gradient(circle at 82% 15%,rgba(139,92,246,.16),transparent 28%),linear-gradient(180deg,#07111f,#081525)}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent)}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.28}.orb-1{width:300px;height:300px;background:#0ea5e9;left:-120px;top:35%}.orb-2{width:320px;height:320px;background:#7c3aed;right:-120px;top:14%}.eyebrow,.section-kicker{display:inline-flex;gap:9px;align-items:center;font-size:.74rem;font-weight:900;letter-spacing:.14em;color:#86d8f6}.hero-section h1{letter-spacing:-.045em;line-height:1.02}.gradient-text{display:block;background:linear-gradient(90deg,#67e8f9,#a78bfa 70%,#f472b6);-webkit-background-clip:text;color:transparent}.text-soft{color:#aebed1}.hero-proof{display:flex;flex-wrap:wrap;gap:10px}.hero-proof span{padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.035);color:#c6d3e4;font-size:.84rem}.hero-product-card{position:relative;padding:16px;border-radius:30px;border:1px solid rgba(125,211,252,.2);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018));box-shadow:var(--shadow)}.hero-product-card img{border-radius:20px;display:block}.hero-float-card{position:absolute;left:-18px;bottom:28px;display:flex;flex-direction:column;gap:2px;padding:14px 18px;border-radius:16px;background:rgba(7,17,31,.92);border:1px solid rgba(255,255,255,.11);box-shadow:0 15px 35px rgba(0,0,0,.35)}.hero-float-card span{font-size:.76rem;color:#9eb0c6}
.section-padding{padding:100px 0}.bg-surface{background:#091422}.section-heading{max-width:780px}.section-heading h2,.section-padding h2{font-weight:850;letter-spacing:-.03em}.section-heading p{color:var(--muted);font-size:1.04rem}.feature-card{height:100%;padding:26px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,#0e1c30,#0b1727);box-shadow:0 12px 35px rgba(0,0,0,.18);transition:.25s}.feature-card:hover{transform:translateY(-6px);border-color:rgba(103,232,249,.3)}.feature-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(139,92,246,.2));color:#7dd3fc;font-size:1.35rem}.feature-card h3{font-size:1.08rem;margin:18px 0 8px}.feature-card p{color:#9fb1c6;font-size:.92rem;margin:0}
.screenshots-section{background:radial-gradient(circle at 50% 0,rgba(124,58,237,.12),transparent 34%),#07111f}.product-carousel{border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:14px;background:#0a1423;box-shadow:var(--shadow);overflow:hidden}.product-carousel .carousel-inner{border-radius:20px;overflow:hidden}.product-carousel .carousel-item img{aspect-ratio:16/10;object-fit:cover;background:#0d1728}.product-carousel .carousel-caption{left:4%;right:auto;bottom:5%;max-width:520px;text-align:left;background:rgba(4,10,19,.82);backdrop-filter:blur(10px);padding:18px 22px;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.product-carousel .carousel-caption h3{font-size:1.2rem;margin-bottom:4px}.product-carousel .carousel-caption p{margin:0;color:#b9c7d8;font-size:.9rem}.product-carousel .carousel-control-prev,.product-carousel .carousel-control-next{width:7%}.product-carousel .carousel-indicators{bottom:8px}
.video-shell{position:relative;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#07111f;box-shadow:var(--shadow);aspect-ratio:16/9}.video-poster{width:100%;height:100%;object-fit:cover;display:block}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border:none;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-size:2.5rem;box-shadow:0 18px 45px rgba(225,29,72,.45);transition:.2s}.video-play:hover{transform:translate(-50%,-50%) scale(1.06);background:var(--red2)}.video-note{position:absolute;left:18px;right:18px;bottom:18px;padding:10px 14px;border-radius:12px;background:rgba(4,10,19,.78);color:#c9d6e6;font-size:.8rem;border:1px solid rgba(255,255,255,.1)}.video-shell iframe,.video-shell video{position:absolute;inset:0;width:100%;height:100%;border:0}.check-list{list-style:none;padding:0;margin:24px 0 0}.check-list li{display:flex;gap:10px;margin:12px 0;color:#bac8d9}.check-list i{color:#34d399}
.commerce-flow{display:grid;grid-template-columns:repeat(11,auto);align-items:center;justify-content:space-between;gap:8px}.commerce-flow div{min-width:120px;padding:22px 12px;border:1px solid var(--border);border-radius:18px;background:#0c192a;text-align:center}.commerce-flow i{display:block;font-size:1.55rem;color:#67e8f9;margin-bottom:9px}.commerce-flow span{font-size:.8rem;color:#c3d0e0}.commerce-flow b{color:#5f738e}.facts-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.facts-grid div{padding:18px;border:1px solid var(--border);border-radius:16px;background:#0c192a}.facts-grid span{display:block;color:#7f95af;font-size:.76rem;text-transform:uppercase;letter-spacing:.09em}.facts-grid strong{display:block;margin-top:5px;font-size:.97rem}.demo-section{background:linear-gradient(180deg,#07111f,#0a1424)}.demo-card{padding:36px;border:1px solid rgba(239,68,68,.25);border-radius:28px;background:radial-gradient(circle at 90% 20%,rgba(225,29,72,.15),transparent 28%),#0c192a;box-shadow:var(--shadow)}
.custom-accordion{max-width:900px}.custom-accordion .accordion-item{background:transparent;border:1px solid var(--border);border-radius:16px!important;margin-bottom:12px;overflow:hidden}.custom-accordion .accordion-button{background:#0b1728;color:#fff;box-shadow:none;font-weight:750}.custom-accordion .accordion-button:not(.collapsed){background:#0f1d31;color:#fff}.custom-accordion .accordion-button::after{filter:invert(1)}.custom-accordion .accordion-body{background:#0a1525;color:#aebed1}.cta-panel{border:1px solid rgba(126,146,255,.28);border-radius:30px;padding:48px;background:radial-gradient(circle at 85% 20%,rgba(92,124,255,.18),transparent 28%),linear-gradient(135deg,#0d1b2f,#0a1524);box-shadow:var(--shadow)}.footer{background:#050c16;border-top:1px solid var(--border)}.footer h6{font-weight:800}.footer-links{list-style:none;padding:0;margin:14px 0 0}.footer-links li{margin:8px 0;color:#8194ab}.footer-links a{color:#8fa2ba;text-decoration:none}.footer-links a:hover{color:#fff}.back-to-top{position:fixed;right:18px;bottom:18px;width:44px;height:44px;border:none;border-radius:14px;background:#334155;color:white;box-shadow:0 15px 30px rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:.25s;z-index:999}.back-to-top.show{opacity:1;visibility:visible}code{color:#f9a8d4}
[dir="rtl"] .product-carousel .carousel-caption{text-align:right;left:auto;right:4%}
@media(max-width:1199.98px){.commerce-flow{grid-template-columns:repeat(5,1fr)}.commerce-flow b{display:none}.commerce-flow div{min-width:0}}
@media(max-width:991.98px){.navbar-collapse{padding:16px 0}.nav-actions{margin-top:10px}.hero-section{padding-top:70px}.hero-float-card{left:12px}.product-carousel .carousel-caption{position:static;max-width:none;border-radius:0;background:#0b1728}.product-carousel .carousel-control-prev,.product-carousel .carousel-control-next{width:12%}}
@media(max-width:767.98px){.section-padding{padding:76px 0}.hero-section h1{font-size:2.7rem}.hero-product-card{padding:8px;border-radius:22px}.hero-float-card{position:static;margin-top:10px}.facts-grid{grid-template-columns:1fr}.commerce-flow{grid-template-columns:1fr 1fr}.product-carousel{padding:8px;border-radius:20px}.product-carousel .carousel-item img{aspect-ratio:4/3}.video-note{font-size:.7rem}.cta-panel{padding:32px 20px}.footer{display:none}.back-to-top{bottom:16px}}

/* Highlighted purchase CTA */
.btn-buy-nav,.btn-buy{background:linear-gradient(135deg,#ef233c,#b91c1c);border:1px solid rgba(255,255,255,.16);color:#fff!important;font-weight:900;box-shadow:0 14px 34px rgba(239,35,60,.38);transition:.22s ease;position:relative;overflow:hidden}
.btn-buy-nav:hover,.btn-buy:hover{background:linear-gradient(135deg,#ff334f,#991b1b);transform:translateY(-2px) scale(1.01);box-shadow:0 18px 42px rgba(239,35,60,.48);color:#fff!important}
.btn-buy-nav:focus-visible,.btn-buy:focus-visible{outline:3px solid rgba(255,255,255,.9);outline-offset:3px}
.btn-buy-nav::after,.btn-buy::after{content:"";position:absolute;inset:-2px;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.26),transparent 80%);transform:translateX(-130%);transition:transform .65s ease}
.btn-buy-nav:hover::after,.btn-buy:hover::after{transform:translateX(130%)}
@media(max-width:991.98px){.btn-buy-nav{width:100%;text-align:center}.nav-actions{flex-wrap:wrap}}