:root{--bg:#061020;--panel:#0b1c37;--blue:#124bff;--stroke:#24416e;--ink:#f6f8ff;--muted:#a8b7d0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 65% 0,#102c76 0,transparent 35%),var(--bg);font:15px/1.6 Inter,Segoe UI,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #91aaff;outline-offset:3px}.sr-only,.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:30;background:white;color:#000;padding:.8rem}.wrap{width:min(1320px,100%);margin:auto;padding-inline:28px}.header{position:sticky;top:0;z-index:20;background:#061020ed;border-bottom:1px solid #1d355c;backdrop-filter:blur(15px)}.navigation{min-height:78px;display:flex;align-items:center;gap:29px}.brand{display:flex;align-items:center;gap:7px;font-weight:800;font-size:23px;white-space:nowrap}.mark{width:40px;height:40px;filter:drop-shadow(0 0 8px #164bff66);transition:.3s}.brand:hover .mark{transform:scale(1.09);filter:drop-shadow(0 0 15px #225eff)}.nav{display:flex;align-items:center;gap:20px;flex:1;font-size:12px;font-weight:650}.nav>a:not(.btn){padding-block:26px 23px;border-bottom:2px solid transparent}.nav>a.active,.nav>a:hover{color:#80a0ff;border-color:#124bff}.nav .login{margin-left:auto}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;background:linear-gradient(125deg,#124bff,#0033cc);border:1px solid #3465fa;color:white;padding:13px 22px;font-size:13px;font-weight:700;border-radius:9px;box-shadow:0 8px 25px #0037c22d;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #174cff77}.btn.small{padding:10px 14px}.btn.outline{background:#071429b8;border-color:#51688e;box-shadow:none}.btn.outline:hover{background:#10285c}.menu-button{display:none}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;min-height:540px;align-items:center}.hero-text{padding-block:62px}.eyebrow{color:#7398ff;font-weight:800;letter-spacing:2px;font-size:11px;margin:0 0 17px}h1{font-size:clamp(43px,4.5vw,70px);line-height:1.08;letter-spacing:-3px;margin:0 0 21px}h1 em{font-style:normal;color:#2860ff}.lead{font-size:17px;color:#b9c6df;max-width:680px;margin:0 0 27px}.actions{display:flex;gap:14px;flex-wrap:wrap}.meta{font-size:12px;color:#afbdd5;margin:26px 0}.hero-graphic{height:450px;display:grid;place-items:center;position:relative;overflow:hidden}.halo{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#164bff77,#0036ac20 58%,transparent 70%);filter:blur(20px)}.racks{display:flex;align-items:end;gap:11px;position:relative;transform:perspective(650px) rotateY(-13deg)}.rack{width:97px;height:225px;border:1px solid #4167ad;border-radius:9px;background:repeating-linear-gradient(to bottom,#0c2147 0 18px,#194fba 19px 23px,#061125 24px 32px);box-shadow:0 0 40px #0033cc70,10px 13px 30px #0009}.rack.tall{width:131px;height:312px}.float-label{position:absolute;top:75px;right:0;background:#081b3be9;border:1px solid #325aa5;padding:15px;border-radius:12px;font-size:13px}.float-label b{display:block;color:#60daa9}.features-band{background:#09182d;border-block:1px solid #1c355b}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-block:20px}.benefits>div{display:flex;align-items:center;gap:16px}.benefits b{font-size:28px;color:#3267ff}.benefits span{display:flex;flex-direction:column}.benefits strong{font-size:14px}.benefits small{font-size:12px;color:var(--muted)}.section{padding-block:61px}.section h2,.domain-strip h2{font-size:31px;line-height:1.2;letter-spacing:-1px;margin:0 0 9px}.muted{color:var(--muted);margin:0 0 25px}.cards,.tldcards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card,.tld,.detailcard{background:linear-gradient(145deg,#102343,#08172c);border:1px solid var(--stroke);padding:23px;border-radius:11px;transition:transform .3s,border-color .3s,box-shadow .3s}.card:hover,.tld:hover,.detailcard:hover{transform:translateY(-6px);border-color:#386aff;box-shadow:0 14px 35px #001e75aa}.card.recommended{border-color:#3268ff}.card-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:11px;background:#15315e;color:#78a1ff;font-size:28px;margin-bottom:17px}.card h3{font-size:18px;margin:0}.price{color:#87a5ff;margin:2px 0 21px;font-size:13px}.card ul{padding:0;list-style:none;color:#bbc9dd;font-size:12px;margin:0 0 24px}.card li{margin:9px 0}.card li:before{content:'✓';color:#4f81ff;margin-right:9px}.textlink{color:#6897ff;font-size:13px;font-weight:750}.textlink:hover{text-decoration:underline}.note{font-size:11px;color:#95a5be;margin-top:15px}.domain-strip{background:#0b1e3d;border:1px solid #2e5394;border-radius:12px;padding-block:23px;margin-bottom:70px;display:flex;align-items:center;justify-content:space-between;gap:25px}.domain-strip h2{font-size:20px}.domain-strip p{font-size:13px;color:var(--muted);margin:0}.domain-strip form{display:flex;gap:10px;flex:1;max-width:650px}input{color:white;background:#071429;border:1px solid #3b5d93;border-radius:9px;padding:13px 16px;min-width:0}input::placeholder{color:#8294b0}input:focus{border-color:#6393ff}.domain-strip input{flex:1}.subhero{padding-block:100px 80px;min-height:350px}.subhero h1{max-width:1050px}.detailcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detailcard b{font-size:25px;color:#4a82ff}.detailcard h3{margin:8px 0}.detailcard p{color:var(--muted);font-size:13px}.banner{display:flex;gap:22px;align-items:center;justify-content:space-between;background:#0a2046;border:1px solid #315ab0;border-radius:10px;padding:20px 22px;margin-top:25px;font-size:13px}.banner span{color:#b9c5dd}.domain-hero{padding-bottom:15px}.search{display:flex;align-items:center;border:1px solid #3768ee;border-radius:10px;background:#091b39;gap:14px;padding:8px}.search span{font-size:30px;color:#7297ff;margin-left:13px}.search input{background:transparent;border:0;flex:1}.tld h3{font-size:50px;line-height:1;margin:0 0 20px;letter-spacing:-2px}.tld h3:before{content:'·';color:#145aff}.tld strong{display:block;font-size:22px;margin-bottom:16px}.tld small{font-size:12px;font-weight:400}.tabletitle{margin-top:48px!important}.tablebox{overflow:auto;border:1px solid var(--stroke);border-radius:11px}.tablebox table{border-collapse:collapse;text-align:left;width:100%;min-width:600px}.tablebox th,.tablebox td{padding:16px 21px;border-bottom:1px solid #1f365d}.tablebox thead{background:#0d2448;color:#afbed9}.tablebox tbody tr:nth-child(odd){background:#0a1a33}.tablebox tbody tr:hover{background:#153261}.footer{border-top:1px solid #20395f;padding:25px 0;color:#9aabc5;font-size:11px}.footrow{display:flex;justify-content:space-between;gap:20px}.footrow nav{display:flex;gap:24px}.footer a:hover{color:#8aa5ff}@media(max-width:1100px){.nav{gap:10px;font-size:11px}.cards,.tldcards{grid-template-columns:repeat(2,1fr)}.hero-graphic{transform:scale(.85)}.domain-strip{flex-direction:column;align-items:stretch}.domain-strip form{max-width:none}}@media(max-width:850px){.menu-button{display:block;margin-left:auto;background:#122b5b;color:white;border:1px solid #4265a1;border-radius:7px;padding:7px 12px;font-size:20px}.nav{display:none;position:absolute;top:77px;left:0;right:0;background:#071529;padding:14px 28px 26px;flex-direction:column;align-items:stretch;font-size:14px;border-bottom:1px solid #3156a0}.nav.open{display:flex}.nav>a:not(.btn){padding:10px 0}.nav .login{margin-left:0}.hero{grid-template-columns:1fr}.hero-text{padding-bottom:0}.hero-graphic{height:260px;transform:scale(.7);margin-top:-70px}.benefits{grid-template-columns:1fr}.detailcards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.wrap{padding-inline:18px}h1{font-size:43px;letter-spacing:-2px}.lead{font-size:15px}.hero-graphic{display:none}.hero{min-height:0;padding-bottom:45px}.section h2{font-size:26px}.cards,.tldcards,.detailcards{grid-template-columns:1fr}.domain-strip form,.search{flex-direction:column;align-items:stretch}.search span{display:none}.search input{width:100%}.subhero{padding-block:65px}.banner,.footrow{flex-direction:column;align-items:flex-start}.footrow nav{flex-wrap:wrap;gap:12px}.actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
