body[data-page-version="hosting-v4"]{background:#fff;color:var(--ink)}
body[data-page-version="hosting-v4"] header .hosting-nav-active{color:var(--purple)}
body[data-page-version="hosting-v4"] header .navlinks a{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600}
body[data-page-version="hosting-v4"] header .navlinks a span{font-size:12px;color:#9b90ac}
.hosting-hero{position:relative;overflow:hidden;padding:72px 0 42px;text-align:center;border-bottom:1px solid #f2edf7;background:#fff}
.hosting-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 25% 0,#efe5ff 0,transparent 43%),radial-gradient(ellipse at 78% 5%,#ddf8fe 0,transparent 42%);opacity:.78;pointer-events:none}
.hosting-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(#bea8da 1px,transparent 1.2px);background-size:26px 26px;mask-image:linear-gradient(to bottom,#0003,transparent 72%);opacity:.45;pointer-events:none}
.hosting-hero .wrap{position:relative;z-index:1;max-width:980px}.hosting-hero .hero-label{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}
.hosting-hero h1{font-size:48px;font-weight:800;letter-spacing:-.05em;line-height:1.08;max-width:980px;margin:0 auto}.hosting-subtitle{max-width:720px;margin:18px auto 0;color:var(--muted);font-size:16px;line-height:1.7}
.billing-toolbar{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:26px}.billing-label{font-size:12px;font-weight:700;color:#655a72;letter-spacing:.05em;text-transform:uppercase}
.billing-switch{display:flex;padding:4px;border:1px solid #e4dced;border-radius:14px;background:#fff;box-shadow:0 10px 24px #321a4f08}.billing-switch button{border:0;background:transparent;padding:12px 18px;border-radius:10px;font-size:13px;font-weight:700;color:#655a72}.billing-switch button span{display:inline-flex;margin-left:8px;font-size:10px;font-weight:700;color:#8e51ff}.billing-switch button.is-active{background:linear-gradient(115deg,#5923b0,#8e51ff);color:#fff;box-shadow:0 8px 18px #5923b022}.billing-switch button.is-active span{color:#efe7ff}
.hosting-section{padding-top:68px;padding-bottom:68px}.hosting-section.alt-bg{background:linear-gradient(180deg,#fbf9fd,#fff)}.compact-top{padding-top:36px}
.hosting-heading{text-align:center;max-width:820px;margin:0 auto 26px}.hosting-heading.tight h2{margin-bottom:0}.hosting-heading .eyebrow{margin-bottom:10px}.hosting-heading h2{margin:0 0 10px;font-size:40px;letter-spacing:-.04em}.hosting-heading h2 em{background:linear-gradient(100deg,#342049,#9053ed);color:transparent;background-clip:text;font-style:normal}.hosting-heading p{color:var(--muted);font-size:14px;line-height:1.7}.section-minihead{margin-bottom:18px}.section-minihead .eyebrow{text-align:left}
.plan-grid{display:grid;gap:18px;align-items:stretch}.plan-grid.standard{grid-template-columns:repeat(4,minmax(0,1fr))}.plan-grid.premium{grid-template-columns:repeat(3,minmax(0,1fr))}
.plan-card{position:relative;border:1px solid #e4dced;border-radius:22px;overflow:hidden;padding:24px;display:flex;flex-direction:column;min-height:100%;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s}.plan-card::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 2px 2px,#d9c8ef 1.15px,transparent 1.25px);background-size:14px 14px;mask-image:linear-gradient(to bottom,#0005,transparent 62%);opacity:.7;pointer-events:none}.plan-card:hover{transform:translateY(-6px);border-color:#b796df;box-shadow:0 18px 42px #43215d15}
.standard-card{background:linear-gradient(180deg,#fff,#fbf8fe)}.standard-card:hover{background:linear-gradient(180deg,#fcfbff,#f4eeff)}
.premium-card{background:radial-gradient(ellipse at top right,#4d3669 0,#1b1724 76%);border-color:#342740;color:#fff;box-shadow:0 12px 34px #2c163516}.premium-card::before{background-image:radial-gradient(circle at 2px 2px,#7d6a97 1.1px,transparent 1.2px);background-size:14px 14px;opacity:.46}.premium-card:hover{background:radial-gradient(ellipse at top right,#593d79 0,#15131d 78%);border-color:#64d6ef;box-shadow:0 20px 48px #26122f38}
.plan-head{position:relative;z-index:1}.plan-head h3{font-size:30px;line-height:1;margin:0 0 8px;letter-spacing:-.05em}.plan-head p{font-size:13px;color:#6b6277;line-height:1.5;min-height:40px}.premium-card .plan-head p{color:#cfc3de}
.plan-price{position:relative;z-index:1;margin:18px 0 18px;display:flex;flex-direction:column;gap:2px}.old-price{min-height:18px;font-size:14px;color:#9d90ad;text-decoration:line-through}.plan-price strong{font-size:34px;line-height:1;letter-spacing:-.055em;color:#321f45}.price-period{font-size:12px;color:#6f667b}.price-saving{font-size:11px;color:#8e51ff;min-height:16px}.premium-card .old-price{color:#a898bb}.premium-card .plan-price strong{color:#fff}.premium-card .price-period{color:#dbd1e5}.premium-card .price-saving{color:#7fe2f4}
.plan-main-spec{position:relative;z-index:1;margin:0 0 18px;padding:18px;border-radius:16px;background:linear-gradient(180deg,#f7f2fc,#fff);border:1px solid #ece3f5;display:flex;flex-direction:column;gap:6px}.plan-main-spec strong{font-size:34px;line-height:1;color:#1f1630}.plan-main-spec span{font-size:14px;color:#5e556b}.premium-card .plan-main-spec{background:#ffffff0b;border-color:#ffffff14}.premium-card .plan-main-spec strong{color:#fff}.premium-card .plan-main-spec span{color:#ddd4e8}
.plan-specs{position:relative;z-index:1;list-style:none;display:grid;gap:11px;margin:0;padding:0;flex:1}.plan-specs li{font-size:13px;line-height:1.55;color:#4c4556;padding-left:18px;position:relative}.plan-specs li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:linear-gradient(120deg,#5923b0,#7fe2f4)}.plan-specs li strong{font-weight:800;color:#20152f}.premium-card .plan-specs li,.premium-card .plan-specs li strong{color:#fff}
.plan-card .btn{position:relative;z-index:1;margin-top:22px;width:100%}.premium-card .btn{background:linear-gradient(115deg,#8e51ff,#45dcf6);color:#1d1526}.premium-card .btn:hover,.migration-card .btn:hover{background:linear-gradient(115deg,#7040c7,#8e51ff 55%,#45dcf6);color:#fff;box-shadow:0 9px 24px #45dcf62b;transform:translateY(-1px)}.migration-card .btn.outline:hover{background:#ffffff18;border-color:#ffffff4d;color:#fff;box-shadow:0 9px 24px #0002}.plan-note{margin-top:20px;text-align:center;color:#8a8095;font-size:11px}
.premium-shell{padding-top:56px}.premium-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-bottom:24px}.premium-copy,.premium-meter{border:1px solid #e4dced;border-radius:18px;background:#fff;padding:28px}.premium-copy{background:radial-gradient(ellipse at 100% 0,#ece0ff,#fff 58%)}.premium-copy h3{font-size:31px;margin:8px 0 10px}.premium-copy p{color:var(--muted)}.premium-meter{display:grid;align-content:center;gap:13px;background:radial-gradient(ellipse at 90% 20%,#daf8fd,#fff 60%)}.resource-line{display:grid;grid-template-columns:84px 1fr 54px;gap:12px;align-items:center;font-size:11px}.resource-bar{height:8px;background:#eee9f2;border-radius:10px;overflow:hidden}.resource-bar i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#7040c7,#45dcf6)}.resource-line strong{text-align:right;font-size:10px;color:#655a72}
.include-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.include-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px;min-height:180px;position:relative;overflow:hidden}.include-card::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-58px;top:-58px;background:radial-gradient(circle,#e9ddfc,transparent 70%)}.icon-box{width:42px;height:42px;border-radius:12px;border:1px solid #e7ddef;background:#ffffffc7;display:grid;place-items:center;color:#7c55b2;margin-bottom:18px}.icon-box .icon{width:22px;height:22px}.include-card h3,.why-card h3,.related-card h3{font-size:18px;line-height:1.25;margin-bottom:8px}.include-card p,.why-card p,.related-card p{font-size:12px;line-height:1.65;color:var(--muted)}.support-pill{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;padding:16px 20px;border-radius:14px;background:#fff;border:1px solid #e4dced;font-size:13px;color:#62566f}.support-pill .icon{width:19px;height:19px;color:#7c55b2}
.tech-rows{display:grid;gap:18px}.tech-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:center;padding:26px;border:1px solid #e4dced;border-radius:18px;background:linear-gradient(180deg,#fff,#fbf8fe)}.tech-copy h3{font-size:28px;line-height:1.2;letter-spacing:-.03em}.logo-grid{display:grid;gap:14px}.logos-4{grid-template-columns:repeat(4,minmax(0,1fr))}.logo-tile{display:flex;align-items:center;justify-content:center;height:88px;border-radius:16px;border:1px solid #e4dced;background:#fff;font-size:18px;font-weight:800;letter-spacing:-.03em;color:#3a2b4a;box-shadow:0 10px 22px #41215908}.logo-tile.wp{color:#1e6db1}.logo-tile.bitrix{color:#d32c53}.logo-tile.opencart{color:#ff8e20}.logo-tile.joomla{color:#53667a}.logo-tile.yii{color:#e76d2c}.logo-tile.laravel{color:#ff5147}.logo-tile.symfony{color:#111}.logo-tile.laminas{color:#0f4d73}.logo-tile.php{color:#6e72cb}.logo-tile.python{color:#236eb8}.logo-tile.node{color:#4f8d3a}.logo-tile.db{color:#2d7d8a}
.migration-card{position:relative;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at 86% 0,#4f3a6a,#171522 64%);color:#fff;padding:42px 44px;border:1px solid #33253f;box-shadow:0 20px 52px #2b153226}.migration-card::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff32 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent 15%,#000 100%);opacity:.55}.migration-content{position:relative;z-index:1;display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;align-items:center}.migration-content h2{text-align:left;color:#fff;margin:8px 0 14px;font-size:38px}.migration-content p{color:#cfc5dc;max-width:530px}.migration-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.migration-list span{display:flex;gap:9px;align-items:center;padding:11px 12px;border:1px solid #ffffff17;border-radius:10px;background:#ffffff08;font-size:11px;color:#e3ddeb}.migration-list span::before{content:"✓";color:#55dcee;font-weight:800}.migration-actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}.migration-card .btn{background:linear-gradient(115deg,#8e51ff,#45dcf6);color:#1d1526}.migration-card .btn.outline{background:#ffffff08;border-color:#ffffff22;color:#fff}
.wp-split{display:grid;grid-template-columns:.78fr 1.22fr;gap:20px;align-items:stretch}.wp-copy{padding:38px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#f8f4fc);display:flex;flex-direction:column;min-height:100%}.hosting-stack-tabs{display:inline-flex;align-self:flex-start;gap:4px;padding:4px;border:1px solid #e4dced;border-radius:11px;background:#fff;margin-bottom:28px}.hosting-stack-tabs button{padding:9px 14px;border-radius:8px;font-size:11px;font-weight:700;color:#756b80;transition:background .18s,color .18s,box-shadow .18s}.hosting-stack-tabs button:hover{color:#4f2a78;background:#f5effc}.hosting-stack-tabs button.is-active{background:linear-gradient(115deg,#28193a,#7040c7);color:#fff;box-shadow:0 7px 18px #7040c71c}.stack-copy{display:flex;flex-direction:column;flex:1}.wp-copy h2{text-align:left;margin:8px 0 14px;font-size:36px}.wp-copy p{color:var(--muted);max-width:530px}.wp-benefits{list-style:none;display:grid;gap:12px;margin:28px 0 0;padding:0}.wp-benefits li{position:relative;padding-left:20px;color:#53495f;font-size:13px;line-height:1.55}.wp-benefits li::before{content:"";position:absolute;left:0;top:.57em;width:7px;height:7px;border-radius:50%;background:linear-gradient(120deg,#7040c7,#45dcf6)}.wp-plan-stage{min-width:0}.wp-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;height:100%}.wp-plan .plan-head h3{font-size:26px}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.related-card{border:1px solid #e4dced;border-radius:18px;padding:26px;background:#f8f5fc;min-height:250px;position:relative;overflow:hidden;display:flex;flex-direction:column}.related-card:nth-child(2){background:#f2f6fc}.related-card:nth-child(3){background:#fbf4fa}.related-card:nth-child(4){background:radial-gradient(ellipse at 100% 0,#443260,#171525 70%);color:#fff;border-color:#332640}.related-card:nth-child(4) p{color:#bfb3cc}.related-card .more{margin-top:auto}.related-card:nth-child(4) .more{color:#d9bdff}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.why-card{border:1px solid var(--line);border-radius:16px;background:#fcfbfe;padding:24px;min-height:180px;position:relative;overflow:hidden}.why-card::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-52px;top:-56px;background:radial-gradient(circle,#e9ddfc,transparent 70%)}
.hosting-faq{max-width:980px}.faq-list{display:grid;gap:10px}.faq-item{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.faq-item button{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:20px 22px;font-weight:700;font-size:14px}.faq-item button span:last-child{color:#8a6bad;font-size:20px;transition:transform .2s}.faq-item.open button span:last-child{transform:rotate(45deg)}.faq-answer{padding:0 22px 20px;color:var(--muted);font-size:12px;line-height:1.75;max-width:820px}
body[data-page-version="hosting-v4"] .contact{background:linear-gradient(180deg,#fff,#f8f5fc)}
@media (max-width:1160px){.plan-grid.standard{grid-template-columns:repeat(2,1fr)}.plan-grid.premium{grid-template-columns:repeat(2,1fr)}.premium-intro,.tech-row,.migration-content,.wp-split{grid-template-columns:1fr}.include-grid,.related-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.logos-4{grid-template-columns:repeat(2,1fr)}.wp-plan-grid{grid-template-columns:1fr}.migration-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.hosting-hero{padding-top:46px}.hosting-hero h1{font-size:37px}.hosting-section{padding-top:52px;padding-bottom:52px}.billing-toolbar{flex-direction:column}.plan-grid.standard,.plan-grid.premium,.include-grid,.related-grid,.why-grid,.logos-4,.migration-list{grid-template-columns:1fr}.plan-card{padding:20px}.plan-head h3{font-size:27px}.plan-price strong,.plan-main-spec strong{font-size:30px}.hosting-heading h2,.premium-copy h3,.migration-content h2,.wp-copy h2,.tech-copy h3{font-size:30px}.migration-card{padding:30px 24px}.wp-copy{padding:28px}.tech-row{padding:20px}.section-minihead .eyebrow{text-align:center}}

/* v4 targeted updates: keep rest untouched */
.tech-rows.refined{display:grid;gap:18px}.refined-row{grid-template-columns:280px 1fr;align-items:start;padding:26px;border:1px solid #e4dced;border-radius:18px;background:linear-gradient(180deg,#fff,#fbf8fe)}.tech-copy.compact{display:flex;align-items:flex-start;gap:14px}.tech-copy.compact .icon-box{margin-bottom:0;flex-shrink:0}.tech-copy.compact h3{font-size:17px;line-height:1.45;font-weight:600;letter-spacing:-.02em;margin:0;max-width:220px}.software-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px 18px}.software-grid.compact-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.software-item{display:flex;align-items:center;gap:10px;min-height:40px;padding:4px 0;color:#352644}.software-item span:last-child{font-size:15px;font-weight:700;line-height:1.35}.software-badge{width:32px;height:32px;border-radius:10px;border:1px solid #e2d8ef;background:#fff;box-shadow:0 6px 16px #43215d0a;display:grid;place-items:center;font-size:11px;font-weight:800;color:#7b56af;flex-shrink:0}.software-item:hover .software-badge{border-color:#bda0e6;background:#f6f0ff}.software-item:hover span:last-child{color:#5e2ea8}
@media (max-width:1160px){.refined-row{grid-template-columns:1fr}.tech-copy.compact h3{max-width:none}}
@media (max-width:760px){.software-grid,.software-grid.compact-grid{grid-template-columns:1fr 1fr}.tech-copy.compact{align-items:center}.tech-copy.compact h3{font-size:16px}.software-item span:last-child{font-size:14px}}
@media (max-width:560px){.software-grid,.software-grid.compact-grid{grid-template-columns:1fr}}