.hosting-page{padding-top:30px;--service-accent:#b9ef70;--service-glow:#668a5022}
.hosting-wordpress{--service-accent:#d4b6ed;--service-glow:#976c9e22}.hosting-alkalmazas{--service-accent:#87d4df;--service-glow:#478fa922}.hosting-vps{--service-accent:#a4c6f4;--service-glow:#6384bf22}
.hosting-page .eyebrow{color:var(--service-accent)}.hosting-page .breadcrumb{margin:0 0 26px}
.hosting-hero{display:grid;grid-template-columns:1fr 1.08fr;gap:45px;align-items:center;padding:35px 0 45px}
.hosting-hero h1{font-size:clamp(40px,4vw,62px);letter-spacing:-.05em;margin:18px 0 24px;line-height:1.1}
.hosting-hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;max-width:470px;margin-bottom:28px}
.hosting-hero .button{background:var(--service-accent);border-color:var(--service-accent);color:#12202b}
.hosting-art{margin:0;min-width:0;background:radial-gradient(ellipse at center,var(--service-glow),transparent 72%);position:relative}
.hosting-art svg{display:block;width:100%;height:auto}.hosting-art figcaption{text-align:right;font-size:9px;letter-spacing:.16em;color:#7e91a1;padding-right:30px}
.hosting-launch{display:flex;gap:13px;align-items:center;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;padding:17px 0}
.hosting-launch .tiny-dot{background:var(--service-accent)}.hosting-launch p{margin:0;font-size:13px;line-height:1.7;color:#96a8b7}.hosting-launch strong{color:#dce5eb;font-weight:500}
.hosting-section{padding-top:62px;scroll-margin-top:115px}.hosting-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}
.hosting-heading .eyebrow{margin-bottom:12px}.hosting-heading h2{font-size:32px;letter-spacing:-.04em;margin:0;max-width:690px}.hosting-heading>p{font-size:14px;margin:0 0 2px;max-width:280px}
.hosting-plans{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hosting-plan{padding:30px;border:1px solid #ffffff1b;border-radius:16px;background:#111a23;min-width:0}
.hosting-plan-plus{background:linear-gradient(145deg,var(--service-glow),#111a23 65%);border-color:var(--service-accent)}
.hosting-plan-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.hosting-plan h3{font-size:27px;letter-spacing:-.04em;margin:0}.hosting-plan-top>span{font-size:11px;color:var(--service-accent);padding:4px 9px;border:1px solid #ffffff20;border-radius:5px;white-space:nowrap}
.hosting-plan-description{font-size:14px;line-height:1.7;margin:14px 0 24px;min-height:24px}
.hosting-highlights{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:23px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}
.hosting-highlights>div{display:grid;gap:4px}.hosting-highlights strong{font-size:34px;line-height:1.25;letter-spacing:-.04em;font-weight:600;color:#edf2f5}.hosting-highlights span{font-size:13px;color:#95a7b6}
.hosting-includes{list-style:none;padding:0;margin:20px 0}.hosting-includes li{display:flex;justify-content:space-between;gap:18px;padding:7px 0;font-size:13px}.hosting-includes li>span{color:#9eafbd}.hosting-includes strong{font-weight:500;color:#d4dfe7;text-align:right}
.hosting-checks{display:grid;gap:10px;font-size:13px;color:#c0cdd7;margin:20px 0 26px}.hosting-checks span:before{content:'✓';color:var(--service-accent);margin-right:10px}
.hosting-plan-bottom{border-top:1px solid #ffffff12;padding-top:19px;display:flex;justify-content:space-between;align-items:center;gap:15px}.hosting-plan-bottom>span:first-child{font-size:17px;color:#e1e9ef;font-weight:500}.hosting-plan-bottom>span:last-child{font-size:11px;color:#8fa1b0}
.hosting-note{font-size:12px;line-height:1.8;max-width:950px;margin:20px 0 0;color:#90a2b1}
.hosting-explainer{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.hosting-explainer h2{font-size:32px;letter-spacing:-.04em;max-width:500px}.hosting-explainer>div>p:last-child{font-size:15px;line-height:1.9;margin:0;max-width:510px}
.hosting-roles{border-left:1px solid #ffffff18;padding-left:32px}.hosting-roles>div+div{border-top:1px solid #ffffff12;padding-top:22px;margin-top:22px}.hosting-roles span{font-size:10px;color:var(--service-accent);letter-spacing:.14em}.hosting-roles p{font-size:14px;line-height:1.8;margin:10px 0 0;color:#a7b6c2}
.hosting-questions{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.hosting-questions>h2{font-size:30px}.hosting-questions article{padding-bottom:24px;border-bottom:1px solid #ffffff12}.hosting-questions article+article{padding-top:24px}.hosting-questions h3{font-size:17px;margin:0 0 10px}.hosting-questions p{font-size:14px;line-height:1.8;margin:0}
.hosting-related{padding-bottom:65px}.hosting-related h2{font-size:27px}.hosting-related>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hosting-related a{display:flex;align-items:center;gap:14px;border:1px solid #ffffff20;border-radius:10px;padding:20px;font-size:14px;background:#111a23}.hosting-related a:hover{border-color:var(--service-accent)}.hosting-related a>span:last-child{margin-left:auto;color:var(--service-accent)}.hosting-related-icon{display:flex;color:var(--service-accent)}.hosting-related-icon svg{width:23px;height:23px}
@media(max-width:1000px){.hosting-hero{gap:20px}.hosting-hero h1{font-size:46px}.hosting-heading{display:block}.hosting-heading>p{max-width:none;margin-top:16px}.hosting-explainer{gap:40px}.hosting-related a{padding:16px;font-size:12px}.hosting-plan{padding:25px}.hosting-plan-top{flex-wrap:wrap}.hosting-plan-description{min-height:48px}}
@media(max-width:700px){.hosting-page{padding-top:22px}.hosting-hero{grid-template-columns:1fr;padding:18px 0 28px;gap:25px}.hosting-hero h1{font-size:43px}.hosting-hero-copy>p:not(.eyebrow){font-size:15px}.hosting-art{max-width:520px;width:100%;margin:auto}.hosting-launch{align-items:flex-start}.hosting-launch .tiny-dot{margin-top:8px}.hosting-launch p{font-size:12px}.hosting-section{padding-top:42px}.hosting-heading h2{font-size:29px}.hosting-plans{grid-template-columns:1fr;gap:18px}.hosting-plan-description{min-height:0}.hosting-plan-top{flex-wrap:nowrap}.hosting-plan-top>span{font-size:10px}.hosting-plan h3{font-size:25px}.hosting-highlights strong{font-size:32px}.hosting-explainer,.hosting-questions{grid-template-columns:1fr;gap:26px}.hosting-explainer h2{font-size:29px}.hosting-roles{padding-left:20px}.hosting-questions>h2{margin:0}.hosting-related>div:last-child{grid-template-columns:1fr}.hosting-related a{font-size:14px;padding:19px}.hosting-related{padding-bottom:45px}.hosting-plan-bottom{flex-wrap:wrap}.hosting-plan-bottom>span:last-child{font-size:11px}}

/* Concrete service benefits, verified storage type; local preview only. */
.benefit-strip{display:flex;flex-wrap:wrap;gap:24px;padding:29px 0 0}
.benefit-item{display:flex;align-items:center;gap:13px;flex:1 1 210px;min-width:0}
.benefit-symbol{color:var(--service-accent,var(--accent));width:38px;height:38px;display:grid;place-items:center;background:#ffffff05;border:1px solid #ffffff14;border-radius:9px;flex-shrink:0}
.benefit-symbol svg{width:21px;height:21px}.benefit-item>div{display:grid;gap:4px}.benefit-item strong{font-size:14px;font-weight:550;color:#dfe8ee}.benefit-item>div>span{font-size:11px;color:#8fa3b3;line-height:1.6}
@media(max-width:700px){.benefit-strip{display:grid;grid-template-columns:1fr;gap:20px;padding-top:24px}.benefit-item strong{font-size:14px}.game-card .game-resources{column-gap:10px}.game-card .game-resources>span{font-size:11px}}

/* Planned gross monthly prices, local catalog only. */
.hosting-price{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.hosting-price strong{font-size:34px;letter-spacing:-.04em;color:#edf2f5;font-weight:600}.hosting-price>span{font-size:13px;color:#9eafbd}

.hosting-billing{flex-basis:100%;display:grid;gap:5px;margin-top:6px}.hosting-billing strong{font-size:16px;letter-spacing:0;color:var(--service-accent)}.hosting-billing span{font-size:12px;color:#a7b6c2}.hosting-webhosting .hosting-plans{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1000px){.hosting-webhosting .hosting-plans{grid-template-columns:1fr}}