@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

body[data-page="domains"]{
 --d-blue:#159fe3;
 --d-purple:#8247d9;
 --d-orange:#ff6e2a;
 --d-ink:#101827;
 --d-copy:#485561;
 --d-line:#ccd9e1;

 color-scheme:light!important;
 color:var(--d-ink)!important;
 font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
 background:
   radial-gradient(700px 420px at 14% 24%,rgba(21,159,227,.08),transparent 70%),
   radial-gradient(650px 400px at 90% 18%,rgba(130,71,217,.06),transparent 70%),
   linear-gradient(rgba(67,112,143,.06) 1px,transparent 1px),
   linear-gradient(90deg,rgba(67,112,143,.06) 1px,transparent 1px),
   #fcfeff!important;
 background-size:auto,auto,52px 52px,52px 52px,auto!important;
 -webkit-font-smoothing:antialiased;
}

body[data-page="domains"] .container{max-width:1480px!important}

/* professional header */
body[data-page="domains"] .nav{
 position:relative!important;z-index:1000!important;
 background:rgba(255,255,255,.97)!important;
 border-bottom:1px solid #e3e9ed!important;
 box-shadow:0 3px 16px rgba(30,49,62,.04)!important;
}
body[data-page="domains"] .nav .container.in{
 max-width:1480px!important;min-height:74px!important;
 padding:9px 24px!important;display:flex!important;align-items:center!important;gap:22px!important;
}
body[data-page="domains"] .nav .brand{flex:0 0 225px!important;min-width:0!important}
body[data-page="domains"] .nav #brand{color:#101827!important;font-size:16px!important;font-weight:800!important}
body[data-page="domains"] .nav #tagline{color:#61717e!important;font-size:8px!important}
body[data-page="domains"] .nav #menu{flex:1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:2px!important}
body[data-page="domains"] .nav #menu>a.link{
 display:inline-flex!important;visibility:visible!important;opacity:1!important;filter:none!important;
 align-items:center!important;min-height:37px!important;padding:0 7px!important;
 color:#29343e!important;-webkit-text-fill-color:#29343e!important;
 background:transparent!important;border-radius:8px!important;font-size:11.5px!important;font-weight:600!important;
}
body[data-page="domains"] .nav #menu>a.link.is-on{
 color:#101827!important;-webkit-text-fill-color:#101827!important;font-weight:800!important;
}
body[data-page="domains"] .nav #menu>a.link.is-on::after{background:var(--d-blue)!important;box-shadow:none!important}
body[data-page="domains"] .nav #menu>.btn{min-height:39px!important;margin-left:4px!important;padding:0 14px!important;border-radius:999px!important;font-size:10.5px!important}
body[data-page="domains"] .nav #menu>.btn:not(.primary):not(.ghost){color:#fff!important;background:linear-gradient(135deg,#734ad3,#8e46dc)!important;border:0!important}
body[data-page="domains"] .nav #menu>.btn.ghost{color:#29343e!important;background:#fff!important;border:1px solid #d2dde4!important}
body[data-page="domains"] .nav #menu>.btn.primary{color:#fff!important;background:linear-gradient(90deg,#ff9224,#ff653c)!important;border:0!important}

/* main */
.prhDomains{
 max-width:1260px;
 margin:0 auto;
 padding:36px 24px 28px;
 box-sizing:border-box;
}

.prhDomainHero{text-align:center}
.prhDomainEyebrow{
 color:#347087;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;
}
.prhDomainHero h1{
 margin:7px 0 0;color:var(--d-ink);font-size:clamp(32px,3.2vw,48px);
 line-height:1.06;letter-spacing:-.045em;font-weight:800;
}
.prhDomainHero>p{
 max-width:720px;margin:11px auto 20px;color:var(--d-copy);font-size:13px;line-height:1.55;
}

.prhDomainSearchBar{
 max-width:900px;margin:auto;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
}
body[data-page="domains"] .prhDomForm{
 flex:1 1 470px;display:flex!important;gap:8px!important;flex-wrap:nowrap!important;
}
body[data-page="domains"] .prhDomForm input{
 min-width:0!important;min-height:48px;padding:0 16px!important;
 color:#16212b!important;background:#fff!important;border:1px solid #cbd7df!important;
 border-radius:12px!important;box-shadow:0 8px 20px rgba(38,61,76,.09)!important;font-size:13px!important;
}
body[data-page="domains"] .prhDomForm input:focus{
 border-color:var(--d-blue)!important;box-shadow:0 0 0 3px rgba(21,159,227,.10)!important;outline:0;
}
body[data-page="domains"] .prhDomForm .btn.primary,
body[data-page="domains"] .prhDomainQuickActions .btn{
 min-height:48px;padding:0 18px!important;border-radius:999px!important;font-size:11px!important;font-weight:700!important;
}
body[data-page="domains"] .prhDomForm .btn.primary{
 color:#fff!important;background:linear-gradient(90deg,#ff7e2d,#ff5f35)!important;border:0!important;
 box-shadow:0 9px 18px rgba(255,103,49,.18)!important;
}
.prhDomainQuickActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
body[data-page="domains"] .prhDomainQuickActions .btn.ghost{
 color:#35424d!important;background:#fff!important;border:1px solid #cbd7df!important;
}
body[data-page="domains"] .prhDomainQuickActions .btn.transfer{
 color:#fff!important;background:linear-gradient(90deg,#ff7c31,#ff5f39)!important;border:0!important;text-decoration:none!important;
}
body[data-page="domains"] .prhDomHint{
 margin:11px auto 0!important;color:#596772!important;font-size:11px!important;
}

/* live result — existing JS classes */
body[data-page="domains"] .prhDomResults{
 max-width:900px;margin:20px auto 0!important;text-align:left;
}
body[data-page="domains"] .prhDomHead{
 margin:18px 0 8px!important;color:#60707c!important;font-size:10px!important;font-weight:800!important;letter-spacing:.1em!important;
}
body[data-page="domains"] .prhDomRow{
 padding:13px 15px!important;margin-top:8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
 border:1px solid #d1dce3!important;border-radius:13px!important;background:#fff!important;
 box-shadow:0 7px 18px rgba(39,62,76,.055)!important;
}
body[data-page="domains"] .prhDomRow.is-featured{border-color:#9fd5e8!important;box-shadow:0 0 0 1px #d8f1fa!important}
body[data-page="domains"] .prhDomRow.is-free{border-color:#a8dec8!important}
body[data-page="domains"] .prhDomRow b{color:#16212b!important;font-size:15px!important}
body[data-page="domains"] .prhDomOk{color:#148354!important}
body[data-page="domains"] .prhDomNo{color:#cf4b4b!important}
body[data-page="domains"] .prhDomMaybe{color:#73808b!important}
body[data-page="domains"] .prhDomPrice{color:#18232d!important;font-size:16px!important}
body[data-page="domains"] .prhDomRow .btn{border-radius:999px!important}
body[data-page="domains"] .prhDomLoading{
 color:#3c4a55!important;background:#fff!important;border:1px solid #d1dce3!important;border-radius:12px!important;
}
body[data-page="domains"] .prhDomErr{
 color:#b73d3d!important;background:#fff5f5!important;border:1px solid #f0caca!important;border-radius:12px!important;
}

/* four services */
.prhDomainFeatures{
 display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:34px;
}
.prhDomainFeatures article{
 min-height:90px;padding:15px;box-sizing:border-box;display:flex;align-items:center;gap:13px;
 border:1px solid #ccd9e1;border-radius:13px;background:#fff;box-shadow:0 9px 21px rgba(38,61,76,.07);
}
.prhDomainIcon{
 width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;
 color:#236984;border:1px solid #a7c5d3;border-radius:50%;background:#f8fdff;
}
.prhDomainIcon svg{width:24px;height:24px;stroke-width:1.7}
.prhDomainFeatures b{display:block;color:#17212b;font-size:12px}
.prhDomainFeatures p{margin:4px 0 0;color:#5e6b76;font-size:10px;line-height:1.45}

/* dynamic TLD area */
.prhPopularDomains{margin-top:28px}
.prhPopularHead{display:flex;align-items:end;justify-content:space-between;gap:25px}
.prhPopularHead h2{margin:5px 0 0;color:var(--d-ink);font-size:22px;letter-spacing:-.025em}
.prhPopularHead>p{max-width:500px;margin:0;color:#65727d;font-size:11px;text-align:right}

body[data-page="domains"] .prhTldGrid{
 margin-top:14px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;
}
body[data-page="domains"] .prhTldCard{
 min-height:72px;padding:13px!important;text-align:center;
 border:1px solid #d1dce3!important;border-radius:12px!important;background:#fff!important;
 box-shadow:0 7px 17px rgba(40,62,76,.055)!important;
}
body[data-page="domains"] .prhTldCard b{color:#17212b!important;font-size:20px!important}
body[data-page="domains"] .prhTldCard span{margin-top:5px!important;color:#687580!important;font-size:9px!important}

/* footer */
body[data-page="domains"] .prhFoot{
 margin-top:12px!important;padding-top:24px!important;color:#34414c!important;background:#fbfdff!important;border-top:1px solid #dfe7eb!important;
}
body[data-page="domains"] .prhFoot .prhFeatBar{
 padding:12px 15px!important;margin:0 0 23px!important;background:#fff!important;border:1px solid #cedbe2!important;
 box-shadow:0 8px 20px rgba(40,62,76,.05)!important;
}
body[data-page="domains"] .prhFeatItem b{color:#17212b!important;font-size:10px!important}
body[data-page="domains"] .prhFeatItem>div span{color:#66737e!important;font-size:9px!important}
body[data-page="domains"] .prhFootBrand b,
body[data-page="domains"] .prhFootCol h3{color:#17212b!important}
body[data-page="domains"] .prhFootBrand small,
body[data-page="domains"] .prhFootBrand p,
body[data-page="domains"] .prhFootCol a,
body[data-page="domains"] .prhFootLegal,
body[data-page="domains"] .prhFootLegal a{color:#606d78!important}
body[data-page="domains"] .prhFootCol h3::after{background:linear-gradient(90deg,var(--d-blue),var(--d-purple))!important;box-shadow:none!important}

@media(max-width:1050px){
 .prhDomainFeatures{grid-template-columns:1fr 1fr}
 body[data-page="domains"] .prhTldGrid{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:700px){
 .prhDomains{padding:28px 16px}
 .prhDomainSearchBar{display:block}
 body[data-page="domains"] .prhDomForm{display:flex!important;flex-direction:column}
 .prhDomainQuickActions{margin-top:9px}
 .prhDomainQuickActions .btn{flex:1}
 .prhDomainFeatures{grid-template-columns:1fr}
 body[data-page="domains"] .prhTldGrid{grid-template-columns:1fr 1fr!important}
 .prhPopularHead{display:block}.prhPopularHead>p{margin-top:7px;text-align:left}
 body[data-page="domains"] .prhDomRow{align-items:flex-start!important}
}