*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
::selection{background:#FF4D00;color:#fff}
::-moz-selection{background:#FF4D00;color:#fff}
:root{
  --orange:#FF4D00;--orange-mid:#E64400;--orange-dim:rgba(255,77,0,.10);--orange-faint:rgba(255,77,0,.06);
  --blue:#1A73E8;--blue-d:#1557B0;--blue-faint:rgba(26,115,232,.07);--blue-dim:rgba(26,115,232,.15);
  --purple:#7C3AED;--purple-d:#6D28D9;--purple-faint:rgba(124,58,237,.07);--purple-dim:rgba(124,58,237,.15);
  --ink:#0C0C0C;--ink-75:#3A3A3A;--ink-50:#6B6B6B;--ink-30:#9E9E9E;
  --surface:#FFFFFF;--sw:#FAFAF8;--ss:#F4F3F0;
  --border:#E8E6E2;--border-mid:#D1CFC9;
  --navy:#0E1420;--green:#16A34A;
  --r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;
  --sh-sm:0 4px 12px rgba(0,0,0,.07);--sh-md:0 8px 24px rgba(0,0,0,.09);--sh-lg:0 20px 50px rgba(0,0,0,.11);
  --fd:'Bricolage Grotesque',sans-serif;--fb:'DM Sans',sans-serif;
  --mw:1320px;--g:clamp(1.25rem,4vw,2.5rem)
}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--fb);background:var(--surface);color:var(--ink);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font-family:var(--fb);cursor:pointer;border:none;background:none}
ul{list-style:none}
.container{max-width:var(--mw);margin-inline:auto;padding-inline:var(--g)}

/* TOP BAR */
.top-bar{background:var(--navy);color:rgba(255,255,255,.65);font-size:.8125rem;padding:.55rem 0}
.tb-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.tb-l{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}
.tb-r{display:flex;gap:1.5rem;align-items:center}
.tb-item{display:flex;align-items:center;gap:.4rem}
.tb-item strong{color:#fff;font-weight:500}
.tb-item a{color:var(--orange);font-weight:600}
.tb-link{color:rgba(255,255,255,.5);transition:color .2s}.tb-link:hover{color:#fff}

/* HEADER */
header{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
nav{display:flex;align-items:center;justify-content:space-between;height:62px;gap:1.5rem}
.logo{font-family:var(--fd);font-size:1.45rem;font-weight:800;color:var(--ink);letter-spacing:-.04em;line-height:1;flex-shrink:0}
.logo-dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-left:2px;vertical-align:super}
.nav-links{display:flex;align-items:center;gap:.15rem}
.nav-item{position:relative}
.nav-links a{display:block;padding:.4rem .8rem;font-size:.875rem;font-weight:500;color:var(--ink-75);border-radius:var(--r-sm);transition:color .2s,background .2s;white-space:nowrap}
.nav-links a:hover{color:var(--ink);background:var(--ss)}
.mega-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-6px);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-lg);min-width:260px;padding:.5rem;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;z-index:901}
.nav-item:hover .mega-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

/* ── MULTI-COLUMN MEGA MENU ─────────────────────────────────── */
.mega-body{display:grid;grid-template-columns:1fr}
.mega-cols-2{grid-template-columns:repeat(2,1fr)}
.mega-cols-3{grid-template-columns:repeat(3,1fr)}
.mega-cols-4{grid-template-columns:repeat(4,1fr)}
.mega-wide-2{min-width:440px}
.mega-wide-3{min-width:620px}
.mega-wide-4{min-width:820px}
/* 4-col menus: anchor to left edge of nav item, not centered */
.nav-item .mega-wide-4{left:0;transform:translateY(-6px)}
.nav-item:hover .mega-wide-4{opacity:1;visibility:visible;transform:translateY(0)}
/* Column dividers */
.mega-col{min-width:0;padding:.35rem 0}
.mega-col+.mega-col{border-left:1px solid var(--border)}
/* Badge label inside menu items */
.m-badge{margin-left:auto;flex-shrink:0;font-size:.63rem;font-weight:700;background:var(--orange-faint);color:var(--orange);border:1px solid var(--orange-dim);border-radius:4px;padding:.1rem .45rem;white-space:nowrap}
/* Chevron on desktop nav link */
.nav-chevron{font-size:.58rem;opacity:.45;margin-left:.18rem;display:inline-block;transition:transform .22s;vertical-align:middle;line-height:1}
.nav-item:hover .nav-chevron{transform:rotate(180deg)}
/* Mobile: direct link item (no children) */
.mob-ni .mob-link{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.9375rem;font-weight:500;color:var(--ink);width:100%}
.mob-ni .mob-link:hover{color:var(--orange)}
/* Mobile arrow rotation */
.mob-arrow{font-size:.68rem;opacity:.45;transition:transform .35s;flex-shrink:0}
.mob-ni.open>.mob-nr .mob-arrow{transform:rotate(180deg)}
/* Increase mobile sub max-height for long lists (VPS = 6 items) */
.mob-ni.open .mob-sub{max-height:800px}
.m-lbl{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-30);padding:.6rem .8rem .3rem}
.m-links a{display:flex;align-items:center;gap:.6rem;padding:.52rem .8rem;font-size:.875rem;color:var(--ink-75);border-radius:var(--r-sm);transition:background .15s,color .15s;background:none}
.m-links a:hover{background:var(--ss);color:var(--ink)}
.m-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.78rem;flex-shrink:0}
.m-div{height:1px;background:var(--border);margin:.4rem .8rem}
.m-promo{margin:.4rem;padding:.7rem .9rem;background:var(--orange-faint);border:1px solid var(--orange-dim);border-radius:var(--r-md)}
.m-promo p{font-size:.8125rem;color:var(--orange-mid);font-weight:600;line-height:1.4}
.m-promo small{font-size:.75rem;color:var(--ink-50)}
.m-promo-blue{margin:.4rem;padding:.7rem .9rem;background:var(--blue-faint);border:1px solid var(--blue-dim);border-radius:var(--r-md)}
.m-promo-blue p{font-size:.8125rem;color:var(--blue);font-weight:600}
.m-promo-blue small{font-size:.75rem;color:var(--ink-50)}
.m-promo-pu{margin:.4rem;padding:.7rem .9rem;background:var(--purple-faint);border:1px solid var(--purple-dim);border-radius:var(--r-md)}
.m-promo-pu p{font-size:.8125rem;color:var(--purple);font-weight:600}
.m-promo-pu small{font-size:.75rem;color:var(--ink-50)}
.nav-cta{display:flex;align-items:center;gap:.75rem;flex-shrink:0}
.btn-ghost{padding:.42rem 1rem;font-size:.875rem;font-weight:500;color:var(--ink-75);border:1px solid var(--border-mid);border-radius:var(--r-md);background:transparent;transition:border-color .2s,color .2s,background .2s;white-space:nowrap}
.btn-ghost:hover{border-color:var(--ink);color:var(--ink);background:var(--ss)}
.btn-orange{padding:.46rem 1.2rem;font-size:.875rem;font-weight:600;color:#fff;background:var(--orange);border-radius:var(--r-md);transition:background .2s,transform .15s,box-shadow .2s;white-space:nowrap}
.btn-orange:hover{background:var(--orange-mid);transform:translateY(-1px);box-shadow:0 6px 18px rgba(255,77,0,.28)}
.hamburger{display:none;width:36px;height:36px;align-items:center;justify-content:center;border-radius:var(--r-sm);border:1px solid var(--border);color:var(--ink);font-size:1.2rem;flex-shrink:0}

/* GW ICON */
.gw-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}
.gw-icon-lg{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}

/* MOBILE */
.mob-ov{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:950;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.mob-ov.open{opacity:1;visibility:visible}
.mob-dr{position:fixed;top:0;right:-100%;width:min(340px,90vw);height:100vh;background:var(--surface);z-index:951;transition:right .35s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}
.mob-dr.open{right:0}
.mob-head{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}
.mob-close{font-size:1.5rem;line-height:1;color:var(--ink-50)}
.mob-nav{flex:1;padding:.75rem 0}
.mob-ni{border-bottom:1px solid var(--border)}
.mob-nr{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;color:var(--ink)}
.mob-sub{max-height:0;overflow:hidden;transition:max-height .35s;background:var(--sw)}
.mob-ni.open .mob-sub{max-height:600px}
.mob-sub a{display:block;padding:.65rem 2.5rem;font-size:.875rem;color:var(--ink-75);border-bottom:1px solid var(--border);transition:color .2s}
.mob-sub a:hover{color:var(--orange)}
.mob-cta{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}
.mob-cta .btn-ghost,.mob-cta .btn-orange{text-align:center;padding:.75rem}

/* HERO */
.hero-wrap{border-bottom:1px solid var(--border);overflow:hidden;transition:background .5s ease}
.slide{display:none;animation:fi .7s ease;position:relative}
.slide.active{display:block}
@keyframes fi{from{opacity:0}to{opacity:1}}
.hero-bg-illo{position:absolute;top:0;right:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}
.si{display:grid;grid-template-columns:1fr 420px;gap:4rem;align-items:center;padding:4.5rem 0 4rem;position:relative;z-index:1}
.s-eye{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--orange);margin-bottom:1.1rem}
.s-eye::before{content:'';display:inline-block;width:18px;height:2px;background:var(--orange)}
.s-eye.blue{color:var(--blue)}.s-eye.blue::before{background:var(--blue)}
.s-eye.purple{color:var(--purple)}.s-eye.purple::before{background:var(--purple)}
.s-title{font-family:var(--fd);font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:800;line-height:1.07;letter-spacing:-.03em;color:var(--ink);margin-bottom:1.1rem}
.s-title em{font-style:normal;color:var(--orange)}
.s-title em.blue{color:var(--blue)}
.s-title em.purple{color:var(--purple)}
.s-desc{font-size:1.0625rem;color:var(--ink-50);max-width:520px;margin-bottom:1.75rem;line-height:1.7}
.s-cta{display:flex;gap:.85rem;align-items:center;flex-wrap:wrap}
.btn-hero{padding:.72rem 1.65rem;font-size:.9375rem;font-weight:600;border-radius:var(--r-md);transition:all .2s}
.bh-primary{background:var(--orange);color:#fff}
.bh-primary:hover{background:var(--orange-mid);transform:translateY(-2px);box-shadow:0 8px 22px rgba(255,77,0,.28)}
.bh-blue{background:var(--blue);color:#fff}
.bh-blue:hover{background:var(--blue-d);transform:translateY(-2px);box-shadow:0 8px 22px rgba(26,115,232,.28)}
.bh-purple{background:var(--purple);color:#fff}
.bh-purple:hover{background:var(--purple-d);transform:translateY(-2px);box-shadow:0 8px 22px rgba(124,58,237,.28)}
.bh-outline{background:transparent;color:var(--ink);border:1px solid var(--border-mid)}
.bh-outline:hover{border-color:var(--ink);background:var(--ss)}
.s-badges{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.6rem}
.badge{display:flex;align-items:center;gap:.4rem;padding:.32rem .82rem;font-size:.8rem;font-weight:500;color:var(--ink-75);background:var(--surface);border:1px solid var(--border);border-radius:100px}
.bdot{width:6px;height:6px;background:#22C55E;border-radius:50%;flex-shrink:0}
.bdot.b{background:var(--blue)}
.bdot.p{background:var(--purple)}
.hcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:2rem;box-shadow:var(--sh-lg)}
.hcard-icon{width:52px;height:52px;background:var(--orange-dim);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.4rem}
.hcard-icon.bl{background:var(--blue-faint)}
.hcard-icon.pu{background:var(--purple-faint)}
.hcard h3{font-family:var(--fd);font-size:1.4rem;font-weight:700;letter-spacing:-.02em;color:var(--ink);margin-bottom:.45rem}
.hcard p{font-size:.875rem;color:var(--ink-50);margin-bottom:1.5rem;line-height:1.6}
.hstats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border-radius:var(--r-md);overflow:hidden}
.sc{background:var(--sw);padding:.9rem 1rem;text-align:center}
.sv{display:block;font-family:var(--fd);font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--orange);line-height:1;margin-bottom:.3rem}
.sv.bl{color:var(--blue)}
.sv.pu{color:var(--purple)}
.sl{font-size:.72rem;color:var(--ink-50);font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.gws-apps{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:1.1rem}
.ga{width:28px;height:28px;border-radius:5px;background:var(--ss);display:flex;align-items:center;justify-content:center;font-size:.85rem;border:1px solid var(--border)}

/* Slider */
.slider-bar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0 1.1rem;border-top:1px solid var(--border)}
.sdots{display:flex;gap:.5rem}
.dot{width:22px;height:4px;border-radius:2px;background:var(--border-mid);cursor:pointer;transition:background .2s,width .2s;border:none}
.dot.active{background:var(--orange);width:36px}
.sarrows{display:flex;gap:.5rem}
.arw{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--ink-75);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.arw:hover{border-color:var(--orange);color:var(--orange);background:var(--orange-faint)}

/* TRUST MARQUEE */
.trust-bar{border-bottom:1px solid var(--border);background:var(--surface);padding:1rem 0;overflow:hidden}
.mq-track{display:flex;gap:3rem;animation:mq 32s linear infinite;white-space:nowrap;width:max-content}
.mq-track:hover{animation-play-state:paused}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ti{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;color:var(--ink-50);flex-shrink:0}
.ti strong{color:var(--ink)}
.ts{color:var(--border-mid)}

/* DOMAIN SEARCH */
.ds-wrap{background:linear-gradient(135deg,var(--navy) 0%,#1a2540 100%);padding:3.5rem 0;position:relative;overflow:hidden}
.ds-wrap::before{content:'';position:absolute;top:-60px;right:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,77,0,.12) 0%,transparent 70%);pointer-events:none}
.ds-wrap::after{content:'';position:absolute;bottom:-40px;left:20%;width:200px;height:200px;background:radial-gradient(circle,rgba(26,115,232,.1) 0%,transparent 70%);pointer-events:none}
.ds-inner{position:relative;z-index:1}
.ds-h{font-family:var(--fd);font-size:clamp(1.6rem,3vw,2.25rem);font-weight:800;letter-spacing:-.03em;color:#fff;text-align:center;margin-bottom:.6rem}
.ds-sub{font-size:1rem;color:rgba(255,255,255,.55);text-align:center;margin-bottom:2rem}
.ds-sub span{color:var(--orange);font-weight:600}
.ds-box{display:flex;background:#fff;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.25);max-width:800px;margin-inline:auto}
.ds-inp-w{flex:1;display:flex;align-items:center}
.ds-inp-w input{flex:1;border:none;outline:none;padding:1.1rem 1.5rem;font-family:var(--fb);font-size:1rem;color:var(--ink);background:transparent}
.ds-inp-w input::placeholder{color:var(--ink-30)}
.ds-sel{border:none;border-left:1px solid var(--border);padding:0 1rem;font-family:var(--fb);font-size:.875rem;color:var(--ink-75);background:var(--sw);cursor:pointer;outline:none;height:100%}
.ds-btn{padding:1rem 2rem;background:var(--orange);color:#fff;font-size:.9375rem;font-weight:700;border:none;cursor:pointer;transition:background .2s;white-space:nowrap;font-family:var(--fb)}
.ds-btn:hover{background:var(--orange-mid)}
.ds-quick-links{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1.25rem}
.ds-q{padding:.3rem .9rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:100px;font-size:.8125rem;color:rgba(255,255,255,.7);cursor:pointer;transition:all .2s}
.ds-q:hover{background:rgba(255,77,0,.2);border-color:var(--orange);color:#fff}
.ds-result{max-width:800px;margin:1rem auto 0;display:none}
.ds-rc{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-md);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.ds-dom{font-family:var(--fd);font-size:1.2rem;font-weight:700;color:#fff}
.ds-rs{display:flex;align-items:center;gap:1.5rem}
.ds-av{color:#4ade80;font-weight:600;font-size:.875rem}
.ds-na{color:#f87171;font-weight:600;font-size:.875rem}
.ds-pr{font-family:var(--fd);font-size:1.1rem;font-weight:700;color:var(--orange)}
.ds-ab{padding:.5rem 1.25rem;background:var(--orange);color:#fff;border-radius:var(--r-md);font-size:.875rem;font-weight:600;cursor:pointer;border:none;font-family:var(--fb);transition:background .2s}
.ds-ab:hover{background:var(--orange-mid)}

/* SECTION */
.section{padding:5rem 0}
.section-sm{padding:3.5rem 0}
.stag{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin-bottom:.8rem}
.stag::before{content:'';width:14px;height:2px;background:var(--orange)}
.stag.blue{color:var(--blue)}.stag.blue::before{background:var(--blue)}
.stag.purple{color:var(--purple)}.stag.purple::before{background:var(--purple)}
.stitle{font-family:var(--fd);font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--ink);margin-bottom:.8rem}
.ssub{font-size:1rem;color:var(--ink-50);max-width:560px;line-height:1.65}
.sh{margin-bottom:2.75rem}
.shc{text-align:center;margin-bottom:2.75rem}
.shc .ssub{margin-inline:auto}

/* DOMAIN PRICING TABLE */
.tld-wrap{background:var(--surface);border-top:1px solid var(--border)}
.tld-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}
.tld-fb{padding:.4rem 1rem;font-size:.8125rem;font-weight:500;color:var(--ink-75);border:1px solid var(--border);border-radius:100px;cursor:pointer;transition:all .2s;background:transparent}
.tld-fb.active{background:var(--orange);color:#fff;border-color:var(--orange)}
.tld-fb:hover:not(.active){border-color:var(--orange);color:var(--orange)}
.tld-tw{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-xl)}
.tld-t{width:100%;border-collapse:collapse}
.tld-t thead tr{background:var(--ss)}
.tld-t th{padding:.85rem 1.25rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-50);text-align:left;white-space:nowrap;border-bottom:1px solid var(--border)}
.tld-t td{padding:.9rem 1.25rem;font-size:.9rem;border-bottom:1px solid var(--border);vertical-align:middle}
.tld-t tr:last-child td{border-bottom:none}
.tld-t tr:hover td{background:var(--sw)}
.tld-ext{font-family:var(--fd);font-size:1.05rem;font-weight:700;color:var(--ink)}
.tld-desc{font-size:.82rem;color:var(--ink-50);margin-top:.15rem}
.tld-pr{font-family:var(--fd);font-size:1rem;font-weight:700;color:var(--orange)}
.tld-rn{font-size:.82rem;color:var(--ink-50)}
.bp{display:inline-block;padding:.15rem .55rem;font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:100px}
.bp-pop{background:#FFF0EB;color:var(--orange);border:1px solid var(--orange-dim)}
.bp-new{background:#EFF6FF;color:var(--blue);border:1px solid var(--blue-dim)}
.bp-sale{background:#F0FDF4;color:var(--green);border:1px solid rgba(22,163,74,.2)}
.tld-btn{padding:.4rem 1rem;font-size:.8125rem;font-weight:600;color:var(--orange);border:1px solid var(--orange-dim);border-radius:var(--r-md);background:var(--orange-faint);transition:all .2s;cursor:pointer;white-space:nowrap}
.tld-btn:hover{background:var(--orange);color:#fff;border-color:var(--orange)}
.tld-fn{margin-top:1rem;font-size:.8rem;color:var(--ink-30);line-height:1.6}

/* SERVICES GRID */
.svc-wrap{background:var(--sw);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden}
.svc-card{background:var(--surface);padding:1.75rem 1.75rem 2rem;transition:background .2s;display:flex;flex-direction:column}
.svc-card:hover{background:var(--sw)}
.svc-card-filler{background:var(--surface) !important;cursor:default !important}
.svc-card-filler:hover{background:var(--surface) !important}
.svc-icon{font-size:1.5rem;margin-bottom:1.1rem;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--ss);border-radius:var(--r-sm)}
.svc-icon.pu{background:var(--purple-faint)}
.svc-title{font-family:var(--fd);font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:.45rem;letter-spacing:-.01em}
.svc-desc{font-size:.855rem;color:var(--ink-50);line-height:1.6;margin-bottom:1.1rem;flex:1}
.svc-feats{margin-bottom:1.25rem}
.svc-feats li{font-size:.8rem;color:var(--ink-75);padding:.28rem 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.45rem}
.svc-feats li::before{content:'';width:5px;height:5px;background:var(--orange);border-radius:50%;flex-shrink:0}
.svc-price{font-family:var(--fd);font-size:1.3rem;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin-bottom:.9rem}
.svc-price span{font-size:.8rem;font-weight:400;color:var(--ink-50);letter-spacing:0}
.btn-svc{width:100%;padding:.55rem;font-size:.855rem;font-weight:600;color:var(--orange);border:1px solid var(--orange-dim);border-radius:var(--r-md);background:var(--orange-faint);transition:all .2s;text-align:center;cursor:pointer;display:block}
.btn-svc:hover{background:var(--orange);color:#fff;border-color:var(--orange)}
.btn-svc-blue{color:var(--blue);border-color:var(--blue-dim);background:var(--blue-faint)}
.btn-svc-blue:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.btn-svc-pu{color:var(--purple);border-color:var(--purple-dim);background:var(--purple-faint)}
.btn-svc-pu:hover{background:var(--purple);color:#fff;border-color:var(--purple)}

/* NUMBERS */
.num-wrap{background:var(--navy);color:white}
.num-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.07);border-radius:var(--r-xl);overflow:hidden}
.nc{background:var(--navy);padding:2.25rem 1.5rem;text-align:center}
.nv{font-family:var(--fd);font-size:clamp(1.8rem,3.5vw,2.75rem);font-weight:800;letter-spacing:-.04em;color:var(--orange);display:block;line-height:1;margin-bottom:.4rem}
.nl{font-size:.855rem;color:rgba(255,255,255,.45)}

/* HOSTING PLANS */
.plans-wrap{background:var(--sw)}
.plan-tabs{display:flex;gap:.4rem;border-bottom:1px solid var(--border);margin-bottom:2.25rem;overflow-x:auto;padding-bottom:0}
.ptab{padding:.55rem 1.2rem;font-size:.875rem;font-weight:500;color:var(--ink-50);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s;white-space:nowrap;background:none}
.ptab.active{color:var(--orange);border-bottom-color:var(--orange)}
.plan-panel{display:none}
.plan-panel.active{display:block}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:1.1rem}
.pcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.75rem;position:relative;transition:border-color .2s,box-shadow .2s}
.pcard:hover{border-color:var(--orange);box-shadow:var(--sh-md)}
.pcard.feat{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-dim)}
.ppill{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:.18rem .8rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--orange);color:white;border-radius:100px;white-space:nowrap}
.ppill-pu{background:var(--purple)}
.pname{font-family:var(--fd);font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:.2rem}
.ptagline{font-size:.8rem;color:var(--ink-50);margin-bottom:1.4rem}
.ppr{display:flex;align-items:baseline;gap:.2rem;margin-bottom:.3rem}
.pcur{font-size:.95rem;font-weight:600;color:var(--ink-75)}
.pamnt{font-family:var(--fd);font-size:2.1rem;font-weight:800;letter-spacing:-.04em;color:var(--ink);line-height:1}
.pper{font-size:.8rem;color:var(--ink-50)}
.prenew{font-size:.72rem;color:var(--ink-30);margin-bottom:1.4rem}
.pdiv{height:1px;background:var(--border);margin:1.25rem 0}
.pfeats li{display:flex;align-items:flex-start;gap:.6rem;font-size:.8rem;color:var(--ink-75);padding:.3rem 0}
.pchk{width:15px;height:15px;background:#DCFCE7;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.5rem;color:var(--green);font-weight:900;flex-shrink:0;margin-top:1px}
.pcta{display:block;width:100%;margin-top:1.5rem;padding:.65rem;font-size:.875rem;font-weight:600;text-align:center;border-radius:var(--r-md);transition:all .2s;cursor:pointer}
.pcard:not(.feat) .pcta{border:1px solid var(--border-mid);color:var(--ink);background:transparent}
.pcard:not(.feat) .pcta:hover{border-color:var(--orange);color:var(--orange)}
.pcard.feat .pcta{background:var(--orange);color:white;border:none}
.pcard.feat .pcta:hover{background:var(--orange-mid);box-shadow:0 6px 16px rgba(255,77,0,.28)}
/* ── Clientarea button styles reused on homepage plan cards ── */
.ca-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.46rem 1.2rem;font-family:var(--fb);font-size:.875rem;font-weight:600;border-radius:var(--r-md);cursor:pointer;border:none;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s,color .2s;white-space:nowrap;line-height:1.5}
.ca-btn-primary{background:var(--orange);color:#fff}
.ca-btn-primary:hover{background:var(--orange-mid);transform:translateY(-1px);box-shadow:0 6px 18px rgba(255,77,0,.28)}
.ca-btn-block{width:100%;justify-content:center}
.ca-form-group{margin-bottom:1.1rem}
.ca-form-control{width:100%;padding:.6rem .85rem;border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--fb);font-size:.875rem;color:var(--ink);background:var(--surface);transition:border-color .2s,box-shadow .2s;outline:none;line-height:1.5;box-sizing:border-box}
.ca-form-control:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-faint)}
.ca-form-control::placeholder{color:var(--ink-30)}
.pcard.feat-pu{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-dim)}
.pcard.feat-pu:hover{border-color:var(--purple)}
.pcard.feat-pu .pcta.purple-cta{background:var(--purple);color:white;border:none}
.pcard.feat-pu .pcta.purple-cta:hover{background:var(--purple-d);box-shadow:0 6px 16px rgba(124,58,237,.28)}
.spec-row{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.1rem}
.spec-tag{font-size:.72rem;font-weight:600;background:var(--ss);border:1px solid var(--border);border-radius:var(--r-sm);padding:.18rem .55rem;color:var(--ink-75)}
.spec-tag.hi{background:var(--orange-faint);border-color:var(--orange-dim);color:var(--orange-mid)}
.spec-tag.pu{background:var(--purple-faint);border-color:var(--purple-dim);color:var(--purple)}

/* GPU CLOUD */
.gpu-wrap{background:linear-gradient(135deg,#0f0720 0%,#1a0e35 50%,#0e1420 100%);padding:5rem 0;position:relative;overflow:hidden}
.gpu-wrap::before{content:'';position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(124,58,237,.15) 0%,transparent 70%);pointer-events:none}
.gpu-wrap::after{content:'';position:absolute;bottom:-60px;left:10%;width:300px;height:300px;background:radial-gradient(circle,rgba(26,115,232,.08) 0%,transparent 70%);pointer-events:none}
.gpu-inner{position:relative;z-index:1}
.gpu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:1.25rem;margin-top:2.5rem}
.gpu-card{background:rgba(255,255,255,.04);border:1px solid rgba(124,58,237,.25);border-radius:var(--r-xl);padding:1.75rem;position:relative;transition:border-color .2s,box-shadow .2s,background .2s}
.gpu-card:hover{border-color:rgba(124,58,237,.5);background:rgba(255,255,255,.07);box-shadow:0 0 40px rgba(124,58,237,.12)}
.gpu-card.feat-gpu{border-color:var(--purple);box-shadow:0 0 0 3px rgba(124,58,237,.2)}
.gpu-pill{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:.18rem .9rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--purple);color:white;border-radius:100px;white-space:nowrap}
.gpu-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);border-radius:100px;font-size:.72rem;font-weight:700;color:#c4b5fd;letter-spacing:.05em;margin-bottom:1.1rem}
.gpu-name{font-family:var(--fd);font-size:1.2rem;font-weight:800;color:#fff;margin-bottom:.2rem;letter-spacing:-.02em}
.gpu-tagline{font-size:.82rem;color:rgba(255,255,255,.45);margin-bottom:1.5rem}
.gpu-pr{display:flex;align-items:baseline;gap:.2rem;margin-bottom:.3rem}
.gpu-cur{font-size:.95rem;font-weight:600;color:rgba(255,255,255,.6)}
.gpu-amnt{font-family:var(--fd);font-size:2.2rem;font-weight:800;letter-spacing:-.04em;color:#fff;line-height:1}
.gpu-per{font-size:.8rem;color:rgba(255,255,255,.45)}
.gpu-renew{font-size:.72rem;color:rgba(255,255,255,.3);margin-bottom:1.5rem}
.gpu-div{height:1px;background:rgba(255,255,255,.07);margin:1.25rem 0}
.gpu-specs{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.5rem}
.gpu-spec-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem}
.gpu-spec-label{color:rgba(255,255,255,.4)}
.gpu-spec-val{color:#e2d9ff;font-weight:600}
.gpu-spec-val.highlight{color:#c4b5fd}
.gpu-cta{display:block;width:100%;padding:.65rem;font-size:.875rem;font-weight:600;text-align:center;border-radius:var(--r-md);transition:all .2s;cursor:pointer;border:1px solid rgba(124,58,237,.4);color:#c4b5fd;background:rgba(124,58,237,.1)}
.gpu-cta:hover{background:rgba(124,58,237,.25);border-color:var(--purple);color:#fff}
.gpu-card.feat-gpu .gpu-cta{background:var(--purple);color:white;border-color:var(--purple)}
.gpu-card.feat-gpu .gpu-cta:hover{background:var(--purple-d);box-shadow:0 6px 20px rgba(124,58,237,.4)}
.gpu-use-cases{margin-top:3rem}
.gpu-uc-title{font-family:var(--fd);font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:1.1rem}
.gpu-uc-grid{display:flex;flex-wrap:wrap;gap:.6rem}
.gpu-uc{display:flex;align-items:center;gap:.4rem;padding:.35rem .85rem;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.2);border-radius:100px;font-size:.8rem;color:rgba(255,255,255,.65)}

/* COMPARISON TABLE */
.comp-wrap{background:var(--surface);border-top:1px solid var(--border)}
.comp-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-xl)}
.comp-table{width:100%;border-collapse:collapse;min-width:700px}
.comp-table th{padding:1rem 1.25rem;font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-align:center;border-bottom:1px solid var(--border)}
.comp-table th:first-child{text-align:left}
.comp-table th.comp-azonic{background:var(--orange-faint);color:var(--orange-mid);border-bottom:2px solid var(--orange)}
.comp-table td{padding:.9rem 1.25rem;font-size:.875rem;border-bottom:1px solid var(--border);text-align:center;vertical-align:middle}
.comp-table td:first-child{text-align:left;font-weight:600;color:var(--ink)}
.comp-table tr:last-child td{border-bottom:none}
.comp-table tr:hover td{background:var(--sw)}
.comp-table td.comp-azonic{background:var(--orange-faint)}
.comp-yes{color:var(--green);font-weight:700;font-size:1rem}
.comp-no{color:#ef4444;font-size:.9rem}
.comp-partial{color:#F59E0B;font-weight:600;font-size:.82rem}
.comp-head{background:var(--ss)}

/* AEO */
.aeo-wrap{background:var(--navy);padding:4.5rem 0}
.aeo-inner{max-width:860px;margin-inline:auto}
.aeo-tag{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin-bottom:.8rem}
.aeo-tag::before{content:'';width:14px;height:2px;background:var(--orange)}
.aeo-h{font-family:var(--fd);font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;letter-spacing:-.03em;color:#fff;margin-bottom:.6rem}
.aeo-sub{font-size:.95rem;color:rgba(255,255,255,.45);margin-bottom:2.5rem;max-width:540px}
.aeo-qs{display:flex;flex-direction:column;gap:1.1rem}
.aeo-q{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:var(--r-lg);padding:1.4rem 1.6rem}
.aeo-qt{font-family:var(--fd);font-size:.95rem;font-weight:700;color:rgba(255,255,255,.85);margin-bottom:.6rem}
.aeo-qa{font-size:.875rem;color:rgba(255,255,255,.45);line-height:1.7}
.aeo-qa strong{color:rgba(255,255,255,.7)}

/* GOOGLE WORKSPACE */
.gws-wrap{background:var(--surface);border-top:1px solid var(--border)}
.gws-brand-bar{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.75rem;background:linear-gradient(135deg,#f8fbff 0%,#eef5ff 100%);border:1px solid var(--blue-dim);border-radius:var(--r-lg);margin-bottom:2.5rem;flex-wrap:wrap}
.gws-logo-pill{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--blue-dim);border-radius:var(--r-md);font-size:.875rem;font-weight:600;color:var(--blue);flex-shrink:0}
.gws-btxt h4{font-family:var(--fd);font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:.2rem}
.gws-btxt p{font-size:.8rem;color:var(--ink-50)}
.gws-auth{margin-left:auto;padding:.3rem .8rem;background:#EFF6FF;border:1px solid var(--blue-dim);border-radius:100px;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--blue);white-space:nowrap}
.gws-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.1rem}
.gwscard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.75rem;position:relative;transition:border-color .2s,box-shadow .2s}
.gwscard:hover{border-color:var(--blue);box-shadow:0 8px 24px rgba(26,115,232,.1)}
.gwscard.featg{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-dim)}
.gws-pill{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:.18rem .8rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--blue);color:white;border-radius:100px;white-space:nowrap}
.gws-apps-row{display:flex;gap:.35rem;margin-bottom:1.1rem}
.gapp{width:26px;height:26px;border-radius:5px;background:var(--ss);display:flex;align-items:center;justify-content:center;font-size:.8rem;border:1px solid var(--border)}
.gwsname{font-family:var(--fd);font-size:1.05rem;font-weight:700;color:var(--ink);margin-bottom:.2rem}
.gwstag{font-size:.8rem;color:var(--ink-50);margin-bottom:1.25rem}
.gpr{display:flex;align-items:baseline;gap:.2rem;margin-bottom:.3rem}
.gcur{font-size:.95rem;font-weight:600;color:var(--ink-75)}
.gamnt{font-family:var(--fd);font-size:2rem;font-weight:800;letter-spacing:-.04em;color:var(--ink);line-height:1}
.gper{font-size:.8rem;color:var(--ink-50)}
.gpu-u{font-size:.72rem;color:var(--ink-30);margin-bottom:1.25rem}
.gdiv{height:1px;background:var(--border);margin:1.1rem 0}
.gfeats li{display:flex;align-items:flex-start;gap:.6rem;font-size:.8rem;color:var(--ink-75);padding:.28rem 0}
.gchk{width:15px;height:15px;background:#EFF6FF;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.5rem;color:var(--blue);font-weight:900;flex-shrink:0;margin-top:1px}
.gcta{display:block;width:100%;margin-top:1.4rem;padding:.65rem;font-size:.875rem;font-weight:600;text-align:center;border-radius:var(--r-md);transition:all .2s;cursor:pointer}
.gwscard:not(.featg) .gcta{border:1px solid var(--border-mid);color:var(--ink);background:transparent}
.gwscard:not(.featg) .gcta:hover{border-color:var(--blue);color:var(--blue)}
.gwscard.featg .gcta{background:var(--blue);color:white;border:none}
.gwscard.featg .gcta:hover{background:var(--blue-d);box-shadow:0 6px 16px rgba(26,115,232,.28)}

/* WHY */
.why-wrap{background:var(--sw);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.why-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}
.why-item{display:flex;gap:1rem}
.wi-icon{width:42px;height:42px;border-radius:var(--r-md);background:var(--orange-dim);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.wi-h4{font-family:var(--fd);font-size:.9375rem;font-weight:700;color:var(--ink);margin-bottom:.3rem}
.wi-p{font-size:.855rem;color:var(--ink-50);line-height:1.6}
.why-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:2rem}
.why-card h4{font-family:var(--fd);font-size:1.1rem;font-weight:700;color:var(--ink);margin-bottom:1.25rem}
.wsr{display:flex;justify-content:space-between;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--border)}
.wsr:last-child{border-bottom:none}
.wsl{font-size:.855rem;color:var(--ink-50)}
.wsv{font-family:var(--fd);font-size:1rem;font-weight:700;color:var(--ink)}
.wsb{width:80px;height:6px;background:var(--ss);border-radius:3px;overflow:hidden}
.wsb-fill{height:100%;background:var(--orange);border-radius:3px}

/* TESTIMONIALS */
.testi-wrap{background:var(--surface)}
.testi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.1rem}
.tcard{background:var(--sw);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.6rem;transition:border-color .2s,box-shadow .2s}
.tcard:hover{border-color:var(--border-mid);box-shadow:var(--sh-sm)}
.tstars{display:flex;gap:.2rem;margin-bottom:.9rem;color:var(--orange);font-size:.85rem}
.ttext{font-size:.875rem;line-height:1.7;color:var(--ink-75);margin-bottom:1.4rem;font-style:italic}
.tauth{display:flex;align-items:center;gap:.7rem}
.tav{width:36px;height:36px;border-radius:50%;background:var(--ss);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--orange);flex-shrink:0;font-family:var(--fd)}
.tname{font-size:.855rem;font-weight:600;color:var(--ink)}
.tmeta{font-size:.75rem;color:var(--ink-50)}

/* BLOG */
.blog-wrap{background:var(--sw);border-top:1px solid var(--border)}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.1rem}
.bcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}
.bcard:hover{border-color:var(--border-mid);box-shadow:var(--sh-sm);transform:translateY(-2px)}
.bthumb{height:150px;background:linear-gradient(135deg,var(--ss),var(--sw));display:flex;align-items:center;justify-content:center;font-size:2.5rem;border-bottom:1px solid var(--border)}
.bthumb.gpu-thumb{background:linear-gradient(135deg,#1a0e35,#2d1565)}
.bthumb.blue-thumb{background:linear-gradient(135deg,#EFF6FF,#DBEAFE)}
.bthumb.purple-thumb{background:linear-gradient(135deg,#F5F3FF,#EDE9FE)}
.bbody{padding:1.4rem}
.bcat{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin-bottom:.5rem}
.bcat.blue{color:var(--blue)}
.bcat.purple{color:var(--purple)}
.btitle{font-family:var(--fd);font-size:1rem;font-weight:700;color:var(--ink);line-height:1.35;margin-bottom:.6rem;letter-spacing:-.01em}
.bex{font-size:.82rem;color:var(--ink-50);line-height:1.6;margin-bottom:1rem}
.bmeta{font-size:.75rem;color:var(--ink-30);display:flex;gap:.75rem}
.brl{font-size:.8125rem;font-weight:600;color:var(--orange);display:inline-flex;align-items:center;gap:.3rem;margin-top:.75rem;transition:gap .2s}
.brl:hover{gap:.6rem}

/* FAQ */
.faq-wrap{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.faq-col{max-width:780px;margin-inline:auto}
.fq{border-bottom:1px solid var(--border)}
.fqq{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0;cursor:pointer;gap:1rem}
.fqt{font-size:.9375rem;font-weight:600;color:var(--ink);flex:1}
.fqi{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-mid);color:var(--ink-50);font-size:1rem;transition:transform .25s,border-color .25s,color .25s;flex-shrink:0}
.fq.open .fqi{transform:rotate(45deg);border-color:var(--orange);color:var(--orange)}
.fqa{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s}
.fq.open .fqa{max-height:400px;padding-bottom:1.2rem}
.fqa p{font-size:.9rem;color:var(--ink-50);line-height:1.7}

/* CTA */
.cta-wrap{background:var(--navy);color:white}
.cta-in{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:3.75rem 0}
.cta-t{font-family:var(--fd);font-size:clamp(1.4rem,2.8vw,2.1rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:.65rem}
.cta-s{font-size:.9375rem;color:rgba(255,255,255,.45)}
.cta-btns{display:flex;gap:.75rem;flex-shrink:0;align-items:center;flex-wrap:wrap}
.btn-white{padding:.65rem 1.4rem;font-size:.875rem;font-weight:600;background:white;color:var(--navy);border-radius:var(--r-md);transition:all .2s;white-space:nowrap;display:inline-block}
.btn-white:hover{background:var(--ss);transform:translateY(-1px)}
.btn-gw{padding:.65rem 1.4rem;font-size:.875rem;font-weight:600;background:transparent;color:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-md);transition:all .2s;white-space:nowrap;display:inline-block}
.btn-gw:hover{border-color:rgba(255,255,255,.6);color:white}

/* SUPPORT */
.sup-wrap{background:var(--sw);border-top:1px solid var(--border)}
.sup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.1rem}
.supcard{border:1px solid var(--border);border-radius:var(--r-lg);padding:1.6rem;background:var(--surface);transition:border-color .2s,transform .2s,box-shadow .2s}
.supcard:hover{border-color:var(--orange);transform:translateY(-3px);box-shadow:var(--sh-md)}
.supicon{font-size:1.3rem;margin-bottom:.9rem}
.suptitle{font-family:var(--fd);font-size:.9375rem;font-weight:700;color:var(--ink);margin-bottom:.35rem;letter-spacing:-.01em}
.supdesc{font-size:.8rem;color:var(--ink-50);line-height:1.55;margin-bottom:.9rem}
.suplink{font-size:.8rem;font-weight:600;color:var(--orange);display:inline-flex;align-items:center;gap:.3rem;transition:gap .2s}
.suplink:hover{gap:.6rem}

/* FOOTER */
footer{background:var(--navy);color:rgba(255,255,255,.5)}
.ft-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:2.25rem;padding:3.75rem 0 2.75rem;border-bottom:1px solid rgba(255,255,255,.07)}
.ft-logo{font-family:var(--fd);font-size:1.3rem;font-weight:800;letter-spacing:-.04em;color:white;margin-bottom:.8rem}
.ft-logo-d{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-left:1px;vertical-align:super}
.ft-brand p{font-size:.8rem;line-height:1.65;max-width:230px;margin-bottom:1.4rem}
.socials{display:flex;gap:.5rem}
.sbtn{width:32px;height:32px;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.1);background:transparent;color:rgba(255,255,255,.5);font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.sbtn:hover{border-color:var(--orange);color:var(--orange);background:rgba(255,77,0,.08)}
.ft-col h5{font-family:var(--fd);font-size:.855rem;font-weight:700;color:white;margin-bottom:.9rem;letter-spacing:-.01em}
.ft-col ul li{margin-bottom:.55rem}
.ft-col ul a{font-size:.8rem;color:rgba(255,255,255,.4);transition:color .2s}
.ft-col ul a:hover{color:rgba(255,255,255,.8)}
.ft-bot{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 0;font-size:.77rem;flex-wrap:wrap;gap:.75rem}
.ft-bot-links{display:flex;gap:1.25rem}
.ft-bot-links a{color:rgba(255,255,255,.3);transition:color .2s}
.ft-bot-links a:hover{color:rgba(255,255,255,.7)}
.ft-certs{display:flex;gap:.75rem;flex-wrap:wrap}
.ctag{font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-sm);padding:.18rem .5rem}

/* RESPONSIVE */
@media(max-width:1100px){
  .si{grid-template-columns:1fr;gap:2rem;padding:3rem 0 2.5rem}
  .hcard{max-width:440px}
  .num-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:1fr}
  .ft-main{grid-template-columns:1fr 1fr}
  .svc-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .tb-r{display:none}
  .nav-links,.nav-cta{display:none}
  .hamburger{display:flex}
  .ds-box{flex-direction:column;border-radius:var(--r-md)}
  .ds-sel{border-left:none;border-top:1px solid var(--border);padding:.75rem 1rem;width:100%}
  .ds-btn{border-radius:0 0 var(--r-md) var(--r-md);padding:.9rem}
  .cta-in{grid-template-columns:1fr}
  .cta-btns{flex-direction:column;width:100%}
  .btn-white,.btn-gw{text-align:center}
  .ft-main{grid-template-columns:1fr 1fr;gap:1.75rem}
  .ft-bot{flex-direction:column;text-align:center}
  .gws-auth{margin-left:0}
  .svc-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .s-title{font-size:1.9rem}
  .ft-main{grid-template-columns:1fr}
  .num-grid{grid-template-columns:1fr 1fr}
  .tb-l{gap:1rem}
  .svc-grid{grid-template-columns:1fr}
  .pgrid{grid-template-columns:1fr}
}