/* ============================================================
   67 Web Hosting — Global brand stylesheet (1:1 prototype match)
   ============================================================ */
:root{
  --red-500:#ff0000; --red-600:#e00000; --red-700:#b80000; --red-400:#ff4d4d; --red-50:#fff0f0; --red-100:#ffdcdc;
  --gray-050:#f6f7f8; --gray-100:#eceef0; --gray-200:#dcdee1; --gray-300:#bcbec0; --gray-400:#9a9da1; --gray-500:#6b6f75; --gray-700:#3a3d42; --gray-900:#1c1e22; --white:#ffffff;
  --green-500:#17a34a; --amber-500:#f5a623; --blue-500:#2f6fed;
  --bg-page:var(--gray-050); --bg-surface:var(--white); --bg-ink:var(--gray-900);
  --text-heading:var(--gray-900); --text-body:var(--gray-700); --text-muted:var(--gray-500); --text-subtle:var(--gray-400); --text-brand:var(--red-500);
  --border-subtle:var(--gray-200); --border-default:var(--gray-300); --border-brand:var(--red-500);
  --font-display:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-body:'Mulish',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --container:1160px; --gutter:24px;
  --radius-md:10px; --radius-lg:16px; --radius-xl:22px; --radius-pill:999px;
  --shadow-sm:0 2px 6px rgba(28,30,34,.08); --shadow-md:0 8px 24px rgba(28,30,34,.10); --shadow-lg:0 18px 48px rgba(28,30,34,.14); --shadow-brand:0 16px 40px rgba(255,0,0,.28);
}

/* ---- Global typography ---- */
body, body.et-db #et-boc .et-l, .et_pb_module, p, li, a, span, input, textarea, select, button{ font-family:var(--font-body); }
body{ color:var(--text-body); background:var(--bg-surface); -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4,h5,h6,.et_pb_module h1,.et_pb_module h2,.et_pb_module h3,.et_pb_module h4,.et_pb_heading_container h1,.et_pb_heading_container h2,.et_pb_heading_container h3,.et_pb_heading_container h4{ font-family:var(--font-display); color:var(--text-heading); letter-spacing:-0.02em; }
.eyebrow{ font-family:var(--font-body); font-size:12.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--text-brand); margin:0 0 14px; }

/* ---- Buttons ---- */
.btn-primary .et_pb_button, a.btn-primary.et_pb_button, a.btn-primary{ background:var(--red-500) !important; color:#fff !important; border:1px solid var(--red-500) !important; border-radius:var(--radius-pill) !important; font-family:var(--font-body) !important; font-weight:700 !important; padding:13px 30px !important; display:inline-block; text-decoration:none; box-shadow:0 10px 26px rgba(255,0,0,.32); transition:background .18s ease; }
.btn-primary .et_pb_button:hover, a.btn-primary.et_pb_button:hover, a.btn-primary:hover{ background:var(--red-600) !important; }
.btn-primary .et_pb_button:after, a.btn-primary.et_pb_button:after{ display:none !important; }
a.btn-outline.et_pb_button, .btn-outline .et_pb_button, a.btn-outline{ background:#fff !important; color:var(--text-heading) !important; border:1px solid var(--border-default) !important; border-radius:var(--radius-pill) !important; font-weight:700 !important; padding:13px 30px !important; display:inline-block; text-decoration:none; }
a.btn-outline.et_pb_button:after, .btn-outline .et_pb_button:after{ display:none !important; }

/* ============================================================
   Header — sticky white bar
   ============================================================ */
.site-header.et_pb_section{ position:sticky !important; top:0; z-index:1000; background:rgba(255,255,255,.9) !important; -webkit-backdrop-filter:saturate(180%) blur(12px); backdrop-filter:saturate(180%) blur(12px); border-bottom:1px solid var(--border-subtle); box-shadow:0 6px 30px rgba(16,16,16,.05); padding-top:0 !important; padding-bottom:0 !important; }
.site-header .et_pb_row{ display:block; max-width:var(--container); padding-top:13px !important; padding-bottom:13px !important; margin-top:0 !important; margin-bottom:0 !important; }
.site-header .et_pb_column{ padding-top:0 !important; padding-bottom:0 !important; }
.site-header .et_pb_column{ display:flex !important; align-items:center; gap:22px; float:none !important; width:100% !important; }
.site-header .et_pb_column > .et_pb_module{ margin-bottom:0 !important; }
.site-header .brand-logo{ margin-right:auto; }
.site-header .brand-logo img{ height:34px !important; width:auto !important; }
.site-header .brand-logo .et_pb_image_wrap{ line-height:0; }
.site-header .et_pb_button_module_wrapper{ margin:0 !important; }
.site-header .et_pb_menu{ background:transparent !important; }
.site-header .et_pb_menu .et-menu a{ font-family:var(--font-body); font-weight:600; font-size:15px; color:var(--text-body); padding:7px 14px !important; border-radius:var(--radius-pill); line-height:1.3; transition:color .15s ease, background .15s ease; }
.site-header .et_pb_menu .et-menu a:hover, .site-header .et_pb_menu .et-menu .current-menu-item > a{ color:var(--red-500) !important; background:transparent !important; }
@media(max-width:480px){ .site-header .brand-logo img{ height:32px !important; } }

/* ============================================================
   Home — Hero
   ============================================================ */
.home-hero.et_pb_section{ background:#fff !important; position:relative; overflow:hidden; padding:80px 0 84px !important; }
.home-hero::before{ content:"67"; position:absolute; top:50%; left:50%; transform:translate(-50%,-46%); font-family:var(--font-display); font-weight:800; font-size:min(46vw,560px); line-height:1; color:rgba(28,30,34,.035); z-index:0; pointer-events:none; letter-spacing:-.04em; }
.home-hero .et_pb_row{ max-width:900px; position:relative; z-index:1; }
.home-hero .et_pb_column{ text-align:center; }
.home-hero .hero-inner h1{ font-family:var(--font-display); font-weight:800; font-size:clamp(34px,6vw,62px); line-height:1.04; letter-spacing:-0.025em; color:var(--text-heading); margin:0 0 20px; }
.home-hero .hero-inner h1 .accent{ color:var(--red-500); }
.home-hero .hero-sub{ font-family:var(--font-body); font-size:clamp(16px,2.1vw,20px); line-height:1.55; color:var(--text-muted); margin:0 auto 30px; max-width:600px; }
.home-hero .et_pb_button_module_wrapper{ display:inline-flex !important; vertical-align:top; margin:6px !important; }
.home-hero .trust-row{ display:flex; gap:14px 26px; justify-content:center; flex-wrap:wrap; margin-top:30px; }
.home-hero .trust-row .ti{ display:inline-flex; align-items:center; gap:8px; font-family:var(--font-body); font-weight:600; font-size:15px; color:var(--text-body); }
.home-hero .trust-row .ti svg{ color:var(--red-500); flex:none; }

/* ---- Stat band ---- */
.stat-band.et_pb_section{ background:var(--gray-050) !important; padding:40px 0 !important; }
.stat-band .et_pb_row{ max-width:var(--container); }
.stat-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.stat-card{ border-radius:var(--radius-lg); padding:26px 28px; display:flex; flex-direction:column; gap:4px; min-height:120px; justify-content:center; }
.stat-card.dark{ background:var(--gray-900); }
.stat-card.red{ background:var(--red-500); }
.stat-card .sv{ font-family:var(--font-display); font-weight:800; font-size:40px; line-height:1; letter-spacing:-.02em; color:#fff; }
.stat-card .sl{ font-family:var(--font-body); font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.09em; }
.stat-card.dark .sl{ color:rgba(255,255,255,.6); }
.stat-card.red .sl{ color:rgba(255,255,255,.9); }
@media(max-width:860px){ .stat-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:460px){ .stat-grid{ grid-template-columns:1fr; } }

/* ---- Section heading ---- */
.sec-head{ text-align:center; max-width:660px; margin:0 auto 46px; }
.sec-head h2{ font-family:var(--font-display); font-weight:800; font-size:clamp(30px,4.4vw,46px); line-height:1.08; letter-spacing:-0.025em; color:var(--text-heading); margin:0 0 16px; }
.sec-head p{ font-family:var(--font-body); font-size:17.5px; color:var(--text-muted); margin:0; line-height:1.55; }

/* ---- Why / feature grid ---- */
.why-band.et_pb_section{ background:#fff !important; padding:88px 0 !important; }
.why-band .et_pb_row{ max-width:var(--container); }
.feat-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.feat{ background:#fff; border:1px solid var(--border-subtle); border-radius:var(--radius-lg); padding:30px 28px; box-shadow:var(--shadow-sm); }
.feat-ic{ width:52px; height:52px; border-radius:14px; background:var(--red-50); display:flex; align-items:center; justify-content:center; color:var(--red-500); margin-bottom:18px; }
.feat h4{ font-family:var(--font-display); font-weight:700; font-size:18px; color:var(--text-heading); margin:0 0 8px; }
.feat p{ font-family:var(--font-body); font-size:15px; color:var(--text-muted); margin:0; line-height:1.55; }
@media(max-width:900px){ .feat-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .feat-grid{ grid-template-columns:1fr; } }

/* ---- Switching band ---- */
.switch-band.et_pb_section{ background:var(--gray-050) !important; padding:80px 0 !important; }
.switch-band .et_pb_row{ max-width:var(--container); }
.switch-grid{ display:grid; grid-template-columns:1.05fr 1fr; gap:52px; align-items:center; }
.switch-left h2{ font-family:var(--font-display); font-weight:800; font-size:clamp(28px,3.8vw,44px); line-height:1.08; letter-spacing:-0.025em; color:var(--text-heading); margin:0 0 16px; }
.switch-left p{ font-family:var(--font-body); font-size:16.5px; line-height:1.6; color:var(--text-muted); margin:0 0 26px; max-width:440px; }
.switch-card{ background:#fff; border:1px solid var(--border-subtle); border-radius:var(--radius-xl); box-shadow:var(--shadow-md); padding:36px 34px; }
.switch-card .sc-h{ font-family:var(--font-display); font-weight:700; font-size:18px; color:var(--text-heading); margin:0 0 20px; }
.switch-card ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:16px; }
.switch-card li{ display:flex; gap:12px; align-items:flex-start; font-family:var(--font-body); font-size:16px; color:var(--text-body); line-height:1.45; }
.switch-card li svg{ color:var(--red-500); flex:none; margin-top:2px; }
@media(max-width:900px){ .switch-grid{ grid-template-columns:1fr; gap:36px; } }

/* ---- Pricing ---- */
.pricing-band.et_pb_section{ background:#fff !important; padding:88px 0 !important; }
.pricing-band .et_pb_row{ max-width:var(--container); }
.price-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; max-width:1080px; margin:0 auto; align-items:stretch; }
.price-card{ position:relative; display:flex; flex-direction:column; background:#fff; border:1.5px solid var(--border-subtle); border-radius:var(--radius-xl); box-shadow:var(--shadow-sm); padding:34px 30px; }
.price-card.pop{ border:1.5px solid var(--red-500); box-shadow:var(--shadow-brand); }
.price-badge{ position:absolute; top:-14px; left:50%; transform:translateX(-50%); background:var(--red-500); color:#fff; font-family:var(--font-body); font-weight:700; font-size:12px; letter-spacing:.04em; padding:6px 16px; border-radius:var(--radius-pill); white-space:nowrap; }
.price-name{ font-family:var(--font-display); font-weight:700; font-size:22px; color:var(--text-heading); margin:0 0 6px; }
.price-blurb{ font-family:var(--font-body); font-size:14.5px; line-height:1.5; color:var(--text-muted); margin:0; min-height:44px; }
.price-amt{ display:flex; align-items:baseline; gap:4px; margin:20px 0 4px; }
.price-amt .cur{ font-family:var(--font-display); font-weight:500; font-size:22px; color:var(--text-heading); }
.price-amt .num{ font-family:var(--font-display); font-weight:800; font-size:52px; line-height:1; letter-spacing:-.02em; color:var(--text-heading); }
.price-amt .per{ font-family:var(--font-body); font-size:16px; font-weight:600; color:var(--text-muted); }
.price-term{ font-family:var(--font-body); font-size:12.5px; color:var(--text-subtle); }
.price-div{ height:1px; background:var(--border-subtle); margin:22px 0; }
.price-card ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; flex:1; }
.price-card li{ display:flex; gap:10px; align-items:flex-start; font-family:var(--font-body); font-size:14.5px; color:var(--text-body); line-height:1.45; }
.price-card li svg{ color:var(--red-500); flex:none; margin-top:2px; }
.price-card .pc-cta{ margin-top:28px; }
.price-card .pc-cta a{ display:block; text-align:center; font-family:var(--font-body); font-weight:700; border-radius:var(--radius-pill); padding:13px 20px; text-decoration:none; }
.price-card .pc-cta a.solid{ background:var(--red-500); color:#fff; box-shadow:0 10px 26px rgba(255,0,0,.32); }
.price-card .pc-cta a.ghost{ background:#fff; color:var(--red-500); border:1.5px solid var(--red-500); }
.compare-link{ text-align:center; margin-top:38px; }
.compare-link a{ color:var(--red-500); font-family:var(--font-body); font-weight:700; text-decoration:none; font-size:16px; }
@media(max-width:900px){ .price-grid{ grid-template-columns:1fr; max-width:440px; } }

/* ---- FAQ ---- */
.faq-band.et_pb_section{ background:var(--gray-050) !important; padding:80px 0 !important; }
.faq-band .et_pb_row{ max-width:860px; }
.faq details{ background:#fff; border:1.5px solid var(--border-subtle); border-radius:var(--radius-lg); margin-bottom:12px; overflow:hidden; }
.faq details[open]{ border-color:var(--red-500); }
.faq summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 22px; font-family:var(--font-display); font-weight:600; font-size:16.5px; color:var(--text-heading); }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:"+"; flex:none; width:26px; height:26px; border-radius:50%; background:var(--gray-100); color:var(--text-muted); display:flex; align-items:center; justify-content:center; font-size:18px; line-height:1; }
.faq details[open] summary::after{ content:"\2212"; background:var(--red-500); color:#fff; }
.faq details p{ margin:0; padding:0 22px 20px; font-family:var(--font-body); font-size:15px; line-height:1.6; color:var(--text-muted); }

/* ---- Closing CTA ---- */
.cta-band.et_pb_section{ background:var(--red-500) !important; padding:88px 0 !important; }
.cta-band .et_pb_row{ max-width:var(--container); }
.cta-band .cta-inner{ text-align:center; max-width:760px; margin:0 auto; }
.cta-band .cta-inner h2{ color:#fff !important; font-family:var(--font-display); font-weight:800; font-size:clamp(30px,5vw,50px); line-height:1.06; letter-spacing:-.02em; margin:0 0 18px; }
.cta-band .cta-inner p{ color:rgba(255,255,255,.92) !important; font-family:var(--font-body); font-size:clamp(16px,2vw,18.5px); line-height:1.5; margin:0 auto 30px; max-width:560px; }
.cta-band .cta-btns{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.cta-band .cta-btns a{ display:inline-block; text-decoration:none; font-family:var(--font-body); font-weight:700; border-radius:var(--radius-pill); padding:14px 30px; }
.cta-band .cta-btns a.cta-white{ background:#fff; color:var(--red-600); }
.cta-band .cta-btns a.cta-ghost{ background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.8); }
@media(max-width:520px){ .cta-band .cta-btns a{ width:100%; text-align:center; } }

/* ============================================================
   Footer — dark, logo + Contact + Quick Links
   ============================================================ */
.site-footer.et_pb_section{ background:var(--gray-900) !important; padding:64px 0 30px !important; }
.site-footer .et_pb_row{ max-width:var(--container); }
.site-footer .foot-grid{ display:grid; grid-template-columns:1.7fr 1fr 1fr; gap:44px; }
.site-footer .brand-logo img{ height:42px !important; width:auto !important; filter:brightness(0) invert(1); }
.site-footer .foot-blurb{ font-family:var(--font-body); font-size:15px; line-height:1.6; color:var(--gray-300); margin:18px 0 0; max-width:330px; }
.site-footer .foot-cross{ font-family:var(--font-body); font-size:15px; line-height:1.6; color:var(--gray-400); margin:16px 0 0; max-width:330px; }
.site-footer .foot-cross a{ color:var(--red-500); text-decoration:none; }
.site-footer .foot-h{ font-family:var(--font-body); font-size:12.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--white); margin:0 0 18px; }
.site-footer .foot-list{ display:flex; flex-direction:column; gap:14px; }
.site-footer .foot-list a, .site-footer .foot-list span{ font-family:var(--font-body); font-size:15px; color:var(--gray-300); text-decoration:none; }
.site-footer .foot-list a:hover{ color:#fff; }
.site-footer .foot-bottom{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:14px; border-top:1px solid rgba(255,255,255,.1); margin-top:40px; padding-top:24px; }
.site-footer .foot-bottom, .site-footer .foot-bottom a, .site-footer .foot-bottom span{ font-family:var(--font-body); font-size:14px; color:var(--gray-400); text-decoration:none; }
.site-footer .foot-legal{ display:flex; gap:28px; }
@media(max-width:900px){ .site-footer .foot-grid{ grid-template-columns:1fr 1fr; gap:32px; } }
@media(max-width:560px){ .site-footer .foot-grid{ grid-template-columns:1fr; } .site-footer .foot-bottom{ flex-direction:column; align-items:flex-start; } }

/* --- Header alignment fix: neutralize Divi menu module spacing, force clean centered flex bar --- */
.site-header .et_pb_row{ display:block !important; width:100% !important; max-width:var(--container) !important; margin:0 auto !important; padding:12px 24px !important; box-sizing:border-box !important; }
.site-header .et_pb_row > .et_pb_column{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; gap:26px !important; width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; min-height:0 !important; }
.site-header .et_pb_column > .et_pb_module{ margin:0 !important; align-self:center !important; }
.site-header .brand-logo{ flex:0 0 auto !important; margin-right:auto !important; display:flex !important; align-items:center !important; }
.site-header .brand-logo img{ height:34px !important; width:auto !important; display:block !important; }
.site-header .et_pb_menu{ flex:0 1 auto !important; margin:0 !important; min-height:0 !important; }
.site-header .et_pb_menu .et_pb_menu_inner_container, .site-header .et_pb_menu .et_pb_menu__wrap, .site-header .et_pb_menu .et_pb_menu__menu, .site-header .et_pb_menu .et_pb_menu__menu>nav, .site-header .et_pb_menu .et_pb_menu__menu>nav>ul{ align-items:center !important; min-height:0 !important; }
.site-header .et_pb_menu .et_pb_menu__menu>nav>ul>li{ margin-top:0 !important; margin-bottom:0 !important; align-items:center !important; }
.site-header .et_pb_menu .et-menu>li>a{ padding-top:7px !important; padding-bottom:7px !important; }
.site-header .et_pb_button_module_wrapper{ flex:0 0 auto !important; margin:0 !important; display:flex !important; align-items:center !important; }
.site-header .et_pb_button_module_wrapper .et_pb_button{ margin:0 !important; }

/* ================= HEADER v2 (self-contained code module; overrides all header rules above) ================= */
.site-header.et_pb_section{ position:sticky !important; top:0; z-index:1000; background:rgba(255,255,255,.92) !important; -webkit-backdrop-filter:saturate(180%) blur(12px); backdrop-filter:saturate(180%) blur(12px); border-bottom:1px solid var(--border-subtle); box-shadow:0 6px 30px rgba(16,16,16,.05); padding:0 !important; }
.site-header .et_pb_row, .site-header .et_pb_row > .et_pb_column, .site-header .et_pb_column > .et_pb_module, .site-header .et_pb_code, .site-header .et_pb_code_inner{ width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; display:block !important; float:none !important; }
.hdr{ display:flex !important; align-items:center; gap:24px; max-width:var(--container); margin:0 auto; padding:13px 24px; position:relative; box-sizing:border-box; }
.hdr-logo{ flex:0 0 auto; margin-right:auto; display:inline-flex; align-items:center; line-height:0; }
.hdr-logo img{ height:34px !important; width:auto !important; display:block; }
.hdr-nav{ display:flex; align-items:center; gap:2px; }
.hdr-nav a{ font-family:var(--font-body); font-weight:600; font-size:15px; color:var(--text-body); text-decoration:none; padding:8px 14px; border-radius:var(--radius-pill); transition:color .15s ease; white-space:nowrap; }
.hdr-nav a:hover{ color:var(--red-500); }
.hdr-nav a.active{ color:var(--red-500); }
.hdr-nav a.hdr-btn{ background:var(--red-500) !important; color:#fff !important; font-weight:700 !important; padding:12px 26px !important; margin-left:14px; box-shadow:0 10px 26px rgba(255,0,0,.32); }
.hdr-nav a.hdr-btn:hover{ background:var(--red-600) !important; color:#fff !important; }
.hdr-cbx, .hdr-burger{ display:none; }
@media(max-width:980px){
  .hdr-burger{ display:inline-flex; flex-direction:column; justify-content:center; gap:5px; width:44px; height:40px; cursor:pointer; flex:0 0 auto; }
  .hdr-burger span{ display:block; height:2.5px; width:24px; background:var(--text-heading); border-radius:2px; }
  .hdr-nav{ display:none; position:absolute; top:100%; left:0; right:0; background:#fff; border-bottom:1px solid var(--border-subtle); flex-direction:column; align-items:stretch; gap:0; padding:10px 18px 18px; box-shadow:0 12px 24px rgba(0,0,0,.08); }
  .hdr-cbx:checked ~ .hdr-nav{ display:flex; }
  .hdr-nav a{ padding:13px 6px; font-size:16px; border-bottom:1px solid var(--border-subtle); border-radius:0; }
  .hdr-nav a.hdr-btn{ margin:12px 0 0; text-align:center; border-radius:var(--radius-pill); border-bottom:none; }
}
/* ================= Hosting Plans page ================= */
.page-hero.et_pb_section{ background:linear-gradient(180deg,var(--red-50) 0%,#fff 100%) !important; padding:72px 0 56px !important; }
.page-hero .et_pb_row{ max-width:var(--container); }
.page-hero .ph-inner{ text-align:center; max-width:720px; margin:0 auto; }
.page-hero .ph-inner h1{ font-family:var(--font-display); font-weight:800; font-size:clamp(32px,5vw,52px); letter-spacing:-.025em; color:var(--text-heading); margin:0 0 16px; line-height:1.05; }
.page-hero .ph-inner p{ font-family:var(--font-body); font-size:clamp(16px,2vw,19px); color:var(--text-muted); margin:0 auto; max-width:620px; line-height:1.55; }
.plans-section.et_pb_section{ background:#fff !important; padding:56px 0 72px !important; }
.plans-section .et_pb_row{ max-width:var(--container); }
.plans4-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; align-items:stretch; }
.plans4-grid .price-amt .num{ font-size:44px; }
@media(max-width:1080px){ .plans4-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .plans4-grid{ grid-template-columns:1fr; } }
.plans-note{ text-align:center; margin-top:30px; font-family:var(--font-body); font-size:14.5px; color:var(--text-muted); }
/* ================= About page ================= */
.prose-band.et_pb_section{ background:#fff !important; padding:70px 0 40px !important; }
.prose-band .et_pb_row{ max-width:820px; }
.prose-band .prose h2{ font-family:var(--font-display); font-weight:800; font-size:clamp(26px,4vw,38px); letter-spacing:-.02em; color:var(--text-heading); margin:0 0 18px; text-align:center; }
.prose-band .prose p{ font-family:var(--font-body); font-size:17px; line-height:1.7; color:var(--text-body); margin:0 0 18px; }
.believe-band.et_pb_section{ background:var(--bg-page) !important; padding:72px 0 !important; }
.believe-band .et_pb_row{ max-width:var(--container); }
.believe-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
@media(max-width:900px){ .believe-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px){ .believe-grid{ grid-template-columns:1fr; } }
.servers-band.et_pb_section{ background:#fff !important; padding:56px 0 !important; }
.servers-band .et_pb_row{ max-width:780px; }
.servers-inner{ text-align:center; }
.servers-inner h3{ font-family:var(--font-display); font-weight:800; font-size:clamp(22px,3vw,30px); color:var(--text-heading); margin:0 0 14px; letter-spacing:-.02em; }
.servers-inner p{ font-family:var(--font-body); font-size:17px; line-height:1.6; color:var(--text-muted); margin:0; }
.sister-band.et_pb_section{ background:var(--bg-page) !important; padding:72px 0 !important; }
.sister-band .et_pb_row{ max-width:var(--container); }
.sister-inner{ text-align:center; max-width:680px; margin:0 auto; }
.sister-inner h2{ font-family:var(--font-display); font-weight:800; font-size:clamp(26px,4vw,38px); letter-spacing:-.02em; color:var(--text-heading); margin:0 0 14px; }
.sister-inner p{ font-family:var(--font-body); font-size:17px; line-height:1.6; color:var(--text-muted); margin:0 0 26px; }
/* ================= Contact page ================= */
.contact-band.et_pb_section{ background:#fff !important; padding:60px 0 40px !important; }
.contact-band .et_pb_row{ max-width:var(--container); }
.contact-band .et_pb_column{ margin-bottom:0 !important; }
.contact-formcard.et_pb_contact_form_container{ background:#fff; border:1px solid var(--border-subtle); border-radius:var(--radius-xl); box-shadow:var(--shadow-md); padding:32px 30px !important; }
.contact-band .et_pb_contact_form_label{ display:block; font-family:var(--font-body); font-weight:600; font-size:13.5px; color:var(--text-heading); margin:0 0 6px; }
.contact-band .et_pb_contact_field{ padding:0 0 16px !important; margin:0 !important; background:transparent !important; }
.contact-band .et_pb_contact_field .input, .contact-band .et_pb_contact_field input.input, .contact-band .et_pb_contact_field textarea, .contact-band .et_pb_contact_field select.input, .contact-band .et_pb_contact_message .input{ width:100%; font-family:var(--font-body); font-size:15px; color:var(--text-body); background:#fff; border:1px solid var(--border-default); border-radius:var(--radius-md); padding:12px 14px; box-sizing:border-box; }
.contact-band .et_pb_contact_field textarea.input{ min-height:130px; }
.contact-band .et_pb_contact_field .input:focus{ outline:none; border-color:var(--red-500); box-shadow:0 0 0 3px rgba(255,0,0,.12); }
.contact-band .et_contact_bottom_container{ text-align:left; margin-top:6px; }
.contact-band .et_pb_contact_submit.et_pb_button{ background:var(--red-500) !important; color:#fff !important; border:none !important; border-radius:var(--radius-pill) !important; font-family:var(--font-body) !important; font-weight:700 !important; padding:13px 30px !important; box-shadow:0 10px 26px rgba(255,0,0,.32); }
.contact-band .et_pb_contact_submit.et_pb_button:after{ display:none !important; }
.contact-details .cd-item{ display:flex; gap:14px; align-items:flex-start; margin:0 0 22px; }
.contact-details .cd-ic{ width:44px; height:44px; border-radius:12px; background:var(--red-50); color:var(--red-500); display:flex; align-items:center; justify-content:center; flex:none; }
.contact-details .cd-l{ font-family:var(--font-body); font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--text-subtle); margin:0 0 3px; }
.contact-details .cd-v, .contact-details .cd-v a{ font-family:var(--font-body); font-size:16px; color:var(--text-body); text-decoration:none; margin:0; line-height:1.4; }
.contact-details .cd-v a:hover{ color:var(--red-500); }
.contact-reply{ text-align:center; margin-top:26px; font-family:var(--font-body); font-size:15px; color:var(--text-muted); }
/* ================= Home hero (image background) ================= */
.home-hero-img.et_pb_section{ background-image:linear-gradient(90deg, rgba(8,12,22,.90) 0%, rgba(8,12,22,.74) 42%, rgba(8,12,22,.32) 100%), url('https://67webhosting.com/wp-content/uploads/2026/07/hero-67-web-hosting.jpg'); background-size:cover; background-position:center right; background-repeat:no-repeat; padding:104px 0 !important; }
.home-hero-img .et_pb_row{ max-width:var(--container); }
.home-hero-img .et_pb_column{ text-align:left; }
.home-hero-img .hero-x{ max-width:640px; }
.home-hero-img .eyebrow{ color:var(--red-400); }
.home-hero-img .hero-x h1{ font-family:var(--font-display); font-weight:800; font-size:clamp(34px,5.2vw,58px); line-height:1.05; letter-spacing:-.025em; color:#fff; margin:0 0 20px; }
.home-hero-img .hero-x h1 .accent{ color:var(--red-400); }
.home-hero-img .hero-sub{ font-family:var(--font-body); font-size:clamp(16px,2.1vw,20px); line-height:1.55; color:rgba(255,255,255,.86); margin:0 0 30px; max-width:560px; }
.home-hero-img .et_pb_button_module_wrapper{ display:inline-flex !important; vertical-align:top; margin:6px 12px 6px 0 !important; }
.home-hero-img .trust-row{ display:flex; gap:14px 26px; flex-wrap:wrap; margin-top:32px; }
.home-hero-img .trust-row .ti{ display:inline-flex; align-items:center; gap:8px; font-family:var(--font-body); font-weight:600; font-size:15px; color:#fff; }
.home-hero-img .trust-row .ti svg{ color:var(--red-400); flex:none; }
a.btn-onhero.et_pb_button, .btn-onhero .et_pb_button{ background:rgba(255,255,255,.08) !important; color:#fff !important; border:1px solid rgba(255,255,255,.6) !important; border-radius:var(--radius-pill) !important; font-weight:700 !important; padding:13px 30px !important; }
a.btn-onhero.et_pb_button:hover, .btn-onhero .et_pb_button:hover{ background:rgba(255,255,255,.18) !important; color:#fff !important; }
a.btn-onhero.et_pb_button:after, .btn-onhero .et_pb_button:after{ display:none !important; }
@media(max-width:820px){ .home-hero-img.et_pb_section{ padding:76px 0 !important; background-position:center; background-image:linear-gradient(180deg, rgba(8,12,22,.86) 0%, rgba(8,12,22,.78) 100%), url('https://67webhosting.com/wp-content/uploads/2026/07/hero-67-web-hosting.jpg'); } }
@media(max-width:480px){ .home-hero-img .et_pb_button_module_wrapper{ display:block !important; margin:8px 0 !important; } .home-hero-img .et_pb_button{ width:100%; text-align:center; } }
/* button center fix */
a.btn-primary.et_pb_button, .btn-primary .et_pb_button, a.btn-onhero.et_pb_button, .btn-onhero .et_pb_button, a.btn-outline.et_pb_button, .btn-outline .et_pb_button{ display:inline-flex !important; align-items:center !important; justify-content:center !important; line-height:1.1 !important; }

/* button icon-padding override (beats Divi's #page-container arrow padding) */
body #page-container .et_pb_section a.btn-primary.et_pb_button, body #page-container .et_pb_section a.btn-onhero.et_pb_button, body #page-container .et_pb_section a.btn-outline.et_pb_button{ padding:13px 30px !important; line-height:1.1 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; }
body #page-container .et_pb_section a.btn-primary.et_pb_button:after, body #page-container .et_pb_section a.btn-onhero.et_pb_button:after, body #page-container .et_pb_section a.btn-outline.et_pb_button:after{ display:none !important; content:"" !important; }
body #page-container .et_pb_section .et_contact_bottom_container{ align-items:center !important; }
body #page-container .et_pb_section .et_contact_bottom_container .et_pb_button_wrapper{ display:flex !important; align-items:center !important; }
body #page-container .et_pb_section .et_pb_contact_submit.et_pb_button{ display:inline-block !important; align-self:center !important; width:auto !important; min-width:0 !important; max-width:none !important; height:auto !important; min-height:0 !important; padding:13px 34px !important; line-height:1.4 !important; font-size:15px !important; border-radius:var(--radius-pill) !important; }
body #page-container .et_pb_section .et_pb_contact_submit.et_pb_button:after{ display:none !important; content:"" !important; }