*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
        :root {
            --bg:#0B121E; --surface:#111927; --surface-2:#16213a;
            --border:rgba(50,126,241,0.14); --border-b:rgba(50,126,241,0.35);
            --blue:#327EF1; --blue-glow:rgba(50,126,241,0.28); --blue-soft:rgba(50,126,241,0.10);
            --green:#2ECC71; --text:#F0F6FF; --text-2:#8BA5C4; --text-3:#4E6A8A;
        }
        html { scroll-behavior:smooth; }
        body { background:var(--bg); color:var(--text); font-family:'DM Sans',sans-serif; min-height:100vh; overflow-x:hidden; }
        body::before { content:''; position:fixed; inset:0; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E"); pointer-events:none; z-index:0; }
        .orb { position:fixed; border-radius:50%; filter:blur(100px); pointer-events:none; z-index:0; }
        .orb-1 { width:600px; height:600px; top:-200px; right:-150px; background:radial-gradient(circle, rgba(50,126,241,0.18) 0%, transparent 70%); }
        .orb-2 { width:400px; height:400px; bottom:5%; left:-100px; background:radial-gradient(circle, rgba(46,204,113,0.10) 0%, transparent 70%); }
        nav { position:fixed; top:0; left:0; right:0; z-index:100; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(20px,5vw,80px); height:68px; background:rgba(11,18,30,0.85); backdrop-filter:blur(20px); border-bottom:1px solid var(--border); }
        .nav-logo { font-family:'Syne',sans-serif; font-size:20px; font-weight:800; letter-spacing:-1px; background:linear-gradient(135deg,#fff 0%,var(--blue) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; text-decoration:none; }
        .nav-links { display:flex; align-items:center; gap:4px; }
        .nav-link { color:var(--text-2); text-decoration:none; font-size:14px; font-weight:500; padding:8px 14px; border-radius:20px; transition:all 0.2s; }
        .nav-link:hover { color:var(--text); background:var(--surface); }
        .nav-cta { background:var(--blue) !important; color:white !important; box-shadow:0 4px 16px var(--blue-glow); font-weight:600; }
        .nav-cta:hover { box-shadow:0 6px 24px var(--blue-glow); transform:translateY(-1px); }
        @media(max-width:600px){ .nav-link:not(.nav-cta){display:none;} }
        main { position:relative; z-index:1; }
        @keyframes fadeUp { from{opacity:0;transform:translateY(22px);} to{opacity:1;transform:translateY(0);} }
        @keyframes pulse-dot { 0%,100%{opacity:1;} 50%{opacity:0.4;} }

        /* HERO */
        #home { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:100px clamp(20px,6vw,100px) 60px; }
        .hero-badge { display:inline-flex; align-items:center; gap:8px; background:var(--surface); border:1px solid var(--border-b); border-radius:30px; padding:7px 16px; font-size:13px; color:var(--text-2); margin-bottom:28px; animation:fadeUp 0.6s ease both; }
        .badge-dot { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green); animation:pulse-dot 2s infinite; }
        .hero-title { font-family:'Syne',sans-serif; font-size:clamp(36px,7vw,80px); font-weight:800; line-height:1.05; letter-spacing:-3px; margin-bottom:20px; animation:fadeUp 0.7s ease 0.1s both; }
        .hero-title .accent { background:linear-gradient(135deg,var(--blue) 0%,#6eb3ff 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
        .hero-sub { font-size:clamp(15px,2vw,18px); color:var(--text-2); max-width:500px; line-height:1.65; margin-bottom:44px; animation:fadeUp 0.7s ease 0.2s both; }
        .hero-actions { display:flex; align-items:center; gap:16px; flex-wrap:wrap; justify-content:center; animation:fadeUp 0.7s ease 0.3s both; }
        .btn-hero { display:inline-flex; align-items:center; gap:10px; background:var(--blue); color:white; font-family:'DM Sans',sans-serif; font-size:16px; font-weight:600; padding:16px 32px; border-radius:50px; text-decoration:none; box-shadow:0 8px 32px var(--blue-glow),inset 0 1px 0 rgba(255,255,255,0.15); transition:all 0.25s; }
        .btn-hero:hover { transform:translateY(-2px); box-shadow:0 14px 40px rgba(50,126,241,0.4); }
        .platforms-note { display:flex; align-items:center; gap:8px; color:var(--text-3); font-size:14px; }
        .platform-icons { display:flex; gap:4px; }
        .picon { width:28px; height:28px; background:var(--surface-2); border:1px solid var(--border); border-radius:7px; display:flex; align-items:center; justify-content:center; font-size:13px; }

        /* STRIP */
        .features-strip { display:flex; justify-content:center; flex-wrap:nowrap; margin:64px auto 0; max-width:1000px; animation:fadeUp 0.8s ease 0.4s both; overflow-x:auto; }
        .fi { flex:1 1 0; min-width:120px; max-width:200px; display:flex; flex-direction:column; align-items:center; text-align:center; padding:24px 12px; background:var(--surface); border:1px solid var(--border); }
        .fi:first-child { border-radius:18px 0 0 18px; }
        .fi:last-child { border-radius:0 18px 18px 0; }
        .fi+.fi { border-left:none; }
        @media(max-width:640px){
            .features-strip { flex-wrap:wrap; gap:8px; overflow:visible; }
            .fi { flex:1 1 calc(50% - 8px); min-width:140px; max-width:none; border-radius:14px !important; border:1px solid var(--border) !important; }
            .fi+.fi { border-left:1px solid var(--border) !important; }
        }
        .fi-icon { font-size:24px; margin-bottom:8px; }
        .fi-label { font-size:13px; font-weight:600; }
        .fi-desc { font-size:11px; color:var(--text-3); margin-top:3px; }

        /* SECTION */
        .section { padding:80px clamp(20px,6vw,100px); }
        .section-label { font-size:11px; letter-spacing:3px; text-transform:uppercase; color:var(--blue); font-weight:600; margin-bottom:12px; }
        .section-title { font-family:'Syne',sans-serif; font-size:clamp(26px,4vw,44px); font-weight:800; letter-spacing:-2px; margin-bottom:14px; line-height:1.1; }
        .section-sub { font-size:16px; color:var(--text-2); max-width:460px; line-height:1.65; margin-bottom:48px; }

        /* STEPS */
        .steps-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }
        .step-card { background:var(--surface); border:1px solid var(--border); border-radius:20px; padding:28px 22px; position:relative; overflow:hidden; transition:border-color 0.2s,transform 0.2s; }
        .step-card::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,var(--border-b),transparent); }
        .step-card:hover { border-color:var(--border-b); transform:translateY(-3px); }
        .step-num { font-family:'Syne',sans-serif; font-size:40px; font-weight:800; line-height:1; margin-bottom:14px; background:linear-gradient(135deg,var(--border-b),transparent); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
        .step-title { font-size:16px; font-weight:600; margin-bottom:8px; }
        .step-text { font-size:14px; color:var(--text-2); line-height:1.6; }

        /* PRICING */
        #prices { background:linear-gradient(180deg,transparent 0%,rgba(50,126,241,0.04) 50%,transparent 100%); }
        .pricing-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:14px; max-width:960px; }
        .price-card { background:var(--surface); border:1px solid var(--border); border-radius:22px; padding:26px 22px; display:flex; flex-direction:column; gap:14px; transition:all 0.25s; }
        .price-card:hover { border-color:var(--border-b); transform:translateY(-4px); box-shadow:0 20px 60px rgba(50,126,241,0.10); }
        .price-card.featured { border-color:var(--blue); background:linear-gradient(135deg,var(--surface-2),var(--surface)); box-shadow:0 8px 40px var(--blue-glow); position:relative; }
        .featured-tag { position:absolute; top:14px; right:14px; background:var(--blue); color:white; font-size:10px; font-weight:700; padding:3px 10px; border-radius:10px; }
        .price-name { font-size:13px; color:var(--text-2); font-weight:500; }
        .price-amount { font-family:'Syne',sans-serif; font-size:36px; font-weight:800; letter-spacing:-2px; line-height:1; }
        .price-amount span { font-size:16px; font-weight:500; color:var(--text-2); letter-spacing:0; }
        .price-perday { font-size:12px; color:var(--text-3); margin-top:-8px; }
        .price-features { list-style:none; display:flex; flex-direction:column; gap:7px; font-size:13px; color:var(--text-2); }
        .price-btn { display:block; text-align:center; background:var(--blue-soft); border:1px solid var(--border-b); color:var(--blue); font-weight:600; font-size:14px; padding:12px; border-radius:12px; text-decoration:none; transition:all 0.2s; margin-top:auto; }
        .price-btn:hover { background:var(--blue); color:white; }
        .price-card.featured .price-btn { background:var(--blue); color:white; border-color:transparent; }
        .prices-loading { color:var(--text-3); font-size:14px; padding:32px 0; }

        /* FOOTER */
        footer { padding:36px clamp(20px,5vw,80px); border-top:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; position:relative; z-index:1; }
        .footer-logo { font-family:'Syne',sans-serif; font-size:16px; font-weight:800; background:linear-gradient(135deg,#fff,var(--blue)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
        .footer-copy { font-size:13px; color:var(--text-3); }
        .footer-tg { display:flex; align-items:center; gap:6px; color:var(--text-2); font-size:13px; text-decoration:none; transition:color 0.2s; }
        .footer-tg:hover { color:var(--blue); }