:root {
  --bg: #07111b;
  --bg-2: #0b1520;
  --card: #101b28;
  --card-2: #131f2d;
  --line: #24303d;
  --orange: #b62ee8;
  --orange-2: #b62ee8;
  --orange-dark: #6b0f8f;
  --orange-soft: #d96bff;
  --text: #f7f9fb;
  --muted: #9ca7b3;
  --light: #f5f6f8;
  --ink: #151922;
  --ink-muted: #69707c;
  --radius: 10px;
  --shadow: 0 18px 50px rgba(0,0,0,.25);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);line-height:1.55}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1160px,calc(100% - 44px));margin-inline:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 19px;border-radius:5px;font-weight:700;font-size:13px;transition:.22s ease;border:1px solid transparent;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-solid{background:linear-gradient(135deg,var(--orange),#a51ed0);color:#fff;box-shadow:0 8px 24px rgba(182,46,232,.23)}
.btn-outline{border-color:#59616c;color:#fff;background:rgba(7,17,27,.28)}
.btn-dark{background:#111923;color:#fff;border-color:#212e3c}
.btn-light-outline{border-color:#9aa0a9;color:#252a31;background:transparent}
.eyebrow{font-size:10px;letter-spacing:.05em;color:var(--orange);font-weight:900;margin-bottom:9px}
.eyebrow.light{color:#ead0f5}.centered-text{text-align:center}
.section-head h2,.why-copy h2,.blog-title-row h2{margin:0;font-size:30px;line-height:1.2}.section-head h2 span,.why-copy h2 span{color:var(--orange)}
.centered{text-align:center}

.site-header{height:72px;background:#08111b;border-bottom:1px solid #1a2430;position:sticky;top:0;z-index:50;box-shadow:0 3px 24px rgba(0,0,0,.18)}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;font-weight:850;letter-spacing:-.04em;white-space:nowrap}.brand>span:last-child>span{color:var(--orange)}
.brand-mark{width:30px;height:30px;display:inline-grid;place-items:center;border:3px solid var(--orange);transform:rotate(30deg);border-radius:7px;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border:2px solid var(--orange);border-radius:4px}.brand-mark:before{inset:5px}.brand-mark:after{inset:10px}.brand-mark span{width:2px;height:2px;background:var(--orange);border-radius:50%}
.main-nav{display:flex;align-items:center;gap:31px;margin-left:auto}.main-nav a{height:72px;display:flex;align-items:center;gap:5px;font-size:12px;color:#dce2e8;position:relative}.main-nav a.active:after{content:"";height:2px;background:var(--orange);position:absolute;left:0;right:0;bottom:10px}.main-nav small{font-size:10px;color:#8995a1}
.nav-actions{display:flex;align-items:center;gap:18px}.cart{font-size:17px;position:relative}.cart span{font-size:9px;color:var(--orange);position:absolute;right:-8px;top:-3px}.btn-client{min-height:38px;padding-inline:16px;font-size:11px}
.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}

.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 79% 50%,rgba(182,46,232,.1),transparent 32%),linear-gradient(180deg,#08111b 0%,#06101a 100%);padding:67px 0 0}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 60%,rgba(190,56,235,.05)),repeating-linear-gradient(165deg,transparent 0 42px,rgba(190,56,235,.025) 43px 44px);pointer-events:none}
.hero-grid{min-height:340px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:40px;position:relative;z-index:1}.hero-copy{padding-left:10px}.hero-copy h1{font-size:50px;line-height:1.05;letter-spacing:-.045em;margin:0 0 18px;font-weight:850}.hero-copy h1 span{color:var(--orange)}.hero-copy p{max-width:460px;color:#b4bdc6;font-size:15px;margin:0 0 25px}.hero-buttons{display:flex;gap:13px}
.hero-visual{min-height:340px;position:relative;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:75%;height:63%;border:2px solid rgba(182,46,232,.78);transform:rotate(30deg);box-shadow:0 0 18px rgba(182,46,232,.55),inset 0 0 18px rgba(182,46,232,.15);right:7%;top:12%;z-index:0}.hero-visual:after{content:"";position:absolute;height:3px;width:80%;right:0;bottom:49px;background:linear-gradient(90deg,transparent,#c13df3,#e58aff,transparent);filter:blur(.2px);box-shadow:0 0 22px #c945f0;transform:rotate(-8deg)}.hero-visual img{width:100%;max-width:560px;height:330px;object-fit:cover;object-position:center;border-radius:5px;position:relative;z-index:1;mix-blend-mode:screen;filter:saturate(1.1) contrast(1.02);-webkit-mask-image:linear-gradient(to left,#000 72%,transparent 100%);mask-image:linear-gradient(to left,#000 72%,transparent 100%)}
.hero-glow{position:absolute;height:2px;width:50%;right:-5%;background:linear-gradient(90deg,transparent,var(--orange),transparent);box-shadow:0 0 22px rgba(182,46,232,.75)}.hero-glow-one{top:170px;transform:rotate(-15deg)}.hero-glow-two{top:300px;transform:rotate(12deg);width:45%}
.domain-shell{position:relative;z-index:3;display:grid;grid-template-columns:260px 1fr 335px;align-items:center;gap:16px;background:#111c28;border:1px solid #2b3743;border-radius:10px;padding:16px 18px;margin-top:12px;transform:translateY(22px);box-shadow:0 14px 35px rgba(0,0,0,.32)}.domain-title{font-size:14px}.domain-title span{color:var(--orange)}.domain-form{height:42px;display:grid;grid-template-columns:1fr 80px 80px;border-radius:5px;overflow:hidden;background:#0a1420;border:1px solid #34404d}.domain-form input,.domain-form select{background:#0a1420;color:#bdc7d1;border:0;outline:0;padding:0 14px;font-size:11px}.domain-form select{border-left:1px solid #34404d}.search-btn{border-radius:0;min-height:100%;padding:0 12px}.tld-prices{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;gap:6px}.tld-prices div{border-left:1px solid #293542}.tld-prices div:first-child{border-left:0}.tld-prices b{display:block;color:var(--orange);font-size:13px}.tld-prices span{font-size:10px;color:#bbc4cd}

.feature-strip{background:var(--light);color:var(--ink);padding:56px 0 26px}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr)}.feature-item{text-align:center;padding:9px 17px;min-height:128px;border-right:1px solid #e1e4e8}.feature-item:last-child{border-right:0}.feature-item svg{width:35px;height:35px;stroke:var(--orange);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin:0 auto 10px}.feature-item h3{font-size:12px;margin:0 0 7px}.feature-item p{font-size:10px;color:#757c85;margin:0;line-height:1.6}

.dark-section{background:#08111b}.hosting-section{padding:53px 0 45px}.hosting-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:28px}.hosting-card{background:linear-gradient(180deg,#131e2b,#101925);border:1px solid #26313d;border-radius:8px;min-height:232px;text-align:center;padding:24px 20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.015)}.hosting-card h3{font-size:15px;margin:13px 0 8px}.hosting-card p{color:#a9b2bc;font-size:10px;line-height:1.7;min-height:64px}.hosting-card a{font-size:11px;color:var(--orange);font-weight:800}.hosting-icon{width:54px;height:54px;margin:auto;position:relative;filter:drop-shadow(0 0 10px rgba(182,46,232,.23))}.hosting-icon:before{content:"";position:absolute;inset:6px;border:2px solid var(--orange);border-radius:9px;transform:rotate(30deg)}.hosting-icon:after{content:"";position:absolute;left:17px;right:17px;top:17px;bottom:17px;border:2px solid #db7df7;border-radius:4px}.hosting-icon.layers:before{border-radius:5px;transform:rotate(30deg) skew(-7deg)}.hosting-icon.layers i{position:absolute;left:11px;right:11px;height:5px;border:2px solid var(--orange);border-radius:4px;transform:rotate(-9deg)}.hosting-icon.layers i:nth-child(1){top:14px}.hosting-icon.layers i:nth-child(2){top:26px}.hosting-icon.layers i:nth-child(3){top:38px}.hosting-icon.cloud:before{border-radius:45% 55% 44% 55%;transform:none;inset:15px 5px 10px}.hosting-icon.cloud:after{display:none}.hosting-icon.tower i{position:absolute;width:8px;height:8px;border:1px solid #df89f8;left:23px;border-radius:2px}.hosting-icon.tower i:nth-child(1){top:13px}.hosting-icon.tower i:nth-child(2){top:24px}.hosting-icon.tower i:nth-child(3){top:35px}.hosting-icon.mail:before{border-radius:2px;transform:none;inset:11px 8px}.hosting-icon.mail:after{content:"";inset:15px 13px 22px;border-width:0 0 2px 2px;transform:rotate(-45deg);border-radius:0}

.light-section{background:#f4f5f7;color:var(--ink)}.why-section{padding:46px 0}.why-grid{display:grid;grid-template-columns:1fr 2.25fr;gap:65px;align-items:center}.why-copy p{font-size:11px;color:#6d747d;max-width:300px;margin:16px 0 20px}.why-features{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 26px}.why-features article{display:flex;gap:14px}.why-features article>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid #ead0f5;color:var(--orange);background:#fff;box-shadow:0 4px 10px rgba(182,46,232,.08);flex:0 0 auto}.why-features h3{font-size:12px;margin:0 0 4px}.why-features p{font-size:10px;color:#777e88;margin:0;line-height:1.5}

.stats-section{border-top:1px solid #1b2530;border-bottom:1px solid #1b2530;padding:22px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid article{display:flex;justify-content:center;align-items:center;gap:14px;border-right:1px solid #1e2a36}.stats-grid article:last-child{border-right:0}.stat-icon{font-size:31px;color:var(--orange)}.stats-grid strong{display:block;color:var(--orange);font-size:24px;line-height:1.05}.stats-grid p{font-size:10px;margin:4px 0 0;color:#ccd3da}

.cta-section{background:linear-gradient(115deg,#b62ee8 0%,#9c24c6 55%,#6b0f8f 100%);position:relative;overflow:hidden;padding:37px 0;color:#fff}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 23% 67%,rgba(255,255,255,.18) 0 1px,transparent 2px),radial-gradient(circle at 61% 19%,rgba(255,255,255,.16) 0 1px,transparent 2px);background-size:80px 80px,110px 110px;opacity:.38}.cta-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;z-index:1}.cta-grid h2{font-size:31px;line-height:1.13;margin:0 0 12px}.cta-grid p{font-size:11px;color:#f2dcfa;margin:0 0 18px}.cta-visual{display:flex;align-items:center;justify-content:flex-end;gap:16px}.cta-visual img{width:310px;height:128px;object-fit:cover;border-radius:8px;mix-blend-mode:multiply;filter:saturate(1.25) contrast(1.05)}.shield{width:84px;height:95px;border:4px solid #fff;border-radius:22px 22px 35px 35px;display:grid;place-items:center;font-size:34px;font-weight:900;filter:drop-shadow(0 7px 12px rgba(0,0,0,.18))}

.blog-section{padding:43px 0 45px}.blog-title-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.blog-title-row>a{font-size:11px;font-weight:700}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.blog-card{background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 5px 16px rgba(17,26,36,.05)}.blog-image{height:145px;position:relative;background:#111a25;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.date{position:absolute;left:12px;bottom:0;width:46px;background:var(--orange);color:#fff;text-align:center;padding:6px 3px}.date b{display:block;font-size:8px;letter-spacing:.08em}.date span{font-size:17px;font-weight:900}.blog-body{padding:17px 18px 19px}.blog-body h3{font-size:13px;line-height:1.35;margin:0 0 9px;min-height:36px}.blog-body p{font-size:10px;color:#777e86;line-height:1.6;margin:0 0 12px}.blog-body a{font-size:10px;color:var(--orange);font-weight:850}

.partners{padding:27px 0 22px;border-bottom:1px solid #21303c}.partners .eyebrow{margin-bottom:20px}.partner-row{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;text-align:center;gap:20px;color:#dde1e5}.partner-row span{font-size:18px;font-weight:800;opacity:.86;white-space:nowrap}.partner-row span:nth-child(3){font-weight:650}.partner-row span:nth-child(4){font-family:Georgia,serif}.partner-row span:nth-child(5){font-style:italic}

.site-footer{background:#0c1620;color:#d5dbe1;padding:37px 0 14px}.footer-grid{display:grid;grid-template-columns:1.55fr repeat(5,.78fr) 1.25fr;gap:22px}.footer-grid h4{font-size:11px;margin:0 0 12px;color:#fff}.footer-grid>div:not(.footer-about):not(.newsletter){display:flex;flex-direction:column;gap:7px}.footer-grid a{font-size:9px;color:#afb8c1}.footer-about .brand{font-size:20px}.footer-about p,.newsletter p{font-size:9px;color:#96a2ad;line-height:1.7}.socials{display:flex;gap:8px;margin-top:13px}.socials a{width:22px;height:22px;border-radius:50%;background:#1a2632;display:grid;place-items:center;font-size:9px;color:#fff}.newsletter form{display:grid;grid-template-columns:1fr 78px;height:37px;border:1px solid #2e3b48;border-radius:4px;overflow:hidden}.newsletter input{background:#0a131d;border:0;color:#d8dee5;padding:0 10px;font-size:9px;outline:0}.newsletter button{min-height:100%;border-radius:0;padding:0 8px;font-size:9px}.footer-bottom{border-top:1px solid #21303c;margin-top:28px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;color:#8996a2;font-size:9px}.payments{display:flex;gap:8px}.payments span{min-width:37px;height:18px;background:#172431;border:1px solid #2b3947;border-radius:3px;display:grid;place-items:center;color:#e2e7ec;font-size:8px}

.toast{position:fixed;right:22px;bottom:22px;background:#111c28;color:#fff;border:1px solid #32404e;border-left:3px solid var(--orange);border-radius:7px;padding:12px 15px;font-size:12px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(8px);transition:.25s;z-index:100}.toast.show{opacity:1;transform:none}

@media (max-width:1080px){
  .main-nav{gap:18px}.nav-actions{gap:10px}.domain-shell{grid-template-columns:210px 1fr}.tld-prices{grid-column:1/-1}.hosting-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr)}.footer-grid>div:nth-child(5),.footer-grid>div:nth-child(6),.newsletter{margin-top:10px}
}
@media (max-width:820px){
  .container{width:min(100% - 28px,1160px)}.site-header{height:64px}.menu-toggle{display:block;margin-left:auto}.main-nav{position:absolute;left:14px;right:14px;top:64px;background:#0c1722;border:1px solid #2a3743;border-radius:8px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{height:42px;padding:0 10px}.main-nav a.active:after{left:10px;right:auto;width:34px;bottom:4px}.nav-actions .cart{display:none}.btn-client{display:none}
  .hero{padding-top:42px}.hero-grid{grid-template-columns:1fr;gap:12px}.hero-copy{text-align:center;padding:0}.hero-copy p{margin-inline:auto}.hero-buttons{justify-content:center}.hero-visual{min-height:270px}.hero-visual img{height:280px;max-width:600px}.domain-shell{grid-template-columns:1fr;margin-top:0;transform:translateY(22px)}.domain-title{text-align:center}.tld-prices{grid-column:auto}
  .feature-grid{grid-template-columns:repeat(3,1fr);row-gap:16px}.feature-item:nth-child(3){border-right:0}.feature-item:nth-child(4),.feature-item:nth-child(5),.feature-item:nth-child(6){border-top:1px solid #e2e5e8;padding-top:20px}
  .hosting-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:1fr;gap:35px}.why-copy{text-align:center}.why-copy p{margin-inline:auto}.why-features{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.stats-grid article:nth-child(2){border-right:0}.cta-grid{grid-template-columns:1fr;text-align:center;gap:24px}.cta-visual{justify-content:center}.blog-grid{grid-template-columns:1fr}.blog-image{height:210px}.partner-row{grid-template-columns:repeat(3,1fr);row-gap:24px}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-about,.newsletter{grid-column:1/-1}.footer-about{text-align:center}.footer-about .brand,.socials{justify-content:center}.newsletter{text-align:center}.newsletter form{max-width:420px;margin:auto}
}
@media (max-width:540px){
  .brand{font-size:20px}.brand-mark{width:27px;height:27px}.hero-copy h1{font-size:38px}.hero-copy p{font-size:13px}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:200px}.hero-visual{min-height:220px}.hero-visual img{height:225px}.hero-visual:before{width:78%;height:58%;right:6%;top:14%}.domain-form{grid-template-columns:1fr 72px}.search-btn{grid-column:1/-1;height:40px}.domain-form{height:auto;overflow:visible}.domain-form input,.domain-form select{height:42px;border:1px solid #34404d}.tld-prices{grid-template-columns:repeat(5,1fr);gap:1px}.tld-prices span{font-size:9px}
  .feature-grid{grid-template-columns:repeat(2,1fr)}.feature-item:nth-child(2),.feature-item:nth-child(4){border-right:0}.feature-item:nth-child(3){border-right:1px solid #e1e4e8}.feature-item:nth-child(3),.feature-item:nth-child(4),.feature-item:nth-child(5),.feature-item:nth-child(6){border-top:1px solid #e2e5e8;padding-top:20px}.hosting-grid{grid-template-columns:1fr}.section-head h2,.why-copy h2,.blog-title-row h2,.cta-grid h2{font-size:27px}.why-features{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.stats-grid article{border-right:0;border-bottom:1px solid #1e2a36;padding-bottom:14px}.stats-grid article:last-child{border-bottom:0}.cta-visual img{width:220px;height:105px}.shield{width:68px;height:78px}.blog-title-row{align-items:flex-start;gap:10px}.partner-row{grid-template-columns:repeat(2,1fr)}.partner-row span{font-size:15px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-about,.newsletter{grid-column:1/-1}.footer-bottom{gap:15px;flex-direction:column;text-align:center}
}

/* ===== Nameflint reference-style header + hero ===== */
.site-header{height:76px;background:#fff;border-bottom:1px solid #eceff2;box-shadow:0 2px 18px rgba(20,31,44,.08)}
.nav-wrap{height:100%;}
.brand-image{display:inline-flex;align-items:center}
.brand-image img{width:151px;height:auto;display:block;object-fit:contain}
.main-nav{gap:30px}
.main-nav a{height:76px;color:#242b34;font-size:12px;font-weight:600}
.main-nav a.active{color:var(--orange)}
.main-nav a.active:after{height:2px;bottom:12px;background:var(--orange)}
.main-nav small{color:#66707d}
.nav-actions{gap:10px}
.btn-header-login{min-height:38px;padding:0 17px;border:1px solid #7a838e;background:#fff;color:#202731;border-radius:7px;font-size:11px}
.btn-header-cta{min-height:38px;padding:0 19px;border-radius:7px;background:linear-gradient(135deg,#ce54ee,#8c1ab5);color:#fff;font-size:11px;box-shadow:none}

.hero-reference{padding:0;min-height:470px;background:linear-gradient(125deg,#a92bd4 0%,#bd37e6 45%,#a51ed0 100%);position:relative;isolation:isolate}
.hero-reference:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 33%,rgba(255,255,255,.12),transparent 18%),radial-gradient(circle at 25% 87%,rgba(255,255,255,.09),transparent 25%),linear-gradient(130deg,transparent 58%,rgba(255,255,255,.06) 59%,transparent 60%);z-index:-2}
.hero-pattern{position:absolute;pointer-events:none;z-index:-1;opacity:.34}
.hero-pattern-one{right:7%;top:36px;width:250px;height:230px;background-image:radial-gradient(circle,rgba(255,255,255,.35) 1px,transparent 1.5px);background-size:8px 8px;mask-image:linear-gradient(90deg,transparent,#000 28%,#000);}
.hero-pattern-two{left:-70px;bottom:-85px;width:270px;height:200px;border-radius:50%;background:rgba(255,255,255,.09);filter:blur(1px)}
.hero-glow-one,.hero-glow-two{z-index:-1;background:linear-gradient(90deg,transparent,rgba(221,147,244,.45),transparent);box-shadow:none;opacity:.45}
.hero-grid{min-height:470px;grid-template-columns:1fr .95fr;align-items:center;gap:18px}
.hero-copy{padding:46px 0 36px 4px;max-width:650px}
.hero-badge{display:inline-flex;align-items:center;gap:7px;margin:0 0 16px;padding:7px 13px;border:1px solid rgba(255,255,255,.42);border-radius:999px;color:#fff;font-size:10px;letter-spacing:.01em;background:rgba(255,255,255,.03)}
.hero-copy h1{margin:0 0 15px;font-size:50px;line-height:1.02;letter-spacing:-.045em;color:#fff;font-weight:850}
.hero-copy h1 span{color:#111923}
.hero-copy p{max-width:500px;margin:0 0 22px;color:rgba(255,255,255,.93);font-size:14px;line-height:1.55}
.hero-domain-form{height:48px;display:grid;grid-template-columns:1fr 104px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.75);box-shadow:0 10px 24px rgba(73,13,92,.14);max-width:650px}
.hero-domain-form input{height:100%;background:#fff;color:#7d8792;border:0;outline:0;padding:0 15px;font-size:12px}
.hero-domain-form .search-btn{min-height:100%;height:100%;border-radius:0;background:#18222e;color:#fff;font-size:12px;box-shadow:none}
.hero-tld-prices{display:flex;gap:10px;margin-top:11px}
.hero-tld-prices div{display:flex;align-items:center;gap:8px;padding:7px 13px;border-radius:6px;background:#fff;color:#202731;border:1px solid rgba(255,255,255,.7);box-shadow:0 6px 16px rgba(73,13,92,.12)}
.hero-tld-prices b{font-size:10px}
.hero-tld-prices span{font-size:10px;color:var(--orange);font-weight:900}
.hero-benefits{display:flex;flex-wrap:wrap;gap:10px 23px;margin-top:18px;color:#fff;font-size:11px;font-weight:600}
.hero-benefits>div{display:flex;align-items:center;gap:7px;white-space:nowrap}
.benefit-icon{width:18px;height:18px;display:inline-grid;place-items:center;flex:0 0 18px}.benefit-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-visual{min-height:470px;position:relative;display:flex;align-items:center;justify-content:center;padding-top:10px}
.hero-visual img{width:min(670px,112%);max-width:none;height:auto;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 24px 22px rgba(73,13,92,.20));position:relative;z-index:2;mask-image:none;-webkit-mask-image:none}
.server-halo{position:absolute;width:460px;height:370px;right:6%;top:52px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 68%);z-index:0}

/* keep the rest of the provided site intact while making the first strip visually lighter */
.feature-strip{padding-top:56px}

@media (max-width:1080px){
  .main-nav{gap:18px}.hero-copy h1{font-size:44px}.hero-grid{grid-template-columns:1fr .9fr}.hero-visual img{width:120%}.hero-domain-form{max-width:600px}
}
@media (max-width:820px){
  .site-header{height:64px}.main-nav{top:64px;background:#fff;border:1px solid #e9edf1;box-shadow:0 14px 30px rgba(0,0,0,.1)}.main-nav a{height:42px;color:#28303a}.menu-toggle{color:#202731}.nav-actions{display:none}
  .hero-reference{min-height:0}.hero-grid{grid-template-columns:1fr;gap:4px;min-height:0}.hero-copy{text-align:center;padding:42px 0 20px;max-width:none}.hero-copy p{margin-inline:auto}.hero-domain-form{margin-inline:auto}.hero-tld-prices{justify-content:center}.hero-benefits{justify-content:center}.hero-visual{min-height:330px;padding:0 0 25px}.hero-visual img{width:min(650px,100%)}.server-halo{width:360px;height:280px;right:50%;transform:translateX(50%);top:10px}
  .desktop-break{display:none}
}
@media (max-width:540px){
  .brand-image img{width:128px}.hero-copy{padding-top:32px}.hero-copy h1{font-size:37px}.hero-copy p{font-size:13px}.hero-domain-form{grid-template-columns:1fr 88px;max-width:100%}.hero-domain-form .search-btn{grid-column:auto;height:auto;min-height:100%}.hero-domain-form{height:48px}.hero-domain-form input{height:48px}.hero-tld-prices{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.hero-tld-prices div{justify-content:center}.hero-benefits{gap:10px 14px;font-size:10px}.hero-visual{min-height:270px}.hero-visual img{width:112%}.server-halo{width:280px;height:220px}
}

/* ===== Refined Nameflint navigation + hero controls ===== */
.main-nav{gap:10px;align-items:center}
.nav-item{position:relative;height:76px;display:flex;align-items:center}
.nav-link{height:100%;padding:0 11px;border:0;background:transparent;color:#242b34;font:600 12px/1 inherit;display:inline-flex;align-items:center;gap:7px;cursor:pointer;position:relative}
.nav-link i{font-size:9px;color:#6f7781;transition:transform .2s ease}
.nav-item.dropdown-open .nav-link{color:var(--orange)}
.nav-link[aria-expanded="true"] i{transform:rotate(180deg)}
.dropdown-menu{position:absolute;left:50%;top:calc(100% - 3px);transform:translate(-50%,8px);width:245px;padding:8px;border:1px solid #e8ebef;border-radius:12px;background:#fff;box-shadow:0 18px 42px rgba(16,25,36,.16);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:50}
.nav-item.dropdown-open .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.dropdown-menu a{display:flex!important;align-items:center;gap:11px;height:auto!important;padding:10px 11px;border-radius:8px;color:#2c3440!important;font-size:11px!important;font-weight:600!important;white-space:nowrap;text-decoration:none}
.dropdown-menu a:hover{background:#f7edfb;color:var(--orange)!important}
.dropdown-menu a i{width:18px;text-align:center;color:var(--orange);font-size:12px}
.client-area-btn{display:inline-flex;align-items:center;gap:8px;padding-inline:18px!important;border-radius:9px!important}
.client-area-btn i{font-size:11px}
.hero-domain-form{border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.82);box-shadow:0 12px 28px rgba(104,31,0,.17);background:#fff}
.hero-domain-form input{padding-left:17px}
.hero-domain-form .search-btn{margin:4px;height:calc(100% - 8px);border-radius:9px!important;display:inline-flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:.01em;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.hero-domain-form .search-btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(15,23,34,.22);background:#101923}
.benefit-icon{width:24px;height:24px;display:inline-grid;place-items:center;flex:0 0 24px;border-radius:7px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22)}
.benefit-icon i{font-size:11px}
.money-back-icon-placeholder{display:none}
.hero-benefits>div{gap:8px}

@media (max-width:820px){
  .main-nav{align-items:stretch;gap:0;overflow-y:auto;padding:8px 14px 14px}
  .nav-item{height:auto;display:block}
  .nav-link{width:100%;height:44px;padding:0 12px;justify-content:space-between;border-radius:8px;font-size:13px}
  .nav-link:hover{background:#faf2fc}
  .dropdown-menu{position:static;transform:none!important;width:100%;padding:4px 0 8px;border:0;border-radius:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;display:none;background:transparent}
  .nav-link[aria-expanded="true"] + .dropdown-menu{display:block}
  .dropdown-menu a{padding:9px 18px;font-size:12px!important}
}


/* ===== Desktop navigation stability + domain search alignment fix (2026-08-30) ===== */
@media (min-width:821px){
  .site-header .nav-wrap{flex-wrap:nowrap!important;}
  .site-header .main-nav{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px!important;margin-left:auto!important;position:static!important;padding:0!important;overflow:visible!important;}
  .site-header .nav-item{position:relative!important;height:76px!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;}
  .site-header .nav-link{display:inline-flex!important;width:auto!important;height:76px!important;padding:0 10px!important;white-space:nowrap!important;}
  .site-header .dropdown-menu{display:none!important;position:absolute!important;top:calc(100% - 3px)!important;left:50%!important;width:245px!important;transform:translate(-50%,0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
  .site-header .nav-item.dropdown-open>.dropdown-menu{display:block!important;}
  .site-header .dropdown-menu a{height:auto!important;display:flex!important;}
  .site-header .nav-actions{display:flex!important;flex:0 0 auto!important;}
}
.hero-domain-form{display:grid!important;grid-template-columns:minmax(0,1fr) 112px!important;height:52px!important;max-width:650px!important;padding:4px!important;gap:4px!important;overflow:hidden!important;border-radius:13px!important;}
.hero-domain-form input{min-width:0!important;width:100%!important;height:100%!important;padding:0 16px!important;border:0!important;border-radius:9px 0 0 9px!important;}
.hero-domain-form .search-btn{grid-column:2!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0 16px!important;border-radius:9px!important;border:0!important;background:#18222e!important;color:#fff!important;}
@media (max-width:540px){
  .hero-domain-form{grid-template-columns:minmax(0,1fr) 92px!important;height:50px!important;}
  .hero-domain-form input{height:100%!important;}
  .hero-domain-form .search-btn{grid-column:2!important;height:100%!important;min-height:0!important;}
}

/* Inner service page content - uses the same existing Nameflint visual language */
.inner-page{background:#f4f5f7;color:#151922;}
.page-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#a92bd4 0%,#bd37e6 45%,#a51ed0 100%);padding:62px 0 58px;color:#fff;}
.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,rgba(255,255,255,.13),transparent 19%),linear-gradient(130deg,transparent 58%,rgba(255,255,255,.06) 59%,transparent 60%);}
.page-hero .container{position:relative;z-index:1;}
.page-hero .page-kicker{display:inline-flex;padding:7px 13px;border:1px solid rgba(255,255,255,.42);border-radius:999px;font-size:10px;font-weight:800;margin-bottom:14px;}
.page-hero h1{font-size:44px;line-height:1.08;letter-spacing:-.04em;margin:0 0 12px;max-width:760px;}
.page-hero p{font-size:14px;line-height:1.7;max-width:720px;margin:0;color:rgba(255,255,255,.92);}
.page-content{padding:54px 0 64px;}
.page-intro{max-width:820px;margin:0 auto 34px;text-align:center;}
.page-intro h2{font-size:30px;line-height:1.2;margin:0 0 12px;}.page-intro h2 span{color:var(--orange)}
.page-intro p{font-size:12px;color:#6f7680;margin:0;line-height:1.75;}
.page-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.page-card{background:#fff;border:1px solid #e5e8ec;border-radius:10px;padding:25px;box-shadow:0 10px 28px rgba(20,31,44,.06);}
.page-card .page-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#f6ebfa;color:var(--orange);font-size:18px;margin-bottom:15px;}
.page-card h3{font-size:15px;margin:0 0 8px;}.page-card p{font-size:11px;color:#737b85;line-height:1.7;margin:0;}
.page-cta{margin-top:32px;background:#0b1520;color:#fff;border-radius:12px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.page-cta h3{font-size:21px;margin:0 0 5px;}.page-cta p{font-size:11px;color:#aeb7c1;margin:0;}.page-cta .btn{white-space:nowrap;}
@media(max-width:820px){.page-card-grid{grid-template-columns:1fr 1fr}.page-hero h1{font-size:37px}.page-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:540px){.page-card-grid{grid-template-columns:1fr}.page-hero{padding:45px 0}.page-hero h1{font-size:32px}.page-content{padding:42px 0 50px}}


/* ===== Requested focused updates: benefits, hosting PNGs, breadcrumbs ===== */
.hero-benefits{display:grid!important;grid-template-columns:max-content max-content!important;grid-template-rows:auto auto!important;column-gap:34px!important;row-gap:10px!important;justify-content:start!important;}
.hero-benefits>div:nth-child(1){grid-column:1;grid-row:1}
.hero-benefits>div:nth-child(2){grid-column:1;grid-row:2}
.hero-benefits>div:nth-child(3){grid-column:2;grid-row:1}
.hero-benefits>div:nth-child(4){grid-column:2;grid-row:2}
.hero-benefits .benefit-icon{width:18px!important;height:18px!important;flex:0 0 18px!important;border-radius:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.hero-benefits .benefit-icon i{font-size:14px!important;color:#fff!important;}
.hosting-image{height:118px;display:flex;align-items:center;justify-content:center;margin:-5px 0 10px;}
.hosting-image img{display:block;max-width:190px;width:100%;height:112px;object-fit:contain;}
.hosting-image img.hosting-realistic{
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 12px rgba(182,46,232,.16));
  -webkit-mask-image:radial-gradient(ellipse 78% 74% at center,#000 70%,transparent 100%);
  mask-image:radial-gradient(ellipse 78% 74% at center,#000 70%,transparent 100%)
}
.page-breadcrumb{display:flex;align-items:center;gap:8px;margin:0 0 15px;font-size:12px;font-weight:700;color:rgba(255,255,255,.90);}
.page-breadcrumb a{color:#fff;text-decoration:none;}
.page-breadcrumb a:hover{text-decoration:underline;}
.page-breadcrumb span[aria-hidden="true"]{opacity:.72;font-size:15px;line-height:1;}
@media(max-width:820px){.hero-benefits{justify-content:center!important}.hosting-image{height:108px}.hosting-image img{height:102px;max-width:180px}}
@media(max-width:540px){.hero-benefits{grid-template-columns:max-content max-content!important;column-gap:15px!important;row-gap:9px!important}.hero-benefits>div{white-space:normal!important;text-align:left}.page-breadcrumb{font-size:11px;margin-bottom:12px}}


/* ===== Final hero layout update (2026-08-30) =====
   Requested:
   - Keep the four hero benefits in a clean 2x2 layout with non-rounded icons.
   - Make the four TLD price items span the full domain-search width equally.
   - Use the supplied transparent server PNG in the hero visual.
*/
.hero-tld-prices{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:650px!important;
  margin-top:11px!important;
}
.hero-tld-prices div{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:8px 10px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#202731!important;
  box-shadow:0 6px 16px rgba(73,13,92,.12)!important;
}
.hero-tld-prices b{
  display:inline!important;
  color:#202731!important;
  font-size:10px!important;
}
.hero-tld-prices span{
  color:var(--orange)!important;
  font-size:10px!important;
  font-weight:900!important;
}
.hero-benefits{
  display:grid!important;
  grid-template-columns:max-content max-content!important;
  grid-template-rows:auto auto!important;
  column-gap:34px!important;
  row-gap:10px!important;
  justify-content:start!important;
  align-items:center!important;
}
.hero-benefits>div:nth-child(1){grid-column:1!important;grid-row:1!important;}
.hero-benefits>div:nth-child(2){grid-column:1!important;grid-row:2!important;}
.hero-benefits>div:nth-child(3){grid-column:2!important;grid-row:1!important;}
.hero-benefits>div:nth-child(4){grid-column:2!important;grid-row:2!important;}
.hero-benefits .benefit-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.hero-benefits .benefit-icon i{
  font-size:14px!important;
  color:#fff!important;
}
.hero-visual img{
  width:min(670px,112%)!important;
  max-width:none!important;
  height:auto!important;
  object-fit:contain!important;
  mix-blend-mode:normal!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  border-radius:0!important;
}
@media(max-width:820px){
  .hero-tld-prices{
    width:100%!important;
    max-width:650px!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .hero-tld-prices div{padding:7px 6px!important;}
}
@media(max-width:540px){
  .hero-tld-prices{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .hero-tld-prices div{padding:7px 8px!important;}
  .hero-benefits{
    grid-template-columns:max-content max-content!important;
    column-gap:15px!important;
    row-gap:9px!important;
    justify-content:center!important;
  }
}

/* ===== Updated footer navigation and contact information ===== */
.site-footer .footer-grid{grid-template-columns:1.35fr repeat(6,.78fr) 1.3fr;gap:22px 18px;align-items:start}
.site-footer .footer-about .brand-image{display:inline-flex;align-items:center}
.site-footer .footer-about .brand-image img{width:151px;height:auto;display:block;object-fit:contain}
.site-footer .footer-grid>div:not(.footer-about):not(.newsletter){display:flex;flex-direction:column;gap:7px}
.site-footer .footer-grid h4{font-size:11px;margin:0 0 12px;color:#fff}
.site-footer .footer-grid a{font-size:9px;color:#afb8c1}
.site-footer .newsletter p{margin:0 0 10px}
.footer-contact-info{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.footer-contact-info a,.footer-contact-info span{font-size:9px;color:#96a2ad!important;line-height:1.35}
.site-footer .footer-bottom{margin-top:28px}

@media (max-width:1080px){
  .site-footer .footer-grid{grid-template-columns:1.3fr repeat(3,1fr);gap:22px 18px}
}
@media (max-width:820px){
  .site-footer .footer-grid{grid-template-columns:repeat(3,1fr)}
  .site-footer .footer-about,.site-footer .newsletter{grid-column:1/-1}
  .site-footer .footer-about{text-align:center}
  .site-footer .footer-about .brand-image,.site-footer .socials{justify-content:center}
  .site-footer .newsletter{text-align:center}
  .site-footer .newsletter form{max-width:420px;margin:auto}
  .footer-contact-info{align-items:center}
}
@media (max-width:540px){
  .site-footer .footer-grid{grid-template-columns:repeat(2,1fr)}
  .site-footer .footer-about,.site-footer .newsletter{grid-column:1/-1}
}

.footer-contact-info i{width:12px;margin-right:4px;text-align:center;color:#fff}

/* ===== Header account actions + reference domain search (2026-09-01) ===== */
.nav-label{display:inline-flex;align-items:center;gap:7px}
.nav-section-icon{font-size:12px!important;color:#7b8798!important}

.domain-search-card{width:100%;max-width:650px;margin-top:20px;padding:18px 20px 16px;border:1px solid rgba(255,255,255,.72);border-radius:15px;background:#fff;box-shadow:0 15px 32px rgba(73,13,92,.18)}
.domain-search-card h2{margin:0 0 13px;text-align:center;color:#171d25;font-size:17px;line-height:1.2;letter-spacing:-.02em}
.domain-mode-tabs{display:flex;width:210px;margin:0 auto 14px;overflow:hidden;border:1px solid #e3e6ea;border-radius:7px;background:#fff}
.domain-mode-tab{width:50%;height:36px;border:0;background:#fff;color:#616873;font:700 11px/1 inherit;cursor:pointer;transition:background .18s ease,color .18s ease}
.domain-mode-tab.active{background:var(--orange);color:#fff}
.domain-mode-tab:focus-visible{position:relative;z-index:1;outline:2px solid #18222e;outline-offset:-2px}
.domain-search-card .hero-domain-form{width:100%!important;max-width:none!important;height:51px!important;margin:0!important;padding:0!important;gap:0!important;overflow:hidden!important;border:1px solid #e0e4e8!important;border-radius:9px!important;background:#fff!important;box-shadow:0 5px 13px rgba(19,30,43,.15)!important}
.domain-search-card .hero-domain-form input{min-width:0!important;border:0!important;border-radius:9px 0 0 9px!important;background:#fff!important;color:#222b35!important;font-size:12px!important}
.domain-search-card .hero-domain-form .search-btn{width:calc(100% - 6px)!important;height:calc(100% - 6px)!important;margin:3px!important;gap:7px!important;border-radius:8px!important;background:var(--orange)!important;color:#fff!important;font-size:12px!important}
.domain-search-card .hero-tld-prices{max-width:none!important;margin:12px 0 0!important;gap:10px!important}
.domain-search-card .hero-tld-prices div{padding:8px!important;border:1px solid #e5e8eb!important;box-shadow:none!important}

@media(min-width:821px){
  .site-header .nav-actions{display:flex!important}
}

@media(max-width:820px){
  .site-header .nav-actions{display:none!important}
  .site-header .main-nav{max-height:calc(100vh - 78px);padding:4px 12px 12px!important}
  .site-header .nav-link{height:58px!important;padding:0 2px!important;border-bottom:1px solid #edf0f2!important;border-radius:0!important;color:#344052!important;font-size:20px!important;font-weight:750!important}
  .site-header .nav-label{gap:13px}
  .site-header .nav-section-icon{width:24px;text-align:center;color:#7d8ba0!important;font-size:18px!important}
  .site-header .nav-link>i.fa-chevron-down{color:#7d8ba0!important;font-size:15px!important}
  .domain-search-card{max-width:650px;margin:18px auto 0;padding:16px 14px 14px;text-align:left}
  .domain-search-card h2{font-size:16px}
}

@media(max-width:540px){
  .domain-search-card{border-radius:12px}
  .domain-mode-tabs{width:190px}
  .domain-search-card .hero-domain-form{grid-template-columns:minmax(0,1fr) 94px!important}
  .domain-search-card .hero-tld-prices{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ===== Theme, navigation, services, FAQ and footer enhancements (2026-09-01) ===== */
body{transition:background-color .2s ease,color .2s ease}

/* Bhola VPS-inspired header behavior, while retaining Nameflint's palette. */
.site-header .nav-link{font-size:13px!important;font-weight:650!important;letter-spacing:-.01em}
.site-header .nav-section-icon,.site-header .nav-link>i.fa-chevron-down{transition:transform .32s ease,color .2s ease!important;transform-origin:center}
@media(min-width:821px){
  .site-header .nav-item:hover>.dropdown-menu,
  .site-header .nav-item:focus-within>.dropdown-menu{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important}
  .site-header .nav-item:hover>.nav-link,
  .site-header .nav-item:focus-within>.nav-link{color:var(--orange)!important}
  .site-header .nav-item:hover>.nav-link .nav-section-icon,
  .site-header .nav-item:focus-within>.nav-link .nav-section-icon{transform:rotate(360deg)!important;color:var(--orange)!important}
  .site-header .nav-item:hover>.nav-link>i.fa-chevron-down,
  .site-header .nav-item:focus-within>.nav-link>i.fa-chevron-down{transform:rotate(180deg)!important;color:var(--orange)!important}
}

.header-utilities{display:flex;align-items:center;gap:7px;position:relative}
.header-icon-button{height:38px;border:1px solid #dfe4e9;border-radius:8px;background:#fff;color:#26313e;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;font-family:inherit;font-size:11px;font-weight:750;line-height:1;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease}
.header-icon-button:hover{border-color:#d8a4e8;color:var(--orange);background:#fbf5fd;transform:translateY(-1px)}
.theme-toggle{width:38px;padding:0;font-size:13px}
.currency-switcher{position:relative}
.currency-toggle .currency-chevron{font-size:8px;transition:transform .2s ease}
.currency-switcher.open .currency-chevron{transform:rotate(180deg)}
.currency-menu{position:absolute;top:calc(100% + 9px);right:0;width:126px;padding:6px;border:1px solid #e4e8ec;border-radius:10px;background:#fff;box-shadow:0 16px 36px rgba(17,26,36,.16);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:.18s ease;z-index:80}
.currency-switcher.open .currency-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.currency-menu button{width:100%;height:36px;border:0;border-radius:7px;background:transparent;color:#33404d;display:flex;align-items:center;gap:9px;padding:0 10px;font-family:inherit;font-size:11px;font-weight:750;line-height:1;cursor:pointer;text-align:left}
.currency-menu button span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#f6ebfa;color:var(--orange);font-size:10px}
.currency-menu button:hover,.currency-menu button.active{background:#f7eefb;color:var(--orange)}

/* Home section additions. */
.hosting-solutions-head{position:relative;padding-inline:130px}
.section-view-all{position:absolute;right:0;top:4px;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #34404d;border-radius:7px;color:#fff;font-size:11px;font-weight:800;transition:.2s ease}
.section-view-all:hover{border-color:var(--orange);background:var(--orange);transform:translateY(-1px)}
.section-view-all i{font-size:9px}

.home-faq-section{padding:55px 0}
.faq-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:66px;align-items:start}
.faq-intro{position:sticky;top:110px}
.faq-intro h2{margin:0 0 13px;font-size:31px;line-height:1.18;letter-spacing:-.035em}
.faq-intro h2 span{color:var(--orange)}
.faq-intro p{max-width:360px;margin:0 0 20px;color:#6f7781;font-size:11px;line-height:1.75}
.faq-help-link{min-height:40px;font-size:11px}
.faq-list{display:grid;gap:10px}
.faq-list details{border:1px solid #e1e5e9;border-radius:9px;background:#fff;box-shadow:0 6px 20px rgba(18,29,41,.04);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
.faq-list details[open]{border-color:#d9afe7;box-shadow:0 10px 25px rgba(182,46,232,.08)}
.faq-list summary{position:relative;list-style:none;padding:16px 48px 16px 18px;color:#202731;font-size:12px;font-weight:800;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:17px;top:50%;width:23px;height:23px;display:grid;place-items:center;transform:translateY(-50%);border-radius:50%;background:#f6ebfa;color:var(--orange);font-size:16px;line-height:1}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{margin:0;padding:0 46px 17px 18px;color:#6f7781;font-size:11px;line-height:1.7}

/* Services catalog: generated imagery plus the existing Nameflint card language. */
.services-catalog{background:#f4f5f7}
.services-catalog-intro{max-width:760px}
.services-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.service-catalog-card{position:relative;overflow:hidden;border:1px solid #e2e6ea;border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(19,30,42,.06);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;scroll-margin-top:100px}
.service-catalog-card:hover{transform:translateY(-5px);border-color:#d38ee6;box-shadow:0 18px 38px rgba(19,30,42,.11)}
.service-card-image{height:205px;overflow:hidden;background:#101923}
.service-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.service-catalog-card:hover .service-card-image img{transform:scale(1.035)}
.service-card-body{position:relative;padding:24px 23px 25px}
.service-number{position:absolute;right:21px;top:22px;color:#e6e9ec;font-size:25px;font-weight:900;line-height:1}
.service-card-body h2{position:relative;margin:0 42px 9px 0;color:#1b222c;font-size:17px;line-height:1.25}
.service-card-body p{min-height:59px;margin:0 0 16px;color:#6e7680;font-size:11px;line-height:1.72}
.service-card-body>a{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font-size:11px;font-weight:850}
.service-card-body>a i{font-size:9px;transition:transform .2s ease}
.service-card-body>a:hover i{transform:translateX(3px)}
.services-page-cta{margin-top:38px}

/* Keep all four requested TLDs in one row at every viewport. */
@media(max-width:540px){
  .domain-search-card .hero-tld-prices,.hero-tld-prices{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
  .domain-search-card .hero-tld-prices div,.hero-tld-prices div{gap:3px!important;padding:7px 3px!important}
  .domain-search-card .hero-tld-prices b,.domain-search-card .hero-tld-prices span,.hero-tld-prices b,.hero-tld-prices span{font-size:9px!important;white-space:nowrap}
}

/* One-line inner-page breadcrumbs in the reference style. */
.page-breadcrumb{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:.01em}
.page-breadcrumb a{display:inline-flex;align-items:center;color:#fff}
.page-breadcrumb span[aria-hidden="true"]{font-size:14px;opacity:.65}

/* Footer hierarchy and mobile alignment based on the supplied reference. */
.site-footer{padding:54px 0 18px;background:#0a141f;border-top:1px solid #1e2a36}
.site-footer .footer-grid{grid-template-columns:1.45fr repeat(3,minmax(0,1fr));gap:42px 36px;align-items:start}
.site-footer .footer-about .brand-image img{width:165px;filter:brightness(1.4)}
.site-footer .footer-about p,.site-footer .newsletter p{max-width:290px;margin:15px 0 17px;color:#9eabb7;font-size:12px;line-height:1.7}
.site-footer .footer-grid h4{position:relative;display:inline-block;width:max-content;margin:0 0 18px;padding-bottom:8px;color:#fff;font-size:13px;font-weight:800}
.site-footer .footer-grid h4:after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;border-radius:2px;background:var(--orange)}
.site-footer .footer-grid>div:not(.footer-about):not(.newsletter){gap:9px}
.site-footer .footer-grid a{color:#aeb8c2;font-size:12px;line-height:1.45;transition:color .18s ease,transform .18s ease}
.site-footer .footer-grid>div:not(.footer-about):not(.newsletter)>a:hover{color:var(--orange);transform:translateX(3px)}
.footer-account-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:4px}
.site-footer .footer-account-actions a{min-width:94px;height:37px;padding:0 13px;border:1px solid #364554;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:11px;font-weight:800}
.site-footer .footer-account-actions a:last-child{border-color:var(--orange);background:var(--orange)}
.site-footer .footer-account-actions a:hover{border-color:var(--orange);color:#fff;transform:translateY(-1px)}
.site-footer .newsletter form{height:42px;grid-template-columns:minmax(0,1fr) 88px;border-color:#344251;border-radius:6px}
.site-footer .newsletter input{min-width:0;font-size:11px}
.site-footer .newsletter button{font-size:10px}
.site-footer .footer-socials{justify-content:flex-start;margin:14px 0 0}
.site-footer .footer-socials a{width:32px;height:32px;border:1px solid #344352;border-radius:50%;background:#14212d;color:#fff;font-size:12px}
.site-footer .footer-socials a:hover{border-color:var(--orange);background:var(--orange);color:#fff;transform:translateY(-2px)}
.site-footer .footer-contact-info{align-items:flex-start;gap:8px;margin-top:15px}
.site-footer .footer-contact-info a,.site-footer .footer-contact-info span{color:#96a3af!important;font-size:11px;line-height:1.45}
.site-footer .footer-bottom{margin-top:40px;padding-top:18px;justify-content:flex-start;color:#8996a2;font-size:11px;text-align:left}

/* Dark mode intentionally changes surfaces, not the established orange brand sections. */
body.dark-mode{background:#07111b;color:#f4f7fa}
body.dark-mode .site-header{background:#0b1520;border-bottom-color:#22303d;box-shadow:0 3px 20px rgba(0,0,0,.25)}
body.dark-mode .site-header .brand-image img{filter:brightness(0) invert(1)}
body.dark-mode .site-header .nav-link{color:#dfe5eb}
body.dark-mode .site-header .nav-section-icon,body.dark-mode .site-header .nav-link>i.fa-chevron-down{color:#8f9baa!important}
body.dark-mode .site-header .dropdown-menu{background:#101c28;border-color:#2a3744;box-shadow:0 18px 42px rgba(0,0,0,.38)}
body.dark-mode .site-header .dropdown-menu a{color:#dce3e9!important}
body.dark-mode .site-header .dropdown-menu a:hover{background:#1a2530!important;color:#d56ef0!important}
body.dark-mode .header-icon-button{background:#101c28;border-color:#30404e;color:#e6ebef}
body.dark-mode .header-icon-button:hover{background:#172431;border-color:#d36aed;color:#d36aed}
body.dark-mode .currency-menu{background:#101c28;border-color:#30404e}
body.dark-mode .currency-menu button{color:#dce3e9}
body.dark-mode .currency-menu button:hover,body.dark-mode .currency-menu button.active{background:#1b2936;color:#d36aed}
body.dark-mode .feature-strip,body.dark-mode .light-section,body.dark-mode .inner-page,body.dark-mode .services-catalog,body.dark-mode .page-content{background:#0b1520;color:#eef3f7}
body.dark-mode .feature-item{border-color:#283542}
body.dark-mode .feature-item h3,body.dark-mode .why-features h3,body.dark-mode .blog-body h3,body.dark-mode .page-card h3,body.dark-mode .page-intro h2,body.dark-mode .faq-intro h2{color:#f3f6f9}
body.dark-mode .feature-item p,body.dark-mode .why-copy p,body.dark-mode .why-features p,body.dark-mode .blog-body p,body.dark-mode .page-intro p,body.dark-mode .page-card p,body.dark-mode .faq-intro p{color:#9eabb7}
body.dark-mode .why-features article>span,body.dark-mode .blog-card,body.dark-mode .page-card,body.dark-mode .faq-list details,body.dark-mode .service-catalog-card{background:#111d29;border-color:#293744;box-shadow:none}
body.dark-mode .faq-list details[open],body.dark-mode .service-catalog-card:hover{border-color:#d36aed}
body.dark-mode .faq-list summary,body.dark-mode .service-card-body h2{color:#edf2f6}
body.dark-mode .faq-list details p,body.dark-mode .service-card-body p{color:#9eabb7}
body.dark-mode .faq-list summary:after{background:#241328}
body.dark-mode .service-number{color:#33404d}
body.dark-mode .btn-light-outline{border-color:#5b6875;color:#f2f5f8}
body.dark-mode .domain-search-card{background:#111d29;border-color:#33414e;box-shadow:0 15px 32px rgba(0,0,0,.24)}
body.dark-mode .domain-search-card h2{color:#f3f6f8}
body.dark-mode .domain-mode-tabs,body.dark-mode .domain-mode-tab{background:#0b1520;border-color:#33414e;color:#aeb8c2}
body.dark-mode .domain-mode-tab.active{background:var(--orange);color:#fff}
body.dark-mode .domain-search-card .hero-domain-form,body.dark-mode .domain-search-card .hero-domain-form input{background:#0b1520!important;color:#e2e8ed!important;border-color:#33414e!important}
body.dark-mode .domain-search-card .hero-tld-prices div{background:#0b1520!important;border-color:#33414e!important;color:#edf2f6!important}
body.dark-mode .domain-search-card .hero-tld-prices b{color:#edf2f6!important}

@media(max-width:1080px){
  .site-footer .footer-grid{grid-template-columns:1.25fr repeat(2,minmax(0,1fr));gap:34px 28px}
  .services-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:820px){
  .site-header .nav-wrap{gap:8px}
  .site-header .brand{order:1;flex:0 0 auto}
  .site-header .nav-actions{order:2;display:flex!important;margin-left:auto;gap:0!important;flex:0 0 auto}
  .site-header .nav-actions .client-area-btn{display:none!important}
  .site-header .menu-toggle{order:3;margin-left:0;flex:0 0 auto}
  .site-header .main-nav{top:64px}
  .site-header .nav-link{font-size:15px!important;font-weight:700!important}
  .site-header .nav-item.dropdown-open>.nav-link .nav-section-icon{transform:rotate(360deg)!important;color:var(--orange)!important}
  .site-header .nav-item.dropdown-open>.nav-link>i.fa-chevron-down{transform:rotate(180deg)!important;color:var(--orange)!important}
  body.dark-mode .site-header .main-nav{background:#0f1b27;border-color:#2d3a47}
  body.dark-mode .site-header .nav-link{border-bottom-color:#293643!important;color:#e1e7ec!important}
  body.dark-mode .site-header .nav-link:hover{background:#15222e}
  body.dark-mode .site-header .dropdown-menu{background:transparent}
  body.dark-mode .site-header .mobile-register-btn{background:#111d29;border-color:#344250;color:#eef2f6!important}
  .hosting-solutions-head{padding-inline:0}
  .section-view-all{position:static;margin-top:16px}
  .faq-layout{grid-template-columns:1fr;gap:30px}
  .faq-intro{position:static;text-align:center}
  .faq-intro p{margin-inline:auto}
  .site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 25px}
  .site-footer .footer-about,.site-footer .newsletter{grid-column:1/-1;text-align:left!important}
  .site-footer .footer-about .brand-image,.site-footer .footer-socials{justify-content:flex-start!important}
  .site-footer .newsletter form{max-width:420px;margin:0!important}
  .site-footer .footer-contact-info{align-items:flex-start!important}
  .site-footer .footer-bottom{align-items:flex-start;text-align:left!important}
}

@media(max-width:540px){
  .site-header .brand-image img{width:119px}
  .header-utilities{gap:5px}
  .header-icon-button{height:36px;padding-inline:9px}
  .theme-toggle{width:36px;padding:0}
  .faq-intro h2{font-size:27px}
  .faq-list summary{padding:15px 44px 15px 15px;font-size:11px}
  .faq-list details p{padding:0 38px 15px 15px;font-size:10px}
  .services-catalog-grid{grid-template-columns:1fr}
  .service-card-image{height:190px}
  .service-card-body p{min-height:0}
  .site-footer{padding-top:43px}
  .site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}
  .site-footer .footer-about,.site-footer .newsletter{grid-column:1/-1}
  .site-footer .footer-bottom{flex-direction:column;align-items:flex-start!important;text-align:left!important}
}

@media(max-width:370px){
  .site-header .brand-image img{width:105px}
  .currency-toggle{padding-inline:7px}
  .header-utilities{gap:4px}
}

/* ===== Focused refinement pass (2026-09-01) ===== */
html{-webkit-tap-highlight-color:transparent}
a,button,input,select,summary{-webkit-tap-highlight-color:transparent}
a:focus,button:focus,summary:focus{outline:none}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange)!important;outline-offset:3px}
.brand:focus-visible,.nav-link:focus-visible{border-radius:7px}

/* Keep #b62ee8 as the dominant Nameflint orange on all major surfaces. */
.hero-reference,.page-hero{background:linear-gradient(125deg,var(--orange) 0%,#c945f0 48%,var(--orange-dark) 100%)}
.cta-section{background:linear-gradient(115deg,var(--orange) 0%,#a92bd4 55%,var(--orange-dark) 100%)}
.btn-solid,.btn-header-cta{background:linear-gradient(135deg,var(--orange),var(--orange-dark))}
.date,.mobile-client-btn{background-color:var(--orange)!important}

/* Hosting and blog headings now share the same clean title-row pattern. */
.hosting-solutions-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:0;text-align:left}
.hosting-heading-copy{min-width:0}
.hosting-heading-copy .eyebrow{margin-bottom:9px}
.section-view-all{position:static;flex:0 0 auto;margin:0 0 3px;padding:0;border:0;border-radius:0;color:#fff;font-size:11px}
.section-view-all:hover{border:0;background:transparent;color:var(--orange);transform:none}

/* Blog and FAQ are intentionally separate light surfaces. */
.blog-section{background:#fff!important}
.home-faq-section{background:#f3f5f7!important;border-top:1px solid #e7eaed}
body.dark-mode .blog-section{background:#0b1520!important}
body.dark-mode .home-faq-section{background:#0e1a26!important;border-top-color:#263440}

/* Dedicated-server raster art is replaced by restrained icon treatments. */
.hosting-icon-only{margin:-5px 0 10px;border-radius:10px;background:radial-gradient(circle,rgba(182,46,232,.26),transparent 64%)}
.hosting-icon-only i{width:70px;height:70px;border:1px solid rgba(182,46,232,.7);border-radius:14px;display:grid;place-items:center;color:var(--orange);font-size:29px;box-shadow:0 0 28px rgba(182,46,232,.18)}
.service-card-icon-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at center,rgba(182,46,232,.23),transparent 55%),linear-gradient(145deg,#111d29,#0a141f);color:#fff}
.service-card-icon-panel i{width:70px;height:70px;border:1px solid rgba(182,46,232,.75);border-radius:16px;display:grid;place-items:center;color:var(--orange);font-size:28px;box-shadow:0 0 28px rgba(182,46,232,.18)}
.service-card-icon-panel span{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#cbd3da}

/* Get Started uses one clean transparent PNG and no duplicate check badge. */
.cta-visual .cta-server-png{width:360px!important;height:175px!important;object-fit:contain!important;border-radius:0!important;mix-blend-mode:normal!important;filter:drop-shadow(0 17px 18px rgba(103,24,0,.24))!important}

/* HostGator-inspired two-column network presentation without unverified cities. */
.data-center-section{padding:62px 0;background:linear-gradient(135deg,#fff 0%,#f5f7f9 100%)!important;color:var(--ink);overflow:hidden}
.data-center-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}
.data-center-visual{position:relative;min-height:390px;border:1px solid #e1e6ea;border-radius:22px;background:radial-gradient(circle at 50% 50%,rgba(182,46,232,.16),transparent 30%),linear-gradient(145deg,#101b27,#07111b);box-shadow:0 24px 52px rgba(19,29,40,.14);overflow:hidden}
.data-center-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:31px 31px;mask-image:linear-gradient(to bottom,#000,transparent)}
.network-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(182,46,232,.36);border-radius:50%;transform:translate(-50%,-50%) rotate(-13deg)}
.orbit-one{width:74%;height:46%}.orbit-two{width:49%;height:78%;transform:translate(-50%,-50%) rotate(31deg)}
.network-core{position:absolute;left:50%;top:50%;width:128px;height:128px;border-radius:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,var(--orange),var(--orange-dark));color:#fff;box-shadow:0 0 0 10px rgba(182,46,232,.1),0 18px 38px rgba(0,0,0,.28)}
.network-core i{font-size:31px}.network-core span{font-size:9px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.network-node{position:absolute;min-width:86px;height:38px;padding:0 12px;border:1px solid #344452;border-radius:999px;background:#14222f;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;box-shadow:0 9px 25px rgba(0,0,0,.2)}
.network-node i{color:var(--orange)}
.node-bdix{left:8%;top:19%}.node-global{right:7%;top:25%}.node-edge{right:12%;bottom:14%}
.data-center-copy h2{margin:0 0 15px;font-size:34px;line-height:1.15;letter-spacing:-.04em}
.data-center-copy h2 span{color:var(--orange)}
.data-center-copy>p{margin:0 0 24px;color:#68717b;font-size:12px;line-height:1.8}
.data-center-features{display:grid;gap:13px;margin-bottom:23px}
.data-center-features article{display:flex;align-items:flex-start;gap:13px;padding:13px 15px;border:1px solid #e1e5e9;border-radius:10px;background:#fff;box-shadow:0 7px 19px rgba(18,29,40,.04)}
.data-center-features article>i{width:34px;height:34px;flex:0 0 34px;border-radius:9px;display:grid;place-items:center;background:#f6ebfa;color:var(--orange);font-size:14px}
.data-center-features h3{margin:0 0 3px;font-size:12px}.data-center-features p{margin:0;color:#747c85;font-size:10px;line-height:1.55}
body.dark-mode .data-center-section{background:linear-gradient(135deg,#0c1722,#09131d)!important;color:#eef3f7}
body.dark-mode .data-center-copy>p{color:#9eabb7}
body.dark-mode .data-center-features article{background:#111d29;border-color:#2a3744;box-shadow:none}
body.dark-mode .data-center-features h3{color:#eef3f7}
body.dark-mode .data-center-features p{color:#9eabb7}

/* Reference footer content and eight-column desktop order. */
.site-footer .footer-grid h4{padding-bottom:0;margin-bottom:16px}
.site-footer .footer-grid h4:after{display:none!important}
.site-footer .footer-brand-summary{margin:14px 0 5px!important;color:#c5cdd5!important;font-weight:700}
.site-footer .footer-brand-detail{margin:0 0 17px!important;color:#8f9ca8!important;font-size:10px!important;line-height:1.65!important}
.site-footer .footer-grid a{font-size:11px}
.site-footer .footer-socials{margin-top:13px}

@media(min-width:1281px){
  .site-footer .container{width:min(1240px,calc(100% - 44px))}
  .site-footer .footer-grid{grid-template-columns:minmax(190px,1.3fr) repeat(6,minmax(72px,.68fr)) minmax(215px,1.35fr);gap:24px 18px}
}

@media(min-width:821px) and (max-width:1280px){
  .site-footer .footer-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:38px 22px}
  .site-footer .footer-about{grid-column:1/4;grid-row:1}
  .site-footer .newsletter{grid-column:4/7;grid-row:1;margin-top:0!important}
  .site-footer .footer-grid>div:nth-child(2){grid-column:1;grid-row:2}
  .site-footer .footer-grid>div:nth-child(3){grid-column:2;grid-row:2}
  .site-footer .footer-grid>div:nth-child(4){grid-column:3;grid-row:2}
  .site-footer .footer-grid>div:nth-child(5){grid-column:4;grid-row:2;margin-top:0!important}
  .site-footer .footer-grid>div:nth-child(6){grid-column:5;grid-row:2;margin-top:0!important}
  .site-footer .footer-grid>div:nth-child(7){grid-column:6;grid-row:2}
}

@media(max-width:820px){
  .hosting-solutions-head{align-items:flex-end;text-align:left}
  .section-view-all{margin:0 0 3px}
  .data-center-section{padding:48px 0}
  .data-center-grid{grid-template-columns:1fr;gap:34px}
  .data-center-visual{min-height:330px;order:2}
  .data-center-copy{text-align:center}
  .data-center-copy>p{margin-inline:auto;max-width:650px}
  .data-center-features{text-align:left}
  .site-footer .footer-bottom{align-items:center!important;justify-content:center!important;text-align:center!important}
  .site-footer .footer-bottom span{width:100%;text-align:center}
}

@media(max-width:540px){
  .hosting-solutions-head{gap:16px}
  .hosting-heading-copy h2{font-size:25px}
  .section-view-all{font-size:10px;white-space:nowrap}
  .data-center-copy h2{font-size:29px}
  .data-center-visual{min-height:290px}
  .network-core{width:104px;height:104px}
  .network-core i{font-size:25px}
  .network-node{min-width:72px;height:34px;padding:0 9px;font-size:9px}
  .node-bdix{left:4%;top:15%}.node-global{right:4%;top:20%}.node-edge{right:7%;bottom:10%}
  .cta-visual .cta-server-png{width:280px!important;height:145px!important}
}

/* ===== Precision mobile menu, currency and component pass (2026-09-01) ===== */
:root{--button-radius:5px}

/* One consistent control shape across the site. */
.btn,.btn-header-login,.btn-header-cta,.client-area-btn,.header-icon-button,
.footer-account-actions a,.site-footer .newsletter button,.mobile-toolbar-client,
.domain-search-card .hero-domain-form,.domain-search-card .hero-domain-form input,
.domain-search-card .hero-domain-form .search-btn{border-radius:var(--button-radius)!important}
.domain-mode-tabs{border-radius:var(--button-radius)!important}
.domain-mode-tab:first-child{border-radius:4px 0 0 4px}
.domain-mode-tab:last-child{border-radius:0 4px 4px 0}
.domain-mode-tab{height:38px}
.domain-mode-tab.active{background:var(--orange)!important;color:#fff!important}
.theme-toggle i{width:16px;height:16px;display:grid;place-items:center;font-size:13px;line-height:1}
.currency-symbol{min-width:13px;display:inline-grid;place-items:center;font-size:15px;font-weight:800;line-height:1}
.currency-menu button{border-radius:var(--button-radius)}

/* Search mode follows the supplied equal-width segmented-register pattern. */
.domain-mode-tabs{width:220px;max-width:90%;box-shadow:0 3px 10px rgba(22,32,43,.05)}
.domain-search-card .hero-domain-form{overflow:hidden!important}
.domain-search-card .hero-domain-form input{border-radius:var(--button-radius) 0 0 var(--button-radius)!important}
.domain-search-card .hero-domain-form .search-btn{border-radius:var(--button-radius)!important}

/* A true centre rule separates the two benefit columns on every viewport. */
.hero-benefits{position:relative!important;width:min(520px,100%)!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:42px!important}
.hero-benefits:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.58);transform:translateX(-.5px)}
.hero-benefits>div:nth-child(3),.hero-benefits>div:nth-child(4){padding-left:3px}

/* Every section action is aligned with its small section label. */
.hosting-solutions-head,.blog-title-row{display:block;align-items:initial;margin-bottom:22px;text-align:left}
.hosting-heading-copy,.blog-heading-copy{width:100%;min-width:0}
.section-label-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:9px}
.section-label-row .eyebrow{margin:0}
.section-label-row .section-view-all{position:static!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;white-space:nowrap;transform:none!important}
.hosting-section .section-view-all{color:#fff}
.blog-section .section-view-all{color:#252d36}
.section-label-row .section-view-all:hover{color:var(--orange)!important}
body.dark-mode .blog-section .section-view-all{color:#edf2f6}

/* The data-center section now uses a genuine project image. */
.data-center-visual{isolation:isolate}
.data-center-visual:before{z-index:1;background:linear-gradient(180deg,transparent 55%,rgba(5,12,18,.54) 100%);mask-image:none}
.data-center-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease}
.data-center-visual:hover>img{transform:scale(1.025)}
.data-center-image-badge{position:absolute;left:18px;bottom:17px;z-index:2;min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.22);border-radius:var(--button-radius);display:inline-flex;align-items:center;gap:9px;background:rgba(8,17,27,.76);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.data-center-image-badge i{color:var(--orange);font-size:13px}

/* Partner names run continuously from right to left in two seamless groups. */
.partner-marquee{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.partner-track{width:max-content;display:flex;will-change:transform;animation:partner-marquee-left 25s linear infinite}
.partner-group{display:flex;align-items:center;flex:0 0 auto;gap:clamp(38px,5.5vw,78px);padding-right:clamp(38px,5.5vw,78px);color:#dde1e5}
.partner-group span{font-size:18px;font-weight:800;opacity:.86;white-space:nowrap}
.partner-group span:nth-child(3){font-weight:650}.partner-group span:nth-child(4){font-family:Georgia,serif}.partner-group span:nth-child(5){font-style:italic}
.partner-marquee:hover .partner-track{animation-play-state:paused}
@keyframes partner-marquee-left{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.partner-track{animation:none}.partner-group[aria-hidden="true"]{display:none}}

/* Footer text weight/order and newsletter control geometry. */
.site-footer .footer-brand-summary{font-weight:400!important}
.site-footer .newsletter form{height:42px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 88px!important;gap:7px!important;border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important}
.site-footer .newsletter input{height:42px;border:1px solid #344251!important;border-radius:var(--button-radius)!important;background:#0a131d!important;padding:0 10px}
.site-footer .newsletter button{height:42px!important;min-height:42px!important}
.site-footer .footer-contact-info{order:initial}
.site-footer .footer-socials{margin-top:13px!important}

/* Desktop keeps its current utility placement; the menu toolbar is mobile-only. */
.mobile-menu-toolbar{display:none}
@media(min-width:821px){
  .site-header .nav-actions{display:flex!important}
}

@media(max-width:820px){
  .site-header .nav-wrap{gap:10px!important}
  .site-header .brand{order:1;flex:0 0 auto}
  .site-header .brand-image img{width:128px!important}
  .site-header .nav-actions{display:none!important}
  .site-header .menu-toggle{order:2;width:38px;height:38px;margin-left:auto!important;padding:0;border-radius:var(--button-radius);display:grid!important;place-items:center;color:#252f3a;font-size:23px;line-height:1}
  body.dark-mode .site-header .menu-toggle{color:#edf2f6}
  .site-header .main-nav{top:64px!important;max-height:calc(100vh - 72px);overflow-y:auto;padding:12px!important}
  .mobile-menu-toolbar{display:grid;grid-template-columns:minmax(70px,.8fr) minmax(72px,.78fr) minmax(96px,1.15fr);gap:6px;align-items:center;padding:0 0 12px;margin-bottom:2px;border-bottom:1px solid #edf0f2;position:relative;z-index:5}
  .mobile-menu-toolbar .header-icon-button{width:100%;height:42px;padding:0 8px;gap:5px;font-size:11px}
  .mobile-menu-toolbar .currency-symbol{font-size:18px}
  .mobile-menu-toolbar .currency-chevron{margin-left:auto;font-size:7px}
  .mobile-menu-toolbar .currency-menu{left:0;right:auto;top:calc(100% + 6px);width:118px}
  .mobile-theme-switcher{height:42px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid #dfe4e9;border-radius:var(--button-radius);background:#fff}
  .mobile-theme-switcher button{width:100%;height:40px;padding:0;border:0;border-right:1px solid #e3e7eb;background:#fff;color:#2e3947;display:grid;place-items:center;cursor:pointer}
  .mobile-theme-switcher button:last-child{border-right:0}
  .mobile-theme-switcher button i{width:18px;height:18px;display:grid;place-items:center;font-size:17px;line-height:1}
  .mobile-theme-switcher button.active{background:#263446;color:#fff}
  .mobile-theme-switcher button[data-theme-choice="light"].active{background:var(--orange);color:#fff}
  .mobile-toolbar-client{height:42px;padding:0 9px;border:1px solid #dfe4e9;background:#fff;color:#26313e;display:grid;grid-template-columns:17px minmax(0,1fr) 8px;align-items:center;gap:5px;font-size:10px;font-weight:800;white-space:nowrap}
  .mobile-toolbar-client>i:first-child{color:var(--orange);font-size:15px}.mobile-toolbar-client>i:last-child{font-size:8px}
  .site-header .nav-link{height:52px!important;padding:0 2px!important;font-size:14px!important}
  .site-header .nav-label{gap:10px!important}
  .site-header .nav-section-icon{width:21px!important;font-size:16px!important}
  .site-header .nav-link>i.fa-chevron-down{font-size:12px!important}
  body.dark-mode .mobile-menu-toolbar{border-bottom-color:#293643}
  body.dark-mode .mobile-theme-switcher{border-color:#30404e;background:#101c28}
  body.dark-mode .mobile-theme-switcher button{border-right-color:#30404e;background:#101c28;color:#dce3e9}
  body.dark-mode .mobile-theme-switcher button.active{background:var(--orange);color:#fff}
  body.dark-mode .mobile-toolbar-client{border-color:#30404e;background:#101c28;color:#e6ebef}
  .hosting-solutions-head,.blog-title-row{margin-bottom:20px}
}

@media(max-width:540px){
  .hero-benefits{column-gap:24px!important;font-size:9px!important}
  .hero-benefits>div:nth-child(3),.hero-benefits>div:nth-child(4){padding-left:1px}
  .partner-group{gap:34px;padding-right:34px}.partner-group span{font-size:15px}
  .data-center-visual{min-height:260px}
}

@media(max-width:360px){
  .site-header .brand-image img{width:128px!important}
  .mobile-menu-toolbar{grid-template-columns:minmax(68px,.8fr) minmax(68px,.75fr) minmax(91px,1.1fr);gap:5px}
  .mobile-menu-toolbar .header-icon-button{padding:0 6px;font-size:10px}
  .mobile-toolbar-client{padding:0 7px;font-size:9px}
}

/* ===== Requested hero controls, benefit balance and network-map pass (2026-09-01) ===== */
.domain-mode-tabs{
  width:220px;
  height:42px;
  border:1px solid #e0e4e8!important;
  border-radius:var(--button-radius)!important;
  overflow:hidden;
  background:#fff;
  box-shadow:0 3px 10px rgba(22,32,43,.05)
}
.domain-mode-tab{
  width:50%;
  height:40px!important;
  border-radius:0!important;
  font-weight:500
}
.domain-mode-tab:first-child{border-radius:4px 0 0 4px!important}
.domain-mode-tab:last-child{border-radius:0 4px 4px 0!important}
.domain-mode-tab.active{
  box-shadow:none
}
body.dark-mode .domain-mode-tabs{background:#0b1520!important;border-color:#33414e!important}

.hero-benefits{
  width:min(520px,100%)!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  column-gap:0!important;
  row-gap:10px!important;
  margin-inline:auto!important
}
.hero-benefits:before{top:1px!important;bottom:1px!important}
.hero-benefits>div{justify-self:stretch!important;justify-content:flex-start!important}
.hero-benefits>div:nth-child(1),
.hero-benefits>div:nth-child(2){padding:0 36px!important}
.hero-benefits>div:nth-child(3),
.hero-benefits>div:nth-child(4){padding:0 0 0 36px!important}

.domain-search-card .hero-domain-form input:focus,
.domain-search-card .hero-domain-form input:focus-visible{
  outline:0!important;
  outline-offset:0!important;
  border:0!important;
  box-shadow:none!important
}
.domain-search-card .hero-domain-form:focus-within{
  border-color:#e0e4e8!important;
  box-shadow:0 5px 13px rgba(19,30,43,.15)!important
}

.data-center-visual{
  min-height:0!important;
  aspect-ratio:16/9;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important
}
.data-center-visual:before{display:none!important}
.data-center-visual>img{object-fit:contain!important;object-position:center!important}
.data-center-visual:hover>img{transform:none!important}
.data-center-image-badge{display:none!important}
.data-center-location-labels{display:none}
.data-center-location{position:absolute;z-index:3;transform:translate(-50%,-100%);padding:5px 9px;border:1px solid rgba(220,226,237,.9);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 5px 14px rgba(35,49,71,.12);color:#202735;font-size:8px;font-weight:800;line-height:1;white-space:nowrap}

@media(min-width:821px){
  .data-center-location-labels{display:block}
  .location-canada{left:14.2%;top:18.7%}
  .location-united-states{left:21.2%;top:35.3%}
  .location-brazil{left:29.6%;top:62.4%}
  .location-finland{left:54.6%;top:12.2%}
  .location-ukraine{left:57.2%;top:25.3%}
  .location-nigeria{left:50.2%;top:49.6%}
  .location-south-africa{left:54.3%;top:71.8%}
  .location-india{left:68.6%;top:38.5%}
  .location-bangladesh{left:72.4%;top:45.3%}
  .location-china{left:83.1%;top:30.5%}
  .location-australia{left:86.9%;top:69.8%}
}

@media(max-width:820px){
  .mobile-theme-switcher{
    border-radius:var(--button-radius)!important;
    overflow:hidden
  }
  .mobile-theme-switcher button{border:0!important;border-radius:0!important;box-shadow:none!important}
  .mobile-theme-switcher button:first-child{border-radius:4px 0 0 4px!important}
  .mobile-theme-switcher button:last-child{border-radius:0 4px 4px 0!important}
  .mobile-theme-switcher button.active,
  .mobile-theme-switcher button[data-theme-choice="light"].active{
    background:var(--orange)!important;
    color:#fff!important
  }
  .data-center-visual{min-height:0!important;aspect-ratio:16/9}
}

@media(max-width:540px){
  .domain-mode-tabs{width:190px}
  .hero-benefits{
    width:min(330px,calc(100% - 26px))!important;
    column-gap:0!important;
    font-size:9px!important
  }
  .hero-benefits>div{white-space:nowrap!important}
  .hero-benefits>div:nth-child(1),
  .hero-benefits>div:nth-child(2){padding:0 16px!important}
  .hero-benefits>div:nth-child(3),
  .hero-benefits>div:nth-child(4){padding:0 0 0 16px!important}
}

/* ===== Final requested alignment, mobile order and footer pass (2026-09-02) ===== */
.data-center-mobile-heading{display:none}

@media(min-width:1281px){
  .site-header .container,
  main .container{width:min(1240px,calc(100% - 44px))}
}

@media(min-width:821px){
  .site-footer .footer-about{transform:translateY(-10px)}
}

.site-footer .footer-brand-summary,
.site-footer .footer-brand-detail{
  max-width:290px!important;
  color:#9eabb7!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:400!important;
  line-height:1.65!important
}
.site-footer .footer-brand-summary{margin:8px 0 5px!important}
.site-footer .footer-brand-detail{margin:0 0 17px!important}

.site-footer .newsletter h4{margin-bottom:14px!important}
.site-footer .newsletter p{margin:0 0 14px!important}
.site-footer .newsletter form{
  width:100%;
  height:42px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 88px!important;
  gap:0!important;
  border:1px solid #344251!important;
  border-radius:var(--button-radius)!important;
  overflow:hidden!important;
  background:#0a131d!important;
  box-shadow:none!important
}
.site-footer .newsletter form:focus-within{border-color:var(--orange)!important}
.site-footer .newsletter input{
  width:100%;
  height:40px!important;
  min-width:0;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important
}
.site-footer .newsletter input:focus,
.site-footer .newsletter input:focus-visible{
  border:0!important;
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important
}
.site-footer .newsletter button{
  width:100%;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important
}

@media(max-width:820px){
  .site-header .main-nav>.nav-item:last-child>.nav-link,
  body.dark-mode .site-header .main-nav>.nav-item:last-child>.nav-link{border-bottom:0!important}

  .mobile-toolbar-client{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:0 8px!important;
    text-align:center
  }
  .mobile-toolbar-client>i,
  .mobile-toolbar-client>span{display:inline-flex;align-items:center;justify-content:center;line-height:1}
  .mobile-toolbar-client>i:last-child{margin:0!important;transform:none!important}

  .data-center-grid{gap:20px!important}
  .data-center-mobile-heading{display:block;order:1;margin:0;text-align:center}
  .data-center-visual{order:2!important}
  .data-center-copy{order:3!important}
  .data-center-copy>.data-center-desktop-heading{display:none}
}

/* ===== Final responsive alignment, segmented controls, menu focus and page-hero pass (2026-09-02) ===== */

/* Keep the homepage server artwork inside the same right edge as the header CTA. */
.hero-reference .hero-visual{justify-items:end!important}
.hero-reference .hero-visual img{
  width:min(100%,620px)!important;
  max-width:620px!important;
  margin-left:auto!important;
  margin-right:0!important
}
.data-center-visual{width:100%;justify-self:start}

/* Active segments are individual rounded buttons, not square half-panels. */
.domain-mode-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  height:42px!important;
  padding:2px!important;
  gap:2px!important;
  border-radius:var(--button-radius)!important;
  overflow:hidden!important
}
.domain-mode-tabs .domain-mode-tab{
  width:100%!important;
  height:36px!important;
  border:0!important;
  border-radius:var(--button-radius)!important;
  box-shadow:none!important
}
.domain-mode-tabs .domain-mode-tab.active{
  border-radius:var(--button-radius)!important;
  background:var(--orange)!important;
  color:#fff!important
}

/* Desktop: left benefits begin at the form edge; the divider remains dead-centre. */
.hero-benefits{
  width:100%!important;
  max-width:650px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:0!important;
  margin-left:0!important;
  margin-right:0!important
}
.hero-benefits:before{left:50%!important}
.hero-benefits>div:nth-child(1),
.hero-benefits>div:nth-child(2){
  width:auto!important;
  padding:0!important;
  justify-self:start!important
}
.hero-benefits>div:nth-child(3),
.hero-benefits>div:nth-child(4){
  width:auto!important;
  padding:0 0 0 36px!important;
  justify-self:start!important
}

/* Every inner page receives a page-specific responsive PNG hero visual. */
.page-hero{padding:38px 0 36px}
.page-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  align-items:center;
  gap:42px;
  min-height:330px
}
.page-hero-copy{min-width:0}
.page-hero .page-breadcrumb{margin-bottom:18px}
.page-hero .page-hero-copy h1{max-width:760px}
.page-hero .page-hero-copy p{max-width:700px}
.page-hero-visual{
  width:100%;
  min-width:0;
  height:300px;
  display:grid;
  place-items:center end;
  position:relative
}
.page-hero-visual img{
  width:100%;
  max-width:430px;
  max-height:300px;
  object-fit:contain;
  object-position:center right;
  filter:drop-shadow(0 18px 20px rgba(111,29,0,.24))
}
.page-hero-visual-dark img{
  border-radius:0;
  mix-blend-mode:screen;
  filter:saturate(1.08) contrast(1.05) drop-shadow(0 18px 20px rgba(111,29,0,.2));
  -webkit-mask-image:radial-gradient(ellipse at center,#000 50%,rgba(0,0,0,.96) 68%,transparent 96%);
  mask-image:radial-gradient(ellipse at center,#000 50%,rgba(0,0,0,.96) 68%,transparent 96%)
}

/* Footer columns share one top line and the original logo colours remain untouched. */
.site-footer .footer-grid{align-items:start!important}
.site-footer .footer-grid>div{align-self:start!important;margin-top:0!important}
.site-footer .footer-about{transform:none!important}
.site-footer .footer-about .brand-image img{
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important
}
.site-footer .footer-grid h4,
.site-footer .newsletter h4{
  min-height:18px;
  margin:0 0 16px!important;
  line-height:18px
}
.site-footer .newsletter p{
  margin:0 0 14px!important;
  line-height:1.65!important
}

.mobile-menu-backdrop{display:none}

@media(max-width:820px){
  .hero-reference .hero-visual{justify-items:center!important}
  .hero-reference .hero-visual img{margin-inline:auto!important}

  /* Equal centre gutters while both left items retain one shared start line. */
  .hero-benefits{
    width:min(360px,100%)!important;
    max-width:360px!important;
    margin-inline:auto!important
  }
  .hero-benefits>div:nth-child(1),
  .hero-benefits>div:nth-child(2){
    width:140px!important;
    padding:0 16px 0 0!important;
    justify-self:end!important;
    justify-content:flex-start!important
  }
  .hero-benefits>div:nth-child(3),
  .hero-benefits>div:nth-child(4){
    width:140px!important;
    padding:0 0 0 16px!important;
    justify-self:start!important;
    justify-content:flex-start!important
  }

  .mobile-theme-switcher{
    height:42px!important;
    padding:2px!important;
    gap:2px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border-radius:var(--button-radius)!important;
    overflow:hidden!important
  }
  .mobile-theme-switcher button,
  .mobile-theme-switcher button:first-child,
  .mobile-theme-switcher button:last-child,
  .mobile-theme-switcher button.active{
    width:100%!important;
    height:36px!important;
    border:0!important;
    border-radius:var(--button-radius)!important;
    box-shadow:none!important
  }
  .mobile-theme-switcher button.active{
    background:var(--orange)!important;
    color:#fff!important
  }

  /* No orange wash on an expanded menu row. */
  .site-header .main-nav .nav-link:hover,
  .site-header .main-nav .nav-link:active,
  .site-header .main-nav .nav-item.dropdown-open>.nav-link,
  body.dark-mode .site-header .main-nav .nav-link:hover,
  body.dark-mode .site-header .main-nav .nav-item.dropdown-open>.nav-link{
    background:transparent!important
  }

  /* The open header/menu stays sharp while the rest of the page is blurred. */
  body.mobile-menu-open{overflow:hidden}
  .mobile-menu-backdrop{
    display:block;
    position:fixed;
    inset:64px 0 0;
    z-index:45;
    padding:0;
    border:0;
    border-radius:0;
    background:rgba(23,31,43,.42);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .2s ease,visibility .2s ease
  }
  .mobile-menu-backdrop.visible{
    opacity:1;
    visibility:visible;
    pointer-events:auto
  }
  .site-header{z-index:50}
  .site-header .main-nav{z-index:55}

  .page-hero{padding:42px 0 30px}
  .page-hero-grid{
    grid-template-columns:1fr;
    min-height:0;
    gap:22px
  }
  .page-hero-copy{order:1}
  .page-hero-visual{
    order:2;
    height:235px;
    place-items:center
  }
  .page-hero-visual img{
    width:min(360px,100%);
    max-width:360px;
    max-height:235px;
    object-position:center
  }
}

@media(max-width:540px){
  .hero-benefits{width:min(330px,100%)!important;max-width:330px!important}
  .hero-benefits>div:nth-child(1),
  .hero-benefits>div:nth-child(2),
  .hero-benefits>div:nth-child(3),
  .hero-benefits>div:nth-child(4){width:136px!important}
  .page-hero-visual{height:215px}
  .page-hero-visual img{width:min(330px,100%);max-width:330px;max-height:215px}
}

/* ===== Advantage sections, balanced benefits and readability pass (2026-09-02) ===== */

/* The rule is a real middle grid track: equal empty space on both sides. */
.hero-benefits{
  display:grid!important;
  width:100%!important;
  max-width:650px!important;
  grid-template-columns:max-content 1px max-content!important;
  grid-template-rows:repeat(2,auto)!important;
  column-gap:clamp(82px,6.3vw,100px)!important;
  row-gap:10px!important;
  justify-content:start!important;
  align-items:stretch!important;
  margin-left:0!important;
  margin-right:0!important;
  position:relative!important
}
.hero-benefits:before{
  content:""!important;
  position:static!important;
  inset:auto!important;
  grid-column:2!important;
  grid-row:1/3!important;
  width:1px!important;
  height:auto!important;
  align-self:stretch!important;
  justify-self:center!important;
  transform:none!important;
  background:rgba(255,255,255,.62)!important
}
.hero-benefits>div:nth-child(1),
.hero-benefits>div:nth-child(2){
  grid-column:1!important;
  width:auto!important;
  padding:0!important;
  justify-self:start!important;
  justify-content:flex-start!important
}
.hero-benefits>div:nth-child(3),
.hero-benefits>div:nth-child(4){
  grid-column:3!important;
  width:auto!important;
  padding:0!important;
  justify-self:start!important;
  justify-content:flex-start!important
}

/* A distinct four-card advantage section for hosting and domain journeys. */
.advantage-section{
  padding:76px 0 78px;
  background:#fff;
  color:var(--ink);
  border-top:1px solid #e7eaee;
  border-bottom:1px solid #e7eaee
}
.advantage-heading{max-width:700px;margin:0 auto 40px;text-align:center}
.advantage-kicker{
  width:max-content;
  max-width:100%;
  margin:0 auto 12px;
  color:var(--orange);
  font-size:12px;
  font-weight:800;
  line-height:1.2
}
.domain-advantage-section .advantage-kicker-pill{
  padding:8px 18px;
  border-radius:999px;
  background:#f6ebfa
}
.hosting-advantage-section .advantage-kicker-lines{display:flex;align-items:center;gap:12px}
.hosting-advantage-section .advantage-kicker-lines:before,
.hosting-advantage-section .advantage-kicker-lines:after{
  content:"";
  width:22px;
  height:1px;
  background:var(--orange)
}
.advantage-heading h2{
  margin:0;
  font-size:38px;
  line-height:1.18;
  letter-spacing:-.035em
}
.advantage-heading h2 span{color:var(--orange)}
.advantage-heading p{margin:12px 0 0;color:#68717b;font-size:13px;line-height:1.75}
.advantage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.advantage-card{
  position:relative;
  min-width:0;
  min-height:330px;
  padding:40px 28px 34px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  background:#f4f7fc;
  border:1px solid #cdd9fb;
  border-radius:12px;
  box-shadow:none;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease
}
.advantage-card:after{display:none}
.advantage-card:hover{transform:translateY(-4px);border-color:#d6a6e7;box-shadow:0 17px 34px rgba(24,37,50,.09)}
.advantage-icon{
  width:64px;
  height:64px;
  flex:0 0 64px;
  margin-bottom:24px;
  border:1px solid #ccd9fa;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:#fff;
  color:var(--orange);
  font-size:24px
}
.advantage-card h3{position:relative;z-index:1;margin:0 0 13px;font-size:18px;line-height:1.38}
.advantage-card p{position:relative;z-index:1;margin:0;color:#586b88;font-size:13px;line-height:1.82}

body.dark-mode .advantage-section{
  background:linear-gradient(180deg,#0d1824 0%,#0a1520 100%)!important;
  color:#eef3f7;
  border-color:#263441
}
body.dark-mode .advantage-heading h2,body.dark-mode .advantage-card h3{color:#f2f6f9}
body.dark-mode .advantage-heading p,body.dark-mode .advantage-card p{color:#a7b3bf}
body.dark-mode .domain-advantage-section .advantage-kicker-pill{background:#201127}
body.dark-mode .advantage-card{
  background:linear-gradient(145deg,#142230,#101c28);
  border-color:#34495e;
  box-shadow:0 14px 34px rgba(0,0,0,.18)
}
body.dark-mode .advantage-card:hover{border-color:#7e3096;box-shadow:0 18px 38px rgba(0,0,0,.28)}
body.dark-mode .advantage-icon{background:#1b2936;border-color:#465d72}

/* The support callout remains clearly card-like on dark pages. */
.page-cta{position:relative;isolation:isolate;overflow:hidden;border:1px solid transparent}
.page-cta>*{position:relative;z-index:1}
body.dark-mode .page-cta{
  background:linear-gradient(145deg,#172737 0%,#101d2a 100%);
  border-color:#354b5f;
  box-shadow:0 18px 38px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035)
}
body.dark-mode .page-cta:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--orange)
}
body.dark-mode .page-cta h3{color:#fff}
body.dark-mode .page-cta p{color:#bdc8d2}

/* Footer copy now matches its navigation, with square social controls. */
.site-footer .footer-grid a,
.site-footer .footer-brand-summary,
.site-footer .footer-brand-detail,
.site-footer .footer-brand-experience,
.site-footer .newsletter p{
  font-size:12px!important
}
.site-footer .footer-brand-summary,
.site-footer .footer-brand-detail,
.site-footer .footer-brand-experience{line-height:1.7!important}
.site-footer .socials{display:flex;gap:10px;margin-top:14px}
.site-footer .socials a{
  width:32px!important;
  height:32px!important;
  border:1px solid #344352!important;
  border-radius:5px!important;
  display:grid!important;
  place-items:center!important;
  background:#14212d!important;
  color:#fff!important;
  font-size:12px!important
}
.site-footer .socials a:hover{border-color:var(--orange)!important;background:var(--orange)!important;transform:translateY(-2px)}
.site-footer .footer-contact-info a,.site-footer .footer-contact-info span{font-size:12px!important}

/* The orange newsletter segment fills the complete right side of one field. */
.site-footer .newsletter form{
  grid-template-columns:minmax(0,1fr) 96px!important;
  background:var(--orange)!important
}
.site-footer .newsletter input{
  height:auto!important;
  min-height:40px!important;
  align-self:stretch!important;
  background:#0a131d!important
}
.site-footer .newsletter button{
  height:auto!important;
  min-height:0!important;
  align-self:stretch!important;
  margin:0!important;
  border-radius:0!important;
  background:var(--orange)!important;
  transform:none!important
}

/* Raise only the previously undersized supporting copy. */
.feature-item p,.hosting-card p,.why-features p,.blog-body p,.data-center-features p{font-size:11px!important}
.why-copy p,.data-center-copy>p,.page-intro p,.page-card p,.page-cta p,
.service-card-body p,.faq-intro p,.faq-list details p{font-size:12px!important}

@media(max-width:1020px){
  .advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .advantage-card{min-height:280px}
}

@media(max-width:820px){
  .hero-benefits{
    width:313px!important;
    max-width:100%!important;
    grid-template-columns:140px 1px 140px!important;
    column-gap:16px!important;
    justify-content:center!important;
    margin-inline:auto!important;
    font-size:10px!important
  }
  .hero-benefits>div:nth-child(1),
  .hero-benefits>div:nth-child(2),
  .hero-benefits>div:nth-child(3),
  .hero-benefits>div:nth-child(4){
    width:140px!important;
    padding:0!important;
    justify-self:start!important;
    justify-content:flex-start!important
  }
  .advantage-section{padding:56px 0 58px}
  .advantage-heading h2{font-size:32px}
}

@media(max-width:540px){
  .hero-benefits{
    width:301px!important;
    grid-template-columns:136px 1px 136px!important;
    column-gap:14px!important
  }
  .hero-benefits>div:nth-child(1),
  .hero-benefits>div:nth-child(2),
  .hero-benefits>div:nth-child(3),
  .hero-benefits>div:nth-child(4){width:136px!important}
  .advantage-grid{grid-template-columns:1fr;gap:14px}
  .advantage-heading{margin-bottom:30px}
  .advantage-heading h2{font-size:30px}
  .advantage-heading p{font-size:12px}
  .advantage-grid{gap:18px}
  .advantage-card{min-height:0;padding:34px 24px 32px}
  .advantage-icon{width:60px;height:60px;flex-basis:60px;margin-bottom:20px;font-size:22px}
}

/* ===== Requested footer, mobile benefit and advantage refinements (v5) ===== */
.advantage-kicker{
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto 9px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--orange)!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.2!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important
}
.advantage-kicker:before,
.advantage-kicker:after{content:none!important;display:none!important}
.advantage-heading h2{
  font-size:30px!important;
  line-height:1.2!important;
  letter-spacing:0!important
}
.advantage-card{
  min-height:300px;
  padding:34px 24px 30px
}
.advantage-icon{margin-bottom:20px}
.advantage-icon img{
  width:50px;
  height:50px;
  display:block;
  object-fit:contain
}
.advantage-card h3{
  margin-bottom:8px!important;
  font-size:15px!important;
  line-height:1.45!important
}
.advantage-card p{
  font-size:11px!important;
  line-height:1.7!important
}
.service-card-image-dedicated{
  display:grid;
  place-items:center;
  padding:8px 20px 4px;
  background:radial-gradient(circle at 50% 54%,rgba(182,46,232,.23),transparent 56%),linear-gradient(145deg,#111d29,#0a141f)
}
.service-card-image-dedicated img{
  width:100%;
  height:100%;
  padding:0;
  object-fit:contain!important;
  transform:none!important
}
.service-catalog-card:hover .service-card-image-dedicated img{transform:scale(1.025)!important}

@media(min-width:821px){
  .site-footer .footer-grid>div:not(.footer-about){
    align-self:start!important;
    padding-top:0!important;
    margin-top:0!important
  }
  .site-footer .footer-grid h4{
    height:18px!important;
    min-height:18px!important;
    margin:0 0 16px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    line-height:18px!important
  }
}

@media(max-width:820px){
  .hero-benefits{
    width:max-content!important;
    max-width:100%!important;
    grid-template-columns:max-content 1px max-content!important;
    column-gap:16px!important;
    justify-content:center!important
  }
  .hero-benefits>div:nth-child(1),
  .hero-benefits>div:nth-child(2),
  .hero-benefits>div:nth-child(3),
  .hero-benefits>div:nth-child(4){
    width:auto!important;
    padding:0!important;
    justify-self:start!important
  }
  .advantage-heading h2{font-size:30px!important}
}

@media(max-width:540px){
  .hero-benefits{column-gap:14px!important}
  .advantage-heading h2{font-size:27px!important}
  .advantage-card{min-height:0;padding:30px 22px 28px}
  .advantage-icon{margin-bottom:18px}
}

/* ===== Our Advantages palette and spacing refinement (v6) ===== */
.advantage-card{
  min-height:240px;
  padding:24px;
  justify-content:center;
  background:#faf2fc;
  border-color:#ead4f2
}
.advantage-card:hover{
  background:#f6eafa;
  border-color:#d9afe7
}
.advantage-icon{
  width:64px;
  height:64px;
  flex:0 0 64px;
  margin:0 0 14px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none
}
.advantage-icon img{
  width:64px;
  height:64px
}
body.dark-mode .advantage-icon{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none
}

@media(max-width:1020px){
  .advantage-card{min-height:230px}
}

@media(max-width:540px){
  .advantage-card{
    min-height:0;
    padding:24px 20px
  }
  .advantage-icon{margin-bottom:12px}
}

/* ===== Requested header, statistics and compact advantages update (v7) ===== */
@media(min-width:821px){
  .site-header .brand-image img{transform:translateY(-4px)}
}

.stats-grid .stat-icon{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  font-size:27px;
  line-height:1
}
.stats-grid .stat-icon i{display:block}

.advantage-section{
  padding:42px 0 44px;
  background:#fff;
  overflow:hidden
}
.advantage-section>.container{
  display:grid;
  grid-template-columns:238px minmax(0,1fr);
  align-items:center;
  gap:30px
}
.advantage-heading{
  max-width:none;
  margin:0;
  text-align:left
}
.advantage-kicker{
  width:auto!important;
  margin:0 0 8px!important;
  font-size:10px!important
}
.advantage-heading h2{
  margin:0!important;
  font-size:30px!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important
}
.advantage-heading:after{
  content:"";
  display:block;
  width:42px;
  height:2px;
  margin-top:15px;
  background:var(--orange)
}
.advantage-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0
}
.advantage-card{
  min-height:116px;
  padding:8px 17px;
  overflow:visible;
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-content:center;
  align-items:center;
  column-gap:13px;
  text-align:left;
  background:transparent;
  border:0;
  border-left:1px solid #e5e8ec;
  border-radius:0;
  box-shadow:none;
  transform:none
}
.advantage-card:hover{
  background:transparent;
  border-color:#e5e8ec;
  box-shadow:none;
  transform:none
}
.advantage-icon{
  grid-column:1;
  grid-row:1/3;
  width:68px;
  height:68px;
  flex:0 0 68px;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none
}
.advantage-icon img{
  width:68px;
  height:68px;
  object-fit:contain
}
.advantage-card h3{
  grid-column:2;
  grid-row:1;
  align-self:end;
  margin:0 0 5px!important;
  font-size:13px!important;
  line-height:1.35!important
}
.advantage-card p{
  grid-column:2;
  grid-row:2;
  align-self:start;
  margin:0!important;
  font-size:11px!important;
  line-height:1.55!important
}

body.dark-mode .advantage-section{background:#0b1621!important}
body.dark-mode .advantage-card,
body.dark-mode .advantage-card:hover{
  background:transparent!important;
  border-color:#2d3b48!important;
  box-shadow:none!important
}

@media(max-width:1100px){
  .advantage-section>.container{
    grid-template-columns:210px minmax(0,1fr);
    gap:22px
  }
  .advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .advantage-card:nth-child(n+3){border-top:1px solid #e5e8ec}
  body.dark-mode .advantage-card:nth-child(n+3){border-top-color:#2d3b48}
}

@media(max-width:820px){
  .advantage-section{padding:50px 0 52px}
  .advantage-section>.container{display:block}
  .advantage-heading{
    max-width:600px;
    margin:0 auto 28px;
    text-align:center
  }
  .advantage-kicker{width:max-content!important;margin:0 auto 8px!important}
  .advantage-heading:after{margin:14px auto 0}
  .advantage-card{padding:14px 16px}
}

@media(max-width:540px){
  .advantage-grid{grid-template-columns:1fr}
  .advantage-card{
    min-height:112px;
    padding:16px 8px;
    border-left:0;
    border-top:1px solid #e5e8ec
  }
  .advantage-card:first-child{border-top:0}
  .advantage-card h3{font-size:14px!important}
  .advantage-card p{font-size:12px!important}
  body.dark-mode .advantage-card{border-top-color:#2d3b48!important}
}

/* ===== Requested logo and advantage refinements (v13) ===== */
@media(min-width:821px){
  /* Keep equal visual padding above and below the desktop header logo. */
  .site-header .brand-image img{transform:none!important}
  /* Raise the footer brand block instead of moving the header logo. */
  .site-footer .footer-about{transform:translateY(-14px)!important}
  .site-footer .footer-brand-summary{margin:-1px 0 5px!important}
}

.advantage-description{
  margin:12px 0 0!important;
  color:#68717b;
  font-size:12px!important;
  line-height:1.65!important
}
.advantage-heading:after{display:none!important}

.advantage-grid{
  width:100%;
  min-width:0;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-columns:minmax(0,1fr);
  align-items:stretch
}

.advantage-card{
  position:relative;
  min-height:148px;
  min-width:0;
  width:100%;
  box-sizing:border-box;
  grid-template-columns:92px minmax(0,1fr);
  column-gap:14px;
  padding:12px 14px;
  border-left:0
}
.advantage-section .advantage-icon{
  position:relative;
  width:92px;
  height:92px;
  flex-basis:92px;
  isolation:isolate;
  background-color:transparent;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23fb3f00' stroke-opacity='.62' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 22 L44 10 Q50 4 56 10 L68 22'/%3E%3Cpath d='M78 32 L90 44 Q96 50 90 56 L78 68'/%3E%3Cpath d='M68 78 L56 90 Q50 96 44 90 L32 78'/%3E%3Cpath d='M22 68 L10 56 Q4 50 10 44 L22 32'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%
}
.advantage-section .advantage-icon:before,
.advantage-section .advantage-icon:after{
  content:none;
  display:none
}
.advantage-section .advantage-icon img{
  position:relative;
  z-index:1;
  width:54px;
  height:54px
}

/* In the four-column layout every hosting title uses the same two-line rhythm. */
@media(min-width:1101px){
  .hosting-advantage-section .advantage-card h3{
    width:86px;
    max-width:86px;
    min-height:2.7em
  }
}

.advantage-card:not(:last-child):after{
  content:"";
  display:block;
  position:absolute;
  top:9px;
  right:0;
  bottom:9px;
  width:1px;
  background:linear-gradient(
    to bottom,
    #dfe3e7 0,
    #dfe3e7 calc(50% - 7px),
    transparent calc(50% - 7px),
    transparent calc(50% + 7px),
    #dfe3e7 calc(50% + 7px),
    #dfe3e7 100%
  );
  pointer-events:none
}
.advantage-card:not(:last-child):before{
  content:"";
  position:absolute;
  top:50%;
  right:-4px;
  width:7px;
  height:7px;
  border:1px solid #cfd5da;
  border-radius:50%;
  background:#fff;
  transform:translateY(-50%);
  pointer-events:none;
  z-index:2
}

body.dark-mode .advantage-description{color:#a7b3bf}
body.dark-mode .advantage-card:not(:last-child):after{
  background:linear-gradient(
    to bottom,
    #344453 0,
    #344453 calc(50% - 7px),
    transparent calc(50% - 7px),
    transparent calc(50% + 7px),
    #344453 calc(50% + 7px),
    #344453 100%
  )
}
body.dark-mode .advantage-card:not(:last-child):before{
  border-color:#4b5d6d;
  background:#0b1621
}

@media(max-width:1100px){
  .advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .advantage-card{min-height:136px}
  .hosting-advantage-section .advantage-card h3{
    width:auto;
    max-width:none;
    min-height:0;
    white-space:nowrap
  }
  .advantage-card:nth-child(even):before,
  .advantage-card:nth-child(even):after{display:none}
  .advantage-card:nth-child(odd):before,
  .advantage-card:nth-child(odd):after{display:block}
}

@media(max-width:820px){
  .advantage-description{max-width:520px;margin:12px auto 0!important}
}

@media(max-width:540px){
  .advantage-grid{grid-template-columns:minmax(0,1fr)}
  .advantage-card{
    min-height:122px;
    grid-template-columns:82px minmax(0,1fr)
  }
  .advantage-section .advantage-icon{width:82px;height:82px;flex-basis:82px}
  .advantage-section .advantage-icon img{width:50px;height:50px}
  .advantage-card:before,
  .advantage-card:after{display:none!important}
}

/* ===== Domain commerce, pricing and WHOIS tools (v14) ===== */
.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
}

.domain-tool-section,
.whois-lookup-section{
  padding:44px 0;
  background:#fff;
  color:#151922
}
.domain-tool-section{border-bottom:1px solid #e8ebee}
.domain-tool-panel,
.whois-search-panel{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);
  align-items:center;
  gap:44px;
  padding:32px 36px;
  border:1px solid #e0e5e9;
  border-radius:12px;
  background:linear-gradient(135deg,#fff 0%,#fcf7fd 100%);
  box-shadow:0 16px 45px rgba(20,30,42,.08)
}
.domain-tool-copy h2,
.whois-search-copy h2{
  margin:0 0 10px;
  color:#101722;
  font-size:28px;
  line-height:1.22;
  letter-spacing:-.025em
}
.domain-tool-copy p,
.whois-search-copy p{
  margin:0;
  color:#68717b;
  font-size:13px;
  line-height:1.7
}
.domain-tool-action{min-width:0}
.domain-tool-action .domain-mode-tabs{
  width:226px;
  max-width:100%;
  margin:0 0 12px
}
.domain-tool-form{width:100%}
.domain-tool-input-row{
  min-height:58px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:0;
  padding:5px;
  border:1px solid #d9dfe4;
  border-radius:8px;
  background:#fff;
  box-shadow:0 8px 24px rgba(18,28,40,.09);
  transition:border-color .2s ease,box-shadow .2s ease
}
.domain-tool-input-row:focus-within{
  border-color:rgba(182,46,232,.75);
  box-shadow:0 0 0 3px rgba(182,46,232,.10),0 8px 24px rgba(18,28,40,.09)
}
.domain-tool-input-row>i{color:var(--orange);font-size:16px;text-align:center}
.domain-tool-input-row input{
  width:100%;
  min-width:0;
  height:46px;
  padding:0 12px 0 4px;
  border:0;
  outline:0;
  background:transparent;
  color:#17202a;
  font:700 14px/1 inherit
}
.domain-tool-input-row input::placeholder{color:#98a1ab;font-weight:500}
.domain-tool-input-row .btn{min-height:46px;white-space:nowrap}
.domain-tool-hint{
  display:flex;
  align-items:center;
  gap:7px;
  margin:10px 2px 0;
  color:#747e88;
  font-size:11px
}
.domain-tool-hint i{color:var(--orange)}

.domain-pricing-shell{
  margin:0 0 34px;
  overflow:hidden;
  border:1px solid #e0e5e9;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 48px rgba(18,29,42,.08)
}
.domain-pricing-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:22px 24px;
  border-bottom:1px solid #e6eaed;
  background:#fbfcfd
}
.domain-pricing-toolbar h3{margin:0 0 4px;color:#121a24;font-size:18px}
.domain-pricing-toolbar p{margin:0;color:#727b85;font-size:11px}
.domain-price-filter{
  flex:0 0 275px;
  height:42px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 13px;
  border:1px solid #d9dfe4;
  border-radius:7px;
  background:#fff;
  color:#89929c
}
.domain-price-filter:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px rgba(182,46,232,.09)}
.domain-price-filter input{
  min-width:0;
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#1b242e;
  font:600 12px/1 inherit
}
.domain-pricing-table-wrap{overflow-x:auto}
.domain-pricing-table{width:100%;border-collapse:collapse;color:#1c252f;font-size:13px}
.domain-pricing-table th,
.domain-pricing-table td{padding:15px 24px;text-align:left;border-bottom:1px solid #edf0f2}
.domain-pricing-table thead th{
  position:sticky;
  top:72px;
  z-index:1;
  background:#101a25;
  color:#fff;
  font-size:11px;
  letter-spacing:.035em;
  text-transform:uppercase
}
.domain-pricing-table tbody th{color:#111a24;font-size:14px}
.domain-pricing-table tbody tr:nth-child(even){background:#fafbfc}
.domain-pricing-table tbody tr:hover{background:#f9f0fc}
.domain-pricing-table td span:not(.price-unavailable){font-weight:800;color:#202934}
.price-unavailable{color:#9ca4ad}
.domain-pricing-note{margin:0;padding:12px 24px;color:#77808a;background:#fbfcfd;font-size:10px}
.domain-price-empty{margin:0;padding:28px;text-align:center;color:#747e88;font-size:13px}

.whois-lookup-section{padding-top:44px;padding-bottom:66px}
.whois-search-panel{margin-bottom:24px}
.whois-results{display:grid;gap:22px}
.whois-result-card{
  overflow:hidden;
  border:1px solid #e0e5e9;
  border-radius:12px;
  background:#fff;
  box-shadow:0 16px 44px rgba(18,29,42,.07)
}
.whois-card-heading{
  display:flex;
  align-items:center;
  gap:13px;
  padding:20px 24px;
  border-bottom:1px solid #e7eaed;
  background:#fbfcfd
}
.whois-card-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 42px;
  border-radius:8px;
  background:#f6ebfa;
  color:var(--orange)
}
.whois-card-heading span:not(.whois-card-icon){display:block;color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.08em}
.whois-card-heading h2{margin:1px 0 0;color:#111923;font-size:19px;line-height:1.25}
.whois-info-table{margin:0}
.whois-info-row{
  display:grid;
  grid-template-columns:minmax(190px,.42fr) minmax(0,1fr);
  border-bottom:1px solid #e9ecef
}
.whois-info-row:last-child{border-bottom:0}
.whois-info-row dt,
.whois-info-row dd{margin:0;padding:16px 24px;font-size:13px;overflow-wrap:anywhere}
.whois-info-row dt{background:#f7f8f9;color:#5f6974;font-weight:800}
.whois-info-row dd{color:#141d27;font-weight:650}
.whois-nameservers,
.whois-status-list{display:flex;flex-wrap:wrap;gap:7px}
.whois-nameservers span,
.whois-status-list span{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:4px 9px;
  border:1px solid #e1e5e8;
  border-radius:6px;
  background:#fafbfc;
  color:#38434e;
  font-size:11px
}
.whois-registrar-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  margin:0
}
.whois-registrar-grid>div{padding:17px 24px;border-bottom:1px solid #e9ecef}
.whois-registrar-grid>div:nth-child(odd){border-right:1px solid #e9ecef}
.whois-registrar-grid dt{margin:0 0 5px;color:#69737d;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.whois-registrar-grid dd{margin:0;color:#18212b;font-size:13px;font-weight:700;overflow-wrap:anywhere}
.whois-registrar-grid .whois-registrar-wide{grid-column:1/-1;border-right:0}
.whois-unavailable{margin:0;padding:24px;color:#707a85;font-size:13px}
.whois-message,
.whois-start-note{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:20px 22px;
  border:1px solid #e0e5e9;
  border-radius:10px;
  background:#fff;
  color:#65707b
}
.whois-message>i,
.whois-start-note>i{margin-top:3px;color:var(--orange);font-size:19px}
.whois-message h3{margin:0 0 5px;color:#16202a;font-size:16px}
.whois-message p{margin:0;font-size:12px;line-height:1.65}
.whois-message .btn{margin-top:14px}
.whois-error{border-color:#e5c5ef;background:#fcf8fd}
.whois-empty{border-color:#e9cfef}
.whois-start-note{align-items:center;font-size:12px}

body.dark-mode .domain-tool-section,
body.dark-mode .whois-lookup-section{background:#0b1520;color:#edf2f6;border-color:#263442}
body.dark-mode .domain-tool-panel,
body.dark-mode .whois-search-panel,
body.dark-mode .whois-result-card,
body.dark-mode .domain-pricing-shell,
body.dark-mode .whois-message,
body.dark-mode .whois-start-note{
  border-color:#2d3b48;
  background:#111d29;
  box-shadow:0 16px 44px rgba(0,0,0,.22)
}
body.dark-mode .domain-tool-copy h2,
body.dark-mode .whois-search-copy h2,
body.dark-mode .domain-pricing-toolbar h3,
body.dark-mode .whois-card-heading h2,
body.dark-mode .whois-message h3{color:#f2f5f7}
body.dark-mode .domain-tool-copy p,
body.dark-mode .whois-search-copy p,
body.dark-mode .domain-pricing-toolbar p,
body.dark-mode .domain-tool-hint,
body.dark-mode .whois-start-note{color:#a6b1bc}
body.dark-mode .domain-tool-input-row,
body.dark-mode .domain-price-filter{border-color:#364553;background:#0b1520}
body.dark-mode .domain-tool-input-row input,
body.dark-mode .domain-price-filter input{color:#edf2f6}
body.dark-mode .domain-pricing-toolbar,
body.dark-mode .domain-pricing-note,
body.dark-mode .whois-card-heading{border-color:#2d3b48;background:#0d1823}
body.dark-mode .domain-pricing-table{color:#e8edf1}
body.dark-mode .domain-pricing-table th,
body.dark-mode .domain-pricing-table td{border-color:#283744}
body.dark-mode .domain-pricing-table tbody th,
body.dark-mode .domain-pricing-table td span:not(.price-unavailable){color:#edf2f6}
body.dark-mode .domain-pricing-table tbody tr:nth-child(even){background:#0f1a25}
body.dark-mode .domain-pricing-table tbody tr:hover{background:#202532}
body.dark-mode .whois-info-row{border-color:#2b3946}
body.dark-mode .whois-info-row dt{background:#0e1924;color:#a5b0bb}
body.dark-mode .whois-info-row dd,
body.dark-mode .whois-registrar-grid dd{color:#edf2f6}
body.dark-mode .whois-nameservers span,
body.dark-mode .whois-status-list span{border-color:#344351;background:#0d1823;color:#cbd4dc}
body.dark-mode .whois-registrar-grid>div{border-color:#2b3946}
body.dark-mode .whois-registrar-grid dt{color:#9da9b4}
body.dark-mode .whois-error{background:#241129;border-color:#5b2b69}

@media(max-width:900px){
  .domain-tool-panel,
  .whois-search-panel{grid-template-columns:1fr;gap:24px}
  .domain-tool-action .domain-mode-tabs{margin-left:0}
}

@media(max-width:700px){
  .domain-tool-section,
  .whois-lookup-section{padding:34px 0}
  .domain-tool-panel,
  .whois-search-panel{padding:25px 20px}
  .domain-tool-copy h2,
  .whois-search-copy h2{font-size:24px}
  .domain-tool-input-row{grid-template-columns:34px minmax(0,1fr)}
  .domain-tool-input-row .btn{grid-column:1/-1;width:100%;margin-top:5px}
  .domain-pricing-toolbar{align-items:stretch;flex-direction:column}
  .domain-price-filter{flex-basis:42px;width:100%}
  .domain-pricing-table{min-width:620px}
  .domain-pricing-table th,
  .domain-pricing-table td{padding:13px 17px}
  .whois-info-row{grid-template-columns:1fr}
  .whois-info-row dt{padding-bottom:7px}
  .whois-info-row dd{padding-top:7px}
  .whois-registrar-grid{grid-template-columns:1fr}
  .whois-registrar-grid>div,
  .whois-registrar-grid>div:nth-child(odd){border-right:0}
  .whois-registrar-grid .whois-registrar-wide{grid-column:auto}
}

/* ===== WHOIS route and domain-form refinements (v15) ===== */
.domain-tool-action .domain-mode-tabs{
  margin:0 auto 12px!important
}
.domain-tool-input-row:focus-within{
  border-color:#d9dfe4;
  box-shadow:0 8px 24px rgba(18,28,40,.09)
}
.domain-tool-input-row input:focus,
.domain-tool-input-row input:focus-visible{
  border:0!important;
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important
}
.domain-pricing-table thead th{
  position:static;
  top:auto
}
body.dark-mode .domain-tool-input-row:focus-within{
  border-color:#364553;
  box-shadow:0 8px 24px rgba(0,0,0,.18)
}

/* ===== TLD filter focus cleanup (v16) ===== */
.domain-price-filter:focus-within{
  border-color:#d9dfe4;
  box-shadow:none
}
.domain-price-filter input:focus,
.domain-price-filter input:focus-visible{
  border:0!important;
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important
}
body.dark-mode .domain-price-filter:focus-within{
  border-color:#364553;
  box-shadow:none
}

/* ===== Nameflint v17 requested fixes (2026-09-03) ===== */

/* The advantage frame stays orange in light mode and becomes clearly white in dark mode. */
body.dark-mode .advantage-section .advantage-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.82' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 22 L44 10 Q50 4 56 10 L68 22'/%3E%3Cpath d='M78 32 L90 44 Q96 50 90 56 L78 68'/%3E%3Cpath d='M68 78 L56 90 Q50 96 44 90 L32 78'/%3E%3Cpath d='M22 68 L10 56 Q4 50 10 44 L22 32'/%3E%3C/g%3E%3C/svg%3E")!important
}

/* SQL-backed product plans. */
.service-pricing-section{
  padding:62px 0 66px;
  border-bottom:1px solid #e7eaed;
  background:#fff;
  color:#151922
}
.service-pricing-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:28px
}
.service-pricing-copy{max-width:690px}
.service-pricing-copy h2{
  margin:0 0 9px;
  color:#111923;
  font-size:34px;
  line-height:1.16;
  letter-spacing:-.035em
}
.service-pricing-copy h2 span{color:var(--orange)}
.service-pricing-copy p{margin:0;color:#68717b;font-size:15px;line-height:1.65}
.billing-choice{
  display:flex;
  width:210px;
  flex:0 0 210px;
  flex-direction:column;
  gap:7px
}
.billing-toggle{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%;
  padding:3px;
  border:1px solid #e0e5e9;
  border-radius:9px;
  background:#f7f8fa
}
.billing-toggle button{
  min-height:38px;
  padding:0 15px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#58626d;
  font:800 11px/1 inherit;
  cursor:pointer
}
.billing-toggle button.active{background:var(--orange);color:#fff;box-shadow:0 6px 15px rgba(182,46,232,.18)}
.yearly-save{
  width:50%;
  align-self:flex-end;
  color:var(--orange);
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-align:center;
  text-transform:uppercase
}
.service-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.service-plan-grid.plan-count-3,
.service-plan-grid.plan-count-6{grid-template-columns:repeat(3,minmax(0,1fr))}
.service-plan-card{
  position:relative;
  display:flex;
  overflow:hidden;
  min-width:0;
  flex-direction:column;
  padding:31px 22px 22px;
  border:1.5px solid var(--orange);
  border-radius:12px;
  background:#fff;
  box-shadow:0 12px 34px rgba(18,29,42,.05)
}
.service-plan-card.is-featured{border-color:#171e28}
.service-featured-badge{
  position:absolute;
  z-index:2;
  top:17px;
  right:-43px;
  width:150px;
  padding:7px 0;
  transform:rotate(45deg);
  background:#171e28;
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.07em;
  text-align:center;
  text-transform:uppercase
}
.service-plan-card h3{
  margin:0 0 16px;
  color:var(--orange);
  font-size:18px;
  line-height:1.25;
  text-align:center
}
.service-plan-card.is-featured h3{color:#171e28}
.service-plan-price{display:flex;align-items:flex-end;justify-content:center;gap:6px;min-height:44px;margin-bottom:17px}
.service-plan-price strong{color:var(--orange);font-size:34px;line-height:1;font-weight:900;letter-spacing:-.035em}
.service-plan-card.is-featured .service-plan-price strong{color:#171e28}
.service-plan-price strong.is-unavailable{color:#68717b;font-size:18px;letter-spacing:0}
.service-plan-card.is-featured .service-plan-price strong.is-unavailable{color:#68717b}
.service-plan-price span{padding-bottom:3px;color:#59636e;font-size:13px;font-weight:700}
.service-plan-description{
  min-height:118px;
  margin:0;
  color:#59636e;
  font-size:12px;
  line-height:1.55;
  text-align:center
}
.plan-count-3 .service-plan-description,
.plan-count-6 .service-plan-description{min-height:94px}
.service-plan-divider{
  position:relative;
  height:1px;
  margin:19px 0 24px;
  background:var(--orange);
  color:var(--orange)
}
.service-plan-divider:after{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:13px;
  height:13px;
  border-left:1px solid currentColor;
  border-bottom:1px solid currentColor;
  background:#fff;
  transform:translate(-50%,-6px) rotate(-45deg)
}
.service-plan-card.is-featured .service-plan-divider{background:#171e28;color:#171e28}
.service-plan-features{display:grid;gap:11px;margin:0 0 24px;padding:0;list-style:none}
.service-plan-features li{display:flex;align-items:flex-start;gap:10px;color:#303a45;font-size:12px;line-height:1.45}
.service-plan-features i{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  flex:0 0 18px;
  margin-top:2px;
  border-radius:50%;
  background:var(--orange);
  color:#fff;
  font-size:9px
}
.service-plan-card.is-featured .service-plan-features i{background:#171e28}
.service-plan-card .btn{width:100%;margin-top:auto;min-height:41px}
.service-plan-card.is-featured .btn{background:#171e28;box-shadow:0 8px 24px rgba(17,25,35,.2)}
.service-plan-card .btn[aria-disabled="true"]{pointer-events:none;opacity:.5}
.service-pricing-note{margin:18px 0 0;color:#818a94;font-size:12px;text-align:center}

body.dark-mode .service-pricing-section{border-color:#283744;background:#0b1520;color:#edf2f6}
body.dark-mode .service-pricing-copy h2,
body.dark-mode .service-plan-card h3{color:#f2f5f7}
body.dark-mode .service-pricing-copy p,
body.dark-mode .service-plan-description,
body.dark-mode .service-plan-features li,
body.dark-mode .service-plan-price span,
body.dark-mode .service-pricing-note{color:#a7b3bf}
body.dark-mode .billing-toggle{border-color:#344351;background:#0e1924}
body.dark-mode .billing-toggle button{color:#b9c3cc}
body.dark-mode .billing-toggle button.active{color:#fff}
body.dark-mode .service-plan-card{border-color:var(--orange);background:#111d29;box-shadow:0 15px 36px rgba(0,0,0,.2)}
body.dark-mode .service-plan-card.is-featured{border-color:#dce3e9}
body.dark-mode .service-plan-card h3,
body.dark-mode .service-plan-card.is-featured h3,
body.dark-mode .service-plan-card.is-featured .service-plan-price strong{color:#f2f5f7}
body.dark-mode .service-plan-card.is-featured .service-plan-price strong.is-unavailable{color:#a7b3bf}
body.dark-mode .service-plan-divider:after{background:#111d29}
body.dark-mode .service-plan-card.is-featured .service-plan-divider{background:#dce3e9;color:#dce3e9}
body.dark-mode .service-plan-card.is-featured .service-plan-features i,
body.dark-mode .service-plan-card.is-featured .btn,
body.dark-mode .service-featured-badge{background:#f2f5f7;color:#111923}
body.dark-mode .service-plan-price strong.is-unavailable{color:#a7b3bf}

/* Compact, paired WHOIS result cards with plain statuses and stacked nameservers. */
.whois-results{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.whois-info-row{grid-template-columns:minmax(150px,.38fr) minmax(0,1fr)}
.whois-info-row dt,
.whois-info-row dd{padding:15px 19px;font-size:13px;line-height:1.5}
.whois-nameservers,
.whois-status-list{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.whois-nameservers span,
.whois-status-list span{
  display:block;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  font-size:inherit;
  line-height:1.55
}
.whois-registrar-table .whois-info-row{grid-template-columns:minmax(178px,.42fr) minmax(0,1fr)}
body.dark-mode .whois-nameservers span,
body.dark-mode .whois-status-list span{border:0;background:transparent;color:inherit}

/* Contact page: four clear support channels in the established advantage-card language. */
.contact-support-section{padding:66px 0 72px;background:#f4f5f7;color:#17202a}
.contact-support-heading{max-width:720px;margin:0 auto 36px;text-align:center}
.contact-support-heading .eyebrow{margin-bottom:10px;text-transform:uppercase}
.contact-support-heading h2{margin:0;color:#151d26;font-size:38px;line-height:1.18;letter-spacing:-.035em}
.contact-support-heading h2 span{color:var(--orange)}
.contact-support-heading p{max-width:650px;margin:13px auto 0;color:#68717b;font-size:13px;line-height:1.75}
.contact-support-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.contact-support-item{min-height:238px;padding:31px 22px 27px;border:1px solid #e1e5e9;border-radius:12px;background:#fff;text-align:center;box-shadow:0 12px 30px rgba(18,29,42,.055)}
.contact-support-icon{width:60px;height:60px;margin:0 auto 20px;border:1px solid #d7a9e6;border-radius:16px;display:grid;place-items:center;background:#faf4fc;color:var(--orange);font-size:23px;transform:rotate(45deg)}
.contact-support-icon i{transform:rotate(-45deg)}
.contact-support-item h3{margin:0 0 12px;color:#19222c;font-size:15px;line-height:1.35;text-transform:uppercase}
.contact-support-item p,.contact-support-item address{margin:0;color:#68717b;font-size:12px;font-style:normal;line-height:1.75}
.contact-support-item a{color:#68717b;overflow-wrap:anywhere}
.contact-support-item a:hover{color:var(--orange)}
body.dark-mode .contact-support-section{background:#0b1520;color:#edf2f6}
body.dark-mode .contact-support-heading h2,body.dark-mode .contact-support-item h3{color:#f2f5f7}
body.dark-mode .contact-support-heading p,body.dark-mode .contact-support-item p,body.dark-mode .contact-support-item address,body.dark-mode .contact-support-item a{color:#a7b3bf}
body.dark-mode .contact-support-item{border-color:#2e3d4a;background:#111d29;box-shadow:0 14px 32px rgba(0,0,0,.2)}
body.dark-mode .contact-support-icon{border-color:#d7a9e6;background:#1b2936}

@media(max-width:1020px){.contact-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .contact-support-section{padding:50px 0 54px}
  .contact-support-heading{margin-bottom:28px}
  .contact-support-heading h2{font-size:30px}
  .contact-support-heading p{font-size:12px}
  .contact-support-grid{grid-template-columns:1fr;gap:14px}
  .contact-support-item{min-height:0;padding:27px 20px 25px}
}

/* ===== Nameflint V36: requested content, policy and responsive updates ===== */

/* Long About and legal-page hero headings use a more balanced scale. */
.compact-hero-title .page-hero h1{
  max-width:720px;
  font-size:34px;
  line-height:1.18;
  letter-spacing:-.025em;
}

/* About page additions retain the existing card language. */
.about-content-section{
  margin-top:54px;
  scroll-margin-top:90px;
}
.about-section-intro{margin-bottom:26px}
.about-offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Full FAQ is grouped into two clear service categories. */
.faq-category-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin-top:52px;
}
.faq-category{
  min-width:0;
  padding:26px;
  border:1px solid #e5e8ec;
  border-radius:12px;
  background:#fff;
  box-shadow:0 10px 28px rgba(20,31,44,.06);
}
.faq-category-heading{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:20px;
}
.faq-category-heading .page-icon{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#f6ebfa;
  color:var(--orange);
  font-size:19px;
}
.faq-category-heading .eyebrow{margin-bottom:5px}
.faq-category-heading h2{margin:0;font-size:21px;line-height:1.25}

/* Complete homepage articles on the blog page. */
.blog-article-list{margin-top:58px;scroll-margin-top:80px}
.blog-articles-intro{margin-bottom:28px}
.blog-detail-card{
  display:grid;
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.5fr);
  gap:0;
  overflow:hidden;
  margin-bottom:26px;
  border:1px solid #e5e8ec;
  border-radius:12px;
  background:#fff;
  box-shadow:0 12px 32px rgba(20,31,44,.07);
  scroll-margin-top:90px;
}
.blog-detail-image{min-height:100%;background:#111a25}
.blog-detail-image img{display:block;width:100%;height:100%;min-height:330px;object-fit:cover}
.blog-detail-content{padding:30px 32px}
.blog-detail-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px;color:var(--orange);font-size:12px;font-weight:800}
.blog-detail-meta span{display:inline-flex;align-items:center;gap:6px}
.blog-detail-content h2{margin:0 0 16px;font-size:27px;line-height:1.23}
.blog-detail-content h3{margin:21px 0 7px;font-size:16px}
.blog-detail-content p,.blog-tip-list{margin:0 0 12px;color:#68717b;font-size:14px;line-height:1.78}
.blog-tip-list{padding-left:22px}
.blog-tip-list li{margin-bottom:9px}
.blog-tip-list strong{color:#242b33}

/* Policy documents are readable long-form panels beneath the original cards. */
.policy-document{
  max-width:940px;
  margin:48px auto 0;
  padding:34px 38px;
  border:1px solid #e4e8ec;
  border-radius:12px;
  background:#fff;
  box-shadow:0 12px 32px rgba(20,31,44,.06);
}
.policy-updated{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 25px;
  padding:8px 12px;
  border-radius:999px;
  background:#f6ebfa;
  color:var(--orange);
  font-size:12px;
  font-weight:800;
}
.policy-section{padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid #eceff2}
.policy-section:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.policy-section h2{margin:0 0 10px;font-size:20px;line-height:1.3;color:#202731}
.policy-section p,.policy-section li{color:#68717b;font-size:14px;line-height:1.78}
.policy-section p{margin:0 0 10px}
.policy-section p:last-child{margin-bottom:0}
.policy-section ul,.policy-section ol{margin:4px 0 0;padding-left:22px}
.policy-section li{margin-bottom:7px}
.policy-section a{color:var(--orange);font-weight:800}

/* Abuse report form follows the existing Nameflint surface and button system. */
.abuse-form-section{
  max-width:940px;
  margin:50px auto 0;
  padding:34px 38px;
  border:1px solid #e4e8ec;
  border-radius:12px;
  background:#fff;
  box-shadow:0 12px 32px rgba(20,31,44,.07);
  scroll-margin-top:86px;
}
.abuse-form-heading{text-align:center;max-width:710px;margin:0 auto 27px}
.abuse-form-heading h2{margin:0 0 10px;font-size:29px;line-height:1.22}
.abuse-form-heading p{margin:0;color:#6f7781;font-size:14px;line-height:1.7}
.abuse-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.abuse-report-form label{display:grid;gap:8px;color:#27303a;font-size:13px;font-weight:800}
.abuse-report-form label>span small{color:#89929b;font-weight:600}
.abuse-report-form input,.abuse-report-form select,.abuse-report-form textarea{
  width:100%;
  border:1px solid #dce2e7;
  border-radius:7px;
  background:#fbfcfd;
  color:#1d252d;
  font:inherit;
  font-size:14px;
  font-weight:500;
  outline:none;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.abuse-report-form input,.abuse-report-form select{height:48px;padding:0 13px}
.abuse-report-form textarea{min-height:150px;padding:13px;resize:vertical;line-height:1.6}
.abuse-report-form input:focus,.abuse-report-form select:focus,.abuse-report-form textarea:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 3px rgba(182,46,232,.1)}
.form-field-full{grid-column:1/-1}
.abuse-declaration{display:flex!important;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px!important;margin:20px 0!important;color:#5e6872!important;font-weight:600!important;line-height:1.55}
.abuse-declaration input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--orange)}
.abuse-report-form>.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:210px}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status{margin:0 0 22px;padding:13px 15px;border-radius:8px;font-size:13px;font-weight:750;line-height:1.55}
.form-status--success{border:1px solid #a9e0c0;background:#effaf4;color:#197242}
.form-status--error{border:1px solid #f0b8ae;background:#f8effb;color:#7f278f}

/* New surfaces also support the site's existing dark mode. */
body.dark-mode .faq-category,
body.dark-mode .blog-detail-card,
body.dark-mode .policy-document,
body.dark-mode .abuse-form-section{background:#111d29;border-color:#293744;box-shadow:none}
body.dark-mode .faq-category-heading h2,
body.dark-mode .blog-detail-content h2,
body.dark-mode .blog-detail-content h3,
body.dark-mode .blog-tip-list strong,
body.dark-mode .policy-section h2,
body.dark-mode .abuse-form-heading h2,
body.dark-mode .abuse-report-form label{color:#edf2f6}
body.dark-mode .blog-detail-content p,
body.dark-mode .blog-tip-list,
body.dark-mode .policy-section p,
body.dark-mode .policy-section li,
body.dark-mode .abuse-form-heading p,
body.dark-mode .abuse-declaration{color:#a7b3bf!important}
body.dark-mode .policy-section{border-bottom-color:#2c3b48}
body.dark-mode .abuse-report-form input,
body.dark-mode .abuse-report-form select,
body.dark-mode .abuse-report-form textarea{border-color:#344552;background:#0d1823;color:#eef3f7}
body.dark-mode .abuse-report-form input:focus,
body.dark-mode .abuse-report-form select:focus,
body.dark-mode .abuse-report-form textarea:focus{border-color:var(--orange);background:#0b1520}

@media(max-width:820px){
  .compact-hero-title .page-hero h1{font-size:30px}
  .about-offer-grid,.faq-category-grid{grid-template-columns:1fr}
  .blog-detail-card{grid-template-columns:1fr}
  .blog-detail-image img{height:250px;min-height:250px}
}

@media(max-width:620px){
  /* Keep all four requested TLD prices visible with a fixed 13px type size. */
  .hero-tld-prices .mobile-hidden-tld{display:flex!important}
  .domain-search-card .hero-tld-prices,.hero-tld-prices{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .domain-search-card .hero-tld-prices div,.hero-tld-prices div{gap:2px!important;padding:7px 2px!important}
  .domain-search-card .hero-tld-prices b,
  .domain-search-card .hero-tld-prices span,
  .hero-tld-prices b,
  .hero-tld-prices span{font-size:13px!important}

  .compact-hero-title .page-hero h1{font-size:25px;line-height:1.25}
  .about-content-section,.blog-article-list{margin-top:42px}
  .faq-category{padding:20px 16px}
  .faq-category-heading{align-items:flex-start}
  .faq-category-heading h2{font-size:19px}
  .blog-detail-content{padding:23px 19px}
  .blog-detail-content h2{font-size:23px}
  .blog-detail-image img{height:210px;min-height:210px}
  .policy-document,.abuse-form-section{padding:25px 18px;margin-top:40px}
  .policy-section h2{font-size:18px}
  .abuse-form-heading h2{font-size:25px}
  .abuse-form-grid{grid-template-columns:1fr}
  .form-field-full{grid-column:auto}
  .abuse-report-form>.btn{width:100%}
}

@media(max-width:1020px){
  .service-plan-grid,
  .service-plan-grid.plan-count-3,
  .service-plan-grid.plan-count-6{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  .whois-results{grid-template-columns:1fr}
}

@media(max-width:700px){
  .service-pricing-section{padding:44px 0 48px}
  .service-pricing-header{align-items:stretch;flex-direction:column;margin-bottom:23px}
  .service-pricing-copy{text-align:center}
  .service-pricing-copy h2{font-size:28px}
  .billing-choice{width:min(260px,100%);flex-basis:auto;align-self:center}
  .service-plan-grid,
  .service-plan-grid.plan-count-3,
  .service-plan-grid.plan-count-6{grid-template-columns:1fr}
  .service-plan-card{padding:23px 20px 21px}
  .service-plan-description,
  .plan-count-3 .service-plan-description,
  .plan-count-6 .service-plan-description{min-height:0}
}

/* ===== B18 Capital: larger supporting copy and a narrower homepage search card ===== */
.feature-item p,
.hosting-card p,
.why-copy p,
.why-features p,
.stats-grid p,
.cta-grid p,
.blog-body p,
.data-center-features p,
.page-intro p,
.page-card p,
.page-cta p,
.service-card-body p,
.faq-intro p,
.faq-list details p,
.domain-pricing-toolbar p,
.domain-pricing-note,
.whois-search-copy p{
  font-size:12px!important
}

@media(min-width:821px){
  .domain-search-card{max-width:590px}
}

/* ===== Nameflint V19: unified semantic typography ===== */
:root{
  --nf-section-label-size:14px;
  --nf-section-title-size:30px;
  --nf-feature-title-size:15px;
  --nf-description-size:14px
}

/* Section labels use one readable size without changing their existing style. */
.eyebrow:not(.hero-badge),
.advantage-kicker,
.page-hero .page-kicker{
  font-size:var(--nf-section-label-size)!important
}

/* Repeated section headings now share one desktop and responsive scale. */
.section-head h2,
.why-copy h2,
.blog-title-row h2,
.advantage-heading h2,
.page-intro h2,
.faq-intro h2,
.data-center-copy h2,
.domain-tool-copy h2,
.whois-search-copy h2,
.service-pricing-copy h2,
.contact-support-heading h2{
  font-size:var(--nf-section-title-size)!important
}

/* Titles inside repeated cards and feature groups use one shared size. */
.feature-item h3,
.hosting-card h3,
.why-features h3,
.advantage-card h3,
.data-center-features h3,
.blog-body h3,
.page-card h3,
.service-card-body h2,
.contact-support-item h3,
.faq-list summary{
  font-size:var(--nf-feature-title-size)!important
}

/* All supporting descriptions match the established footer-description size. */
.feature-item p,
.hosting-card p,
.why-copy p,
.why-features p,
.advantage-heading p,
.advantage-description,
.advantage-card p,
.data-center-copy>p,
.data-center-features p,
.stats-grid p,
.cta-grid p,
.blog-body p,
.faq-intro p,
.faq-list details p,
.page-intro p,
.page-card p,
.page-cta p,
.service-card-body p,
.domain-tool-copy p,
.whois-search-copy p,
.domain-pricing-toolbar p,
.domain-pricing-note,
.domain-tool-hint,
.whois-message p,
.service-pricing-copy p,
.service-plan-description,
.service-plan-features li,
.service-pricing-note,
.contact-support-heading p,
.contact-support-item p,
.contact-support-item address,
.site-footer .footer-brand-summary,
.site-footer .footer-brand-detail,
.site-footer .footer-brand-experience,
.site-footer .newsletter p{
  font-size:var(--nf-description-size)!important
}

/* Supporting links and footer metadata no longer drop below the copy scale. */
.section-view-all,
.hosting-card>a,
.blog-body>a,
.service-card-body>a,
.site-footer .footer-bottom{
  font-size:12px!important
}

/* Homepage benefit and TLD text remains compact, but never undersized. */
.hero-benefits{
  font-size:12px!important
}
.domain-search-card .hero-tld-prices b,
.domain-search-card .hero-tld-prices span,
.hero-tld-prices b,
.hero-tld-prices span{
  font-size:12px!important
}

@media(max-width:820px){
  :root{--nf-section-title-size:28px}
}

@media(max-width:540px){
  :root{--nf-section-title-size:27px}
}

/* ===== Nameflint V20: navigation, plan spacing and support-callout placement ===== */

/* Descriptive and feature copy remains locked to the V19 12px scale. */
:root{--nf-description-size:14px}

/* Desktop navigation receives a restrained readability increase. */
@media(min-width:821px){
  .site-header .nav-link{font-size:14px!important}
  .site-header .dropdown-menu a{font-size:13px!important}
}

/* Mobile labels stay balanced; submenu items and the account action remain readable. */
@media(max-width:820px){
  .site-header .nav-link{font-size:14px!important}
  .site-header .dropdown-menu a{font-size:13px!important}
  .mobile-toolbar-client{font-size:12px!important}
  .mobile-toolbar-client .mobile-client-chevron{
    width:11px;
    flex:0 0 11px;
    margin:0!important;
    font-size:11px!important;
    transform:none!important
  }
}

/* ===== Nameflint V40: Font Awesome benefit alignment ===== */
.feature-item>.feature-fa-icon{
  width:35px;
  height:35px;
  margin:0 0 17px;
  display:inline-grid;
  place-items:center;
  vertical-align:baseline;
  color:var(--orange);
  font-size:28px;
  line-height:1;
}

/* Keep the plan divider close to the description while retaining aligned cards. */
@media(min-width:701px){
  .service-plan-description,
  .plan-count-3 .service-plan-description,
  .plan-count-6 .service-plan-description{min-height:74px!important}
}
.service-plan-divider{margin-top:14px!important}

/* The service-support card now sits in its own surface after Get Started Today. */
.support-cta-section{
  padding:40px 0;
  border-bottom:1px solid #e7eaed;
  background:#fff
}
.support-cta-section .page-cta{margin:0}
body.dark-mode .support-cta-section{
  border-bottom-color:#263441;
  background:#0b1520
}

@media(max-width:700px){
  .service-plan-description,
  .plan-count-3 .service-plan-description,
  .plan-count-6 .service-plan-description{min-height:0!important}
  .support-cta-section{padding:28px 0}
}

/* ===== Nameflint V21: final navigation and copy-alignment refinements ===== */

/* Desktop main navigation now matches the existing 13px dropdown text. */
@media(min-width:821px){
  .site-header .nav-link,
  .site-header .dropdown-menu a{font-size:13px!important}
}

/* Add balanced spacing between footer description and account buttons. */
.site-footer .footer-account-actions{margin-top:18px!important}

/* Keep equal spacing between all three footer description paragraphs. */
.site-footer .footer-brand-summary{margin:8px 0 6px!important}
.site-footer .footer-brand-detail{margin:0 0 6px!important}
.site-footer .footer-brand-experience{margin:0!important}

@media(min-width:821px){
  .site-footer .footer-brand-summary{margin:-1px 0 6px!important}
}

/* Advantage feature titles and FAQ questions share one type treatment. */
.advantage-card h3,
.faq-list summary{
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.4!important
}

/* ===== Nameflint V22: restore the V19 advantage-title type treatment ===== */
.advantage-card h3,
.faq-list summary{
  font-family:inherit!important;
  font-size:15px!important;
  font-style:normal!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:normal!important;
  text-transform:none!important
}


/* ===== Nameflint V23: requested footer payment row and contact support layout ===== */
/* Desktop footer: copyright stays left and the supplied payment gateway image sits at the lower right. */
.site-footer .footer-bottom{
  justify-content:space-between!important;
  gap:24px;
}
.site-footer .footer-payment-gateway{
  display:block;
  width:min(320px,30vw);
  height:auto;
  max-width:100%;
  flex:0 0 auto;
  object-fit:contain;
}

/* Contact support: four box-free information columns with the reference-style divider and centre dot. */
.contact-support-section{background:#fff}
.contact-support-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  align-items:stretch;
}
.contact-support-item{
  position:relative;
  min-height:150px!important;
  padding:18px 30px!important;
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  grid-auto-rows:min-content;
  align-content:center;
  column-gap:16px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
}
.contact-support-item:not(:last-child)::after{
  content:"";
  position:absolute;
  top:7px;
  right:0;
  bottom:7px;
  width:1px;
  background:#d8dee4;
}
.contact-support-item:not(:last-child)::before{
  content:"";
  position:absolute;
  z-index:2;
  top:50%;
  right:-4px;
  width:8px;
  height:8px;
  border:1px solid #cbd3da;
  border-radius:50%;
  background:#fff;
  transform:translateY(-50%);
}
.contact-support-icon{
  grid-column:1;
  grid-row:1 / 6;
  align-self:center;
  width:58px!important;
  height:58px!important;
  margin:0!important;
  border-radius:13px!important;
  font-size:22px!important;
}
.contact-support-item h3{
  grid-column:2;
  margin:0 0 7px!important;
  color:#151d26;
  font-size:15px!important;
  line-height:1.4!important;
  text-transform:none!important;
}
.contact-support-item p,
.contact-support-item address{
  grid-column:2;
  margin:0!important;
  line-height:1.65!important;
}
.contact-support-item p + p{margin-top:2px!important}
body.dark-mode .contact-support-item{background:transparent!important;border:0!important;box-shadow:none!important}
body.dark-mode .contact-support-item:not(:last-child)::after{background:#33424f}
body.dark-mode .contact-support-item:not(:last-child)::before{border-color:#465764;background:#0b1520}

@media(max-width:1020px) and (min-width:621px){
  .contact-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .contact-support-item:nth-child(2)::after{display:none}
  .contact-support-item:nth-child(2)::before{display:none}
  .contact-support-item:nth-child(-n+2){border-bottom:1px solid #d8dee4!important}
  body.dark-mode .contact-support-item:nth-child(-n+2){border-bottom-color:#33424f!important}
}

@media(max-width:820px){
  /* Keep the existing mobile footer arrangement; only place the gateway image above copyright. */
  .site-footer .footer-bottom{
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:12px!important;
  }
  .site-footer .footer-payment-gateway{
    order:1;
    width:min(280px,100%);
    max-width:100%;
  }
  .site-footer .footer-bottom span{
    order:2;
    width:100%;
    text-align:center!important;
  }
}

@media(max-width:620px){
  .contact-support-grid{grid-template-columns:1fr!important}
  .contact-support-item{
    min-height:0!important;
    padding:22px 12px!important;
    grid-template-columns:66px minmax(0,1fr);
    column-gap:14px;
  }
  .contact-support-item:not(:last-child)::after{
    top:auto;
    right:12px;
    bottom:0;
    left:12px;
    width:auto;
    height:1px;
  }
  .contact-support-item:not(:last-child)::before{
    top:auto;
    right:auto;
    bottom:-4px;
    left:50%;
    transform:translateX(-50%);
  }
  .contact-support-icon{width:54px!important;height:54px!important;font-size:20px!important}
}


/* ===== Nameflint V24: dual-office contact details ===== */
.contact-support-item .contact-detail-line a{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.contact-support-item .contact-detail-line i{
  width:14px;
  flex:0 0 14px;
  color:var(--orange);
  text-align:center;
}
.contact-support-item .contact-detail-address{
  margin-top:5px!important;
}


/* Keep the supplied gateway artwork unchanged, but make its two black wordmarks readable on the dark footer.
   Two clipped CSS overlays reuse the same PNG and turn only the Mastercard label and bKash black lettering white. */
.site-footer .footer-payment-gateway-wrap{
  position:relative;
  display:block;
  width:min(320px,30vw);
  max-width:100%;
  flex:0 0 auto;
  line-height:0;
}
.site-footer .footer-payment-gateway-wrap .footer-payment-gateway{
  width:100%!important;
  max-width:100%;
  height:auto;
}
.site-footer .footer-payment-gateway-wrap::before,
.site-footer .footer-payment-gateway-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:url("assets/footer-payment-gateway.png") center/100% 100% no-repeat;
  filter:brightness(0) invert(1);
  pointer-events:none;
}
/* Mastercard text underneath the two circles. */
.site-footer .footer-payment-gateway-wrap::before{
  clip-path:inset(61% 65% 33% 21%);
}
/* Only the black “Kash” portion; the pink bKash mark stays in its original colour. */
.site-footer .footer-payment-gateway-wrap::after{
  clip-path:inset(44% 6.7% 39% 88%);
}
@media(max-width:820px){
  .site-footer .footer-payment-gateway-wrap{
    order:1;
    width:min(280px,100%);
  }
}


/* ===== Nameflint V25: two-office Contact Support layout ===== */
.contact-office-list{display:flex;flex-direction:column;gap:0}
.contact-office-panel{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,3.1fr);gap:34px;align-items:stretch;padding:28px 0}
.contact-office-panel + .contact-office-panel{border-top:1px solid #d8dee4}
.contact-office-intro{align-self:center;padding:8px 22px 8px 0}
.contact-country-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.contact-country-flag{display:inline-flex;align-items:center;justify-content:center;width:48px;height:36px;font-size:32px;line-height:1;flex:0 0 48px}
.contact-country-heading h3{margin:0;color:#151d26;font-size:28px;line-height:1.15;letter-spacing:-.025em}
.contact-office-intro>p{margin:0;max-width:270px;color:#68717b;font-size:12px;line-height:1.7}
.contact-office-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.contact-office-detail{position:relative;min-height:128px;padding:18px 26px;display:flex;flex-direction:column;justify-content:center}
.contact-office-detail:not(:last-child)::after{content:"";position:absolute;top:7px;right:0;bottom:7px;width:1px;background:#d8dee4}
.contact-office-detail:not(:last-child)::before{content:"";position:absolute;z-index:2;top:50%;right:-4px;width:8px;height:8px;border:1px solid #cbd3da;border-radius:50%;background:#fff;transform:translateY(-50%)}
.contact-office-detail h4{margin:0 0 8px;color:#151d26;font-size:15px;line-height:1.35}
.contact-office-detail p,.contact-office-detail address{margin:0;color:#68717b;font-size:12px;font-style:normal;line-height:1.65;overflow-wrap:anywhere}
.contact-office-detail p+p{margin-top:3px}
.contact-office-detail a{color:#68717b}
.contact-office-detail a:hover{color:var(--orange)}
.contact-office-detail .contact-detail-line a{display:inline-flex;align-items:center;gap:5px}
.contact-office-detail .contact-detail-line i{width:14px;flex:0 0 14px;color:var(--orange);text-align:center}
body.dark-mode .contact-country-heading h3,body.dark-mode .contact-office-detail h4{color:#f2f5f7}
body.dark-mode .contact-office-intro>p,body.dark-mode .contact-office-detail p,body.dark-mode .contact-office-detail address,body.dark-mode .contact-office-detail a{color:#a7b3bf}
body.dark-mode .contact-office-panel + .contact-office-panel{border-top-color:#33424f}
body.dark-mode .contact-office-detail:not(:last-child)::after{background:#33424f}
body.dark-mode .contact-office-detail:not(:last-child)::before{border-color:#465764;background:#0b1520}

/* V25: corrected PNG is used directly; disable the older filtered wordmark overlays. */
.site-footer .footer-payment-gateway-wrap::before,.site-footer .footer-payment-gateway-wrap::after{display:none!important}

@media(max-width:1100px){
  .contact-office-panel{grid-template-columns:minmax(190px,.8fr) minmax(0,3.2fr);gap:20px}
  .contact-office-detail{padding-left:18px;padding-right:18px}
}
@media(max-width:900px){
  .contact-office-panel{grid-template-columns:1fr;gap:12px;padding:25px 0 30px}
  .contact-office-intro{padding:0 8px 5px}
  .contact-office-intro>p{max-width:620px}
  .contact-office-details{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-office-detail:nth-child(2)::after,.contact-office-detail:nth-child(2)::before{display:none}
  .contact-office-detail:nth-child(-n+2){border-bottom:1px solid #d8dee4}
  body.dark-mode .contact-office-detail:nth-child(-n+2){border-bottom-color:#33424f}
}
@media(max-width:620px){
  .contact-office-panel{padding:22px 0 26px}
  .contact-country-heading h3{font-size:25px}
  .contact-country-flag{width:44px;height:34px;flex-basis:44px;font-size:30px}
  .contact-office-details{grid-template-columns:1fr}
  .contact-office-detail{min-height:0;padding:19px 10px}
  .contact-office-detail:nth-child(2)::after,.contact-office-detail:nth-child(2)::before{display:block}
  .contact-office-detail:nth-child(-n+2){border-bottom:0}
  .contact-office-detail:not(:last-child)::after{top:auto;right:10px;bottom:0;left:10px;width:auto;height:1px}
  .contact-office-detail:not(:last-child)::before{top:auto;right:auto;bottom:-4px;left:50%;transform:translateX(-50%)}
}


/* ===== Nameflint V26: flag images, information icons and compact payment artwork ===== */

/* Use real flag images (same FlagCDN approach as the supplied location-reference project). */
.contact-country-flag{
  display:block;
  width:48px!important;
  height:32px!important;
  flex:0 0 48px!important;
  object-fit:cover;
  border:1px solid #e1e6ea;
  border-radius:3px;
  background:#fff;
  box-shadow:0 2px 7px rgba(17,29,42,.08);
  font-size:0!important;
}

/* Add the previous-style icon treatment to the left of each information block. */
.contact-office-detail{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  grid-auto-rows:min-content;
  align-content:center;
  align-items:center;
  column-gap:15px;
}
.contact-office-detail-icon{
  grid-column:1;
  grid-row:1;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid #d7a9e6;
  border-radius:9px;
  background:#faf4fc;
  color:var(--orange);
  font-size:15px;
  transform:rotate(45deg);
}
.contact-office-detail-icon i{transform:rotate(-45deg)}
.contact-office-detail-copy{
  grid-column:2;
  grid-row:1;
  min-width:0;
}
.contact-office-detail-copy h4{margin-top:0!important}

/* Phone and WhatsApp icons inside the Contact text use the same colour as the text. */
.contact-office-detail--contact .contact-detail-line i{
  color:inherit!important;
}

/* Keep the address lines intentionally split as requested. */
.contact-office-detail address{white-space:normal}

/* Dark-mode support for the newly added visual elements. */
body.dark-mode .contact-country-flag{
  border-color:#33424f;
  box-shadow:none;
}
body.dark-mode .contact-office-detail-icon{
  border-color:#d38ee6;
  background:#1b2936;
}

@media(max-width:1100px){
  .contact-office-detail{
    grid-template-columns:40px minmax(0,1fr)!important;
    column-gap:12px;
  }
  .contact-office-detail-icon{
    width:35px;
    height:35px;
    font-size:14px;
  }
}

@media(max-width:620px){
  .contact-country-flag{
    width:44px!important;
    height:29px!important;
    flex-basis:44px!important;
  }
  .contact-office-detail{
    grid-template-columns:42px minmax(0,1fr)!important;
    column-gap:13px;
  }
  .contact-office-detail-icon{
    width:36px;
    height:36px;
  }
}


/* ===== Nameflint V27: requested footer/contact final refinements ===== */

/* Footer copy is exactly three paragraphs and uses one consistent geometry site-wide. */
.site-footer{
  box-sizing:border-box;
}
.site-footer .footer-brand-summary,
.site-footer .footer-brand-detail,
.site-footer .footer-brand-experience{
  max-width:290px!important;
  font-size:12px!important;
  line-height:1.7!important;
}
.site-footer .footer-brand-summary{margin:-1px 0 6px!important}
.site-footer .footer-brand-detail{margin:0 0 6px!important}
.site-footer .footer-brand-experience{margin:0!important}

/* Keep the bottom row geometry identical on every desktop page. */
@media(min-width:821px){
  .site-footer .footer-bottom{
    margin-top:40px!important;
    padding-top:18px!important;
    min-height:55px;
    box-sizing:border-box;
    align-items:center!important;
  }
}

/* Mobile: gateway artwork is always above copyright, never below it. */
@media(max-width:820px){
  .site-footer .footer-bottom{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    text-align:center!important;
  }
  .site-footer .footer-bottom > .footer-payment-gateway-wrap{
    order:1!important;
    width:min(280px,100%)!important;
    margin:0 auto!important;
  }
  .site-footer .footer-bottom > span:first-child{
    order:2!important;
    width:100%!important;
    margin:0!important;
    text-align:center!important;
  }
}

/* Contact office: give the four information groups more usable width. */
@media(min-width:1181px){
  .contact-office-panel{
    grid-template-columns:255px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .contact-office-intro{
    padding-right:10px!important;
  }
}

/* ===== Nameflint V47: FAQ, Blog and About section surfaces ===== */

/* FAQ keeps its concise overview on white and detailed questions on off-white. */
.faq-categories-section{
  border-top:1px solid #e1e6ea;
}

/* Blog articles and topic summaries are two independent full-width sections. */
.blog-articles-surface{
  background:#fff!important;
}
.blog-topics-surface{
  padding:58px 0 68px;
  background:#f4f5f7;
  border-top:1px solid #e1e6ea;
}
.blog-topics-surface .blog-topics-section{
  margin:0;
  padding:0;
  border:0;
}

/* About content is divided into three alternating, clearly separated surfaces. */
.about-overview-surface{
  background:#fff!important;
}
.about-offer-surface,
.about-approach-surface{
  padding:58px 0 68px;
  border-top:1px solid #e1e6ea;
}
.about-offer-surface{background:#f4f5f7}
.about-approach-surface{background:#fff}
.about-offer-surface .about-content-section,
.about-approach-surface .about-content-section{
  margin:0;
}
.about-approach-surface .page-card{
  border-color:#f0dfd7;
  background:linear-gradient(145deg,#fff 0%,#fdf9fe 100%);
}

body.dark-mode .blog-articles-surface,
body.dark-mode .about-overview-surface,
body.dark-mode .about-approach-surface{
  background:#0b1520!important;
}
body.dark-mode .blog-topics-surface,
body.dark-mode .about-offer-surface{
  background:#0e1a26;
}
body.dark-mode .faq-categories-section,
body.dark-mode .blog-topics-surface,
body.dark-mode .about-offer-surface,
body.dark-mode .about-approach-surface{
  border-top-color:#263440;
}
body.dark-mode .about-approach-surface .page-card{
  border-color:#30404e;
  background:#111d29;
}

@media(max-width:620px){
  .blog-topics-surface,
  .about-offer-surface,
  .about-approach-surface{
    padding:42px 0 52px;
  }
}
@media(max-width:1180px) and (min-width:901px){
  .contact-office-panel{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .contact-office-intro{
    padding:0 8px 4px!important;
  }
  .contact-office-intro>p{
    max-width:620px!important;
  }
}

.contact-office-details{
  grid-template-columns:
    minmax(0,1.05fr)
    minmax(0,1.25fr)
    minmax(0,1.20fr)
    minmax(0,1.45fr)!important;
}
.contact-office-detail{
  padding:16px 12px!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  column-gap:10px!important;
}
.contact-office-detail-icon{
  width:34px!important;
  height:34px!important;
  font-size:14px!important;
}
.contact-office-detail-copy{
  overflow:visible!important;
}
.contact-office-detail-copy h4{
  white-space:nowrap;
}

/* Requested information stays on the intended lines instead of breaking mid-value. */
.contact-office-detail-copy a,
.contact-office-detail .contact-detail-line a,
.contact-office-detail address span,
.contact-office-detail .contact-hours span{
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.contact-office-detail p,
.contact-office-detail address{
  overflow-wrap:normal!important;
  word-break:normal!important;
}

/* Keep contact phone/WhatsApp glyphs the same colour as their text. */
.contact-office-detail--contact .contact-detail-line i{
  color:inherit!important;
}

/* Existing responsive 2-column / 1-column contact behaviour remains intact. */
@media(max-width:900px){
  .contact-office-details{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  .contact-office-details{
    grid-template-columns:1fr!important;
  }
  .contact-office-detail{
    grid-template-columns:38px minmax(0,1fr)!important;
    column-gap:11px!important;
    padding:18px 10px!important;
  }
  .contact-office-detail-icon{
    width:34px!important;
    height:34px!important;
  }
}
@media(max-width:360px){
  .contact-office-detail-copy a,
  .contact-office-detail .contact-detail-line a,
  .contact-office-detail address,
  .contact-office-detail .contact-hours{
    font-size:11px!important;
  }
}


/* ===== Nameflint V29: Free Migration, Promotions and Bangladesh contact details ===== */

.free-migration-section{
  position:relative;
  overflow:hidden;
  padding:66px 0 70px;
  background:#f3f5f7;
  color:var(--ink);
  border-top:0;
  border-bottom:0;
}
.free-migration-section:before{
  content:none;
  display:none;
}
.free-migration-section>.container{
  width:min(1240px,calc(100% - 44px));
}
.migration-heading{
  position:relative;
  z-index:1;
  max-width:780px;
  margin:0 auto 44px;
  text-align:center;
}
.migration-heading .eyebrow{font-size:12px;margin-bottom:10px}
.migration-heading h2{
  margin:0;
  color:#111923;
  font-size:31px;
  line-height:1.22;
  letter-spacing:-.025em;
}
.migration-heading h2 span{color:var(--orange)}
.migration-heading p{
  max-width:720px;
  margin:14px auto 0;
  color:#68717b;
  font-size:12px;
  line-height:1.75;
}
.migration-process{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr) 112px minmax(0,1fr);
  align-items:center;
  gap:16px;
}
.migration-step{
  min-width:0;
  min-height:190px;
  padding:8px 18px;
  text-align:center;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.migration-step-icon{
  width:66px;
  height:66px;
  margin:4px auto 23px;
  display:grid;
  place-items:center;
  border:1px solid #d7a9e6;
  border-radius:17px;
  background:#faf4fc;
  color:var(--orange);
  font-size:24px;
  transform:rotate(45deg);
  box-shadow:0 8px 20px rgba(182,46,232,.08);
}
.migration-step-icon i{transform:rotate(-45deg)}
.migration-step h3{
  margin:0 0 10px;
  color:#151e29;
  font-size:15px;
  line-height:1.4;
}
.migration-step p{
  max-width:255px;
  margin:0 auto;
  color:#63708a;
  font-size:12px;
  line-height:1.72;
}
.migration-process-arrow{
  width:112px;
  height:auto;
  justify-self:center;
  opacity:.95;
}

body.dark-mode .free-migration-section{
  background:#0e1a26;
  color:#eef3f7;
  border-color:#263440;
}
body.dark-mode .migration-heading h2,
body.dark-mode .migration-step h3{color:#f1f5f8}
body.dark-mode .migration-heading p,
body.dark-mode .migration-step p{color:#a7b3bf}
body.dark-mode .migration-step-icon{
  background:#1b2936;
  border-color:#773489;
}

.promotion-page-hero .page-hero-grid{min-height:340px}
.promotion-page-hero-visual{height:300px}
.promotion-page-hero-visual img{
  width:min(500px,100%);
  max-width:500px;
  max-height:300px;
  object-fit:contain;
  filter:drop-shadow(0 20px 18px rgba(111,28,0,.2));
}
.promotion-page-intro{max-width:760px}
.promotion-card{display:flex;flex-direction:column}
.promotion-card p{flex:1}
.promotion-card-link{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin-top:15px;
  color:var(--orange);
  font-size:12px;
  font-weight:800;
}
.promotion-card-link:hover{color:var(--orange-dark)}
body.dark-mode .promotion-card-link{color:#d36aed}

.contact-office-panel.contact-office-panel-single{
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  padding:8px 0!important;
}
.contact-office-panel-single .contact-office-details{
  grid-column:1/-1;
  width:100%;
}

@media(max-width:980px){
  .migration-process{grid-template-columns:1fr 76px 1fr 76px 1fr;gap:10px}
  .migration-process-arrow{width:76px}
  .migration-step{padding-inline:10px}
}

@media(max-width:820px){
  .free-migration-section{padding:54px 0 58px}
  .free-migration-section>.container{width:min(100% - 28px,1160px)}
  .migration-heading{margin-bottom:34px}
  .migration-heading h2{font-size:28px}
  .migration-process{grid-template-columns:1fr;gap:12px;max-width:560px;margin:0 auto}
  .migration-process-arrow{width:70px;transform:rotate(90deg);margin:0 auto}
  .migration-step{min-height:0;padding:18px 22px}
  .promotion-page-hero .page-hero-grid{min-height:0}
  .promotion-page-hero-visual{height:250px}
  .promotion-page-hero-visual img{max-height:250px}
}

@media(max-width:540px){
  .free-migration-section{padding:44px 0 48px}
  .migration-heading h2{font-size:26px}
  .migration-step{padding:17px 14px}
  .migration-step-icon{width:58px;height:58px;font-size:21px;margin-bottom:20px}
  .promotion-page-hero-visual{height:215px}
  .promotion-page-hero-visual img{width:min(390px,110%);max-width:390px;max-height:215px}
}

/* ===== Nameflint V30: migration and contact alignment refinements ===== */

.contact-office-panel-single .contact-office-details{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.contact-office-panel-single .contact-office-detail{
  padding:18px 24px!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  column-gap:15px!important;
}
.contact-office-panel-single .contact-office-detail-icon{
  width:42px!important;
  height:42px!important;
  font-size:17px!important;
}
.contact-office-panel-single .contact-office-detail:not(:last-child)::after{
  top:12px;
  bottom:12px;
}

@media(max-width:1100px) and (min-width:901px){
  .contact-office-panel-single .contact-office-detail{
    padding-inline:14px!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    column-gap:11px!important;
  }
  .contact-office-panel-single .contact-office-detail-icon{
    width:38px!important;
    height:38px!important;
    font-size:15px!important;
  }
}

@media(max-width:900px){
  .contact-office-panel-single .contact-office-details{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .contact-office-panel-single .contact-office-detail{
    padding:18px 20px!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    column-gap:13px!important;
  }
  .contact-office-panel-single .contact-office-detail-icon{
    width:40px!important;
    height:40px!important;
    font-size:16px!important;
  }
}

@media(max-width:620px){
  .contact-office-panel-single .contact-office-details{
    grid-template-columns:1fr!important;
  }
  .contact-office-panel-single .contact-office-detail{
    padding:18px 10px!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    column-gap:12px!important;
  }
  .contact-office-panel-single .contact-office-detail-icon{
    width:38px!important;
    height:38px!important;
    font-size:15px!important;
  }
}

/* ===== Nameflint V31: centered Contact Support groups and equal side spacing ===== */

.contact-support-section>.container{
  width:min(1240px,calc(100% - 44px))!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
.contact-office-list,
.contact-office-panel.contact-office-panel-single,
.contact-office-panel-single .contact-office-details{
  width:100%!important;
  margin-inline:auto!important;
}
.contact-office-panel-single .contact-office-detail{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:15px!important;
  padding:18px 24px!important;
  text-align:left!important;
}
.contact-office-panel-single .contact-office-detail-icon{
  flex:0 0 42px!important;
  margin:0!important;
}
.contact-office-panel-single .contact-office-detail-copy{
  flex:0 1 auto!important;
  width:auto!important;
  max-width:calc(100% - 57px)!important;
  min-width:0!important;
  text-align:left!important;
}

@media(max-width:1180px) and (min-width:621px){
  .contact-office-panel-single .contact-office-details{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .contact-office-panel-single .contact-office-detail:nth-child(2)::after,
  .contact-office-panel-single .contact-office-detail:nth-child(2)::before{
    display:none!important;
  }
  .contact-office-panel-single .contact-office-detail:nth-child(-n+2){
    border-bottom:1px solid #d8dee4!important;
  }
  body.dark-mode .contact-office-panel-single .contact-office-detail:nth-child(-n+2){
    border-bottom-color:#33424f!important;
  }
}

@media(max-width:820px){
  .contact-support-section>.container{
    width:min(100% - 28px,1160px)!important;
  }
}

@media(max-width:620px){
  .contact-office-panel-single .contact-office-details{
    grid-template-columns:1fr!important;
  }
  .contact-office-panel-single .contact-office-detail{
    justify-content:center!important;
    gap:12px!important;
    padding:18px 10px!important;
  }
  .contact-office-panel-single .contact-office-detail:nth-child(2)::after,
  .contact-office-panel-single .contact-office-detail:nth-child(2)::before{
    display:block!important;
  }
  .contact-office-panel-single .contact-office-detail:nth-child(-n+2){
    border-bottom:0!important;
  }
  .contact-office-panel-single .contact-office-detail-icon{
    flex-basis:38px!important;
  }
  .contact-office-panel-single .contact-office-detail-copy{
    max-width:calc(100% - 50px)!important;
  }
}

/* ===== Nameflint V32: even contact spacing and promotion status accordions ===== */

/* A shared copy width keeps every contact group the same visual width, so each
   divider has equal breathing room on both sides. */
.contact-office-panel-single .contact-office-detail{
  display:grid!important;
  grid-template-columns:42px minmax(0,172px)!important;
  align-items:center!important;
  justify-content:center!important;
  column-gap:15px!important;
}
.contact-office-panel-single .contact-office-detail-copy{
  width:172px!important;
  max-width:172px!important;
}

.promotion-status-section{
  padding:66px 0 72px;
  background:#f3f5f7;
  color:var(--ink);
  border-bottom:1px solid #e4e8ec;
}
.promotion-status-section>.container{
  width:min(1240px,calc(100% - 44px));
}
.promotion-status-heading{
  max-width:760px;
  margin:0 auto 38px;
  text-align:center;
}
.promotion-status-heading .eyebrow{font-size:12px;margin-bottom:9px}
.promotion-status-heading h2{
  margin:0;
  color:#151d26;
  font-size:34px;
  line-height:1.18;
  letter-spacing:-.035em;
}
.promotion-status-heading h2 span{color:var(--orange)}
.promotion-status-heading p{
  max-width:680px;
  margin:13px auto 0;
  color:#68717b;
  font-size:12px;
  line-height:1.75;
}
.promotion-status-groups{display:grid;gap:28px}
.promotion-status-group{
  overflow:hidden;
  border:1px solid #dfe4e8;
  border-radius:11px;
  background:#fff;
  box-shadow:0 10px 28px rgba(18,29,42,.05);
}
.promotion-status-bar{
  min-height:64px;
  padding:15px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid #e5e9ed;
}
.promotion-status-name{display:flex;align-items:center;gap:10px}
.promotion-status-name h3{margin:0;color:#18212b;font-size:16px;line-height:1.35}
.promotion-status-dot{
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-radius:50%;
  background:#22a86b;
  box-shadow:0 0 0 5px rgba(34,168,107,.1);
}
.promotion-status-group--expired .promotion-status-dot{
  background:#ef604f;
  box-shadow:0 0 0 5px rgba(239,96,79,.1);
}
.promotion-offer-count{
  padding:6px 11px;
  border-radius:999px;
  background:#eef2f5;
  color:#65717d;
  font-size:11px;
  font-weight:800;
}
.promotion-accordion-list{padding:18px;display:grid;gap:13px}
.promotion-offer-accordion{
  overflow:hidden;
  border:1px solid #dce2e7;
  border-left:3px solid var(--orange);
  border-radius:8px;
  background:#fff;
}
.promotion-offer-accordion--expired{border-left-color:#ef604f}
.promotion-offer-accordion summary{
  min-height:82px;
  padding:16px 19px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 18px;
  align-items:center;
  gap:14px;
  color:#18212b;
  cursor:pointer;
  list-style:none;
  transition:background .2s ease;
}
.promotion-offer-accordion summary::-webkit-details-marker{display:none}
.promotion-offer-accordion summary:hover{background:#fcf8fd}
.promotion-offer-accordion[open] summary{
  background:#faf2fc;
  border-bottom:1px solid #f0ddd6;
}
.promotion-offer-accordion--expired summary:hover,
.promotion-offer-accordion--expired[open] summary{background:#fcf5fd}
.promotion-summary-copy{min-width:0;display:flex;align-items:center;gap:14px}
.promotion-summary-copy>span:last-child{min-width:0}
.promotion-summary-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#f6ebfa;
  color:var(--orange);
  font-size:15px;
}
.promotion-offer-accordion--expired .promotion-summary-icon{background:#f7ecfa;color:#df5344}
.promotion-summary-copy strong{display:block;font-size:15px;line-height:1.45}
.promotion-summary-copy strong em{color:#df5344;font-style:normal}
.promotion-summary-copy small{display:block;margin-top:4px;color:#78828c;font-size:12px;line-height:1.55}
.promotion-status-pill{
  padding:5px 10px;
  border-radius:999px;
  font-size:9px;
  font-weight:900;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.promotion-status-pill--active{background:#e7f7ef;color:#168351}
.promotion-status-pill--expired{background:#f4e5f8;color:#d94f40}
.promotion-accordion-chevron{color:#8a949e;font-size:11px;transition:transform .2s ease}
.promotion-offer-accordion[open] .promotion-accordion-chevron{transform:rotate(180deg)}
.promotion-offer-body{padding:23px 22px 25px;background:#fbfcfd}
.promotion-offer-description{
  margin:0 0 20px;
  color:#66717c;
  font-size:12px;
  line-height:1.75;
}
.promotion-offer-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 20px;
}
.promotion-offer-fact{
  min-width:0;
  min-height:68px;
  padding:12px 14px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:11px;
  border:1px solid #e5e9ed;
  border-radius:7px;
  background:#fff;
}
.promotion-offer-fact>i{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#f6ebfa;
  color:var(--orange);
  font-size:12px;
}
.promotion-offer-accordion--expired .promotion-offer-fact>i{background:#f7ecfa;color:#df5344}
.promotion-offer-fact small{display:block;color:#7a848e;font-size:12px;line-height:1.4}
.promotion-offer-fact strong{display:block;margin-top:3px;color:#202933;font-size:13px;line-height:1.45}
.promotion-code{
  width:max-content;
  max-width:100%;
  padding:3px 8px;
  border-radius:5px;
  background:#e7f7ef;
  color:#168351!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.035em;
}
.promotion-code--expired{background:#f4e5f8;color:#d94f40!important;text-decoration:none}

body.dark-mode .promotion-status-section{background:#0e1a26;color:#eef3f7;border-bottom-color:#263440}
body.dark-mode .promotion-status-heading h2,
body.dark-mode .promotion-status-name h3,
body.dark-mode .promotion-offer-accordion summary,
body.dark-mode .promotion-offer-fact strong{color:#f0f4f7}
body.dark-mode .promotion-status-heading p,
body.dark-mode .promotion-summary-copy small,
body.dark-mode .promotion-offer-description,
body.dark-mode .promotion-offer-fact small{color:#a7b3bf}
body.dark-mode .promotion-status-group,
body.dark-mode .promotion-offer-accordion,
body.dark-mode .promotion-offer-fact{background:#111d29;border-color:#30404e;box-shadow:none}
body.dark-mode .promotion-status-bar{border-bottom-color:#30404e}
body.dark-mode .promotion-offer-count{background:#1d2a36;color:#aab5bf}
body.dark-mode .promotion-offer-accordion summary:hover,
body.dark-mode .promotion-offer-accordion[open] summary{background:#172431;border-bottom-color:#344451}
body.dark-mode .promotion-offer-body{background:#0f1b27}

@media(max-width:820px){
  .promotion-status-section{padding:54px 0 60px}
  .promotion-status-section>.container{width:min(100% - 28px,1160px)}
  .promotion-status-heading h2{font-size:30px}
}

@media(max-width:620px){
  .contact-office-panel-single .contact-office-detail{
    grid-template-columns:38px minmax(0,172px)!important;
    column-gap:12px!important;
  }
  .contact-office-panel-single .contact-office-detail-copy{
    width:min(172px,calc(100vw - 116px))!important;
    max-width:min(172px,calc(100vw - 116px))!important;
  }
  .promotion-status-heading{margin-bottom:27px}
  .promotion-status-heading h2{font-size:27px}
  .promotion-status-bar{padding:14px 15px}
  .promotion-accordion-list{padding:12px}
  .promotion-offer-accordion summary{grid-template-columns:minmax(0,1fr) 16px;gap:10px;padding:15px 14px}
  .promotion-status-pill{display:none}
  .promotion-summary-icon{width:38px;height:38px;flex-basis:38px}
  .promotion-summary-copy{gap:11px}
  .promotion-summary-copy strong{font-size:14px}
  .promotion-summary-copy small{font-size:12px}
  .promotion-offer-body{padding:18px 14px 20px}
  .promotion-offer-facts{grid-template-columns:1fr;gap:10px}
}

/* ===== Nameflint V34: unified 14px readable text outside header and offer boxes ===== */

/* Content controls and supporting text that were still rendered at 12px or 13px. */
main .btn,
.toast,
.hero-copy p,
.hero-domain-form input,
.hero-domain-form .search-btn,
.domain-search-card .hero-domain-form input,
.domain-search-card .hero-domain-form .search-btn,
.page-breadcrumb,
.domain-price-filter input,
.domain-pricing-table,
.domain-price-empty,
.whois-info-row dt,
.whois-info-row dd,
.whois-registrar-grid dd,
.whois-unavailable,
.whois-start-note,
.service-plan-price span,
.section-view-all,
.hosting-card>a,
.blog-body>a,
.service-card-body>a,
.hero-benefits,
.domain-search-card .hero-tld-prices b,
.domain-search-card .hero-tld-prices span,
.hero-tld-prices b,
.hero-tld-prices span,
.contact-office-intro>p,
.contact-office-detail p,
.contact-office-detail address,
.migration-heading .eyebrow,
.migration-heading p,
.migration-step p,
.promotion-status-heading .eyebrow,
.promotion-status-heading p,
.promotion-card-link{
  font-size:14px!important;
}

/* Footer text is enlarged without changing the social-media icon sizes. */
.site-footer .footer-grid h4,
.site-footer .footer-grid>div:not(.footer-about):not(.newsletter)>a,
.site-footer .footer-brand-summary,
.site-footer .footer-brand-detail,
.site-footer .footer-brand-experience,
.site-footer .newsletter p,
.site-footer .footer-contact-info a,
.site-footer .footer-contact-info span,
.site-footer .footer-bottom{
  font-size:14px!important;
}

/* ===== Nameflint V35: homepage balance and route-linked refinements ===== */

/* The service catalogue no longer reserves room for numeric card labels. */
.service-card-body h2{
  margin-right:0!important;
}

/* Keep the long money-back heading on exactly two intentional lines. */
.advantage-title-money-back span{
  white-space:nowrap;
}

@media(min-width:1101px){
  .hosting-advantage-section .advantage-card .advantage-title-money-back{
    width:104px!important;
    max-width:104px!important;
  }
}

/* Balanced copy lengths retain an even rhythm across repeated feature rows. */
@media(min-width:821px){
  .feature-item p{
    min-height:calc(1.6em * 3);
  }

  .migration-step p{
    min-height:calc(1.72em * 2);
  }
}

/* Three compact price cells prevent converted currencies from overflowing on phones. */
@media(max-width:620px){
  .hero-tld-prices .mobile-hidden-tld{
    display:none!important;
  }

  .domain-search-card .hero-tld-prices,
  .hero-tld-prices{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }

  .domain-search-card .hero-tld-prices div,
  .hero-tld-prices div{
    min-width:0!important;
    gap:3px!important;
    padding:7px 4px!important;
  }

  .domain-search-card .hero-tld-prices b,
  .domain-search-card .hero-tld-prices span,
  .hero-tld-prices b,
  .hero-tld-prices span{
    min-width:0;
    font-size:14px!important;
    white-space:nowrap;
  }
}

/* V36 final responsive override: four TLDs at the requested fixed mobile size. */
@media(max-width:620px){
  .hero-tld-prices .mobile-hidden-tld{display:flex!important}
  .domain-search-card .hero-tld-prices,.hero-tld-prices{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .domain-search-card .hero-tld-prices div,.hero-tld-prices div{gap:2px!important;padding:7px 2px!important}
  .domain-search-card .hero-tld-prices b,
  .domain-search-card .hero-tld-prices span,
  .hero-tld-prices b,
  .hero-tld-prices span{font-size:13px!important}
}

/* ===== Nameflint V37: legal layout and newsletter field refinements ===== */

/* Legal details now use the same full container width as neighbouring sections. */
.legal-page .policy-document,
.legal-page .abuse-form-section{
  width:100%;
  max-width:none;
  margin:0;
}
.legal-summary-cards{margin-top:32px}

/* Keep the email field and button unified while letting orange fill the button edge. */
.site-footer .newsletter form{
  grid-template-columns:minmax(0,1fr) 96px!important;
  gap:0!important;
  border:0!important;
  border-radius:var(--button-radius)!important;
  overflow:hidden!important;
  background:var(--orange)!important;
}
.site-footer .newsletter input{
  height:42px!important;
  min-height:42px!important;
  border:1px solid #344251!important;
  border-right:0!important;
  border-radius:var(--button-radius) 0 0 var(--button-radius)!important;
  background:#0a131d!important;
}
.site-footer .newsletter form:focus-within{border:0!important}
.site-footer .newsletter input:focus,
.site-footer .newsletter input:focus-visible{
  border:1px solid var(--orange)!important;
  border-right:0!important;
}
.site-footer .newsletter button{
  height:42px!important;
  min-height:42px!important;
  border:0!important;
  border-radius:0 var(--button-radius) var(--button-radius) 0!important;
  background:var(--orange)!important;
  box-shadow:none!important;
}

@media(max-width:620px){
  .legal-page .policy-document,
  .legal-page .abuse-form-section{margin:0;padding:25px 18px}
  .legal-summary-cards{margin-top:24px}
}

/* ===== Nameflint V38: section order, focus, blog and newsletter refinements ===== */

/* The new legal document/form leads on white; the earlier overview is a separate off-white section. */
.legal-page .page-content{
  background:#fff;
}
.legal-overview-surface{
  padding:58px 0 68px;
  background:#f4f5f7;
  border-top:1px solid #e1e6ea;
}
.legal-overview-section{
  margin:0;
  padding:0;
  border:0;
}
.legal-overview-section .page-intro{margin-bottom:0}
.legal-overview-section .legal-summary-cards{margin-top:30px}

/* Keep only the field's orange border when an abuse-report control is selected. */
.abuse-report-form input:focus,
.abuse-report-form input:focus-visible,
.abuse-report-form select:focus,
.abuse-report-form select:focus-visible,
.abuse-report-form textarea:focus,
.abuse-report-form textarea:focus-visible{
  border-color:var(--orange)!important;
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
}

/* FAQ overview and detailed question groups now have clearly separate section surfaces. */
.faq-overview-section{background:#fff!important}
.faq-categories-section{
  padding:58px 0 72px;
  background:#f3f6f8;
}
.faq-categories-section .faq-category-grid{margin-top:0}

/* Latest articles lead the blog; the compact blog-topic overview follows afterward. */
.blog-article-list{margin-top:0!important}
.blog-topics-section{
  margin-top:64px;
  padding-top:54px;
  border-top:1px solid #e0e6eb;
}

/* Make the email field roomier and the desktop subscribe segment slightly narrower. */
.site-footer .newsletter form{
  grid-template-columns:minmax(0,1fr) 84px!important;
}
.site-footer .newsletter input{
  font-size:12px!important;
}
.site-footer .newsletter button{
  font-size:11px!important;
}

body.dark-mode .legal-page .page-content{background:#0b1520}
body.dark-mode .legal-overview-surface{background:#0e1a26;border-top-color:#263440}
body.dark-mode .blog-topics-section{border-top-color:#2f3c48}
body.dark-mode .faq-overview-section{background:#0d1823!important}
body.dark-mode .faq-categories-section{background:#111d29}

@media(max-width:820px){
  .site-footer .newsletter form{
    grid-template-columns:minmax(0,1fr) 96px!important;
  }
}

@media(max-width:620px){
  .legal-overview-surface{padding:42px 0 52px}
  .legal-overview-section .legal-summary-cards{margin-top:24px}
  .faq-categories-section{padding:42px 0 54px}
  .blog-topics-section{margin-top:44px;padding-top:40px}
}

/* ===== Nameflint V39: clean legal section surfaces and mobile contact separators ===== */

@media(max-width:620px){
  .contact-office-panel.contact-office-panel-single,
  .contact-office-panel-single .contact-office-details{
    border:0!important;
  }

  .contact-office-panel-single .contact-office-detail{
    position:relative;
    margin:0!important;
    padding:27px 10px 33px!important;
    border:0!important;
  }

  .contact-office-panel-single .contact-office-detail + .contact-office-detail{
    padding-top:33px!important;
  }

  .contact-office-panel-single .contact-office-detail:not(:last-child)::after{
    content:"";
    display:block!important;
    position:absolute;
    top:auto!important;
    right:10px!important;
    bottom:0!important;
    left:10px!important;
    width:auto!important;
    height:1px!important;
    background:linear-gradient(
      to right,
      #d8dee4 0,
      #d8dee4 calc(50% - 15px),
      transparent calc(50% - 15px),
      transparent calc(50% + 15px),
      #d8dee4 calc(50% + 15px),
      #d8dee4 100%
    )!important;
  }

  .contact-office-panel-single .contact-office-detail:not(:last-child)::before{
    content:"";
    display:block!important;
    position:absolute;
    z-index:2;
    top:auto!important;
    right:auto!important;
    bottom:-5px!important;
    left:50%!important;
    width:10px!important;
    height:10px!important;
    border:1px solid #cbd3da!important;
    border-radius:50%!important;
    background:#fff!important;
    transform:translateX(-50%)!important;
  }

  .contact-office-panel-single .contact-office-detail:last-child::before,
  .contact-office-panel-single .contact-office-detail:last-child::after{
    content:none!important;
    display:none!important;
  }

  body.dark-mode .contact-office-panel-single .contact-office-detail:not(:last-child)::after{
    background:linear-gradient(
      to right,
      #33424f 0,
      #33424f calc(50% - 15px),
      transparent calc(50% - 15px),
      transparent calc(50% + 15px),
      #33424f calc(50% + 15px),
      #33424f 100%
    )!important;
  }

body.dark-mode .contact-office-panel-single .contact-office-detail:not(:last-child)::before{
    border-color:#465764!important;
    background:#0b1520!important;
  }
}

/* ===== Compact v3 patch: benefit row, mobile form, technology order and About action ===== */
.technologies-after-hero{border-top:1px solid rgba(255,255,255,.09)}

.why-grid{position:relative}
.why-top-link{
  position:absolute;
  top:0;
  right:0;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#252a31;
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  transition:color .18s ease,transform .18s ease
}
.why-top-link i{font-size:10px;transition:transform .18s ease}
.why-top-link:hover{color:var(--orange);transform:translateY(-1px)}
.why-top-link:hover i{transform:translateX(3px)}
.why-copy>p{margin-bottom:0}
body.dark-mode .why-top-link{color:#f2f6f9}
body.dark-mode .why-top-link:hover{color:var(--orange)}

@media(min-width:821px){
  .hero-benefits{
    width:100%!important;
    max-width:620px!important;
    display:grid!important;
    grid-template-columns:repeat(4,max-content)!important;
    justify-content:start!important;
    column-gap:22px!important;
    row-gap:0!important
  }
  .hero-benefits:before{display:none!important}
  .hero-benefits>div{
    width:auto!important;
    padding:0!important;
    justify-self:start!important;
    white-space:nowrap!important
  }
}

@media(max-width:540px){
  .project-form-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important
  }
  .project-quote-form input{
    min-width:0!important;
    padding-inline:9px!important;
    font-size:11px!important
  }
  .project-quote-form textarea{font-size:11px!important}
  .why-top-link{top:1px;font-size:12px}
}

/* ===== Requested index refinements: navigation, project form and light portfolio ===== */
.site-header .nav-link,
.site-header .nav-section-icon,
.site-header .nav-link>i.fa-chevron-down{
  color:#fff!important
}
.site-header .nav-link{opacity:.94}
.site-header .nav-item:hover>.nav-link,
.site-header .nav-item:focus-within>.nav-link{color:#fff!important;opacity:1}
.site-header .nav-item:hover>.nav-link .nav-section-icon,
.site-header .nav-item:focus-within>.nav-link .nav-section-icon,
.site-header .nav-item:hover>.nav-link>i.fa-chevron-down,
.site-header .nav-item:focus-within>.nav-link>i.fa-chevron-down{color:#fff!important}

.project-quote-form{display:grid;gap:10px}
.project-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.project-quote-form input,
.project-quote-form textarea{
  width:100%;
  min-width:0;
  border:1px solid #dfe4e9;
  border-radius:var(--button-radius);
  background:#fff;
  color:#222b35;
  padding:0 13px;
  font:500 13px/1.4 inherit;
  outline:0;
  transition:border-color .18s ease,box-shadow .18s ease
}
.project-quote-form input{height:44px}
.project-quote-form textarea{min-height:84px;padding-top:11px;padding-bottom:11px;resize:vertical}
.project-quote-form input::placeholder,
.project-quote-form textarea::placeholder{color:#7d8792}
.project-quote-form input:focus,
.project-quote-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(182,46,232,.1)}
.project-quote-form .search-btn{
  width:100%;
  min-height:46px;
  border-radius:var(--button-radius)!important;
  background:var(--orange);
  color:#fff;
  box-shadow:none
}
body.dark-mode .project-quote-form input,
body.dark-mode .project-quote-form textarea{
  border-color:#33414e;
  background:#0b1520;
  color:#edf2f6
}

.portfolio-light-section{background:#fff;color:var(--ink)}
.portfolio-light-section .section-head h2,
.portfolio-light-section .hosting-card h3{color:#151922}
.portfolio-light-section .section-view-all{color:#252a31;border-color:#cfd5da}
.portfolio-light-section .hosting-card{
  background:#fff;
  border-color:#e1e5e9;
  box-shadow:0 8px 24px rgba(24,37,50,.06)
}
.portfolio-light-section .hosting-card p{color:#68717b}
body.dark-mode .portfolio-light-section{background:#0b1520;color:#eef3f7}
body.dark-mode .portfolio-light-section .section-head h2,
body.dark-mode .portfolio-light-section .hosting-card h3{color:#f2f6f9}
body.dark-mode .portfolio-light-section .section-view-all{color:#f2f6f9;border-color:#465764}
body.dark-mode .portfolio-light-section .hosting-card{background:#111d29;border-color:#34495e;box-shadow:none}
body.dark-mode .portfolio-light-section .hosting-card p{color:#a7b3bf}

.advantage-section .advantage-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:230px!important;
  padding:18px 16px!important;
  text-align:center!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  row-gap:0!important
}
.advantage-section .advantage-icon{
  grid-column:auto!important;
  grid-row:auto!important;
  width:82px!important;
  height:82px!important;
  flex:0 0 82px!important;
  margin:0 auto 13px!important;
  display:grid!important;
  place-items:center!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23b62ee8' stroke-opacity='.62' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 22 L44 10 Q50 4 56 10 L68 22'/%3E%3Cpath d='M78 32 L90 44 Q96 50 90 56 L78 68'/%3E%3Cpath d='M68 78 L56 90 Q50 96 44 90 L32 78'/%3E%3Cpath d='M22 68 L10 56 Q4 50 10 44 L22 32'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important
}
.advantage-section .advantage-icon i{font-size:25px;color:var(--orange)}
.advantage-section .advantage-card h3{
  grid-column:auto!important;
  grid-row:auto!important;
  align-self:auto!important;
  width:auto!important;
  max-width:none!important;
  min-height:0!important;
  margin:0 0 7px!important;
  white-space:normal!important
}
.advantage-section .advantage-card p{
  grid-column:auto!important;
  grid-row:auto!important;
  align-self:auto!important;
  margin:0!important
}

@media(max-width:820px){
  .mobile-menu-toolbar{grid-template-columns:minmax(118px,1fr) minmax(130px,1.15fr)!important}
}
@media(max-width:540px){
  .project-form-grid{grid-template-columns:1fr}
  .project-quote-form input{height:42px}
  .project-quote-form textarea{min-height:78px}
  .advantage-section .advantage-card{min-height:0!important;padding:20px!important}
}

/* ===== Web development agency content + purple brand pass (2026-09-20) ===== */
:root{
  --orange:#b62ee8;
  --orange-2:#cf4cf2;
  --orange-dark:#6b0f8f;
  --orange-soft:#d96bff;
}

.hero-reference,.page-hero{
  background:linear-gradient(125deg,#8c1bb8 0%,#6d118f 48%,#25003f 100%)!important;
}
.cta-section{
  background:linear-gradient(115deg,#8f1ab8 0%,#a527cf 55%,#4d086d 100%)!important;
}
.site-header{background:#210037!important;border-bottom-color:#3a1550!important}
.site-footer{background:#130021!important;border-top-color:#37134a!important}
.brand-image img{filter:hue-rotate(245deg) saturate(1.18)}
.hero-visual img,
.hosting-image img,
.cta-server-png,
.data-center-visual>img{filter:hue-rotate(245deg) saturate(1.12) drop-shadow(0 18px 18px rgba(45,0,65,.2))!important}
.hosting-image img{object-fit:contain}
.data-center-visual>img{width:100%!important;height:100%!important;padding:24px!important}
.advantage-icon i{font-size:25px;color:var(--orange)}
.feature-item>.feature-fa-icon{margin:0 auto 17px}
.domain-mode-tabs{width:280px}
.domain-mode-tab{padding:0 8px}
.hero-tld-prices div{min-width:0}
.hero-tld-prices b,.hero-tld-prices span{white-space:nowrap}
.dark-section{background:#1b0629}
.hosting-card{background:linear-gradient(180deg,#2b103b,#1f0a2e);border-color:#4a235e}
.hosting-card p{color:#c8b9cf}
.partners{background:#1b0629}
.stats-section{background:linear-gradient(115deg,#3c0758,#170524)}

@media(max-width:540px){
  .domain-mode-tabs{width:min(280px,100%)}
  .domain-mode-tab{font-size:10px}
  .data-center-visual>img{padding:12px!important}
}

/* ===== Final v3 responsive priorities ===== */
@media(min-width:821px){
  .hero-benefits{
    width:100%!important;
    max-width:620px!important;
    display:grid!important;
    grid-template-columns:repeat(4,max-content)!important;
    justify-content:start!important;
    column-gap:22px!important;
    row-gap:0!important
  }
  .hero-benefits:before{display:none!important}
  .hero-benefits>div{width:auto!important;padding:0!important;justify-self:start!important;white-space:nowrap!important}
}
@media(max-width:540px){
  .project-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .project-quote-form input{min-width:0!important;padding-inline:9px!important;font-size:11px!important}
  .project-quote-form textarea{font-size:11px!important}
}

/* ===== Nameflint V46: split desktop contact dividers ===== */

@media(min-width:1181px){
  .contact-office-panel-single .contact-office-detail:not(:last-child)::after{
    content:"";
    display:block!important;
    position:absolute;
    top:12px!important;
    right:0!important;
    bottom:12px!important;
    left:auto!important;
    width:1px!important;
    height:auto!important;
    background:linear-gradient(
      to bottom,
      #d8dee4 0,
      #d8dee4 calc(50% - 15px),
      transparent calc(50% - 15px),
      transparent calc(50% + 15px),
      #d8dee4 calc(50% + 15px),
      #d8dee4 100%
    )!important;
  }

  .contact-office-panel-single .contact-office-detail:not(:last-child)::before{
    content:"";
    display:block!important;
    position:absolute;
    z-index:2;
    top:50%!important;
    right:-5px!important;
    bottom:auto!important;
    left:auto!important;
    width:10px!important;
    height:10px!important;
    border:1px solid #cbd3da!important;
    border-radius:50%!important;
    background:#fff!important;
    transform:translateY(-50%)!important;
  }

  .contact-office-panel-single .contact-office-detail:last-child::before,
  .contact-office-panel-single .contact-office-detail:last-child::after{
    content:none!important;
    display:none!important;
  }

  body.dark-mode .contact-office-panel-single .contact-office-detail:not(:last-child)::after{
    background:linear-gradient(
      to bottom,
      #33424f 0,
      #33424f calc(50% - 15px),
      transparent calc(50% - 15px),
      transparent calc(50% + 15px),
      #33424f calc(50% + 15px),
      #33424f 100%
    )!important;
  }

  body.dark-mode .contact-office-panel-single .contact-office-detail:not(:last-child)::before{
    border-color:#465764!important;
    background:#0b1520!important;
  }
}