
:root{
  --ink:#0b0f12;
  --ink-2:#11171b;
  --ink-3:#182027;
  --steel:#dce2e5;
  --paper:#f4f6f5;
  --paper-2:#e9edec;
  --text:#253038;
  --muted:#68737a;
  --line:rgba(20,34,42,.16);
  --line-dark:rgba(215,227,233,.16);
  --orange:#e87526;
  --orange-2:#ff9a52;
  --blue:#4aa8d8;
  --green:#8fb197;
  --white:#fff;
  --max:1260px;
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}
body{margin:0;max-width:100%;overflow-x:hidden;background:var(--paper);color:var(--text);font:400 16px/1.68 var(--sans);overflow-wrap:break-word}
main,section,article,aside,header,footer,nav,div{min-width:0}
img,svg,video,iframe{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p,li,a,strong,span,small,summary{max-width:100%;overflow-wrap:anywhere;word-break:normal}
a{color:inherit}
button,input,textarea,select{font:inherit;max-width:100%}
.shell{width:min(var(--max),calc(100% - 52px));margin-inline:auto}
.narrow{width:min(860px,calc(100% - 52px));margin-inline:auto}
.skip{position:absolute;left:-9999px;top:8px;z-index:999;background:#fff;color:#111;padding:10px 14px}
.skip:focus{left:8px}
.kicker{margin:0 0 12px;font:800 10px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}
.kicker.dark{color:#a44a12}

/* domain-sale ribbon */
.sale-ribbon{background:var(--orange);color:#101416}
.sale-ribbon .shell{min-height:42px;display:flex;align-items:center;justify-content:center;gap:13px;text-align:center}
.sale-ribbon strong{font:900 11px var(--mono);letter-spacing:.06em}
.sale-ribbon span{font-size:12px}
.sale-ribbon a{font:900 10px var(--mono);text-decoration:none;border-bottom:1px solid rgba(0,0,0,.5)}

/* header */
.site-header{position:sticky;top:0;z-index:90;background:rgba(11,15,18,.97);border-bottom:1px solid var(--line-dark);backdrop-filter:blur(15px)}
.header-in{min-height:72px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;white-space:nowrap}
.brand-icon{position:relative;width:37px;height:37px;border:1px solid #73818a;border-radius:50%}
.brand-icon:before{content:"";position:absolute;inset:8px;border:3px solid var(--orange);border-radius:50%}
.brand strong{font-size:13px;letter-spacing:.13em}.brand em{font-style:normal;color:var(--orange);font:700 12px var(--mono)}
.nav{display:flex;align-items:center;gap:20px;margin-left:auto}
.nav a{color:#c8d0d3;text-decoration:none;font-size:12px;font-weight:750;white-space:nowrap}
.nav a:hover{color:#fff}
.nav-toggle{display:none;margin-left:auto;background:transparent;color:#fff;border:1px solid #57636a;border-radius:2px;padding:8px 10px;font:800 9px var(--mono)}
.header-sale{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid rgba(232,117,38,.58);text-decoration:none;color:#fff;white-space:nowrap}
.header-sale span{font:800 8px var(--mono);color:#92a0a7}.header-sale b{font-size:12px;color:var(--orange-2)}

/* hero */
.hero{position:relative;overflow:hidden;background:
 linear-gradient(90deg,rgba(74,168,216,.03) 1px,transparent 1px),
 linear-gradient(rgba(74,168,216,.025) 1px,transparent 1px),
 radial-gradient(circle at 80% 48%,rgba(74,168,216,.09),transparent 25%),
 linear-gradient(135deg,#0a0e11,#11181c 64%,#0a0f12);background-size:54px 54px,54px 54px,auto,auto;color:#fff}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.78fr);gap:78px;align-items:center;padding:104px 0 110px;position:relative;z-index:2}
.hero h1{margin:0;font:900 clamp(66px,8vw,118px)/.79 var(--sans);letter-spacing:-.07em;text-transform:uppercase}
.hero h1 span{display:block;color:var(--orange);font:750 clamp(42px,5vw,66px)/.9 var(--mono);letter-spacing:-.045em;margin-top:15px}
.hero h2{max-width:780px;margin:34px 0 15px;font-size:clamp(31px,3.7vw,49px);line-height:1.02;letter-spacing:-.045em}
.hero-copy>p:not(.kicker){max-width:760px;color:#b9c4c9;font-size:17px}
.hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}
.btn-primary,.btn-secondary,.sale-card>a,.domain-section a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 18px;text-decoration:none;font-size:12px;font-weight:900}
.btn-primary{background:var(--orange);color:#111517}.btn-secondary{border:1px solid #5f6b72;color:#fff}
.hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}
.hero-meta span{padding:6px 8px;border:1px solid #455159;color:#8e9ba2;font:800 8px var(--mono)}

/* technical bearing art */
.bearing-art{position:relative;min-height:530px;border:1px solid #3d4a51;background:radial-gradient(circle at 52% 50%,rgba(74,168,216,.09),transparent 40%);overflow:hidden}
.bearing-art:before{content:"";position:absolute;inset:20px;border:1px solid rgba(182,207,218,.09)}
.bearing{position:absolute;left:50%;top:47%;width:340px;height:340px;transform:translate(-50%,-50%) rotate(-13deg);border:38px solid #9ca7ac;border-radius:50%;box-shadow:
 inset 0 0 0 2px #eef3f5,inset 0 0 0 17px #59656b,0 20px 45px rgba(0,0,0,.35),0 0 0 1px #c9d0d3}
.bearing:before{content:"";position:absolute;inset:39px;border:25px solid #69757b;border-radius:50%;box-shadow:inset 0 0 0 2px #c8d0d3}
.bearing:after{content:"";position:absolute;inset:78px;border:2px solid #dfe5e7;border-radius:50%;background:#0d1215}
.ball{position:absolute;left:50%;top:50%;width:31px;height:31px;margin:-15.5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f1f5f6,#8a969b 45%,#4f5b60 75%);transform-origin:0 0}
.ball:nth-child(1){transform:rotate(0deg) translate(111px)}
.ball:nth-child(2){transform:rotate(45deg) translate(111px)}
.ball:nth-child(3){transform:rotate(90deg) translate(111px)}
.ball:nth-child(4){transform:rotate(135deg) translate(111px)}
.ball:nth-child(5){transform:rotate(180deg) translate(111px)}
.ball:nth-child(6){transform:rotate(225deg) translate(111px)}
.ball:nth-child(7){transform:rotate(270deg) translate(111px)}
.ball:nth-child(8){transform:rotate(315deg) translate(111px)}
.art-label{position:absolute;left:26px;right:26px;bottom:24px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #46535a;padding-top:14px}
.art-label span{font:800 8px var(--mono);color:#7e8b92;letter-spacing:.09em}.art-label strong{font:700 13px var(--mono);color:var(--orange-2)}

/* sale card */
.sale-card{padding:30px;border:1px solid rgba(232,117,38,.52);background:linear-gradient(145deg,rgba(17,24,28,.96),rgba(8,12,14,.99));box-shadow:0 28px 85px rgba(0,0,0,.28)}
.sale-card .tag{padding-bottom:12px;border-bottom:1px solid #39464d;font:800 9px var(--mono);color:#7f8d94;letter-spacing:.08em}
.sale-card>span{display:block;margin-top:19px;font-size:28px;color:#fff;font-weight:800}.sale-card small{display:block;font:800 9px var(--mono);color:#839199;margin-top:3px}
.sale-card strong{display:block;margin:12px 0 3px;color:var(--orange-2);font:850 clamp(43px,4vw,59px)/1 var(--sans);letter-spacing:-.05em}
.sale-card p{font-size:13px;color:#bcc5c9}.sale-card ul{list-style:none;padding:0;margin:16px 0;border-top:1px solid #39464d}.sale-card li{position:relative;padding:9px 0 0 18px;color:#d4dadd;font-size:12px}.sale-card li:before{content:"/";position:absolute;left:0;color:var(--orange)}
.sale-card>a{width:100%;margin-top:18px;background:var(--orange);color:#111517}

/* home sections */
.intro{padding:84px 0;background:var(--paper)}
.intro-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:78px}
.intro h2,.section-head h2,.article-section h2,.related-head h2{margin:0;color:#1d282e;font-size:clamp(39px,4.8vw,64px);line-height:.98;letter-spacing:-.052em}
.intro p,.section-head>p:last-child{font-size:17px;color:#505b61}
.info-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:29px}
.info-strip div{padding:17px;border-right:1px solid var(--line)}.info-strip div:first-child{padding-left:0}.info-strip div:last-child{border-right:0}
.info-strip strong{display:block;font:850 20px var(--mono);color:#203038}.info-strip span{display:block;font-size:12px;color:#747e83}
.cluster{padding:94px 0;background:#fff}
.section-head{max-width:860px;margin-bottom:40px}
.topic-list{border-top:1px solid var(--line)}
.topic{display:grid;grid-template-columns:66px 270px minmax(0,1fr) 30px;gap:22px;align-items:center;padding:28px 4px;border-bottom:1px solid var(--line);text-decoration:none;transition:.2s}
.topic:hover{padding-left:12px;background:linear-gradient(90deg,rgba(232,117,38,.06),transparent 76%)}
.topic .n{font:850 10px var(--mono);color:#b34f10}.topic h3{margin:0;font-size:25px;line-height:1.05;letter-spacing:-.025em}.topic p{margin:0;color:#6a757a;font-size:14px}.topic b{font-size:21px;color:var(--orange)}
.dark-section{padding:94px 0;background:var(--ink-2);color:#fff}
.dark-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}
.dark-section h2{margin:0;font-size:clamp(42px,5.2vw,68px);line-height:.95;letter-spacing:-.055em}.dark-section p{color:#b8c3c7}
.dark-points{border-top:1px solid #39464d}.dark-point{display:grid;grid-template-columns:70px minmax(0,1fr);gap:17px;padding:17px 0;border-bottom:1px solid #39464d}.dark-point span{font:800 10px var(--mono);color:var(--orange)}.dark-point strong{font-size:17px}.dark-point p{margin:3px 0 0;font-size:13px}

/* article */
.article-hero{padding:78px 0 72px;background:linear-gradient(135deg,#0a0f12,#172027);color:#fff;position:relative;overflow:hidden}
.article-hero:after{content:"";position:absolute;right:-120px;top:-190px;width:520px;height:520px;border:1px solid rgba(74,168,216,.11);border-radius:50%;box-shadow:0 0 0 65px rgba(74,168,216,.025),0 0 0 130px rgba(74,168,216,.012)}
.article-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:68px;align-items:center;position:relative;z-index:2}
.article-hero h1{margin:0;font-size:clamp(48px,6.5vw,83px);line-height:.92;letter-spacing:-.06em}.article-hero .lede{max-width:800px;color:#bac5ca;font-size:17px}
.article-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:21px}.article-tags span{padding:6px 8px;border:1px solid #435058;color:#89969d;font:800 8px var(--mono)}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:76px;padding:70px 0 86px}
.answer{padding:23px 25px;margin-bottom:42px;background:#e5eaE9;border-left:4px solid var(--orange);font-size:17px;line-height:1.72}.answer strong{display:block;margin-bottom:5px}
.article-section{padding-bottom:44px;margin-bottom:44px;border-bottom:1px solid var(--line)}
.article-section h2{font-size:clamp(31px,3.4vw,47px);margin-bottom:17px}.article-section h3{font-size:23px;margin:25px 0 8px}
.article-section p,.article-section li{font-size:17px;line-height:1.79;color:#364248}.article-section p{max-width:800px}.article-section a{font-weight:800;text-underline-offset:3px}
.guide-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.guide-list li{position:relative;padding:13px 0 13px 28px;border-bottom:1px solid var(--line)}.guide-list li:before{content:"—";position:absolute;left:0;color:var(--orange)}
.warning{padding:18px 20px;margin:22px 0;background:#f2e7dc;border-left:3px solid var(--orange);font-size:14px}.warning strong{display:block;margin-bottom:4px}
.data-table{width:100%;border-collapse:collapse;margin:24px 0;background:#fff;font-size:14px}.data-table th,.data-table td{text-align:left;padding:12px 13px;border-bottom:1px solid var(--line)}.data-table th{background:#e7eceb;font:850 10px var(--mono);letter-spacing:.04em}.data-table td:first-child{font-weight:800}.data-table tr:hover td{background:#f6f8f7}
.dim{display:inline-flex;gap:7px;align-items:center;font:800 11px var(--mono);color:#536068}.dim b{color:#1b262c}
.rail{display:flex;flex-direction:column;gap:12px}.rail-card,.rail-links,.sources{padding:20px;border:1px solid var(--line);background:#fff}.rail-card{position:sticky;top:94px;border-top:3px solid var(--orange)}
.rail-card>span,.rail-links>span,.sources>span{font:850 9px var(--mono);color:#b34f10;letter-spacing:.07em}.rail-card strong{display:block;margin:8px 0;font-size:19px}.rail-card p{font-size:13px;color:#707a7f}.rail-card a{font-size:12px;font-weight:850;color:#a34b15}
.rail-links{display:grid;gap:8px}.rail-links a{font-size:13px;text-decoration:none;color:#58636a}.sources{margin-top:26px}.sources ul{padding-left:18px;margin:10px 0 0}.sources li{margin:7px 0;font-size:12px}.sources a{overflow-wrap:anywhere}
.related{padding:42px 0 70px;border-top:1px solid var(--line)}
.related-head{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;align-items:end;margin-bottom:22px}.related-head span{font:850 9px var(--mono);color:#b34f10}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.related-card{position:relative;display:block;padding:24px 48px 24px 0;border-bottom:1px solid var(--line);text-decoration:none}.related-card:nth-child(odd){padding-right:63px;border-right:1px solid var(--line)}.related-card:nth-child(even){padding-left:28px}
.related-card small{font:850 8px var(--mono);color:#b34f10}.related-card strong{display:block;margin:5px 0;font-size:21px}.related-card p{margin:0;color:#707b80;font-size:13px}.related-card b{position:absolute;right:17px;top:27px;color:var(--orange);font-size:19px}

/* domain sale */
.domain-section{padding:74px 0;background:linear-gradient(135deg,#dfe5e4,#eef1f0);border-top:1px solid #c8d0d0}
.domain-grid{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:34px;align-items:center}.domain-grid span{font:850 9px var(--mono);color:#68747a}.domain-grid h2{margin:5px 0;font-size:clamp(39px,4.8vw,58px);letter-spacing:-.05em}.domain-grid p{margin:0;max-width:650px;color:#5c676d}.domain-price{font:900 clamp(34px,4vw,50px)/1 var(--sans);color:#a8480e;white-space:nowrap}.domain-section a{background:var(--ink);color:#fff;white-space:nowrap}

/* footer */
.footer{padding-top:50px;background:#0b0f12;color:#849198}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,.8fr);gap:42px;padding-bottom:32px}
.footer-brand{color:#fff;text-decoration:none;font-weight:900;letter-spacing:.1em}.footer-brand span{color:var(--orange)}.footer p{font-size:12px;max-width:430px}.footer-grid>div:not(:first-child){display:grid;align-content:start;gap:7px}.footer-grid>div:not(:first-child)>span{font:800 9px var(--mono);color:#657177}.footer a{color:#b9c3c7;text-decoration:none;font-size:12px}
.disclaimer{width:min(var(--max),calc(100% - 52px));margin:auto;padding:20px 0;border-top:1px solid #303b41}.disclaimer strong{display:block;font:850 9px var(--mono);color:#95a1a7}.disclaimer p{margin:5px 0 0;max-width:1120px;font-size:11px;line-height:1.65}
.footer-bottom{display:flex;justify-content:space-between;padding:18px 0 27px;border-top:1px solid #303b41;font:800 10px var(--mono)}.to-top{background:transparent;border:0;color:var(--orange-2);font:inherit;cursor:pointer}
.sale-float{position:fixed;right:17px;bottom:17px;z-index:85;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 34px);padding:10px 12px;background:#0e1417;color:#fff;border:1px solid rgba(232,117,38,.54);text-decoration:none;box-shadow:0 16px 45px rgba(0,0,0,.2)}.sale-float span{font:850 8px var(--mono);color:#96a3a9}.sale-float strong{font-size:15px}.sale-float b{padding:7px 9px;background:var(--orange);color:#111;font-size:10px}

/* responsive */
@media(max-width:1080px){.nav{display:none}.nav-toggle{display:block}.nav.open{display:flex;position:absolute;top:70px;left:16px;right:16px;flex-direction:column;align-items:stretch;gap:0;padding:9px;background:#11171b;border:1px solid #445159}.nav a{padding:10px}}
@media(max-width:980px){
 .hero-grid,.intro-grid,.dark-grid,.article-hero-grid,.article-layout,.domain-grid{grid-template-columns:minmax(0,1fr)}
 .hero-grid{gap:46px}.bearing-art{max-width:720px}.article-layout{gap:38px}.rail{display:grid;grid-template-columns:1fr 1fr}.rail-card{position:static}
 .info-strip{grid-template-columns:repeat(2,1fr)}.info-strip div:nth-child(2){border-right:0}.info-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/-1}
}
@media(max-width:720px){
 .shell,.narrow,.disclaimer{width:calc(100% - 28px)}
 .sale-ribbon .shell{min-height:0;padding:7px 0;gap:5px 8px;flex-wrap:wrap}.sale-ribbon span{display:none}
 .header-in{min-height:64px;gap:7px}.brand-icon{width:31px;height:31px}.brand strong{font-size:10px}.brand em{font-size:10px}.header-sale span{display:none}.header-sale{padding:7px 8px}.nav-toggle{font-size:8px;padding:7px 8px}
 .hero-grid{padding:60px 0 68px}.hero h1{font-size:clamp(48px,15.5vw,67px)}.hero h1 span{font-size:clamp(31px,9.5vw,43px)}.hero h2{font-size:clamp(29px,8.5vw,38px)}.hero-copy>p:not(.kicker){font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr}.btn-primary,.btn-secondary{width:100%}.hero-meta{display:none}
 .bearing-art{min-height:390px}.bearing{transform:translate(-50%,-50%) rotate(-13deg) scale(.72)}.sale-card{padding:23px}
 .intro,.cluster,.dark-section{padding:64px 0}.intro-grid,.dark-grid{gap:30px}.intro h2,.section-head h2,.dark-section h2{font-size:clamp(36px,10.8vw,51px)}
 .info-strip{grid-template-columns:1fr}.info-strip div{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.info-strip div:last-child{border-bottom:0}
 .topic{grid-template-columns:38px minmax(0,1fr) 20px;gap:10px;padding:23px 0}.topic h3{grid-column:2;font-size:23px}.topic p{grid-column:2;font-size:13px}.topic b{grid-column:3;grid-row:1/3}
 .article-hero{padding:53px 0}.article-hero h1{font-size:clamp(39px,11.6vw,58px)}.article-layout{padding:48px 0 62px}.article-section p,.article-section li{font-size:16px}.article-section h2{font-size:clamp(29px,8.6vw,39px)}.answer{font-size:16px;padding:19px}
 .rail{grid-template-columns:1fr}.data-table{font-size:12px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table th,.data-table td{white-space:nowrap}
 .related-head{grid-template-columns:1fr;gap:7px}.related-grid{grid-template-columns:1fr}.related-card:nth-child(odd){border-right:0;padding-right:47px}.related-card:nth-child(even){padding-left:0;padding-right:47px}
 .domain-grid{gap:17px}.domain-section a{width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}
 .sale-float{left:10px;right:10px;bottom:10px;justify-content:space-between;max-width:none}body{padding-bottom:59px}
}
@media(max-width:390px){.shell,.narrow,.disclaimer{width:calc(100% - 20px)}.hero h1{font-size:clamp(44px,14.5vw,56px)}.bearing-art{min-height:350px}.sale-float strong{font-size:13px}.sale-float b{font-size:9px}}


/* ===== V2 HERO / VIEWPORT POLISH ===== */

/* Desktop hero: prevent the domain from ever breaking into LAAGRIPOO / D */
.hero-grid{
  grid-template-columns:minmax(0,1.16fr) minmax(390px,.72fr)!important;
  gap:68px!important;
  padding:94px 0 102px!important;
}
.hero-domain{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:flex-end!important;
  gap:13px!important;
  margin:0!important;
  white-space:nowrap!important;
  text-transform:none!important;
  font:inherit!important;
  letter-spacing:normal!important;
  line-height:1!important;
  overflow:visible!important;
}
.hero-domain-name{
  display:inline-block!important;
  flex:0 1 auto!important;
  min-width:0!important;
  color:#fff!important;
  font:900 clamp(58px,6.65vw,104px)/.84 var(--sans)!important;
  letter-spacing:-.072em!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
}
.hero-domain-tld{
  display:inline-block!important;
  flex:0 0 auto!important;
  color:var(--orange)!important;
  font:800 clamp(32px,3.45vw,50px)/.9 var(--mono)!important;
  letter-spacing:-.045em!important;
  white-space:nowrap!important;
  margin:0!important;
  transform:translateY(-5px)!important;
}
.hero h2{
  max-width:720px!important;
  margin-top:32px!important;
  font-size:clamp(30px,3.25vw,45px)!important;
  line-height:1.06!important;
}
.hero-copy>p:not(.kicker){
  max-width:720px!important;
  font-size:16.5px!important;
  line-height:1.7!important;
}

/* The sale card should be obvious, but not visually heavier than the editorial side */
.hero .sale-card{
  max-width:100%!important;
  padding:29px 30px!important;
}
.hero .sale-card>span{font-size:27px!important}
.hero .sale-card strong{font-size:clamp(42px,3.6vw,55px)!important}
.hero .sale-card p{font-size:13px!important;line-height:1.65!important}

/* Top bar is readable at normal desktop distance */
.sale-ribbon .shell{min-height:44px!important}
.sale-ribbon strong{font-size:10.5px!important}
.sale-ribbon span{font-size:12.5px!important}
.sale-ribbon a{font-size:10px!important}

/* Header compactness */
.header-in{min-height:70px!important}
.nav{gap:18px!important}
.nav a{font-size:11.5px!important}
.header-sale{min-height:40px!important}

/* Floating sale CTA always remains inside the viewport */
.sale-float{
  right:16px!important;
  left:auto!important;
  bottom:16px!important;
  max-width:calc(100vw - 32px)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.sale-float span,.sale-float strong,.sale-float b{white-space:nowrap!important}

/* Improve first content section proportions */
.intro-grid{
  grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr)!important;
  gap:72px!important;
}
.intro h2{
  max-width:500px!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  font-size:clamp(40px,4.15vw,58px)!important;
  line-height:1.02!important;
}

/* Don't make normal editorial copy look tiny next to the giant hero */
.intro p,.section-head>p:last-child{font-size:16.5px!important;line-height:1.75!important}
.info-strip span{font-size:12.5px!important}
.topic p{font-size:14px!important;line-height:1.55!important}

/* Large desktop */
@media(min-width:1500px){
  .shell{width:min(1360px,calc(100% - 72px))!important}
  .hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(420px,.7fr)!important}
  .hero-domain-name{font-size:104px!important}
  .hero-domain-tld{font-size:50px!important}
}

/* Normal laptop / narrow desktop */
@media(max-width:1250px){
  .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(350px,.66fr)!important;
    gap:48px!important;
  }
  .hero-domain-name{font-size:clamp(54px,6.6vw,82px)!important}
  .hero-domain-tld{font-size:clamp(30px,3.6vw,42px)!important}
  .hero h2{font-size:clamp(29px,3.4vw,40px)!important}
}

/* Tablet: card goes below, domain remains one line where possible */
@media(max-width:980px){
  .hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:38px!important}
  .hero .sale-card{max-width:760px!important}
  .hero-domain-name{font-size:clamp(58px,11vw,92px)!important}
  .hero-domain-tld{font-size:clamp(32px,6vw,47px)!important}
}

/* Mobile: controlled scaling, never horizontal overflow */
@media(max-width:720px){
  .hero-grid{padding:58px 0 66px!important;gap:34px!important}
  .hero-domain{gap:7px!important;max-width:100%!important}
  .hero-domain-name{
    font-size:clamp(40px,13.2vw,62px)!important;
    letter-spacing:-.066em!important;
  }
  .hero-domain-tld{
    font-size:clamp(23px,7.3vw,34px)!important;
    transform:translateY(-2px)!important;
  }
  .hero h2{font-size:clamp(28px,8.4vw,37px)!important;margin-top:26px!important}
  .hero-copy>p:not(.kicker){font-size:16px!important}
  .intro-grid{grid-template-columns:1fr!important;gap:28px!important}
  .intro h2{max-width:none!important;font-size:clamp(35px,10.4vw,48px)!important}
  .sale-float{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    max-width:none!important;
  }
}
@media(max-width:390px){
  .hero-domain-name{font-size:clamp(37px,12.7vw,49px)!important}
  .hero-domain-tld{font-size:clamp(21px,6.9vw,27px)!important}
  .hero .sale-card{padding:21px!important}
  .sale-ribbon strong{font-size:9px!important}
}

.footer-legal{display:flex;gap:8px;align-items:center;margin-left:auto;font-size:11px}.footer-legal a{color:inherit}.cookie-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:99999;display:flex;justify-content:center;opacity:0;transform:translateY(12px);pointer-events:none;transition:.18s}.cookie-consent.open{opacity:1;transform:none;pointer-events:auto}.cookie-card{width:min(980px,100%);background:#f3efe5;color:#111820;border:1px solid #c9c2b6;box-shadow:0 22px 70px rgba(0,0,0,.28);padding:20px 22px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.cookie-card strong{display:block;font-size:19px;margin-bottom:5px}.cookie-card p{margin:0;max-width:680px;line-height:1.5;color:#566069}.cookie-links{display:flex;gap:14px;margin-top:8px}.cookie-links a{color:#33414a;font-size:12px}.cookie-actions{display:flex;gap:10px}.cookie-actions button{cursor:pointer;font-weight:800}.cookie-all{min-height:48px;padding:0 24px;background:#f17721;border:1px solid #f17721;color:#081015}.cookie-essential{min-height:42px;padding:0 15px;background:transparent;border:1px solid #9ca3a8;color:#59636a}.legal-main{background:#f2eee5;padding:70px 0 90px;color:#10161a}.legal-wrap{width:min(820px,calc(100% - 40px));margin:auto}.legal-wrap h1{font-size:clamp(42px,6vw,70px);margin:0 0 18px}.legal-lede,.legal-wrap p{font-size:16px;line-height:1.7;color:#505a60}.legal-wrap h2{font-size:27px;margin:34px 0 8px}@media(max-width:720px){.footer-bottom{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important}.footer-legal{margin-left:0!important;flex-wrap:wrap}.cookie-consent{left:9px;right:9px;bottom:9px}.cookie-card{grid-template-columns:1fr;gap:14px;padding:16px;max-height:calc(100vh - 18px);overflow:auto}.cookie-actions{display:grid;grid-template-columns:1fr}.cookie-actions button{width:100%}.legal-wrap{width:calc(100% - 28px)}}
