.hosting-page{background:var(--bg)}
.hosting-hero{max-width:1280px;margin:0 auto;padding:42px 22px 22px;display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}
.hosting-hero-copy{padding:20px 6px}.hosting-hero-copy h1{font-size:46px;line-height:1.06;letter-spacing:-1.8px;margin:16px 0 12px;color:var(--text)}.hosting-hero-copy h1 span{color:var(--blue)}.hosting-hero-copy>p{max-width:680px;color:var(--muted);font-size:15px}.hosting-trust{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;font-weight:700;color:var(--text)}.hosting-trust span:before{content:''}.hosting-hero-art{min-height:330px;border-radius:22px;background:linear-gradient(135deg,#eef5ff,#dfeeff);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.host-rack{width:300px;height:220px;display:grid;gap:9px;padding:18px;border-radius:20px;background:linear-gradient(150deg,#122d59,#071b3c);box-shadow:0 25px 50px rgba(12,44,92,.22);transform:rotate(-4deg)}.host-rack span{display:block;height:35px;border-radius:8px;background:linear-gradient(90deg,#1e3c72,#0d75ff 55%,#13345f);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 18px rgba(54,151,255,.18)}.host-cloud,.host-shield{position:absolute;display:grid;place-items:center;border-radius:18px;box-shadow:var(--shadow)}.host-cloud{right:54px;top:42px;width:72px;height:72px;background:#fff;color:var(--blue);font-size:42px}.host-shield{left:56px;bottom:46px;width:76px;height:76px;background:#e5f4ff;color:#13a95e;font-size:34px;font-weight:900}
.hosting-domain-mini{max-width:1220px;margin:0 auto;padding:16px 22px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:310px 1fr;gap:18px;align-items:center}.hosting-domain-mini .domain-title{display:flex;align-items:center;gap:12px}.hosting-domain-mini .domain-title>strong{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#e7f0ff;color:var(--blue)}.hosting-domain-mini .domain-title h2{font-size:15px;margin:0}.hosting-domain-mini .domain-title p{font-size:10px;margin:4px 0;color:var(--muted)}.hosting-domain-mini form{display:grid;grid-template-columns:1fr 100px 175px;gap:8px}.hosting-domain-mini input,.hosting-domain-mini select{height:43px;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:0 12px;color:var(--text)}
.hosting-section{max-width:1280px;margin:0 auto;padding:78px 22px 54px}.hosting-category-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:26px 0 16px}.hosting-category{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;cursor:pointer;color:var(--text);box-shadow:var(--shadow);text-align:left}.hosting-category strong{font-size:14px}.hosting-category small{font-size:10px;color:var(--muted)}.hosting-category.active{background:var(--blue);color:#fff;border-color:var(--blue)}.hosting-category.active small{color:#eaf1ff}.hosting-panel{display:none}.hosting-panel.active{display:block}.storage-pills{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#eef5ff;border-radius:14px;border:1px solid #dbe9ff}.storage-pill{border:1px solid #d7e2f1;background:#fff;color:var(--text);padding:9px 14px;border-radius:999px;font-weight:800;cursor:pointer;min-width:64px}.storage-pill.active{background:var(--blue);border-color:var(--blue);color:#fff}.storage-pill.custom-pill{display:inline-flex;align-items:center;justify-content:center;border-style:dashed}.hosting-selected-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;margin-top:16px}.hosting-plan-card{position:relative;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;column-gap:22px;align-items:start}.hosting-plan-card h3{margin:0 0 5px;font-size:23px}.hosting-plan-card p{margin:0;color:var(--muted);font-size:12px}.hosting-plan-card .price-line{grid-column:1;color:var(--blue);font-weight:950;font-size:32px;margin-top:18px}.hosting-plan-card .price-line small{font-size:12px;color:var(--muted);font-weight:800}.price-note{grid-column:1;color:var(--muted);font-size:11px;margin-top:2px}.hosting-plan-card ul{grid-column:2;grid-row:2 / span 3;list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.hosting-plan-card li{font-size:12px}.hosting-plan-card li::first-letter{color:var(--green)}.plan-badge{position:absolute;right:18px;top:18px;background:#dff8e9;color:#118d56;font-size:10px;font-weight:900;border-radius:999px;padding:5px 9px}.plan-actions{grid-column:1;margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}.plan-actions form{margin:0}.plan-actions .btn{width:100%}.custom-callout{padding:22px;border:1px solid #cfe0ff;border-radius:18px;background:linear-gradient(135deg,#edf5ff,#f7fbff);display:flex;flex-direction:column;gap:8px;justify-content:center}.custom-callout span{font-size:10px;color:var(--blue);font-weight:900;text-transform:uppercase}.custom-callout strong{font-size:18px}.custom-callout p{font-size:11px;color:var(--muted);margin:0}.business-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.business-plan-grid .hosting-plan-card{grid-template-columns:1fr;display:none}.business-plan-grid .hosting-plan-card ul,.business-plan-grid .hosting-plan-card .price-line,.business-plan-grid .hosting-plan-card .price-note,.business-plan-grid .hosting-plan-card .plan-actions{grid-column:1;grid-row:auto}.business-plan-grid .hosting-plan-card ul{margin-top:10px}.business-plan-grid .hosting-plan-card .price-line{margin-top:12px}.business-plan-grid .hosting-plan-card .plan-actions{margin-top:16px}.reseller-note{display:flex;gap:10px;align-items:center;padding:14px 16px;margin-top:12px;background:#f7fbff;border:1px solid var(--line);border-radius:13px;font-size:12px}.reseller-note strong{color:var(--blue)}.reseller-note span{color:var(--muted)}.custom-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;margin-top:16px}.custom-copy,.custom-mini-form{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);padding:26px}.custom-copy h3{font-size:28px;margin:8px 0}.custom-copy p{color:var(--muted)}.custom-rule{padding:14px;margin:18px 0;background:#eef8f3;border:1px solid #c9efd9;border-radius:13px;display:flex;flex-direction:column;gap:3px}.custom-rule span{color:#33624f;font-size:11px}.custom-mini-form>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.custom-mini-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800;margin-bottom:12px}.custom-mini-form input,.custom-mini-form select,.custom-mini-form textarea{border:1px solid var(--line);background:#f8fbff;border-radius:10px;padding:10px;color:var(--muted)}.hosting-benefits{max-width:1220px;margin:0 auto 40px;padding:20px 22px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.hosting-benefits>div{padding:14px;border-right:1px solid var(--line)}.hosting-benefits>div:last-child{border-right:0}.hosting-benefits i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eaf2ff;margin-bottom:9px;font-style:normal}.hosting-benefits strong,.hosting-benefits small{display:block}.hosting-benefits strong{font-size:12px}.hosting-benefits small{font-size:10px;color:var(--muted);margin-top:4px}.hosting-cta{max-width:1220px;margin:0 auto 55px;padding:25px 26px;border:1px solid #cfe0ff;border-radius:18px;background:linear-gradient(135deg,#edf5ff,#f6faff);display:flex;align-items:center;justify-content:space-between;gap:20px}.hosting-cta h2{margin:6px 0;font-size:24px}.hosting-cta p{margin:0;color:var(--muted);font-size:12px}
@media(max-width:1000px){.hosting-hero{grid-template-columns:1fr}.hosting-domain-mini{grid-template-columns:1fr}.hosting-category-tabs{grid-template-columns:repeat(2,1fr)}.hosting-selected-grid{grid-template-columns:1fr}.business-plan-grid{grid-template-columns:repeat(2,1fr)}.hosting-benefits{grid-template-columns:repeat(3,1fr)}.hosting-benefits>div:nth-child(3){border-right:0}.custom-layout{grid-template-columns:1fr}}
@media(max-width:680px){.hosting-hero{padding-top:24px}.hosting-hero-copy h1{font-size:33px;letter-spacing:-1px}.hosting-hero-art{min-height:240px}.hosting-domain-mini form{grid-template-columns:1fr}.hosting-category-tabs{grid-template-columns:1fr}.storage-pills{overflow-x:auto;flex-wrap:nowrap}.storage-pill{flex:0 0 auto}.hosting-plan-card{grid-template-columns:1fr}.hosting-plan-card ul{grid-column:1;grid-row:auto}.hosting-plan-card .price-line,.hosting-plan-card .price-note,.hosting-plan-card .plan-actions{grid-column:1}.business-plan-grid{grid-template-columns:1fr}.custom-mini-form>div{grid-template-columns:1fr}.hosting-benefits{grid-template-columns:1fr 1fr}.hosting-benefits>div{border-right:0;border-bottom:1px solid var(--line)}.hosting-benefits>div:last-child{border-bottom:0}.hosting-cta{flex-direction:column;align-items:flex-start}.hosting-cta .actions{width:100%}.hosting-cta .actions .btn{flex:1}.reseller-note{align-items:flex-start;flex-direction:column}}
@media(max-width:420px){.hosting-hero-copy h1{font-size:29px}.hosting-section{padding-top:58px}.hosting-benefits{grid-template-columns:1fr}.hosting-plan-card{padding:18px}.custom-copy,.custom-mini-form{padding:20px}}
.custom-request-card{max-width:1080px;margin:0 auto}.custom-request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.custom-request-grid label,.custom-request-card>form>label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800}.custom-request-card label span{font-weight:600;color:var(--muted)}.custom-request-card input,.custom-request-card select,.custom-request-card textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:11px}.custom-request-card small{font-size:10px;color:var(--muted);font-weight:500}.custom-request-card>form>label{margin-top:14px}.custom-request-card .actions{margin-top:16px}.custom-request-card .actions .btn{flex:0 0 auto}@media(max-width:680px){.custom-request-grid{grid-template-columns:1fr}}