/* Public commerce and domain pages use the same type, surfaces and navigation
   as Zip, Space and Health. Application hooks and dashboard layouts stay intact. */
:root {
  --sans: var(--lt-frontdoor-sans, Arial, Helvetica, sans-serif);
  --serif: var(--sans);
  --paper: #fff; --paper-bright: #fff; --panel-3: #f5f5f5;
  --ink: #17191c; --ink-soft: #626262; --forest: #246fba;
  --mint: #edf3f9; --mint-strong: #246fba; --forest-wash: #edf3f9;
  --bg: #fff; --surface: #f7f7f7; --surface-strong: #fff;
  --muted: #626262; --line: #e6e6e6;
  --leaf: #246fba; --leaf-deep: #1b5d9e; --leaf-soft: #edf3f9;
  --lime: #edf3f9; --shadow: none;
}
html { background: #fff; color-scheme: light; }
body.domains-frontdoor, body.store-frontdoor { background: #fff; color: #17191c; font-family: var(--lt-frontdoor-sans); }
.store-frontdoor :is(h1,h2,h3,.fee-big,.step .num,.provider .logo),
.domains-frontdoor :is(h1,h2,h3) { font-family: var(--lt-frontdoor-sans); font-weight: var(--lt-frontdoor-heading-weight,400); }
:is(.domains-frontdoor,.store-frontdoor) h1 { font-size: clamp(48px,6.1vw,86px); line-height: 1.03; letter-spacing: -.059em; font-weight: 400; }
:is(.domains-frontdoor,.store-frontdoor) h1 :is(em,.accent) { font-style: normal; color: inherit; }
:is(.domains-frontdoor,.store-frontdoor) .kicker { font-size:14px; font-weight:400; letter-spacing:.01em; text-transform:none; color:#626262; }
:is(.domains-frontdoor,.store-frontdoor) .kicker > :is(span,i) { display:none; }
.domains-frontdoor .site-header { height:auto; background:#fff; border:0; backdrop-filter:none; position:relative; }
.domains-frontdoor .wordmark__icon { display:block; width:24px; height:24px; flex:0 0 24px; }
.domains-frontdoor .site-nav { margin:0; color:#17191c; }
.domains-frontdoor .header-actions { gap:8px; }
.domains-frontdoor .hero { max-width:1280px; margin:auto; padding:94px 48px 80px; gap:64px; }
.domains-frontdoor .hero__lede { color:#626262; font-size:20px; line-height:1.5; letter-spacing:-.025em; }
.domains-frontdoor .hero__console { background:#f5f5f5; border:1px solid #e6e6e6; box-shadow:none; border-radius:4px; }
.domains-frontdoor .domain-search { box-shadow:none; background:#fff; border:1px solid #dedede; border-radius:24px; }
.domains-frontdoor .domain-search button { background:#246fba; color:#fff; border-radius:999px; font-weight:400; }
.domains-frontdoor :is(.section-heading h2,.cta-band h2) { font-size:clamp(34px,3.2vw,46px); line-height:1.11; letter-spacing:-.048em; font-weight:400; }
.domains-frontdoor .capability-grid article { border-radius:4px; box-shadow:none; }
.store-frontdoor .nav { max-width:1440px; padding:16px clamp(20px,4vw,60px); gap:32px; }
.store-frontdoor .nav-actions { gap:8px; }
.store-frontdoor .nav-cta.signin { background:#111214; color:#fff; border:0; font-weight:500; }
.store-frontdoor .hero { max-width:1280px; padding:94px 48px 64px; }
.store-frontdoor .lead { font-size:20px; line-height:1.5; letter-spacing:-.025em; color:#626262; }
.store-frontdoor .btn.primary { background:#246fba; color:#fff; border-color:#246fba; box-shadow:none; font-weight:400; }
.store-frontdoor :is(.btn.secondary,.btn.ghost) { background:#fff; color:#17191c; border-color:#e6e6e6; font-weight:400; }
.store-frontdoor :is(.step,.provider,.why-card,.security-card) { background:#f7f7f7; border:1px solid #e6e6e6; border-radius:4px; box-shadow:none; }
.store-frontdoor .fee-card { background:#17191c; border-radius:4px; box-shadow:none; }
.store-frontdoor .section-head h2 { font-size:clamp(34px,3.2vw,46px); line-height:1.11; letter-spacing:-.048em; font-weight:400; }
:is(.domains-frontdoor,.store-frontdoor) .lt-frontdoor-apps { border:0; background:transparent; color:#17191c; width:44px; height:44px; }
:is(.domains-frontdoor,.store-frontdoor) .lt-frontdoor-wordmark { font:600 21px/1.2 var(--lt-frontdoor-sans); letter-spacing:-.7px; }
@media(max-width:1100px) {
  :is(.domains-frontdoor,.store-frontdoor) .lt-frontdoor-links { display:none; }
  .domains-frontdoor .hero { gap:32px; }
}
@media(max-width:700px) {
  .domains-frontdoor .site-header,.store-frontdoor .nav { min-height:72px; padding:12px 20px; gap:12px; }
  :is(.domains-frontdoor,.store-frontdoor) .lt-frontdoor-wordmark { font-size:19px; }
  :is(.domains-frontdoor,.store-frontdoor) .hero { padding:58px 24px 48px; }
  .domains-frontdoor .hero__lede,.store-frontdoor .lead { font-size:18px; }
  .domains-frontdoor .header-actions > .text-button,.store-frontdoor #navSignIn { display:none; }
  .domains-frontdoor .header-actions .button { padding:10px 14px; font-size:12px; }
  .store-frontdoor .nav-cta { padding:10px 14px; font-size:12px; }
  .domains-frontdoor .menu-button { display:none; }
  .domains-frontdoor .hero__console { margin-top:24px; }
  .domains-frontdoor .mobile-nav { top:100%; }
}
@media(max-width:380px) {
  .domains-frontdoor .site-header,.store-frontdoor .nav { padding-inline:12px; gap:6px; }
  :is(.domains-frontdoor,.store-frontdoor) .lt-frontdoor-wordmark { font-size:17px; }
}
.domains-frontdoor .kicker { font-family:var(--lt-frontdoor-sans); }
.domains-frontdoor .tld-list button { grid-template-columns:minmax(100px, .4fr) 1fr auto; gap:16px; }
@media(max-width:700px) {
  .domains-frontdoor .header-actions .button { display:none; }
  .domains-frontdoor .tld-list button { grid-template-columns:100px 1fr auto; gap:12px; }
}
@media(max-width:700px) {
  .domains-frontdoor .header-actions { gap:2px; }
  .domains-frontdoor .header-actions .button { padding-inline:10px; }
  .domains-frontdoor .menu-button { display:inline-grid; width:32px; }
  .domains-frontdoor .lt-frontdoor-apps { width:36px; }
}

/* Restore Domains' original desktop composition: quiet paper behind a raised
   white setup console, a generous split hero and an emphasized final line.
   Keep the shared sans-serif and the improved phone search layout. */
@media(min-width:701px) {
  .domains-frontdoor { --forest:#254a3e; --mint-strong:#78a978; --forest-wash:#edf3ec; }
  .domains-frontdoor #marketingApp .hero { max-width:none; padding:74px clamp(32px,7vw,112px) 82px; gap:clamp(40px,7vw,110px); background:#f4f4f3; }
  .domains-frontdoor .hero h1 { font-size:clamp(52px,6.4vw,92px); line-height:.98; letter-spacing:-.045em; font-weight:400; }
  .domains-frontdoor .hero h1 em { color:var(--forest); font-style:italic; }
  .domains-frontdoor .hero__lede { max-width:620px; font-size:clamp(17px,1.5vw,21px); line-height:1.55; letter-spacing:normal; }
  .domains-frontdoor .hero__console { background:#fff; border-radius:22px; box-shadow:0 1px 0 var(--line-2),0 24px 60px rgba(20,22,25,.08); }
  .domains-frontdoor .domain-search { border-radius:999px; box-shadow:0 1px 0 var(--line-2),0 18px 40px rgba(20,22,25,.06); }
  .domains-frontdoor .domain-search button { background:var(--ink); }
  .domains-frontdoor .kicker { font-size:11.5px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; }
  .domains-frontdoor .kicker > span { display:block; }
  .domains-frontdoor .product-band { background:#f4f4f3; }
  .domains-frontdoor .capability-grid article { background:#fff; border-radius:18px; }
  .domains-frontdoor .developer-band { background:#e9e9e7; }
}
@media(max-width:1100px) and (min-width:701px) {
  .domains-frontdoor #marketingApp .hero { gap:40px; }
  .domains-frontdoor .menu-button { display:inline-grid; }
}
@media(max-width:700px) {
  /* One menu holds account access and navigation; search stays in the hero. */
  .domains-frontdoor .header-actions > :not(.menu-button) { display:none; }
  .domains-frontdoor .menu-button { width:44px; height:44px; border:0; background:transparent; }
  .domains-frontdoor .mobile-nav svg { width:18px; height:18px; }
  .store-frontdoor .lt-frontdoor-wordmark { font-size:18px; letter-spacing:-.5px; }
}
@media(max-width:380px) {
  .store-frontdoor .lt-frontdoor-wordmark { font-size:16px; }
  .store-frontdoor .lt-frontdoor-apps { width:36px; }
  .store-frontdoor .nav-cta { padding-inline:10px; }
}