@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#101012;--panel:#18181b;--line:#2a2a2e;--text:#f7f7f7;--muted:#9b9ba4;--orange:#ec5e00;--paper:#f2f2ef;--ink:#171719}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}
header{height:82px;max-width:1220px;margin:auto;padding:0 24px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:30px}.brand img{height:49px;width:auto;display:block}.brand{overflow:hidden;width:245px}nav{display:flex;gap:27px;margin:auto}nav a,.login{font-size:13px;color:#c2c2c8}.login{font-weight:700}.login span,.orange{color:var(--orange)}
.hero{max-width:1220px;margin:auto;padding:92px 24px 65px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:1.8px;color:#aaa}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--orange);margin-right:9px}.hero h1,.cta h2{font-size:clamp(58px,8vw,110px);line-height:.9;letter-spacing:-6px;margin:25px 0}.hero h1 em,.cta h2 em{font-style:normal;color:var(--orange)}.lead{max-width:690px;color:#aaa;font-size:18px;line-height:1.65}.search{max-width:930px;margin-top:48px;background:#fff;display:flex;align-items:center;padding:8px 8px 8px 20px}.search .glass{color:#555;font-size:23px}.search input{flex:1;border:0;outline:0;padding:17px;color:#111}.search button,.btn{border:0;background:var(--orange);color:#fff;padding:18px 22px;font-weight:800;font-size:13px;cursor:pointer}.tlds{max-width:930px;padding:15px 2px;color:#686870;font-size:11px}.tlds b{color:#ccc}.searchmsg{display:none;color:#aaa;font-size:12px;margin-top:11px}.trust{border-top:1px solid var(--line);margin-top:43px;padding-top:22px;color:#85858e;font-size:12px;display:flex;gap:28px;flex-wrap:wrap}
.paper{background:var(--paper);color:var(--ink);padding:95px max(24px,calc((100vw - 1172px)/2))}.sectionhead{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end}.sectionhead h2,.why h2{font-size:clamp(43px,5.4vw,74px);letter-spacing:-4px;line-height:.96;margin:18px 0}.sectionhead p{color:#666;line-height:1.7}.billing{display:flex;gap:8px;margin:42px 0 25px}.billing button{border:1px solid #cfcfcb;background:transparent;padding:11px 16px;font-weight:700;font-size:12px;cursor:pointer}.billing button.active{background:#171719;color:#fff;border-color:#171719}.save{color:var(--orange);margin-left:5px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.plan{border:1px solid #d2d2ce;background:#fafaf7;padding:29px;position:relative}.plan.featured{border:2px solid var(--orange)}.badge{position:absolute;top:-13px;right:20px;background:var(--orange);color:#fff;padding:7px 10px;font-size:10px;font-weight:800;letter-spacing:.6px}.planname{font-size:11px;font-weight:800;letter-spacing:1.3px}.plan h3{font-size:27px;margin:14px 0 6px}.plan .desc{min-height:45px;color:#777;font-size:12px;line-height:1.5}.price{margin:25px 0 4px;display:flex;align-items:end;gap:9px}.price strong{font-size:54px;letter-spacing:-4px}.price span{font-size:11px;color:#777;line-height:1.4;margin-bottom:7px}.price-note{font-size:10px;color:#8a8a8e;min-height:30px}.plan .btn{display:block;text-align:center;margin:20px 0 23px}.plan ul{list-style:none;padding:0;margin:0;border-top:1px solid #ddd}.plan li{font-size:12px;padding:10px 0;border-bottom:1px solid #e1e1dd}.plan li:before{content:'✓';color:var(--orange);font-weight:800;margin-right:8px}
.featurebar{background:#18181b;padding:70px max(24px,calc((100vw - 1172px)/2));display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.featurebar div{padding:25px;border-left:1px solid #303034}.featurebar b{display:block;font-size:15px;margin:14px 0 8px}.featurebar p{font-size:12px;line-height:1.6;color:#8f8f98}.featurebar i{font-style:normal;color:var(--orange);font-size:22px}
.why{max-width:1220px;margin:auto;padding:95px 24px}.whygrid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px}.whygrid div{border:1px solid var(--line);padding:28px;min-height:210px}.whygrid span{color:var(--orange);font-size:11px}.whygrid h3{margin-top:55px}.whygrid p{color:#888;font-size:12px;line-height:1.65}
.faq{background:#f2f2ef;color:#171719;padding:90px max(24px,calc((100vw - 900px)/2))}.faq h2{font-size:45px;letter-spacing:-2px}.faq details{border-top:1px solid #ccc;padding:20px 0}.faq details:last-child{border-bottom:1px solid #ccc}.faq summary{font-weight:700;cursor:pointer}.faq details p{color:#666;line-height:1.65;font-size:13px}
.cta{background:var(--orange);padding:85px max(24px,calc((100vw - 1172px)/2))}.cta .kicker{color:#fff9}.cta h2{font-size:clamp(58px,7vw,96px)}.cta h2 em{color:#18181a}.white{display:inline-block;background:#fff;color:#171719;padding:17px 22px;font-weight:800;font-size:13px}
footer{max-width:1220px;margin:auto;padding:55px 24px 25px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px;color:#85858d;font-size:11px}footer .brand{width:230px}footer>div{display:flex;flex-direction:column;gap:11px}footer b{color:#ddd}footer .copy{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}
.cookie{position:fixed;z-index:30;left:22px;right:22px;bottom:22px;max-width:780px;margin:auto;background:#fff;color:#171719;padding:22px;box-shadow:0 10px 50px #0007;display:none}.cookie.show{display:block}.cookie h3{margin:0 0 8px}.cookie p{font-size:12px;line-height:1.55;color:#666}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap}.cookie button{border:1px solid #ccc;background:#fff;padding:11px 15px;font-weight:700;cursor:pointer}.cookie .accept{background:#171719;color:#fff;border-color:#171719}.cookie-settings{display:none;margin:15px 0}.cookie-settings.show{display:block}.toggle{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid #eee;font-size:12px}
.chatbtn{position:fixed;z-index:20;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;border:0;background:var(--orange);color:#fff;font-size:23px;box-shadow:0 8px 30px #0005;cursor:pointer}.chat{position:fixed;z-index:25;right:24px;bottom:94px;width:min(370px,calc(100vw - 30px));background:#fff;color:#171719;box-shadow:0 15px 55px #0008;display:none}.chat.open{display:block}.chathead{background:#18181b;color:#fff;padding:18px;display:flex;justify-content:space-between}.chathead small{color:#aaa;display:block;margin-top:4px}.chathead button{background:none;border:0;color:#fff;font-size:20px;cursor:pointer}.messages{height:270px;overflow:auto;padding:15px;background:#f5f5f2}.msg{max-width:85%;padding:10px 12px;margin:7px 0;font-size:12px;line-height:1.45;background:#fff}.msg.user{margin-left:auto;background:#18181b;color:#fff}.chatquick{padding:8px 12px;display:flex;gap:6px;flex-wrap:wrap}.chatquick button{border:1px solid #ddd;background:#fff;padding:7px 9px;font-size:10px;cursor:pointer}.chatform{display:flex;border-top:1px solid #ddd}.chatform input{flex:1;border:0;padding:14px;outline:0}.chatform button{border:0;background:var(--orange);color:#fff;width:48px}
.legal{max-width:900px;margin:auto;padding:80px 24px 110px}.legal h1{font-size:52px;letter-spacing:-3px}.legal h2{margin-top:35px}.legal p,.legal li{color:#aaa;line-height:1.7;font-size:13px}.notice{border:1px solid #49301f;background:#1d1713;padding:16px;color:#d7b99f!important}
@media(max-width:850px){nav{display:none}header{justify-content:space-between}.brand{width:180px}.brand img{height:39px}.hero h1{letter-spacing:-4px}.search button{font-size:0}.search button:after{content:'→';font-size:18px}.sectionhead,.plans{grid-template-columns:1fr}.featurebar{grid-template-columns:1fr 1fr}.whygrid{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}footer>.brand{grid-column:1/-1}.plan .desc{min-height:auto}}

/* BLK Hosting – domeeni kolimistaotlus */
.migration-panel[hidden] {
  display: none !important;
}

.migration-panel {
  max-width: 850px;
  margin: 30px auto;
  padding: 32px;
  background: #ffffff;
  color: #17212c;
  border: 1px solid #e3e8ee;
  border-radius: 20px;
  text-align: left;
  box-shadow: 0 12px 40px rgba(0,0,0,.10);
}

.migration-panel h2 {
  font-size: clamp(26px, 4vw, 36px);
  margin: 0 0 10px;
  color: #17212c;
}

.migration-panel > p {
  color: #657080;
  margin-bottom: 24px;
}

#migrationForm {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
}

#migrationForm > label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #17212c;
}

#migrationForm > label:first-child,
#migrationForm fieldset,
#migrationForm > label:has(textarea),
#migrationForm .migration-submit,
#migrationFeedback {
  grid-column: 1 / -1;
}

#migrationForm input:not([type="checkbox"]),
#migrationForm select,
#migrationForm textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 13px 14px;
  border: 1px solid #ccd4de;
  border-radius: 9px;
  background: #fff;
  color: #17212c;
  font: inherit;
}

#migrationForm input[readonly] {
  background: #f2f5f8;
}

#migrationForm fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

#migrationForm legend {
  font-weight: 600;
  margin-bottom: 12px;
}

#migrationForm fieldset label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-right: 24px;
  margin-bottom: 8px;
  color: #17212c;
}

#migrationForm input[type="checkbox"] {
  width: 18px;
  height: 18px;
}

#migrationForm .migration-honey {
  position: absolute;
  left: -99999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#migrationForm .migration-submit {
  padding: 15px 24px;
  border: 0;
  border-radius: 10px;
  background: #17212c;
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

#migrationForm .migration-submit:disabled {
  opacity: .6;
  cursor: not-allowed;
}

#migrationFeedback {
  margin: 0;
  font-weight: 600;
}

@media (max-width: 650px) {
  .migration-panel {
    padding: 20px;
  }
  #migrationForm {
    grid-template-columns: 1fr;
  }
  #migrationForm > * {
    grid-column: 1 / -1;
  }
}