.hero-hosting{background:linear-gradient(135deg,#0f172a,#1e293b,#020617);position:relative;overflow:hidden;padding:120px 0 80px;min-height:520px}.hero-hosting:before{content:"";position:absolute;top:-10%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(56,189,248,.15) 0%,transparent 70%);border-radius:50%}.hero-hosting:after{content:"";position:absolute;bottom:0;right:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);border-radius:50%}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:#7dd3fc;padding:6px 16px;border-radius:100px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem}.hero-hosting h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;color:#fff;line-height:1.1}.hero-hosting h1 span.gradient-text{background:linear-gradient(90deg,#38bdf8,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-hosting p{color:#ffffffb3;font-size:1.1rem;max-width:540px}.hero-stat-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 14px;color:#e2e8f0;font-size:.82rem;font-weight:500}.hero-stat-pill i{color:#38bdf8}.billing-toggle-wrap{background:#f1f5f9}.billing-toggle-btn{border-radius:50px!important;transition:all .2s}.pricing-card-col .card{transition:transform .2s,box-shadow .2s}.pricing-card-col .card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #0000001f!important}@media(max-width:1199.98px){.hero-hosting{padding:100px 0 60px;text-align:center}.hero-hosting p{margin-left:auto;margin-right:auto}.hero-badge,.d-flex{justify-content:center}.hero-img-wrapper{margin-top:3rem}}.subpage-mockup-slider{width:100%;height:400px;background:#0f172a99;border:1.5px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 80px #00000080;position:relative;transition:transform .5s ease,box-shadow .5s ease}.mockup-header-bar{height:38px;background:#0f172ad9;border-bottom:1.5px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 16px;gap:8px;z-index:6}.mockup-header-bar .mock-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.mock-dot.red{background:#ef4444}.mock-dot.yellow{background:#f59e0b}.mock-dot.green{background:#10b981}.mock-url-bar{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:5px;height:20px;margin:0 12px;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:.68rem;letter-spacing:.5px;font-family:monospace}.mockup-slides-container{flex:1;position:relative;overflow:hidden}.mockup-slide{position:absolute;inset:0;background-size:cover;background-position:top center;opacity:0;transform:scale(1.03);transition:opacity .8s ease-in-out,transform 1.2s cubic-bezier(.16,1,.3,1)}.mockup-slide.active{opacity:1;transform:scale(1)}.subpage-mockup-slider.single-image .mockup-slide{opacity:1;animation:kenburns 20s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1) translate(0)}to{transform:scale(1.08) translate(-1%,-1.5%)}}