/* SuperAmplitude Hosting — premium clean marketing layout */
:root{
  --sa-navy:#062f4a;
  --sa-navy-2:#0a4364;
  --sa-petrol:#0f5f66;
  --sa-orange:#f47b20;
  --sa-orange-dark:#d86512;
  --sa-ink:#17313b;
  --sa-muted:#657a82;
  --sa-line:#c6d4d8;
  --sa-soft:#f5f9fa;
  --sa-soft-blue:#edf6fb;
  --sa-white:#fff;
  --sa-shadow:0 18px 48px rgba(6,47,74,.09);
}

html{scroll-behavior:smooth;width:100%;overflow-x:hidden}
body{background:#fff;color:var(--sa-ink);width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
body.menu-open{overflow-x:hidden}
.eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--sa-petrol)}
.btn{border-radius:5px!important;min-height:42px;padding:0 16px}
.btn.primary{background:var(--sa-orange);border-color:var(--sa-orange-dark);color:#fff}
.btn.primary:hover{background:var(--sa-orange-dark)}
.secondary-cta,.outline-orange{border:1px solid var(--sa-orange)!important;color:var(--sa-orange-dark)!important;background:#fff!important}
.secondary-cta:hover,.outline-orange:hover{background:#fff6ee!important}

/* Header */
.hosting-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #d7e1e4}
.hosting-header-inner{max-width:1280px;margin:auto;min-height:68px;padding:9px 22px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center}
.hosting-brand{min-width:0}
.hosting-brand img{width:auto;height:34px;display:block}
.hosting-main-nav{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}
.hosting-nav-links{min-width:0;display:flex;align-items:center;justify-content:center;gap:22px}
.hosting-main-nav a{font-size:12px;font-weight:760;color:#24434e;position:relative}
.hosting-main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--sa-orange);transition:.18s}
.hosting-main-nav a:hover:after{right:0}
.hosting-header-actions{display:flex;align-items:center;gap:8px}
.client-btn{border:1px solid #8ba4ab!important;color:var(--sa-navy)!important;background:#fff!important}
.header-plan-btn{min-width:110px}
.language-select{height:40px;border:1px solid #9aadb2;border-radius:5px;background:#fff;color:var(--sa-navy);padding:0 9px;font:inherit;font-size:11px;font-weight:800}
.hosting-menu-toggle{display:none;border:0;background:transparent;padding:7px}
.hosting-menu-toggle span{display:block;width:21px;height:2px;background:var(--sa-navy);margin:4px 0}
.hosting-menu-toggle strong{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden}

/* Main */
.hosting-home{max-width:1280px;margin:auto;padding:0 22px 62px}
.marketing-hero{min-height:510px;display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.9fr);align-items:center;gap:40px;padding:54px 0 34px}
.marketing-hero-copy{max-width:700px}
.marketing-hero h1{font-size:clamp(42px,5.2vw,68px);line-height:1.01;letter-spacing:-.04em;margin:12px 0 18px;color:var(--sa-navy)}
.marketing-hero .lead{font-size:18px;line-height:1.58;max-width:650px}
.marketing-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.marketing-hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px}
.marketing-hero-points span{font-size:11px;font-weight:760;color:#31505a;padding-left:15px;position:relative}
.marketing-hero-points span:before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;border-radius:50%;background:#1c9c68;transform:translateY(-50%)}
.marketing-hero-visual{position:relative;display:flex;align-items:center;justify-content:center}
.marketing-hero-visual:before{content:"";position:absolute;inset:4% -2% 8% 7%;border-radius:24px;background:linear-gradient(135deg,#eff8ff,#eaf5f5);z-index:-1}
.marketing-hero-visual img{display:block;width:100%;max-width:590px;height:auto;border:1px solid #9fb7bd;border-radius:13px;background:#f8fcfd;box-shadow:var(--sa-shadow)}
.hero-floating-card{position:absolute;right:-4px;bottom:26px;max-width:220px;padding:11px 13px;background:#fff;border:1px solid #b8c9cd;border-radius:7px;box-shadow:0 10px 28px rgba(6,47,74,.12)}
.hero-floating-card strong,.hero-floating-card span{display:block}
.hero-floating-card strong{font-size:12px;color:var(--sa-navy)}
.hero-floating-card span{font-size:10px;color:var(--sa-muted);margin-top:3px;line-height:1.4}

/* trust bar */
.trust-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid #d4e0e3;border-radius:9px;box-shadow:0 8px 28px rgba(6,47,74,.05);background:#fff;overflow:hidden;margin-bottom:20px}
.trust-strip article{min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:14px 13px;border-right:1px solid #e3eaec}
.trust-strip article:last-child{border-right:0}
.trust-icon{grid-row:1/3;width:32px;height:32px;border-radius:6px;background:#edf5f7;color:var(--sa-petrol);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900}
.trust-strip strong{font-size:10px;color:var(--sa-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trust-strip small{font-size:8.5px;color:var(--sa-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Domain */
.domain-showcase{margin:20px 0 14px;padding:20px;border:1px solid #c4d4d8;border-radius:10px;background:#fff;box-shadow:0 10px 30px rgba(6,47,74,.05)}
.domain-copy{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:18px;align-items:end;margin-bottom:13px}
.domain-copy h2{font-size:26px;margin:5px 0 0;color:var(--sa-navy)}
.domain-copy p{margin:0;color:var(--sa-muted);font-size:13px}
.domain-copy-home{display:block;text-align:center;max-width:780px;margin:0 auto 18px}
.domain-copy-home h2{font-size:30px;margin:6px 0 8px}
.domain-copy-home p{max-width:650px;margin:0 auto}
.domain-search-home{max-width:1080px;margin:0 auto}
.domain-search-form{display:grid;grid-template-columns:minmax(260px,1fr) minmax(160px,220px) auto;gap:8px;align-items:end}
.domain-search-form label{display:block;margin-bottom:4px;color:var(--sa-navy);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.domain-search-form input,.domain-search-form select{width:100%;height:42px;border:1px solid #95aab0;border-radius:4px;background:#fff;color:var(--sa-navy);padding:0 10px;font:inherit;font-size:13px}
.domain-selected-price{height:42px;border:1px solid #95aab0;border-radius:4px;background:#f9fbfb;padding:6px 10px;display:flex;flex-direction:column;justify-content:center}
.domain-selected-price span{font-size:8px;color:var(--sa-muted);text-transform:uppercase}
.domain-selected-price strong{font-size:14px;color:var(--sa-petrol)}
.domain-search-button{height:42px;white-space:nowrap}
.domain-search-result{margin-top:8px}
.domain-quote{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border:1px solid #a4b6bb;border-radius:5px;padding:9px;background:#fbfdfd}
.domain-quote small,.domain-quote strong{display:block}
.domain-quote small{font-size:8px;color:var(--sa-muted);text-transform:uppercase}
.domain-quote strong{margin-top:2px;font-size:12px;color:var(--sa-navy);overflow-wrap:anywhere}
.domain-promo-note{margin:10px 0 0;padding:7px 10px;border-left:3px solid var(--sa-orange);background:#fff7f0;color:#77441d;font-size:9.5px;font-weight:740}
.domain-home-popular{max-width:1080px;margin:14px auto 0;padding-top:12px;border-top:1px solid #e5ecee}
.domain-home-popular-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:8px}
.domain-home-popular-head strong,.domain-home-popular-head small{display:block}
.domain-home-popular-head strong{font-size:11px;color:var(--sa-navy)}
.domain-home-popular-head small{font-size:8.5px;color:var(--sa-muted);margin-top:2px}
.domain-home-popular-head a{font-size:9px;font-weight:850;color:var(--sa-orange-dark);text-decoration:none}
.domain-popular-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.domain-popular-chip{border:1px solid #b8c8cc;border-radius:4px;background:#fff;padding:9px 8px;cursor:pointer;text-align:center}
.domain-popular-chip:hover{border-color:var(--sa-orange);background:#fff8f2}
.domain-popular-chip strong{font-size:12px;color:var(--sa-navy)}

/* Shortcut services */
.service-shortcuts{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin:14px 0 34px;border:1px solid #ccd9dc;border-radius:8px;overflow:hidden;background:#fff}
.service-shortcuts button,.service-shortcuts a{min-width:0;color:inherit;text-decoration:none;border:0;border-right:1px solid #e0e7e9;background:#fff;padding:14px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px}
.service-shortcuts button:last-child,.service-shortcuts a:last-child{border-right:0}
.service-shortcuts button:hover,.service-shortcuts a:hover{background:#f3f8fa}
.service-shortcuts button span,.service-shortcuts a span{width:34px;height:34px;border-radius:6px;background:#edf5f7;display:flex;align-items:center;justify-content:center;color:var(--sa-navy);font-size:14px;font-weight:900}
.service-shortcuts button strong,.service-shortcuts a strong{font-size:10px;color:var(--sa-navy)}
.service-shortcuts button small,.service-shortcuts a small{font-size:8.5px;color:var(--sa-muted);line-height:1.25}

/* marketing sections */
.marketing-section{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.5fr);gap:30px;align-items:start;padding:38px 0;border-top:1px solid #e0e7e9}
.marketing-section-copy h2{font-size:32px;line-height:1.07;margin:7px 0 12px;color:var(--sa-navy)}
.marketing-section-copy p{color:var(--sa-muted);font-size:14px;line-height:1.55}
.check-list{padding:0;margin:17px 0 18px;list-style:none}
.check-list li{position:relative;padding:5px 0 5px 20px;color:#36545f;font-size:12px}
.check-list li:before{content:"✓";position:absolute;left:0;color:#1c9c68;font-weight:900}
.featured-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}

/* plan cards */
.vps-plan{position:relative;padding:16px!important;display:flex;flex-direction:column;border:1px solid #c2d0d4!important;border-radius:8px!important;background:#fff;box-shadow:none}
.vps-plan.featured{border-color:#7ea7c6!important;box-shadow:0 10px 26px rgba(6,47,74,.08)}
.vps-plan .eyebrow{font-size:9px}
.vps-plan h3{font-size:18px;margin:8px 0 4px;color:var(--sa-navy)}
.vps-plan p{font-size:11px;line-height:1.45;color:var(--sa-muted);min-height:0;margin-bottom:8px}
.vps-plan .price{font-size:25px;margin:10px 0;color:var(--sa-petrol)}
.vps-plan .price small{font-size:10px}
.plan-badge{position:absolute;top:9px;right:9px;background:var(--sa-orange);color:#fff;padding:4px 6px;border-radius:3px;font-size:7px;font-weight:900;letter-spacing:.05em}
.plan-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:4px 0 9px}
.plan-specs>div{border:1px solid #d1dcdf;border-radius:4px;padding:6px;background:#fafcfc;min-width:0}
.plan-specs small{display:block;color:var(--sa-muted);font-size:7px;text-transform:uppercase;margin-bottom:2px}
.plan-specs strong{display:block;color:var(--sa-navy);font-size:9px;line-height:1.25;overflow-wrap:anywhere}
.vps-plan ul{padding-left:16px;color:var(--sa-muted);font-size:10px;line-height:1.55}
.plan-cta{width:100%;margin-top:auto;min-height:38px;font-size:11px}

/* Catalog */
.catalog-section{padding:42px 0 36px;border-top:1px solid #e0e7e9}
.section-heading-centered{text-align:center;max-width:720px;margin:0 auto 22px}
.section-heading-centered h2{font-size:34px;line-height:1.08;margin:8px 0 10px;color:var(--sa-navy)}
.section-heading-centered p{margin:0;color:var(--sa-muted);font-size:13px;line-height:1.55}
.hosting-sort-note{display:inline-flex;margin:0 0 9px;padding:5px 8px;border-left:3px solid var(--sa-orange);background:#fff6ee;color:#7b431d;font-size:9px;font-weight:800}
.hosting-family-nav,.hosting-variant-nav{display:flex;gap:6px;flex-wrap:wrap}
.hosting-family-nav{justify-content:center;margin-bottom:15px;padding-bottom:13px;border-bottom:1px solid #e0e7e9}
.hosting-variant-nav{justify-content:flex-start;margin-bottom:12px}
.hosting-family-nav button,.hosting-variant-nav button{border:1px solid #d16a1c;background:#fff;color:#8a4718;border-radius:4px;padding:8px 10px;font-size:10px;font-weight:800;cursor:pointer}
.hosting-family-nav button:hover,.hosting-variant-nav button:hover{background:#fff4eb}
.hosting-family-nav button.active,.hosting-variant-nav button.active{background:var(--sa-orange);border-color:var(--sa-orange-dark);color:#fff}
.hosting-family-body{min-height:320px}
.hosting-clean-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hosting-configurator{max-width:100%;border:1px solid #b3c4c8;border-radius:7px;padding:14px;background:#f8fbfb}
.configurator-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:9px}
.configurator-head h3{margin:3px 0 0;color:var(--sa-navy);font-size:19px}
.slice-value{font-size:14px;color:var(--sa-navy);background:#fff;border:1px solid #9fb3b8;border-radius:4px;padding:7px 9px;white-space:nowrap}
.slice-control{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px}
.slice-control button{width:34px;height:34px;border:1px solid var(--sa-orange);background:#fff;color:var(--sa-orange);border-radius:4px;font-size:18px;font-weight:800;cursor:pointer}
.slice-control button:hover{background:var(--sa-orange);color:#fff}
.slice-control input[type=range]{width:100%;accent-color:var(--sa-orange)}
.slice-scale{display:flex;justify-content:space-between;color:var(--sa-muted);font-size:8px;margin:0 42px 8px}
.configured-plan{max-width:580px;margin-top:10px}
.configured-label{margin-top:12px;color:var(--sa-navy);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.plans-message{text-align:center;margin-top:9px;color:var(--sa-muted);font-size:9px}

/* VPS price ladder */
.vps-price-ladder{margin:12px 0 14px;padding:10px;border:1px solid #c2d0d4;border-radius:6px;background:#fff}
.vps-price-ladder-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:7px}
.vps-price-ladder-head strong{color:var(--sa-navy);font-size:11px}
.vps-price-ladder-head span{color:var(--sa-muted);font-size:8px;font-weight:700}
.vps-price-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.vps-price-choice{display:flex;justify-content:space-between;gap:6px;align-items:center;text-align:left;border:1px solid #bdcbd0;background:#fff;border-radius:4px;padding:7px;cursor:pointer}
.vps-price-choice:hover,.vps-price-choice.active{border-color:var(--sa-orange);background:#fff7f0}
.vps-price-choice strong,.vps-price-choice small{display:block}
.vps-price-choice strong{color:var(--sa-navy);font-size:10px}
.vps-price-choice span small{color:var(--sa-muted);font-size:7px;margin-top:1px}
.vps-price-choice>b{color:var(--sa-orange-dark);font-size:10px;white-space:nowrap}
.vps-price-choice>b small{display:block;color:var(--sa-muted);font-size:6.5px;text-align:right}
.vps-all-prices{margin-top:8px;border-top:1px solid #e3eaec;padding-top:7px}
.vps-all-prices summary{cursor:pointer;color:var(--sa-petrol);font-weight:850;font-size:9px}
.vps-price-table-wrap{overflow:visible;margin-top:7px;border:1px solid #d5e0e2;border-radius:4px}
.vps-all-prices table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;font-size:9px}
.vps-all-prices th,.vps-all-prices td{overflow-wrap:anywhere}
.vps-all-prices th{padding:6px 7px;background:#edf4f4;color:#415b64;text-align:left;border-bottom:1px solid #d5e0e2}
.vps-all-prices td{padding:7px;border-bottom:1px solid #e3eaec}
.vps-all-prices tr.active{background:#fff7f0}
.vps-all-prices td button{border:1px solid var(--sa-orange);background:var(--sa-orange);color:#fff;border-radius:3px;padding:4px 6px;font-size:8px;font-weight:800;cursor:pointer}

/* Solutions */
.ready-solutions{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);gap:28px;align-items:center;padding:40px 0;border-top:1px solid #e0e7e9}
.ready-solutions-copy h2{font-size:32px;line-height:1.08;margin:7px 0 10px;color:var(--sa-navy)}
.ready-solutions-copy p{color:var(--sa-muted);font-size:13px;line-height:1.55}
.solution-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.solution-cards article{border:1px solid #cbd8db;border-radius:7px;background:#fff;padding:8px;box-shadow:0 8px 20px rgba(6,47,74,.04)}
.solution-visual{display:block;height:90px;border-radius:5px;margin-bottom:8px;background:linear-gradient(135deg,#eaf3f6,#d6e5ea);position:relative;overflow:hidden}
.solution-visual:after{content:"";position:absolute;inset:16px 13px;background:#fff;border:1px solid #b9cbd0;border-radius:4px;box-shadow:0 5px 12px rgba(6,47,74,.08)}
.solution-visual.restaurant{background:linear-gradient(135deg,#f5e4d4,#d9edf0)}
.solution-visual.clinic{background:linear-gradient(135deg,#e1f2f0,#e8f0fa)}
.solution-visual.store{background:linear-gradient(135deg,#f7eadc,#edf2f6)}
.solution-visual.services{background:linear-gradient(135deg,#e4eef7,#e4f3ec)}
.solution-cards strong,.solution-cards small{display:block}
.solution-cards strong{font-size:10px;color:var(--sa-navy)}
.solution-cards small{font-size:8px;color:var(--sa-muted);margin-top:2px}

/* Security and FAQ */
.security-strip{margin:10px -22px 0;padding:30px 22px;background:linear-gradient(180deg,#f3f9fb,#edf6f9);display:grid;grid-template-columns:minmax(220px,.6fr) minmax(0,1.4fr);gap:26px;align-items:center}
.security-intro h2{font-size:29px;line-height:1.08;margin:6px 0;color:var(--sa-navy)}
.security-items{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.security-items article{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:10px;border-right:1px solid #d5e1e4}
.security-items article:last-child{border-right:0}
.security-items span{width:34px;height:34px;border-radius:7px;background:#fff;color:var(--sa-orange-dark);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;border:1px solid #d2dfe2}
.security-items strong{font-size:9px;color:var(--sa-navy)}
.faq-section{padding:42px 0 22px}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.faq-grid details{border:1px solid #c8d6d9;border-radius:6px;padding:13px;background:#fff}
.faq-grid summary{cursor:pointer;font-weight:800;color:var(--sa-navy);font-size:11px}
.faq-grid p{color:var(--sa-muted);line-height:1.5;font-size:10px}
.final-cta{margin:22px 0 0;border-radius:9px;padding:25px;background:linear-gradient(135deg,var(--sa-navy),var(--sa-petrol));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px}
.final-cta h2,.final-cta p,.final-cta .eyebrow{color:#fff}
.final-cta h2{font-size:28px;margin:6px 0}
.final-cta p{margin:0;font-size:12px;opacity:.9}

/* Footer */
.hosting-footer{background:#052b44;color:#dbe8ec;margin-top:0}
.hosting-footer-grid{max-width:1280px;margin:auto;padding:36px 22px 28px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:34px}
.footer-brand img{height:34px;filter:brightness(0) invert(1)}
.footer-brand p{max-width:360px;font-size:10px;line-height:1.55;color:#aec2c9}
.hosting-footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:8px}
.hosting-footer-grid strong{font-size:11px;color:#fff;margin-bottom:3px}
.hosting-footer-grid a{font-size:9px;color:#b9ccd2}
.hosting-footer-grid a:hover{color:#fff}
.hosting-footer-bottom{border-top:1px solid rgba(255,255,255,.12);max-width:1280px;margin:auto;padding:14px 22px 22px;display:flex;justify-content:space-between;gap:18px;font-size:8px;color:#9fb5bc}

/* Tablet */
@media(max-width:1050px){
  .hosting-header-inner{grid-template-columns:minmax(0,1fr) auto;gap:12px}
  .hosting-menu-toggle{display:block;justify-self:end;width:42px;height:42px;border:1px solid #c5d2d6;border-radius:5px;background:#fff;position:relative}
  .hosting-menu-toggle span{width:20px;margin:4px auto}
  .hosting-main-nav{display:none;position:absolute;top:68px;left:12px;right:12px;overflow:visible;background:#fff;border:1px solid #cbd8db;border-radius:7px;padding:10px;box-shadow:var(--sa-shadow);grid-template-columns:1fr;gap:10px;align-items:stretch}
  .hosting-main-nav.open{display:grid}
  .hosting-nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .hosting-nav-links a{display:block;padding:11px 9px;border-bottom:1px solid #eef2f3;font-size:12px}
  .hosting-nav-links a:last-child{border-bottom:0}
  .hosting-nav-links a:after{display:none}
  .hosting-header-actions{display:grid;grid-template-columns:74px minmax(0,1fr) minmax(0,1fr);gap:7px;padding-top:9px;border-top:1px solid #e5ebed}
  .hosting-header-actions .btn,.hosting-header-actions .language-select{width:100%;min-width:0;min-height:38px;height:38px;padding:0 7px;font-size:9px}
  .marketing-hero{grid-template-columns:1fr 1fr;gap:28px;min-height:470px}
  .trust-strip{grid-template-columns:repeat(3,1fr)}
  .trust-strip article:nth-child(3){border-right:0}
  .trust-strip article:nth-child(-n+3){border-bottom:1px solid #e3eaec}
  .service-shortcuts{grid-template-columns:repeat(4,1fr)}
  .service-shortcuts button:nth-child(4),.service-shortcuts a:nth-child(4){border-right:0}
  .service-shortcuts button:nth-child(-n+4),.service-shortcuts a:nth-child(-n+4){border-bottom:1px solid #e0e7e9}
  .featured-plan-grid{grid-template-columns:repeat(2,1fr)}
  .hosting-clean-grid{grid-template-columns:repeat(2,1fr)}
  .solution-cards{grid-template-columns:repeat(2,1fr)}
  .security-items{grid-template-columns:repeat(3,1fr)}
  .security-items article:nth-child(3){border-right:0}
  .security-items article:nth-child(-n+3){border-bottom:1px solid #d5e1e4}
}

/* Mobile */
@media(max-width:760px){
  .hosting-header-inner{min-height:58px;padding:8px 12px}
  .hosting-brand img{height:30px;max-width:190px}
  .hosting-main-nav{top:58px;left:8px;right:8px}
  .hosting-header-actions{grid-template-columns:1fr 1fr}
  .hosting-header-actions .language-select{grid-column:1/-1}
  .hosting-home{padding:0 12px 42px;max-width:100%}
  .marketing-hero{grid-template-columns:1fr;gap:18px;padding:26px 0 22px;min-height:0;text-align:center}
  .marketing-hero-copy{max-width:none;min-width:0}
  .marketing-hero h1{font-size:clamp(33px,10vw,46px)}
  .marketing-hero .lead{font-size:15px}
  .marketing-hero-actions{justify-content:center}
  .marketing-hero-points{justify-content:center;gap:10px 14px}
  .marketing-hero-visual{order:-1;min-width:0}
  .marketing-hero-visual:before{inset:4% 0 8% 7%}
  .marketing-hero-visual img{max-height:250px;object-fit:contain}
  .hero-floating-card{right:5px;bottom:10px;max-width:170px;padding:8px 9px}
  .trust-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}
  .trust-strip article{min-width:0;border-bottom:1px solid #e3eaec}
  .trust-strip article:nth-child(even){border-right:0}
  .trust-strip article:nth-last-child(-n+2){border-bottom:0}
  .domain-showcase{padding:14px;margin-top:14px;min-width:0}
  .domain-copy{grid-template-columns:1fr;text-align:center;gap:5px}
  .domain-copy h2{font-size:24px}
  .domain-copy-home{display:block}
  .domain-copy-home h2{font-size:26px}
  .domain-search-form{grid-template-columns:1fr 1fr;min-width:0}
  .domain-search-form>*{min-width:0}
  .domain-name-field{grid-column:1/-1}
  .domain-search-button{grid-column:1/-1}
  .domain-quote{grid-template-columns:1fr 1fr}
  .domain-home-popular-head{align-items:flex-start;flex-direction:column;gap:5px}
  .domain-popular-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .domain-popular-chip{width:100%;min-width:0}
  .service-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}
  .service-shortcuts button{min-width:0;border-right:1px solid #e0e7e9;border-bottom:1px solid #e0e7e9}
  .service-shortcuts button:nth-child(even),.service-shortcuts a:nth-child(even){border-right:0}
  .service-shortcuts button:last-child,.service-shortcuts a:last-child{grid-column:1/-1}
  .marketing-section,.ready-solutions,.security-strip{grid-template-columns:1fr;min-width:0}
  .marketing-section{gap:18px;padding:28px 0}
  .marketing-section-copy{text-align:center}
  .marketing-section-copy h2,.ready-solutions-copy h2{font-size:28px}
  .check-list{display:inline-block;text-align:left}
  .featured-plan-grid,.hosting-clean-grid{grid-template-columns:1fr}
  .section-heading-centered h2{font-size:29px}
  .hosting-family-nav,.hosting-variant-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;justify-content:stretch;padding-bottom:8px}
  .hosting-family-nav button,.hosting-variant-nav button{width:100%;min-width:0;white-space:normal;line-height:1.25;padding:9px 7px}
  .hosting-configurator{padding:10px;min-width:0}
  .configurator-head{align-items:flex-start;flex-direction:column}
  .slice-control{min-width:0}
  .vps-price-choices{grid-template-columns:1fr 1fr}
  .configured-plan{max-width:none}
  .vps-price-table-wrap{overflow:visible;border:0}
  .vps-all-prices table,.vps-all-prices tbody{display:block;width:100%;min-width:0}
  .vps-all-prices thead{display:none}
  .vps-all-prices tr{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:0 0 6px;padding:7px;border:1px solid #d5e0e2;border-radius:4px;background:#fff}
  .vps-all-prices tr.active{background:#fff7f0;border-color:#edb17e}
  .vps-all-prices td{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;padding:4px;border:0;font-size:9px}
  .vps-all-prices td:before{content:attr(data-label);font-weight:800;color:#526b73;font-size:8px}
  .vps-all-prices td:last-child{grid-column:1/-1}
  .vps-all-prices td:last-child:before{display:none}
  .vps-all-prices td button{width:100%}
  .ready-solutions{text-align:center;gap:18px;padding:30px 0}
  .solution-cards{grid-template-columns:1fr 1fr}
  .security-strip{margin-left:-12px;margin-right:-12px;padding:24px 12px}
  .security-intro{text-align:center}
  .security-items{grid-template-columns:repeat(2,minmax(0,1fr))}
  .security-items article{min-width:0;border-right:1px solid #d5e1e4;border-bottom:1px solid #d5e1e4}
  .security-items article:nth-child(even){border-right:0}
  .security-items article:nth-last-child(-n+2){border-bottom:0}
  .faq-grid{grid-template-columns:1fr}
  .final-cta{align-items:center;flex-direction:column;text-align:center}
  .hosting-footer-grid{grid-template-columns:1fr 1fr;gap:24px;padding:28px 14px 22px}
  .footer-brand{grid-column:1/-1;text-align:center}
  .footer-brand img{margin:auto}
  .footer-brand p{margin:10px auto 0}
  .hosting-footer-bottom{padding:12px 14px 18px;flex-direction:column;text-align:center;gap:4px}
}

@media(max-width:440px){
  .hosting-header-actions{grid-template-columns:1fr}
  .hosting-header-actions .language-select{grid-column:auto}
  .marketing-hero-actions{display:grid;grid-template-columns:1fr;width:100%}
  .marketing-hero-actions .btn{width:100%}
  .domain-search-form{grid-template-columns:1fr}
  .domain-name-field{grid-column:auto}
  .domain-search-button{grid-column:auto}
  .domain-quote{grid-template-columns:1fr}
  .domain-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .featured-plan-grid,.solution-cards{grid-template-columns:1fr}
  .plan-specs{grid-template-columns:1fr 1fr}
  .vps-price-choices{grid-template-columns:1fr}
  .hosting-family-nav,.hosting-variant-nav{grid-template-columns:1fr}
  .vps-all-prices tr{grid-template-columns:1fr}
  .vps-all-prices td:last-child{grid-column:auto}
  .hosting-footer-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
}


/* Homepage 1920x680 visual hero */
#homepage-visual-hero{
  display:block!important;
  min-height:0!important;
  padding:20px 0 28px!important;
  position:relative;
}
.homepage-hero-accessible{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.homepage-hero-link{
  display:block;
  width:100%;
  overflow:hidden;
  border:1px solid #d6e3e8;
  border-radius:10px;
  background:#f7fbff;
  box-shadow:0 18px 48px rgba(6,47,74,.10);
}
.homepage-hero-link img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1920/680;
  object-fit:cover;
}
@media (max-width:740px){
  #homepage-visual-hero{padding:12px 0 18px!important}
  .homepage-hero-link{border-radius:7px}
  .homepage-hero-link img{
    height:260px;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:38% center;
  }
}


/* Shared commerce header — standard ecommerce pattern inspired by Zap's clear search/account/category structure */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.sa-commerce-header{position:sticky;top:0;z-index:100;width:100%;background:#fff;box-shadow:0 2px 12px rgba(6,47,74,.06)}
.sa-header-shell{width:min(1280px,100%);margin:0 auto;padding-left:22px;padding-right:22px;min-width:0}
.sa-header-strip{background:var(--sa-navy);color:#dce9ed;font-size:10px}
.sa-header-strip .sa-header-shell{height:30px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.sa-header-strip-right{display:flex;align-items:center;gap:10px}
.sa-header-currency{font-weight:800;color:#fff}
.sa-header-language{height:24px;border:1px solid rgba(255,255,255,.28);border-radius:3px;background:#0b405e;color:#fff;font:inherit;font-weight:800;padding:0 6px}
.sa-header-main{background:#fff;border-bottom:1px solid #dbe4e7}
.sa-header-main-grid{min-height:70px;display:grid;grid-template-columns:auto minmax(280px,1fr) auto;align-items:center;gap:22px}
.sa-header-brand{display:block;min-width:0}
.sa-header-brand img{display:block;width:auto;height:35px;max-width:230px}
.sa-header-search{height:44px;display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid #9bb0b6;border-radius:5px;overflow:hidden;background:#fff;min-width:0}
.sa-header-search:focus-within{border-color:var(--sa-petrol);box-shadow:0 0 0 2px rgba(15,95,102,.08)}
.sa-header-search input{min-width:0;width:100%;border:0;outline:0;padding:0 14px;background:#fff;color:var(--sa-ink);font:inherit;font-size:12px}
.sa-header-search button{height:100%;min-width:94px;border:0;border-left:1px solid #d36d1f;background:var(--sa-orange);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;font:inherit;font-size:10px;font-weight:850;cursor:pointer}
.sa-header-search button:hover{background:var(--sa-orange-dark)}
.sa-header-search svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.sa-header-actions{display:flex;align-items:center;gap:6px;min-width:0}
.sa-header-action{min-width:0;min-height:44px;display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;color:var(--sa-navy);text-decoration:none}
.sa-header-action:hover{background:#f1f6f7}
.sa-action-icon{width:30px;height:30px;position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.sa-action-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sa-action-copy{display:flex;flex-direction:column;min-width:0}
.sa-action-copy small{font-size:8px;color:var(--sa-muted);line-height:1.1}
.sa-action-copy strong{font-size:10px;white-space:nowrap;line-height:1.2}
.sa-cart-count{position:absolute;right:-4px;top:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:var(--sa-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:900}
.sa-header-menu-toggle{display:none;width:42px;height:42px;border:1px solid #bccbd0;border-radius:4px;background:#fff;padding:7px;cursor:pointer;position:relative}
.sa-header-menu-toggle>span{display:block;width:20px;height:2px;margin:4px auto;background:var(--sa-navy);transition:.18s}
.sa-header-menu-toggle em{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.sa-header-menu-toggle.open>span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.sa-header-menu-toggle.open>span:nth-child(2){opacity:0}
.sa-header-menu-toggle.open>span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.sa-header-categories{background:#fff;border-bottom:1px solid #d2dde0}
.sa-category-grid{display:flex;align-items:stretch;justify-content:center;min-width:0}
.sa-category-grid a{display:flex;align-items:center;justify-content:center;min-height:43px;padding:0 17px;border-bottom:3px solid transparent;color:#294752;text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap}
.sa-category-grid a:hover{background:#f3f7f8;color:var(--sa-navy)}
.sa-category-grid a.active{color:var(--sa-orange-dark);border-bottom-color:var(--sa-orange)}

@media(max-width:980px){
  .sa-header-strip{display:none}
  .sa-header-shell{padding-left:12px;padding-right:12px}
  .sa-header-main-grid{min-height:62px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-top:8px;padding-bottom:8px}
  .sa-header-brand img{height:30px;max-width:190px}
  .sa-header-search{grid-column:1/-1;grid-row:2;height:40px}
  .sa-header-search button{min-width:46px;padding:0 11px}
  .sa-header-search button span{display:none}
  .sa-header-actions{grid-column:2;grid-row:1}
  .sa-action-copy{display:none}
  .sa-header-action{width:38px;height:38px;min-height:38px;padding:2px;justify-content:center}
  .sa-action-icon{width:30px;height:30px}
  .sa-header-menu-toggle{display:block}
  .sa-header-categories{display:none;position:absolute;left:0;right:0;top:118px;background:#fff;box-shadow:0 14px 30px rgba(6,47,74,.14);border-top:1px solid #dde6e8}
  .sa-header-categories.open{display:block}
  .sa-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 12px 12px}
  .sa-category-grid a{justify-content:flex-start;min-height:43px;padding:0 11px;border:1px solid #e0e7e9;border-radius:0;white-space:normal}
  .sa-category-grid a.active{border-color:#ebb17d;background:#fff7f0}
}
@media(max-width:520px){
  .sa-header-brand img{height:28px;max-width:168px}
  .sa-header-main-grid{gap:5px}
  .sa-header-actions{gap:2px}
  .sa-header-action{width:34px}
  .sa-header-menu-toggle{width:38px;height:38px}
  .sa-header-categories{top:114px}
  .sa-category-grid{grid-template-columns:1fr;padding:6px 10px 10px}
}