:root{--ink:#182a2b;--muted:#627170;--paper:#f7f8f4;--green:#cff56a;--line:#dde3db}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}header{max-width:1440px;margin:auto;height:112px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{font-size:20px;font-weight:850;letter-spacing:1.3px;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-sub{font-size:8px;max-width:65px;white-space:normal;line-height:1.5;letter-spacing:1.5px;border-left:1px solid #aebcb2;padding-left:12px}.logo{background:var(--ink);color:var(--green);border-radius:8px;font-size:25px;letter-spacing:-7px;width:39px;height:39px;padding:4px 8px}.logo span{font-size:19px}nav{display:flex;align-items:center;gap:28px}nav button,.textlink{border:0;background:none;color:var(--ink);padding:10px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:0;background:var(--ink);color:#fff;border-radius:7px;padding:17px 22px;font-size:14px;font-weight:600}.button:hover{background:#34504a}.button:disabled{opacity:.5;cursor:not-allowed}.small{padding:13px 18px}.light{background:var(--green);color:var(--ink)}main{max-width:1440px;padding:0 6%;margin:auto}.notice{padding:12px 0;color:var(--muted);font-size:11px;letter-spacing:.3px}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:70px;padding:68px 0 78px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:8px}.dot{height:7px;width:7px;display:inline-block;border-radius:50%;background:#71b44b}h1{font-size:clamp(34px,4.2vw,60px);line-height:1.1;letter-spacing:-2.7px;font-weight:600;margin:27px 0 24px}h1 span{color:#75867a}p{color:var(--muted);line-height:1.8}.hero p{font-size:16px;margin-bottom:30px}.hero .textlink{margin-left:23px;font-size:13px}.hero-meta{display:flex;gap:22px;margin-top:43px;font-size:9px;color:var(--muted)}.rack{border:1px solid #bbcabd;background:linear-gradient(135deg,#e8eedf,#d8e0d0);border-radius:17px;padding:28px 22px 35px;position:relative;transform:perspective(1000px) rotateY(-7deg) rotateX(3deg);box-shadow:20px 30px 60px #27492c12}.rack-label,.rack-bottom{font-size:8px;letter-spacing:1px;display:flex;justify-content:space-between;margin-bottom:25px}.server{height:72px;border:1px solid #60776a;background:linear-gradient(#344c43,#223b33);box-shadow:0 6px 0 #142d2522;border-radius:6px;margin:13px 0;display:flex;align-items:center;gap:14px;padding:15px;color:#e5eedb}.server i{width:4px;height:30px;border-radius:2px;background:#b9e45e}.server b{font-size:9px;font-weight:500;letter-spacing:1px;white-space:nowrap}.slots{color:#7f9587;font-size:22px;letter-spacing:3px;flex:1}.server em{font-size:8px;color:#bcf477;font-style:normal}.rack-bottom{margin:25px 0 0;color:#556c5b}.floating{position:absolute;bottom:-18px;right:-15px;background:#fff;padding:16px 21px;border:1px solid var(--line);border-radius:7px;font-size:11px;box-shadow:0 8px 20px #2341230a}.floating .dot{margin-right:8px}#products{border-top:1px solid var(--line);padding-top:49px;scroll-margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}h2{font-size:32px;letter-spacing:-1px;font-weight:500;margin:16px 0}.section-head p{font-size:12px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:25px;flex-wrap:wrap}.tabs button{padding:11px 18px;border:1px solid transparent;border-radius:6px;background:none;color:#617067;font-size:12px}.tabs .selected{background:var(--ink);color:#fff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{border:1px solid var(--line);border-radius:9px;background:#fff;padding:25px;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:#8aa079}.card-top{display:flex;justify-content:space-between;align-items:center}.icon{font-family:monospace;font-size:23px;background:#eff3e9;width:42px;height:42px;display:grid;place-items:center;border-radius:9px}.category{color:#778674;font-size:9px;letter-spacing:1px;text-transform:uppercase}.card h3{font-size:23px;font-weight:500;margin:21px 0 5px;letter-spacing:-.6px}.card p{font-size:12px;min-height:42px;margin-top:6px}.price{font-size:32px;letter-spacing:-1px;margin:20px 0}.price small{font-size:11px;letter-spacing:0;color:var(--muted)}.specs{border-top:1px solid var(--line);list-style:none;padding:17px 0 12px;margin:0;line-height:2.3;font-size:12px}.specs li:before{content:'✓';color:#68914d;margin-right:12px}.card .button{margin-top:auto;background:#f0f4e9;color:var(--ink);padding:13px 16px}.card .button:hover{background:var(--green)}.fine{font-size:10px;line-height:1.7;color:var(--muted)}.colo{margin:65px 0 30px;background:var(--ink);color:white;padding:45px 48px;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.colo .eyebrow{color:#c0dbab}.colo h2{font-size:39px;line-height:1.1}.colo p,.colo .fine{color:#b2c4bb;font-size:12px}.colo form{display:flex;flex-direction:column;align-items:stretch;gap:13px}.colo label{color:#d7e3d8}.colo textarea{background:#2a4140;border:1px solid #54706a;color:white;min-height:110px}.colo textarea::placeholder{color:#b2c4bb}.colo .button{align-self:flex-start}.domain-teaser{border:1px dashed #bcc9b8;border-radius:8px;position:relative;padding:25px 30px;margin-bottom:65px}.domain-teaser>span:first-child{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.domain-teaser h3{font-size:19px;margin:10px 0}.domain-teaser p{font-size:12px;margin:5px 0}.pill{border-radius:20px;background:#e8eedf;font-size:10px;padding:8px 12px}.domain-teaser .pill{position:absolute;right:30px;top:40px}footer{padding:35px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:var(--muted)}footer .brand{font-size:13px;color:var(--ink)}footer>span:last-child{max-width:270px;line-height:1.6}dialog{border:1px solid var(--line);border-radius:12px;padding:35px;max-width:490px;width:calc(100% - 30px);color:var(--ink);box-shadow:0 20px 90px #0003}dialog::backdrop{background:#122b2866;backdrop-filter:blur(4px)}.close{position:absolute;right:15px;top:10px;font-size:25px;border:0;background:none;color:var(--muted)}form label{display:block;font-size:12px;margin:14px 0 8px}input,textarea{border:1px solid #cad5c6;border-radius:6px;padding:12px;width:100%;background:white;color:var(--ink)}textarea{resize:vertical;min-height:90px}.check{display:flex;gap:10px;line-height:1.6;align-items:flex-start}.check input{width:auto;margin-top:3px}dialog form>.button{width:100%;margin-top:16px}dialog .textlink{font-size:12px;margin-top:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:16px 24px;max-width:90%;background:var(--ink);color:white;border-radius:8px;z-index:5;box-shadow:0 10px 40px #0003;font-size:13px}#services-view,#admin-view{min-height:65vh;padding:45px 0}.service{padding:24px;border:1px solid var(--line);background:white;border-radius:8px;margin:15px 0}.service-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.service h3{margin:0;font-weight:500}.service p{font-size:12px}.service .button{font-size:12px;padding:11px 16px}.service code{word-break:break-all;display:block;font-size:11px;line-height:1.8;white-space:pre-wrap}.error{color:#9b4a35!important}.empty{padding:60px 20px;text-align:center;border:1px dashed var(--line);border-radius:8px}.admin-entry{padding:15px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.9;overflow-wrap:anywhere}[hidden]{display:none!important}@media(min-width:1440px){.hero{padding-top:90px;padding-bottom:100px}}@media(max-width:1000px){header{padding:0 5%;gap:15px}nav{gap:13px;font-size:12px}.brand-sub{display:none}main{padding:0 5%}.hero{gap:30px}.hero-meta{flex-wrap:wrap;gap:12px}.slots{font-size:15px;letter-spacing:0}.cards{grid-template-columns:repeat(2,1fr)}.colo{gap:30px;padding:32px}.hero .textlink{display:block;margin:15px 0 0}}@media(max-width:650px){header{height:auto;min-height:85px;flex-wrap:wrap;padding:20px 5%}header nav{order:3;flex-basis:100%;justify-content:space-between}.brand{font-size:16px}.hero{grid-template-columns:1fr;padding:40px 0 55px;gap:45px}h1{font-size:41px;letter-spacing:-1.8px}.hero p{font-size:14px}.hero-meta{margin-top:25px}.rack{margin:0 20px;max-width:400px}.section-head{align-items:flex-start;flex-direction:column;gap:0}h2{font-size:28px}.section-head p{margin-top:0}.cards{grid-template-columns:1fr}.tabs{gap:3px}.tabs button{padding:10px 12px}.colo{grid-template-columns:1fr;gap:15px;margin-top:40px;padding:28px}.domain-teaser{padding:23px}.domain-teaser .pill{position:static;display:inline-block;margin-top:12px}footer{flex-direction:column;align-items:flex-start;padding:28px 5%}.service-head{align-items:flex-start}.notice{font-size:9px}.floating{right:-10px;font-size:10px}}

.domain-proof{padding:8px 12px;background:#eff3e9;border-radius:6px;margin-top:12px}.domain-proof pre,#credentials-result{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;line-height:1.8;font-size:11px}.domain-proof .textlink{font-size:12px}#credentials-result{background:#eff3e9;padding:12px;border-radius:6px}

.billing-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:35px}#billing-view{min-height:65vh;padding:45px 0}#billing-form{margin-top:0}#billing-form>.button{margin-top:25px}#billing-form h3{margin-top:0}@media(max-width:750px){.billing-grid{grid-template-columns:1fr}}