:root{
  --ink:#1d1e20; --muted:#6d7081; --line:#dadce0; --bg:#f4f5ff;
  --dark:#1d1e20; --purple-d:#2f1c6a; --purple:#673de6; --purple-h:#5025d1; --lilac:#ebe4ff;
  --coral:#fc5f5f; --green:#00b090; --white:#fff;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",system-ui,sans-serif;color:var(--ink);background:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 15px "DM Sans",sans-serif;padding:14px 28px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:.2s}
.btn-primary{background:var(--purple);color:#fff}.btn-primary:hover{background:var(--purple-h)}
.btn-white{background:#fff;color:var(--dark)}.btn-white:hover{background:var(--lilac)}
.btn-outline{border-color:var(--purple);color:var(--purple);background:#fff}.btn-outline:hover{background:var(--lilac)}
.btn-block{width:100%}

/* top bar */
.topbar{background:var(--coral);color:#fff;font-size:13px;font-weight:500;overflow:hidden}
.topbar .wrap{display:flex;justify-content:space-around;gap:24px;padding:9px 24px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.topbar .wrap::-webkit-scrollbar{display:none}

/* nav */
.nav{background:var(--dark);color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #ffffff14}
.nav .wrap{display:flex;align-items:center;gap:32px;height:72px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:.5px}
.brand img{height:34px;width:auto}.brand span span{color:#a58bff}
.nav-links{display:flex;gap:26px;font-size:14px;font-weight:500;margin-left:12px}
.nav-links a{opacity:.85}.nav-links a:hover{opacity:1;color:#c3b3ff}
.nav-cta{margin-left:auto;display:flex;gap:12px;align-items:center}
.nav .btn{padding:10px 18px;font-size:14px}
.nav .btn-ghost{border-color:#ffffff40;color:#fff}.nav .btn-ghost:hover{background:#ffffff14}

footer{background:var(--dark);color:#ffffffb0;font-size:14px;padding:56px 0 30px}
.foot{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px}
.foot h4{color:#fff;font-size:15px;margin-bottom:14px}
.foot a{display:block;margin-bottom:9px}.foot a:hover{color:#fff}
.foot-bottom{border-top:1px solid #ffffff1c;margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px}

:root{--ink:#1d1e20;--muted:#6d7081;--line:#dadce0;--bg:#f4f5ff;--dark:#1d1e20;--purple-d:#2f1c6a;--purple:#673de6;--purple-h:#5025d1;--lilac:#ebe4ff;--coral:#fc5f5f;--green:#00b090;--white:#fff}
body{font-family:'DM Sans',system-ui,sans-serif;background:#fff;color:var(--ink)}p{color:var(--muted)}h1,h2,h3{font-weight:700}h2{font-size:clamp(30px,4vw,44px);letter-spacing:-1px}h1 span,h2 span{color:var(--purple)}.wrap{max-width:1240px;padding:0 24px}.section{padding:84px 0}.hero{padding:64px 0;background:radial-gradient(1100px 520px at 50% 0%,#4a2aa8,#2f1c6a 38%,#150f2c);color:#fff}.hero h1{font-size:clamp(40px,5.5vw,72px);letter-spacing:-2px;text-shadow:none}.hero h1 span{color:#c3b3ff}.hero-copy{color:#eee8ff;font-size:18px}.hero-media:after{background:linear-gradient(#2f1c6a99,#150f2ce6)}.hero .fine,.hero-trust,.hero-price small,.hero-price>span,.hero-price s,.location{color:#ded5f2}.campaign>span{color:#fff}.offer-pill{background:var(--coral);color:#fff;border:0;border-radius:8px}.offer-pill b{color:#fff}.hero-features article{background:#ffffff0d;border-color:#ffffff20}.hero-features p{color:#ded5f2}.hero-trust{font-size:13px}.button{border:2px solid var(--purple);color:var(--purple);background:#fff;border-radius:8px;box-shadow:none;font-size:15px}.button:hover{background:var(--lilac)}.button.primary{background:var(--purple);border-color:var(--purple);color:#fff}.button.primary:hover{background:var(--purple-h)}.hero .button.primary{background:#fff;border-color:#fff;color:var(--purple-d)}.eyebrow,.text-link{color:var(--purple)}.eyebrow{letter-spacing:1.4px;font-size:13px}.pricing,.hosting-features,.infra,.file-freedom{background:var(--bg)}.cycle{background:var(--lilac);border:0}.cycle button{color:var(--purple-d)}.cycle button[aria-pressed=true]{background:#fff;color:var(--purple-d)}.cycle span{background:var(--purple);color:#fff}.plan{background:#fff;border:1px solid var(--line);padding:26px 22px;border-radius:16px;box-shadow:0 2px 8px #1d1e200f}.plan.featured{background:#fff;border:2px solid var(--purple);box-shadow:0 12px 36px #673de622}.plan-label,.plan.featured .plan-label{color:var(--purple);background:var(--lilac);border-radius:6px;padding:5px 9px;align-self:flex-start;letter-spacing:0;font-size:11px}.plan-sub,.regular,.regular s,.price small,.price-caption,.plan-total,.billing-note,.included>div,.plan-features,.hosting-help{color:var(--muted)}.plan-total b,.plan-features b{color:var(--ink)}.price{font-size:38px;font-weight:700}.saving{color:#007d65;background:#e5f7ef}.plan-features{border-color:var(--line)}.plan-features li:before{color:var(--purple)}.plan .button{font-size:14px}.plan.contact{background:var(--purple-d);color:#fff}.plan.contact p{color:#eee8ff}.included{border-color:var(--line)}.value,.hosting-domain,.hosting-epic,.file-workflow,.epic-shield{background:var(--bg);border-color:#e8e6f7}.saving-box{background:#fff;border-color:var(--line);box-shadow:0 12px 36px #673de611}.saving-top,.comparison,.saving-box .fine{color:var(--muted)}.gift,.hosting-domain-perk{background:var(--lilac);color:var(--purple);border-color:#d5c9fa}.comparison.final{background:none;padding:0;text-align:left;color:var(--ink)}.timeline .paid{background:var(--purple-d);color:#fff}.timeline .free{background:var(--lilac);color:var(--purple-d)}.saving-total{border-color:var(--line)}.saving-total strong{color:var(--purple)}.panel-shot{border-color:var(--line);box-shadow:0 24px 60px #2f1c6a22}.window-bar{background:var(--dark);color:#fff}.feature-list li,.platform-grid article,.hosting-feature-grid article,.questions details{border-color:var(--line)}.feature-list span,.platform-grid p,.hosting-feature-grid p{color:var(--muted)}.os-list span{border-color:var(--line);color:var(--muted)}.benefit-grid,.hosting-feature-grid{gap:20px}.benefit-grid article,.hosting-feature-grid article{background:#fff;border:1px solid #e8e6f7;border-radius:16px;padding:28px}.icon{color:var(--purple)}.platform-sign,.cpanel-tools>div{background:var(--lilac);color:var(--purple);border-color:#d5c9fa}.cpanel-demo{background:#fff;border-color:var(--line)}.cpanel-tools b{color:var(--purple)}.cpanel-tools span,.cpanel-demo-body>p{color:var(--muted)}.questions{max-width:820px}.questions summary{font-weight:700}.questions summary:after{color:var(--purple)}.closing{background:radial-gradient(900px 400px at 50% 100%,#4a2aa8,#2f1c6a 55%,#150f2c);color:#fff}.closing h2 span,.closing .eyebrow{color:#c3b3ff}.closing p,.closing .fine{color:#eee8ff}.hosting-plans--three .plan{min-width:0}.file-comparison{color:var(--ink)}.file-benefits{color:var(--muted)}footer p{color:#ffffffb0}footer .brand{display:flex}.foot a{font-size:14px}section[id]{scroll-margin-top:90px}.hero .campaign{margin-bottom:32px}
@media(max-width:1020px){.nav-links{display:none}.foot{grid-template-columns:1fr 1fr}.nav .wrap{gap:20px}}
@media(max-width:700px){.section{padding:60px 0}.plan-grid{grid-template-columns:1fr}.plan{padding:28px}.plan h3{font-size:25px}.plan-label{font-size:11px}.price{font-size:40px}.plan-sub,.regular,.price small,.plan-total,.plan-features,.billing-note{font-size:13px}.hero{padding:44px 0}.hero-features p{font-size:12px}.hero-trust{font-size:12px}.hosting-feature-grid{grid-template-columns:1fr}.nav .btn-ghost{display:none}.foot{grid-template-columns:1fr}.brand{font-size:17px}.brand img{height:28px}.nav .wrap{padding:0 18px;gap:12px}.nav .btn{padding:10px 12px}.hosting-epic-layout h2{font-size:34px}.hero-price{flex-wrap:wrap}.hosting-plans--three{grid-template-columns:1fr}.hosting-cpanel .split{gap:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero video{display:none}}

.file-comparison h3{color:#fff}.file-comparison .eyebrow{color:#d8caff}.file-comparison li{color:#eee8f5;border-bottom-color:#ffffff26}.file-comparison li:before{color:#d8caff}