:root{--blue:#0459b8;--blue2:#1081e8;--green:#00b98e;--dark:#102033;--muted:#617084;--light:#f4f9ff;--white:#fff;--shadow:0 18px 45px rgba(10,40,80,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--dark);background:#fff}.container{width:min(1180px,92%);margin:auto}.site-header{position:fixed;top:0;width:100%;z-index:99;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);transition:.3s;box-shadow:0 0 0 rgba(0,0,0,0)}.site-header.scrolled{box-shadow:0 8px 30px rgba(0,0,0,.09)}.nav-wrap{height:78px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:800;color:var(--blue2);text-decoration:none}.brand-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--blue2),var(--green));color:#fff;display:grid;place-items:center}.nav{display:flex;gap:26px;margin-left:auto}.nav a{color:var(--dark);text-decoration:none;font-weight:700;font-size:15px}.btn{border:0;border-radius:8px;padding:15px 28px;text-decoration:none;font-weight:800;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;box-shadow:0 14px 25px rgba(16,129,232,.24)}.btn-outline{border:1px solid rgba(255,255,255,.5);color:#fff}.btn-secondary{background:#e8f9f5;color:var(--green)}.btn-cart{background:#15b84f;color:#fff;width:100%;margin-top:20px}.menu-btn{display:none;margin-left:auto;background:none;border:0;font-size:28px}.product-hero{min-height:760px;padding:130px 0 70px;background:radial-gradient(circle at 10% 20%,rgba(0,185,142,.24),transparent 25%),linear-gradient(135deg,#071a43 0%,#063b80 55%,#00a88b 130%);color:#fff;position:relative;overflow:hidden}.product-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(120deg,rgba(255,255,255,.09) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.35) 1px,transparent 2px);background-size:90px 90px,80px 80px;opacity:.35}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:center}.tag{color:#2ee5c2;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.hero-left h1{font-size:50px;line-height:1.1;margin:18px 0}.hero-left p{font-size:19px;line-height:1.75;color:#dcecff;max-width:650px}.hero-actions{display:flex;gap:18px;margin:32px 0}.rating span{color:#ffc233;letter-spacing:4px}.rating small{display:block;color:#c9d7ef;margin-top:8px}.preview-card{background:#fff;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.35);overflow:hidden;transform:rotate(-1deg)}.browser-bar{height:50px;background:#eff5fb;color:#607080;display:flex;align-items:center;gap:9px;padding:0 18px}.browser-bar i{width:12px;height:12px;border-radius:50%;background:#ff6b6b}.browser-bar i:nth-child(2){background:#ffd166}.browser-bar i:nth-child(3){background:#06d6a0}.browser-bar strong{margin-left:12px}.preview-screen{height:380px;padding:28px;background:linear-gradient(135deg,#eef8ff,#fff)}.mock-nav{height:28px;width:72%;border-radius:14px;background:linear-gradient(90deg,var(--blue),var(--green));margin-bottom:35px}.mock-hero{display:grid;grid-template-columns:1fr 220px;gap:20px}.mock-hero span,.mock-hero p{display:block;height:18px;border-radius:10px;background:#cfe0f2}.mock-hero h3{font-size:32px;color:#17395d}.mock-orb{height:210px;border-radius:36px;background:radial-gradient(circle,var(--green),var(--blue));box-shadow:inset 0 0 60px rgba(255,255,255,.45)}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.mock-cards b{height:70px;border-radius:14px;background:#fff;box-shadow:var(--shadow)}.sticky-tabs{position:sticky;top:78px;z-index:80;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.08)}.tabs{display:flex;align-items:center;gap:34px;height:62px}.tabs a{font-weight:700;color:#26384a;text-decoration:none}.tab-btn{margin-left:auto;background:var(--blue2);color:white!important;padding:12px 25px;border-radius:6px}.section{padding:95px 0}.layout-grid{display:grid;grid-template-columns:1fr 390px;gap:35px}.section-title{text-align:center;margin-bottom:50px}.section-title.left{text-align:left;margin-bottom:25px}.section-title span{color:var(--blue);font-weight:800;text-transform:uppercase}.section-title h2,.split h2,.specs h2{font-size:38px;line-height:1.2;margin:12px 0}.content-panel p,.split p,.specs p{color:var(--muted);font-size:17px;line-height:1.8}.product-image{height:420px;border-radius:16px;margin-top:35px;background:linear-gradient(135deg,rgba(4,89,184,.12),rgba(0,185,142,.2));position:relative;overflow:hidden}.shape-card{position:absolute;background:#fff;border-radius:15px;padding:26px 34px;font-weight:900;color:var(--blue);box-shadow:var(--shadow)}.one{left:12%;top:18%}.two{right:14%;top:22%}.three{left:20%;bottom:18%}.four{right:12%;bottom:16%}.sales-box{align-self:start;position:sticky;top:170px;border:1px solid #d9e5f2;border-radius:14px;padding:28px;background:#fff;box-shadow:var(--shadow)}.sales-box h3{margin-top:0}.license,.check{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;color:#233}.license.active{font-weight:800;color:var(--blue)}.features-section{padding:90px 0;background:#f6faff}.feature-banner{background:linear-gradient(135deg,var(--blue),#6523bd);color:#fff;padding:60px;border-radius:20px;text-align:center;clip-path:polygon(0 0,100% 0,100% 88%,50% 100%,0 88%)}.feature-banner h2{font-size:42px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.feature-grid div{padding:28px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:18px}.feature-grid i{font-style:normal;font-size:44px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service-card{background:#fff;padding:34px;border-radius:16px;box-shadow:var(--shadow);border-top:4px solid var(--green);transition:.25s}.service-card:hover{transform:translateY(-8px)}.service-card p{color:var(--muted);line-height:1.7}.split{background:linear-gradient(180deg,#fff,#f2f9ff)}.split-grid{display:grid;grid-template-columns:1fr 370px;gap:50px;align-items:center}.bullets{padding:0;list-style:none}.bullets li{padding:12px 0;color:#475569}.bullets li:before{content:'✓';color:var(--green);font-weight:900;margin-right:10px}.price-card{background:#fff;padding:38px;border-radius:20px;box-shadow:var(--shadow);border:2px solid var(--blue2);text-align:center}.price-card strong{display:block;font-size:58px;color:var(--blue2);margin:20px 0 0}.specs{background:#071a43;color:#fff}.specs p{color:#c7d7ee}.specs-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.spec-list{display:flex;flex-wrap:wrap;gap:14px}.spec-list span{padding:12px 16px;border-radius:100px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}.footer{background:#041123;color:#dbeafe;padding-top:70px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:35px}.footer a{display:block;color:#dbeafe;text-decoration:none;margin:12px 0}.footer p{line-height:1.7;color:#aec1d8}.copy{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding:22px;margin-top:45px}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.reveal.show{opacity:1;transform:translateY(0)}@media(max-width:900px){.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;flex-direction:column;padding:25px}.nav.open{display:flex}.menu-btn{display:block}.nav-wrap>.btn{display:none}.hero-grid,.layout-grid,.split-grid,.specs-grid{grid-template-columns:1fr}.hero-left h1{font-size:38px}.feature-grid,.service-grid,.footer-grid{grid-template-columns:1fr}.sales-box{position:static}.tabs{overflow:auto}.preview-screen{height:300px}.mock-hero{grid-template-columns:1fr}.mock-orb{display:none}}