@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');

:root { color-scheme: light; --paper:#f6f6f0; --ink:#202b22; --muted:#747b72; --green:#334f34; --line:#e3e6dc; font-family:'DM Sans',sans-serif; color:var(--ink); background:var(--paper); }
* { box-sizing:border-box; }
body { margin:0; }
[hidden] { display:none !important; }
a { color:inherit; text-decoration:none; }
button,input,select { font:inherit; }
button,select { cursor:pointer; }
.site-header { max-width:1392px; margin:auto; padding:36px 56px; display:flex; align-items:center; justify-content:space-between; }
.wordmark { display:inline-flex; gap:13px; align-items:center; font-size:14px; font-weight:550; letter-spacing:-.2px; }
.brand-mark { background:var(--ink); color:var(--paper); width:29px; height:29px; border-radius:50%; display:grid; place-items:center; font-size:21px; }
.header-note { font-size:12px; color:var(--muted); }
main { min-height:calc(100svh - 186px); display:grid; align-items:center; }
.landing { width:100%; max-width:1280px; margin:0 auto; padding:40px 64px 80px; display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,430px); gap:88px; align-items:center; }
.story { min-width:0; padding:10px 0; }
.availability { display:inline-flex; align-items:center; gap:9px; border:1px solid #dce4d8; background:#edf2e9; color:#4b6643; border-radius:30px; font-size:12px; padding:8px 13px; }
.availability > span { width:6px; height:6px; background:#749667; border-radius:50%; }
.eyebrow { font-size:10px; font-weight:650; color:var(--muted); letter-spacing:2px; margin:40px 0 14px; }
h1 { font-family:Manrope,sans-serif; font-weight:750; font-size:clamp(58px,7vw,100px); line-height:1.08; letter-spacing:-5px; margin:0 0 25px; overflow-wrap:anywhere; }
h1.long-domain { font-size:clamp(35px,4.3vw,62px); letter-spacing:-2.5px; }
.tld { color:#9ca893; font-weight:500; }
.intro { font-family:Manrope,sans-serif; font-size:27px; letter-spacing:-1px; line-height:1.4; margin:0 0 15px; font-weight:500; }
.description { max-width:355px; color:var(--muted); font-size:14px; line-height:1.7; margin:0; }
.domain-picker { margin-top:30px; max-width:270px; }
.domain-picker label { font-size:11px; color:var(--muted); display:block; margin-bottom:8px; }
.select-wrap { position:relative; }
.select-wrap select { width:100%; appearance:none; border:1px solid #dbe0d5; border-radius:7px; padding:10px 33px 10px 12px; background:transparent; color:var(--ink); font-size:13px; }
.select-wrap > span { position:absolute; right:13px; top:7px; pointer-events:none; color:var(--muted); }
.story-foot { margin-top:48px; display:flex; gap:12px; align-items:center; color:#838b7e; font-size:11px; }
.little-star { font-size:25px; color:#9bac8c; }
.offer-card { background:#fff; border:1px solid #e7e9df; border-radius:16px; padding:32px; box-shadow:0 15px 50px -30px #35462938; }
.card-heading { display:flex; justify-content:space-between; align-items:center; }
.step-label { color:var(--muted); font-size:10px; letter-spacing:1.8px; font-weight:600; }
.card-arrow { font-size:30px; font-weight:400; color:#9baa91; line-height:1; }
h2 { font-family:Manrope,sans-serif; font-size:30px; letter-spacing:-1.1px; font-weight:650; margin:22px 0 10px; line-height:1.25; }
.card-description { font-size:13px; line-height:1.6; color:var(--muted); margin:0 0 28px; overflow-wrap:anywhere; }
.card-description strong { font-weight:550; color:#495442; }
form > label { display:block; margin:22px 0 9px; font-size:12px; font-weight:550; }
form > label > span { color:var(--muted); font-weight:400; }
input { width:100%; min-width:0; height:49px; border:1px solid #dde1d6; border-radius:7px; padding:12px 14px; background:#fff; color:var(--ink); font-size:14px; transition:border-color .15s,box-shadow .15s; }
input::placeholder { color:#a0a59b; }
input:focus,select:focus { outline:0; border-color:#708969; box-shadow:0 0 0 3px #6b8b511c; }
.amount-input { position:relative; }
.amount-input > span { position:absolute; left:14px; top:15px; color:#909888; font-size:14px; }
.amount-input input { padding-left:32px; }
input::-webkit-inner-spin-button { appearance:none; }
.input-hint { font-size:11px; line-height:1.5; color:#8b9383; margin:8px 0 0; overflow-wrap:anywhere; }
.honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.form-status { color:#a24435; font-size:12px; line-height:1.6; margin:14px 0 0; }
.form-status:empty { display:none; }
button { display:flex; align-items:center; justify-content:space-between; width:100%; padding:15px 17px; border:0; border-radius:7px; background:var(--green); color:#fff; font-size:13px; font-weight:500; margin-top:25px; transition:background .15s,transform .15s; min-height:49px; }
button:hover { background:#223c25; }
button:active { transform:translateY(1px); }
button:focus-visible,a:focus-visible { outline:3px solid #a2b994; outline-offset:4px; }
button:disabled { opacity:.65; cursor:wait; }
button > span:last-child { font-size:19px; line-height:1; }
.privacy-note { font-size:10px; color:#969c90; text-align:center; margin:12px 0 0; line-height:1.6; }
.card-footer { border-top:1px solid #edf0e8; margin-top:30px; padding-top:18px; color:#89917f; font-size:10px; display:flex; align-items:center; gap:8px; }
.footer-line { width:13px; height:1px; background:#a4b199; flex-shrink:0; }
.success-view { min-height:369px; display:flex; flex-direction:column; justify-content:center; }
.success-icon { display:grid; place-items:center; background:#edf3e9; color:#567449; border-radius:50%; width:43px; height:43px; font-size:22px; margin-bottom:25px; }
.success-view h2 { font-size:28px; margin-top:16px; }
.success-view p { font-size:13px; line-height:1.7; color:var(--muted); overflow-wrap:anywhere; }
.success-view p.input-hint { font-size:10px; }
.site-footer { max-width:1392px; margin:auto; border-top:1px solid var(--line); padding:23px 56px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#919789; font-size:10px; }
.noscript { text-align:center; padding:16px; }
@media(min-width:1500px) { .landing { gap:130px; } }
@media(max-width:1000px) { .landing { gap:45px; padding:45px 40px 65px; } .site-header { padding:28px 40px; } .site-footer { padding:22px 40px; } h1 { font-size:70px; } .intro { font-size:23px; } .offer-card { padding:27px; } }
@media(max-width:740px) { .site-header { padding:24px; } .header-note { display:none; } main { min-height:auto; } .landing { grid-template-columns:minmax(0,1fr); gap:38px; padding:20px 24px 48px; max-width:540px; } .story { padding-top:12px; } .eyebrow { margin-top:28px; } h1 { font-size:76px; margin-bottom:18px; } h1.long-domain { font-size:clamp(27px,7.5vw,40px); letter-spacing:-1.7px; } .intro { font-size:24px; } .description { max-width:340px; } .story-foot { display:none; } .domain-picker { margin-top:22px; } .offer-card { padding:27px; border-radius:13px; } .site-footer { margin:0 24px; padding:20px 0; align-items:flex-start; flex-direction:column; gap:9px; } }
@media(prefers-reduced-motion:reduce) { * { transition:none !important; } }