.hosting-section{--hosting-accent:var(--sx,var(--em));padding-bottom:5rem}
.hosting-heading .sp-lead{max-width:48rem}
.hosting-billing{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:0 0 2.2rem;font-size:.86rem}
.hosting-billing small{color:var(--mute);font-size:.78rem}
.hosting-billing .chips button[aria-pressed="true"]{background:var(--hosting-accent);color:var(--bg)}
.hosting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;max-width:76rem}
.hosting-card{position:relative;padding:1.7rem;display:flex;flex-direction:column;min-width:0;border-radius:20px}
.hosting-card-head{min-height:10rem}
.hosting-card-head .mono{color:var(--hosting-accent);font-size:.65rem;letter-spacing:.11em}
.hosting-card h3{font:500 clamp(1.45rem,2vw,1.9rem)/1.15 var(--f-d);letter-spacing:-.04em;margin:.7rem 0}
.hosting-card-head p,.hosting-scope{font-size:.85rem;line-height:1.65;color:var(--mute)}
.hosting-price-box{border-top:1px solid var(--line);padding:1.3rem 0;min-height:9rem}
.hosting-price-box>div{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.hosting-price-box b{font:500 clamp(1.8rem,2.7vw,2.65rem)/1.1 var(--f-d);letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.hosting-price-box span{font-size:.75rem;color:var(--mute)}
.hosting-price-box p{font-size:.78rem;margin:.7rem 0 .2rem}
.hosting-price-box small{font-size:.72rem;color:var(--mute)}
.hosting-features{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.hosting-features li{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;padding:.85rem 0;border-bottom:1px solid var(--line);font-size:.77rem}
.hosting-features span{color:var(--mute)}
.hosting-features b{text-align:right;font-size:.77rem;font-weight:600}
.hosting-scope{padding:1.1rem 0;flex:1;font-size:.78rem}
.hosting-card>.sp-btn{display:flex;justify-content:space-between;width:100%;padding:.9rem 1rem;font-size:.85rem}
.hosting-featured{border-color:var(--hosting-accent);background:color-mix(in srgb,var(--hosting-accent) 6%,var(--panel,transparent))}
.hosting-ribbon{position:absolute;top:0;left:1.4rem;right:1.4rem;transform:translateY(-50%);border-radius:999px;padding:.42rem .7rem;background:var(--hosting-accent);color:var(--bg);font-size:.66rem;text-align:center;font-weight:700}
.hosting-terms{max-width:76rem;display:grid;grid-template-columns:1.4fr 1fr;gap:1.6rem;margin:1.2rem 0 2rem;font-size:.78rem;line-height:1.7;color:var(--mute)}
.hosting-terms strong{color:var(--text)}
.hosting-extras{max-width:76rem;padding:1.7rem;display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;border-radius:20px}
.hosting-extras .mono{color:var(--hosting-accent);font-size:.68rem}
.hosting-extras h3{font:400 1.5rem/1.2 var(--f-d);letter-spacing:-.03em;margin:.6rem 0}
.hosting-extras p{font-size:.85rem;line-height:1.7;color:var(--mute);margin-bottom:1rem}
.hosting-extras .sp-btn{padding:.65rem 1rem;font-size:.8rem;margin-right:.7rem}
.hosting-extras .text-btn{margin-top:1rem}
.hosting-teaser{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.9rem 0;border-top:1px solid var(--line);font-size:.8rem}
.hosting-teaser b{font-family:var(--f-m);font-size:.8rem}
.q-service-select{width:100%;padding:.85rem;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--bg);font:inherit;font-size:.87rem}
.q-service-select option{background:var(--bg);color:var(--text)}
.q-recurring-total{margin-top:.7rem;border-top:1px solid var(--line);padding-top:.7rem}
@media(max-width:1050px){.hosting-grid{gap:.7rem}.hosting-card{padding:1.2rem}.hosting-card-head{min-height:11rem}.hosting-features li{flex-wrap:wrap}.hosting-ribbon{left:.7rem;right:.7rem;font-size:.61rem}}
@media(max-width:760px){.hosting-grid{grid-template-columns:1fr;gap:1.9rem}.hosting-card{padding:1.5rem}.hosting-card-head{min-height:0;margin-bottom:1.2rem}.hosting-price-box{min-height:0}.hosting-price-box b{font-size:2.7rem}.hosting-terms,.hosting-extras{grid-template-columns:1fr;gap:1rem}.hosting-billing{gap:.7rem}.hosting-billing small{width:100%}.hosting-scope{min-height:0}.hosting-card>.sp-btn{min-height:46px}}