
/* ===== V12 PRODUCT HERO + RESPONSIVE PRICING SAFETY LAYER ===== */
.n4-anchor{position:relative;top:-85px;visibility:hidden}
.n4-product-hero{position:relative;overflow:hidden;padding:88px 0 82px;border-bottom:1px solid var(--line,#30353a);background:
radial-gradient(circle at 82% 28%,rgba(255,125,0,.15),transparent 28%),
linear-gradient(135deg,var(--bg,#080a0c),color-mix(in srgb,var(--bg,#080a0c) 92%,#ff7d00))}
.n4-product-hero:before{content:"";position:absolute;inset:0;opacity:.24;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to right,transparent,#000 45%,#000)}
.n4-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:70px}
.n4-hero-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#ff7d00;font:800 10px Rajdhani,Manrope,sans-serif;letter-spacing:2.3px;margin-bottom:18px}.n4-hero-eyebrow:before{content:"";width:32px;height:2px;background:#ff7d00}
.n4-hero-copy h1{max-width:760px;margin:0;font:800 clamp(48px,5.2vw,78px)/.92 Rajdhani,Manrope,sans-serif;text-transform:uppercase;letter-spacing:-2px}.n4-hero-copy h1 em{font-style:normal;color:#ff7d00}
.n4-hero-copy>p{max-width:670px;margin:23px 0 20px;color:var(--muted,#a1a6ab);font-size:14px;line-height:1.85}.n4-hero-copy ul{display:flex;flex-wrap:wrap;gap:10px 20px;padding:0;margin:0 0 28px;list-style:none}.n4-hero-copy li{font-size:12px;font-weight:700;color:var(--text,#fff)}.n4-hero-copy li span{color:#ff7d00;margin-right:7px}
.n4-hero-actions{display:flex;flex-wrap:wrap;gap:11px}.n4-primary-btn,.n4-secondary-btn{min-height:48px;padding:0 20px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;transition:.25s}.n4-primary-btn{background:linear-gradient(135deg,#ff9d18,#ff7200);color:#090909;box-shadow:0 14px 35px rgba(255,120,0,.18)}.n4-primary-btn:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(255,120,0,.28)}.n4-secondary-btn{border:1px solid var(--line,#3a3f44);color:var(--text,#fff);background:color-mix(in srgb,var(--card,#111417) 80%,transparent)}.n4-hero-copy small{display:block;margin-top:16px;color:var(--muted,#8f959a);font-size:9px}
.n4-hero-visual{height:430px;position:relative;display:grid;place-items:center}.n4-hero-visual:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(255,125,0,.18),transparent 67%);filter:blur(5px);animation:n4pulse 4s ease-in-out infinite}
.n4-orbit{position:absolute;border:1px solid rgba(255,125,0,.28);border-radius:50%;animation:n4spin 16s linear infinite}.n4-orbit-one{width:330px;height:330px}.n4-orbit-two{width:410px;height:250px;transform:rotate(-28deg);animation-duration:21s;animation-direction:reverse}
.n4-server-stack{position:relative;z-index:2;width:235px;height:250px;padding:30px 26px;border-radius:28px;background:linear-gradient(145deg,#20252a,#0d1013);border:1px solid #ff7d0044;box-shadow:0 35px 90px #0007,0 0 55px #ff7d0017;transform:perspective(800px) rotateY(-10deg) rotateX(5deg);animation:n4float 4.5s ease-in-out infinite}.n4-server-stack i{display:block;height:48px;margin-bottom:13px;border:1px solid #454b50;border-radius:8px;background:linear-gradient(90deg,#181c20,#292f34);position:relative}.n4-server-stack i:before{content:"";position:absolute;left:14px;top:18px;width:8px;height:8px;border-radius:50%;background:#ff7d00;box-shadow:18px 0 #606970}.n4-server-stack i:after{content:"";position:absolute;right:14px;top:20px;width:70px;height:4px;border-radius:5px;background:#4b5359}.n4-server-stack>span{position:absolute;right:22px;bottom:12px;color:#ff7d00;font:800 11px Rajdhani;letter-spacing:2px}
.n4-float-card{position:absolute;z-index:4;min-width:132px;padding:13px 15px;border:1px solid #ffffff18;border-radius:11px;background:rgba(16,19,22,.88);backdrop-filter:blur(14px);box-shadow:0 18px 50px #0005;animation:n4float 5s ease-in-out infinite}.n4-float-card b{display:block;color:#ff7d00;font:800 18px Rajdhani}.n4-float-card span{display:block;color:#d3d6d8;font-size:9px;margin-top:3px}.n4-fc1{left:0;top:70px}.n4-fc2{right:0;top:145px;animation-delay:-1.2s}.n4-fc3{left:55px;bottom:30px;animation-delay:-2.1s}
@keyframes n4spin{to{transform:rotate(360deg)}}@keyframes n4float{50%{transform:translateY(-10px)}}@keyframes n4pulse{50%{transform:scale(1.08);opacity:.7}}

/* Keep existing pricing content; make all common pricing structures responsive. */
.pricing,.plans,.pricing-section,.plans-section,[class*="pricing-grid"],[class*="plans-grid"],[class*="price-grid"]{max-width:100%!important}
[class*="pricing-grid"],[class*="plans-grid"],[class*="price-grid"]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}
[class*="pricing-card"],[class*="plan-card"],[class*="price-card"]{min-width:0!important;width:100%!important;height:100%!important;overflow:hidden!important}
[class*="pricing-card"] ul,[class*="plan-card"] ul,[class*="price-card"] ul{padding-left:0!important}
[class*="pricing-card"] a,[class*="plan-card"] a,[class*="price-card"] a{max-width:100%!important}
.pricing table,.plans table,[class*="pricing"] table{width:100%!important;border-collapse:separate!important;border-spacing:0!important}
.n4-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:1080px){.n4-hero-grid{grid-template-columns:1fr 420px;gap:35px}[class*="pricing-grid"],[class*="plans-grid"],[class*="price-grid"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:820px){.n4-product-hero{padding:65px 0}.n4-hero-grid{grid-template-columns:1fr;gap:35px}.n4-hero-copy h1{font-size:clamp(45px,10vw,66px)}.n4-hero-visual{height:350px;max-width:520px;width:100%;margin:auto}.n4-server-stack{width:205px;height:225px}.n4-orbit-one{width:285px;height:285px}.n4-orbit-two{width:350px;height:220px}.n4-fc1{left:5%;top:45px}.n4-fc2{right:5%;top:120px}.n4-fc3{left:15%;bottom:15px}}
@media(max-width:620px){.n4-product-hero{padding:50px 0 56px}.n4-product-hero .wrap{padding-inline:18px}.n4-hero-copy h1{font-size:42px;letter-spacing:-1px}.n4-hero-copy>p{font-size:12px}.n4-hero-copy ul{display:grid;gap:9px}.n4-hero-actions{display:grid;grid-template-columns:1fr}.n4-primary-btn,.n4-secondary-btn{width:100%}.n4-hero-visual{height:300px}.n4-server-stack{width:170px;height:195px;padding:23px 20px}.n4-server-stack i{height:38px;margin-bottom:10px}.n4-orbit-one{width:235px;height:235px}.n4-orbit-two{width:285px;height:180px}.n4-float-card{min-width:108px;padding:10px 11px}.n4-float-card b{font-size:15px}.n4-fc1{left:0}.n4-fc2{right:0}.n4-fc3{left:8%;bottom:0}[class*="pricing-grid"],[class*="plans-grid"],[class*="price-grid"]{grid-template-columns:1fr!important}.pricing table,.plans table,[class*="pricing"] table{min-width:680px!important}}
@media(prefers-reduced-motion:reduce){.n4-orbit,.n4-server-stack,.n4-float-card,.n4-hero-visual:before{animation:none!important}}
