/* Top navigation destinations share Explore's compact graphite visual language. */
body.nav-destination{background:#060608;color:#fff}
body.nav-destination ::selection{background:#c6ff3d;color:#111408}
body.nav-destination :focus-visible{outline:2px solid #c6ff3d;outline-offset:5px}

/* Names keeps the live domain finder, while bringing its first view into the catalogue rhythm. */
body.nav-names .hero{max-width:1200px;margin-inline:auto;padding-inline:32px}
body.nav-names #hero-heading{font-size:clamp(42px,5.3vw,72px);line-height:1.05;letter-spacing:-.025em;text-wrap:balance}
body.nav-names .hero-subtitle{font-size:clamp(16px,1.5vw,20px);line-height:1.55;max-width:580px;color:#d2d3db}
body.nav-names .search-ui-shell{border-radius:16px}
body.nav-names .search-bar{border-radius:12px}

/* Host and Design retain their existing plan and enquiry flows. */
body.nav-host .pp-stage,body.nav-design .wm-main .pp-stage{min-height:0;padding-top:88px;padding-bottom:92px;margin-bottom:24px}
body.nav-host .pp-stage h1,body.nav-design .wm-main .pp-stage h1{font-size:clamp(42px,5vw,64px);line-height:1.06;letter-spacing:-.025em!important;max-width:17ch}
body.nav-host .pp-stage .pp-lead,body.nav-design .wm-main .pp-stage .pp-lead{font-size:clamp(16px,1.6vw,19px);font-weight:500;line-height:1.6;max-width:590px;margin-top:20px;margin-bottom:28px}
body.nav-host .pp-orbs,body.nav-design .pp-orbs{opacity:.22}
body.nav-host .plan-tier,body.nav-design .wm-plan{background:#111115;border:1px solid #ffffff26;border-radius:14px}
body.nav-host .plan-tier:hover,body.nav-design .wm-plan:hover{border-color:rgb(var(--product-rgb)/.65)}

/* Library presents guide choices as a scan-friendly catalogue. */
body.nav-library .layout{max-width:1240px;grid-template-columns:minmax(0,1fr) 230px;gap:40px;padding-top:48px}
body.nav-library #guide-content h1{font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:normal;margin-bottom:16px}
body.nav-library #guide-content>.lede{max-width:640px;font-size:17px;line-height:1.6;color:#b9bbc5;margin-bottom:18px}
body.nav-library #guide-content>h2{font-size:clamp(23px,2.4vw,31px);letter-spacing:-.02em;line-height:1.2;margin:44px 0 18px}
body.nav-library #guide-content .guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}
body.nav-library #guide-content .guide-list li{min-width:0;margin:0;padding:0}
body.nav-library #guide-content .guide-list a{height:100%;display:flex;flex-direction:column;gap:9px;padding:22px;text-decoration:none;background:#111115;border:1px solid #ffffff26;border-radius:14px;transition:border-color .2s ease,transform .2s ease}
body.nav-library #guide-content .guide-list a:hover{border-color:#c6ff3d99;transform:translateY(-2px);color:#fff}
body.nav-library #guide-content .guide-list strong{font-size:18px;line-height:1.3;color:#fff}
body.nav-library #guide-content .guide-list span{font-size:14px;line-height:1.55;color:#b9bbc5}
body.nav-library #guide-content .guide-help{margin-top:44px;padding:26px;background:#111115;border:1px solid #ffffff26;border-radius:14px}
@media(max-width:850px){body.nav-library .layout{grid-template-columns:minmax(0,1fr);gap:28px;padding:30px 20px 60px}body.nav-library #guide-content .guide-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body.nav-names .hero{padding-inline:20px}body.nav-host .pp-stage,body.nav-design .wm-main .pp-stage{padding-top:48px;padding-bottom:56px}body.nav-library #guide-content .guide-list{grid-template-columns:minmax(0,1fr)}body.nav-library #guide-content .guide-list a{padding:18px}}
@media(prefers-reduced-motion:reduce){body.nav-library #guide-content .guide-list a{transition:none}body.nav-library #guide-content .guide-list a:hover{transform:none}}