/* Hosting is the first choice; product pages open directly on their content. */
.home-hosting-hero .carousel-grid{min-height:420px;padding-block:40px;grid-template-columns:1.2fr 1fr}
.home-hosting-hero .hosting-illustration{max-height:330px;object-fit:contain}
.home-hosting-hero .carousel-grid h1{font-size:clamp(38px,4vw,58px);text-transform:none}
.home-hosting-hero .carousel-grid p{max-width:550px;margin-bottom:24px}
.hosting-choices{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:28px;padding-bottom:8px}
.hosting-choice{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid #ebc6dc;border-top:4px solid var(--pink);border-radius:12px;background:#fff5fa;transition:box-shadow .2s,transform .2s}
.hosting-choice:hover{box-shadow:0 8px 24px #30224218;transform:translateY(-3px)}
.choice-vps{border-color:#f1d7b9;border-top-color:var(--orange);background:#fff7ec}
.hosting-choice img{width:116px;height:100px;object-fit:contain;flex-shrink:0}
.hosting-choice .eyebrow{color:#a80051;margin-bottom:8px}
.choice-vps .eyebrow{color:#985000}
.hosting-choice h2{font-size:23px;letter-spacing:-.6px;margin-bottom:10px}
.hosting-choice p{font-size:13px;margin-bottom:14px;line-height:1.6}
.choice-link{font-size:12px;font-weight:700;color:#a80051}
.choice-vps .choice-link{color:#985000}
body[data-page=home] #hosting{padding-top:55px}
body[data-page=home] .apps-teaser{border-top:1px solid #e2e7ee;padding-top:60px;padding-bottom:60px}
.page-intro{background:#faf7ff;border-bottom:1px solid #e7def5;border-left:6px solid var(--purple)}
.page-intro.intro-shared{background:#fff7fb;border-left-color:var(--pink)}
.page-intro.intro-vps{background:#fff8ee;border-left-color:var(--orange)}
.page-intro>.container{padding-top:22px;padding-bottom:25px}
.page-intro .breadcrumb{padding:0;margin:0 0 12px;color:#657080;font-size:11px}
.page-intro .breadcrumb a{color:#5921cc}
.page-intro h1,html[lang=el] .page-intro h1{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.8px;margin:0 0 10px}
.page-intro p{font-size:15px;max-width:760px;margin:0;line-height:1.65}
body:not([data-page=home]) main>.section:first-of-type,body:not([data-page=home]) .page-intro+.section{padding-top:42px}
@media(max-width:900px){.hosting-choice{padding:20px;gap:12px}.hosting-choice img{width:82px;height:85px}.hosting-choice h2{font-size:20px}}
@media(max-width:600px){.home-hosting-hero .carousel-grid{display:grid;grid-template-columns:1fr;min-height:0;padding-top:30px;padding-bottom:22px;gap:12px}.home-hosting-hero .hosting-illustration{max-height:190px}.home-hosting-hero .carousel-grid h1,html[lang=el] .home-hosting-hero .carousel-grid h1{font-size:34px;line-height:1.2}.home-hosting-hero .carousel-grid p{font-size:14px}.home-hosting-hero .carousel-grid .button-row{gap:10px}.hosting-choices{grid-template-columns:1fr;gap:14px;padding-top:22px}.hosting-choice{padding:18px;gap:16px}.hosting-choice img{width:76px;height:80px}.hosting-choice h2{font-size:20px}.hosting-choice .eyebrow{font-size:9px}.hosting-choice p{font-size:12px;margin-bottom:10px}.choice-link{font-size:11px}.page-intro>.container{padding-top:18px;padding-bottom:22px}.page-intro p{font-size:14px}.page-intro .breadcrumb{font-size:10px}.page-intro h1,html[lang=el] .page-intro h1{font-size:29px}body[data-page=home] #hosting{padding-top:35px}body[data-page=home] .apps-teaser{padding-block:42px}}
@media(prefers-reduced-motion:reduce){.hosting-choice{transition:none}.hosting-choice:hover{transform:none}}