.server-grid-cols{grid-template-columns:repeat(5,1fr)}@media (width<=1100px){.server-grid-cols{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.server-grid-cols{grid-template-columns:1fr}}.server-grid-wide.apps-grid{grid-template-columns:repeat(2,1fr)}.server-card-wide{align-items:flex-start}@media (width<=700px){.server-grid-wide.apps-grid{grid-template-columns:1fr}}.server-features{padding-block:64px}.server-feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-block-start:32px;display:grid}.server-feature{border:1px solid var(--gray-line);border-radius:14px;padding:22px}.server-feature h3{font-size:15px;font-weight:700}.server-feature p{color:var(--gray-body);margin-block-start:8px;font-size:13.5px;line-height:1.5}@media (width<=900px){.server-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.server-feature-grid{grid-template-columns:1fr}}.server-compare{background:#fafafc;padding-block:64px}.compare-head-server{text-align:center;max-width:560px;margin:0 auto 32px}.compare-head-server h2{font-size:clamp(24px,3.2vw,30px);font-weight:700}.server-table-wrap{overflow-x:auto}.server-table{border-collapse:collapse;background:var(--white);border:1px solid var(--gray-line);border-radius:14px;width:100%;min-width:640px;overflow:hidden}.server-table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--gray-body);border-block-end:1px solid var(--gray-line);background:#fafafc;padding:14px 18px;font-size:12px;font-weight:700}.server-table td{border-block-end:1px solid var(--gray-line);color:var(--navy);padding:14px 18px;font-size:14px}.server-table tr:last-child td{border-block-end:none}.server-table .row-label{font-weight:700}.hosting-grid-3.apps-grid{grid-template-columns:repeat(3,1fr)}.hosting-grid-3 .app-card{align-items:flex-start}@media (width<=900px){.hosting-grid-3.apps-grid{grid-template-columns:1fr}}.apps-hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.hero-visual-col{justify-content:center;align-items:center;display:flex}.hero-stat-card{border:1px solid var(--gray-line);background:var(--white);border-radius:16px;gap:22px;width:100%;max-width:340px;padding:28px;display:grid}.hero-stat-top{justify-content:space-between;align-items:baseline;margin-block-end:8px;display:flex}.hero-stat-num{background:linear-gradient(100deg, var(--purple), var(--blue) 50%, var(--teal));color:#0000;background-clip:text;font-size:24px;font-weight:700}.hero-stat-label{color:var(--gray-body);font-size:12px;font-weight:500}.hero-stat-bar-track{background:#efeff3;border-radius:3px;height:5px;overflow:hidden}.hero-stat-bar-fill{background:linear-gradient(90deg, var(--purple), var(--blue), var(--teal));border-radius:3px;width:0%;height:100%;animation:1.1s ease-out forwards fillBar}@keyframes fillBar{0%{width:0%}to{width:100%}}@media (width<=900px){.apps-hero-grid{grid-template-columns:1fr;gap:32px}.hero-visual-col{order:-1}.hero-stat-card{max-width:100%}}@media (width<=560px){.hero-stat-card{gap:16px;padding:20px}.hero-stat-num{font-size:20px}}.hero-visual-svg{width:100%;max-width:480px;height:auto}.hero-svg-hub{fill:#fff;font-family:sans-serif;font-size:12px;font-weight:700}.hero-svg-num{fill:var(--navy);font-family:sans-serif;font-size:14px;font-weight:700}.hero-svg-sub{fill:var(--gray-body);font-family:sans-serif;font-size:9px}.hero-browser-mock{border:1px solid var(--gray-line);border-radius:10px;width:100%;max-width:480px;overflow:hidden}.hero-browser-bar{background:#fafafc;align-items:center;gap:6px;padding:8px 10px;display:flex}.hero-browser-dot{background:var(--gray-line);border-radius:50%;width:7px;height:7px;display:inline-block}.hero-browser-url{color:var(--green);background:#fff;border-radius:6px;flex:1;align-items:center;gap:4px;padding:3px 8px;font-size:10px;display:flex}.hero-browser-body{background:#fff;padding:14px}.hero-browser-title{background:var(--purple);border-radius:4px;width:60%;height:9px;margin-block-end:10px}.hero-browser-line{background:var(--gray-line);border-radius:3px;height:5px;margin-block-end:6px}.hero-browser-blocks{gap:6px;margin-block-start:10px;display:flex}.hero-browser-block{border-radius:4px;width:36px;height:24px}
