.hero-ai{
position:relative;
overflow:hidden;
min-height:100vh;
padding:140px 0 110px;
background:
radial-gradient(circle at 18% 22%, rgba(95,201,223,.14), transparent 30%),
radial-gradient(circle at 78% 18%, rgba(17,143,166,.16), transparent 28%),
radial-gradient(circle at 50% 100%, rgba(126,223,235,.08), transparent 30%),
linear-gradient(180deg, #03111d 0%, #072232 52%, #0c2f40 100%);
color:#fff;
isolation:isolate;
}

.hero-ai::before{
content:"";
position:absolute;
inset:-12% -8% auto -8%;
height:74%;
background:
radial-gradient(42% 48% at 18% 26%, rgba(95,201,223,.22), transparent 72%),
radial-gradient(36% 42% at 82% 16%, rgba(17,143,166,.18), transparent 72%),
radial-gradient(40% 46% at 56% 100%, rgba(126,223,235,.12), transparent 74%);
filter:blur(34px);
opacity:.9;
z-index:0;
pointer-events:none;
animation:heroWaveDrift 18s ease-in-out infinite alternate;
}

.hero-ai::after{
content:"";
position:absolute;
inset:auto -14% -24% 6%;
height:72%;
background:
radial-gradient(38% 42% at 18% 52%, rgba(95,201,223,.12), transparent 72%),
radial-gradient(34% 38% at 76% 24%, rgba(17,143,166,.16), transparent 70%),
radial-gradient(28% 30% at 52% 46%, rgba(255,255,255,.05), transparent 74%);
filter:blur(52px);
opacity:.78;
z-index:0;
pointer-events:none;
animation:heroWaveDriftReverse 22s ease-in-out infinite alternate;
}

#fiberCanvas{
position:absolute;
inset:0;
width:100%;
height:100%;
z-index:0;
display:none;
opacity:0;
}

.hero-slider-stage{
position:relative;
z-index:1;
display:grid;
}

.hero-slide{
grid-area:1 / 1;
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateX(36px);
transition:opacity .55s ease, transform .55s ease, visibility .55s ease;
}

.hero-slide.is-active{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translateX(0);
}

.hero-slide .hero-kicker,
.hero-slide h1,
.hero-slide .hero-lead,
.hero-slide .hero-actions,
.hero-slide .hero-points,
.hero-slide .hero-metrics,
.hero-slide .hero-panel,
.hero-slide .hero-float{
opacity:0;
transform:translateY(24px);
transition:opacity .55s ease, transform .55s ease;
}

.hero-slide.is-active .hero-kicker{
opacity:1;
transform:translateY(0);
transition-delay:.08s;
}

.hero-slide.is-active h1{
opacity:1;
transform:translateY(0);
transition-delay:.16s;
}

.hero-slide.is-active .hero-lead{
opacity:1;
transform:translateY(0);
transition-delay:.24s;
}

.hero-slide.is-active .hero-actions{
opacity:1;
transform:translateY(0);
transition-delay:.32s;
}

.hero-slide.is-active .hero-points{
opacity:1;
transform:translateY(0);
transition-delay:.4s;
}

.hero-slide.is-active .hero-metrics{
opacity:1;
transform:translateY(0);
transition-delay:.48s;
}

.hero-slide.is-active .hero-panel{
opacity:1;
transform:translateY(0);
transition-delay:.2s;
}

.hero-slide.is-active .hero-float{
opacity:1;
transform:translateY(0);
transition-delay:.34s;
}

.hero-slider-nav{
position:absolute;
top:132px;
inset-inline-start:clamp(18px, 4vw, 42px);
display:flex;
gap:10px;
z-index:3;
}

.hero-slider-arrow{
width:48px;
height:48px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:16px;
border:1px solid rgba(255,255,255,.12);
background:rgba(5,24,36,.68);
color:#dff8fd;
backdrop-filter:blur(12px);
box-shadow:0 16px 36px rgba(0,0,0,.2);
cursor:pointer;
transition:transform .25s ease, background .25s ease, border-color .25s ease, color .25s ease;
}

.hero-slider-arrow:hover{
transform:translateY(-2px);
background:rgba(12,46,63,.88);
border-color:rgba(95,201,223,.28);
color:#fff;
}

.hero-slider-arrow:focus-visible,
.hero-slider-dot:focus-visible{
outline:2px solid rgba(95,201,223,.82);
outline-offset:2px;
}

.hero-slider-indicators{
position:absolute;
inset-inline:0;
bottom:42px;
display:flex;
justify-content:center;
gap:12px;
z-index:3;
}

.hero-slider-dot{
width:12px;
height:12px;
padding:0;
border:none;
border-radius:999px;
background:rgba(255,255,255,.22);
cursor:pointer;
transition:width .25s ease, background .25s ease, transform .25s ease;
}

.hero-slider-dot.is-active{
width:36px;
background:#5fc9df;
transform:translateY(-1px);
}

.hero-shell{
position:relative;
z-index:1;
display:grid;
grid-template-columns:minmax(0, 1.05fr) minmax(320px, .95fr);
gap:56px;
align-items:center;
min-width:0;
}

.hero-content{
max-width:640px;
min-width:0;
}

.hero-content--hosting{
max-width:680px;
}

.hero-content--web{
max-width:680px;
}

.hero-content--care{
max-width:680px;
}

.hero-kicker{
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 16px;
margin-bottom:22px;
border:1px solid rgba(95,201,223,.28);
border-radius:999px;
background:rgba(6,30,43,.58);
backdrop-filter:blur(10px);
font-size:14px;
color:#d7f4fb;
}

.hero-kicker::before{
content:"";
width:8px;
height:8px;
border-radius:50%;
background:#5fc9df;
box-shadow:0 0 18px rgba(95,201,223,.9);
}

.hero-content h1{
margin:0 0 18px;
font-size:clamp(36px, 4.8vw, 58px);
line-height:1.10;
letter-spacing:-.03em;
overflow-wrap:anywhere;
}

.hero-lead{
margin:0 0 30px;
font-size:19px;
line-height:1.9;
color:rgba(231,244,248,.78);
}

.hero-actions{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-bottom:28px;
}

.hero-actions--single .hero-btn{
min-width:220px;
}

.hero-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:160px;
padding:15px 26px;
border-radius:14px;
text-decoration:none;
font-weight:700;
transition:transform var(--transition), box-shadow var(--transition), background var(--transition), color var(--transition);
}

.hero-btn:hover{
transform:translateY(-2px);
}

.hero-btn-primary{
background:linear-gradient(135deg, #118fa6, #5fc9df);
color:#fff;
box-shadow:0 18px 35px rgba(17,143,166,.28);
}

.hero-btn-secondary{
border:1px solid rgba(255,255,255,.14);
background:rgba(255,255,255,.05);
color:#fff;
backdrop-filter:blur(8px);
}

.hero-points{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-bottom:36px;
}

.hero-points span{
padding:10px 14px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
color:#dbf8ff;
font-size:14px;
}

.hero-points--hosting span{
padding-inline:16px;
background:rgba(9,39,55,.74);
border-color:rgba(95,201,223,.14);
}

.hero-points--web span{
padding-inline:16px;
background:rgba(11,41,58,.7);
border-color:rgba(95,201,223,.16);
}

.hero-points--care span{
padding-inline:16px;
background:rgba(10,38,54,.72);
border-color:rgba(95,201,223,.16);
}

.hero-metrics{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:16px;
min-width:0;
}

.hero-metric{
padding:18px 18px 16px;
border:1px solid rgba(255,255,255,.08);
border-radius:20px;
background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
backdrop-filter:blur(10px);
}

.hero-metric strong{
display:block;
margin-bottom:8px;
font-size:24px;
color:#ffffff;
}

.hero-metric span{
display:block;
font-size:14px;
line-height:1.7;
color:rgba(231,244,248,.72);
}

.hero-visual{
position:relative;
min-height:540px;
min-width:0;
}

.hero-visual--hosting{
display:block;
padding-top:12px;
}

.hero-visual--web{
display:block;
padding-top:12px;
}

.hero-visual--care{
display:block;
padding-top:12px;
}

.hero-panel{
position:relative;
border:1px solid rgba(255,255,255,.09);
border-radius:30px;
background:linear-gradient(180deg, rgba(8,32,46,.92), rgba(3,16,24,.82));
box-shadow:0 35px 80px rgba(0,0,0,.28);
backdrop-filter:blur(18px);
}

.hero-panel-main{
padding:24px;
margin-top:24px;
margin-inline-start:38px;
min-width:0;
}

.hero-panel-main--hosting{
padding:24px;
margin-top:0;
margin-inline-start:0;
width:min(100%, 580px);
z-index:2;
}

.hero-panel-main--web{
padding:24px;
margin-top:0;
margin-inline-start:0;
width:min(100%, 590px);
z-index:2;
}

.hero-panel-main--care{
padding:24px;
margin-top:0;
margin-inline-start:0;
width:min(100%, 590px);
z-index:2;
}

.hero-panel-head{
display:flex;
gap:8px;
margin-bottom:22px;
}

.hero-panel-dot{
width:10px;
height:10px;
border-radius:50%;
background:rgba(255,255,255,.26);
}

.hero-dashboard{
display:grid;
grid-template-columns:1.15fr .85fr;
gap:22px;
align-items:end;
min-width:0;
}

.hero-chart-bars{
display:flex;
align-items:flex-end;
gap:14px;
height:260px;
padding:28px 20px 20px;
border-radius:24px;
background:
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
radial-gradient(circle at top, rgba(95,201,223,.16), transparent 55%);
min-width:0;
}

.hero-chart-bars span{
display:block;
flex:1;
min-height:36px;
border-radius:18px 18px 8px 8px;
background:linear-gradient(180deg, #7de4f8 0%, #118fa6 100%);
box-shadow:0 8px 18px rgba(17,143,166,.26);
animation:heroPulse 4s ease-in-out infinite;
}

.hero-chart-bars span:nth-child(2){
animation-delay:.2s;
}

.hero-chart-bars span:nth-child(3){
animation-delay:.4s;
}

.hero-chart-bars span:nth-child(4){
animation-delay:.6s;
}

.hero-chart-bars span:nth-child(5){
animation-delay:.8s;
}

.hero-insight{
display:flex;
flex-direction:column;
justify-content:center;
gap:10px;
min-height:220px;
padding:22px;
border-radius:24px;
background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
}

.hero-hosting-dashboard{
display:grid;
gap:18px;
}

.hero-web-browser{
display:grid;
gap:16px;
}

.hero-web-browser__toolbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:14px 16px;
border-radius:20px;
border:1px solid rgba(255,255,255,.08);
background:rgba(7, 29, 42, .72);
}

.hero-web-browser__domain{
display:inline-flex;
align-items:center;
justify-content:center;
padding:8px 14px;
border-radius:999px;
background:rgba(255,255,255,.06);
color:#dff7fd;
font-size:13px;
font-weight:700;
}

.hero-web-browser__actions{
display:flex;
gap:8px;
}

.hero-web-browser__actions span{
width:10px;
height:10px;
border-radius:999px;
background:rgba(255,255,255,.24);
}

.hero-web-browser__hero{
display:grid;
grid-template-columns:minmax(0, 1.08fr) minmax(200px, .92fr);
gap:16px;
align-items:stretch;
}

.hero-web-browser__copy{
padding:22px;
border-radius:24px;
border:1px solid rgba(255,255,255,.08);
background:
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
radial-gradient(circle at top right, rgba(95,201,223,.14), transparent 64%);
}

.hero-web-browser__eyebrow{
display:inline-flex;
align-items:center;
justify-content:center;
padding:8px 12px;
margin-bottom:14px;
border-radius:999px;
background:rgba(95,201,223,.1);
border:1px solid rgba(95,201,223,.16);
color:#8de8f8;
font-size:12px;
font-weight:700;
}

.hero-web-browser__copy strong{
display:block;
font-size:28px;
line-height:1.35;
margin-bottom:12px;
}

.hero-web-browser__copy p{
margin:0;
font-size:15px;
line-height:1.9;
color:rgba(231,244,248,.74);
}

.hero-web-browser__preview{
position:relative;
padding:16px;
border-radius:24px;
border:1px solid rgba(255,255,255,.08);
background:
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
radial-gradient(circle at top center, rgba(95,201,223,.18), transparent 62%);
overflow:hidden;
}

.hero-web-browser__preview-badge{
display:inline-flex;
align-items:center;
justify-content:center;
padding:7px 12px;
margin-bottom:14px;
border-radius:999px;
background:rgba(34,197,94,.14);
border:1px solid rgba(34,197,94,.24);
color:#7ff3a3;
font-size:12px;
font-weight:700;
}

.hero-web-browser__preview-screen{
display:grid;
gap:12px;
padding:16px;
border-radius:20px;
background:rgba(6, 24, 36, .84);
min-height:218px;
}

.hero-web-browser__preview-nav{
height:18px;
border-radius:999px;
background:linear-gradient(90deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
}

.hero-web-browser__preview-hero{
height:88px;
border-radius:18px;
background:
radial-gradient(circle at 78% 26%, rgba(95,201,223,.26), transparent 28%),
linear-gradient(135deg, rgba(16,143,166,.3), rgba(95,201,223,.08));
}

.hero-web-browser__preview-cards{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:10px;
margin-top:auto;
}

.hero-web-browser__preview-cards span{
display:block;
height:56px;
border-radius:14px;
background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
}

.hero-web-browser__grid{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:12px;
}

.hero-web-card{
padding:16px 16px 18px;
border-radius:20px;
border:1px solid rgba(255,255,255,.08);
background:rgba(7, 29, 42, .62);
backdrop-filter:blur(12px);
}

.hero-web-card small{
display:block;
margin-bottom:10px;
font-size:12px;
color:rgba(219,248,255,.68);
}

.hero-web-card strong{
display:block;
font-size:17px;
line-height:1.55;
}

.hero-web-browser__devices{
display:flex;
justify-content:flex-end;
align-items:flex-end;
gap:14px;
}

.hero-web-device{
position:relative;
border:1px solid rgba(255,255,255,.09);
background:linear-gradient(180deg, rgba(10,32,46,.96), rgba(6,20,31,.92));
box-shadow:0 20px 42px rgba(0,0,0,.22);
overflow:hidden;
}

.hero-web-device--tablet{
width:174px;
padding:10px;
border-radius:24px;
}

.hero-web-device--mobile{
width:88px;
padding:8px;
border-radius:22px;
}

.hero-web-device__screen{
position:relative;
border-radius:18px;
background:
radial-gradient(circle at 78% 20%, rgba(95,201,223,.2), transparent 28%),
linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
overflow:hidden;
}

.hero-web-device__screen::before{
content:"";
position:absolute;
inset:12px;
border-radius:14px;
background:
linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.02)),
linear-gradient(135deg, rgba(17,143,166,.16), rgba(95,201,223,.04));
}

.hero-web-device__screen--tablet{
height:112px;
}

.hero-web-device__screen--mobile{
height:138px;
}

.hero-care-dashboard{
display:grid;
gap:16px;
}

.hero-care-overview{
padding:20px 22px;
border-radius:24px;
border:1px solid rgba(255,255,255,.08);
background:
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
radial-gradient(circle at top left, rgba(95,201,223,.14), transparent 68%);
}

.hero-care-overview__top{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:14px;
flex-wrap:wrap;
}

.hero-care-badge{
display:inline-flex;
align-items:center;
justify-content:center;
padding:8px 12px;
border-radius:999px;
background:rgba(95,201,223,.1);
border:1px solid rgba(95,201,223,.18);
color:#9ae8f6;
font-size:12px;
font-weight:700;
}

.hero-care-badge--accent{
background:rgba(34,197,94,.12);
border-color:rgba(34,197,94,.2);
color:#8cf1ab;
}

.hero-care-overview strong{
display:block;
font-size:28px;
line-height:1.35;
margin-bottom:12px;
}

.hero-care-overview p{
margin:0;
font-size:15px;
line-height:1.9;
color:rgba(231,244,248,.74);
}

.hero-care-grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:14px;
}

.hero-care-card,
.hero-care-chart,
.hero-care-list{
padding:18px 18px 20px;
border-radius:22px;
border:1px solid rgba(255,255,255,.08);
background:rgba(7, 29, 42, .62);
backdrop-filter:blur(12px);
}

.hero-care-card small,
.hero-care-chart small,
.hero-care-list small{
display:block;
margin-bottom:10px;
font-size:12px;
color:rgba(219,248,255,.68);
}

.hero-care-card strong,
.hero-care-chart strong,
.hero-care-list strong{
display:block;
font-size:22px;
line-height:1.4;
}

.hero-care-card span{
display:block;
margin-top:10px;
font-size:14px;
line-height:1.75;
color:rgba(231,244,248,.72);
}

.hero-care-chart{
display:grid;
gap:18px;
}

.hero-care-chart__head strong{
font-size:20px;
}

.hero-care-chart__bars{
display:flex;
align-items:flex-end;
gap:12px;
height:180px;
padding:20px 14px 14px;
border-radius:18px;
background:
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
radial-gradient(circle at top center, rgba(95,201,223,.14), transparent 64%);
}

.hero-care-chart__bars span{
display:block;
flex:1;
min-height:34px;
border-radius:16px 16px 8px 8px;
background:linear-gradient(180deg, #7de4f8 0%, #118fa6 100%);
box-shadow:0 8px 18px rgba(17,143,166,.2);
animation:heroPulse 4s ease-in-out infinite;
}

.hero-care-chart__bars span:nth-child(2){
animation-delay:.2s;
}

.hero-care-chart__bars span:nth-child(3){
animation-delay:.4s;
}

.hero-care-chart__bars span:nth-child(4){
animation-delay:.6s;
}

.hero-care-chart__bars span:nth-child(5){
animation-delay:.8s;
}

.hero-care-list{
display:grid;
gap:14px;
}

.hero-care-list__head strong{
font-size:20px;
}

.hero-care-list ul{
margin:0;
padding:0;
list-style:none;
display:grid;
gap:10px;
}

.hero-care-list li{
position:relative;
padding:12px 14px 12px 12px;
border-radius:16px;
background:rgba(255,255,255,.05);
font-size:14px;
line-height:1.7;
color:#e3f3f9;
}

.hero-care-list li::before{
content:"";
display:inline-block;
width:8px;
height:8px;
margin-inline-start:8px;
border-radius:999px;
background:#5fc9df;
box-shadow:0 0 12px rgba(95,201,223,.6);
vertical-align:middle;
}

.hero-hosting-screen{
position:relative;
padding:20px;
border-radius:26px;
border:1px solid rgba(255,255,255,.08);
background:
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
radial-gradient(circle at top center, rgba(95,201,223,.18), transparent 62%);
overflow:hidden;
}

.hero-hosting-screen::before{
content:"";
position:absolute;
inset:16px 18% auto;
height:28px;
border-radius:999px;
background:radial-gradient(circle, rgba(95,201,223,.28), transparent 70%);
filter:blur(24px);
pointer-events:none;
}

.hero-hosting-image{
position:relative;
z-index:1;
display:block;
width:100%;
height:auto;
object-fit:contain;
filter:drop-shadow(0 24px 42px rgba(1, 10, 18, .34));
}

.hero-hosting-grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:14px;
}

.hero-hosting-stat{
padding:16px 18px;
border-radius:20px;
border:1px solid rgba(255,255,255,.08);
background:rgba(7, 28, 41, .62);
backdrop-filter:blur(12px);
}

.hero-hosting-stat small,
.hero-insight small,
.hero-float small{
font-size:13px;
color:rgba(219,248,255,.7);
}

.hero-hosting-stat strong,
.hero-insight strong,
.hero-float strong{
display:block;
margin-top:8px;
font-size:19px;
line-height:1.45;
}

.hero-insight span{
font-size:14px;
line-height:1.8;
color:rgba(231,244,248,.72);
}

.hero-float{
position:absolute;
padding:18px 20px;
border:1px solid rgba(95,201,223,.2);
border-radius:20px;
background:rgba(6,28,40,.86);
backdrop-filter:blur(14px);
box-shadow:0 20px 40px rgba(0,0,0,.24);
max-width:240px;
animation:heroFloat 5s ease-in-out infinite;
}

.hero-float-top{
top:0;
left:0;
}

.hero-float-bottom{
right:0;
bottom:30px;
animation-delay:.8s;
}

@keyframes heroPulse{
0%,100%{
filter:brightness(1);
transform:translateY(0);
}
50%{
filter:brightness(1.12);
transform:translateY(-6px);
}
}

@keyframes heroFloat{
0%,100%{
transform:translateY(0);
}
50%{
transform:translateY(-10px);
}
}

@keyframes heroWaveDrift{
0%{
transform:translate3d(0, 0, 0) scale(1);
}
50%{
transform:translate3d(2%, 3%, 0) scale(1.04);
}
100%{
transform:translate3d(-2%, 1%, 0) scale(1.02);
}
}

@keyframes heroWaveDriftReverse{
0%{
transform:translate3d(0, 0, 0) scale(1);
}
50%{
transform:translate3d(-3%, -2%, 0) scale(1.03);
}
100%{
transform:translate3d(2%, -1%, 0) scale(1.05);
}
}

@media (max-width: 1100px){
.hero-slider-nav{
top:118px;
}

.hero-shell{
grid-template-columns:1fr;
gap:36px;
}

.hero-content{
max-width:none;
}

.hero-visual{
min-height:480px;
max-width:720px;
margin-inline:auto;
width:100%;
}

.hero-web-browser__hero{
grid-template-columns:1fr;
}

.hero-web-browser__grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}

.hero-care-grid{
grid-template-columns:1fr;
}
}

@media (max-width: 900px){
.hero-dashboard{
grid-template-columns:1fr;
}

.hero-panel-main{
margin-inline-start:0;
}

.hero-float{
position:static;
max-width:none;
margin-top:16px;
}

.hero-hosting-grid{
grid-template-columns:1fr;
}

.hero-web-browser__grid{
grid-template-columns:1fr;
}

.hero-care-grid{
grid-template-columns:1fr;
}

.hero-visual{
min-height:auto;
}
}

@media (max-width: 767px){
.hero-ai{
min-height:auto;
padding:120px 0 96px;
}

.hero-ai::before,
.hero-ai::after{
filter:blur(28px);
}

.hero-slider-nav{
top:auto;
bottom:22px;
inset-inline-start:20px;
}

.hero-slider-arrow{
width:44px;
height:44px;
border-radius:14px;
}

.hero-actions{
flex-direction:column;
}

.hero-btn{
width:100%;
}

.hero-metrics{
grid-template-columns:1fr;
}

.hero-visual{
min-height:360px;
}

.hero-panel-main,
.hero-panel-main--hosting,
.hero-panel-main--web,
.hero-panel-main--care{
padding:18px;
}

.hero-chart-bars{
height:200px;
gap:10px;
padding:20px 14px 14px;
}

.hero-slider-indicators{
bottom:32px;
justify-content:flex-end;
padding-inline:20px 78px;
}

.hero-web-browser__toolbar{
padding:12px 14px;
}

.hero-web-browser__copy{
padding:18px;
}

.hero-web-browser__copy strong{
font-size:24px;
}

.hero-web-browser__preview{
padding:14px;
}

.hero-web-browser__devices{
justify-content:center;
}

.hero-care-overview{
padding:18px;
}

.hero-care-overview strong{
font-size:24px;
}

.hero-care-chart__bars{
height:160px;
gap:10px;
}
}

@media (max-width: 560px){
.hero-content h1{
font-size:clamp(32px, 10vw, 46px);
}

.hero-lead{
font-size:17px;
line-height:1.8;
}

.hero-hosting-screen{
padding:14px;
}

.hero-web-browser__preview-cards{
grid-template-columns:1fr;
}

.hero-web-device--tablet{
width:148px;
}

.hero-web-device--mobile{
width:76px;
}
}

@media (prefers-reduced-motion: reduce){
.hero-slide,
.hero-slide .hero-kicker,
.hero-slide h1,
.hero-slide .hero-lead,
.hero-slide .hero-actions,
.hero-slide .hero-points,
.hero-slide .hero-metrics,
.hero-slide .hero-panel,
.hero-slide .hero-float,
.hero-slider-arrow,
.hero-slider-dot,
.hero-btn,
.hero-chart-bars span,
.hero-care-chart__bars span,
.hero-ai::before,
.hero-ai::after{
transition:none;
animation:none;
}
}