@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Rajdhani:wght@600;700&family=JetBrains+Mono:wght@400;600&display=swap');

:root{
  --o:#ff8200;--o2:#ffae27;--o3:#ffcf8a;
  --bg:#07080a;--bg2:#0b0d10;--card:#111316;--card2:#16181c;--card3:#1b1e22;
  --text:#f7f7f8;--muted:#9a9fa6;--muted2:#6c7178;
  --line:#25282c;--line2:#33373c;--header:#08090ae6;
  --glow:0 0 0 1px #ff820022,0 30px 80px -20px #ff820033;
  --shadow:0 20px 50px -20px #000a;
  --ok:#3ddc84;
  --max:1240px;--mono:'JetBrains Mono',monospace;
  --r:16px;--r-sm:10px;
}
html[data-theme=light]{
  --bg:#f7f7f9;--bg2:#eff0f3;--card:#fff;--card2:#f4f5f7;--card3:#ececef;
  --text:#14161a;--muted:#5b6068;--muted2:#8b9098;
  --line:#e2e4e8;--line2:#d3d6db;--header:#ffffffe6;
  --glow:0 0 0 1px #ff820018,0 30px 80px -20px #ff820022;
  --shadow:0 20px 50px -20px #0002;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.menu-lock{overflow:hidden}
a{text-decoration:none;color:inherit}
.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
::selection{background:var(--o);color:#0a0a0a}
:focus-visible{outline:2px solid var(--o);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* ===== ANNOUNCE ===== */
.announce{height:36px;background:#050506;border-bottom:1px solid var(--line);display:flex;align-items:center;color:#858a90;font:700 11px Rajdhani;letter-spacing:1.5px;overflow:hidden}
html[data-theme=light] .announce{background:#0a0b0d}
.announce .wrap{display:flex;justify-content:space-between;align-items:center}
.announce strong{color:var(--o)}
.announce .pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ok);margin-right:6px;box-shadow:0 0 8px var(--ok);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* ===== HEADER ===== */
.site-header{height:76px;position:sticky;top:0;z-index:100;background:var(--header);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.head{height:100%;display:flex;align-items:center;gap:26px}
.brand{flex:none}
.brand img{display:block;width:200px;max-height:56px;object-fit:contain}
.desktop-nav{display:flex;align-items:center;gap:8px;margin:auto}
.desktop-nav>a,.nav-drop>button{display:flex;align-items:center;border:0;background:none;color:var(--text);opacity:.75;font:600 13px Manrope;cursor:pointer;padding:12px 14px;border-radius:8px;transition:.15s}
.desktop-nav>a:hover,.nav-drop>button:hover{opacity:1;background:var(--card2)}
.nav-drop{position:relative}
.drop-panel{display:none;position:absolute;top:52px;left:0;width:230px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.nav-drop:hover .drop-panel{display:block}
.drop-panel a{display:block;padding:11px 12px;border-radius:8px;color:var(--muted);font-size:12px;font-weight:600}
.drop-panel a:hover{background:var(--card2);color:var(--text)}
.head-actions{display:flex;gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:43px;padding:0 18px;border:1px solid var(--line2);border-radius:9px;background:var(--card2);color:var(--text);font-size:11.5px;font-weight:800;letter-spacing:.3px;cursor:pointer;transition:.18s;white-space:nowrap}
.btn:hover{border-color:var(--o);transform:translateY(-1px)}
.btn.orange{background:linear-gradient(135deg,var(--o2),var(--o));border-color:var(--o);color:#0a0a0a;box-shadow:0 10px 30px -8px #ff820066}
.btn.orange:hover{box-shadow:0 14px 36px -6px #ff8200aa;transform:translateY(-2px)}
.btn.lg{min-height:52px;padding:0 26px;font-size:12.5px}
.btn.ghost{background:transparent}
.theme-btn,.menu-btn{width:43px;height:43px;border:1px solid var(--line2);border-radius:9px;background:var(--card2);color:var(--text);cursor:pointer}
.theme-btn{font-size:17px}
.menu-btn{display:none;padding:0;position:relative}
.menu-btn span{position:absolute;left:12px;width:19px;height:2px;background:currentColor;transition:.2s;border-radius:2px}
.menu-btn span:nth-child(1){top:14px}
.menu-btn span:nth-child(2){top:21px}
.menu-btn span:nth-child(3){top:28px}
.menu-btn.active span:nth-child(1){top:21px;transform:rotate(45deg)}
.menu-btn.active span:nth-child(2){opacity:0}
.menu-btn.active span:nth-child(3){top:21px;transform:rotate(-45deg)}
.mobile-drawer{display:none}
.drawer-overlay{display:none}

/* ===== reveal / motion ===== */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}

/* ===== HERO ===== */
.hero{min-height:92vh;position:relative;display:flex;align-items:center;overflow:hidden;background:
  radial-gradient(circle at 82% 20%,#ff820022,transparent 40%),
  radial-gradient(circle at 10% 90%,#ff820014,transparent 45%),
  var(--bg)}
.hero:before,.pagehero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#8881 1px,transparent 1px),linear-gradient(90deg,#8881 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 60% at 60% 30%,#000 40%,transparent 90%)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px;padding:60px 0 70px}
.tag{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border:1px solid var(--line2);border-radius:99px;background:var(--card2);font:700 10.5px Rajdhani;letter-spacing:1.5px;color:var(--o)}
.tag i{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);display:inline-block;animation:pulse 2s infinite}
.eyebrow{font:700 11px Rajdhani;letter-spacing:2px;color:var(--o)}
.hero h1,.pagehero h1{font:700 clamp(46px,6vw,80px)/.98 Rajdhani;letter-spacing:-1.5px;text-transform:uppercase;margin:20px 0}
.hero h1 em,.pagehero h1 em,.section-head h2 em{font-style:normal;background:linear-gradient(100deg,var(--o2),var(--o));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p,.pagehero p,.section-head p{color:var(--muted);font-size:15px;line-height:1.8;max-width:560px}
.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.hero-note{margin-top:16px;font-size:11.5px;color:var(--muted2);display:flex;align-items:center;gap:8px}
.hero-note b{color:var(--text)}
.mini-stats{display:grid;grid-template-columns:repeat(4,auto);gap:0;margin-top:44px;padding-top:26px;border-top:1px solid var(--line)}
.mini-stats div{padding-right:22px}
.mini-stats b{display:block;font:700 22px Rajdhani;color:var(--text)}
.mini-stats span{font:700 9px Rajdhani;letter-spacing:1.2px;color:var(--muted2)}

/* cloud visual */
.cloudvisual{height:460px;position:relative;display:flex;align-items:center;justify-content:center}
.rings{position:absolute;width:420px;height:420px;border-radius:50%;border:1px dashed var(--line2);animation:spin 40s linear infinite}
.rings:before,.rings:after{content:"";position:absolute;inset:38px;border-radius:50%;border:1px dashed var(--line)}
.rings:after{inset:78px}
@keyframes spin{to{transform:rotate(360deg)}}
.stack{position:relative;width:300px;transform:perspective(900px) rotateY(-8deg) rotateX(2deg)}
.node{height:70px;margin:8px 0;background:linear-gradient(105deg,#34373a,#0c0d0e 58%,#222427);border:1px solid #4a4d50;border-radius:10px;display:flex;align-items:center;padding:0 16px;gap:14px;box-shadow:0 15px 30px #0006;position:relative;overflow:hidden}
.node:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,#fff1,transparent);transform:translateX(-100%);animation:sheen 4s infinite}
.node:nth-child(2):before{animation-delay:.6s}
.node:nth-child(3):before{animation-delay:1.2s}
.node:nth-child(4):before{animation-delay:1.8s}
@keyframes sheen{100%{transform:translateX(100%)}}
.vent{width:90px;height:34px;background:repeating-linear-gradient(90deg,#050505 0 3px,#34373a 3px 5px);border-radius:3px}
.node strong{font:700 10px Rajdhani;color:#8b8f93;letter-spacing:.5px}
.lights{margin-left:auto;display:flex;gap:5px}
.lights i{width:5px;height:5px;border-radius:50%;background:var(--o);box-shadow:0 0 8px var(--o);display:block}
.lights i:nth-child(2){background:#3ddc84;box-shadow:0 0 8px #3ddc84}
.float{position:absolute;padding:12px 16px;background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:var(--shadow);animation:float 5s ease-in-out infinite}
.float small{display:block;font:700 8.5px Rajdhani;letter-spacing:1px;color:var(--muted2)}
.float b{font:700 15px Rajdhani;color:var(--o)}
.f1{top:6%;left:-4%;animation-delay:0s}
.f2{bottom:14%;right:-6%;animation-delay:1.2s}
.f3{top:44%;right:-10%;animation-delay:2.4s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* ===== TRUST STRIP ===== */
.trustbar{border-block:1px solid var(--line);background:var(--card)}
.trustgrid{display:flex;justify-content:space-between;padding:26px 0;flex-wrap:wrap;gap:20px}
.trustitem{display:flex;align-items:center;gap:10px}
.trustitem em{font-style:normal;font-size:18px;color:var(--o)}
.trustitem b{display:block;font:700 15px Rajdhani}
.trustitem span{font:700 8.5px Rajdhani;letter-spacing:1.2px;color:var(--muted2)}

/* ===== SECTIONS ===== */
.section{padding:100px 0}
.alt{background:color-mix(in srgb,var(--card) 45%,var(--bg));border-block:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px}
.section-head h2{font:700 clamp(36px,4vw,54px)/.98 Rajdhani;text-transform:uppercase;margin:8px 0}
.center{text-align:center}
.center .section-head{display:block}
.center .section-head p{margin-inline:auto}

/* ===== PRODUCT BENTO ===== */
.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.product{min-height:340px;padding:26px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);position:relative;transition:.25s;display:flex;flex-direction:column}
.product:hover{border-color:var(--o);transform:translateY(-4px);box-shadow:var(--glow)}
.product.featured{background:linear-gradient(165deg,var(--card3),var(--card))}
.prod-icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--o2),var(--o));display:flex;align-items:center;justify-content:center;font:800 11px Rajdhani;color:#0a0a0a;margin-bottom:18px}
.product h3{font:700 22px Rajdhani;text-transform:uppercase;margin:0 0 8px}
.product p{font-size:12px;line-height:1.75;color:var(--muted);margin:0 0 14px}
.product ul{list-style:none;padding:0;margin:0 0 50px}
.product li{font-size:11.5px;line-height:1.9;color:var(--muted)}
.product li:before{content:"✓";color:var(--o);margin-right:8px;font-weight:700}
.product>a.cta-link{position:absolute;bottom:24px;left:26px;right:26px;color:var(--o);font:700 11px Rajdhani;letter-spacing:.5px;display:flex;align-items:center;gap:6px}

/* ===== FEATURE GRID (bento) ===== */
.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.feature{padding:30px;background:var(--bg);transition:.2s}
.feature:hover{background:var(--card)}
.feature i{font:700 11px Rajdhani;color:var(--o2);opacity:.5}
.feature h3{font:700 19px Rajdhani;text-transform:uppercase;margin:8px 0}
.feature p{font-size:11.5px;line-height:1.8;color:var(--muted);margin:0}

/* ===== STATUS / SIGNATURE STRIP ===== */
.statusbar{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px 30px;display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:20px;align-items:center}
.status-live{display:flex;align-items:center;gap:10px;font:700 12px Rajdhani;letter-spacing:.5px}
.status-live i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);animation:pulse 2s infinite}
.status-metric{border-left:1px solid var(--line);padding-left:20px}
.status-metric b{display:block;font:700 26px var(--mono);color:var(--o)}
.status-metric span{font:700 9px Rajdhani;letter-spacing:1.2px;color:var(--muted2)}

/* ===== TESTIMONIALS ===== */
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.testi{padding:28px;background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.stars{color:var(--o);letter-spacing:2px;font-size:14px;margin-bottom:14px}
.testi p{font-size:13px;line-height:1.85;color:var(--text);margin:0 0 20px}
.testi-who{display:flex;align-items:center;gap:10px}
.testi-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--o2),var(--o));display:flex;align-items:center;justify-content:center;font:800 12px Rajdhani;color:#0a0a0a}
.testi-who b{display:block;font-size:12.5px}
.testi-who span{font-size:11px;color:var(--muted2)}

/* ===== FAQ ===== */
.faq{max-width:820px;margin:auto;display:flex;flex-direction:column;gap:10px}
.faq-item{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
.faq-q{width:100%;text-align:left;padding:20px 22px;background:none;border:0;color:var(--text);font:700 14px Manrope;display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:16px}
.faq-q span{flex:none;font-size:18px;color:var(--o);transition:.25s}
.faq-item.open .faq-q span{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-a p{padding:0 22px 20px;margin:0;font-size:13px;line-height:1.8;color:var(--muted)}

/* ===== PRICING (card style) ===== */
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.plan{position:relative;padding:28px 24px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;transition:.25s}
.plan:hover{transform:translateY(-4px);border-color:var(--line2)}
.plan.popular{border-color:var(--o);background:linear-gradient(165deg,#2a1608,var(--card) 55%);box-shadow:var(--glow)}
html[data-theme=light] .plan.popular{background:linear-gradient(165deg,#fff2e0,#fff 55%)}
.plan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--o2),var(--o));color:#0a0a0a;font:800 9.5px Rajdhani;letter-spacing:1px;padding:6px 14px;border-radius:99px;white-space:nowrap}
.plan-label{font:700 9.5px Rajdhani;color:var(--muted2);letter-spacing:1.5px}
.plan-name{font:700 23px Rajdhani;text-transform:uppercase;margin:8px 0 14px}
.plan-price{font:700 40px Rajdhani;display:flex;align-items:baseline;gap:6px}
.plan-price small{font:600 10px Manrope;color:var(--muted)}
.plan-strike{font:600 12px Manrope;color:var(--muted2);text-decoration:line-through;margin-left:6px}
.plan-list{list-style:none;padding:0;margin:20px 0 26px;flex:1;display:flex;flex-direction:column;gap:10px}
.plan-list li{font-size:12px;color:var(--muted);display:flex;gap:8px;line-height:1.5}
.plan-list li b{color:var(--text);font-weight:700}
.plan-list li:before{content:"✓";color:var(--o);font-weight:800;flex:none}
.plan .btn{width:100%}
.mobile-price-note{display:none;color:var(--muted);font-size:11px;margin-bottom:10px}

/* legacy table pricing (still used as fallback) */
.pricing-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 20px 60px #0002}
.pricing-table{width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed}
.pricing-table th,.pricing-table td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px;text-align:center}
.pricing-table tr:last-child td{border-bottom:0}
.pricing-table th:last-child,.pricing-table td:last-child{border-right:0}
.pricing-table th:first-child,.pricing-table td:first-child{text-align:left;width:180px}
.pricing-table thead th{vertical-align:top;padding:22px 16px;background:var(--card2)}
.pricing-table thead th.popular{background:linear-gradient(180deg,#3b210d,var(--card2));border-top:3px solid var(--o)}
html[data-theme=light] .pricing-table thead th.popular{background:linear-gradient(180deg,#fff0df,#fff)}

/* ===== GUARANTEE BAR ===== */
.guarantee{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.g-item{padding:22px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);text-align:center}
.g-item i{font-size:22px}
.g-item b{display:block;font:700 13px Rajdhani;text-transform:uppercase;margin:8px 0 4px}
.g-item span{font-size:11px;color:var(--muted2)}

/* ===== CONTENT / LEGAL ===== */
.pagehero{min-height:400px;display:flex;align-items:center;position:relative;overflow:hidden}
.pagehero .wrap{position:relative;z-index:1}
.content{max-width:950px;margin:auto}
.content h2{font:700 28px Rajdhani;text-transform:uppercase;margin-top:38px}
.content p,.content li{font-size:13px;line-height:1.85;color:var(--muted)}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}
.contact-card,.form{padding:28px;background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.contact-card div{margin-bottom:18px}
.contact-card small{display:block;font:700 9.5px Rajdhani;letter-spacing:1.2px;color:var(--muted2);margin-bottom:5px}
.form input,.form select,.form textarea{width:100%;padding:13px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);font-family:Manrope}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--o)}
.form label{display:block;font-size:10.5px;font-weight:700;letter-spacing:.5px;margin:14px 0 7px;color:var(--muted2)}
.form textarea{height:130px;resize:vertical}
.notice{padding:20px;background:var(--card);border-left:3px solid var(--o);color:var(--muted);border-radius:0 var(--r-sm) var(--r-sm) 0}

/* ===== CTA ===== */
.cta{padding:80px 0;background:linear-gradient(120deg,var(--o2),#ff7600);color:#0a0908;text-align:center;position:relative;overflow:hidden}
.cta:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#0002 1px,transparent 1px),linear-gradient(90deg,#0002 1px,transparent 1px);background-size:50px 50px;opacity:.4}
.cta>*{position:relative}
.cta h2{font:700 56px Rajdhani;text-transform:uppercase;margin:6px}
.cta p{opacity:.75;font-weight:600;margin-bottom:22px}
.cta .btn{background:#0a0908;color:#fff;border-color:#0a0908}
.cta .btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px #0009}

/* ===== STICKY MOBILE CTA ===== */
.sticky-cta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--header);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:12px 16px;align-items:center;justify-content:space-between;gap:12px}
.sticky-cta b{font:700 13px Rajdhani}
.sticky-cta span{display:block;font-size:10px;color:var(--muted2)}

/* ===== FOOTER ===== */
footer{background:#0a0b0d;border-top:1px solid #25282b;color:#fff}
html[data-theme=light] footer{background:#111316}
.footer{padding:60px 0;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:35px}
.footer-logo{width:200px}
.footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer>div>b{font:800 12px Manrope;color:#fff;letter-spacing:.05em}
.footer a,.footer p{font:500 13px/1.7 Manrope;color:#949aa0}
.footer a:hover{color:#fff}
.copy{border-top:1px solid #25282b;padding:20px 0;display:flex;justify-content:space-between;color:#747a80;font:600 11px Manrope}

/* ===== RESPONSIVE ===== */
@media(max-width:980px){
  .announce{display:none}
  .site-header{height:70px}
  .head{gap:9px}
  .brand img{width:175px}
  .desktop-nav,.head-actions{display:none}
  .theme-btn{margin-left:auto}
  .menu-btn{display:block}
  .mobile-drawer{display:flex;position:fixed;z-index:120;top:70px;right:0;width:min(88vw,380px);height:calc(100dvh - 70px);background:var(--card);border-left:1px solid var(--line);padding:18px;flex-direction:column;overflow:auto;transform:translateX(105%);transition:.25s;box-shadow:-25px 0 70px #0006}
  .mobile-drawer.open{transform:none}
  .drawer-overlay{display:block;position:fixed;z-index:110;inset:70px 0 0;background:#0009;opacity:0;visibility:hidden;transition:.2s}
  .drawer-overlay.show{opacity:1;visibility:visible}
  .mobile-drawer>a,.mobile-group>button{width:100%;min-height:49px;padding:0 13px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--text);text-align:left;font:700 14px Manrope}
  .mobile-group>button{display:flex;align-items:center;justify-content:space-between}
  .mobile-sub{display:none;padding:6px 0 8px 12px}
  .mobile-group.open .mobile-sub{display:block}
  .mobile-sub a{display:block;padding:11px 13px;color:var(--muted);font-size:13px}
  .hero{min-height:auto}
  .hero-grid{grid-template-columns:1fr;padding:40px 0 50px}
  .cloudvisual{height:320px;opacity:.35;position:absolute;right:-10%;top:10%;width:70%}
  .mini-stats{grid-template-columns:1fr 1fr;gap:16px 0}
  .products{grid-template-columns:1fr 1fr}
  .featuregrid{grid-template-columns:1fr 1fr}
  .testimonials{grid-template-columns:1fr}
  .plans{grid-template-columns:1fr 1fr}
  .statusbar{grid-template-columns:1fr 1fr;gap:18px}
  .status-metric{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:14px}
  .guarantee{grid-template-columns:1fr 1fr}
  .footer{grid-template-columns:2fr 1fr 1fr}
  .contact{grid-template-columns:1fr}
  .mobile-price-note{display:block}
  .sticky-cta{display:flex}
  main{padding-bottom:70px}
}
@media(max-width:620px){
  .wrap{width:100%;padding-inline:15px}
  .brand img{width:150px}
  .theme-btn,.menu-btn{width:40px;height:40px}
  .hero h1,.pagehero h1{font-size:42px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn{width:100%}
  .section{padding:64px 0}
  .section-head{display:block}
  .products,.featuregrid,.plans,.guarantee{grid-template-columns:1fr}
  .trustgrid{justify-content:space-between}
  .pricing-wrap{margin-inline:-15px;border-radius:0;border-left:0;border-right:0}
  .pricing-table{min-width:820px}
  .pricing-table th,.pricing-table td{padding:14px 12px}
  .footer{grid-template-columns:1fr 1fr;padding:45px 15px}
  .footer>div:first-child{grid-column:1/-1}
  .copy{padding:18px 15px;flex-direction:column;gap:7px}
  .cta h2{font-size:38px}
  .statusbar{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
  .brand img{width:135px}
  .footer{grid-template-columns:1fr}
  .footer>div:first-child{grid-column:auto}
}


/* Node4VM logo theme fix */
.brand{display:flex!important;align-items:center!important;flex:0 0 auto!important;width:228px!important;height:62px!important;overflow:visible!important;position:relative!important}
.brand img{display:block!important;width:100%!important;height:58px!important;max-width:228px!important;max-height:58px!important;object-fit:contain!important;object-position:left center!important;transition:.25s ease!important}
html:not([data-theme="light"]) .brand img{content:url("node4vm-logo-dark.webp")!important;filter:drop-shadow(0 0 5px rgba(255,130,0,.55)) drop-shadow(0 0 16px rgba(255,130,0,.28))!important}
html[data-theme="light"] .brand img{content:url("node4vm-logo-light.webp")!important;filter:none!important}
html:not([data-theme="light"]) .brand:after{content:"";position:absolute;inset:10px 8px;z-index:-1;background:radial-gradient(ellipse,rgba(255,126,0,.18),transparent 68%);filter:blur(11px);pointer-events:none}
.brand:hover img{transform:scale(1.015)}
.footer-logo{width:220px!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 0 7px rgba(255,130,0,.28))}
@media(max-width:1100px){.brand{width:200px!important}.brand img{max-width:200px!important}}
@media(max-width:980px){.brand{width:180px!important;height:58px!important}.brand img{height:51px!important;max-width:180px!important}}
@media(max-width:620px){.brand{width:155px!important;height:52px!important}.brand img{height:46px!important;max-width:155px!important}.footer-logo{width:190px!important}}
@media(max-width:390px){.brand{width:140px!important}.brand img{max-width:140px!important}}


/* === Node4VM V9 Premium Mega Footer === */
.mega-footer{background:radial-gradient(circle at 18% 35%,#1b2025 0,#101316 35%,#090b0d 78%);color:#fff;border-top:1px solid #34383c;font-family:Manrope,Arial,sans-serif}
.footer-benefits{border-bottom:1px solid #303438;background:#0c0f12}
.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.benefit{min-height:145px;padding:31px 27px;display:flex;gap:16px;border-right:1px solid #24282c;background:linear-gradient(135deg,#161a1e,#101316);transition:.25s}
.benefit:last-child{border-right:0}.benefit:hover{background:#181c20;transform:translateY(-2px)}
.benefit-icon{flex:0 0 37px;height:37px;display:grid;place-items:center;color:#ff8200;border:1px solid #ff820050;border-radius:10px;font-size:20px}
.benefit b{font-size:15px;font-weight:800}.benefit p{margin:8px 0 0;color:#a4a9ae;font-size:12px;line-height:1.75}
.footer-main{padding:65px 0 55px;display:grid;grid-template-columns:2.1fr repeat(3,1fr) 1.35fr;gap:42px}
.footer-brand{padding-right:28px;border-right:1px solid #34383c}.footer-brand img{width:300px!important;height:auto!important;max-width:100%!important;background:#fff;border-radius:10px;padding:8px 12px;object-fit:contain;filter:none!important}
.footer-brand p{max-width:390px;color:#aeb3b8;font-size:13px;line-height:1.85;margin:20px 0}
.socials{display:flex;gap:9px}.socials a{width:39px;height:39px;border:1px solid #3b4045;border-radius:50%;display:grid;place-items:center;color:#d9dcdf;font-size:12px;font-weight:700;transition:.2s}.socials a:hover{color:#ff8200;border-color:#ff8200;transform:translateY(-2px)}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-col>b{font-size:13px!important;font-weight:800!important;color:#fff!important;letter-spacing:.02em!important;margin-bottom:11px;position:relative}.footer-col>b:after{content:"";position:absolute;left:0;bottom:-9px;width:37px;height:2px;background:#ff8200}
.footer-col a,.footer-col p{color:#aeb3b8!important;font-size:12px!important;font-weight:500!important;line-height:1.65!important;margin:0!important;transition:.2s}.footer-col a:before{content:"›";margin-right:8px;color:#fff}.footer-col a:hover{color:#fff!important;transform:translateX(3px)}
.contact-col{border-left:1px solid #34383c;padding-left:28px}.contact-col p{display:flex;gap:9px;margin-bottom:6px!important}.contact-col p span{color:#ff8200;font-size:15px}
.footer-bottom{border-top:1px solid #34383c;padding:31px 0 35px;display:grid;grid-template-columns:1fr 1.4fr .8fr;align-items:center;gap:35px}.secure{display:flex;flex-direction:column;gap:5px}.secure b{font-size:12px}.secure b:first-letter{color:#ff8200}.secure span{font-size:10px;color:#777e84}.copyright{text-align:center;color:#a2a7ac;font-size:11px}.copyright>div{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:10px}.copyright a{color:#c2c6ca}.copyright a:hover{color:#ff8200}.copyright i{width:1px;background:#51565b}
.footer-bottom>img{justify-self:end;width:225px!important;height:auto!important;max-width:100%!important;background:#fff;border-radius:8px;padding:6px 9px;object-fit:contain;filter:none!important}
html[data-theme="light"] .mega-footer{background:radial-gradient(circle at 18% 35%,#1b2025,#0b0d0f 75%);color:#fff}
html[data-theme="light"] .mega-footer a,html[data-theme="light"] .mega-footer p{color:#aeb3b8}
@media(max-width:1050px){.benefits-grid{grid-template-columns:1fr 1fr}.benefit:nth-child(2){border-right:0}.benefit{border-bottom:1px solid #24282c}.footer-main{grid-template-columns:2fr 1fr 1fr}.footer-brand{grid-row:span 2}.contact-col{border-left:0;padding-left:0}.footer-bottom{grid-template-columns:1fr 1fr}.footer-bottom>img{display:none}}
@media(max-width:700px){.benefits-grid{grid-template-columns:1fr}.benefit{min-height:auto;border-right:0;padding:23px 18px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 22px;padding:48px 18px}.footer-brand{grid-column:1/-1;grid-row:auto;border-right:0;padding-right:0;border-bottom:1px solid #34383c;padding-bottom:35px}.footer-brand img{width:270px!important}.contact-col{grid-column:1/-1;border-top:1px solid #34383c;padding-top:28px}.footer-bottom{grid-template-columns:1fr;padding:27px 18px;text-align:left}.copyright{text-align:left}.copyright>div{justify-content:flex-start}.footer-bottom>img{display:block;justify-self:start;width:205px!important}}
@media(max-width:430px){.footer-main{grid-template-columns:1fr}.footer-col,.contact-col{grid-column:auto}.footer-brand img{width:245px!important}}


/* === Node4VM V10 footer: matched to supplied reference === */
.n4-footer{background:radial-gradient(circle at 48% 55%,#1b2024 0,#111519 42%,#090c0f 100%);color:#f6f6f6;font-family:Manrope,Arial,sans-serif;border-top:1px solid #30353a}
.n4-trust{border-bottom:1px solid #353a3f;background:#0d1013;padding:0 0 88px}
.n4-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.n4-trust-card{min-height:170px;display:flex;gap:22px;padding:37px 28px;background:linear-gradient(135deg,#181c20,#121519);border-right:20px solid #0b0e11;border-radius:0 0 12px 12px}
.n4-trust-card:last-child{border-right:0}.n4-ico{color:#ff7800;font-size:34px;line-height:1}.n4-trust-card b{font-size:17px;font-weight:800}.n4-trust-card p{color:#c3c6c9!important;font-size:13px!important;line-height:1.8!important;margin:9px 0 0!important}
.n4-footer-main{display:grid;grid-template-columns:2.15fr 1.25fr 1.25fr 1.25fr 1.55fr;padding:47px 0 50px;gap:0}
.n4-about{padding:0 45px 0 0;border-right:1px solid #3a3f44}.n4-footer-logo{width:335px!important;max-width:100%!important;height:145px!important;object-fit:contain!important;object-position:left center!important;filter:drop-shadow(0 0 12px rgba(255,116,0,.16))!important}
.n4-about>p{color:#d0d2d4!important;font-size:13px!important;line-height:1.85!important;margin:12px 0 30px!important;max-width:390px}
.n4-social{display:flex;gap:13px}.n4-social a{width:43px;height:43px;border:1px solid #454a4f;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:800;background:#ffffff05;transition:.2s}.n4-social a:hover{border-color:#ff7800;color:#ff7800;transform:translateY(-2px)}
.n4-links,.n4-contact{padding:3px 27px;border-right:1px solid #3a3f44}.n4-contact{border-right:0;padding-right:0}
.n4-links h3,.n4-contact h3{font-size:17px!important;font-weight:800!important;margin:0 0 30px!important;color:#fff!important;position:relative}.n4-links h3:after,.n4-contact h3:after{content:"";position:absolute;left:0;bottom:-13px;width:35px;height:2px;background:#ff7800}
.n4-links a{display:block;color:#e0e2e4!important;font-size:13px!important;font-weight:500!important;margin:0 0 22px!important;white-space:nowrap;transition:.2s}.n4-links a:before{content:"→";font-size:11px;margin-right:12px;color:#fff}.n4-links a:hover{color:#ff7800!important;transform:translateX(3px)}
.n4-contact p{display:flex;gap:15px;align-items:flex-start;margin:0 0 25px!important;color:#fff!important}.n4-contact p span{color:#ff7800;font-size:23px;line-height:1}.n4-contact p b{font-size:13px;font-weight:500;line-height:1.75;color:#f1f1f1}
.n4-footer-bottom{border-top:1px solid #3b4045;display:grid;grid-template-columns:1.1fr 1.45fr 1fr;align-items:center;gap:40px;padding:43px 0 47px}
.n4-pay-title{display:flex;align-items:center;gap:13px;margin-bottom:18px}.n4-pay-title span{font-size:28px;color:#ff7800}.n4-pay-title b{font-size:14px}.n4-payment-badges{display:flex;gap:7px;flex-wrap:wrap}.n4-payment-badges i{font-style:normal;min-width:58px;height:34px;padding:0 8px;background:#fff;border-radius:3px;display:grid;place-items:center;color:#1b55a1;font-size:12px;font-weight:900;box-shadow:inset 0 0 0 1px #ddd}.n4-payment-badges i:nth-child(2){color:#e93b27}.n4-payment-badges i:nth-child(3){color:#555}.n4-payment-badges i:nth-child(4){color:#293b87}.n4-payment-badges i:nth-child(5){color:#183c80}
.n4-copy{text-align:center}.n4-copy p{color:#f0f0f0!important;font-size:12px!important;margin:0 0 18px!important}.n4-copy>div{display:flex;justify-content:center;align-items:center;gap:11px;flex-wrap:wrap}.n4-copy a{color:#e1e3e5!important;font-size:11px}.n4-copy a:hover{color:#ff7800!important}.n4-copy em{height:18px;width:1px;background:#777;display:block}
.n4-bottom-logo{justify-self:end;width:290px!important;height:125px!important;max-width:100%!important;object-fit:contain!important;object-position:right center!important;filter:drop-shadow(0 0 12px rgba(255,116,0,.14))!important}
html[data-theme=light] .n4-footer,html[data-theme=light] .n4-trust{color:#fff}
@media(max-width:1100px){.n4-trust{padding-bottom:55px}.n4-trust-grid{grid-template-columns:1fr 1fr}.n4-trust-card:nth-child(2){border-right:0}.n4-footer-main{grid-template-columns:2fr 1fr 1fr}.n4-about{grid-row:span 2}.n4-contact{border-top:1px solid #3a3f44;padding-top:28px}.n4-footer-bottom{grid-template-columns:1fr 1.4fr}.n4-bottom-logo{display:none}}
@media(max-width:720px){.n4-trust{padding-bottom:38px}.n4-trust-grid{grid-template-columns:1fr}.n4-trust-card{min-height:auto;border-right:0;border-bottom:12px solid #0b0e11;padding:25px 18px}.n4-footer-main{grid-template-columns:1fr 1fr;padding:42px 18px;gap:36px 0}.n4-about{grid-column:1/-1;grid-row:auto;border-right:0;border-bottom:1px solid #3a3f44;padding:0 0 36px}.n4-footer-logo{width:310px!important;height:125px!important}.n4-links,.n4-contact{padding-left:0;border-right:0}.n4-links:nth-of-type(2),.n4-contact{padding-left:20px}.n4-contact{grid-column:1/-1;padding-left:0!important}.n4-footer-bottom{grid-template-columns:1fr;padding:32px 18px}.n4-copy{text-align:left}.n4-copy>div{justify-content:flex-start}.n4-bottom-logo{display:block;justify-self:start;width:250px!important;height:100px!important}}
@media(max-width:430px){.n4-footer-main{grid-template-columns:1fr}.n4-about,.n4-contact{grid-column:auto}.n4-links:nth-of-type(2){padding-left:0}.n4-links{border-bottom:1px solid #30353a;padding-bottom:16px}.n4-payment-badges i{min-width:52px}}