/* Contained, responsive layout: no negative margins or overlapping labels. */
html,body{overflow-x:visible}
.container{width:100%;max-width:1200px;padding-inline:32px}
section[id]{scroll-margin-top:96px}
h1,h2,h3,p,a,label{overflow-wrap:break-word}
.nav-links a.btn-primary{color:#fff}
.logo-mark{flex-shrink:0}
.hero{padding:152px 0 80px;overflow:visible}
.hero-wrapper{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}
.hero-content{min-width:0;max-width:none;display:block}
.hero-title{font-size:clamp(36px,4.4vw,58px);line-height:1.08;letter-spacing:-.045em;max-width:100%;margin-bottom:24px}
.hero-name,.hero-sale,.hero-extension{display:block}
.hero-name{white-space:nowrap;font-size:.94em}
.hero-extension{font-size:.54em;font-weight:600;letter-spacing:-.025em;color:#64748b;margin-top:5px;margin-bottom:16px}
.hero-sale{font-size:1em}
.hero-subtitle{font-size:17px;line-height:1.75;margin-bottom:28px}
.hero-cta{margin-bottom:0;gap:12px}
.cta-subtext{font-size:12px;text-transform:none;letter-spacing:0;line-height:1.8;margin-top:8px;color:#64748b}
.hero-image-container{margin:0;min-width:0;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.browser-window{grid-column:1/-1;width:100%;max-width:none;box-shadow:0 20px 60px rgba(15,23,42,.09);border-radius:22px}
.browser-header{padding:14px;gap:12px}
.browser-address-bar{min-width:0}
.domain-dashboard{padding:36px 28px;min-height:0;overflow:visible;background:linear-gradient(145deg,#fff,#f1f4f8)}
.domain-dashboard:after{display:none}
.dashboard-topline{font-size:10px;letter-spacing:.1em;margin-bottom:24px}
.domain-display{font-size:clamp(26px,2.8vw,38px);line-height:1.15;letter-spacing:-.045em;white-space:nowrap;overflow-wrap:normal;max-width:none}
.domain-extension{display:block;font-size:.65em;color:#64748b;font-weight:600;margin-top:4px}
.domain-subdisplay{font-size:13px;line-height:1.8;margin-top:20px}
.mini-metrics{gap:8px;margin-top:28px;grid-template-columns:repeat(3,minmax(0,1fr))}
.mini-metrics div{padding:14px 10px;border-radius:12px}
.mini-metrics strong{font-size:17px}
.mini-metrics span{font-size:10px;line-height:1.5}
.floating-card{position:static;animation:none;padding:16px 12px;gap:10px;box-shadow:none;border:1px solid #e2e8f0;border-radius:14px;min-width:0;align-items:flex-start}
.floating-card strong{font-size:11px;line-height:1.5}
.floating-card span{font-size:10px;line-height:1.6;margin-top:3px}
.icon-circle{width:28px;height:28px;flex-shrink:0;font-size:12px}
.section-header h2,.tabs-header h2,.offer-grid h2{font-size:clamp(28px,3.5vw,44px);line-height:1.18}
.section-header{margin-bottom:44px}
.section-header p,.tabs-header p,.offer-grid>div>p{font-size:17px;line-height:1.75}
.cards-grid,.dark-cards-grid{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-card{padding:28px}
.dark-card{min-height:190px}
.dark-card h3{line-height:1.45;font-size:20px}
.roi-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.offer-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.roi-calculator,.offer-form,.example-card{min-width:0}
.footer-container{align-items:flex-start}.footer-left{flex-wrap:wrap}.footer-right{gap:16px}
@media(max-width:960px){
.hero-wrapper{gap:32px;grid-template-columns:1fr 1fr}
.hero-title{font-size:42px}.hero-name{font-size:.8em}
.domain-dashboard{padding:28px 20px}.domain-display{font-size:28px}
.hero-cta .btn{padding:14px 20px;font-size:14px}
.cards-grid,.dark-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.footer-container{flex-direction:column}
}
@media(max-width:760px){
.container{padding-inline:22px}.navbar{height:68px}.logo{font-size:14px;gap:8px}.logo-mark{width:30px;height:30px}
.desktop-only{display:none}.mobile-menu-btn{display:flex}.mobile-menu-overlay{top:68px}
.hero{padding:112px 0 56px}.hero-wrapper{display:grid;grid-template-columns:minmax(0,1fr);gap:36px}
.hero-title{font-size:clamp(34px,8vw,54px)}.hero-name{font-size:.96em}
.badge-pill{font-size:11px;margin-bottom:24px;max-width:100%}.badge-new{font-size:10px;flex-shrink:0}
.hero-subtitle{font-size:16px}.hero-cta .btn{width:auto;flex:1;padding:14px 12px;font-size:13px}
.domain-dashboard{padding:28px 24px}.domain-display{font-size:clamp(28px,7vw,42px)}
.mini-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.floating-card{display:flex}
.section{padding:64px 0}.trusted-by{padding:36px 0}.text-pill-grid{gap:8px}.text-pill-grid span{font-size:12px;height:34px;padding:0 14px}
.roi-layout,.offer-grid{grid-template-columns:minmax(0,1fr);gap:28px}
.roi-results{grid-template-columns:repeat(2,minmax(0,1fr))}
.roi-results strong{font-size:20px}.roi-calculator,.offer-form,.example-card{padding:24px}
.form-row{grid-template-columns:minmax(0,1fr)}.footer-left{gap:12px}
}
@media(max-width:420px){
.container{padding-inline:18px}.hero-name{font-size:.9em}.hero-title{font-size:36px}
.cards-grid,.dark-cards-grid{grid-template-columns:minmax(0,1fr)}
.floating-card{padding:12px 9px;gap:6px}.icon-circle{width:24px;height:24px}
.domain-dashboard{padding:24px 18px}.domain-display{font-size:29px}
.footer-right{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}