.dns-page { --dns-pink:#f860ac; --dns-muted:#786573; }
.dns-hero { display:grid; grid-template-columns:1.12fr 1fr; gap:65px; align-items:center; padding-top:80px; padding-bottom:76px; }
.sales-v3 .dns-hero h1 { font-size:clamp(46px,4.6vw,67px); line-height:1.08; letter-spacing:-2.8px; font-weight:500; margin-top:23px; }
.dns-hero h1 span { color:#a42b65; }
.dns-hero p,.dns-setup p { color:var(--dns-muted); font-size:18px; line-height:1.8; margin-top:25px; }
.dns-actions { display:flex; gap:24px; align-items:center; flex-wrap:wrap; margin-top:30px; }
.dns-actions .text-button { display:inline-flex; gap:12px; align-items:center; font-size:15px; }
.dns-hero>div>small,.dns-setup>div>small { display:block; margin-top:22px; color:#896a7a; font-size:14px; line-height:1.7; }
.dns-hero-art { background:#fbf0f7; padding:27px; border:1px solid #edd9e5; border-radius:14px; box-shadow:0 23px 50px #672b4a09; transform:rotate(1deg); min-width:0; }
.dns-art-top { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:33px; }
.dns-art-top img { width:119px; height:auto; }
.dns-art-top>span { font-size:12px; letter-spacing:1.2px; color:#8b617a; }
.dns-domain { display:flex; align-items:center; gap:12px; border:1px solid #e8d2df; background:#fff; padding:22px 15px; border-radius:8px; }
.dns-domain>.sales-icon { color:#ae5b86; font-size:27px; }
.dns-domain strong { font-size:20px; font-weight:500; flex:1; }
.dns-domain>span:last-child { font-size:12px; color:#477254; background:#eaf5ed; border-radius:20px; padding:7px 9px; }
.dns-connections { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; padding-top:39px; position:relative; }
.dns-connections:before { content:""; position:absolute; top:0; height:20px; width:1px; background:#d5b5c9; left:50%; }
.dns-connections:after { content:""; position:absolute; top:19px; height:20px; width:67%; border:1px solid #d5b5c9; border-bottom:0; left:16.5%; border-radius:7px 7px 0 0; }
.dns-connections article { padding:20px 8px; text-align:center; background:#fff; border:1px solid #e8d7e2; border-radius:8px; z-index:1; }
.dns-connections article>span { display:block; font-size:25px; color:#b26b92; }
.dns-connections strong { display:block; font-size:16px; font-weight:500; margin-top:12px; }
.dns-connections small { display:block; font-size:12px; line-height:1.6; margin-top:10px; color:#86677b; }
.dns-hero-art>p { font-size:14px; color:#866278; margin-top:26px; text-align:center; line-height:1.7; }
.dns-hero-art>small { display:block; text-align:center; font-size:12px; color:#98788b; line-height:1.7; margin-top:11px; }
.dns-outcomes { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; padding-bottom:83px; }
.sales-v3 .dns-outcomes h2 { font-size:26px; letter-spacing:-.8px; line-height:1.24; max-width:320px; }
.dns-outcomes p { font-size:17px; line-height:1.8; color:var(--dns-muted); margin-top:17px; }
.dns-demo-band { background:#fbf6f9; border-block:1px solid #efe4eb; padding-block:76px; scroll-margin-top:30px; }
.dns-section-heading { display:grid; grid-template-columns:1.1fr 1fr; align-items:end; gap:70px; margin-bottom:38px; }
.sales-v3 .dns-section-heading h2,.sales-v3 .dns-setup h2 { font-size:44px; letter-spacing:-1.8px; line-height:1.12; margin-top:20px; }
.dns-section-heading>p { color:var(--dns-muted); font-size:17px; line-height:1.8; }
.dns-demo { border:1px solid #e4cfdd; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 15px 40px #69324e06; }
.dns-tabs { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid #eadce5; padding-inline:22px; background:#fffcfe; }
.dns-tabs button { padding:23px 12px; background:transparent; border:0; border-bottom:3px solid transparent; color:#866479; font-size:16px; font-weight:500; display:flex; align-items:center; justify-content:center; gap:12px; cursor:pointer; }
.dns-tabs button[aria-selected=true] { border-bottom-color:var(--dns-pink); color:#993b6b; }
.dns-tabs button .sales-icon { font-size:21px; }
.dns-demo-body { display:grid; grid-template-columns:1fr 1.03fr; gap:45px; padding:44px; align-items:center; }
.sales-v3 .dns-demo-story h3 { font-size:35px; letter-spacing:-1.2px; line-height:1.12; margin-top:21px; }
.dns-demo-story>p { font-size:17px; color:var(--dns-muted); line-height:1.8; margin-top:22px; }
.dns-demo-story ul { list-style:none; padding:0; margin:24px 0 0; display:grid; gap:13px; }
.dns-demo-story li { display:flex; gap:9px; color:#866278; font-size:15px; line-height:1.7; }
.dns-demo-story li .sales-icon { color:#a26387; }
.dns-record-preview { border:1px solid #e6d6e0; border-radius:10px; background:#fffafc; padding:24px; min-width:0; }
.dns-preview-top { display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid #eadde6; padding-bottom:20px; }
.dns-preview-top>span { display:flex; align-items:center; gap:9px; font-size:17px; color:#705366; }
.dns-preview-top>small { font-size:12px; color:#947286; }
.dns-record-preview dl { margin:24px 0 0; display:grid; gap:18px; }
.dns-record-preview dl>div { display:grid; grid-template-columns:.8fr 1.2fr; gap:15px; }
.dns-record-preview dt { font-size:14px; color:#866379; align-self:center; }
.dns-record-preview dd { font-size:15px; margin:0; color:#604453; overflow-wrap:anywhere; line-height:1.7; }
.dns-record-preview dd small { font-size:12px; color:#926f84; }
.dns-type { display:inline-block; background:#f3deeb; color:#964f78; padding:3px 12px; border-radius:5px; }
.dns-record-outcome { display:flex; align-items:flex-start; gap:12px; background:#f5ebf1; border-radius:7px; padding:17px; margin-top:25px; }
.dns-record-outcome>.sales-icon { color:#ab7393; font-size:22px; }
.dns-record-outcome p { font-size:14px; color:#856479; line-height:1.7; }
.dns-explain-button { display:flex; align-items:center; justify-content:space-between; gap:14px; width:100%; color:#8c5274; font-size:14px; border:0; background:none; padding:0; margin-top:23px; cursor:pointer; text-align:left; line-height:1.7; }
.dns-record-detail { font-size:14px; color:#876b7c; line-height:1.8; margin-top:16px; }
.dns-demo-footer { padding:17px 28px; background:#faf5f8; border-top:1px solid #ede0e8; font-size:12px; line-height:1.7; color:#8a687d; display:flex; gap:9px; }
.dns-announcement { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.sales-v3 .dns-records { display:block; padding-block:80px; }
.dns-records-heading { max-width:800px; margin-bottom:38px; }
.sales-v3 .dns-records-heading h2 { font-size:44px; letter-spacing:-1.8px; line-height:1.12; margin-top:20px; max-width:730px; }
.dns-records-heading>p { color:var(--dns-muted); font-size:18px; line-height:1.8; margin-top:22px; max-width:720px; }
.dns-record-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.dns-record-grid article { display:flex; flex-direction:column; padding:30px; border:1px solid #eadce5; border-radius:9px; }
.dns-record-card-heading { display:flex; align-items:center; gap:15px; }
.dns-record-card-heading>span { display:grid; place-items:center; width:45px; height:45px; flex-shrink:0; color:#a04e7a; background:#faeaf3; border-radius:9px; font-size:23px; }
.sales-v3 .dns-record-grid h3 { font-size:24px; line-height:1.3; letter-spacing:-.6px; }
.dns-record-grid p { font-size:17px; color:var(--dns-muted); line-height:1.8; margin-top:20px; margin-bottom:24px; max-width:470px; }
.dns-record-types { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin: auto 0 0; }
.dns-record-types li { padding:6px 12px; color:#91496e; background:#faeaf3; border:1px solid #efd9e6; border-radius:5px; font-size:14px; line-height:1.5; }
.dns-setup-band { background:#fbf1f7; border-block:1px solid #efdfE9; }
.dns-setup { display:grid; grid-template-columns:1fr 1fr; gap:70px; padding-block:78px; align-items:center; }
.dns-setup-list { display:grid; gap:18px; }
.dns-setup-list article { display:flex; align-items:flex-start; gap:20px; padding:25px; background:#fffbfd; border:1px solid #eadce5; border-radius:9px; }
.dns-setup-list article>span { color:#b97498; background:#fbf0f6; border:1px solid #f0dbe7; padding:12px; font-size:25px; border-radius:8px; }
.sales-v3 .dns-setup-list h3 { font-size:22px; letter-spacing:-.6px; }
.dns-setup-list p { color:#826578; font-size:15px; line-height:1.7; margin-top:9px; }
.dns-page .final-cta .dns-actions { justify-content:center; }
.dns-page button:focus-visible { outline:2px solid #9a376c; outline-offset:4px; }
@media(max-width:1050px) { .dns-hero { gap:35px; } .dns-demo-body { padding:30px; gap:30px; } .dns-setup { gap:40px; } .dns-hero-art { padding:20px; } .dns-domain { gap:8px; padding:19px 12px; } .dns-domain strong { font-size:18px; } .dns-domain>span:last-child { font-size:11px; } .dns-record-grid article { padding:23px; } }
@media(max-width:800px) { .dns-hero,.dns-section-heading,.dns-setup { grid-template-columns:1fr; } .dns-hero { padding-top:49px; gap:40px; } .dns-hero>div:first-child { max-width:640px; } .dns-hero-art { max-width:560px; width:100%; box-sizing:border-box; margin:auto; } .dns-outcomes { gap:25px; grid-template-columns:1fr; } .dns-outcomes article { display:grid; grid-template-columns:45px 1fr; column-gap:20px; } .dns-outcomes article>span { grid-row:1/3; } .dns-outcomes p { margin-top:13px; } .sales-v3 .dns-outcomes h2 { max-width:none; } .dns-demo-body { grid-template-columns:1fr; gap:30px; } .dns-record-preview { max-width:580px; width:100%; box-sizing:border-box; margin:auto; } .dns-section-heading { gap:22px; } .dns-record-grid { grid-template-columns:repeat(2,1fr); } .dns-setup-list { max-width:650px; } }
@media(max-width:500px) { .sales-v3 .dns-hero h1 { font-size:44px; letter-spacing:-1.9px; } .dns-hero p,.dns-setup p { font-size:17px; } .dns-actions { gap:22px; } .dns-hero-art { transform:none; padding:19px 13px; } .dns-art-top img { width:105px; } .dns-domain strong { font-size:17px; } .dns-domain>span:last-child { font-size:11px; padding:6px; } .dns-connections { gap:8px; } .dns-connections article { padding:18px 6px; } .dns-connections strong { font-size:14px; } .dns-connections small { font-size:11px; } .dns-outcomes { padding-bottom:52px; gap:30px; } .dns-demo-band { padding-block:51px; } .sales-v3 .dns-section-heading h2,.sales-v3 .dns-setup h2 { font-size:35px; letter-spacing:-1.2px; } .dns-tabs { padding:0 8px; } .dns-tabs button { padding:19px 5px; gap:7px; font-size:14px; } .dns-tabs button .sales-icon { font-size:17px; } .dns-demo-body { padding:26px 18px; } .sales-v3 .dns-demo-story h3 { font-size:31px; } .dns-record-preview { padding:20px 14px; } .dns-preview-top>small { display:none; } .dns-record-preview dl>div { grid-template-columns:.8fr 1.2fr; gap:10px; } .dns-record-preview dt { font-size:13px; } .dns-record-preview dd { font-size:14px; } .dns-demo-footer { padding:16px 18px; } .dns-records,.dns-setup { padding-block:52px; } .dns-record-grid { grid-template-columns:1fr; gap:16px; } .dns-record-grid article { padding:25px; } .dns-setup-list article { padding:22px 18px; gap:15px; } .dns-setup-list article>span { padding:10px; font-size:22px; } .sales-v3 .dns-setup-list h3 { font-size:21px; } }

@media(max-width:500px) { .sales-v3 .dns-records-heading h2 { font-size:35px; letter-spacing:-1.2px; } .dns-records-heading>p { font-size:17px; } .dns-record-card-heading { gap:12px; } .sales-v3 .dns-record-grid h3 { font-size:22px; } .dns-record-grid article { padding:24px; } }

@media(max-width:500px) { .sales-v3 .dns-records { padding-block:52px; } }