:root{
  color-scheme:dark;
  --bg:#020713;
  --bg-2:#06111f;
  --panel:rgba(4,12,24,.72);
  --panel-2:rgba(8,18,34,.82);
  --line:rgba(80,145,230,.28);
  --line-strong:rgba(70,150,255,.62);
  --text:#f7fbff;
  --muted:#9fb0c6;
  --blue:#3488ff;
  --cyan:#13d8ff;
  --violet:#8a4dff;
  --shadow:0 24px 70px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:auto;background:#020713}
body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 68% 12%,rgba(53,132,255,.18),transparent 31rem),
    radial-gradient(circle at 20% 52%,rgba(24,219,255,.08),transparent 26rem),
    linear-gradient(180deg,#030711 0%,#020713 45%,#04101e 100%);
  color:var(--text);
  font-family:"Manrope","Inter","Segoe UI",system-ui,sans-serif;
  font-weight:500;
}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.site-shell{width:min(1390px,calc(100% - 48px));margin:0 auto;padding:16px 0 34px}
.topbar{
  position:sticky;top:14px;z-index:20;
  height:74px;padding:0 24px;
  display:flex;align-items:center;justify-content:space-between;gap:26px;
  border:1px solid rgba(105,154,220,.24);border-radius:12px;
  background:rgba(3,8,17,.72);backdrop-filter:blur(18px);
  box-shadow:0 18px 60px rgba(0,0,0,.34);
}
.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:900;letter-spacing:-.04em}
.brand img{width:44px;height:44px;object-fit:contain}.nav{display:flex;align-items:center;gap:36px;color:#e7edf7;font-size:15px}.nav a{opacity:.9}.nav a:hover{opacity:1;color:#7db7ff}.top-actions{display:flex;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 28px;border-radius:7px;border:1px solid rgba(104,154,230,.34);font-weight:800;font-size:14px;transition:.18s ease}.btn:hover{transform:translateY(-1px);border-color:rgba(125,183,255,.75)}.btn.primary{border:0;background:linear-gradient(135deg,#318cff,#9148ff);box-shadow:0 12px 34px rgba(68,120,255,.28);color:white}.btn.ghost{background:rgba(1,7,18,.62)}.btn.outline{width:100%;background:rgba(5,14,30,.32);color:#7db7ff}.btn.cyan{color:#4ff5ff;border-color:rgba(41,231,255,.55)}.btn.arrow::after{content:"\2192";margin-left:16px;font-size:18px}
.hero{
  position:relative;min-height:430px;margin-top:18px;padding:46px 38px;
  display:flex;align-items:flex-start;overflow:hidden;border-radius:0;
  background:
    linear-gradient(90deg,rgba(2,7,16,.96) 0%,rgba(2,7,16,.84) 34%,rgba(2,7,16,.18) 68%,rgba(2,7,16,.78) 100%),
    url('/assets/img/redesign/hero-space-final.png?v=20260519final3') center right/cover no-repeat;
}
.hero::after{content:"";position:absolute;inset:auto -7% 0 34%;height:62%;background:radial-gradient(ellipse at 55% 80%,rgba(44,139,255,.28),transparent 58%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:680px}.eyebrow{margin:0 0 12px;color:#6db1ff;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900}.hero h1{margin:0;font-size:70px;line-height:.98;letter-spacing:-.065em;font-weight:950;text-shadow:0 4px 26px rgba(0,0,0,.46)}.hero-text{max-width:560px;margin:20px 0 28px;color:#c2cad8;font-size:21px;line-height:1.45}.hero-actions{display:flex;gap:22px}.planet{display:none}
.spec-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:-50px auto 30px;position:relative;z-index:5}.spec-card{margin:0;padding:0;border:0;background:transparent;line-height:0}.spec-card img{display:block;width:100%;height:auto;filter:brightness(.88) saturate(.86) drop-shadow(0 10px 22px rgba(21,99,255,.10))}
.section{margin-top:18px}.section-head{text-align:center;margin:0 0 22px}.section h2,.panel-section h2,.faq h2{margin:0 0 8px;text-align:center;font-size:28px;letter-spacing:-.04em}.section-head p{margin:0;color:var(--muted)}.tariff-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tariff-card{position:relative;min-height:375px;padding:24px;border:1px solid rgba(104,154,230,.26);border-radius:11px;background:linear-gradient(180deg,rgba(7,17,31,.78),rgba(2,8,18,.7));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.tariff-card.popular{border-color:rgba(111,163,255,.7);box-shadow:0 0 0 1px rgba(132,77,255,.38),0 20px 55px rgba(44,113,255,.16)}.type{display:block;color:#5aa7ff;font-weight:900;font-size:13px}.type.accent{color:#36f0ff}.badge{position:absolute;right:22px;top:22px;padding:6px 15px;border-radius:6px;background:linear-gradient(135deg,#487cff,#944dff);font-size:12px;font-weight:900}.tariff-card h3{margin:8px 0 6px;font-size:28px;letter-spacing:-.04em}.tariff-card p{margin:0 0 18px;color:#aeb8c8;min-height:40px}.tariff-card ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:12px;color:#cfd8e8}.tariff-card li{position:relative;padding-left:26px}.tariff-card li::before{content:"";position:absolute;left:0;top:.35em;width:14px;height:14px;border:1px solid rgba(116,173,255,.6);border-radius:4px;box-shadow:0 0 12px rgba(63,136,255,.28)}.price{margin:20px 0 14px;font-size:31px;font-weight:950;letter-spacing:-.05em}.price span{font-size:15px;color:#aeb8c8;font-weight:600}.all-plans{display:block;margin:18px auto 10px;text-align:center;color:#65a8ff;font-weight:700}
.benefits h2{margin-bottom:16px}.benefit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.benefit-card{margin:0;padding:0;border:0;background:transparent;line-height:0}.benefit-card img{display:block;width:100%;height:auto;filter:brightness(.86) saturate(.84) drop-shadow(0 10px 22px rgba(25,98,255,.10))}
.panel-section{display:grid;grid-template-columns:.52fr .88fr;gap:26px;margin-top:24px;padding:26px;border:1px solid rgba(104,154,230,.24);border-radius:12px;background:linear-gradient(180deg,rgba(5,14,29,.82),rgba(3,10,22,.78));box-shadow:var(--shadow)}.panel-section h2{text-align:left}.panel-copy p{color:#b8c3d4;font-size:17px;line-height:1.55}.checks{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px;color:#d8e4f5}.checks li{position:relative;padding-left:28px}.checks li::before{content:"\2713";position:absolute;left:0;color:#55a2ff;font-weight:900}.panel-preview{display:grid;grid-template-columns:180px 1fr;min-height:300px;border:1px solid rgba(104,154,230,.23);border-radius:10px;overflow:hidden;background:#06101e}.panel-preview aside{display:grid;align-content:start;gap:10px;padding:18px;border-right:1px solid rgba(104,154,230,.18);background:#07162a}.panel-preview aside strong{margin-bottom:8px}.panel-preview aside span{color:#95a7bd}.panel-preview aside .active{padding:8px 10px;border-radius:6px;background:rgba(58,130,255,.18);color:#dfeeff}.dashboard{padding:18px}.dash-head{display:flex;justify-content:space-between;margin-bottom:14px}.dash-head span{color:#46e48d}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}.metric-card{margin:0;padding:0;border:0;background:transparent;line-height:0}.metric-card img{display:block;width:100%;height:128px;object-fit:cover;filter:brightness(.88) saturate(.86) drop-shadow(0 8px 18px rgba(13,155,255,.10))}.info-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.info-row span{padding:13px;border:1px solid rgba(104,154,230,.18);border-radius:8px;color:#90a1b8;font-size:13px}.info-row b{color:#eef7ff;font-size:14px}
.faq h2{margin-top:24px}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.faq details{border:1px solid rgba(104,154,230,.2);border-radius:8px;background:rgba(4,13,26,.66)}.faq summary{cursor:pointer;padding:16px 20px;list-style:none}.faq summary::after{content:"+";float:right;color:#9bb2cc;font-weight:900}.faq details[open] summary::after{content:"-"}.faq p{margin:0;padding:0 20px 18px;color:#aeb8c8}.footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;margin-top:22px;padding:28px;border:1px solid rgba(104,154,230,.2);border-radius:12px;background:rgba(4,13,26,.74);color:#c0cadd}.footer h3{margin:0 0 10px}.footer p{margin:8px 0}.footer-brand{font-size:22px}.footer-brand img{width:40px;height:40px}
.support-float{position:fixed;right:26px;bottom:24px;z-index:90}.support-button{height:54px;padding:0 28px;border-radius:14px;border:1px solid rgba(111,168,255,.45);background:linear-gradient(180deg,rgba(17,38,65,.96),rgba(9,21,38,.98));color:#f6fbff;font-size:15px;font-weight:750;letter-spacing:-.02em;box-shadow:0 18px 44px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.03) inset;cursor:pointer}.support-button:hover{transform:translateY(-1px);border-color:rgba(133,190,255,.75)}
@media(max-width:1120px){.nav{gap:24px}.hero h1{font-size:62px}.tariff-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(3,1fr)}.panel-section{grid-template-columns:1fr}.spec-strip{margin-top:-42px}}
@media(max-width:760px){.site-shell{width:min(100% - 22px,1390px);padding-top:10px}.topbar{position:relative;top:0;height:auto;min-height:68px;flex-wrap:wrap;padding:14px}.nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:13px}.top-actions{margin-left:auto}.top-actions .btn{height:40px;padding:0 16px}.hero{min-height:500px;padding:34px 18px;background-position:center bottom}.hero h1{font-size:48px}.hero-text{font-size:17px}.hero-actions{flex-direction:column;align-items:flex-start}.spec-strip{grid-template-columns:1fr;gap:8px;margin:-28px 0 22px}.tariff-grid,.faq-grid{grid-template-columns:1fr}.benefit-grid{grid-template-columns:repeat(2,1fr)}.panel-preview{grid-template-columns:1fr}.panel-preview aside{display:none}.metrics,.info-row{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.support-float{right:14px;bottom:14px}.support-button{height:48px;padding:0 20px}}
@media(max-width:460px){.brand span{font-size:20px}.hero h1{font-size:39px}.benefit-grid{grid-template-columns:1fr}.tariff-card{min-height:auto}.price{font-size:28px}}


/* Contact widget */
.nova-contact-widget{position:fixed;right:26px;bottom:24px;z-index:120;font-family:inherit}.nova-contact-toggle{height:54px;padding:0 28px;border-radius:14px;border:1px solid rgba(111,168,255,.45);background:linear-gradient(180deg,rgba(17,38,65,.96),rgba(9,21,38,.98));color:#f6fbff;font-size:15px;font-weight:650;letter-spacing:-.01em;box-shadow:0 18px 44px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.03) inset;cursor:pointer}.nova-contact-toggle:hover{transform:translateY(-1px);border-color:rgba(133,190,255,.75)}.nova-contact-panel{display:none;position:absolute;right:0;bottom:70px;width:min(420px,calc(100vw - 28px));overflow:hidden;border:1px solid rgba(74,116,161,.58);border-radius:18px;background:linear-gradient(180deg,rgba(12,28,47,.98),rgba(7,17,31,.98));box-shadow:0 28px 80px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.03) inset}.nova-contact-widget.is-open .nova-contact-panel{display:block}.nova-contact-head{display:flex;justify-content:space-between;gap:18px;padding:18px 18px 16px;border-bottom:1px solid rgba(118,168,218,.16)}.nova-contact-head strong{display:block;font-size:18px;font-weight:800;color:#fff}.nova-contact-head span{display:block;margin-top:5px;color:#9fb2c7;font-size:13px}.nova-contact-head button{width:34px;height:34px;border-radius:10px;border:1px solid rgba(130,171,213,.35);background:rgba(255,255,255,.04);color:#f5f8ff;cursor:pointer}.nova-contact-form{display:grid;gap:10px;padding:16px 18px 18px}.nova-contact-form input,.nova-contact-form textarea{width:100%;border:1px solid rgba(89,128,170,.38);border-radius:12px;background:#081522;color:#f8fbff;outline:none;padding:13px 14px;font:inherit}.nova-contact-form input::placeholder,.nova-contact-form textarea::placeholder{color:#7f8fa3}.nova-contact-form textarea{min-height:112px;resize:vertical}.nova-contact-form input:focus,.nova-contact-form textarea:focus{border-color:#3f94ff;box-shadow:0 0 0 3px rgba(63,148,255,.14)}.nova-contact-form button[type=submit]{height:48px;border:0;border-radius:12px;background:#f4f7fb;color:#030813;font-weight:800;cursor:pointer}.nova-contact-form button[disabled]{opacity:.65;cursor:wait}.nova-contact-honey{position:absolute!important;left:-9999px!important;opacity:0!important}.nova-contact-status{min-height:18px;color:#9fb2c7;font-size:13px}.nova-contact-status.is-ok{color:#63ee9f}.nova-contact-status.is-error{color:#ff7d7d}@media(max-width:760px){.nova-contact-widget{right:14px;bottom:14px}.nova-contact-toggle{height:48px;padding:0 20px}.nova-contact-panel{bottom:62px}}
@media(min-width:761px){.nova-contact-widget{right:0;bottom:50%;transform:translateY(50%)}.nova-contact-toggle{width:48px;height:132px;padding:0;border-radius:14px 0 0 14px;writing-mode:vertical-rl;transform:rotate(180deg)}.nova-contact-toggle:hover{transform:rotate(180deg) translateX(1px)}.nova-contact-panel{right:62px;bottom:0}}


/* 2026-05-20: stable landing hero, no injected parallax/canvas dependencies */
.hero{
  min-height:560px!important;
  padding:58px 48px!important;
  align-items:flex-start!important;
  background:
    linear-gradient(90deg,rgba(2,7,16,.99) 0%,rgba(2,7,16,.9) 34%,rgba(2,7,16,.18) 67%,rgba(2,7,16,.8) 100%),
    url('/assets/img/redesign/hero-space-final.png?v=20260520final6') right top / 82% auto no-repeat!important;
}
.hero::after{display:none!important}
.hero-copy{
  position:relative!important;
  z-index:4!important;
  max-width:680px!important;
  margin-left:72px!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  animation:none!important;
}
.hero-copy *{opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important}
@media(max-width:760px){
  .hero{min-height:560px!important;padding:34px 18px!important;background-position:center bottom!important;background-size:auto 100%!important}
  .hero-copy{margin-left:0!important}
}


/* 2026-05-20: PNG widgets must render whole */
.spec-strip{
  align-items:start!important;
  gap:10px!important;
  overflow:visible!important;
}
.spec-card,
.benefit-card,
.metric-card{
  display:block!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
  padding:0!important;
  margin:0!important;
}
.spec-card img,
.benefit-card img,
.metric-card img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
}
.benefit-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:start!important;
  overflow:visible!important;
}
.metrics{
  align-items:start!important;
  gap:10px!important;
  overflow:visible!important;
}
.metric-card img{
  aspect-ratio:360/150!important;
}
@media(max-width:1120px){
  .benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:460px){
  .benefit-grid{grid-template-columns:1fr!important}
}


/* 2026-05-20: cards are HTML/CSS; PNG is used only for inner icons/graphs */
.spec-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important;overflow:visible!important}
.spec-card{display:flex!important;align-items:center!important;gap:18px!important;min-height:100px!important;padding:18px 20px!important;border:1px solid rgba(44,132,255,.45)!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(5,18,36,.9),rgba(2,9,20,.94))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 14px 34px rgba(0,0,0,.24)!important;line-height:1.2!important;margin:0!important;overflow:hidden!important}
.spec-icon{width:62px!important;height:62px!important;object-fit:contain!important;flex:0 0 62px!important;filter:drop-shadow(0 0 14px rgba(44,144,255,.5))!important}
.spec-card strong{display:block;font-size:18px;line-height:1.15;color:#fff;letter-spacing:-.02em}
.spec-card span{display:block;margin-top:7px;font-size:13px;line-height:1.25;color:#9fb1c7}
.benefit-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important;overflow:visible!important}
.benefit-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;min-height:232px!important;padding:24px 14px!important;border:1px solid rgba(44,132,255,.34)!important;border-radius:13px!important;background:linear-gradient(180deg,rgba(5,18,36,.88),rgba(2,9,20,.94))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important;line-height:1.35!important;margin:0!important;overflow:hidden!important}
.benefit-icon{width:68px!important;height:68px!important;object-fit:contain!important;margin:0 0 18px!important;filter:drop-shadow(0 0 15px rgba(44,144,255,.52))!important}
.benefit-card h3{margin:0 0 10px!important;font-size:17px!important;line-height:1.16!important;color:#fff!important;letter-spacing:-.02em!important}
.benefit-card p{margin:0!important;color:#b3c0d0!important;font-size:13.5px!important;line-height:1.35!important}
.metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important;overflow:visible!important}
.metric-card{position:relative!important;display:block!important;min-height:128px!important;padding:15px 16px!important;border:1px solid rgba(44,132,255,.34)!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(5,18,36,.88),rgba(2,9,20,.94))!important;overflow:hidden!important;line-height:1.2!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important;margin:0!important}
.metric-card span{display:block!important;color:#9fb1c7!important;font-size:13px!important;position:relative!important;z-index:2!important}
.metric-card strong{display:block!important;margin-top:8px!important;color:#fff!important;font-size:26px!important;line-height:1!important;position:relative!important;z-index:2!important}
.metric-card img{position:absolute!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:auto!important;max-width:none!important;min-height:0!important;object-fit:contain!important;object-position:center bottom!important;opacity:.86!important;filter:none!important;z-index:1!important}
@media (max-width:1100px){.spec-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:720px){.spec-strip,.benefit-grid,.metrics{grid-template-columns:1fr!important}.spec-card{min-height:88px!important}.benefit-card{min-height:210px!important}}

/* 2026-05-20: force icon-only image sizing after legacy PNG rules */
.spec-card img.spec-icon{display:block!important;width:62px!important;height:62px!important;max-width:62px!important;min-width:62px!important;max-height:62px!important;min-height:62px!important;flex:0 0 62px!important;object-fit:contain!important;object-position:center!important;margin:0!important}
.benefit-card img.benefit-icon{display:block!important;width:68px!important;height:68px!important;max-width:68px!important;min-width:68px!important;max-height:68px!important;min-height:68px!important;object-fit:contain!important;object-position:center!important;margin:0 0 18px!important}
.spec-card div{min-width:0!important;line-height:1.2!important}

/* 2026-05-20: soften generated card frames and make chart PNG blend into HTML cards */
.spec-card{border-color:rgba(44,132,255,.28)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 12px 28px rgba(0,0,0,.20)!important}
.benefit-card{border-color:rgba(44,132,255,.24)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.014)!important}
.metric-card{border-color:rgba(44,132,255,.24)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.014)!important;background:linear-gradient(180deg,rgba(5,18,36,.92),rgba(2,9,20,.96))!important}
.metric-card img{left:auto!important;right:10px!important;bottom:8px!important;width:70%!important;height:72px!important;object-fit:contain!important;object-position:right bottom!important;mix-blend-mode:screen!important;opacity:.82!important;filter:saturate(1.18) contrast(1.1)!important}

/* 2026-05-20: plan widget icons */
.tariff-card li{display:flex!important;align-items:center!important;gap:10px!important;padding-left:0!important;min-height:26px!important}
.tariff-card li::before{display:none!important}
.plan-widget{width:22px!important;height:22px!important;min-width:22px!important;object-fit:contain!important;filter:brightness(1.45) drop-shadow(0 0 10px rgba(88,170,255,.65))!important;opacity:1!important}
.tariff-card li span{display:block;min-width:0}

/* 2026-05-20: larger readable plan widgets */
.tariff-card li{gap:13px!important;min-height:34px!important}
.plan-widget{width:30px!important;height:30px!important;min-width:30px!important;padding:5px!important;border:1px solid rgba(92,166,255,.24)!important;border-radius:8px!important;background:rgba(24,96,180,.10)!important;filter:brightness(1.8) drop-shadow(0 0 12px rgba(90,174,255,.85))!important}

/* 2026-05-20: clean readable plan widgets, no backing box */
.tariff-card ul{gap:13px!important}
.tariff-card li{gap:14px!important;min-height:36px!important}
.plan-widget{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;filter:brightness(2.7) contrast(1.25) drop-shadow(0 0 7px rgba(255,255,255,.42)) drop-shadow(0 0 13px rgba(58,148,255,.55))!important;opacity:1!important}

/* 2026-05-20: make thin RAM/network widgets more visible */
.plan-widget[src*="plan-ram"],
.plan-widget[src*="plan-network"]{width:44px!important;height:44px!important;min-width:44px!important;margin-left:-5px!important;margin-right:-5px!important;filter:brightness(3.1) contrast(1.35) drop-shadow(0 0 8px rgba(255,255,255,.5)) drop-shadow(0 0 15px rgba(58,148,255,.7))!important}

/* 2026-05-20: RAM widget final bump */
.plan-widget[src*="plan-ram"]{width:50px!important;height:50px!important;min-width:50px!important;margin-left:-8px!important;margin-right:-8px!important}

/* 2026-05-20: clean SVG dashboard charts */
.metric-card{min-height:146px!important;padding:16px 18px!important}
.metric-card img{display:none!important}
.metric-chart{position:absolute!important;left:18px!important;right:18px!important;bottom:12px!important;width:calc(100% - 36px)!important;height:76px!important;overflow:visible!important;z-index:1!important}
.chart-grid{fill:none;stroke:rgba(120,170,230,.12);stroke-width:1;stroke-dasharray:4 7}
.chart-area{opacity:.95}
.chart-line{fill:none;stroke:#21dfff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(33,223,255,.65)) drop-shadow(0 0 14px rgba(52,136,255,.35))}
.chart-dots circle{fill:#69f5ff;stroke:#06101f;stroke-width:2;filter:drop-shadow(0 0 6px rgba(33,223,255,.8))}

/* 2026-05-23: homepage depth pass */
.section-kicker{
  margin:0 0 10px;
  color:#6ab3ff;
  font-size:12px;
  font-weight:850;
  line-height:1;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.section-head{
  max-width:760px;
  margin:0 auto 28px;
}
.section-head h2,
.panel-section h2,
.faq h2{
  font-size:clamp(28px,2.4vw,40px);
  line-height:1.08;
  letter-spacing:0;
}
.section-head p:not(.section-kicker){
  max-width:650px;
  margin:0 auto;
  color:#aebdd2;
  font-size:16px;
  line-height:1.55;
}
.tariffs{
  position:relative;
  margin-top:32px;
  padding:40px 32px 34px;
  border:1px solid rgba(80,145,230,.17);
  border-radius:18px;
  background:
    linear-gradient(135deg,rgba(10,25,46,.75),rgba(3,10,22,.3) 42%,rgba(4,16,32,.82)),
    radial-gradient(circle at 50% 0,rgba(39,146,255,.16),transparent 34rem);
  box-shadow:0 28px 92px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);
}
.tariffs::before{
  content:"";
  position:absolute;
  inset:0 32px auto;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(125,207,255,.5),transparent);
}
.tariff-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.tariff-card{
  display:flex;
  flex-direction:column;
  min-height:438px;
  padding:28px 26px 24px;
  border-color:rgba(95,157,233,.24);
  border-radius:14px;
  background:
    linear-gradient(180deg,rgba(10,24,43,.94),rgba(3,10,22,.97)),
    radial-gradient(circle at 50% 0,rgba(51,142,255,.14),transparent 15rem);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 20px 55px rgba(0,0,0,.24);
}
.tariff-card.popular{
  transform:translateY(-10px);
  border-color:rgba(105,160,255,.76);
  background:
    linear-gradient(180deg,rgba(13,33,62,.96),rgba(3,11,24,.98)),
    radial-gradient(circle at 50% 0,rgba(81,136,255,.24),transparent 18rem);
  box-shadow:0 0 0 1px rgba(132,77,255,.34),0 30px 85px rgba(35,104,255,.24),inset 0 1px 0 rgba(255,255,255,.06);
}
.tariff-card h3{
  margin-top:11px;
  font-size:36px;
  line-height:1;
  letter-spacing:0;
}
.tariff-card p{
  min-height:50px;
  margin-bottom:20px;
  color:#b5c3d8;
  line-height:1.45;
}
.tariff-card ul{
  margin-bottom:auto!important;
  padding:18px 0 10px!important;
  border-top:1px solid rgba(129,170,225,.14);
}
.tariff-card li span{
  color:#e3ebf6;
  font-weight:650;
}
.tariff-card .price{
  margin:24px 0 16px;
  font-size:40px;
  line-height:1;
  letter-spacing:0;
}
.tariff-card .btn{
  width:100%;
  height:52px;
  border-radius:10px;
}
.badge{
  top:24px;
  right:24px;
  padding:8px 13px;
  border-radius:8px;
}
.tariff-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  margin:8px 0 26px;
}
.all-plans{
  margin:0;
  font-size:15px;
}
.secondary-link{
  color:#9db1c9;
}
.minecraft-feature{
  display:grid;
  grid-template-columns:minmax(330px,.84fr) 1fr;
  gap:28px;
  align-items:stretch;
  margin-top:4px;
  padding:30px;
  border:1px solid rgba(24,224,255,.34);
  border-radius:16px;
  background:
    linear-gradient(115deg,rgba(2,26,39,.96),rgba(5,16,34,.9) 44%,rgba(4,13,27,.98)),
    radial-gradient(circle at 8% 16%,rgba(19,216,255,.17),transparent 20rem);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 22px 62px rgba(0,0,0,.28);
}
.minecraft-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-width:0;
}
.minecraft-copy h3{
  max-width:430px;
  margin:12px 0 12px;
  font-size:36px;
  line-height:1.06;
  letter-spacing:0;
}
.minecraft-copy p{
  max-width:520px;
  margin:0 0 22px;
  color:#b7c7da;
  font-size:16px;
  line-height:1.55;
}
.minecraft-price{
  display:flex;
  align-items:baseline;
  gap:8px;
  margin-bottom:20px;
}
.minecraft-price strong{
  font-size:42px;
  line-height:1;
  letter-spacing:0;
}
.minecraft-price span{
  color:#adc0d7;
  font-weight:650;
}
.cyan-order{
  min-width:210px;
  height:52px;
  border:1px solid rgba(30,231,255,.5);
  border-radius:10px;
  background:linear-gradient(135deg,#0f9fff,#1ee7ff);
  color:#00111e;
  font-weight:850;
}
.minecraft-facts{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0;
  padding:0;
}
.minecraft-facts li{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  min-height:118px;
  padding:18px;
  border:1px solid rgba(113,178,238,.2);
  border-radius:12px;
  background:rgba(4,15,30,.72);
}
.minecraft-facts span,
.minecraft-facts b,
.minecraft-facts small{
  display:block;
  min-width:0;
}
.minecraft-facts b{
  margin-bottom:5px;
  color:#f2fbff;
  font-size:17px;
  line-height:1.2;
}
.minecraft-facts small{
  color:#9cb0c8;
  font-size:13px;
  line-height:1.35;
}
.minecraft-facts .plan-widget{
  flex:0 0 auto;
}
.benefits{
  margin-top:42px;
}
.benefit-head{
  margin-bottom:24px;
}
.benefit-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.benefit-card{
  display:grid!important;
  grid-template-columns:72px 1fr!important;
  grid-template-rows:auto 1fr!important;
  column-gap:18px!important;
  min-height:184px!important;
  align-items:center!important;
  justify-items:start!important;
  padding:26px!important;
  text-align:left!important;
  border-radius:14px!important;
  background:
    linear-gradient(145deg,rgba(10,25,45,.92),rgba(3,10,22,.96))!important;
}
.benefit-card img.benefit-icon{
  grid-row:1 / span 2!important;
  width:72px!important;
  height:72px!important;
  max-width:72px!important;
  min-width:72px!important;
  max-height:72px!important;
  min-height:72px!important;
  margin:0!important;
}
.benefit-card h3{
  align-self:end!important;
  margin:0 0 8px!important;
  font-size:21px!important;
  line-height:1.14!important;
}
.benefit-card p{
  align-self:start!important;
  max-width:280px;
  font-size:14px!important;
  line-height:1.48!important;
}
.panel-section{
  grid-template-columns:minmax(320px,.5fr) minmax(0,1fr);
  gap:34px;
  margin-top:40px;
  padding:38px;
  border-radius:18px;
  background:
    linear-gradient(135deg,rgba(10,27,48,.95),rgba(3,10,22,.96)),
    radial-gradient(circle at 70% 0,rgba(55,143,255,.18),transparent 30rem);
}
.panel-copy .section-kicker{
  margin-bottom:14px;
}
.panel-copy h2{
  margin-bottom:16px;
  text-align:left;
}
.panel-copy p{
  margin-top:0;
  font-size:18px;
}
.panel-preview{
  min-height:388px;
  border-radius:14px;
  border-color:rgba(115,176,243,.3);
  background:linear-gradient(180deg,#071426,#050f1e);
  box-shadow:0 24px 64px rgba(0,0,0,.3);
}
.panel-preview aside{
  padding:24px 18px;
  background:linear-gradient(180deg,#081a32,#061224);
}
.dashboard{
  padding:24px;
}
.faq{
  margin-top:34px;
}
.faq-head{
  margin-bottom:22px;
}
.faq-grid{
  align-items:start;
  gap:12px;
}
.faq details{
  align-self:start;
  border-radius:12px;
  background:linear-gradient(180deg,rgba(7,20,37,.82),rgba(3,11,24,.88));
}
.faq summary{
  position:relative;
  padding:20px 22px;
  padding-right:58px;
  font-weight:700;
}
.faq summary::after{
  content:"";
  position:absolute;
  top:50%;
  right:24px;
  width:9px;
  height:9px;
  margin-top:-7px;
  border-right:1.8px solid #b9cae0;
  border-bottom:1.8px solid #b9cae0;
  transform:rotate(45deg);
  transition:transform .18s ease,margin-top .18s ease,border-color .18s ease;
}
.faq details[open] summary::after{
  content:"";
  margin-top:-2px;
  border-color:#72b7ff;
  transform:rotate(225deg);
}
.footer{
  margin-top:30px;
  padding:34px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(6,18,34,.95),rgba(3,10,22,.92));
}
@media(max-width:1120px){
  .tariff-grid{grid-template-columns:1fr!important}
  .tariff-card.popular{transform:none}
  .minecraft-feature{grid-template-columns:1fr}
  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .panel-section{grid-template-columns:1fr}
}
@media(max-width:760px){
  .tariffs{
    margin-top:24px;
    padding:30px 16px 20px;
    border-radius:16px;
  }
  .tariffs::before{inset:0 18px auto}
  .section-head{margin-bottom:22px}
  .section-head h2,
  .panel-section h2,
  .faq h2{font-size:30px}
  .section-head p:not(.section-kicker){font-size:15px}
  .tariff-card{
    min-height:auto;
    padding:24px 20px 20px;
  }
  .tariff-card h3,
  .minecraft-copy h3{font-size:32px}
  .tariff-card .price,
  .minecraft-price strong{font-size:36px}
  .tariff-actions{
    flex-direction:column;
    gap:12px;
    margin:4px 0 22px;
  }
  .minecraft-feature{
    gap:22px;
    padding:22px 18px;
  }
  .minecraft-facts,
  .benefit-grid{grid-template-columns:1fr!important}
  .minecraft-facts li{min-height:94px}
  .cyan-order{width:100%}
  .benefit-card{
    grid-template-columns:64px 1fr!important;
    min-height:156px!important;
    padding:22px!important;
  }
  .benefit-card img.benefit-icon{
    width:64px!important;
    height:64px!important;
    max-width:64px!important;
    min-width:64px!important;
    max-height:64px!important;
    min-height:64px!important;
  }
  .benefit-card h3{font-size:19px!important}
  .panel-section{
    margin-top:26px;
    padding:24px 22px;
  }
  .dashboard{padding:18px}
  .footer{padding:26px 24px}
}

/* 2026-05-23: keep support as a normal floating action on desktop */
@media(min-width:761px){
  .nova-contact-widget{
    right:24px;
    bottom:24px;
    transform:none;
  }
  .nova-contact-toggle{
    width:auto;
    height:54px;
    padding:0 26px;
    border-radius:14px;
    writing-mode:horizontal-tb;
    transform:none;
  }
  .nova-contact-toggle:hover{
    transform:translateY(-1px);
  }
  .nova-contact-panel{
    right:0;
    bottom:70px;
  }
}

/* 2026-05-23: homepage composition pass 2 */
body{
  background:
    radial-gradient(circle at 76% 6%,rgba(50,126,255,.22),transparent 34rem),
    radial-gradient(circle at 7% 40%,rgba(13,223,255,.09),transparent 30rem),
    linear-gradient(180deg,#02050d 0%,#020713 40%,#03101d 100%);
}
.site-shell{
  width:min(1460px,calc(100% - 56px));
}
.topbar{
  border-color:rgba(123,173,243,.28);
  background:linear-gradient(180deg,rgba(4,10,20,.88),rgba(2,7,16,.68));
}
.hero{
  min-height:610px!important;
  margin-top:20px;
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(1,5,13,1) 0%,rgba(1,5,13,.94) 28%,rgba(1,5,13,.46) 52%,rgba(1,5,13,.08) 72%,rgba(1,5,13,.78) 100%),
    linear-gradient(180deg,transparent 64%,rgba(2,7,19,.94)),
    url('/assets/img/redesign/hero-space-final.png?v=20260520final6') right top / 88% auto no-repeat!important;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 30% 60%,rgba(20,132,255,.16),transparent 20rem),
    linear-gradient(90deg,rgba(80,171,255,.38),transparent 38%) left 46px top 58px / 1px calc(100% - 116px) no-repeat;
}
.hero-copy{
  max-width:820px!important;
  margin-left:82px!important;
  padding-top:18px;
}
.eyebrow{
  color:#8cc6ff;
}
.hero h1{
  max-width:820px;
  font-size:clamp(60px,4.5vw,74px);
  line-height:.94;
  letter-spacing:0;
}
.hero-text{
  max-width:610px;
  color:#d1d9e6;
}
.hero-actions .btn{
  height:54px;
  min-width:190px;
}
.spec-strip{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  margin:-56px 0 64px!important;
  gap:0!important;
  border:1px solid rgba(94,158,238,.22);
  border-radius:18px;
  background:linear-gradient(90deg,rgba(3,12,25,.96),rgba(6,21,39,.88),rgba(3,12,25,.96));
  box-shadow:0 30px 90px rgba(0,0,0,.34);
}
.spec-card{
  min-height:118px!important;
  padding:22px 26px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.spec-card + .spec-card{
  border-left:1px solid rgba(99,156,225,.16)!important;
}
.spec-card strong{
  font-size:19px;
}
.tariffs{
  display:grid;
  grid-template-columns:minmax(280px,.36fr) minmax(0,1fr);
  align-items:start;
  gap:38px;
  margin-top:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.tariffs::before{
  display:none;
}
.tariffs .section-head{
  position:sticky;
  top:112px;
  max-width:none;
  margin:0;
  padding:34px 0 0;
  text-align:left;
}
.tariffs .section-head h2{
  max-width:380px;
  text-align:left;
  font-size:clamp(36px,3vw,52px);
}
.tariffs .section-head p:not(.section-kicker){
  max-width:390px;
  margin:0;
  text-align:left;
  font-size:17px;
}
.tariff-grid,
.tariff-actions,
.minecraft-feature{
  grid-column:2;
}
.tariff-grid{
  gap:16px!important;
  padding:18px;
  border:1px solid rgba(96,158,238,.2);
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 0,rgba(62,145,255,.22),transparent 22rem),
    linear-gradient(180deg,rgba(5,17,34,.92),rgba(2,8,18,.82));
}
.tariff-card{
  min-height:420px;
  border:0!important;
  background:
    linear-gradient(180deg,rgba(12,31,55,.9),rgba(4,11,24,.98)),
    radial-gradient(circle at 50% 0,rgba(62,145,255,.12),transparent 16rem);
}
.tariff-card.popular{
  transform:translateY(-18px);
  border:1px solid rgba(114,169,255,.82)!important;
}
.tariff-card:not(.popular){
  margin-top:16px;
}
.tariff-actions{
  justify-content:flex-start;
  padding-left:18px;
}
.minecraft-feature{
  margin-top:18px;
  border-radius:22px;
}
.benefits{
  margin-top:92px;
}
.benefit-head{
  max-width:860px;
}
.benefit-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:minmax(170px,auto);
  gap:16px!important;
}
.benefit-card{
  position:relative;
  overflow:hidden!important;
  border-radius:18px!important;
  border-color:rgba(80,145,230,.2)!important;
}
.benefit-card:nth-child(1),
.benefit-card:nth-child(4){
  grid-column:span 2;
  grid-template-columns:92px minmax(0,1fr)!important;
  background:
    radial-gradient(circle at 20% 10%,rgba(24,150,255,.2),transparent 18rem),
    linear-gradient(145deg,rgba(12,31,56,.96),rgba(3,10,22,.98))!important;
}
.benefit-card:nth-child(1) img.benefit-icon,
.benefit-card:nth-child(4) img.benefit-icon{
  width:88px!important;
  height:88px!important;
  min-width:88px!important;
  max-width:88px!important;
  min-height:88px!important;
  max-height:88px!important;
}
.benefit-card:nth-child(1) p,
.benefit-card:nth-child(4) p{
  max-width:420px;
}
.panel-section{
  margin-top:72px;
  padding:48px;
  border-color:rgba(104,164,241,.28);
  background:
    radial-gradient(circle at 82% 0,rgba(42,144,255,.24),transparent 30rem),
    linear-gradient(128deg,rgba(7,21,40,.98),rgba(2,8,18,.96));
}
.panel-preview{
  min-height:430px;
}
.faq{
  margin-top:70px;
}
.footer{
  grid-template-columns:1.2fr 1fr 1fr 1.1fr;
  margin-top:56px;
}
@media(max-width:1120px){
  .hero-copy{margin-left:36px!important}
  .tariffs{display:block}
  .tariffs .section-head{
    position:static;
    max-width:760px;
    margin:0 auto 28px;
    padding-top:0;
    text-align:center;
  }
  .tariffs .section-head h2,
  .tariffs .section-head p:not(.section-kicker){
    max-width:none;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
  }
  .tariff-grid,
  .tariff-actions,
  .minecraft-feature{grid-column:auto}
  .tariff-actions{justify-content:center;padding-left:0}
  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .site-shell{width:min(100% - 18px,1460px)}
  .hero{
    min-height:612px!important;
    margin-top:12px;
    padding:34px 14px!important;
    background:
      linear-gradient(180deg,rgba(1,5,13,.5),rgba(1,5,13,.18) 35%,rgba(1,5,13,.94) 78%),
      url('/assets/img/redesign/hero-space-final.png?v=20260520final6') center top / auto 100% no-repeat!important;
  }
  .hero::before{
    background:radial-gradient(circle at 30% 54%,rgba(20,132,255,.16),transparent 16rem);
  }
  .hero-copy{
    margin-left:0!important;
    padding-top:12px;
  }
  .hero h1{
    font-size:42px;
    line-height:.98;
  }
  .hero-actions .btn{
    min-width:0;
    width:100%;
  }
  .spec-strip{
    grid-template-columns:1fr!important;
    margin:-20px 0 34px!important;
    gap:0!important;
    border-radius:18px;
  }
  .spec-card{min-height:96px!important}
  .spec-card + .spec-card{
    border-left:0!important;
    border-top:1px solid rgba(99,156,225,.16)!important;
  }
  .tariff-grid{
    padding:10px;
    border-radius:18px;
  }
  .tariff-card:not(.popular){margin-top:0}
  .benefits{margin-top:58px}
  .benefit-grid{grid-template-columns:1fr!important}
  .benefit-card:nth-child(1),
  .benefit-card:nth-child(4){
    grid-column:auto;
    grid-template-columns:64px 1fr!important;
  }
  .benefit-card:nth-child(1) img.benefit-icon,
  .benefit-card:nth-child(4) img.benefit-icon{
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    min-height:64px!important;
    max-height:64px!important;
  }
  .panel-section{
    margin-top:42px;
    padding:26px 18px;
  }
  .faq{margin-top:44px}
  .footer{margin-top:34px}
}

/* 2026-05-23: DigitalOcean-inspired product platform direction */
:root{
  --do-bg:#061126;
  --do-bg-2:#071a35;
  --do-card:#0b1d38;
  --do-card-2:#0f294f;
  --do-line:rgba(104,164,241,.22);
  --do-blue:#2f80ff;
  --do-blue-2:#6aa8ff;
  --do-text:#f8fbff;
  --do-muted:#a8b7ca;
}
body{
  background:
    radial-gradient(circle at 50% -8%,rgba(47,128,255,.24),transparent 34rem),
    linear-gradient(180deg,#071326 0%,#061126 42%,#07182c 100%);
}
.site-shell{
  width:min(1480px,calc(100% - 56px));
}
.topbar{
  height:78px;
  border-radius:16px;
  background:rgba(6,17,38,.86);
  border-color:rgba(137,178,235,.22);
  box-shadow:0 16px 52px rgba(0,0,0,.28);
}
.nav{
  gap:34px;
}
.btn{
  border-radius:10px;
}
.btn.primary,
.top-actions .btn.primary{
  background:linear-gradient(135deg,#1673ff,#4f8dff);
  box-shadow:0 16px 34px rgba(22,115,255,.24);
}
.hero{
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(420px,.7fr);
  gap:52px;
  align-items:center!important;
  min-height:620px!important;
  padding:72px 72px 82px!important;
  border:1px solid rgba(104,164,241,.16);
  border-radius:24px;
  background:
    radial-gradient(circle at 82% 15%,rgba(62,145,255,.22),transparent 25rem),
    linear-gradient(135deg,#07162e 0%,#071326 48%,#081c35 100%)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.34);
}
.hero::before{
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:48px 48px;
  opacity:.36;
}
.hero-copy{
  max-width:760px!important;
  margin:0!important;
  padding:0!important;
}
.eyebrow{
  color:#86bdff;
  letter-spacing:.14em;
}
.hero h1{
  max-width:760px;
  font-size:clamp(54px,4.25vw,72px);
  line-height:1.02;
}
.hero-text{
  max-width:650px;
  color:#c4d0df;
  font-size:22px;
}
.hero-product{
  position:relative;
  z-index:2;
  min-height:410px;
  padding:24px;
  border:1px solid rgba(126,179,245,.28);
  border-radius:22px;
  background:
    radial-gradient(circle at 20% 0,rgba(47,128,255,.24),transparent 18rem),
    linear-gradient(180deg,rgba(10,29,57,.96),rgba(5,16,34,.98));
  box-shadow:0 32px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04);
}
.hero-product::before{
  content:"";
  position:absolute;
  inset:16px;
  border:1px solid rgba(126,179,245,.12);
  border-radius:16px;
  pointer-events:none;
}
.hero-product-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
  color:#dce8f8;
  font-weight:800;
}
.hero-product-head b{
  padding:7px 12px;
  border-radius:999px;
  background:rgba(41,214,128,.12);
  color:#62e69d;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.hero-product-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.hero-product-grid div,
.hero-product-server,
.hero-product-chart{
  border:1px solid rgba(126,179,245,.16);
  border-radius:14px;
  background:rgba(2,9,22,.34);
}
.hero-product-grid div{
  padding:16px;
}
.hero-product small{
  display:block;
  color:#93a8c0;
  font-size:12px;
}
.hero-product strong{
  display:block;
  margin-top:8px;
  color:#fff;
  font-size:28px;
  line-height:1;
}
.hero-product-server{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:12px;
  padding:18px;
}
.hero-product-server > span{
  width:42px;
  height:42px;
  border-radius:12px;
  background:linear-gradient(135deg,#1673ff,#66d6ff);
  box-shadow:0 0 24px rgba(47,128,255,.42);
}
.hero-product-server b{
  display:block;
  color:#f8fbff;
}
.hero-product-chart{
  height:148px;
  margin-top:12px;
  padding:22px 18px 18px;
  display:flex;
  align-items:flex-end;
  gap:10px;
}
.hero-product-chart i{
  flex:1;
  min-width:0;
  border-radius:10px 10px 4px 4px;
  background:linear-gradient(180deg,#69d6ff,#1673ff);
  box-shadow:0 0 18px rgba(47,128,255,.28);
}
.spec-strip{
  margin:26px 0 86px!important;
  border-radius:20px;
  background:#081936;
}
.tariffs{
  grid-template-columns:minmax(280px,.34fr) minmax(0,1fr);
}
.tariffs .section-head h2{
  font-size:clamp(38px,3.2vw,56px);
}
.tariff-grid{
  background:#081936;
  border-color:rgba(126,179,245,.18);
  box-shadow:0 24px 78px rgba(0,0,0,.24);
}
.tariff-card{
  background:#0b1d38!important;
  box-shadow:none!important;
}
.tariff-card.popular{
  background:linear-gradient(180deg,#102b55,#0b1d38)!important;
  box-shadow:0 24px 70px rgba(47,128,255,.2)!important;
}
.minecraft-feature{
  background:
    linear-gradient(135deg,#081936,#0b1d38)!important;
  border-color:rgba(104,164,241,.22);
}
.cyan-order{
  background:linear-gradient(135deg,#1673ff,#4f8dff);
  color:#fff;
  border:0;
}
.benefit-grid{
  gap:18px!important;
}
.benefit-card{
  background:#081936!important;
}
.benefit-card:nth-child(1),
.benefit-card:nth-child(4){
  background:linear-gradient(135deg,#0f294f,#081936)!important;
}
.panel-section{
  border-radius:24px;
  background:linear-gradient(135deg,#102b55,#081936)!important;
}
.footer{
  background:#071326;
}
@media(max-width:1120px){
  .hero{
    grid-template-columns:1fr;
    padding:58px 44px!important;
  }
  .hero-product{
    max-width:720px;
  }
}
@media(max-width:760px){
  *{
    box-sizing:border-box;
  }
  .site-shell{
    width:min(100% - 16px,1480px);
    max-width:100%;
    overflow:hidden;
  }
  .topbar{
    border-radius:14px;
  }
  .hero{
    display:block!important;
    min-height:auto!important;
    padding:34px 18px 24px!important;
    border-radius:18px;
    background:
      radial-gradient(circle at 78% 5%,rgba(62,145,255,.18),transparent 18rem),
      linear-gradient(135deg,#07162e 0%,#071326 62%,#081c35 100%)!important;
  }
  .hero h1{
    font-size:38px;
    line-height:1.04;
  }
  .hero-text{
    font-size:17px;
  }
  .hero-product{
    min-height:0;
    margin-top:24px;
    padding:16px;
    border-radius:16px;
  }
  .hero-product-grid{
    grid-template-columns:1fr;
  }
  .hero-product-chart{
    height:96px;
  }
  .spec-strip{
    margin:16px 0 42px!important;
  }
}

@media(max-width:760px){
  html,
  body{
    max-width:100%;
    overflow-x:hidden;
  }
  .topbar{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:12px;
    width:100%;
    max-width:100%;
    margin:8px 0 0;
    padding:14px;
  }
  .brand{
    min-width:0;
  }
  .brand span{
    font-size:18px;
  }
  .top-actions{
    grid-column:2;
    grid-row:1;
    gap:8px;
  }
  .top-actions .ghost{
    display:none!important;
  }
  .top-actions .btn{
    height:38px;
    padding:0 13px;
    font-size:12px;
  }
  .nav{
    grid-column:1 / -1;
    order:0;
    width:100%;
    display:flex;
    justify-content:flex-start;
    gap:8px;
    overflow-x:auto;
    padding:2px 0 3px;
    scrollbar-width:none;
    font-size:12px;
    white-space:nowrap;
  }
  .nav::-webkit-scrollbar{display:none}
  .nav a{
    flex:0 0 auto;
    padding:8px 10px;
    border:1px solid rgba(104,164,241,.18);
    border-radius:999px;
    background:rgba(2,9,22,.28);
  }
  .hero{
    margin-top:10px;
  }
  .hero-product,
  .tariffs,
  .tariff-grid,
  .minecraft-feature,
  .panel-section,
  .benefit-grid,
  .spec-strip{
    max-width:100%;
  }
  .footer{
    grid-template-columns:1fr!important;
    gap:22px;
  }
  .footer > div{
    min-width:0;
  }
}

@media(max-width:420px){
  .hero h1{
    font-size:32px;
  }
  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .hero-actions .btn{
    width:100%;
  }
  .hero-product-server{
    align-items:flex-start;
    padding:14px;
  }
}

/* 2026-05-23: mobile support must not cover tariff/order buttons */
@media(max-width:760px){
  .nova-contact-widget{
    position:static!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%;
    max-width:100%;
    margin:18px auto 0;
    padding:0 6px 18px;
  }
  .nova-contact-toggle{
    width:100%;
    height:48px;
    padding:0 18px;
    border-radius:14px;
    writing-mode:horizontal-tb;
    transform:none!important;
  }
  .nova-contact-panel{
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    width:auto;
    max-height:calc(100vh - 20px);
    overflow:auto;
  }
}

/* 2026-05-23: wire mountain reference direction */
:root{
  --wire-bg:#020909;
  --wire-panel:rgba(3,24,25,.72);
  --wire-panel-2:rgba(5,38,39,.72);
  --wire-line:rgba(126,255,255,.22);
  --wire-text:#f3ffff;
  --wire-muted:#a9c8c8;
  --wire-cyan:#5ff7ff;
  --wire-teal:#00b8b2;
}
html,
body{
  background:
    linear-gradient(180deg,rgba(2,9,9,.50),rgba(2,9,9,.86) 34%,#020909 100%),
    url('/assets/img/redesign/wire-mountain.png?v=20260523wire1') center top / 100% auto no-repeat,
    #020909!important;
  color:var(--wire-text)!important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 0%,rgba(46,172,176,.34),transparent 22rem),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.42) 48%,#020909 100%);
}
.site-shell{
  width:min(1320px,calc(100% - 44px))!important;
}
.topbar{
  height:58px!important;
  margin-top:18px!important;
  padding:0 18px!important;
  border:1px solid rgba(116,255,255,.18)!important;
  border-radius:0!important;
  background:rgba(0,12,14,.72)!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px)!important;
}
.brand span{
  color:#fff!important;
  font-size:18px!important;
  font-weight:800!important;
}
.brand img{
  width:34px!important;
  height:34px!important;
  filter:drop-shadow(0 0 10px rgba(95,247,255,.35))!important;
}
.nav{
  gap:24px!important;
}
.nav a{
  color:#d8eeee!important;
  font-size:13px!important;
  font-weight:700!important;
}
.top-actions .btn{
  min-height:36px!important;
  height:36px!important;
  padding:0 14px!important;
  border-radius:0!important;
  font-size:12px!important;
}
.btn.primary,
.top-actions .primary,
.tariff-card .primary,
.cyan-order{
  border-color:rgba(95,247,255,.78)!important;
  background:var(--wire-teal)!important;
  color:#001415!important;
  box-shadow:0 0 28px rgba(0,184,178,.22)!important;
}
.btn.ghost,
.btn.outline,
.top-actions .ghost{
  border-color:rgba(143,255,255,.28)!important;
  background:rgba(0,0,0,.18)!important;
  color:#eaffff!important;
}
.hero{
  display:block!important;
  min-height:560px!important;
  margin:0!important;
  padding:112px 18px 82px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:center!important;
}
.hero-copy{
  max-width:760px!important;
  margin:0 auto!important;
}
.eyebrow,
.section-kicker{
  color:var(--wire-cyan)!important;
  letter-spacing:.10em!important;
}
.hero h1{
  color:#fff!important;
  font-size:clamp(38px,4.1vw,66px)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  text-shadow:0 0 32px rgba(95,247,255,.16)!important;
}
.hero-text{
  max-width:660px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  color:#d6eeee!important;
  font-size:17px!important;
}
.hero-actions{
  justify-content:center!important;
}
.hero-product{
  display:none!important;
}
.spec-strip{
  width:min(720px,100%)!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  margin:-34px auto 64px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.spec-card{
  display:flex!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.spec-icon{
  display:none!important;
}
.spec-card strong{
  display:block;
  color:#fff!important;
  font-size:13px!important;
  text-align:center;
}
.spec-card span{
  display:none!important;
}
.proof-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  width:min(980px,100%);
  margin:0 auto 120px;
}
.proof-cards article{
  min-height:240px;
  padding:28px;
  border:1px solid var(--wire-line);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(4,32,33,.86),rgba(0,15,16,.88));
  box-shadow:0 22px 70px rgba(0,0,0,.36), inset 0 0 40px rgba(95,247,255,.04);
}
.proof-cards strong{
  display:block;
  margin-bottom:14px;
  color:var(--wire-cyan);
  font-size:42px;
  line-height:1;
}
.proof-cards h3{
  margin:0 0 12px;
  color:#fff;
  font-size:17px;
}
.proof-cards p{
  margin:0;
  color:var(--wire-muted);
  font-size:14px;
  line-height:1.55;
}
.platform-flow{
  position:relative;
  min-height:720px;
  margin:0 calc(50% - 50vw) 110px;
  padding:190px max(24px,calc((100vw - 1120px)/2)) 90px;
  background:
    linear-gradient(180deg,rgba(2,9,9,.10),rgba(2,9,9,.62) 70%,#020909 100%),
    url('/assets/img/redesign/wire-mountain.png?v=20260523wire1') center top / cover no-repeat;
}
.platform-flow .section-head{
  max-width:660px!important;
  margin:0 auto 54px!important;
  text-align:center!important;
}
.platform-flow h2,
.section-head h2,
.benefit-head h2,
.faq-head h2,
.panel-copy h2{
  color:#fff!important;
  font-size:clamp(30px,3vw,48px)!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
}
.platform-flow p,
.section-head p,
.benefit-head p,
.panel-copy p{
  color:#d0e7e7!important;
}
.flow-grid{
  display:grid;
  grid-template-columns:220px 240px minmax(0,1fr);
  gap:38px;
  align-items:center;
  max-width:1080px;
  margin:0 auto;
}
.flow-menu{
  display:grid;
  gap:8px;
}
.flow-menu span{
  padding:12px 14px;
  border:1px solid rgba(126,255,255,.18);
  color:#d9eeee;
  background:rgba(0,12,14,.46);
  font-size:13px;
}
.flow-menu .is-active{
  border-color:var(--wire-cyan);
  color:#001415;
  background:var(--wire-cyan);
}
.flow-core{
  display:grid;
  place-items:center;
  width:240px;
  height:240px;
  border:1px solid rgba(126,255,255,.28);
  background:
    linear-gradient(180deg,rgba(0,184,178,.12),rgba(95,247,255,.02)),
    rgba(0,12,14,.62);
}
.flow-core span{
  width:82px;
  height:82px;
  border-radius:50%;
  border:1px solid rgba(255,93,51,.55);
  background:#1b120d;
  box-shadow:0 0 70px rgba(255,93,51,.22),0 0 0 48px rgba(95,247,255,.03);
}
.flow-copy{
  color:#d9eeee;
}
.flow-copy h3{
  margin:0 0 14px;
  color:#fff;
  font-size:24px;
}
.flow-copy p,
.flow-copy li{
  color:#c5dddd;
  line-height:1.6;
}
.tariffs,
.benefits,
.panel-section,
.faq{
  position:relative;
}
.tariffs{
  margin-bottom:110px!important;
}
.tariff-grid{
  border:1px solid rgba(126,255,255,.18)!important;
  border-radius:8px!important;
  background:rgba(0,12,14,.72)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.36)!important;
}
.tariff-card,
.benefit-card,
.faq details,
.footer{
  border:1px solid rgba(126,255,255,.18)!important;
  border-radius:8px!important;
  background:rgba(3,24,25,.78)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.tariff-card.popular{
  border-color:rgba(95,247,255,.72)!important;
  background:rgba(4,40,42,.84)!important;
  box-shadow:0 0 42px rgba(95,247,255,.09)!important;
}
.tariff-card h3,
.tariff-card .price,
.tariff-card li span,
.benefit-card h3,
.faq summary,
.footer h3{
  color:#fff!important;
}
.tariff-card.popular{
  border-color:rgba(95,247,255,.72)!important;
  background:rgba(4,40,42,.84)!important;
  box-shadow:0 0 42px rgba(95,247,255,.09)!important;
}
.tariff-card.popular h3,
.tariff-card.popular p,
.tariff-card.popular li span,
.tariff-card.popular .price{
  color:#fff!important;
}
.tariff-card.popular .price span{
  color:var(--wire-muted)!important;
}
.tariff-card p,
.tariff-card .price span,
.benefit-card p,
.faq details p,
.footer p,
.footer small,
.footer a{
  color:var(--wire-muted)!important;
}
.panel-section{
  border:1px solid rgba(126,255,255,.18)!important;
  border-radius:8px!important;
  background:rgba(3,24,25,.78)!important;
}
.footer{
  margin-bottom:28px!important;
}
.nova-contact-toggle{
  border-radius:8px!important;
  border-color:var(--wire-cyan)!important;
  background:rgba(0,184,178,.92)!important;
  color:#001415!important;
}
@media(max-width:900px){
  .proof-cards,
  .flow-grid{
    grid-template-columns:1fr;
  }
  .flow-core{
    width:100%;
  }
}
@media(max-width:760px){
  html,
  body{
    background-size:auto 820px, auto, auto!important;
  }
  .site-shell{
    width:min(100% - 16px,1320px)!important;
  }
  .topbar{
    height:auto!important;
    border-radius:8px!important;
  }
  .nav a{
    background:rgba(0,24,25,.62)!important;
    color:#dff!important;
    border-color:rgba(126,255,255,.18)!important;
  }
  .hero{
    min-height:540px!important;
    padding:92px 10px 64px!important;
  }
  .hero h1{
    font-size:36px!important;
  }
  .spec-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    margin-top:-18px!important;
  }
  .proof-cards{
    margin-bottom:70px!important;
  }
  .platform-flow{
    min-height:0;
    margin-left:-8px;
    margin-right:-8px;
    padding:110px 16px 64px;
  }
  .flow-core{
    height:190px;
  }
}

/* 2026-05-23: DigitalOcean-like cloud pass */
:root{
  --do-bg:#f4f8ff;
  --do-bg-2:#eef5ff;
  --do-card:#ffffff;
  --do-navy:#061b3a;
  --do-text:#07152f;
  --do-muted:#53657d;
  --do-blue:#0069ff;
  --do-blue-2:#2d8cff;
  --do-border:#d7e4f5;
  --do-shadow:0 24px 70px rgba(17,45,85,.12);
}
html,
body{
  background:
    radial-gradient(circle at 78% 8%,rgba(0,105,255,.14),transparent 28rem),
    radial-gradient(circle at 12% 18%,rgba(83,200,255,.14),transparent 25rem),
    linear-gradient(180deg,#ffffff 0%,var(--do-bg) 46%,#eef5ff 100%)!important;
  color:var(--do-text)!important;
}
.site-shell{
  width:min(1440px,calc(100% - 48px))!important;
}
.topbar{
  height:76px!important;
  margin-top:18px!important;
  padding:0 22px!important;
  border:1px solid rgba(0,105,255,.12)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 16px 46px rgba(20,56,102,.10)!important;
  backdrop-filter:blur(18px)!important;
}
.brand span{
  color:var(--do-navy)!important;
  font-size:24px!important;
  font-weight:800!important;
}
.brand img{
  filter:none!important;
}
.nav{
  gap:34px!important;
}
.nav a{
  color:#253954!important;
  font-weight:650!important;
  opacity:1!important;
}
.nav a:hover{
  color:var(--do-blue)!important;
}
.btn,
.top-actions .btn,
.hero-actions .btn,
.tariff-card .btn,
.minecraft-feature .btn{
  border-radius:10px!important;
  min-height:48px!important;
  font-weight:800!important;
}
.btn.primary,
.top-actions .primary,
.tariff-card .primary,
.cyan-order{
  border:1px solid var(--do-blue)!important;
  background:var(--do-blue)!important;
  color:#fff!important;
  box-shadow:0 18px 38px rgba(0,105,255,.24)!important;
}
.btn.ghost,
.btn.outline,
.top-actions .ghost{
  border:1px solid var(--do-border)!important;
  background:#fff!important;
  color:var(--do-navy)!important;
  box-shadow:none!important;
}
.hero{
  min-height:680px!important;
  grid-template-columns:minmax(0,1fr) minmax(430px,.72fr)!important;
  gap:64px!important;
  margin:22px 0 28px!important;
  padding:86px 74px!important;
  border:1px solid rgba(0,105,255,.12)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 86% 18%,rgba(0,105,255,.17),transparent 18rem),
    radial-gradient(circle at 14% 75%,rgba(44,194,255,.14),transparent 17rem),
    linear-gradient(135deg,#ffffff 0%,#f5f9ff 58%,#eaf3ff 100%)!important;
  box-shadow:var(--do-shadow)!important;
  overflow:hidden!important;
}
.eyebrow,
.section-kicker{
  color:var(--do-blue)!important;
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
}
.hero h1{
  max-width:860px!important;
  color:var(--do-navy)!important;
  font-size:clamp(54px,6vw,92px)!important;
  line-height:.96!important;
  letter-spacing:-.07em!important;
  text-shadow:none!important;
}
.hero-text{
  max-width:700px!important;
  color:var(--do-muted)!important;
  font-size:22px!important;
  line-height:1.55!important;
}
.hero-product{
  padding:22px!important;
  border:1px solid #173b68!important;
  border-radius:24px!important;
  background:#061b3a!important;
  box-shadow:0 34px 90px rgba(6,27,58,.26)!important;
}
.hero-product-head,
.hero-product-grid div,
.hero-product-server,
.hero-product-chart{
  border-color:rgba(135,180,245,.22)!important;
  background:rgba(255,255,255,.055)!important;
}
.hero-product strong,
.hero-product-server b,
.hero-product-head span{
  color:#fff!important;
}
.hero-product small{
  color:#aabbd2!important;
}
.spec-strip{
  margin:0 0 92px!important;
  border:1px solid var(--do-border)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:var(--do-shadow)!important;
}
.spec-card{
  border-color:var(--do-border)!important;
  background:#fff!important;
}
.spec-card strong,
.spec-card span{
  color:var(--do-text)!important;
}
.spec-card span{
  color:var(--do-muted)!important;
}
.tariffs{
  grid-template-columns:minmax(280px,.36fr) minmax(0,1fr)!important;
  gap:42px!important;
}
.section-head h2,
.benefit-head h2,
.faq-head h2,
.panel-copy h2{
  color:var(--do-navy)!important;
  font-size:clamp(42px,4vw,66px)!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
}
.section-head p,
.benefit-head p,
.panel-copy p{
  color:var(--do-muted)!important;
}
.tariff-grid{
  gap:0!important;
  padding:18px!important;
  border:1px solid var(--do-border)!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:var(--do-shadow)!important;
}
.tariff-card{
  border:1px solid transparent!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.tariff-card.popular{
  border-color:var(--do-blue)!important;
  background:#f7fbff!important;
  box-shadow:0 20px 50px rgba(0,105,255,.14)!important;
}
.tariff-card h3,
.tariff-card .price,
.tariff-card li span{
  color:var(--do-navy)!important;
}
.tariff-card p,
.tariff-card .price span{
  color:var(--do-muted)!important;
}
.tariff-card ul{
  border-color:var(--do-border)!important;
}
.plan-widget{
  filter:brightness(0) saturate(100%) invert(34%) sepia(99%) saturate(3145%) hue-rotate(209deg) brightness(99%) contrast(105%)!important;
  opacity:1!important;
}
.tariff-card .plan-widget,
.minecraft-facts .plan-widget,
.plan-widget[src*="plan-ram"],
.plan-widget[src*="plan-network"],
.plan-widget[src*="plan-disk"],
.plan-widget[src*="plan-cpu"],
.plan-widget[src*="plan-ddos"],
.plan-widget[src*="plan-slots"]{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  margin:0!important;
  filter:brightness(0) saturate(100%) invert(34%) sepia(99%) saturate(3145%) hue-rotate(209deg) brightness(99%) contrast(105%)!important;
  opacity:1!important;
}
.minecraft-feature{
  border:1px solid var(--do-border)!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#fff,#f4f8ff)!important;
  box-shadow:var(--do-shadow)!important;
}
.minecraft-feature h3,
.minecraft-price strong,
.minecraft-facts b{
  color:var(--do-navy)!important;
}
.minecraft-feature p,
.minecraft-price span,
.minecraft-facts small{
  color:var(--do-muted)!important;
}
.minecraft-facts li{
  border-color:var(--do-border)!important;
  background:#fff!important;
}
.benefit-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.benefit-card{
  min-height:240px!important;
  border:1px solid var(--do-border)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(17,45,85,.08)!important;
}
.benefit-card:nth-child(1),
.benefit-card:nth-child(4){
  background:#fff!important;
}
.benefit-card h3{
  color:var(--do-navy)!important;
}
.benefit-card p{
  color:var(--do-muted)!important;
}
.panel-section{
  gap:46px!important;
  padding:64px!important;
  border:0!important;
  border-radius:30px!important;
  background:linear-gradient(135deg,#061b3a,#082a58)!important;
  box-shadow:0 34px 90px rgba(6,27,58,.28)!important;
}
.panel-section .section-kicker,
.panel-copy h2,
.panel-copy p,
.checks li{
  color:#fff!important;
}
.panel-copy p,
.checks li{
  color:#c7d5e8!important;
}
.panel-preview,
.dashboard,
.metric-card,
.info-row span{
  border-color:rgba(137,180,245,.22)!important;
  background:rgba(3,13,29,.55)!important;
}
.faq details{
  border:1px solid var(--do-border)!important;
  background:#fff!important;
  color:var(--do-navy)!important;
  box-shadow:0 12px 32px rgba(17,45,85,.06)!important;
}
.faq details p{
  color:var(--do-muted)!important;
}
.footer{
  border:1px solid var(--do-border)!important;
  border-radius:24px!important;
  background:#fff!important;
  color:var(--do-text)!important;
  box-shadow:var(--do-shadow)!important;
}
.footer h3,
.footer .brand span{
  color:var(--do-navy)!important;
}
.footer p,
.footer small,
.footer a{
  color:var(--do-muted)!important;
}
.nova-contact-toggle{
  border:1px solid var(--do-blue)!important;
  background:var(--do-blue)!important;
  color:#fff!important;
  box-shadow:0 16px 36px rgba(0,105,255,.22)!important;
}
.nova-contact-panel{
  border-color:var(--do-border)!important;
  background:#fff!important;
  color:var(--do-text)!important;
}
.nova-contact-head strong,
.nova-contact-form input,
.nova-contact-form textarea{
  color:var(--do-text)!important;
}
.nova-contact-head span,
.nova-contact-status{
  color:var(--do-muted)!important;
}
.nova-contact-form input,
.nova-contact-form textarea{
  border-color:var(--do-border)!important;
  background:#f7fbff!important;
}
@media(max-width:1120px){
  .hero{
    grid-template-columns:1fr!important;
    padding:58px 40px!important;
  }
  .benefit-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  .site-shell{
    width:min(100% - 16px,1440px)!important;
  }
  .topbar{
    height:auto!important;
    padding:14px!important;
  }
  .brand span{
    font-size:18px!important;
  }
  .nav a{
    color:#253954!important;
    background:#f4f8ff!important;
    border-color:#d9e7f8!important;
  }
  .hero{
    margin-top:12px!important;
    padding:38px 18px 22px!important;
    border-radius:22px!important;
  }
  .hero h1{
    font-size:39px!important;
    letter-spacing:-.055em!important;
    text-shadow:none!important;
  }
  .hero-text{
    font-size:17px!important;
  }
  .hero-product{
    border-radius:18px!important;
  }
  .spec-strip,
  .tariff-grid,
  .minecraft-feature,
  .panel-section,
  .footer{
    border-radius:18px!important;
  }
  .tariffs{
    display:block!important;
  }
  .section-head{
    margin-bottom:22px!important;
    text-align:left!important;
  }
  .section-head h2,
  .benefit-head h2,
  .faq-head h2,
  .panel-copy h2{
    font-size:34px!important;
  }
  .tariff-grid,
  .benefit-grid{
    grid-template-columns:1fr!important;
  }
  .panel-section{
    padding:28px 20px!important;
  }
}

/* 2026-05-23: EOF hard override after all previous design passes */
html,
body{
  background:
    linear-gradient(180deg,rgba(2,9,9,.42),rgba(2,9,9,.84) 34%,#020909 100%),
    url('/assets/img/redesign/wire-mountain.png?v=20260523wire1') center top / 100% auto no-repeat,
    #020909!important;
  color:#f3ffff!important;
}
.topbar{border-radius:0!important;background:rgba(0,12,14,.72)!important;border-color:rgba(116,255,255,.18)!important;box-shadow:none!important}
.brand span,.nav a,.hero h1,.section-head h2,.platform-flow h2,.tariff-card h3,.tariff-card .price,.tariff-card li span{color:#fff!important}
.hero{background:transparent!important;border:0!important;box-shadow:none!important;text-align:center!important}
.hero-product{display:none!important}
.hero-text,.section-head p,.platform-flow p{color:#d0e7e7!important}
.top-actions .primary,.btn.primary,.cyan-order{background:#00b8b2!important;border-color:#5ff7ff!important;color:#001415!important}
.top-actions .ghost,.btn.ghost,.btn.outline{background:rgba(0,0,0,.18)!important;border-color:rgba(143,255,255,.28)!important;color:#eaffff!important}
.tariff-card.popular,
.tariff-card.popular:hover{
  border-color:rgba(95,247,255,.72)!important;
  background:rgba(4,40,42,.84)!important;
  box-shadow:0 0 42px rgba(95,247,255,.09)!important;
}
.tariff-card,
.benefit-card,
.faq details,
.footer,
.panel-section,
.tariff-grid{
  background:rgba(3,24,25,.78)!important;
  border-color:rgba(126,255,255,.18)!important;
  border-radius:8px!important;
}
.tariff-card p,.tariff-card .price span,.benefit-card p,.faq details p,.footer p,.footer small,.footer a{color:#a9c8c8!important}
.platform-flow{
  background:
    radial-gradient(circle at 50% 0%,rgba(28,127,132,.22),transparent 26rem),
    linear-gradient(180deg,rgba(2,9,9,.96),#020909 100%)!important;
  min-height:620px!important;
  padding-top:118px!important;
  padding-bottom:72px!important;
  margin-bottom:72px!important;
}

body{
  overflow-x:hidden!important;
}

.proof-cards{
  margin-bottom:72px!important;
}

.hero h1,
.platform-flow h2,
.section-head h2{
  font-weight:800!important;
}

.nova-contact-widget{
  z-index:60!important;
}

.nova-contact-toggle{
  height:46px!important;
  padding:0 22px!important;
  opacity:.92;
}

/* 2026-05-23: final wire layer must override prior light pass */
html,
body{
  background:
    linear-gradient(180deg,rgba(2,9,9,.42),rgba(2,9,9,.84) 34%,#020909 100%),
    url('/assets/img/redesign/wire-mountain.png?v=20260523wire1') center top / 100% auto no-repeat,
    #020909!important;
  color:var(--wire-text)!important;
}
.topbar{
  height:58px!important;
  margin-top:18px!important;
  padding:0 18px!important;
  border:1px solid rgba(116,255,255,.18)!important;
  border-radius:0!important;
  background:rgba(0,12,14,.72)!important;
  box-shadow:none!important;
}
.brand span{color:#fff!important;font-size:18px!important}
.nav a{color:#d8eeee!important;background:transparent!important;border:0!important}
.top-actions .btn{border-radius:0!important}
.top-actions .primary,
.btn.primary,
.cyan-order{
  border-color:rgba(95,247,255,.78)!important;
  background:var(--wire-teal)!important;
  color:#001415!important;
  box-shadow:0 0 28px rgba(0,184,178,.22)!important;
}
.top-actions .ghost,
.btn.ghost,
.btn.outline{
  border-color:rgba(143,255,255,.28)!important;
  background:rgba(0,0,0,.18)!important;
  color:#eaffff!important;
}
.hero{
  display:block!important;
  min-height:560px!important;
  margin:0!important;
  padding:112px 18px 82px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:center!important;
}
.hero-copy{max-width:760px!important;margin:0 auto!important}
.hero h1{
  color:#fff!important;
  font-size:clamp(38px,4.1vw,66px)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  text-shadow:0 0 32px rgba(95,247,255,.16)!important;
}
.hero-text{max-width:660px!important;margin-left:auto!important;margin-right:auto!important;color:#d6eeee!important;font-size:17px!important}
.hero-actions{justify-content:center!important}
.hero-product{display:none!important}
.eyebrow,
.section-kicker{color:var(--wire-cyan)!important}
.spec-strip{
  width:min(720px,100%)!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  margin:-34px auto 64px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.spec-card{justify-content:center!important;padding:0!important;border:0!important;background:transparent!important}
.spec-card strong{color:#fff!important;font-size:13px!important;text-align:center}
.spec-card span,.spec-icon{display:none!important}
.proof-cards article,
.tariff-grid,
.tariff-card,
.benefit-card,
.faq details,
.footer,
.panel-section{
  border:1px solid rgba(126,255,255,.18)!important;
  border-radius:8px!important;
  background:rgba(3,24,25,.78)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.proof-cards strong{color:var(--wire-cyan)!important}
.proof-cards h3,
.tariff-card h3,
.tariff-card .price,
.tariff-card li span,
.benefit-card h3,
.faq summary,
.footer h3,
.platform-flow h2,
.section-head h2,
.benefit-head h2,
.faq-head h2,
.panel-copy h2{
  color:#fff!important;
}
.proof-cards p,
.tariff-card p,
.tariff-card .price span,
.benefit-card p,
.faq details p,
.footer p,
.footer small,
.footer a,
.platform-flow p,
.section-head p,
.benefit-head p,
.panel-copy p{
  color:var(--wire-muted)!important;
}
.platform-flow{
  background:
    linear-gradient(180deg,rgba(2,9,9,.10),rgba(2,9,9,.62) 70%,#020909 100%),
    url('/assets/img/redesign/wire-mountain.png?v=20260523wire1') center top / cover no-repeat!important;
}
.flow-menu span{border-color:rgba(126,255,255,.18)!important;color:#d9eeee!important;background:rgba(0,12,14,.46)!important}
.flow-menu .is-active{border-color:var(--wire-cyan)!important;color:#001415!important;background:var(--wire-cyan)!important}
.flow-core{border-color:rgba(126,255,255,.28)!important;background:rgba(0,12,14,.62)!important}
.flow-copy h3{color:#fff!important}
.flow-copy p,.flow-copy li{color:#c5dddd!important}
.nova-contact-toggle{
  border-radius:8px!important;
  border-color:var(--wire-cyan)!important;
  background:rgba(0,184,178,.92)!important;
  color:#001415!important;
}
@media(max-width:760px){
  .topbar{height:auto!important;border-radius:8px!important;padding:14px!important}
  .nav a{background:rgba(0,24,25,.62)!important;color:#dff!important;border:1px solid rgba(126,255,255,.18)!important}
  .nav{
    overflow-x:auto!important;
    padding-bottom:6px!important;
    scrollbar-width:thin!important;
  }
  .nav a{
    flex:0 0 auto!important;
  }
  .hero{min-height:540px!important;padding:92px 10px 64px!important}
  .hero h1{font-size:36px!important}
  .spec-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:-18px!important}
}

/* 2026-05-23 final wire pass: keep one image layer and tighten the page rhythm. */
html,
body{
  overflow-x:hidden!important;
}

body{
  background:
    linear-gradient(180deg,rgba(1,9,10,.14) 0%,rgba(1,9,10,.58) 54%,#020909 100%),
    url('/assets/img/redesign/wire-mountain.png?v=20260523wire1') center top / 100% auto no-repeat,
    #020909!important;
}

.hero{
  min-height:520px!important;
  padding:104px 18px 64px!important;
}

.hero h1,
.platform-flow h2,
.section-head h2,
.benefit-head h2,
.faq-head h2,
.panel-copy h2{
  font-weight:780!important;
  letter-spacing:-.035em!important;
}

.hero-text,
.proof-cards p,
.flow-copy p,
.flow-copy li,
.tariff-card p,
.benefit-card p,
.faq details p{
  font-weight:500!important;
}

.proof-cards{
  margin-bottom:66px!important;
}

.proof-cards article{
  min-height:214px!important;
}

.platform-flow{
  min-height:620px!important;
  margin:0 calc(50% - 50vw) 82px!important;
  padding:104px max(24px,calc((100vw - 1120px)/2)) 72px!important;
  background:
    radial-gradient(circle at 72% 28%,rgba(95,247,255,.14),transparent 34%),
    linear-gradient(180deg,rgba(2,9,9,.12),rgba(3,22,22,.82) 54%,#020909 100%)!important;
}

.nova-contact-widget{
  right:18px!important;
  bottom:18px!important;
  z-index:60!important;
}

.nova-contact-toggle{
  height:46px!important;
  min-width:128px!important;
  padding:0 18px!important;
  border-radius:8px!important;
}

@media(max-width:760px){
  body{
    background:
      linear-gradient(180deg,rgba(1,9,10,.20) 0%,rgba(1,9,10,.72) 55%,#020909 100%),
      url('/assets/img/redesign/wire-mountain.png?v=20260523wire1') center top / auto 620px no-repeat,
      #020909!important;
  }

  .hero{
    min-height:500px!important;
    padding:86px 10px 52px!important;
  }

  .proof-cards{
    margin-bottom:46px!important;
  }

  .proof-cards article{
    min-height:auto!important;
  }

  .platform-flow{
    min-height:auto!important;
    padding:72px 18px 58px!important;
  }

  .nova-contact-widget{
    display:none!important;
  }

  .nova-contact-toggle{
    min-width:112px!important;
  }
}

.knowledge-feature{
  grid-column:1/-1!important;
  width:min(1120px,100%)!important;
  margin:86px auto 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;
  gap:28px!important;
  padding:34px!important;
  border:1px solid rgba(126,255,255,.20)!important;
  border-radius:8px!important;
  background:rgba(3,24,25,.82)!important;
  box-shadow:none!important;
}

.knowledge-copy h3{
  margin:10px 0 16px!important;
  max-width:620px!important;
  color:#fff!important;
  font-size:clamp(30px,2.6vw,46px)!important;
  line-height:1.03!important;
  letter-spacing:-.035em!important;
}

.knowledge-copy p{
  max-width:610px!important;
  margin:0 0 28px!important;
  color:#b9d6d6!important;
  font-size:17px!important;
  line-height:1.65!important;
}

.knowledge-facts{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

.knowledge-facts li{
  min-height:132px!important;
  padding:22px!important;
  border:1px solid rgba(126,255,255,.18)!important;
  border-radius:8px!important;
  background:rgba(1,12,16,.64)!important;
  display:flex!important;
  align-items:flex-start!important;
}

.knowledge-facts b,
.knowledge-facts small{
  display:block!important;
}

.knowledge-facts b{
  color:#fff!important;
  font-size:17px!important;
}

.knowledge-facts small{
  margin-top:8px!important;
  color:#a9c8c8!important;
  font-size:14px!important;
  line-height:1.45!important;
}

.benefit-grid .benefit-card,
.benefit-card{
  border:1px solid rgba(126,255,255,.18)!important;
  border-radius:8px!important;
  background:rgba(3,24,25,.82)!important;
  color:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

.benefit-card h3{
  color:#fff!important;
}

.benefit-card p{
  color:#b9d6d6!important;
}

.benefit-card::before,
.benefit-card::after{
  display:none!important;
}

.benefit-icon{
  opacity:.92!important;
  filter:none!important;
}

@media(max-width:900px){
  .knowledge-feature{
    grid-template-columns:1fr!important;
    margin-top:54px!important;
    padding:24px!important;
  }

  .knowledge-facts{
    grid-template-columns:1fr!important;
  }
}

/* 2026-05-23 polish pass for visible rough spots. */
.brand span,
.footer .brand span,
.footer-brand span{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:none!important;
  text-shadow:0 0 18px rgba(95,247,255,.16)!important;
}

.spec-strip{
  width:min(980px,100%)!important;
  margin:-18px auto 58px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

.spec-card,
.spec-card + .spec-card{
  min-height:76px!important;
  padding:14px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  border:1px solid rgba(126,255,255,.18)!important;
  border-radius:8px!important;
  background:rgba(3,24,25,.58)!important;
  box-shadow:none!important;
  line-height:1.2!important;
}

.spec-icon,
.spec-card img.spec-icon{
  display:block!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  object-fit:contain!important;
  opacity:.9!important;
  filter:drop-shadow(0 0 10px rgba(0,184,255,.28))!important;
}

.spec-card strong{
  display:block!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.18!important;
  text-align:left!important;
}

.spec-card span{
  display:none!important;
}

.tariff-grid{
  gap:0!important;
  padding:18px!important;
  border:1px solid rgba(126,255,255,.16)!important;
  border-radius:8px!important;
  background:rgba(3,24,25,.48)!important;
}

.tariff-card{
  min-height:430px!important;
  padding:28px!important;
  border-radius:8px!important;
}

.tariff-card.popular{
  transform:translateY(-18px)!important;
  border-color:rgba(95,247,255,.84)!important;
}

.badge{
  border-radius:8px!important;
  background:#00b8b2!important;
  color:#001415!important;
}

.tariff-card .btn{
  border-radius:8px!important;
}

.tariff-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  margin:24px 0 0!important;
  padding:0!important;
}

.all-plans{
  width:auto!important;
  margin:0!important;
  padding:12px 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(126,255,255,.20)!important;
  border-radius:8px!important;
  background:rgba(3,24,25,.70)!important;
  color:#fff!important;
  text-decoration:none!important;
}

.all-plans.secondary-link{
  color:#9fd8d8!important;
}

.benefit-grid{
  width:min(1120px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}

.benefit-grid .benefit-card,
.benefit-card,
.benefit-card:nth-child(1),
.benefit-card:nth-child(4){
  min-height:168px!important;
  padding:22px!important;
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  text-align:left!important;
  grid-column:auto!important;
}

.benefit-card img.benefit-icon,
.benefit-card:nth-child(1) img.benefit-icon,
.benefit-card:nth-child(4) img.benefit-icon{
  width:46px!important;
  height:46px!important;
  margin:0!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  justify-self:center!important;
}

.benefit-card h3{
  margin:0 0 8px!important;
  font-size:20px!important;
  line-height:1.2!important;
}

.benefit-card p,
.benefit-card:nth-child(1) p,
.benefit-card:nth-child(4) p{
  max-width:280px!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.45!important;
}

.panel-section{
  width:min(1120px,100%)!important;
  margin:72px auto 0!important;
  grid-template-columns:.42fr .58fr!important;
  gap:32px!important;
  padding:36px!important;
}

.panel-preview{
  min-height:360px!important;
  grid-template-columns:150px 1fr!important;
}

.dashboard{
  padding:22px!important;
  background:
    radial-gradient(circle at 80% 18%,rgba(0,184,178,.12),transparent 32%),
    linear-gradient(180deg,rgba(2,10,18,.96),rgba(2,10,18,.96))!important;
}

.metric-card{
  min-height:122px!important;
  padding:14px!important;
}

.metric-card strong{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  margin-top:6px!important;
}

.metric-chart{
  top:auto!important;
  left:14px!important;
  right:14px!important;
  bottom:10px!important;
  width:calc(100% - 28px)!important;
  height:46px!important;
  opacity:.9!important;
}

.info-row{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

@media(max-width:900px){
  .spec-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    margin-top:8px!important;
  }

  .tariff-grid{
    gap:14px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  .tariff-card.popular{
    transform:none!important;
  }

  .tariff-actions{
    flex-direction:column!important;
    align-items:stretch!important;
  }

  .benefit-grid{
    grid-template-columns:1fr!important;
  }

  .panel-section{
    grid-template-columns:1fr!important;
    padding:24px!important;
  }

  .panel-preview{
    grid-template-columns:1fr!important;
    min-height:auto!important;
  }
}

/* 2026-05-23 color polish: remove blue/purple leftovers, keep one teal system. */
:root{
  --nova-teal:#12c8bd;
  --nova-teal-bright:#5ff7ee;
  --nova-teal-soft:rgba(95,247,238,.20);
  --nova-panel:rgba(2,16,17,.78);
  --nova-panel-strong:rgba(3,26,27,.86);
  --nova-border:rgba(95,247,238,.24);
  --nova-border-strong:rgba(95,247,238,.58);
  --nova-muted:#a9caca;
}

.topbar,
.proof-cards article,
.platform-flow,
.tariffs,
.tariff-grid,
.tariff-card,
.knowledge-feature,
.knowledge-facts li,
.benefit-card,
.panel-section,
.panel-preview,
.metric-card,
.info-row span,
.faq details,
.footer{
  border-color:var(--nova-border)!important;
  background:var(--nova-panel)!important;
}

.tariff-card.popular,
.proof-cards article:hover,
.benefit-card:hover,
.knowledge-facts li:hover{
  border-color:var(--nova-border-strong)!important;
  background:var(--nova-panel-strong)!important;
  box-shadow:0 0 34px rgba(18,200,189,.08)!important;
}

.btn.primary,
.top-actions .primary,
.tariff-card .primary,
.cyan-order,
.nova-contact-toggle,
.badge{
  border-color:rgba(95,247,238,.62)!important;
  background:linear-gradient(180deg,#18d2c7,#0fb4aa)!important;
  color:#001817!important;
  box-shadow:0 16px 42px rgba(18,200,189,.18)!important;
}

.btn.ghost,
.btn.outline,
.tariff-card .btn.outline,
.all-plans,
.top-actions .ghost{
  border-color:var(--nova-border)!important;
  background:rgba(0,10,12,.34)!important;
  color:#eaffff!important;
  box-shadow:none!important;
}

.all-plans,
.secondary-link,
.section-kicker,
.eyebrow,
.type,
.type.accent,
.proof-cards strong,
.platform-flow .section-kicker{
  color:var(--nova-teal-bright)!important;
}

.nav a:hover,
.footer a:hover,
.all-plans:hover{
  color:var(--nova-teal-bright)!important;
  border-color:var(--nova-border-strong)!important;
}

.hero-text,
.proof-cards p,
.tariff-card p,
.tariff-card .price span,
.benefit-card p,
.knowledge-copy p,
.knowledge-facts small,
.panel-copy p,
.faq details p,
.footer p,
.footer small{
  color:var(--nova-muted)!important;
}

.spec-card,
.spec-card + .spec-card{
  border-color:var(--nova-border)!important;
  background:rgba(2,16,17,.52)!important;
}

.spec-icon,
.spec-card img.spec-icon,
.plan-widget,
.benefit-icon{
  filter:hue-rotate(-38deg) saturate(1.18) brightness(1.20) drop-shadow(0 0 12px rgba(18,200,189,.26))!important;
  opacity:.96!important;
}

.chart-line{
  stroke:var(--nova-teal-bright)!important;
}

.chart-dots circle{
  fill:var(--nova-teal-bright)!important;
}

.tariff-card .plan-widget,
.knowledge-feature .plan-widget,
.minecraft-facts .plan-widget{
  filter:brightness(0) saturate(100%) invert(76%) sepia(79%) saturate(511%) hue-rotate(122deg) brightness(101%) contrast(95%) drop-shadow(0 0 10px rgba(95,247,238,.22))!important;
  opacity:.92!important;
}

.benefit-card .benefit-icon,
.benefit-card:nth-child(1) img.benefit-icon,
.benefit-card:nth-child(4) img.benefit-icon{
  filter:brightness(0) saturate(100%) invert(76%) sepia(79%) saturate(511%) hue-rotate(122deg) brightness(101%) contrast(95%) drop-shadow(0 0 10px rgba(95,247,238,.22))!important;
  opacity:.92!important;
}

.chart-area{
  opacity:.86!important;
}

.panel-preview aside,
.panel-preview aside .active{
  background:rgba(3,24,27,.80)!important;
}

.panel-preview aside .active{
  color:#001817!important;
  background:var(--nova-teal)!important;
}

.checks li::before{
  color:var(--nova-teal-bright)!important;
}

.faq summary::after{
  color:var(--nova-teal-bright)!important;
}

/* Equalize top spec icons. */
.spec-card{
  grid-template-columns:44px minmax(0,1fr)!important;
}

.spec-icon,
.spec-card img.spec-icon{
  width:44px!important;
  height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  padding:4px!important;
  box-sizing:border-box!important;
  object-fit:contain!important;
  object-position:center!important;
}

.spec-card:first-child .spec-icon{
  padding:6px!important;
}

.spec-card:nth-child(4) .spec-icon{
  padding:5px!important;
}

/* 2026-05-23 transition cleanup: no boxed section slabs, smooth fade to black. */
body{
  background:
    linear-gradient(180deg,rgba(1,9,10,.08) 0%,rgba(1,9,10,.42) 38%,rgba(1,9,10,.86) 66%,#020909 100%),
    url('/assets/img/redesign/wire-mountain.png?v=20260523wire1') center top / 100% auto no-repeat,
    #020909!important;
}

.hero::after{
  content:""!important;
  position:absolute!important;
  left:calc(50% - 50vw)!important;
  right:calc(50% - 50vw)!important;
  bottom:-260px!important;
  height:420px!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(2,9,9,0),#020909 76%,#020909 100%)!important;
  z-index:0!important;
}

.hero-copy,
.hero-product,
.spec-strip,
.proof-cards{
  position:relative!important;
  z-index:1!important;
}

.tariffs,
.tariff-grid,
.benefits,
.panel-section,
.faq,
.footer{
  background:transparent!important;
  box-shadow:none!important;
}

.tariff-grid{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  gap:16px!important;
}

.tariff-card,
.tariff-card.popular{
  background:rgba(1,14,15,.72)!important;
  border-color:rgba(95,247,238,.24)!important;
}

.tariff-card.popular{
  border-color:rgba(95,247,238,.62)!important;
  box-shadow:0 0 0 1px rgba(95,247,238,.12),0 24px 70px rgba(0,0,0,.24)!important;
}

.knowledge-feature,
.benefit-card,
.panel-section,
.proof-cards article,
.faq details{
  background:rgba(1,14,15,.70)!important;
  border-color:rgba(95,247,238,.22)!important;
}

.platform-flow{
  background:
    radial-gradient(circle at 72% 22%,rgba(95,247,238,.08),transparent 30%),
    linear-gradient(180deg,#020909 0%,rgba(2,9,9,.96) 18%,rgba(2,9,9,.90) 62%,#020909 100%)!important;
}

.section,
.tariffs,
.benefits,
.panel-section,
.faq{
  position:relative!important;
}

.section::before,
.section::after,
.tariffs::before,
.tariffs::after,
.benefits::before,
.benefits::after,
.panel-section::before,
.panel-section::after{
  display:none!important;
}

/* 2026-05-23 platform visual: replace CSS placeholder with rendered asset. */
.flow-grid{
  grid-template-columns:220px minmax(300px,360px) minmax(0,1fr)!important;
  gap:48px!important;
}

.flow-core{
  width:100%!important;
  max-width:360px!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  border:0!important;
  background:url('/assets/img/redesign/platform-orbit.png?v=20260523orbit3') center / contain no-repeat!important;
  box-shadow:none!important;
}

.flow-core span{
  display:none!important;
}

@media (max-width: 820px){
  .flow-grid{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }

  .flow-core{
    width:min(320px,100%)!important;
    max-width:320px!important;
    justify-self:center!important;
  }
}

/* 2026-05-24 top navigation closer to DigitalOcean: full-width dark rail, no boxed card. */
.site-shell{
  width:100%!important;
  padding-top:0!important;
}

.topbar{
  position:sticky!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:72px!important;
  margin:0!important;
  padding:0 max(32px,calc((100vw - 1280px)/2))!important;
  border:0!important;
  border-bottom:1px solid rgba(95,247,238,.16)!important;
  border-radius:0!important;
  background:rgba(0,0,0,.92)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:none!important;
}

.topbar .brand{
  min-width:240px!important;
  gap:12px!important;
  font-size:22px!important;
  letter-spacing:-.035em!important;
}

.topbar .brand img{
  width:38px!important;
  height:38px!important;
}

.topbar .nav{
  flex:1!important;
  justify-content:center!important;
  gap:34px!important;
  font-size:14px!important;
}

.topbar .nav a{
  padding:25px 0!important;
  border:0!important;
  background:transparent!important;
  color:#f4fbfb!important;
  opacity:.92!important;
}

.topbar .nav a:hover{
  color:var(--nova-teal-bright)!important;
}

.topbar .top-actions{
  min-width:240px!important;
  justify-content:flex-end!important;
  gap:12px!important;
}

.topbar .top-actions .btn{
  height:46px!important;
  min-width:84px!important;
  padding:0 24px!important;
  border-radius:0!important;
  font-size:14px!important;
  transform:none!important;
}

.topbar .top-actions .btn.ghost{
  background:transparent!important;
  border:1px solid rgba(95,247,238,.28)!important;
  color:#f4fbfb!important;
}

.topbar .top-actions .btn.primary{
  background:#13bfb9!important;
  border:1px solid #13bfb9!important;
  color:#001313!important;
  box-shadow:none!important;
}

.topbar .top-actions .btn:hover{
  border-color:var(--nova-teal-bright)!important;
}

main,
.footer{
  width:min(1280px,calc(100% - 48px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media (max-width: 900px){
  .topbar{
    height:auto!important;
    min-height:72px!important;
    flex-wrap:wrap!important;
    padding:12px 18px!important;
    gap:12px!important;
  }

  .topbar .brand,
  .topbar .top-actions{
    min-width:0!important;
  }

  .topbar .nav{
    order:3!important;
    width:100%!important;
    justify-content:flex-start!important;
    gap:10px!important;
    overflow-x:auto!important;
    padding-bottom:2px!important;
  }

  .topbar .nav a{
    flex:0 0 auto!important;
    padding:8px 12px!important;
    border:1px solid rgba(95,247,238,.18)!important;
  }
}

@media (max-width: 620px){
  .topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    padding:12px 14px 10px!important;
  }

  .topbar .brand{
    min-width:0!important;
    gap:9px!important;
  }

  .topbar .brand img{
    width:34px!important;
    height:34px!important;
  }

  .topbar .brand span{
    font-size:20px!important;
    white-space:nowrap!important;
  }

  .topbar .top-actions{
    min-width:0!important;
    gap:8px!important;
  }

  .topbar .top-actions .btn{
    height:38px!important;
    min-width:0!important;
    padding:0 14px!important;
    font-size:12px!important;
  }

  .topbar .top-actions .btn.ghost{
    display:none!important;
  }

  .topbar .nav{
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
  }

  .topbar .nav a{
    min-width:0!important;
    width:100%!important;
    min-height:44px!important;
    padding:8px 8px!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    line-height:1.12!important;
    font-size:12px!important;
  }
}

/* 2026-05-24 auth buttons: DigitalOcean-like text login + rounded registration CTA. */
.topbar .top-actions{
  align-items:center!important;
}

.topbar .top-actions .btn.ghost{
  height:auto!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#f4fbfb!important;
  font-size:15px!important;
  font-weight:800!important;
}

.topbar .top-actions .btn.ghost:hover{
  color:var(--nova-teal-bright)!important;
}

.topbar .top-actions .btn.primary{
  height:44px!important;
  min-width:156px!important;
  padding:0 24px!important;
  border:0!important;
  border-radius:999px!important;
  background:#73eff7!important;
  color:#001313!important;
  font-size:15px!important;
  font-weight:850!important;
  box-shadow:none!important;
}

.topbar .top-actions .btn.primary:hover{
  background:#8cf7ff!important;
}

@media (max-width: 620px){
  .topbar .top-actions .btn.primary{
    height:38px!important;
    min-width:124px!important;
    padding:0 14px!important;
    font-size:12px!important;
  }
}

/* 2026-05-24 top nav typography: closer to DigitalOcean header. */
.topbar .nav,
.topbar .top-actions .btn{
  font-family:Inter, "Segoe UI", Arial, sans-serif!important;
  letter-spacing:0!important;
}

.topbar .nav{
  font-size:16px!important;
}

.topbar .nav a{
  font-size:16px!important;
  font-weight:500!important;
}

.topbar .top-actions .btn.ghost,
.topbar .top-actions .btn.primary{
  font-size:16px!important;
  font-weight:500!important;
}

.topbar .top-actions .btn.primary{
  min-width:166px!important;
}

@media (max-width: 620px){
  .topbar .nav{
    font-size:13px!important;
  }

  .topbar .nav a{
    font-size:13px!important;
    font-weight:500!important;
  }

  .topbar .top-actions .btn.primary{
    min-width:128px!important;
    font-size:12px!important;
  }
}