:root{--bg:#050b16;--bg2:#071326;--blue:#1e6cff;--cyan:#38bdf8;--text:#f8fbff;--muted:#a8b7ca;--card:#0d1728;--line:rgba(255,255,255,.12);--green:#47d159;--red:#ff314a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px 7vw;background:rgba(2,8,18,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.logo-wrap{display:flex;align-items:center;gap:12px}.logo-mark{width:44px;height:44px;border:2px solid var(--blue);border-radius:14px;display:grid;place-items:center;color:var(--cyan);font-weight:900;font-size:24px;box-shadow:0 0 28px rgba(30,108,255,.4)}.brand{font-size:25px;font-weight:900}.brand span,.hero h1 span,.how-section h2 span,.final-cta h2 span{color:var(--blue)}.logo-wrap small{color:#d5e1f5;font-size:12px}nav{display:flex;gap:28px;align-items:center;font-weight:700;font-size:14px}nav a{color:#dce8f8}.nav-cta,.button.primary{background:linear-gradient(135deg,#1674ff,#7b45ff);padding:12px 20px;border-radius:9px;box-shadow:0 14px 35px rgba(30,108,255,.35)}.hero{position:relative;overflow:hidden;padding:50px 7vw 44px;background:radial-gradient(circle at 47% 42%,rgba(18,108,255,.5),transparent 23%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.14),transparent 14%),linear-gradient(180deg,#06101f 0%,#020711 100%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,11,22,.25),rgba(5,11,22,.75)),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="700" viewBox="0 0 1600 700"><circle cx="780" cy="300" r="170" fill="none" stroke="%231e6cff" stroke-width="18" opacity=".35"/><circle cx="790" cy="300" r="210" fill="none" stroke="%2338bdf8" stroke-width="4" opacity=".25"/><circle cx="1230" cy="240" r="140" fill="%23ffffff" opacity=".03"/></svg>') center/cover no-repeat;pointer-events:none}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;border:1px solid rgba(56,189,248,.45);color:#b8eaff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;background:rgba(56,189,248,.08)}h1{font-size:clamp(52px,7vw,92px);line-height:.93;margin:22px 0;font-weight:900;letter-spacing:-.06em}.hero p{max-width:660px;color:#edf5ff;font-size:22px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:center;font-weight:900;border-radius:12px;padding:15px 22px}.button.ghost{border:1px solid var(--line);background:rgba(255,255,255,.06)}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.trust-row div{padding:18px;border-left:1px solid rgba(255,255,255,.18)}.trust-row small{display:block;color:var(--muted)}.hero-laptop{perspective:1000px}.laptop-screen{display:grid;grid-template-columns:150px 1fr;min-height:390px;background:#f6f8fb;color:#111827;border:8px solid #1b2535;border-radius:22px;overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.65);transform:rotate(-2deg)}.wp-menu{display:flex;flex-direction:column;gap:2px;background:#101827;color:#d9e3ef;padding:20px 10px;font-size:12px}.wp-menu span{padding:9px;border-radius:5px}.wp-menu .active{background:#1683ff}.settings-panel{padding:30px}.settings-panel h3{font-size:26px;margin:0 0 20px}.setting{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid #e4e9f2}.setting small,.status-card small{display:block;color:#667085}.toggle{width:54px;height:28px;border-radius:999px;background:#d0d5dd;position:relative;flex:0 0 auto}.toggle:after{content:"";width:22px;height:22px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #999}.toggle.on{background:#1674ff}.toggle.on:after{left:29px}.status-card{margin-top:20px;background:#fff;border:1px solid #e4e9f2;border-radius:12px;padding:18px}.status-card p{color:#11943c;font-weight:800;margin:8px 0;font-size:15px}.compare-section{display:grid;grid-template-columns:1fr 64px 1fr 300px;gap:20px;align-items:center;padding:28px 7vw;background:#030915}.compare-card{position:relative;display:grid;grid-template-columns:42% 1fr;gap:20px;background:#fff;color:#111827;border-radius:14px;padding:26px;min-height:265px;box-shadow:0 20px 50px rgba(0,0,0,.45)}.compare-card.before{border:3px solid var(--red);box-shadow:0 0 26px rgba(255,49,74,.45)}.compare-card.after{border:3px solid var(--green);box-shadow:0 0 26px rgba(71,209,89,.45)}.badge{position:absolute;top:-16px;left:16px;border-radius:7px;padding:7px 13px;font-weight:900;color:#fff}.red{background:var(--red)}.green{background:var(--green)}.product-img{border-radius:10px;background:linear-gradient(#f4f4f4,#fff);position:relative}.hoodie:before{content:"";position:absolute;inset:28px 48px;background:radial-gradient(circle at 50% 18%,#1c1c1c 0 20%,transparent 21%),linear-gradient(80deg,transparent 0 14%,#111 15% 28%,transparent 29% 72%,#111 73% 86%,transparent 87%),linear-gradient(#080808,#191919);clip-path:polygon(31% 18%,43% 10%,57% 10%,69% 18%,83% 44%,73% 50%,70% 88%,30% 88%,27% 50%,17% 44%);border-radius:10px}.product-info h2{margin:6px 0;font-size:25px}.product-info strong{color:#159c3d}.product-info p{color:#333;font-size:14px}.tags{display:flex;gap:7px;flex-wrap:wrap;border:1px dashed var(--red);padding:10px;border-radius:8px;margin:12px 0}.tags span{background:var(--red);color:#fff;border-radius:4px;padding:5px 8px;font-size:12px;font-weight:800}.product-info button{background:#111827;color:#fff;border:0;border-radius:5px;padding:11px 20px;font-weight:800}.product-info small{display:block;margin-top:22px;color:#667085}.arrow{width:64px;height:64px;border-radius:50%;background:#fff;color:#111827;display:grid;place-items:center;font-size:38px;font-weight:900}.why-card{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:14px;padding:24px}.why-card h3{font-size:24px;margin:0 0 12px}.why-card ul{padding-left:19px;margin:0;color:#dce8f8}.features{padding:82px 7vw;background:linear-gradient(180deg,#06101d,#081526)}.section-title{text-align:center;max-width:760px;margin:0 auto 44px}.section-title span{color:var(--cyan);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.section-title h2{font-size:42px;line-height:1.05;margin:14px 0}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.feature-grid article{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:16px;padding:26px;text-align:center}.icon{font-size:34px;color:var(--blue);height:52px}.feature-grid h3{font-size:17px}.feature-grid p{color:var(--muted);font-size:14px}.how-section{padding:76px 7vw;background:#030915;text-align:center}.how-section h2{font-size:40px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:40px}.steps i{width:44px;height:44px;background:var(--blue);border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-style:normal;font-weight:900}.steps b{font-size:22px}.steps p{color:var(--muted);max-width:280px;margin:10px auto}.screenshots{padding:64px 7vw;background:#f5f8fc;color:#111827}.dark-text span{color:#0b6dff}.shot-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.shot{min-height:210px;border-radius:14px;background:#fff;border:1px solid #dce4ef;box-shadow:0 12px 28px rgba(16,24,40,.1);padding:18px;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;position:relative;overflow:hidden}.shot:before{content:"";position:absolute;left:16px;right:16px;top:16px;height:120px;border-radius:10px;background:linear-gradient(135deg,#eaf1fb,#fff)}.shot.admin:before{background:linear-gradient(90deg,#111827 0 22%,#f2f6fb 22%)}.shot.settings:before{background:repeating-linear-gradient(#fff 0 20px,#eef3fa 21px 22px)}.shot.before-shot:before{background:linear-gradient(#fff,#fff),radial-gradient(circle,#111 0 30%,transparent 31%);border:2px solid var(--red)}.shot.after-shot:before{background:#fff;border:2px solid var(--green)}.shot b,.shot small{position:relative;z-index:2}.shot small{color:#475467}.compatibility{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:48px 7vw;background:#fff;color:#111827}.compatibility h2{font-size:38px;margin:0}.compatibility p{max-width:640px;color:#475467}.platforms{display:flex;align-items:center;gap:24px;font-size:28px;font-weight:900}.platforms span{padding:22px 26px;border-radius:18px;background:#f2f6fb}.platforms span:first-child{color:#0b6dff}.platforms span:last-child{color:#8a3ffc}.final-cta{margin:0 7vw 0;display:grid;grid-template-columns:120px 1fr auto;gap:34px;align-items:center;padding:36px;background:linear-gradient(135deg,#081526,#020711);border:1px solid var(--line);border-radius:18px}.shield{width:100px;height:100px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,#0f56d9,#0b1730);font-size:64px;color:#64b5ff;box-shadow:0 0 38px rgba(30,108,255,.5)}.final-cta h2{font-size:36px;margin:0}.final-cta p{color:#d3dfed}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 7vw;color:#9da9bb;background:#020711;font-size:14px}footer div{display:flex;gap:28px}@media(max-width:1150px){.hero-content,.compare-section{grid-template-columns:1fr}.arrow{margin:auto;transform:rotate(90deg)}.feature-grid{grid-template-columns:repeat(2,1fr)}.shot-grid{grid-template-columns:repeat(2,1fr)}.compatibility,.final-cta,footer{grid-template-columns:1fr;display:grid}.why-card{order:4}}@media(max-width:720px){nav{display:none}.hero{padding:40px 22px}.hero-content{gap:28px}h1{font-size:50px}.hero p{font-size:17px}.trust-row,.steps{grid-template-columns:1fr}.laptop-screen{grid-template-columns:1fr}.wp-menu{display:none}.compare-section,.features,.how-section,.screenshots,.compatibility{padding-left:22px;padding-right:22px}.compare-card{grid-template-columns:1fr}.product-img{height:220px}.feature-grid,.shot-grid{grid-template-columns:1fr}.platforms{flex-direction:column}.final-cta{margin:0 22px;text-align:center}.shield{margin:auto}footer div{flex-direction:column;gap:8px}}
  .nav-links a{
    width:100%;
    background:rgba(255,255,255,.05);
  }
}