* { box-sizing:border-box; }
/* Decorative paint must not create document panning; tables/carousels retain their own scrolling. */
html { overflow-x:clip; }
body { overflow-x:clip; }
html { scroll-behavior:smooth; scroll-padding-top:6rem; }
body { margin:0; background-color:var(--nebula-ink); background-image:linear-gradient(180deg,rgb(5 9 22 / .3),rgb(5 9 22 / .72)),url("./nebula-horizon-r12.webp"); background-position:center top; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; color:var(--nebula-text); font-family:var(--font-body); line-height:1.6; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button, input, select { font:inherit; }
button, a, input, select, summary { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid var(--nebula-cyan); outline-offset:4px; }
.container { width:85%; margin-inline:auto; }
.section { position:relative; padding-block:clamp(4.5rem, 8vw, 7.5rem); }
.skip-link { position:fixed; z-index:20; top:.75rem; left:.75rem; padding:.7rem 1rem; color:var(--nebula-ink); background:var(--nebula-cyan); border-radius:.5rem; transform:translateY(-160%); }
.skip-link:focus { transform:none; }
.dev-ribbon { display:flex; align-items:center; justify-content:center; gap:.55rem; min-height:2rem; padding:.3rem 1rem; background:#19162e; border-bottom:1px solid #373154; color:#d7d1ff; font-size:.7rem; font-weight:700; letter-spacing:.07em; text-align:center; text-transform:uppercase; }
.status-dot { width:.45rem; height:.45rem; border-radius:50%; background:var(--nebula-cyan); box-shadow:0 0 12px var(--nebula-cyan); }
.site-header { position:sticky; z-index:10; top:0; border-bottom:1px solid rgb(164 175 215 / .1); background:rgb(8 11 24 / .86); backdrop-filter:blur(18px); }
.nav-wrap { min-height:4.8rem; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.brand { display:inline-flex; align-items:center; gap:.7rem; font-size:.98rem; font-weight:750; letter-spacing:-.025em; white-space:nowrap; }
.brand-logo { width:clamp(8rem,14vw,12rem); max-width:12rem; max-height:2.5rem; object-fit:contain; }
.brand-mark { display:grid; place-items:center; width:2.1rem; aspect-ratio:1; border:1px solid #7770b9; border-radius:.72rem; background:linear-gradient(145deg,#514a9a,#171d38 72%); color:#fff; box-shadow:inset 0 0 18px rgb(169 153 255 / .18); }
.main-nav { display:flex; align-items:center; gap:clamp(1rem,3vw,2.5rem); color:var(--nebula-muted); font-size:.84rem; }
.main-nav a:hover, .text-link:hover { color:var(--nebula-cyan); }
.main-nav a[aria-current="page"] { color:#f4f5ff; text-decoration:underline; text-decoration-color:var(--nebula-cyan); text-underline-offset:.45rem; }
.nav-portal { padding:.65rem 1rem; border:1px solid #454b68; border-radius:var(--radius-pill); font-size:.8rem; font-weight:650; }
.nav-portal:hover { border-color:var(--nebula-violet); background:#17182d; }
.hero { overflow:hidden; min-height:36rem; padding-block:clamp(5rem, 9vw, 8rem); }
.hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:2rem; }
.hero-copy { max-width:38rem; }
.eyebrow { display:flex; align-items:center; gap:.65rem; margin:0 0 1.25rem; color:var(--nebula-cyan); font-size:.72rem; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }
.eyebrow-line { width:1.6rem; height:1px; background:var(--nebula-cyan); }
h1,h2,h3,p { margin-top:0; }
h1,h2 { margin-bottom:1.2rem; font-size:clamp(2.7rem,6.2vw,5.2rem); font-weight:680; line-height:1.03; letter-spacing:-.065em; }
h1 span,h2 span { color:#aaa0ff; }
.hero-lede { max-width:34rem; color:var(--nebula-muted); font-size:1.08rem; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1.35rem; margin-top:2rem; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:.75rem; min-height:3rem; padding:.75rem 1.15rem; border:1px solid transparent; border-radius:var(--radius-pill); font-size:.87rem; font-weight:720; cursor:pointer; transition:transform .18s ease, background .18s ease, border-color .18s ease; }
.button:hover:not(:disabled) { transform:translateY(-2px); }
.button-primary { color:#0c1121; background-color:#85f0e5; background-image:linear-gradient(120deg,#b0a3ff,#85f0e5); box-shadow:0 8px 26px rgb(117 127 244 / .17); }
.button-primary:hover:not(:disabled) { background:linear-gradient(120deg,#c1b8ff,#a6fff3); }
.button-quiet { color:var(--nebula-text); border-color:#555d7a; background:#171a2d; }
.text-link { color:#d7d3ff; font-size:.88rem; font-weight:650; }
.hero-proof { display:flex; align-items:center; gap:.65rem; margin-top:3.2rem; color:#bbc2d8; font-size:.78rem; }
.proof-icon { color:var(--nebula-cyan); font-size:1.1rem; }
.motion-control { display:inline-flex; margin-top:.85rem; padding:.35rem 0; border:0; background:transparent; color:#a8b0ca; font-size:.72rem; text-decoration:underline; text-decoration-color:#626b89; text-underline-offset:.2rem; cursor:pointer; }
.motion-control:hover:not(:disabled) { color:var(--nebula-cyan); }.motion-control:disabled { color:#929ab0; cursor:default; }
.hero-glow { position:absolute; width:42rem; height:42rem; top:-23rem; right:-8rem; border-radius:50%; background:radial-gradient(circle,rgb(76 55 160 / .2),transparent 70%); pointer-events:none; }
.domain-section { padding-top:0; }
.domain-panel { position:relative; overflow:hidden; display:grid; grid-template-columns:.78fr 1.22fr; align-items:center; gap:3rem; padding:clamp(2rem,5vw,4rem); border:1px solid #303552; border-radius:1.5rem; background:linear-gradient(115deg,#15182d,#10182a 65%,#15152c); box-shadow:var(--nebula-shadow); }
.domain-copy h2 { margin-bottom:.7rem; font-size:clamp(1.9rem,4vw,2.7rem); }
.domain-copy p:last-child { margin:0; color:var(--nebula-muted); font-size:.88rem; }
.domain-input-wrap { position:relative; display:flex; align-items:center; gap:.6rem; padding:.42rem; border:1px solid #454c6d; border-radius:var(--radius-pill); background:#0b1020; }
.domain-search-icon { padding-left:.75rem; color:#a9a2e8; font-size:1.35rem; }
.domain-input-wrap input { width:100%; min-width:0; padding:.65rem .2rem; border:0; outline:0; background:transparent; color:var(--nebula-text); }
.domain-input-wrap input::placeholder { color:#727b9a; }
.domain-input-wrap input:focus-visible { outline:0; }
.domain-input-wrap:focus-within { border-color:var(--nebula-cyan); box-shadow:0 0 0 2px rgb(143 245 237 / .15); }
.domain-input-wrap button { flex:none; }
.field-hint,.domain-status { margin:.65rem 0 0 .8rem; color:var(--nebula-muted); font-size:.74rem; }
.domain-status:empty { display:none; }.domain-status { color:var(--nebula-cyan); }
.domain-orbits { position:absolute; z-index:0; right:8%; top:7%; display:flex; gap:.5rem; opacity:.22; pointer-events:none; }
.domain-orbits span { padding:.3rem .6rem; border:1px solid #8481ca; border-radius:var(--radius-pill); color:#d7d1ff; font-size:.65rem; animation:token-drift 8s ease-in-out infinite alternate; }
.domain-orbits span:nth-child(2) { animation-delay:-2.8s; }.domain-orbits span:nth-child(3) { animation-delay:-5.4s; }
.domain-panel > :not(.domain-orbits) { position:relative; z-index:1; }
.hosting-section { background:linear-gradient(180deg,transparent,#0c1020 18%,#0c1020 82%,transparent); }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:3rem; margin-bottom:2.5rem; }
.section-heading h2,.comparison-intro h2,.faq-intro h2 { margin-bottom:0; font-size:clamp(2.4rem,5vw,4.1rem); }
.section-heading > p { max-width:25rem; margin:0 0 .35rem; color:var(--nebula-muted); font-size:.9rem; }
.catalog-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; margin-bottom:1.2rem; }
.catalog-notice { margin:0; color:#b4bad0; font-size:.77rem; }
.cycle-control { display:flex; align-items:center; gap:.65rem; color:var(--nebula-muted); font-size:.76rem; }
.cycle-control select { min-height:2.65rem; padding:.55rem 2.2rem .55rem .9rem; border:1px solid #414966; border-radius:var(--radius-pill); background:#151a2d; color:var(--nebula-text); }
.plan-price { min-height:3rem; margin:.8rem 0 0; color:var(--nebula-text)!important; font-size:1.75rem!important; font-weight:760; letter-spacing:-.05em; }
.plan-price small,.plan-billing-note { color:var(--nebula-muted); font-size:.72rem; font-weight:450; letter-spacing:0; }
.plan-action:disabled,.button:disabled { color:#d4d7e8; border:1px solid #59617e; background:#282f48; box-shadow:none; cursor:not-allowed; opacity:1; transform:none!important; }
.plan-action-note { margin:.65rem 0 0!important; text-align:center; font-size:.68rem!important; }
.catalog-empty { margin:1rem 0; padding:1rem; border:1px dashed #515a78; border-radius:var(--radius-small); color:var(--nebula-muted); text-align:center; font-size:.84rem; }
[hidden] { display:none!important; }
.catalog-footnote { margin:1.2rem 0 0; color:#929ab7; text-align:center; font-size:.73rem; }
.comparison-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(3rem,8vw,8rem); align-items:center; }
.comparison-intro > p:not(.eyebrow) { max-width:27rem; margin:1.2rem 0 1.4rem; color:var(--nebula-muted); font-size:.9rem; }
.benefit-list { border-top:1px solid #2d3450; }
.benefit { display:grid; grid-template-columns:2.5rem 1fr 2rem; align-items:start; gap:1rem; padding:1.4rem 0; border-bottom:1px solid #2d3450; }
.benefit-number { padding-top:.25rem; color:#8c84d5; font-size:.72rem; font-weight:750; }
.benefit h3 { margin:0 0 .25rem; font-size:1rem; }.benefit p { max-width:35rem; margin:0; color:var(--nebula-muted); font-size:.82rem; }
.benefit-symbol { color:var(--nebula-cyan); font-size:1.2rem; text-align:right; }
.faq-section { background:#0c1020; }
.faq-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(3rem,8vw,8rem); }
.faq-intro > p:last-child { max-width:23rem; margin:1.2rem 0 0; color:var(--nebula-muted); font-size:.86rem; }
.faq-list { border-top:1px solid #303751; }
.faq-list details { border-bottom:1px solid #303751; }
.faq-list summary { position:relative; display:flex; align-items:center; justify-content:space-between; gap:1.5rem; padding:1.2rem 0; cursor:pointer; font-size:.9rem; font-weight:650; list-style:none; }
.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary::after { content:"+"; color:var(--nebula-cyan); font-size:1.25rem; font-weight:400; }.faq-list details[open] summary::after { content:"−"; }
.faq-list details p { max-width:42rem; margin:0; padding:0 2rem 1.25rem 0; color:var(--nebula-muted); font-size:.84rem; }
.contact-panel { position:relative; overflow:hidden; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:3rem; padding:clamp(2rem,5vw,4rem); border:1px solid #353557; border-radius:1.5rem; background:linear-gradient(115deg,#1b1a37,#13192d); }
.contact-panel h2 { margin:0; font-size:clamp(2.4rem,5vw,3.8rem); }.contact-copy { position:relative; z-index:1; max-width:31rem; }.contact-copy p { color:var(--nebula-muted); font-size:.88rem; }.contact-orb { position:absolute; width:18rem; aspect-ratio:1; right:-6rem; bottom:-12rem; border:1px solid #7a74bc; border-radius:50%; box-shadow:0 0 0 2rem rgb(132 124 204 / .04),0 0 0 4rem rgb(132 124 204 / .035); }
.site-footer { padding:3.5rem 0 1.3rem; border-top:1px solid #252b42; background:#070a15; }
.footer-main { display:flex; justify-content:space-between; gap:3rem; padding-bottom:3rem; }.footer-brand { max-width:17rem; }.footer-brand p { margin:.9rem 0; color:var(--nebula-muted); font-size:.79rem; }.footer-preview,.pending-label { color:#aca4f4; font-size:.68rem; }
.footer-links { display:grid; grid-template-columns:repeat(3,minmax(7rem,1fr)); gap:clamp(2rem,6vw,6rem); }.footer-links div { display:grid; align-content:start; gap:.55rem; }.footer-links h2 { margin:0 0 .5rem; font-size:.78rem; letter-spacing:0; }.footer-links a { color:var(--nebula-muted); font-size:.77rem; }.footer-links a:hover { color:var(--nebula-cyan); }
.footer-bottom { display:flex; justify-content:space-between; gap:1rem; padding-top:1.1rem; border-top:1px solid #22283c; color:#858da9; font-size:.68rem; }.footer-bottom p { margin:0; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@keyframes token-drift { from { transform:translate3d(0,0,0) rotate(-7deg); } to { transform:translate3d(-.45rem,.32rem,0) rotate(7deg); } }
.motion-paused .neon-hero-art img,.motion-paused .hero-domain::before,.motion-paused .hero::before,.motion-paused .domain-orbits span { animation-play-state:paused!important; }
@media (max-width:850px) { .hero-grid { grid-template-columns:1fr 1fr; }.domain-panel { grid-template-columns:1fr; gap:1.5rem; }.domain-copy { max-width:38rem; }.comparison-grid,.faq-layout { grid-template-columns:1fr; gap:2.8rem; }.comparison-intro,.faq-intro { max-width:42rem; } }
@media (max-width:620px) { .container { width:95%; }.nav-wrap { min-height:4.3rem; gap:.7rem; }.main-nav { position:absolute; top:100%; left:0; right:0; justify-content:center; gap:1.2rem; padding:.72rem .5rem; border-bottom:1px solid #252b42; background:#0d1120; font-size:.72rem; }.nav-portal { margin-left:auto; padding:.55rem .7rem; font-size:.7rem; }.hero { padding-top:5.2rem; }.hero-grid { grid-template-columns:1fr; gap:.3rem; }.hero-copy { max-width:34rem; }.art-caption { right:3%; bottom:3%; }.hero-proof { margin-top:2.3rem; }.section-heading { display:block; }.section-heading > p { margin-top:1.2rem; }.catalog-toolbar { align-items:flex-start; flex-direction:column; }.cycle-control { width:100%; justify-content:space-between; }.cycle-control select { min-width:10rem; }.domain-input-wrap { border-radius:1.15rem; flex-wrap:wrap; padding:.55rem; }.domain-input-wrap input { flex:1 1 60%; }.domain-input-wrap button { flex:1 1 100%; }.domain-search-icon { padding-left:.45rem; }.domain-orbits { display:none; }.contact-panel { grid-template-columns:1fr; gap:1.2rem; }.footer-main { flex-direction:column; }.footer-links { gap:1rem; grid-template-columns:repeat(3,1fr); }.footer-links h2 { font-size:.73rem; }.footer-links a { font-size:.7rem; }.footer-bottom { flex-direction:column; } }
@media (max-width:380px) { .container { width:95%; }.brand { gap:.4rem; font-size:.83rem; }.brand-mark { width:1.8rem; }.nav-portal { font-size:.66rem; }.main-nav { gap:.85rem; }.hero-actions { align-items:flex-start; flex-direction:column; }.domain-input-wrap button { min-height:2.8rem; }.footer-links { gap:.55rem; } }


/* Route views use the same visual system and one shared page shell. */
.nav-portal.is-pending { display:inline-flex; align-items:center; gap:.5rem; color:#c9cde0; cursor:default; }
.nav-portal small { color:#a8b0ca; font-size:.64rem; }
.route-content { min-height:55vh; }
.route-section { padding-block:clamp(4rem,8vw,6.5rem); }
.route-heading { max-width:52rem; margin:0 auto 2.5rem; text-align:center; }
.route-heading .eyebrow { justify-content:center; }
.route-heading h1 { font-size:clamp(2.6rem,6vw,4.5rem); }
.route-heading > p:last-child { max-width:43rem; margin:1.2rem auto 0; color:var(--nebula-muted); }
.route-section .section-heading h1 { margin:0; font-size:clamp(2.6rem,5vw,4.25rem); }
.route-section .section-heading h1 span,.route-heading h1 span { color:#aaa0ff; }
.route-section .catalog-toolbar { align-items:center; }
.route-domain-panel { margin-bottom:2.25rem; }
.route-domain-panel .domain-copy h2 { font-size:clamp(1.8rem,4vw,2.45rem); }
.route-table { overflow:hidden; border:1px solid #303854; border-radius:var(--radius-card); background:#101629; box-shadow:var(--nebula-shadow); }
.table-wrap { overflow-x:auto; }
.table-scroll-hint { display:none; }
.table-wrap:focus-visible { outline:3px solid var(--nebula-cyan); outline-offset:3px; }
.price-table { width:100%; border-collapse:collapse; text-align:left; font-size:.88rem; }
.price-table caption { padding:1.1rem 1.3rem; color:#c4c9dc; text-align:left; font-size:.78rem; }
.price-table th,.price-table td { padding:1rem 1.3rem; border-top:1px solid #29314d; white-space:nowrap; }
.price-table thead th { color:#d9d6ff; font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; }
.price-table tbody th { color:var(--nebula-text); }
.price-table tbody td { color:#c5cbe0; }
.route-notice { max-width:52rem; margin:0 auto; padding:clamp(1.5rem,4vw,2.5rem); border:1px solid #353b59; border-radius:var(--radius-card); background:linear-gradient(145deg,#151a30,#101526); box-shadow:var(--nebula-shadow); }
.route-notice h2 { margin:0 0 .85rem; font-size:1.25rem; letter-spacing:-.025em; }
.route-notice p { margin:.65rem 0 0; color:var(--nebula-muted); }
.contact-method-list { display:grid; gap:.65rem; margin:1.2rem 0; }
.contact-method { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.4rem 1rem; padding:.8rem 0; border-bottom:1px solid #2e3652; color:#c9cfe2; }
.contact-method span { color:#a8b0ca; font-size:.78rem; }
.contact-method strong { overflow-wrap:anywhere; font-size:.9rem; }
.contact-method[href]:hover { color:var(--nebula-cyan); }
.unconfigured-note { color:#a8b0ca; }
.domain-choices { display:flex; flex-wrap:wrap; gap:.7rem; margin:-1.25rem 0 1.5rem; color:#bbc2d8; font-size:.76rem; }
.domain-choices span { padding:.5rem .75rem; border:1px solid #343b59; border-radius:var(--radius-pill); background:#12182b; }
.detail-layout { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(16rem,.6fr); align-items:start; gap:clamp(2rem,6vw,5rem); }
.detail-heading { margin:2rem 0 1.5rem; text-align:left; }
.detail-heading .eyebrow { justify-content:flex-start; }
.detail-heading h1 { overflow-wrap:anywhere; font-size:clamp(2.25rem,5vw,4rem); }
.detail-heading p:last-child { margin-top:1rem; }
.detail-features { display:grid; gap:.75rem; margin:0; padding:0; list-style:none; color:#d2d6e7; }
.detail-features li { padding:.75rem 0 .75rem 1.7rem; border-bottom:1px solid #29314d; overflow-wrap:anywhere; }
.detail-features li::before { content:"✓"; margin-left:-1.7rem; margin-right:.8rem; color:var(--nebula-cyan); }
.detail-price-card { display:grid; gap:.75rem; padding:1.5rem; border:1px solid #454268; border-radius:var(--radius-card); background:linear-gradient(150deg,#211e42,#13192e 75%); box-shadow:var(--nebula-shadow); }
.detail-price-card .eyebrow,.detail-price-card .plan-price,.detail-price-card .setup-fee,.detail-price-card .plan-action-note { margin:0; }
.detail-price-card .plan-price { min-height:0; }
.detail-price-card .button { width:100%; }
.comparison-cta { margin:1.4rem 0 0; text-align:center; }
.feature-table { min-width:42rem; }
.feature-included { color:#a5f0d2; font-weight:700; }
.feature-not-listed { color:#a8b0ca; }
.home-link-section { padding-block:clamp(3rem,6vw,5rem); }
.home-link-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.home-route-card { position:relative; min-height:13rem; padding:1.5rem; border:1px solid #2c3451; border-radius:var(--radius-card); background:linear-gradient(155deg,rgb(23 34 61 / .68),rgb(10 17 34 / .52)); backdrop-filter:blur(16px) saturate(138%); transition:transform .18s ease,border-color .18s ease; }
.home-route-card:hover { transform:translateY(-3px); border-color:#7770bf; }
.home-route-card .eyebrow { margin-bottom:.75rem; }
.home-route-card h2 { margin:0 0 .7rem; font-size:1.4rem; letter-spacing:-.035em; }
.home-route-card p { max-width:23rem; margin:0; color:var(--nebula-muted); font-size:.83rem; }
.route-arrow { position:absolute; top:1.3rem; right:1.4rem; color:var(--nebula-cyan); }
.provider-content-body { max-width:54rem; margin:0 auto; color:#c4cbe0; line-height:1.8; overflow-wrap:anywhere; }
.provider-content-body h2 { margin:2rem 0 .75rem; color:#f1f2fa; font-size:clamp(1.1rem,2.2vw,1.4rem); line-height:1.35; }
.provider-content-body h2:first-child { margin-top:0; }
.provider-content-body p { margin:.8rem 0; white-space:normal; }
.provider-content-body ul { display:grid; gap:.55rem; margin:.85rem 0 1.2rem; padding-left:1.4rem; }
.provider-content-body li { padding-left:.2rem; }
.provider-source a { color:var(--nebula-cyan); }
.provider-support-cta { margin-top:2rem; padding:1.35rem 1.5rem; border:1px solid #353b59; border-radius:var(--radius-card); background:#12182b; }
.provider-support-cta h2 { margin:0 0 .65rem; font-size:clamp(1.15rem,2vw,1.45rem); letter-spacing:-.025em; }
.provider-support-cta p { margin:.5rem 0 .9rem; color:#c4cbe0; }
.config-options-note { margin:.3rem 0 .7rem; color:#a8b0ca; font-size:.73rem; line-height:1.45; }
.config-base-label { display:block; margin:0 0 .25rem; color:#a8b0ca; font-size:.67rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
@media (max-width:760px) { .home-link-grid { grid-template-columns:1fr; }.home-route-card { min-height:10rem; }.route-section .section-heading { align-items:flex-start; flex-direction:column; gap:1rem; }.route-section .catalog-toolbar { align-items:flex-start; flex-direction:column; }.route-section .cycle-control { width:100%; justify-content:space-between; }.detail-layout { grid-template-columns:1fr; }.detail-price-card { position:static; } }
@media (max-width:520px) { .price-table th,.price-table td { padding:.8rem; font-size:.76rem; }.route-domain-panel { padding:1.3rem; }.route-heading { margin-bottom:1.8rem; } }
@media (max-width:620px) { .table-scroll-hint { display:block; margin:0; padding:.65rem 1rem; border-bottom:1px solid #29314d; color:#c4cbe0; font-size:.72rem; }.table-wrap { scrollbar-color:#7974b4 #171b2d; scrollbar-width:thin; } }

/* The home domain card replaces the former .site/.online/.studio illustration. */
.hero-domain { min-width:0; padding:clamp(1.25rem,3vw,2.25rem); border:1px solid rgb(136 147 248 / .55); border-radius:1.5rem; background:linear-gradient(135deg,rgb(20 36 72 / .64),rgb(37 18 74 / .56)); box-shadow:inset 0 1px 0 rgb(190 215 255 / .15),0 20px 70px rgb(14 9 48 / .35); backdrop-filter:blur(14px); position:relative; isolation:isolate; }
.hero-domain::before { content:""; pointer-events:none; position:absolute; z-index:-1; inset:0; border-radius:inherit; background:radial-gradient(ellipse at 90% 10%,rgb(69 201 255 / .24),transparent 65%); animation:nebula-domain-glow 9s ease-in-out infinite alternate; }
@keyframes nebula-domain-glow { from { opacity:.35; transform:translateX(-7%); } to { opacity:1; transform:translateX(7%); } }
.hero-domain h2 { font-size:clamp(2rem,3.5vw,3.5rem); letter-spacing:-.045em; }
.domain-form label { display:block; margin-bottom:.65rem; font-size:.9rem; font-weight:700; color:var(--nebula-text); }
.domain-input-wrap { min-width:0; }.domain-input-wrap input { min-width:0; width:100%; }
.domain-form .domain-status { margin-block:1rem; overflow-wrap:anywhere; }.domain-result { display:grid; gap:.7rem; padding:1rem; border:1px solid rgb(109 214 217 / .45); border-radius:1rem; background:rgb(5 14 33 / .65); }
.domain-result strong { font-size:1.25rem; color:#effcff; }.domain-result p { margin:0; color:var(--nebula-muted); }.domain-result .button { justify-self:start; }.domain-advanced { font-size:.82rem; }
.domain-form[aria-busy="true"] button { cursor:wait; opacity:.8; }
@media(max-width:600px) { .hero-domain { padding:1.2rem; }.hero-domain .domain-input-wrap { flex-wrap:wrap; }.hero-domain .domain-input-wrap input { flex:1 1 65%; }.hero-domain .domain-input-wrap button { width:100%; }.domain-result .button { width:100%; } }

.header-actions { display:flex; align-items:center; gap:.7rem; flex-shrink:0; }.currency-menu { position:relative; font-size:.8rem; }.currency-menu summary { cursor:pointer; padding:.65rem .8rem; border:1px solid #454b68; border-radius:2rem; list-style:none; }.currency-menu nav { position:absolute; top:calc(100% + .6rem); right:0; min-width:6rem; padding:.4rem; background:#101a36; border:1px solid #7068b4; border-radius:.8rem; box-shadow:0 14px 40px #030716; }.currency-menu a { display:block; padding:.6rem .8rem; border-radius:.4rem; }.currency-menu a:hover,.currency-menu a[aria-current] { background:#343269; color:#fff; }

/* Visible decorative drift; explicit page Pause/Resume remains authoritative. */
.hero::before { content:""; position:absolute; pointer-events:none; inset:-10%; background-image:radial-gradient(circle at 12% 25%,#8cecff 0 1px,transparent 3px),radial-gradient(circle at 69% 18%,#c4b4ff 0 1px,transparent 4px),radial-gradient(circle at 85% 64%,#8cecff 0 1px,transparent 3px),radial-gradient(ellipse at 75% 40%,rgb(83 80 239 / .18),transparent 45%); background-size:330px 260px,450px 390px,560px 420px,100% 100%; opacity:.7; animation:nebula-star-drift 22s ease-in-out infinite alternate; }
@keyframes nebula-star-drift { from { transform:translate3d(-1%,-1%,0); } to { transform:translate3d(3%,2%,0); } }