:root{--ink:#0d1025;--muted:#61677d;--paper:#f7f8ff;--brand:#e4005a;--line:#e1e3f0;--warm:#6758ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#eceefa}
body{width:min(80vw,1440px);margin:36px auto;background:var(--paper);border:1px solid #d9dcef;border-radius:22px;overflow:visible;box-shadow:0 30px 80px #15183622;color:var(--ink);font:16px/1.5 "Segoe UI Variable","Aptos",Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.016em}
body:before{display:none}
a{color:inherit;text-decoration:none}
.shell{max-width:1160px;margin:auto;padding:0 24px}
.header,.footer{background:var(--ink);color:#fff}
.header{position:sticky;top:12px;z-index:80;border-radius:0;box-shadow:0 12px 28px #090b1e2b}
.header.header-scrolled{border-radius:0;background:#fff;color:var(--ink);border:1px solid #d9dcef;box-shadow:0 14px 32px #15183622}
.header.header-scrolled .logo img{filter:brightness(0) saturate(100%)}
.header.header-scrolled .primary-nav>a,.header.header-scrolled .primary-nav summary{color:var(--muted)}
.header.header-scrolled .primary-nav>a:hover,.header.header-scrolled .primary-nav summary:hover{color:var(--ink)}
.header.header-scrolled .login-button{border-color:#d7daeb;background:var(--paper)}
.header .shell{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{font-size:1.25rem;font-weight:900}
.logo b,.eyebrow,.accent{color:var(--brand)}
nav{display:flex;gap:28px;color:#ffffffb8;font-weight:700;font-size:.9rem}
.actions{display:flex;gap:10px}
.btn{display:inline-block;border:1px solid transparent;border-radius:11px;padding:13px 19px;font-weight:800;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #e4005a3d}
.btn:focus-visible{outline:3px solid #e4005a66;outline-offset:3px}
.primary{background:var(--brand);color:#fff;box-shadow:0 8px 18px #e4005a33}
.primary:hover,.primary:focus-visible{background:#bb004b;border-color:#bb004b;color:#fff}
.secondary{background:#fff;border-color:#d7daeb;color:var(--ink)}
.secondary:hover,.secondary:focus-visible{background:#fff0f6;border-color:var(--brand);color:#b10046}
.hero{background:#f8f8ff radial-gradient(#d8d8f2 1px,transparent 1px);background-size:21px 21px;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;padding:108px 24px}
.eyebrow{font-size:.7rem;letter-spacing:.17em;font-weight:850;text-transform:uppercase}
.hero h1{font-size:clamp(3rem,6vw,4.6rem);line-height:.98;letter-spacing:-.06em;margin:18px 0}
.lead{font-size:1.12rem;max-width:650px;color:var(--muted)}
.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.note,.muted{color:var(--muted);font-size:.9rem}
.card{background:#fff;border:1px solid #e2e4f0;border-radius:18px;padding:26px;box-shadow:0 14px 36px #2427540d}
.hero-card{align-self:center;border-top:3px solid var(--warm);box-shadow:0 24px 55px #302e7115}
.hero-card p{margin:6px 0 22px}
.trust,.grid{display:grid;gap:16px}
.trust{grid-template-columns:repeat(5,1fr);padding:20px 24px}
.trust p{font-size:.88rem;font-weight:800;margin:0}
.section{padding:86px 0}
.section h2{font-size:2.2rem;line-height:1.05;letter-spacing:-.04em;margin:10px 0}
.grid.three{grid-template-columns:repeat(3,1fr);margin-top:32px}
.product{min-height:220px}
.home-products{position:relative;overflow:hidden;padding-bottom:128px;background:linear-gradient(115deg,#ddd7ff 0%,#eee7ff 46%,#ffddea 100%);border-top:1px solid #cfc5f1;border-bottom:0}
.home-products::after{position:absolute;right:0;bottom:-1px;left:0;height:68px;background:var(--ink);clip-path:polygon(0 68%,12% 38%,27% 61%,43% 25%,59% 58%,75% 30%,89% 57%,100% 22%,100% 100%,0 100%);content:"";pointer-events:none}
.home-products .shell{position:relative;z-index:1}
.home-products .card{border-color:#d4cbeb;box-shadow:0 18px 42px #40337124}
.product h3{font-size:1.45rem;margin:0}
.product p,.faq p{color:var(--muted)}
.product a{color:var(--brand);font-weight:800;display:block;margin-top:34px}
.dark{background:var(--ink);color:#fff}
.dark .eyebrow{color:var(--warm)}
.plan{position:relative;display:flex;min-height:455px;flex-direction:column;padding:28px;border:1px solid #ffffff2e;border-radius:18px}
.plan.recommended{border:2px solid var(--warm);color:var(--ink);background:#fff}
.plan.plan-highlight{z-index:1;outline:3px solid var(--brand);outline-offset:4px;box-shadow:0 22px 44px #e4005a4a;transform:translateY(-6px)}
.plan.plan-highlight::before{position:absolute;top:-15px;left:22px;z-index:2;padding:5px 9px;border-radius:999px;background:var(--brand);color:#fff;content:"Recommended for you";font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 7px 14px #e4005a3d}
.plan h3{font-size:1.8rem;margin:4px 0}
.price{font-size:2.35rem;font-weight:900;margin:18px 0}
.plan ul{list-style:none;padding:18px 0;border-block:1px solid #ffffff38;line-height:2}
.recommended ul{border-color:var(--line)}
.plan .btn{margin-top:auto;align-self:flex-start}
.domain{background:#fff;border-block:1px solid var(--line);text-align:center}
.search{display:flex;max-width:580px;margin:28px auto 0;gap:10px}
.search input{flex:1;border:1px solid var(--line);border-radius:9px;padding:13px;font:inherit}
.faq{margin-top:28px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 20px;margin:10px 0}
.faq summary{cursor:pointer;font-weight:800}
.cta{background:var(--brand);color:#fff;padding:64px 0}
.cta .shell{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta h2{margin:0;font-size:2.1rem}
.about-cta,.home-cta{background:linear-gradient(115deg,#df0058 0%,#bc004b 52%,#342dc3 100%)}
.about-cta .shell,.home-cta .shell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px}
.about-cta p:not(.eyebrow),.home-cta p:not(.eyebrow){margin:12px 0 0;max-width:580px;color:#ffffffc9}
.about-cta-action{display:grid;gap:4px;min-width:215px;padding:17px 19px;border:1px solid #ffffff4d;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 16px 30px #41001f3b;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.about-cta-action span{color:var(--brand);font-size:.71rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.about-cta-action strong{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:1.05rem}
.about-cta-action i{font-style:normal;color:var(--brand);font-size:1.35rem;transition:transform .18s ease}
.about-cta-action:hover{transform:translateY(-3px);background:#fff7fb;box-shadow:0 22px 34px #41001f52}
.about-cta-action:hover i{transform:translateX(4px)}
.cta-actions{display:grid;gap:12px;justify-items:stretch}
.cta-contact-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#fff;font-size:.84rem;font-weight:850;opacity:.9;transition:opacity .18s ease,transform .18s ease}
.cta-contact-link:hover{transform:translateX(3px);opacity:1}
.footer{padding:48px 0;border-radius:0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}
.footer p,.footer a{display:block;color:#ffffffa0;font-size:.9rem;margin:8px 0}
.filters{display:flex;gap:10px;flex-wrap:wrap;padding:28px 0}
.filters select{padding:10px;border:1px solid var(--line);border-radius:8px;background:white}
.server-finder-section{padding:28px 0 20px;background:#fff}
.server-finder{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;padding:30px;border:1px solid #cdc3f2;border-radius:20px;background:linear-gradient(115deg,#edeaff 0%,#f7edff 52%,#ffeaf3 100%);box-shadow:0 18px 42px #40337116}
.server-finder h2{margin:8px 0;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.02;letter-spacing:-.045em}
.server-finder p{margin:0;color:var(--muted)}
.server-finder-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.server-finder-controls label{display:grid;gap:6px;color:var(--ink);font-size:.73rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.server-finder-controls select{width:100%;padding:12px;border:1px solid #d0c7ec;border-radius:10px;background:#fff;color:var(--ink);font:inherit;letter-spacing:0;text-transform:none}
.server-finder-controls button{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:4px;border:0;border-radius:10px;padding:11px 13px;background:var(--ink);color:#fff;font:inherit;font-size:.85rem;font-weight:850;cursor:pointer;transition:background .18s ease,transform .18s ease}
.server-finder-controls button:hover{transform:translateY(-2px);background:var(--brand)}
.server-finder-actions{grid-column:1/-1;display:grid;grid-template-columns:7fr 3fr;gap:10px;margin-top:4px}
.server-finder-controls .server-finder-actions button{grid-column:auto;margin-top:0}
.server-finder-controls .server-finder-actions [data-server-reset]{justify-content:center;border:1px solid #d0c7ec;background:#fff;color:var(--ink)}
.server-finder-controls .server-finder-actions [data-server-reset]:hover{background:#fff1f7;border-color:var(--brand);color:var(--brand)}
.server-finder-result{grid-column:1/-1;margin:0!important;font-size:.82rem!important}
@media(max-width:760px){.server-finder{grid-template-columns:1fr;padding:24px 20px}.server-finder-controls{grid-template-columns:1fr}}
.os-choice-section{padding:18px 0 10px;background:#fff}
.os-choice{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center;padding:25px;border:1px solid #d8d3ec;border-radius:18px;background:linear-gradient(115deg,#f3f1ff 0%,#fff5f9 100%);box-shadow:0 18px 42px #40337112}
.os-choice h2{margin:7px 0;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.04;letter-spacing:-.04em}
.os-choice .muted{margin:0}
.os-options{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.os-options>div{display:grid;min-height:98px;place-items:center;gap:9px;border:1px solid #dfdaee;border-radius:12px;background:#fff;padding:13px 8px;color:var(--ink);font-size:.76rem;font-weight:850;text-align:center}
.os-options img{width:34px;height:34px;object-fit:contain}
.windows-logo{display:grid;width:34px;height:34px;grid-template-columns:repeat(2,1fr);gap:2px;transform:skewY(-4deg)}
.windows-logo i{display:block;background:#0078d4}
.os-note{grid-column:1/-1;margin:0!important;color:var(--muted);font-size:.76rem!important}
@media(max-width:760px){.os-choice{grid-template-columns:1fr;padding:22px 18px}.os-options{grid-template-columns:repeat(2,1fr)}.os-options>div:last-child{grid-column:1/-1}}
.plan-finder-section{position:relative;padding-top:24px!important;padding-bottom:94px!important}
.plan-finder-section::after{position:absolute;bottom:66px;left:50%;width:min(360px,42vw);height:6px;border-radius:999px;background:linear-gradient(90deg,#6758ff,#e4005a);box-shadow:0 5px 14px #6758ff2e;content:"";transform:translateX(-50%)}
.plan-finder{padding:30px;border:1px solid #cdc3f2;border-radius:20px;background:linear-gradient(115deg,#edeaff 0%,#f7edff 52%,#ffeaf3 100%);box-shadow:0 18px 42px #40337116}
.plan-finder h2{margin:8px 0;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.02;letter-spacing:-.045em}
.plan-finder .button-row{margin-top:24px}
.plan-finder .btn{background:#fff;border-color:#d0c7ec}
.plan-finder .btn:hover{background:#fff0f6;border-color:var(--brand)}
.plan-finder .btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}
.plan-finder .btn.primary:hover{background:var(--brand);border-color:var(--brand)}
@media(max-width:760px){.plan-finder-section{padding-top:18px!important;padding-bottom:76px!important}.plan-finder-section::after{bottom:48px;width:50%}}
.server dl{border-block:1px solid var(--line);padding:14px 0}
.server dl div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;font-size:.88rem}
.server dd{font-weight:800;text-align:right;margin:0}
.availability{float:right;color:var(--brand);font-size:.75rem}
@media(max-width:760px){body{width:100%;margin:0;border:0;border-radius:0;box-shadow:none}
body:before{display:none}
.header,.footer{border-radius:0}
.header{top:0}
.header .shell{min-height:72px}
.header nav{display:none}
.actions .secondary{display:none}
.hero-grid,.grid.three,.grid.two,.trust,.footer-grid{grid-template-columns:1fr}
.hero-grid{padding-block:70px}
.trust{gap:10px}
.section{padding:62px 0}
.plan{min-height:0}
.cta .shell{align-items:flex-start;flex-direction:column}.about-cta .shell,.home-cta .shell{display:flex;gap:24px}.cta-actions{width:100%}
.search{flex-direction:column}
.hero h1{font-size:3.25rem}
}

.grid.two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}
.hero .shell{padding-top:92px;padding-bottom:92px}
.hero-image{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 55px #302e7118}
.section p{color:var(--muted);max-width:680px}
.section .dark p,.dark p{color:#ffffffad}
.stack{display:grid;gap:16px;margin-top:24px}
.stack article{border-bottom:1px solid var(--line);padding-bottom:14px}
.stack h3{margin:0;font-size:1.1rem}
.stack p{margin:6px 0 0}
.dark .card{color:var(--ink)}
.dark .card p{color:var(--muted)}
@media(max-width:760px){.grid.two{grid-template-columns:1fr}
.hero .shell{padding-top:70px;padding-bottom:70px}
}
.header nav{align-items:center}
.hosting-menu{position:relative}
.hosting-menu summary{cursor:pointer;list-style:none}
.hosting-menu summary::-webkit-details-marker{display:none}
.hosting-menu summary span{display:inline-block;color:var(--brand);margin-left:3px;transition:transform .2s}
.hosting-menu[open] summary span{transform:rotate(180deg)}
.hosting-menu>div{position:absolute;z-index:30;top:30px;left:50%;width:210px;transform:translateX(-50%);padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 20px 40px #1719362b}
.hosting-menu>div a{display:block;padding:9px 11px;border-radius:8px;color:var(--ink)}
.hosting-menu>div a:hover{background:var(--paper)}
.dark .plan.recommended{color:var(--ink)}
.dark .plan.recommended h3,.dark .plan.recommended p,.dark .plan.recommended li{color:var(--ink)}
.dark .plan.recommended .btn.primary{color:#fff}
.section .grid.two{align-items:stretch}
.section .grid.two>.card{height:100%}
.section .grid.two>.grid.two{grid-auto-rows:1fr}
.section .grid.two>.grid.two>.card{height:100%}
.header .primary-nav{gap:7px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.header .primary-nav>a,.header .primary-nav summary{position:relative;padding:9px 8px;border-radius:0;color:#ffffffbc;transition:color .2s}
.header .primary-nav>a::after,.header .primary-nav summary::after{position:absolute;right:8px;bottom:3px;left:8px;height:2px;border-radius:999px;background:var(--brand);content:"";opacity:0;transform:scaleX(.45);transform-origin:center;transition:opacity .2s,transform .2s}
.header .primary-nav>a:hover,.header .primary-nav summary:hover{background:transparent;color:#fff}
.header .primary-nav>a:hover::after,.header .primary-nav summary:hover::after{opacity:1;transform:scaleX(1)}
.header .primary-nav .hosting-menu>div{top:38px}
.header .primary-nav .hosting-menu>div a{border-radius:9px}
@media(min-width:761px){.hosting-menu:not([open])>div{display:none}.hosting-menu:hover>div,.hosting-menu:focus-within>div,.hosting-menu[open]>div{display:block}}
@media(max-width:760px){.header .primary-nav{display:none}
}
.trust-section{border-block:1px solid #ded9f2;background:linear-gradient(100deg,#edeaff 0%,#fdf1f7 100%)}
.trust{grid-template-columns:repeat(6,1fr);align-items:center;padding-top:16px;padding-bottom:16px}
.trust p{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:.82rem}
.trust-icon{display:grid;flex:0 0 26px;width:26px;height:26px;place-items:center;border:1px solid #e7c7da;border-radius:8px;background:#fff;color:var(--brand);box-shadow:0 4px 12px #e4005a14}
.trust-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.trust a.trust-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;background:var(--ink);color:#fff;padding:10px 12px;font-size:.8rem;font-weight:850;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.trust a.trust-cta:hover{transform:translateY(-2px);background:var(--brand);box-shadow:0 10px 20px #e4005a36}
@media(max-width:760px){.trust{grid-template-columns:1fr}.trust a.trust-cta{justify-self:stretch}
}
.domain-checker{max-width:820px;margin:auto;padding:42px;border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:0 16px 40px #2427540c}
.domain-checker h2{margin:10px 0;font-size:2.2rem}
.domain-checker .lead{margin:0 auto}
.domain-checker .search{margin-top:26px}
.domain-result{max-width:580px;margin:18px auto 0;padding:0;text-align:left}
.domain-result:not(:empty){padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.domain-result p{margin:0;color:var(--muted)}
.domain-result .domain-result-title{margin-bottom:6px;color:var(--ink);font-weight:900}
.domain-result .available{color:#047857}
.domain-result .registered{color:#a16207}
.domain-result .btn,.domain-result a{display:inline-block;margin-top:14px}
.domain-checker .note{margin:18px auto 0;max-width:620px}
@media(max-width:760px){.domain-checker{padding:28px 20px}
.domain-checker h2{font-size:1.9rem}
}
.pricing-panel .server{background:transparent;border-color:#ffffff2e;color:#fff;box-shadow:none}
.pricing-panel .server.server-highlight{position:relative;z-index:1;outline:3px solid var(--brand);outline-offset:4px;box-shadow:0 22px 44px #e4005a4a;transform:translateY(-6px)}
.pricing-panel .server.server-highlight::before{position:absolute;top:-15px;left:22px;z-index:2;padding:5px 9px;border-radius:999px;background:var(--brand);color:#fff;content:"Matches your selection";font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 7px 14px #e4005a3d}
.pricing-panel .server .muted{color:#ffffffad}
.pricing-panel .server dl{border-color:#ffffff38}
.pricing-panel .server:nth-child(2){background:#fff;border-color:#fff;color:var(--ink)}
.pricing-panel .server:nth-child(2) .muted{color:var(--muted)}
.pricing-panel .server:nth-child(2) dl{border-color:var(--line)}
.pricing-panel .server:not(:nth-child(2)) .btn.primary{background:#fff;color:var(--ink)}
.pricing-panel .grid.three{margin-top:32px}
.pricing-panel#server-plans{overflow:hidden;background:radial-gradient(circle at 18% 8%,#4033a466 0,transparent 31%),radial-gradient(circle at 88% 28%,#d80b6742 0,transparent 28%),var(--ink)}
.pricing-panel#server-plans .grid.three{gap:20px}
.pricing-panel#server-plans .server{display:flex;min-height:470px;flex-direction:column;padding:27px;border:1px solid #9f94eb70;border-radius:20px;background:linear-gradient(145deg,#292b61 0%,#171936 72%);color:#f8f8ff;box-shadow:0 18px 36px #05061738;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.pricing-panel#server-plans .server:hover{border-color:#f5a8cb;box-shadow:0 24px 44px #06071666;transform:translateY(-5px)}
.pricing-panel#server-plans .server h3{margin:3px 0 5px;color:#fff;font-size:1.55rem;letter-spacing:-.035em}
.pricing-panel#server-plans .server .muted{margin:0;color:#d7d1ff;font-size:.88rem;font-weight:750}
.pricing-panel#server-plans .server dl{margin:20px 0 16px;border-color:#ffffff26}
.pricing-panel#server-plans .server dl div{padding:8px 0}
.pricing-panel#server-plans .server dt{color:#bab7db;font-weight:700}
.pricing-panel#server-plans .server dd{color:#fff;font-weight:850}
.pricing-panel#server-plans .server .price{margin:12px 0 2px;color:#fff;font-size:2.15rem;line-height:1}
.pricing-panel#server-plans .server .price small{color:#e2defe;font-size:.78rem;font-weight:750}
.pricing-panel#server-plans .server .note{margin:5px 0;color:#cbc7e8;font-size:.76rem;line-height:1.2}
.pricing-panel#server-plans .server .btn{width:100%;margin-top:auto;justify-content:center;background:#fff;color:var(--ink);box-shadow:none}
.pricing-panel#server-plans .server .btn:hover{background:var(--brand);color:#fff}
.pricing-panel#server-plans .server:nth-child(2){background:linear-gradient(145deg,#292b61 0%,#171936 72%);border-color:#9f94eb70;color:#f8f8ff}
.pricing-panel#server-plans .server:nth-child(2) .muted{color:#d7d1ff}
.pricing-panel#server-plans .server:nth-child(2) dl{border-color:#ffffff26}
.pricing-panel#server-plans .server:nth-child(3){border-color:#fb8ebc;background:linear-gradient(145deg,#66306f 0%,#2d225a 52%,#171936 100%);box-shadow:0 22px 46px #e4005a35}
.pricing-panel#server-plans .server:nth-child(3) .btn{background:var(--brand);color:#fff}
.pricing-panel#server-plans .server:nth-child(3) .btn:hover{background:#ff4a96}
.pricing-panel#server-plans .availability{align-self:flex-start;float:none;margin-bottom:12px;padding:5px 9px;border:1px solid #ff93bf80;border-radius:999px;background:#e4005a28;color:#ffc4db;font-size:.66rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.pricing-panel#server-plans .server.server-highlight{border-color:#fff;outline-color:var(--warm);box-shadow:0 25px 54px #e4005a55}
.pricing-panel#server-plans .server.server-highlight::before{background:var(--warm);color:var(--ink);box-shadow:0 7px 14px #ffcc5d45}
.pricing-panel .plan{min-height:500px;padding:27px;border:1px solid #9f94eb70;border-radius:20px;background:linear-gradient(145deg,#292b61 0%,#171936 72%);color:#f8f8ff;box-shadow:0 18px 36px #05061738;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.pricing-panel .plan:hover{border-color:#f5a8cb;box-shadow:0 24px 44px #06071666;transform:translateY(-5px)}
.pricing-panel .plan h2,.pricing-panel .plan h3{margin:3px 0 7px;color:#fff;letter-spacing:-.035em}
.pricing-panel .plan h2{font-size:1.65rem}
.pricing-panel .plan h3{font-size:1.55rem}
.pricing-panel .plan .eyebrow{margin:0;color:#d7d1ff}
.pricing-panel .plan .muted,.pricing-panel .plan>p:not(.price):not(.eyebrow){color:#d7d1ff}
.pricing-panel .plan .price{margin:16px 0;color:#fff;font-size:2.2rem;line-height:1}
.pricing-panel .plan .price small{color:#e2defe;font-size:.78rem;font-weight:750}
.pricing-panel .plan ul{margin:0 0 20px;padding:16px 0;border-color:#ffffff26;color:#fff;line-height:1.85}
.pricing-panel .plan li{color:#fff}
.pricing-panel .plan .btn{width:100%;justify-content:center;margin-top:auto;background:#fff;color:var(--ink);box-shadow:none}
.pricing-panel .plan .btn:hover{background:var(--brand);color:#fff}
.pricing-panel .plan.recommended{border-color:#fb8ebc;background:linear-gradient(145deg,#66306f 0%,#2d225a 52%,#171936 100%);color:#fff;box-shadow:0 22px 46px #e4005a35}
.pricing-panel .plan.recommended h2,.pricing-panel .plan.recommended h3,.pricing-panel .plan.recommended p,.pricing-panel .plan.recommended li{color:#fff}
.pricing-panel .plan.recommended .eyebrow{color:#ffc4db}
.pricing-panel .plan.recommended .muted{color:#f2d5e5}
.pricing-panel .plan.recommended ul{border-color:#ffffff36}
.pricing-panel .plan.recommended .btn{background:var(--brand);color:#fff}
.pricing-panel .plan.recommended .btn:hover{background:#ff4a96}
.pricing-panel .plan.plan-highlight{outline-color:var(--warm);box-shadow:0 25px 54px #e4005a55}
.pricing-panel .plan.plan-highlight::before{background:var(--warm);color:var(--ink);box-shadow:0 7px 14px #ffcc5d45}
.hosting-assurance{position:relative;overflow:hidden;background:linear-gradient(115deg,#f2f0ff 0%,#fff 48%,#fff0f7 100%);border-block:1px solid #ded7f2}
.hosting-assurance::before{position:absolute;top:-140px;right:-80px;width:360px;height:360px;border-radius:50%;background:#e4005a0d;content:"";pointer-events:none}
.hosting-assurance .shell{position:relative;z-index:1}
.hosting-assurance-intro{max-width:690px;margin-bottom:28px}
.hosting-assurance-intro h2{margin:8px 0 12px;font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.055em}
.hosting-assurance-intro p:last-child{margin:0;font-size:1.04rem}
.hosting-assurance .grid{gap:20px}
.hosting-assurance-card{position:relative;min-height:245px;overflow:hidden;padding:27px;border-color:#d8d1ed;background:#ffffffde;box-shadow:0 18px 38px #322b6912;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.hosting-assurance-card:hover{border-color:#e4005a70;box-shadow:0 24px 44px #322b6920;transform:translateY(-5px)}
.hosting-assurance-number{display:inline-flex;align-items:center;justify-content:center;min-width:43px;height:27px;margin-bottom:26px;padding:0 9px;border:1px solid #d8cfef;border-radius:999px;background:#f4f1ff;color:#634ac7;font-size:.72rem;font-weight:900;letter-spacing:.11em}
.hosting-assurance-card h3{margin:0 0 10px;font-size:1.28rem;letter-spacing:-.035em}
.hosting-assurance-card p{margin:0;color:var(--muted);line-height:1.6}
.dedicated-assurance{position:relative;overflow:hidden;background:linear-gradient(115deg,#171936 0%,#25255b 55%,#482657 100%);color:#fff}
.dedicated-assurance::after{position:absolute;right:-90px;bottom:-180px;width:430px;height:430px;border:1px solid #ff8cbe3d;border-radius:50%;box-shadow:0 0 0 42px #ff8cbe10,0 0 0 84px #ff8cbe0a;content:"";pointer-events:none}
.dedicated-assurance .shell{position:relative;z-index:1}
.dedicated-assurance-intro{max-width:710px;margin-bottom:28px}
.dedicated-assurance-intro h2{margin:8px 0 12px;font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.055em}
.dedicated-assurance-intro p:last-child{margin:0;color:#dad9f2;font-size:1.04rem}
.dedicated-assurance .grid{gap:20px}
.dedicated-assurance-card{min-height:245px;padding:27px;border-color:#a79ce866;background:#ffffff10;color:#fff;box-shadow:none;backdrop-filter:blur(8px);transition:transform .2s ease,background .2s ease,border-color .2s ease}
.dedicated-assurance-card:hover{border-color:#ffafd0;background:#ffffff18;transform:translateY(-5px)}
.dedicated-assurance-number{display:inline-flex;align-items:center;justify-content:center;min-width:43px;height:27px;margin-bottom:26px;padding:0 9px;border:1px solid #ffabc980;border-radius:999px;background:#e4005a2e;color:#ffd5e4;font-size:.72rem;font-weight:900;letter-spacing:.11em}
.dedicated-assurance-card h3{margin:0 0 10px;color:#fff;font-size:1.28rem;letter-spacing:-.035em}
.dedicated-assurance-card p{margin:0!important;color:#d8d7ed!important;line-height:1.6}
.dedicated-decision{position:relative;overflow:hidden;background:linear-gradient(120deg,#fff 0%,#f1efff 58%,#ffeef6 100%);border-block:1px solid #ddd6f2}
.dedicated-decision::before{position:absolute;top:-120px;left:-110px;width:330px;height:330px;border:1px solid #6656ce22;border-radius:50%;box-shadow:0 0 0 44px #6656ce09,0 0 0 88px #6656ce07;content:"";pointer-events:none}
.dedicated-decision .shell{position:relative;z-index:1;align-items:stretch}
.dedicated-decision-copy{padding:16px 20px 16px 0}
.dedicated-decision-copy h2{margin:8px 0 16px;font-size:clamp(2.1rem,4vw,3.35rem);line-height:1;letter-spacing:-.06em}
.dedicated-decision-copy .lead{margin:0 0 14px;color:var(--ink);font-size:1.1rem;font-weight:750}
.dedicated-decision-copy>p:not(.eyebrow):not(.lead){line-height:1.65}
.dedicated-decision-callout{display:flex;gap:11px;align-items:flex-start;margin-top:24px;padding:16px 18px;border:1px solid #d3c8f1;border-radius:14px;background:#ffffffc7;box-shadow:0 14px 30px #42337110}
.dedicated-decision-callout span{display:inline-flex;flex:0 0 25px;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:var(--brand);color:#fff;font-size:.8rem;font-weight:900}
.dedicated-decision-callout p{margin:0;color:var(--ink);line-height:1.5}
.dedicated-decision-grid{gap:14px;padding:8px}
.dedicated-decision-card{min-height:180px;padding:23px;border-color:#d8d1ed;background:#ffffffd9;box-shadow:0 16px 32px #342d6810;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.dedicated-decision-card:hover{border-color:#e4005a75;box-shadow:0 22px 38px #342d681c;transform:translateY(-4px)}
.dedicated-decision-card>span{display:inline-flex;margin-bottom:18px;color:#644fc5;font-size:.72rem;font-weight:900;letter-spacing:.12em}
.dedicated-decision-card h3{margin:0 0 8px;font-size:1.12rem;letter-spacing:-.025em}
.dedicated-decision-card p{margin:0;color:var(--muted);line-height:1.55}
.about-why{position:relative;overflow:hidden;background:linear-gradient(120deg,#fff 0%,#f1efff 58%,#fff0f7 100%);border-block:1px solid #ddd6f2}
.about-why::before{position:absolute;top:-145px;right:-95px;width:380px;height:380px;border:1px solid #e4005a22;border-radius:50%;box-shadow:0 0 0 46px #e4005a0a,0 0 0 92px #6455c709;content:"";pointer-events:none}
.about-why .shell{position:relative;z-index:1;align-items:stretch}
.about-why-copy{padding:16px 20px 16px 0}
.about-why-copy h2{margin:8px 0 16px;font-size:clamp(2.1rem,4vw,3.35rem);line-height:1;letter-spacing:-.06em}
.about-why-copy .lead{margin:0 0 14px;color:var(--ink);font-size:1.1rem;font-weight:750}
.about-why-copy>p:not(.eyebrow):not(.lead){line-height:1.65}
.about-why-callout{display:flex;gap:11px;align-items:flex-start;margin-top:24px;padding:16px 18px;border:1px solid #d3c8f1;border-radius:14px;background:#ffffffc7;box-shadow:0 14px 30px #42337110}
.about-why-callout span{display:inline-flex;flex:0 0 25px;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:var(--brand);color:#fff;font-size:.8rem;font-weight:900}
.about-why-callout p{margin:0;color:var(--ink);line-height:1.5}
.about-why-card{min-height:100%;padding:30px;border-color:#d8d1ed;background:#ffffffde;box-shadow:0 20px 42px #342d6818}
.about-why-mark{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:24px;border-radius:14px;background:linear-gradient(135deg,#643fc3,#e4005a);color:#fff;font-weight:950;letter-spacing:-.08em}
.about-why-card h3{margin:7px 0 22px;font-size:1.55rem;letter-spacing:-.04em}
.about-why-card>div{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-top:1px solid #e5e0f3}
.about-why-card>div>span{color:#654fc7;font-size:.72rem;font-weight:900;letter-spacing:.11em}
.about-why-card>div p{margin:0;color:var(--muted);line-height:1.45}
.pricing-panel{position:relative;border-top:0!important}
.pricing-panel::before{position:absolute;z-index:2;top:-52px;right:0;left:0;height:53px;background:var(--ink);clip-path:polygon(0 68%,12% 38%,27% 61%,43% 25%,59% 58%,75% 30%,89% 57%,100% 22%,100% 100%,0 100%);content:"";pointer-events:none}
.pricing-panel>.shell{position:relative;z-index:3}
@media(max-width:760px){.pricing-panel::before{top:-34px;height:35px}}
.hosting-subbar{padding:24px 0;background:linear-gradient(110deg,#171a47 0%,#4134a5 55%,#9f1768 100%);border-bottom:1px solid #4239a2;box-shadow:inset 0 1px #ffffff1c}
.hosting-subbar .shell{display:flex;align-items:center;justify-content:space-between;gap:18px}
.hosting-subbar p{margin:0;color:#fff;font-size:1.02rem;font-weight:900;letter-spacing:-.02em}
.hosting-subbar-actions{display:flex;flex-wrap:wrap;gap:9px}
.hosting-subbar .btn{padding:10px 14px;border-color:#ffffff7a;border-radius:9px;background:#fff;color:var(--ink);font-size:.82rem}
.hosting-subbar .btn:hover{border-color:#fff;background:#fff0f6;color:#b10046}
@media(max-width:760px){.hosting-subbar .shell{align-items:flex-start;flex-direction:column}.hosting-subbar-actions{width:100%}.hosting-subbar .btn{flex:1;text-align:center}}
.header .actions{margin-left:auto}
.login-button{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:9px;font-size:.84rem;line-height:1.2}
.login-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}
.existing-customer-section{padding:26px 0 38px;background:#fff}
.existing-customer-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:22px 24px;border:1px solid #cdc3f2;border-radius:18px;background:linear-gradient(115deg,#edeaff 0%,#f7edff 52%,#ffeaf3 100%);box-shadow:0 18px 42px #40337116}
.existing-customer-panel h2{margin:5px 0;font-size:clamp(1.35rem,2.5vw,1.85rem);line-height:1.08;letter-spacing:-.04em}
.existing-customer-panel p:not(.eyebrow){margin:0;color:var(--muted)}
.existing-customer-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid #e4c6dc;border-radius:14px;background:#fff;color:var(--brand)}
.existing-customer-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.existing-customer-panel{grid-template-columns:1fr;padding:22px}.existing-customer-panel .btn{justify-self:start}}
.contact-form{display:grid;gap:16px}
.contact-form label{display:grid;gap:7px;font-size:.92rem;font-weight:800}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;color:var(--ink);font:inherit}
.contact-form textarea{resize:vertical}
.honeypot{position:absolute!important;left:-9999px!important}
@media(max-width:760px){.contact-layout{grid-template-columns:1fr;gap:28px}.actions .login-button{display:inline-flex}}
.faq-hero .hero-image{object-fit:cover}
.faq-page .faq{margin-top:0}
.faq-wide{max-width:920px}
.faq-wide details{padding:20px 22px}
.faq-paths{background:linear-gradient(115deg,#e5dfff 0%,#f1e9ff 48%,#ffe5f0 100%);border-block:1px solid #d8cfee}
.faq-paths .product{overflow:hidden}
.faq-paths .product img{width:100%;height:135px;object-fit:cover;margin:-26px -26px 22px;width:calc(100% + 52px);border-bottom:1px solid var(--line)}
.faq-side-card{align-self:start}
.faq-side-card img{display:block;width:100%;height:165px;object-fit:cover;margin:-26px -26px 20px;width:calc(100% + 52px);border-radius:17px 17px 0 0}
.faq-side-card .btn{margin-top:10px}
.payment-methods{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.payment-methods img{width:54px;height:34px;object-fit:contain;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
@media(max-width:760px){.faq-paths .product img{height:170px}.faq-side-card{margin-top:8px}}
.mobile-menu-toggle{display:none}
@media(max-width:760px){.header .shell{position:relative;gap:12px;padding-right:18px;padding-left:18px}.header .logo img{width:132px!important}.header .actions{margin-left:auto;align-items:center}.mobile-menu-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid #ffffff42;border-radius:9px;padding:9px 10px;background:#ffffff12;color:#fff;font:inherit;font-size:.78rem;font-weight:850;cursor:pointer}.mobile-menu-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.header .primary-nav{position:absolute;z-index:45;top:calc(100% - 4px);right:14px;left:14px;display:none;flex-direction:column;gap:3px;padding:10px;border:1px solid #ffffff22;border-radius:14px;background:#131632;color:#fff;box-shadow:0 20px 42px #090b1e66}.header .primary-nav.is-open{display:flex}.header .primary-nav>a,.header .primary-nav summary{width:100%;padding:11px 10px;color:#ffffffd9}.header .primary-nav>a::after,.header .primary-nav summary::after{display:none}.header .primary-nav>a:hover,.header .primary-nav summary:hover{background:#ffffff12}.header .primary-nav .hosting-menu{width:100%}.header .primary-nav .hosting-menu>div{position:static;width:auto;transform:none;margin:4px 0 2px;border-color:#ffffff1f;background:#ffffff0d;color:#fff;box-shadow:none}.header .primary-nav .hosting-menu>div a{color:#fff}.header .primary-nav .hosting-menu>div a:hover{background:#ffffff14}.actions .login-button{display:inline-flex!important;padding:9px 10px;font-size:0!important}.actions .login-button::after{content:"Account";font-size:.78rem}.actions .login-button svg{width:15px;height:15px}}
@media(max-width:390px){.header .logo img{width:118px!important}.mobile-menu-toggle span{display:none}.mobile-menu-toggle{padding:10px}.actions .login-button{font-size:0;padding:10px}.actions .login-button svg{width:17px;height:17px}}
