:root { --y-ink: #070b12; --y-panel: #0d1421; --y-panel-2: #131d2d; --y-line: rgba(197, 215, 241, .18); --y-text: #f6f8fc; --y-muted: #a6b1c2; --y-blue: #2578ff; --y-radius: 22px; }
.registrar-nav.navbar-inverse { min-height: 68px; margin: 0; border: 0; border-bottom: 1px solid rgba(181, 204, 238, .14); border-radius: 0; background: rgba(7, 11, 18, .94); box-shadow: none; }.registrar-nav .navbar-brand { height: 68px; }.registrar-brand { display: flex !important; align-items: center; padding: 0 !important; }.registrar-brand span { color: #fff; font-size: 16px; font-weight: 800; letter-spacing: .17em; }.registrar-nav .navbar-nav > li > a { padding-top: 25px; padding-bottom: 24px; color: #b8c3d5; font-size: 13px; font-weight: 600; }.registrar-nav .navbar-nav > li > a:hover, .registrar-nav .navbar-nav > li > a:focus { color: #fff; background: transparent; }.registrar-nav .registrar-nav-cta { margin: 15px 0 0 16px; padding: 10px 16px !important; border: 1px solid rgba(255,255,255,.8); border-radius: 999px; color: #07101d !important; background: #fff; line-height: 16px !important; }.registrar-nav .registrar-nav-cta:hover { background: #dce9ff !important; }.registrar-shell { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }

.registrar-premium-home { padding-top: 68px; overflow: hidden; background: var(--y-ink); color: var(--y-text); font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }.registrar-premium-home .registrar-hero { position: relative; min-height: 680px; overflow: hidden; border-bottom: 1px solid var(--y-line); background: var(--y-ink); }.registrar-premium-home .registrar-hero:after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 220px; pointer-events: none; background: linear-gradient(transparent, var(--y-ink)); }.registrar-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .88fr) minmax(500px, 1.12fr); align-items: center; min-height: 680px; }.registrar-hero-copy { position: relative; z-index: 2; padding: 100px 0 90px; }.registrar-kicker, .registrar-section-note { margin: 0 0 21px; color: #71a7ff; font-size: 11px; font-weight: 800; letter-spacing: .14em; }.registrar-hero h1 { margin: 0; max-width: 700px; color: #f8fbff; font-size: clamp(58px, 7.1vw, 103px); font-weight: 760; line-height: .9; letter-spacing: -.075em; }.registrar-lede { max-width: 470px; margin: 28px 0 0; color: #b9c4d4; font-size: 18px; line-height: 1.62; }.registrar-search { max-width: 620px; margin-top: 38px; padding: 8px; border: 1px solid rgba(211,226,250,.34); border-radius: 16px; background: #f9fbff; box-shadow: 0 24px 65px rgba(0,0,0,.34); }.registrar-search label { display: block; padding: 7px 9px 6px; color: #253246; font-size: 11px; font-weight: 800; letter-spacing: .08em; }.registrar-search-row { display: flex; gap: 8px; }.registrar-search input { min-width: 0; flex: 1; height: 54px; padding: 0 14px; border: 0; border-radius: 10px; outline: none; color: #101827; background: #e9eef5; font-size: 16px; font-weight: 600; }.registrar-search input:focus { box-shadow: inset 0 0 0 2px var(--y-blue); }.registrar-search button, .registrar-button { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 22px; border: 0; border-radius: 10px; color: #fff; background: var(--y-blue); font-size: 14px; font-weight: 800; text-decoration: none; transition: transform .2s ease, background .2s ease; }.registrar-search button:hover, .registrar-button:hover { color: #fff; background: #1465e7; text-decoration: none; transform: translateY(-2px); }.registrar-search button:disabled { cursor: progress; opacity: .75; }.registrar-hero-note { margin: 15px 0 0 3px; color: #8e9caf; font-size: 12px; }.registrar-hero-visual { position: relative; align-self: stretch; margin-right: calc((min(1180px, calc(100vw - 48px)) - 100vw) / 2); overflow: hidden; }.registrar-hero-visual:before { content: ''; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, var(--y-ink) 0%, transparent 28%), linear-gradient(0deg, var(--y-ink) 0%, transparent 33%); }.registrar-hero-visual img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: contrast(1.08) saturate(.98); animation: yusite-float 8s ease-in-out infinite; } @keyframes yusite-float { 50% { transform: scale(1.025) translateX(-6px); } } @media (prefers-reduced-motion: reduce) { .registrar-hero-visual img { animation: none; } }

.registrar-tlds { border-bottom: 1px solid var(--y-line); background: #0a101a; }.registrar-tlds .registrar-shell { padding: 30px 0; }.registrar-tlds .registrar-section-note { margin-bottom: 15px; color: #8390a3; }.registrar-tld-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; border: 1px solid var(--y-line); border-radius: 14px; overflow: hidden; background: var(--y-line); }.registrar-tld { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 18px; color: #fff; background: #0d1421; text-decoration: none; transition: background .18s ease; }.registrar-tld:hover { color: #fff; background: #152136; text-decoration: none; }.registrar-tld strong { font-size: 19px; letter-spacing: -.04em; }.registrar-tld span { color: #99a8bc; font-size: 12px; white-space: nowrap; }

.registrar-products { padding-top: 138px; padding-bottom: 134px; }.registrar-heading { max-width: 780px; margin-bottom: 46px; }.registrar-heading h2, .registrar-flow h2, .registrar-callout h2 { margin: 0; color: var(--y-text); font-size: clamp(37px, 4.2vw, 64px); line-height: .99; letter-spacing: -.065em; }.registrar-product-grid { display: grid; grid-template-columns: 1.38fr .92fr .92fr; grid-template-rows: repeat(2, 220px); gap: 12px; }.registrar-product { position: relative; display: flex; flex-direction: column; overflow: hidden; padding: 28px; border: 1px solid var(--y-line); border-radius: var(--y-radius); background: var(--y-panel); }.registrar-product-primary { grid-row: span 2; background: #112547; }.registrar-product-hosting { background: #111a29; }.registrar-product-vps { background: #102233; }.registrar-product-ssl { background: #161d2b; }.registrar-product:before { content: ''; position: absolute; top: -84px; right: -70px; width: 250px; height: 250px; border: 1px solid rgba(146,186,255,.18); border-radius: 50%; }.registrar-product-primary:after { content: ''; position: absolute; right: -20px; bottom: -55px; width: 270px; height: 270px; border-radius: 50%; background: #2a7bff; filter: blur(55px); opacity: .32; }.registrar-product-mark { position: relative; z-index: 1; color: #9bc2ff; font-size: 11px; font-weight: 800; letter-spacing: .14em; }.registrar-product h3 { position: relative; z-index: 1; margin: auto 0 12px; color: #fff; font-size: 28px; line-height: 1; letter-spacing: -.045em; }.registrar-product p { position: relative; z-index: 1; max-width: 310px; margin: 0 0 21px; color: #aebbd0; font-size: 14px; line-height: 1.48; }.registrar-product a { position: relative; z-index: 1; color: #fff; font-size: 13px; font-weight: 800; text-decoration: none; }.registrar-product a span { margin-left: 5px; color: #82b4ff; }.registrar-product a:hover { color: #fff; text-decoration: none; }

.registrar-flow { border-top: 1px solid var(--y-line); border-bottom: 1px solid var(--y-line); background: #0b111b; }.registrar-flow-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 110px; padding: 125px 0; }.registrar-flow-intro > p:last-child { max-width: 400px; margin: 24px 0 0; color: var(--y-muted); font-size: 17px; line-height: 1.6; }.registrar-flow-list { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 0; padding: 1px; list-style: none; background: var(--y-line); }.registrar-flow-list li { min-height: 158px; padding: 28px; background: #0b111b; }.registrar-flow-list strong { display: block; margin-bottom: 13px; color: #fff; font-size: 18px; letter-spacing: -.025em; }.registrar-flow-list span { display: block; color: var(--y-muted); font-size: 14px; line-height: 1.5; }.registrar-callout { display: flex; align-items: end; justify-content: space-between; gap: 35px; padding: 120px 0; }.registrar-callout .registrar-kicker { margin-bottom: 18px; }.registrar-callout h2 { max-width: 720px; }.registrar-callout .registrar-button { flex: 0 0 auto; min-width: 180px; border-radius: 999px; }

.domain-check-page { min-height: calc(100vh - 68px); margin: 0 -15px; padding: 118px max(24px, calc((100vw - 960px) / 2)) 86px; color: var(--y-text); background: var(--y-ink); font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }.domain-check-hero { position: relative; overflow: hidden; padding: 50px; border: 1px solid var(--y-line); border-radius: var(--y-radius); background: var(--y-panel); }.domain-check-hero:before { content: ''; position: absolute; top: -130px; right: -105px; width: 360px; height: 360px; border: 1px solid rgba(112,165,255,.24); border-radius: 50%; }.domain-check-hero h1 { position: relative; max-width: 650px; margin: 0; color: #fff; font-size: clamp(38px, 4.5vw, 61px); line-height: .98; letter-spacing: -.062em; }.domain-check-hero > p:not(.registrar-kicker) { position: relative; max-width: 570px; margin: 18px 0 0; color: var(--y-muted); font-size: 16px; line-height: 1.58; }.domain-check-form { position: relative; max-width: 690px; margin-top: 32px; }.domain-check-form label { display: block; margin-bottom: 8px; color: #d7e3f5; font-size: 12px; font-weight: 800; }.domain-check-form > div { display: flex; gap: 8px; }.domain-check-form input { min-width: 0; flex: 1; height: 54px; padding: 0 16px; border: 1px solid transparent; border-radius: 10px; outline: none; color: #0b1422; background: #f7f9fd; font-size: 16px; }.domain-check-form input:focus { border-color: var(--y-blue); box-shadow: 0 0 0 3px rgba(37,120,255,.25); }.domain-check-form button, .domain-results-head button { min-height: 54px; padding: 0 21px; border: 0; border-radius: 10px; color: #fff; background: var(--y-blue); font-weight: 800; }.domain-check-error { margin-top: 18px !important; color: #ffb4ae !important; font-size: 14px !important; }.domain-zone-list, .domain-results { margin-top: 34px; }.domain-zone-list h2, .domain-results h2 { margin: 0; color: #fff; font-size: 25px; letter-spacing: -.035em; }.domain-zone-list > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 16px; }.domain-zone-list article { min-height: 118px; padding: 18px; border: 1px solid var(--y-line); border-radius: 14px; background: var(--y-panel); }.domain-zone-list strong, .domain-zone-list span, .domain-zone-list small { display: block; }.domain-zone-list strong { color: #fff; font-size: 20px; }.domain-zone-list span, .domain-zone-list small { margin-top: 8px; color: var(--y-muted); font-size: 13px; }.domain-zone-list small { margin-top: 3px; }.domain-results { padding: 24px; border: 1px solid var(--y-line); border-radius: var(--y-radius); background: var(--y-panel); }.domain-results-available { border-color: rgba(77,141,255,.65); }.domain-results-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; }.domain-results-head .registrar-section-note { margin-bottom: 8px; }.domain-result-list { margin-top: 20px; }.domain-result-row { display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 14px; padding: 17px 0; border-top: 1px solid var(--y-line); color: #fff; cursor: pointer; }.domain-results-unavailable .domain-result-row { grid-template-columns: 1fr auto; cursor: default; }.domain-result-row input { width: 17px; height: 17px; accent-color: var(--y-blue); }.domain-result-name { font-weight: 700; }.domain-result-row > span:last-child { color: var(--y-muted); font-size: 14px; }

@media (max-width: 900px) { .registrar-hero-grid, .registrar-flow-grid { grid-template-columns: 1fr; gap: 0; }.registrar-premium-home .registrar-hero, .registrar-hero-grid { min-height: auto; }.registrar-hero-copy { padding: 86px 0 42px; }.registrar-hero-visual { height: 370px; margin: 0 calc((min(1180px, calc(100vw - 48px)) - 100vw) / 2); }.registrar-product-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }.registrar-product { min-height: 245px; }.registrar-product-primary { grid-row: auto; }.registrar-flow-grid { gap: 56px; padding: 86px 0; }.registrar-callout { padding: 85px 0; }.registrar-tld-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .registrar-shell { width: min(100% - 30px, 1180px); }.registrar-premium-home { padding-top: 68px; }.registrar-hero-copy { padding: 67px 0 32px; }.registrar-hero h1 { font-size: 59px; }.registrar-lede { font-size: 16px; }.registrar-search-row, .domain-check-form > div { flex-direction: column; }.registrar-search button, .domain-check-form button { width: 100%; }.registrar-hero-visual { height: 270px; margin-right: -15px; margin-left: -15px; }.registrar-tld-grid, .registrar-product-grid, .registrar-flow-list, .domain-zone-list > div { grid-template-columns: 1fr; }.registrar-products { padding-top: 88px; padding-bottom: 86px; }.registrar-product { min-height: 230px; }.registrar-flow-grid { padding: 76px 0; }.registrar-flow-list li { min-height: 130px; }.registrar-callout { align-items: flex-start; flex-direction: column; padding: 76px 0; }.registrar-callout .registrar-button { width: 100%; }.domain-check-page { margin: 0 -15px; padding: 92px 15px 55px; }.domain-check-hero { padding: 29px; }.domain-results { padding: 20px; }.domain-results-head { align-items: flex-start; flex-direction: column; }.domain-results-head button { width: 100%; }.domain-result-row { grid-template-columns: 22px 1fr; }.domain-result-row strong { grid-column: 2; }.domain-results-unavailable .domain-result-row { grid-template-columns: 1fr; gap: 5px; } }

/* Corporate hosting direction inspired by the supplied reference, using YUSITE assets and content. */
:root { --hostiko-blue: #086fe9; --hostiko-navy: #06386e; --hostiko-ink: #2d3748; --hostiko-soft: #f6f8fc; --hostiko-line: #e4e9f2; }
.registrar-nav.navbar-inverse { background: #0753a7; border-color: rgba(255,255,255,.15); }.registrar-nav .navbar-nav > li > a { color: rgba(255,255,255,.9); }.registrar-nav .registrar-nav-cta { color: #fff !important; border-color: rgba(255,255,255,.65); background: var(--hostiko-blue); }.registrar-nav .registrar-nav-cta:hover { background: #1f84f5 !important; }
.registrar-premium-home { color: var(--hostiko-ink); background: #fff; }.registrar-premium-home .registrar-hero { min-height: 670px; border: 0; background: linear-gradient(135deg, #0758ad 0%, #083d78 100%); clip-path: polygon(0 0, 100% 0, 100% 84%, 50% 100%, 0 84%); }.registrar-premium-home .registrar-hero:after { display: none; }.registrar-hero-grid { display: block; min-height: 670px; text-align: center; }.registrar-hero-copy { max-width: 860px; margin: 0 auto; padding: 100px 0 0; }.registrar-kicker, .registrar-section-note { color: #6b93c4; }.registrar-hero-copy .registrar-kicker { display: inline-block; margin-bottom: 25px; padding: 10px 16px; border-radius: 4px; color: #fff; background: rgba(255,255,255,.16); letter-spacing: .02em; }.registrar-hero h1 { max-width: 760px; margin: 0 auto; color: #fff; font-size: clamp(42px, 5vw, 68px); line-height: 1.04; letter-spacing: -.045em; }.registrar-lede { max-width: 640px; margin: 20px auto 0; color: rgba(255,255,255,.84); font-size: 18px; }.registrar-search { position: relative; z-index: 3; max-width: 720px; margin: 28px auto 0; padding: 8px; border: 0; border-radius: 5px; box-shadow: 0 15px 32px rgba(0,24,63,.22); }.registrar-search label { display: none; }.registrar-search-row { gap: 0; }.registrar-search input { height: 56px; border-radius: 3px 0 0 3px; background: #fff; font-weight: 400; }.registrar-search button { min-width: 155px; height: 56px; border-radius: 0 3px 3px 0; background: var(--hostiko-blue); }.registrar-hero-note { color: rgba(255,255,255,.76); }.registrar-hero-visual { position: absolute; right: 50%; bottom: -110px; width: 420px; height: 390px; margin: 0; overflow: visible; transform: translateX(50%); }.registrar-hero-visual:before { display: none; }.registrar-hero-visual img { width: 100%; height: 100%; object-fit: contain; animation: none; filter: none; }
.registrar-tlds { border: 0; background: #fff; }.registrar-tlds .registrar-shell { padding: 80px 0 38px; }.registrar-tlds .registrar-section-note { color: #6d7c93; }.registrar-tld-grid { border: 0; border-radius: 0; background: transparent; }.registrar-tld { padding: 15px; border-bottom: 1px solid var(--hostiko-line); color: #243143; background: transparent; }.registrar-tld:hover { color: var(--hostiko-blue); background: #f8fbff; }.registrar-tld span { color: #7f8ca1; }
.registrar-products { padding-top: 105px; padding-bottom: 108px; background: #fff; }.registrar-heading { margin-right: auto; margin-left: auto; text-align: center; }.registrar-heading .registrar-kicker { color: var(--hostiko-blue); }.registrar-heading h2, .registrar-flow h2, .registrar-callout h2 { color: #27364a; font-size: clamp(34px, 3.6vw, 49px); letter-spacing: -.04em; }.registrar-product-grid { grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; gap: 22px; }.registrar-product { min-height: 378px; padding: 34px 30px; border: 1px solid var(--hostiko-line); border-radius: 5px; background: #fff; box-shadow: 0 14px 38px rgba(19,62,107,.06); }.registrar-product-primary, .registrar-product-hosting, .registrar-product-vps, .registrar-product-ssl { background: #fff; }.registrar-product:before, .registrar-product-primary:after { display: none; }.registrar-product-mark { display: inline-grid; width: 52px; height: 52px; place-items: center; border-radius: 50%; color: var(--hostiko-blue); background: #eaf4ff; letter-spacing: .04em; }.registrar-product h3 { margin-top: 43px; color: #26364d; font-size: 27px; }.registrar-product p { color: #718096; }.registrar-product a { display: inline-flex; align-items: center; justify-content: center; min-height: 47px; margin-top: 2px; border-radius: 3px; color: #fff; background: var(--hostiko-blue); font-size: 13px; }.registrar-product a:hover { background: #075fc8; }.registrar-product a span { color: #fff; }.registrar-product-ssl { display: none; }
.registrar-flow { border: 0; background: var(--hostiko-soft); }.registrar-flow-grid { gap: 70px; padding: 105px 0; }.registrar-flow-intro .registrar-kicker { color: var(--hostiko-blue); }.registrar-flow-intro > p:last-child { color: #718096; }.registrar-flow-list { background: transparent; grid-template-columns: 1fr; gap: 0; padding: 0; }.registrar-flow-list li { min-height: 0; padding: 18px 0 18px 68px; border-bottom: 1px solid var(--hostiko-line); background: transparent; counter-increment: hostiko-step; position: relative; }.registrar-flow-list { counter-reset: hostiko-step; }.registrar-flow-list li:before { content: counter(hostiko-step); position: absolute; top: 15px; left: 0; display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; color: var(--hostiko-blue); background: #ddecff; font-size: 13px; font-weight: 800; }.registrar-flow-list strong { color: #26364d; }.registrar-flow-list span { color: #718096; }.registrar-callout { padding: 95px 0; }.registrar-callout .registrar-kicker { color: var(--hostiko-blue); }.registrar-callout .registrar-button { color: #fff; background: var(--hostiko-blue); border-radius: 3px; }
.registrar-premium-home { padding-top: 0; }.registrar-premium-home .registrar-hero { padding-top: 68px; }.registrar-hero-visual { bottom: -18px; width: 300px; height: 330px; background: transparent; }.registrar-hero-visual img { mix-blend-mode: normal; object-fit: contain; transform: translateY(-96px) scale(1.35); transform-origin: center top; }
.domain-check-page { color: #28374a; background: #f6f8fc; }.domain-check-hero { border: 0; border-radius: 5px; background: linear-gradient(135deg, #0758ad, #083d78); box-shadow: 0 16px 36px rgba(22,63,107,.18); }.domain-check-hero:before { border-color: rgba(255,255,255,.18); }.domain-check-hero h1 { color: #fff; }.domain-check-hero > p:not(.registrar-kicker) { color: rgba(255,255,255,.82); }.domain-check-hero .registrar-kicker { color: #fff; }.domain-check-form label { color: #fff; }.domain-zone-list h2, .domain-results h2 { color: #28374a; }.domain-zone-list article, .domain-results { border-color: var(--hostiko-line); border-radius: 5px; background: #fff; }.domain-zone-list strong, .domain-result-row { color: #28374a; }.domain-zone-list span, .domain-zone-list small, .domain-result-row > span:last-child { color: #718096; }.domain-results-available { border-color: #9cc7ff; }.domain-result-row { border-color: var(--hostiko-line); }
@media (max-width: 900px) { .registrar-premium-home .registrar-hero, .registrar-hero-grid { min-height: 620px; }.registrar-hero-visual { bottom: -80px; width: 330px; height: 310px; }.registrar-product-grid { grid-template-columns: repeat(2, 1fr); }.registrar-product-ssl { display: flex; } }
@media (max-width: 560px) { .registrar-premium-home .registrar-hero, .registrar-hero-grid { min-height: 655px; clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%); }.registrar-hero-copy { padding-top: 61px; }.registrar-hero h1 { font-size: 42px; }.registrar-search { margin-top: 24px; }.registrar-search input, .registrar-search button { border-radius: 3px; }.registrar-hero-visual { bottom: -10px; width: 190px; height: 235px; }.registrar-hero-visual img { transform: translateY(-70px) scale(1.32); }.registrar-product-grid { grid-template-columns: 1fr; }.registrar-flow-grid { gap: 45px; }.domain-check-page { background: #f6f8fc; }.domain-check-hero h1 { font-size: 35px; } }

/* YUSITE red-and-white public brand */
:root { --hostiko-blue: #df1f2d; --hostiko-navy: #55101a; --hostiko-ink: #241b1e; --hostiko-soft: #fff7f7; --hostiko-line: #f0d8db; }
.registrar-nav.navbar-inverse { background: #fff; border-bottom-color: #f0d8db; }.registrar-brand span, .registrar-nav .navbar-nav > li > a { color: #251d20; }.registrar-nav .navbar-nav > li > a:hover { color: #df1f2d; }.registrar-nav .registrar-nav-cta { border-color: #df1f2d; background: #df1f2d; color: #fff !important; }.registrar-premium-home .registrar-hero { min-height: 650px; background: #fff7f7; clip-path: none; }.registrar-hero-grid { display: grid; grid-template-columns: 1fr 1fr; min-height: 650px; text-align: left; }.registrar-hero-copy { margin: 0; padding: 105px 0 80px; }.registrar-hero-copy .registrar-kicker { padding: 0; color: #df1f2d; background: none; }.registrar-hero h1 { margin: 0; color: #251d20; font-size: clamp(54px, 6vw, 82px); }.registrar-lede { margin-left: 0; color: #695d61; }.registrar-search { margin-left: 0; box-shadow: 0 18px 40px rgba(135, 27, 38, .13); }.registrar-search button, .registrar-product a, .registrar-button { background: #df1f2d; }.registrar-hero-visual { position: relative; right: auto; bottom: auto; width: auto; height: 100%; transform: none; overflow: visible; background: transparent; }.registrar-hero-visual img { width: 145%; height: 100%; object-fit: contain; transform: translateX(-12%); }.registrar-products { background: #fff; }.registrar-heading .registrar-kicker, .registrar-flow-intro .registrar-kicker, .registrar-callout .registrar-kicker { color: #df1f2d; }.registrar-product-mark { color: #df1f2d; background: #fff0f1; }.registrar-product a:hover, .registrar-button:hover { background: #bd1723; }.registrar-flow { background: #fff7f7; }.registrar-flow-list li:before { color: #df1f2d; background: #ffe8ea; }.domain-check-hero { background: #df1f2d; }.domain-check-form button, .domain-results-head button { background: #df1f2d; }
@media (max-width:900px) { .registrar-hero-grid { display:block; text-align:center; }.registrar-hero-copy { margin:auto; padding-bottom:0; }.registrar-lede, .registrar-search { margin-right:auto; margin-left:auto; }.registrar-hero-visual { height:250px; }.registrar-hero-visual img { width:100%; transform:none; } }
.registrar-premium-home .registrar-hero { min-height: 570px; }.registrar-hero-grid { min-height: 570px; }.registrar-hero-visual { display:none; }.registrar-hero-note { display:none; }.registrar-hero-services { display:grid; grid-template-columns:repeat(3,1fr); max-width:720px; margin-top:30px; border-top:1px solid #f0d8db; }.registrar-hero-services a { display:block; padding:17px 16px; border-right:1px solid #f0d8db; color:#251d20; text-decoration:none; text-align:left; }.registrar-hero-services a:last-child { border-right:0; }.registrar-hero-services strong, .registrar-hero-services span { display:block; }.registrar-hero-services strong { margin-bottom:4px; font-size:14px; }.registrar-hero-services span { color:#7b6a6e; font-size:12px; }.registrar-hero-services a:hover { color:#df1f2d; background:#fff0f1; }
@media (max-width:900px) { .registrar-premium-home .registrar-hero, .registrar-hero-grid { min-height:620px; }.registrar-hero-services { margin-right:auto; margin-left:auto; text-align:left; } }
@media (max-width:560px) { .registrar-premium-home .registrar-hero, .registrar-hero-grid { min-height:600px; }.registrar-hero-services { grid-template-columns:1fr; margin-top:22px; border-bottom:1px solid #f0d8db; }.registrar-hero-services a { display:flex; justify-content:space-between; align-items:baseline; border-right:0; }.registrar-hero-services strong { margin:0; } }

/* Authenticated client workspace: real service actions, not a marketing shell. */
.registrar-page-wrap + * { box-sizing: border-box; }
.client-dashboard { min-height: calc(100vh - 68px); margin: 0 -15px; padding: 112px max(24px, calc((100vw - 1160px) / 2)) 70px; color: #251d20; background: #fff7f7; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }.client-dashboard * { box-sizing: border-box; }.client-dashboard-head { display: flex; align-items: end; justify-content: space-between; gap: 36px; padding: 42px; border: 1px solid #f0d8db; border-radius: 16px; background: #fff; box-shadow: 0 18px 45px rgba(104, 25, 37, .08); }.client-eyebrow { margin: 0 0 10px; color: #df1f2d; font-size: 11px; font-weight: 800; letter-spacing: .11em; }.client-dashboard h1, .client-dashboard h2 { margin: 0; color: #251d20; font-weight: 800; letter-spacing: -.045em; }.client-dashboard h1 { font-size: clamp(31px, 4vw, 48px); }.client-dashboard-head p:not(.client-eyebrow) { max-width: 620px; margin: 14px 0 0; color: #75676b; font-size: 16px; line-height: 1.55; }.client-dashboard-actions { display: flex; flex: 0 0 auto; gap: 10px; }.client-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 16px; border: 1px solid #df1f2d; border-radius: 8px; color: #df1f2d; font-size: 13px; font-weight: 800; text-decoration: none; transition: transform .18s ease, background .18s ease; white-space: nowrap; }.client-button span { margin-right: 7px; }.client-button:hover, .client-button:focus { color: #fff; background: #bd1723; text-decoration: none; transform: translateY(-1px); }.client-button-primary { color: #fff; background: #df1f2d; }.client-button-primary:hover, .client-button-primary:focus { color: #fff; background: #bd1723; }.client-summary-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 16px; }.client-summary-card { display: grid; grid-template-columns: 38px 1fr; grid-template-rows: 1fr auto; min-height: 135px; padding: 21px; border: 1px solid #f0d8db; border-radius: 14px; color: #251d20; background: #fff; text-decoration: none; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }.client-summary-card:hover { color: #251d20; border-color: #df1f2d; box-shadow: 0 13px 30px rgba(104,25,37,.10); text-decoration: none; transform: translateY(-2px); }.client-summary-card > span { grid-row: span 2; width: 31px; height: 31px; padding-top: 8px; border-radius: 8px; color: #df1f2d; background: #fff0f1; text-align: center; }.client-summary-card strong { align-self: end; font-size: 32px; line-height: 1; letter-spacing: -.06em; }.client-summary-card small { margin-top: 6px; color: #7d6e72; font-size: 12px; font-weight: 700; }.client-workspace { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(285px, .8fr); gap: 16px; margin-top: 16px; }.client-services-panel, .client-side-panel { border: 1px solid #f0d8db; border-radius: 16px; background: #fff; box-shadow: 0 14px 35px rgba(104,25,37,.06); }.client-services-panel { padding: 30px; }.client-panel-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 18px; }.client-panel-heading h2 { font-size: 25px; }.client-panel-heading > a { color: #df1f2d; font-size: 13px; font-weight: 800; text-decoration: none; white-space: nowrap; }.client-service-list { border-top: 1px solid #f0d8db; }.client-service-row { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 15px; padding: 18px 0; border-bottom: 1px solid #f4e4e6; color: #251d20; text-decoration: none; }.client-service-row:last-child { border-bottom: 0; }.client-service-row:hover { color: #251d20; text-decoration: none; }.client-service-icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 9px; color: #df1f2d; background: #fff0f1; }.client-service-row strong, .client-service-row small { display: block; }.client-service-row strong { margin-bottom: 4px; font-size: 14px; }.client-service-row small { color: #7d6e72; font-size: 12px; line-height: 1.45; }.client-service-action { color: #df1f2d; font-size: 12px; font-weight: 800; }.client-side-panel { display: flex; flex-direction: column; overflow: hidden; }.client-balance { padding: 29px; color: #fff; background: #df1f2d; }.client-balance .client-eyebrow { color: rgba(255,255,255,.76); }.client-balance strong { display: block; margin: 4px 0 18px; font-size: 32px; letter-spacing: -.05em; }.client-balance a { display: inline-flex; min-height: 38px; align-items: center; padding: 0 13px; border: 1px solid rgba(255,255,255,.54); border-radius: 7px; color: #fff; font-size: 12px; font-weight: 800; text-decoration: none; }.client-balance a:hover { color: #df1f2d; background: #fff; text-decoration: none; }.client-side-link { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; padding: 20px; border-top: 1px solid #f0d8db; }.client-side-link > span { padding-top: 3px; color: #df1f2d; }.client-side-link strong, .client-side-link small { display: block; }.client-side-link strong { font-size: 13px; }.client-side-link small { margin-top: 4px; color: #7d6e72; font-size: 12px; line-height: 1.4; }.client-side-link a { grid-column: 2; justify-self: start; margin-top: 3px; color: #df1f2d; font-size: 12px; font-weight: 800; text-decoration: none; }
@media (max-width: 900px) { .client-dashboard { padding-top: 92px; }.client-dashboard-head { align-items: flex-start; flex-direction: column; }.client-summary-grid { grid-template-columns: repeat(2, 1fr); }.client-workspace { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .client-dashboard { margin: 0 -15px; padding: 84px 15px 42px; }.client-dashboard-head, .client-services-panel { padding: 24px; }.client-dashboard-actions { width: 100%; flex-direction: column; }.client-button { width: 100%; }.client-summary-grid { grid-template-columns: 1fr 1fr; gap: 9px; }.client-summary-card { min-height: 115px; padding: 16px; }.client-summary-card strong { font-size: 27px; }.client-service-row { grid-template-columns: 38px minmax(0, 1fr); }.client-service-action { grid-column: 2; }.client-panel-heading { align-items: flex-start; flex-direction: column; } }
.client-summary-card-muted { cursor: default; opacity: .78; }.client-summary-card-muted:hover { border-color: #f0d8db; box-shadow: none; transform: none; }.client-service-row-muted { cursor: default; }
.client-panel-note { color: #df1f2d; font-size: 13px; font-weight: 800; white-space: nowrap; }

/* Curated, compact domain showcase. The registrar catalogue itself remains intact. */
.registrar-tlds { background: #fff7f7; }.registrar-tlds .registrar-shell { padding: 48px 0 52px; }.registrar-tlds-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 22px; }.registrar-tlds-heading .registrar-section-note { margin-bottom: 7px; color: #df1f2d; }.registrar-tlds-heading h2 { margin: 0; color: #251d20; font-size: clamp(25px, 3vw, 36px); font-weight: 800; letter-spacing: -.05em; }.registrar-tlds-heading > a { color: #df1f2d; font-size: 13px; font-weight: 800; text-decoration: none; white-space: nowrap; }.registrar-tld-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; border: 0; background: transparent; }.registrar-tld { position: relative; display: flex; min-height: 146px; flex-direction: column; justify-content: end; gap: 8px; padding: 19px; border: 1px solid #f0d8db; border-radius: 13px; color: #251d20; background: #fff; box-shadow: 0 9px 22px rgba(104,25,37,.045); text-decoration: none; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }.registrar-tld:hover { border-color: #df1f2d; color: #251d20; background: #fff; box-shadow: 0 16px 30px rgba(104,25,37,.10); text-decoration: none; transform: translateY(-3px); }.registrar-tld-index { position: absolute; top: 16px; right: 17px; color: #b69da2; font-size: 10px; font-weight: 800; letter-spacing: .08em; }.registrar-tld strong { color: #251d20; font-size: 25px; letter-spacing: -.055em; }.registrar-tld .registrar-tld-price { color: #886f75; font-size: 12px; white-space: nowrap; }.registrar-tld:first-child { border-color: #df1f2d; background: #df1f2d; }.registrar-tld:first-child strong, .registrar-tld:first-child .registrar-tld-price { color: #fff; }.registrar-tld:first-child .registrar-tld-index { color: rgba(255,255,255,.62); }
@media (max-width: 900px) { .registrar-tld-grid { grid-template-columns: repeat(3, 1fr); }.registrar-tlds .registrar-shell { padding: 42px 0; } }
@media (max-width: 560px) { .registrar-tlds-heading { align-items: flex-start; flex-direction: column; gap: 12px; }.registrar-tld-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }.registrar-tld { min-height: 125px; padding: 16px; }.registrar-tld strong { font-size: 22px; } }

/* 2026 homepage: sharp red-white product composition. */
.registrar-premium-home { background: #fff; color: #21181b; }.registrar-premium-home .registrar-hero { min-height: 640px; overflow: hidden; background: #ed1d2f; clip-path: none; }.registrar-hero-grid { grid-template-columns: minmax(0, .95fr) minmax(390px, 1.05fr); min-height: 640px; text-align: left; }.registrar-hero-copy { z-index: 2; padding: 108px 0 82px; }.registrar-hero-copy .registrar-kicker { margin-bottom: 22px; padding: 0; color: rgba(255,255,255,.78); background: transparent; font-size: 11px; letter-spacing: .13em; }.registrar-hero h1 { max-width: 700px; margin: 0; color: #fff; font-size: clamp(55px, 6.3vw, 94px); font-weight: 850; line-height: .86; letter-spacing: -.075em; }.registrar-lede { max-width: 470px; margin: 29px 0 0; color: rgba(255,255,255,.88); font-size: 17px; line-height: 1.55; }.registrar-search { max-width: 570px; margin: 32px 0 0; padding: 0; border: 0; border-radius: 0; box-shadow: 13px 13px 0 #21181b; }.registrar-search-row { gap: 0; }.registrar-search input { height: 59px; border-radius: 0; color: #21181b; background: #fff; font-weight: 600; }.registrar-search button { min-width: 145px; height: 59px; border-radius: 0; background: #21181b; }.registrar-search button:hover { background: #3a282d; transform: none; }.registrar-hero-services { display: flex; max-width: 570px; margin-top: 49px; border-top: 1px solid rgba(255,255,255,.42); }.registrar-hero-services a { flex: 1; padding: 16px 16px 16px 0; border-right: 0; color: #fff; background: transparent; text-align: left; }.registrar-hero-services a + a { padding-left: 16px; border-left: 1px solid rgba(255,255,255,.3); }.registrar-hero-services span { color: rgba(255,255,255,.7); }.registrar-hero-services a:hover { color: #fff; background: transparent; }.registrar-hero-visual { position: absolute; right: max(0px, calc((100vw - 1180px) / 2)); bottom: 0; display: block; width: min(47vw, 620px); height: 640px; overflow: hidden; background: #21181b; }.registrar-hero-visual:after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #ed1d2f 0%, transparent 22%), linear-gradient(0deg, #ed1d2f 0%, transparent 18%); pointer-events: none; }.registrar-hero-visual img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: none; filter: contrast(1.06) saturate(.96); }
.registrar-tlds { background: #fff; }.registrar-tlds .registrar-shell { padding: 70px 0; }.registrar-tlds-heading { margin-bottom: 25px; }.registrar-tlds-heading .registrar-section-note { color: #ed1d2f; }.registrar-tlds-heading h2 { font-size: clamp(31px, 4vw, 50px); }.registrar-tld-grid { grid-template-columns: repeat(6, 1fr); gap: 0; border-top: 2px solid #21181b; border-bottom: 1px solid #dbcdd0; }.registrar-tld { min-height: 115px; justify-content: center; padding: 20px; border: 0; border-right: 1px solid #dbcdd0; border-radius: 0; box-shadow: none; }.registrar-tld:last-child { border-right: 0; }.registrar-tld:hover { border-color: #dbcdd0; color: #fff; background: #21181b; box-shadow: none; transform: none; }.registrar-tld strong { font-size: 27px; }.registrar-tld-arrow { position: absolute; top: 18px; right: 18px; color: #ed1d2f; font-size: 17px; font-weight: 800; }.registrar-tld:hover strong, .registrar-tld:hover .registrar-tld-arrow { color: #fff; }.registrar-tld:first-child { color: #21181b; border-color: transparent; background: #fff; }.registrar-tld:first-child strong { color: #21181b; }.registrar-tld:first-child .registrar-tld-arrow { color: #ed1d2f; }
.registrar-products { padding-top: 90px; padding-bottom: 94px; }.registrar-heading { max-width: 770px; margin: 0 0 42px; text-align: left; }.registrar-heading h2 { color: #21181b; font-size: clamp(36px, 4.6vw, 66px); }.registrar-product-grid { grid-template-columns: 1.3fr .95fr .95fr; grid-template-rows: 230px 230px; gap: 12px; }.registrar-product { min-height: auto; padding: 28px; border: 0; border-radius: 0; box-shadow: none; }.registrar-product-primary { grid-row: span 2; background: #21181b; }.registrar-product-hosting { background: #f1e5e7; }.registrar-product-vps { background: #ed1d2f; }.registrar-product-ssl { background: #eee9e5; }.registrar-product:before, .registrar-product-primary:after { display: none; }.registrar-product-mark { width: auto; height: auto; border-radius: 0; color: #ed1d2f; background: transparent; font-size: 11px; letter-spacing: .12em; }.registrar-product h3 { margin: auto 0 13px; color: #21181b; font-size: clamp(28px, 2.5vw, 40px); line-height: .93; }.registrar-product p { margin-bottom: 20px; color: #65565b; }.registrar-product a { width: fit-content; min-height: auto; margin: 0; padding: 0; border-radius: 0; color: #21181b; background: transparent; font-size: 13px; font-weight: 800; }.registrar-product a:hover { color: #ed1d2f; background: transparent; }.registrar-product-primary h3, .registrar-product-primary a { color: #fff; }.registrar-product-primary p { color: #cbbcc0; }.registrar-product-primary .registrar-product-mark { color: #ff7883; }.registrar-product-vps h3, .registrar-product-vps a, .registrar-product-vps p { color: #fff; }.registrar-product-vps .registrar-product-mark { color: rgba(255,255,255,.72); }
@media (max-width: 900px) { .registrar-premium-home .registrar-hero, .registrar-hero-grid { min-height: 690px; }.registrar-hero-grid { grid-template-columns: 1fr; }.registrar-hero-copy { padding-top: 88px; }.registrar-hero-visual { right: 0; width: 43vw; height: 410px; opacity: .55; }.registrar-hero-services { max-width: 520px; }.registrar-tld-grid { grid-template-columns: repeat(3, 1fr); }.registrar-tld:nth-child(3n) { border-right: 0; }.registrar-product-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 260px 220px; }.registrar-product-primary { grid-row: span 1; } }
@media (max-width: 560px) { .registrar-premium-home .registrar-hero, .registrar-hero-grid { min-height: 690px; }.registrar-hero-copy { padding-top: 78px; }.registrar-hero h1 { font-size: 54px; }.registrar-hero-visual { top: 0; right: 0; width: 72vw; height: 300px; opacity: .22; }.registrar-search { box-shadow: 8px 8px 0 #21181b; }.registrar-search-row { flex-direction: column; }.registrar-search input, .registrar-search button { width: 100%; border-radius: 0; }.registrar-hero-services { margin-top: 35px; }.registrar-hero-services a { padding: 13px 9px 13px 0; }.registrar-hero-services a + a { padding-left: 9px; }.registrar-tlds .registrar-shell { padding: 52px 0; }.registrar-tld-grid { grid-template-columns: repeat(2, 1fr); }.registrar-tld { min-height: 100px; }.registrar-tld:nth-child(3n) { border-right: 1px solid #dbcdd0; }.registrar-tld:nth-child(2n) { border-right: 0; }.registrar-product-grid { grid-template-columns: 1fr; grid-template-rows: repeat(4, 210px); }.registrar-product h3 { font-size: 34px; }.registrar-products { padding-top: 65px; padding-bottom: 65px; } }
.registrar-product-ssl { display: flex; }

/* Calmer proportions after live visual review. */
.registrar-premium-home .registrar-hero { min-height: 548px; background: #c91f2c; }.registrar-hero-grid { grid-template-columns: minmax(0, 1.06fr) minmax(330px, .94fr); min-height: 548px; }.registrar-hero-copy { padding: 78px 0 54px; }.registrar-hero-copy .registrar-kicker { margin-bottom: 17px; }.registrar-hero h1 { max-width: 560px; font-size: clamp(44px, 4.8vw, 70px); line-height: .93; letter-spacing: -.062em; }.registrar-lede { max-width: 450px; margin-top: 20px; font-size: 16px; line-height: 1.48; }.registrar-search { max-width: 525px; margin-top: 24px; box-shadow: 8px 8px 0 #21181b; }.registrar-search input, .registrar-search button { height: 54px; }.registrar-search button { min-width: 130px; }.registrar-hero-services { max-width: 525px; margin-top: 29px; }.registrar-hero-services a { padding-top: 12px; padding-bottom: 12px; }.registrar-hero-visual { width: min(40vw, 510px); height: 548px; }.registrar-hero-visual:after { background: linear-gradient(90deg, #c91f2c 0%, transparent 25%), linear-gradient(0deg, #c91f2c 0%, transparent 14%); }
.registrar-tlds .registrar-shell { padding: 46px 0 50px; }.registrar-tlds-heading { margin-bottom: 17px; }.registrar-tlds-heading h2 { font-size: clamp(27px, 3.2vw, 40px); letter-spacing: -.045em; }.registrar-tld { min-height: 88px; padding: 16px; }.registrar-tld strong { font-size: 23px; }.registrar-tld-arrow { top: 12px; right: 13px; font-size: 14px; }.registrar-products { padding-top: 60px; padding-bottom: 64px; }.registrar-heading { margin-bottom: 28px; }.registrar-heading h2 { font-size: clamp(31px, 3.7vw, 50px); }.registrar-product-grid { grid-template-rows: 205px 205px; }.registrar-product { padding: 24px; }.registrar-product h3 { font-size: clamp(26px, 2.2vw, 34px); }.registrar-product p { font-size: 13px; line-height: 1.42; }
@media (max-width: 900px) { .registrar-premium-home .registrar-hero, .registrar-hero-grid { min-height: 585px; }.registrar-hero-copy { padding-top: 75px; }.registrar-hero-visual { width: 39vw; height: 365px; } }
@media (max-width: 560px) { .registrar-premium-home .registrar-hero, .registrar-hero-grid { min-height: 620px; }.registrar-hero-copy { padding-top: 70px; }.registrar-hero h1 { font-size: 46px; }.registrar-hero-visual { width: 68vw; height: 250px; }.registrar-hero-services { margin-top: 25px; }.registrar-tlds .registrar-shell { padding: 40px 0; }.registrar-tld { min-height: 82px; }.registrar-products { padding-top: 52px; padding-bottom: 54px; }.registrar-product-grid { grid-template-rows: repeat(4, 190px); } }

/* Public domain storefront: curate the presentation without changing registrar data. */
.domain-check-page { min-height: calc(100vh - 68px); margin: 0 -15px; padding: 104px max(24px, calc((100vw - 1180px) / 2)) 76px; color: #251d20; background: #fff7f7; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.domain-check-hero { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(250px, .55fr); gap: 44px; overflow: hidden; padding: 49px; border: 0; border-radius: 0; background: #c91f2c; box-shadow: none; }
.domain-check-hero:before { top: -95px; right: 19%; width: 280px; height: 280px; border-color: rgba(255,255,255,.13); border-radius: 50%; }
.domain-check-hero-copy { position: relative; z-index: 1; }.domain-check-hero .registrar-kicker { margin: 0 0 15px; padding: 0; color: rgba(255,255,255,.74); background: none; font-size: 11px; letter-spacing: .14em; }
.domain-check-hero h1 { max-width: 710px; color: #fff; font-size: clamp(38px, 4.3vw, 62px); font-weight: 850; line-height: .91; letter-spacing: -.064em; }
.domain-check-hero > .domain-check-hero-copy > p:not(.registrar-kicker) { max-width: 570px; margin-top: 18px; color: rgba(255,255,255,.86); font-size: 15px; line-height: 1.55; }
.domain-check-form { max-width: 630px; margin-top: 26px; }.domain-check-form label { color: #fff; font-size: 11px; letter-spacing: .04em; }.domain-check-form > div { gap: 0; }.domain-check-form input { height: 54px; border-radius: 0; font-size: 15px; }.domain-check-form button { min-height: 54px; padding: 0 23px; border-radius: 0; background: #251d20; }.domain-check-form button:hover { background: #120c0e; }
.domain-check-note { position: relative; z-index: 1; align-self: end; min-height: 214px; padding: 23px; border: 1px solid rgba(255,255,255,.38); color: #fff; background: rgba(35,23,27,.18); }.domain-check-note span { display: block; margin-bottom: 34px; color: rgba(255,255,255,.68); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.domain-check-note strong { display: block; font-size: 22px; line-height: 1.02; letter-spacing: -.045em; }.domain-check-note p { margin: 16px 0 0; color: rgba(255,255,255,.78); font-size: 12px; line-height: 1.45; }
.domain-zone-list { margin-top: 46px; }.domain-zone-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 18px; }.domain-zone-heading .registrar-section-note { margin: 0 0 8px; color: #df1f2d; font-size: 11px; font-weight: 850; letter-spacing: .12em; }.domain-zone-list h2 { color: #251d20; font-size: clamp(28px, 3.3vw, 43px); font-weight: 850; letter-spacing: -.055em; }.domain-zone-heading > p { max-width: 270px; margin: 0 0 3px; color: #816f74; font-size: 12px; line-height: 1.5; }.domain-zone-list > div:not(.domain-zone-heading) { grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 0; border-top: 2px solid #251d20; border-bottom: 1px solid #e5d7da; }.domain-zone-list article { min-height: 165px; padding: 22px; border: 0; border-right: 1px solid #e5d7da; border-radius: 0; background: #fff; box-shadow: none; }.domain-zone-list article:last-child { border-right: 0; }.domain-zone-list article:hover { background: #fff0f1; }.domain-zone-list strong { color: #251d20; font-size: 25px; letter-spacing: -.055em; }.domain-zone-list dl { display: grid; gap: 7px; margin: 24px 0 0; }.domain-zone-list dl div { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }.domain-zone-list dt { color: #907f84; font-size: 11px; font-weight: 600; }.domain-zone-list dd { margin: 0; color: #251d20; font-size: 13px; font-weight: 800; }.domain-zone-help { margin: 15px 0 0; color: #816f74; font-size: 12px; }
.domain-results { margin-top: 38px; padding: 29px; border: 1px solid #e5d7da; border-radius: 0; background: #fff; box-shadow: none; }.domain-results-available { border-top: 3px solid #df1f2d; }.domain-results h2 { color: #251d20; font-size: clamp(24px, 3vw, 34px); font-weight: 850; letter-spacing: -.045em; }.domain-results-head button { min-height: 47px; border-radius: 0; background: #df1f2d; }.domain-result-row { border-color: #eee2e4; color: #251d20; }.domain-result-row input { accent-color: #df1f2d; }.domain-result-row > span:last-child { color: #816f74; }
@media (max-width: 760px) { .domain-check-page { padding-top: 84px; }.domain-check-hero { grid-template-columns: 1fr; gap: 25px; padding: 34px; }.domain-check-note { min-height: auto; }.domain-check-note span { margin-bottom: 15px; }.domain-zone-heading { align-items: flex-start; flex-direction: column; gap: 10px; }.domain-zone-list > div:not(.domain-zone-heading) { grid-template-columns: repeat(2, 1fr); }.domain-zone-list article:nth-child(3n) { border-right: 1px solid #e5d7da; }.domain-zone-list article:nth-child(2n) { border-right: 0; } }
@media (max-width: 560px) { .domain-check-page { margin: 0 -15px; padding: 77px 15px 48px; }.domain-check-hero { padding: 27px 22px; }.domain-check-hero h1 { font-size: 38px; }.domain-check-form > div { flex-direction: column; gap: 8px; }.domain-check-form button { width: 100%; }.domain-zone-list { margin-top: 36px; }.domain-zone-list > div:not(.domain-zone-heading) { grid-template-columns: 1fr; }.domain-zone-list article, .domain-zone-list article:nth-child(3n) { border-right: 0; border-bottom: 1px solid #e5d7da; }.domain-zone-list article:last-child { border-bottom: 0; }.domain-results { padding: 22px; } }

/* Palette reset: quiet graphite neutrals with one restrained YUSITE red accent. */
.registrar-premium-home, .domain-check-page { --yu-bg: #f5f6f8; --yu-surface: #fcfcfd; --yu-ink: #18212b; --yu-muted: #68737f; --yu-line: #dce1e6; --yu-red: #b63a46; --yu-red-dark: #982e39; --yu-red-soft: #f7e9eb; color: var(--yu-ink); background: var(--yu-bg); }
.registrar-nav.navbar-inverse { border-bottom-color: var(--yu-line); background: rgba(252,252,253,.96); }.registrar-brand span, .registrar-nav .navbar-nav > li > a { color: var(--yu-ink); }.registrar-nav .navbar-nav > li > a:hover { color: var(--yu-red); }.registrar-nav .registrar-nav-cta { border-color: var(--yu-red); background: var(--yu-red); }
.registrar-premium-home .registrar-hero { min-height: 490px; background: var(--yu-bg); }.registrar-hero-grid { grid-template-columns: minmax(0, 1.12fr) minmax(315px, .88fr); min-height: 490px; gap: 56px; }.registrar-hero-copy { align-self: center; padding: 76px 0; }.registrar-hero-copy .registrar-kicker { margin-bottom: 16px; color: var(--yu-red); font-size: 11px; letter-spacing: .12em; }.registrar-hero h1 { max-width: 600px; color: var(--yu-ink); font-size: clamp(40px, 4.4vw, 62px); line-height: .97; letter-spacing: -.055em; }.registrar-lede { max-width: 455px; margin-top: 17px; color: var(--yu-muted); font-size: 16px; line-height: 1.55; }.registrar-search { max-width: 550px; margin-top: 25px; border: 1px solid var(--yu-line); box-shadow: none; }.registrar-search input { height: 52px; color: var(--yu-ink); background: var(--yu-surface); font-size: 15px; font-weight: 500; }.registrar-search input:focus { border-color: var(--yu-red); box-shadow: inset 0 0 0 1px var(--yu-red); }.registrar-search button { min-width: 126px; height: 52px; background: var(--yu-red); }.registrar-search button:hover { background: var(--yu-red-dark); }.registrar-hero-services { max-width: 550px; margin-top: 25px; border-top-color: var(--yu-line); }.registrar-hero-services a, .registrar-hero-services a:hover { color: var(--yu-ink); }.registrar-hero-services a + a { border-left-color: var(--yu-line); }.registrar-hero-services span { color: var(--yu-muted); }.registrar-hero-visual { position: relative; right: auto; bottom: auto; align-self: stretch; width: auto; height: auto; margin: 28px 0; background: #20252b; }.registrar-hero-visual:after { background: linear-gradient(180deg, rgba(24,33,43,.04) 0%, rgba(24,33,43,.32) 100%); }.registrar-hero-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: none; }
.registrar-tlds { background: var(--yu-surface); }.registrar-tlds .registrar-shell { padding: 46px 0; }.registrar-tlds-heading { align-items: flex-start; flex-direction: column; gap: 9px; margin-bottom: 20px; }.registrar-tlds-heading .registrar-section-note, .registrar-heading .registrar-kicker, .registrar-flow-intro .registrar-kicker, .registrar-callout .registrar-kicker { color: var(--yu-red); }.registrar-tlds-heading h2 { color: var(--yu-ink); font-size: clamp(27px, 3.2vw, 40px); }.registrar-tlds-heading > a { color: var(--yu-red); }.registrar-tld-grid { border-top-color: var(--yu-ink); border-bottom-color: var(--yu-line); }.registrar-tld { min-height: 92px; padding: 15px; background: var(--yu-surface); }.registrar-tld strong { color: var(--yu-ink); font-size: 23px; }.registrar-tld:hover, .registrar-tld:first-child { color: var(--yu-ink); background: var(--yu-red-soft); }.registrar-tld:hover strong, .registrar-tld:first-child strong { color: var(--yu-ink); }.registrar-tld-arrow, .registrar-tld:hover .registrar-tld-arrow, .registrar-tld:first-child .registrar-tld-arrow { color: var(--yu-red); }
.registrar-products { padding-top: 66px; padding-bottom: 68px; }.registrar-heading { max-width: 670px; margin-bottom: 28px; }.registrar-heading h2 { color: var(--yu-ink); font-size: clamp(32px, 3.8vw, 48px); }.registrar-product-grid { grid-template-columns: 1.08fr .92fr 1fr; grid-template-rows: 190px 190px; gap: 10px; }.registrar-product { padding: 23px; background: var(--yu-surface); }.registrar-product-primary { background: var(--yu-ink); }.registrar-product-hosting { background: #e9eef2; }.registrar-product-vps { background: #dfe5ea; }.registrar-product-ssl { background: var(--yu-red-soft); }.registrar-product-mark { color: var(--yu-red); }.registrar-product h3 { color: var(--yu-ink); font-size: clamp(26px, 2.2vw, 34px); }.registrar-product p { color: var(--yu-muted); }.registrar-product a { color: var(--yu-red); }.registrar-product-primary h3, .registrar-product-primary a { color: #fff; }.registrar-product-primary p { color: #cbd2d8; }.registrar-product-primary .registrar-product-mark { color: #f2a9b1; }.registrar-product-vps h3, .registrar-product-vps a { color: var(--yu-ink); }.registrar-product-vps p { color: var(--yu-muted); }.registrar-product-vps .registrar-product-mark { color: var(--yu-red); }
.registrar-flow { background: var(--yu-surface); }.registrar-flow-grid { padding: 67px 0; }.registrar-flow-intro h2, .registrar-callout h2 { color: var(--yu-ink); }.registrar-flow-intro > p:not(.registrar-kicker) { color: var(--yu-muted); }.registrar-flow-list { list-style: none; padding-left: 0; }.registrar-flow-list li { border-color: var(--yu-line); background: transparent; }.registrar-flow-list li:before { display: none; }.registrar-flow-list strong { color: var(--yu-ink); }.registrar-flow-list span { color: var(--yu-muted); }.registrar-callout { padding-top: 65px; padding-bottom: 65px; }.registrar-button { background: var(--yu-red); }.registrar-button:hover { background: var(--yu-red-dark); }
.domain-check-page { padding-top: 98px; background: var(--yu-bg); }.domain-check-hero { grid-template-columns: minmax(0, 1.35fr) minmax(230px, .65fr); padding: 45px; background: var(--yu-surface); border: 1px solid var(--yu-line); }.domain-check-hero:before { border-color: rgba(182,58,70,.14); }.domain-check-hero .registrar-kicker { color: var(--yu-red); }.domain-check-hero h1 { color: var(--yu-ink); font-size: clamp(36px, 3.9vw, 53px); line-height: .98; }.domain-check-hero > .domain-check-hero-copy > p:not(.registrar-kicker) { color: var(--yu-muted); }.domain-check-form label { color: var(--yu-ink); }.domain-check-form input { border: 1px solid var(--yu-line); background: #fff; color: var(--yu-ink); }.domain-check-form button { background: var(--yu-red); }.domain-check-form button:hover { background: var(--yu-red-dark); }.domain-check-note { border-color: var(--yu-line); color: var(--yu-ink); background: #eef1f4; }.domain-check-note span, .domain-check-note p { color: var(--yu-muted); }.domain-zone-heading .registrar-section-note { color: var(--yu-red); }.domain-zone-list h2, .domain-results h2 { color: var(--yu-ink); }.domain-zone-list > div:not(.domain-zone-heading) { border-top-color: var(--yu-ink); border-bottom-color: var(--yu-line); }.domain-zone-list article { background: var(--yu-surface); border-right-color: var(--yu-line); }.domain-zone-list article:hover { background: var(--yu-red-soft); }.domain-zone-list strong, .domain-zone-list dd { color: var(--yu-ink); }.domain-zone-list dt, .domain-zone-heading > p, .domain-zone-help { color: var(--yu-muted); }.domain-results { border-color: var(--yu-line); background: var(--yu-surface); }.domain-results-available { border-top-color: var(--yu-red); }.domain-results-head button { background: var(--yu-red); }.domain-result-row { color: var(--yu-ink); border-color: var(--yu-line); }.domain-result-row input { accent-color: var(--yu-red); }.domain-result-row > span:last-child { color: var(--yu-muted); }
@media (max-width: 900px) { .registrar-premium-home .registrar-hero, .registrar-hero-grid { min-height: 600px; }.registrar-hero-grid { grid-template-columns: 1fr; gap: 0; }.registrar-hero-copy { padding: 70px 0 15px; }.registrar-hero-visual { display: block; height: 260px; margin: 20px 0 0; }.registrar-hero-visual img { object-position: center 62%; }.registrar-product-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 210px 210px; }.domain-check-hero { grid-template-columns: 1fr; gap: 22px; } }
@media (max-width: 560px) { .registrar-premium-home .registrar-hero, .registrar-hero-grid { min-height: 600px; }.registrar-hero-copy { padding-top: 64px; }.registrar-hero h1 { font-size: 42px; }.registrar-lede { font-size: 15px; }.registrar-hero-visual { height: 195px; margin-top: 18px; }.registrar-search { box-shadow: none; }.registrar-tld { min-height: 82px; }.registrar-product-grid { grid-template-columns: 1fr; grid-template-rows: repeat(4, 184px); }.domain-check-page { padding-top: 76px; }.domain-check-hero { padding: 27px 22px; }.domain-check-hero h1 { font-size: 37px; }.domain-check-note { padding: 20px; } }

/* Progress is communicated by the verbs themselves, not decorative counters. */
.registrar-flow-list { counter-reset: none; }.registrar-flow-list li { counter-increment: none; padding-left: 0; }.registrar-flow-list li:before { content: none; display: none; }