/* Flagship Web Hosting page — custom component layer */
.wh-page{overflow:hidden;background:#fff}
.wh-hero{padding-top:54px}
.wh-jump{position:sticky;top:74px;z-index:35;background:rgba(255,255,255,.94);border-bottom:1px solid var(--jline);backdrop-filter:blur(14px)}
.wh-jump-inner{display:flex;gap:4px;overflow:auto;scrollbar-width:none;padding:8px 0}.wh-jump-inner::-webkit-scrollbar{display:none}
.wh-jump a{flex:0 0 auto;padding:9px 12px;border-radius:999px;text-decoration:none;color:#4f5b6d;font-size:.72rem;font-weight:900}
.wh-jump a:hover,.wh-jump a:focus,.wh-jump a.active{background:#eef0ff;color:var(--jblue)}
.wh-jump-buy{margin-left:auto!important;background:var(--jblue)!important;color:#fff!important;padding-inline:14px!important}
.wh-jump-buy:hover,.wh-jump-buy:focus{background:#0000a8!important;color:#fff!important}

.wh-goals{background:#fff}
.wh-goal-tabs{display:flex;width:max-content;max-width:100%;margin:0 auto 28px;padding:5px;border:1px solid #dde2ec;border-radius:999px;background:#eef1f7;overflow:auto;scrollbar-width:none}.wh-goal-tabs::-webkit-scrollbar{display:none}
.wh-goal-tabs button{flex:0 0 auto;border:0;background:transparent;color:#596273;border-radius:999px;padding:10px 16px;font-size:.78rem;font-weight:900;cursor:pointer}
.wh-goal-tabs button.active{background:#fff;color:var(--jblue);box-shadow:0 5px 14px rgba(17,24,39,.08)}
.wh-goal-stage{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center;padding:38px;border:1px solid #e2e6ef;border-radius:24px;background:linear-gradient(135deg,#f8f9ff,#fff);box-shadow:0 20px 48px rgba(17,24,39,.05)}
.wh-goal-eyebrow{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef0ff;color:var(--jblue);font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.wh-goal-copy h3{font-family:Sora,sans-serif;font-size:clamp(2rem,3.4vw,3rem);line-height:1.05;letter-spacing:-.045em;margin:15px 0 12px}
.wh-goal-copy>p{color:var(--jmuted);font-size:.95rem;line-height:1.7}
.wh-goal-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;list-style:none;padding:0;margin:20px 0 24px}.wh-goal-copy li{position:relative;padding-left:19px;font-size:.82rem}.wh-goal-copy li:before{content:"✓";position:absolute;left:0;color:#149866;font-weight:900}
.wh-goal-copy>a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:9px;background:var(--jblue);color:#fff;text-decoration:none;font-size:.82rem;font-weight:900}
.wh-goal-visual{position:relative;min-height:340px;display:grid;place-items:center}
.wh-browser{width:min(100%,520px);background:#fff;border:1px solid #dfe4ec;border-radius:18px;overflow:hidden;box-shadow:0 28px 58px rgba(17,24,39,.12);transform:perspective(900px) rotateY(-4deg)}
.wh-browser-bar{height:42px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#f6f7fa;border-bottom:1px solid #e6e9ef}.wh-browser-bar i{width:8px;height:8px;border-radius:50%;background:#c7ccd5}.wh-browser-bar i:first-child{background:#e11d48}.wh-browser-bar span{margin-left:8px;color:#657083;font-size:.67rem}
.wh-browser-screen{padding:26px}.wh-browser-nav{width:34%;height:8px;border-radius:6px;background:#e3e6ed}.wh-browser-hero{width:70%;height:24px;border-radius:7px;background:#111827;margin:30px 0 13px}.wh-browser-lines{display:grid;gap:7px}.wh-browser-lines i{display:block;height:7px;border-radius:6px;background:#e5e8ef}.wh-browser-lines i:nth-child(2){width:82%}.wh-browser-lines i:nth-child(3){width:62%}.wh-browser-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.wh-browser-cards i{height:70px;border-radius:10px;background:linear-gradient(145deg,#eef0ff,#dfe4ff)}
.wh-float{position:absolute;padding:9px 11px;border-radius:10px;background:#fff;border:1px solid #e0e4ec;box-shadow:0 12px 28px rgba(17,24,39,.1);font-size:.7rem;font-weight:900;color:#111827}.wh-float-a{left:0;top:14%}.wh-float-b{right:0;bottom:13%}

.wh-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.wh-feature-grid article{position:relative;min-height:230px;padding:24px;border:1px solid var(--jline);border-radius:18px;background:#fff;transition:.22s ease}.wh-feature-grid article:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(17,24,39,.08)}.wh-feature-grid article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eef0ff;color:var(--jblue);font-size:.65rem;font-weight:900}.wh-feature-grid h3{font-family:Sora,sans-serif;font-size:1.05rem;margin:28px 0 8px}.wh-feature-grid p{color:var(--jmuted);font-size:.8rem;line-height:1.62;margin:0}

.wh-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.wh-split h2,.wh-domain-head h2,.wh-local h2,.wh-faq-intro h2{font-family:Sora,sans-serif;font-size:clamp(2.2rem,4vw,3.65rem);line-height:1.04;letter-spacing:-.052em;margin:0 0 14px}.wh-split>div>p,.wh-domain-head p,.wh-local p,.wh-faq-intro p{color:var(--jmuted);font-size:1rem;line-height:1.7}
.wh-chip-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.wh-chip-grid span{padding:8px 11px;border-radius:999px;background:#eef0ff;color:var(--jblue);font-size:.7rem;font-weight:900}
.wh-panel-ui{display:grid;grid-template-columns:72px 1fr;min-height:360px;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #dfe4ec;box-shadow:0 28px 65px rgba(17,24,39,.12)}
.wh-panel-side{padding:22px 14px;background:#07162d;display:grid;align-content:start;gap:17px}.wh-panel-logo{width:40px;height:40px;border-radius:12px;background:#fff;color:var(--jblue);display:grid;place-items:center;font-family:Sora,sans-serif;font-weight:900}.wh-panel-side i{height:7px;border-radius:5px;background:rgba(255,255,255,.16)}
.wh-panel-main{padding:26px;background:linear-gradient(180deg,#fff,#fafbff)}.wh-panel-head{display:flex;justify-content:space-between;align-items:center}.wh-panel-head strong{font-family:Sora,sans-serif}.wh-panel-head span{padding:5px 8px;border-radius:999px;background:#eef0ff;color:var(--jblue);font-size:.62rem;font-weight:900}.wh-panel-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0}.wh-panel-metrics div{padding:14px;border:1px solid #e3e7ef;border-radius:12px}.wh-panel-metrics b{display:block;font-family:Sora,sans-serif;font-size:1.15rem}.wh-panel-metrics small{color:var(--jmuted);font-size:.66rem}.wh-panel-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wh-panel-tools i{height:68px;border-radius:11px;background:linear-gradient(145deg,#eef0ff,#e2e6ff)}

.wh-compare{background:linear-gradient(135deg,#0505a8 0%,#0000cc 45%,#244bea 100%);color:#fff;position:relative;overflow:hidden}.wh-compare:after{content:"";position:absolute;width:400px;height:400px;right:-140px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(225,29,72,.34),transparent 67%)}.wh-compare .jt-container{position:relative;z-index:2}.wh-compare-head{display:flex;justify-content:space-between;gap:30px;align-items:end}.wh-compare .jx-kicker{color:#dce2ff}.wh-compare h2{font-family:Sora,sans-serif;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.04;letter-spacing:-.052em;margin:0;color:#fff}.wh-compare-head button{min-height:44px;padding:0 15px;border:1px solid rgba(255,255,255,.26);border-radius:9px;background:rgba(255,255,255,.09);color:#fff;font-weight:900;cursor:pointer}.wh-compare-wrap{margin-top:28px;overflow:auto;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#fff;color:#111827}.wh-compare-wrap[hidden]{display:none!important}.wh-compare table{width:100%;min-width:760px;border-collapse:collapse}.wh-compare th{padding:15px;background:#07162d;color:#fff;text-align:left;font-size:.75rem}.wh-compare td{padding:14px 15px;border-top:1px solid #e6e9ef;font-size:.76rem}.wh-compare tr:nth-child(even) td{background:#fafbfe}.wh-compare td:first-child{font-weight:900}

.wh-domain{background:linear-gradient(135deg,#05058f,#0000c8 52%,#244af0);color:#fff}.wh-domain-head{text-align:center;max-width:800px;margin:0 auto 26px}.wh-domain-head .jx-kicker{color:#dbe1ff}.wh-domain-head h2{color:#fff}.wh-domain-head p{color:#dfe4ff}.wh-domain .jx-domain-top{margin-bottom:0}

.wh-email{background:linear-gradient(135deg,#f4f6ff 0%,#edf1ff 55%,#fff 100%)}.wh-email-visual{position:relative;overflow:hidden;min-height:390px;padding:34px;border-radius:24px;background:linear-gradient(135deg,#0505a4,#0000cc 48%,#264cf0);color:#fff;box-shadow:0 25px 58px rgba(0,0,110,.16)}.wh-email-label{display:inline-flex;padding:6px 9px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.wh-email-address{font-family:Sora,sans-serif;font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.15;font-weight:800;letter-spacing:-.04em;margin:22px 0}.wh-mail-list{display:grid;border:1px solid rgba(255,255,255,.14);border-radius:14px;overflow:hidden}.wh-mail-list div{display:grid;grid-template-columns:8px 1fr;gap:3px 10px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.1)}.wh-mail-list div:last-child{border-bottom:0}.wh-mail-list i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:#ff5a6c;margin-top:5px}.wh-mail-list strong{font-size:.77rem}.wh-mail-list span{font-size:.67rem;color:#cdd5ff}.wh-blue-btn{background:var(--jblue)!important;color:#fff!important}

.wh-migration{background:linear-gradient(135deg,#05058d,#0000c8 50%,#1f45ec);color:#fff}.wh-migration .jx-kicker{color:#d8deff}.wh-migration h2{color:#fff}.wh-migration p{color:#e4e8ff!important}.wh-migration-tags{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 24px}.wh-migration-tags span{padding:7px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);font-size:.68rem;font-weight:800}.wh-white-btn{display:inline-flex;align-items:center;min-height:46px;padding:0 16px;border-radius:9px;background:#fff;color:var(--jblue);text-decoration:none;font-size:.82rem;font-weight:900}.wh-flow{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center}.wh-flow>div{padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.09);backdrop-filter:blur(10px)}.wh-flow .target{background:#fff;color:var(--jblue)}.wh-flow small{display:block;font-size:.62rem;opacity:.7}.wh-flow strong{display:block;font-family:Sora,sans-serif;font-size:1.05rem;margin:7px 0 4px}.wh-flow span{font-size:.72rem;opacity:.75}.wh-flow>i{text-align:center;font-style:normal;font-size:1.4rem;color:#fff}

.wh-local{background:linear-gradient(135deg,#f7f8ff,#eef2ff 55%,#fff)}.wh-local-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.wh-zim{position:relative;width:300px;height:260px;margin:auto;clip-path:polygon(14% 12%,84% 6%,96% 34%,84% 77%,57% 94%,21% 85%,5% 54%);background:linear-gradient(145deg,#08128e,#0000cc 54%,#2d55f0);box-shadow:0 24px 58px rgba(0,0,100,.14)}.wh-zim span{position:absolute;left:58%;top:39%;width:12px;height:12px;border-radius:50%;background:var(--jred);box-shadow:0 0 0 0 rgba(225,29,72,.55);animation:whPulse 1.8s infinite}.wh-zim strong{position:absolute;left:63%;top:35%;color:#fff;font-size:.72rem}.wh-local-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.wh-local-facts div{padding:13px;border-left:3px solid var(--jblue);background:#fff}.wh-local-facts small{display:block;color:var(--jmuted);font-size:.63rem;text-transform:uppercase;font-weight:900}.wh-local-facts strong{font-size:.78rem;line-height:1.45}.wh-text-link{color:var(--jblue);text-decoration:none;font-weight:900;font-size:.82rem}

.wh-faq{background:#fff}.wh-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:68px}.wh-faq-intro{position:sticky;top:105px;align-self:start}.wh-faq-intro .jx-kicker{color:var(--jblue)}.wh-faq-intro>a{display:inline-flex;margin-top:15px;color:var(--jblue);text-decoration:none;font-size:.78rem;font-weight:900}.wh-faq-list{display:grid;gap:9px}.wh-faq-list details{border:1px solid #e1e5ed;border-radius:13px;background:#fff;overflow:hidden}.wh-faq-list details[open]{border-color:#cbd4ff;box-shadow:0 12px 28px rgba(0,0,204,.05)}.wh-faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:17px 46px 17px 17px;font-weight:900;position:relative}.wh-faq-list summary::-webkit-details-marker{display:none}.wh-faq-list summary>span{width:26px;height:26px;border-radius:8px;background:#eef0ff;color:var(--jblue);display:grid;place-items:center;font-size:.62rem;flex:0 0 auto}.wh-faq-list summary:after{content:"+";position:absolute;right:17px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:#f2f4f8;color:var(--jblue);display:grid;place-items:center}.wh-faq-list details[open] summary:after{content:"–";background:var(--jblue);color:#fff}.wh-faq-list p{margin:0;padding:0 48px 18px 55px;color:var(--jmuted);font-size:.82rem;line-height:1.65}

.wh-usecases{background:#fff}.wh-usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.wh-usecase-grid article{min-height:230px;padding:24px;border:1px solid var(--jline);border-radius:18px;background:linear-gradient(180deg,#fff,#fbfcff);transition:.22s ease}.wh-usecase-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(17,24,39,.08)}.wh-usecase-grid article>span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef0ff;color:var(--jblue);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.wh-usecase-grid h3{font-family:Sora,sans-serif;font-size:1.02rem;margin:28px 0 8px}.wh-usecase-grid p{margin:0;color:var(--jmuted);font-size:.78rem;line-height:1.62}
.wh-deep-guide{background:var(--jsoft)}.wh-deep-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:68px}.wh-deep-intro{position:sticky;top:105px;align-self:start}.wh-deep-intro .jx-kicker{color:var(--jblue)}.wh-deep-intro h2{font-family:Sora,sans-serif;font-size:clamp(2.1rem,3.8vw,3.4rem);line-height:1.05;letter-spacing:-.05em;margin:0 0 13px}.wh-deep-intro p{color:var(--jmuted);line-height:1.7}.wh-deep-list{display:grid;gap:10px}.wh-deep-list details{border:1px solid #dfe4ec;border-radius:14px;background:#fff;overflow:hidden}.wh-deep-list details[open]{border-color:#cbd4ff;box-shadow:0 12px 28px rgba(0,0,204,.05)}.wh-deep-list summary{list-style:none;cursor:pointer;padding:18px 50px 18px 18px;font-weight:900;position:relative}.wh-deep-list summary::-webkit-details-marker{display:none}.wh-deep-list summary:after{content:"+";position:absolute;right:17px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:#eef0ff;color:var(--jblue);display:grid;place-items:center}.wh-deep-list details[open] summary:after{content:"–";background:var(--jblue);color:#fff}.wh-deep-list details>div{padding:0 18px 18px}.wh-deep-list p{margin:0 0 10px;color:var(--jmuted);font-size:.82rem;line-height:1.7}.wh-deep-list p:last-child{margin-bottom:0}
.wh-guides{background:var(--jsoft)}.wh-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.wh-guide-grid a{position:relative;min-height:190px;padding:22px;border-radius:16px;border:1px solid #dfe3eb;background:#fff;text-decoration:none;color:#111827;transition:.22s ease}.wh-guide-grid a:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(17,24,39,.08)}.wh-guide-grid span{display:block;color:var(--jblue);font-size:.63rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.wh-guide-grid strong{display:block;font-family:Sora,sans-serif;font-size:1rem;margin:36px 0 8px}.wh-guide-grid small{color:var(--jmuted);font-size:.73rem}
.wh-mobile-buy{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:60;align-items:center;justify-content:space-between;gap:16px;padding:10px 10px 10px 14px;border:1px solid #dfe4ec;border-radius:15px;background:rgba(255,255,255,.97);box-shadow:0 18px 48px rgba(17,24,39,.2);backdrop-filter:blur(14px)}
.wh-mobile-buy small{display:block;color:var(--jmuted);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.wh-mobile-buy strong{display:block;color:var(--jink);font-family:Sora,sans-serif;font-size:1.1rem;line-height:1.1}.wh-mobile-buy a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:9px;background:var(--jblue);color:#fff;text-decoration:none;font-size:.75rem;font-weight:900}

@keyframes whPulse{0%{box-shadow:0 0 0 0 rgba(225,29,72,.5)}70%{box-shadow:0 0 0 10px rgba(225,29,72,0)}100%{box-shadow:0 0 0 0 rgba(225,29,72,0)}}
@media(max-width:1050px){.wh-goal-stage,.wh-split,.wh-local-grid,.wh-faq-grid,.wh-deep-grid{grid-template-columns:1fr}.wh-feature-grid,.wh-usecase-grid{grid-template-columns:1fr 1fr}.wh-faq-intro,.wh-deep-intro{position:static}.wh-panel-ui{max-width:700px}.wh-zim{margin-left:0}}
@media(max-width:820px){.wh-compare-head{display:block}.wh-compare-head button{margin-top:18px}.wh-guide-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.wh-hero{padding-top:20px}.wh-jump{top:64px}.wh-jump-inner{padding:6px 0}.wh-jump a{padding:8px 10px;font-size:.67rem}.wh-jump-buy{display:none!important}.wh-goal-tabs{width:100%;justify-content:flex-start}.wh-goal-stage{padding:22px}.wh-goal-copy ul{grid-template-columns:1fr}.wh-goal-visual{min-height:290px}.wh-browser{transform:none}.wh-float{font-size:.62rem}.wh-feature-grid,.wh-usecase-grid,.wh-guide-grid,.wh-local-facts{grid-template-columns:1fr}.wh-panel-ui{grid-template-columns:58px 1fr;min-height:320px}.wh-panel-main{padding:18px}.wh-panel-metrics{grid-template-columns:1fr}.wh-panel-tools{grid-template-columns:1fr 1fr}.wh-flow{grid-template-columns:1fr;gap:14px}.wh-flow>i{transform:rotate(90deg)}.wh-zim{width:235px;height:205px}.wh-faq-list summary{padding-left:14px}.wh-faq-list p{padding-left:52px}.wh-mobile-buy{display:flex}.wh-page{padding-bottom:82px}}
