.hosting-detail{background:#f5f8ff;color:#1c2d81}
.hosting-detail main{display:block}
.hosting-detail .hosting-hero{background:linear-gradient(110deg,#172976,#3b4cad 58%,#6668ca);color:#fff;overflow:hidden}
.hosting-detail .hosting-hero-inner{max-width:1280px;margin:auto;padding:86px 5% 95px;display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}
.hosting-detail .hosting-kicker{display:inline-flex;border:1px solid #b5d2ff8c;border-radius:30px;padding:7px 13px;font-size:11px;font-weight:800;letter-spacing:.13em;color:#c7e6ff}
.hosting-detail .hosting-hero h1{font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.12;letter-spacing:-.05em;margin:22px 0}
.hosting-detail .hosting-hero p{font-size:17px;line-height:1.8;color:#e2eaff;max-width:650px}
.hosting-detail .hosting-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hosting-detail .hosting-hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:7px;font-size:14px;font-weight:800;text-decoration:none}
.hosting-detail .hosting-hero-actions .primary{background:#d3ebff;color:#17328b}
.hosting-detail .hosting-hero-actions .secondary{border:1px solid #c0d9ff9c;color:#fff}
.hosting-detail .hosting-hero-art{position:relative;min-height:350px;display:grid;place-items:center}
.hosting-detail .hosting-hero-art::before{content:"";position:absolute;inset:5%;border:1px solid #d8e5ff44;border-radius:50%;transform:rotate(-20deg)}
.hosting-detail .hosting-hero-art::after{content:"";position:absolute;inset:18%;border:1px solid #d8e5ff44;border-radius:50%;transform:rotate(25deg)}
.hosting-detail .hosting-hero-art .panel{position:relative;z-index:1;width:min(100%,420px);border:1px solid #dce8ff7a;border-radius:20px;background:#e6f0ff1c;box-shadow:0 24px 55px #0915594f;padding:26px;backdrop-filter:blur(5px)}
.hosting-detail .hosting-hero-art .panel-head{display:flex;align-items:center;justify-content:space-between;color:#c9dfff;font-size:12px;font-weight:700;border-bottom:1px solid #dce8ff44;padding-bottom:18px}
.hosting-detail .hosting-hero-art .panel-head i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#98d8ff;margin-right:5px}
.hosting-detail .hosting-hero-art .panel-body{padding:32px 0 8px;text-align:center}
.hosting-detail .hosting-hero-art .panel-body strong{display:block;font-size:clamp(2rem,3vw,2.8rem);line-height:1.1}
.hosting-detail .hosting-hero-art .panel-body small{display:block;font-size:14px;color:#d5e7ff;margin-top:15px}
.hosting-detail .hosting-hero-art .panel-bars{display:flex;gap:8px;margin-top:35px}.hosting-detail .hosting-hero-art .panel-bars span{height:8px;background:#c5e5ff99;border-radius:8px;flex:1}.hosting-detail .hosting-hero-art .panel-bars span:nth-child(2){flex:1.5}.hosting-detail .hosting-hero-art .panel-bars span:nth-child(3){flex:.65}
.hosting-detail .hosting-content{max-width:1280px;margin:auto;padding:0 5%}
.hosting-detail .hosting-section{padding:78px 0}
.hosting-detail .hosting-section.alt{background:#eaf2ff}
.hosting-detail .hosting-section h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.2;letter-spacing:-.04em;margin:0 0 17px}
.hosting-detail .hosting-section-lead{color:#5c6c93;line-height:1.75;max-width:760px;margin:0 0 34px}
.hosting-detail .hosting-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hosting-detail .hosting-feature{background:#fff;border:1px solid #dce5fa;border-radius:16px;padding:30px;box-shadow:0 12px 30px #243e9612}
.hosting-detail .hosting-feature b{display:block;font-size:13px;letter-spacing:.12em;color:#536bc6;margin-bottom:18px}
.hosting-detail .hosting-feature h3{font-size:1.25rem;margin:0 0 12px}.hosting-detail .hosting-feature p{color:#5c6c93;line-height:1.75;font-size:14px;margin:0}
.hosting-detail .hosting-pricing{background:linear-gradient(180deg,#f3f7ff,#fff)}
.hosting-detail .hosting-pricing .container{max-width:1280px;margin:auto;padding:0 5%}
.hosting-detail .hosting-pricing-head{text-align:left;max-width:850px;margin:0 0 34px}
.hosting-detail .hosting-pricing-head h2{margin:0 0 14px}
.hosting-detail .hosting-plan-group{margin:0}
.hosting-detail .hosting-plan-group-head{display:none}
.hosting-detail .hosting-faq{display:grid;grid-template-columns:.65fr 1fr;gap:50px;align-items:start}
.hosting-detail .hosting-faq-list details{background:#fff;border:1px solid #dce5fa;border-radius:10px;padding:18px 22px;margin-bottom:12px}
.hosting-detail .hosting-faq-list summary{cursor:pointer;font-weight:800;color:#203681}
.hosting-detail .hosting-faq-list p{color:#5c6c93;line-height:1.75;margin:14px 0 0}
.hosting-detail .hosting-related{display:flex;gap:12px;flex-wrap:wrap}.hosting-detail .hosting-related a{display:inline-flex;border:1px solid #bccdf2;background:#fff;border-radius:7px;color:#2a4298;padding:12px 17px;font-weight:800;text-decoration:none}
@media(max-width:900px){.hosting-detail .hosting-hero-inner{grid-template-columns:1fr;gap:10px;padding-top:65px}.hosting-detail .hosting-hero-art{min-height:260px}.hosting-detail .hosting-feature-grid{grid-template-columns:1fr 1fr}.hosting-detail .hosting-faq{grid-template-columns:1fr}}
@media(max-width:650px){.hosting-detail .hosting-hero-inner{padding-top:55px;padding-bottom:55px}.hosting-detail .hosting-hero h1{font-size:2.7rem}.hosting-detail .hosting-hero p{font-size:15px}.hosting-detail .hosting-hero-actions a{width:100%}.hosting-detail .hosting-hero-art{min-height:220px}.hosting-detail .hosting-hero-art .panel{padding:20px}.hosting-detail .hosting-feature-grid{grid-template-columns:1fr}.hosting-detail .hosting-section{padding:60px 0}}