:root{--purple:#7730c6;--deep:#230d4d;--ink:#211a32;--muted:#6d657b;--line:#e9e3ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Geist,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none}.cloud-container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.section-pad{padding:105px 0}.cloud-hero{position:relative;overflow:hidden;min-height:670px;background:radial-gradient(circle at 73% 42%,#a349eb 0,#8737d2 26%,#6424b9 59%,#4b1695 100%);color:#fff}.cloud-glow{position:absolute;border-radius:50%;pointer-events:none}.cloud-glow-one{width:620px;height:620px;right:-180px;top:-250px;background:rgba(228,176,255,.13);filter:blur(45px)}.cloud-glow-two{width:450px;height:450px;left:-240px;bottom:-280px;background:rgba(175,98,255,.28);filter:blur(35px)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px;min-height:670px;position:relative;z-index:1}.hero-copy{padding:40px 0 54px}.eyebrow,.section-kicker{font-size:12px;font-weight:800;letter-spacing:.17em}.eyebrow{display:flex;align-items:center;gap:10px;color:#eddaff}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.16)}h1,h2,h3,p{margin-top:0}h1{max-width:660px;font-size:clamp(54px,6.1vw,92px);line-height:.99;letter-spacing:-.065em;font-weight:800;margin:27px 0 26px}h1 em,h2 em{font-style:normal;color:#dab7ff}.hero-description{max-width:540px;font-size:18px;line-height:1.7;color:#f0e4ff}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:31px;padding:15px 20px;border-radius:10px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-light{background:#fff;color:#5922a9;box-shadow:0 12px 30px rgba(32,5,74,.15)}.button-outline{border:1px solid rgba(255,255,255,.55);color:#fff}.hero-note{margin-top:60px;display:flex;align-items:center;gap:12px;color:#e4d3f6;font-size:12px;font-weight:600}.note-line{width:28px;height:1px;background:#e4d3f6}.hero-art{height:580px;position:relative;display:grid;place-items:center}.orbit{position:absolute;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.19)}.orbit-outer{width:min(100%,540px)}.orbit-middle{width:410px;max-width:78%;background:rgba(255,255,255,.025)}.orbit-inner{width:260px;max-width:52%;background:rgba(255,255,255,.06)}.art-core{width:200px;height:200px;border-radius:42px;display:grid;place-items:center;transform:rotate(-10deg);background:linear-gradient(145deg,#d8a1ff,#883de0 68%);box-shadow:0 35px 65px rgba(36,0,88,.37),inset 0 2px 0 rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.6)}.art-core svg{width:120px;transform:rotate(10deg);filter:drop-shadow(0 8px 12px rgba(52,0,110,.25))}.orbit-pill{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;color:#6426a8;padding:11px 16px;border-radius:12px;box-shadow:0 16px 34px rgba(39,8,81,.23);font-size:21px;font-weight:700}.orbit-pill span{font-size:12px;color:#2d2240}.pill-email{top:80px;left:54px}.pill-domain{top:120px;right:4px}.pill-ai{right:0;bottom:115px}.pill-host{bottom:68px;left:66px}.pill-vps{top:270px;left:0}.service-strip{background:#37116d;color:#d4b8ee}.strip-inner{min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;font-weight:800;letter-spacing:.11em}.strip-inner span:first-child{color:#fff;opacity:.65}.intro-grid{display:grid;grid-template-columns:1fr .85fr;gap:100px;align-items:center}.section-kicker{color:#8840c8;margin-bottom:22px}.intro h2,.section-heading h2,.contact-band h2{font-size:clamp(39px,4.2vw,62px);letter-spacing:-.055em;line-height:1.08;margin:0;font-weight:800}.intro h2 em,.section-heading h2 em{color:#8d43cf}.intro-copy{border-left:2px solid #d8b9f0;padding-left:33px}.intro-copy p{font-size:17px;line-height:1.8;color:#615a6d;margin:0 0 17px}.services{background:#f8f6fb}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:40px}.section-heading h2{max-width:650px}.section-heading>p{max-width:270px;color:#746c80;line-height:1.7;margin-bottom:4px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:30px 26px 27px;min-height:340px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(71,39,104,.1)}.service-number{font-size:10px;letter-spacing:.15em;font-weight:800;color:#947ba9}.service-icon{width:56px;height:56px;border-radius:15px;background:#f2e9fb;color:#8233c3;display:grid;place-items:center;font-size:26px;margin:28px 0 22px}.service-card h3{font-size:21px;line-height:1.2;letter-spacing:-.035em;margin-bottom:12px}.service-card p{font-size:14px;line-height:1.68;color:#746d7d}.service-card a{margin-top:auto;color:#7b32bd;font-size:13px;font-weight:800;display:flex;justify-content:space-between;gap:8px}.service-card-feature{grid-column:1/-1;min-height:330px;padding:36px 46px;background:#2f1559;color:#fff;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative;border:0}.service-card-feature .feature-copy{position:relative;z-index:1;max-width:530px}.service-card-feature .service-number{color:#cba8ec}.service-card-feature .service-icon{background:#6b35a0;color:#fff;margin:22px 0 16px}.service-card-feature h3{font-size:35px;margin-bottom:13px}.service-card-feature h3 span{color:#ca9df7}.service-card-feature p{color:#d8c9e8;font-size:15px}.service-card-feature a{color:#fff;justify-content:flex-start;gap:12px}.feature-graphic{position:relative;display:grid;place-items:center}.gpu-ring{position:absolute;width:360px;height:360px;border:1px solid rgba(215,178,255,.24);border-radius:50%}.gpu-ring-two{width:260px;height:260px;background:rgba(155,93,225,.11)}.gpu-chip{width:165px;height:165px;background:linear-gradient(140deg,#aa68ea,#6833a5);border-radius:29px;box-shadow:0 25px 45px rgba(9,2,27,.3),inset 0 1px rgba(255,255,255,.5);display:grid;place-items:center;font-size:51px;font-weight:800;transform:rotate(10deg)}.gpu-chip span{position:absolute;top:15px;right:24px;font-size:25px}.contact-band{padding:85px 0;background:linear-gradient(110deg,#7e2fc6,#a34cdd);color:#fff}.contact-grid{display:flex;align-items:center;justify-content:space-between;gap:35px}.contact-band .section-kicker{color:#eed6ff}.contact-band h2{max-width:650px}.contact-band h2 em{color:#e8c5ff}.contact-band p:last-child{margin:21px 0 0;color:#f5e8ff;font-size:16px}.contact-band .button{white-space:nowrap}.footer-bottom-area,.footer-copyright{font-family:Roboto,Arial,sans-serif}@media(max-width:1000px){.hero-grid{grid-template-columns:1fr .8fr}.hero-art{height:480px}.orbit-outer{width:430px}.orbit-middle{width:330px}.orbit-inner{width:210px}.art-core{width:155px;height:155px}.pill-email{left:0}.pill-domain{right:0}.pill-ai{right:0}.pill-host{left:15px}.service-grid{grid-template-columns:repeat(2,1fr)}.intro-grid{gap:55px}}@media(max-width:767px){.cloud-container{width:min(100% - 36px,560px)}.section-pad{padding:72px 0}.cloud-hero{min-height:0}.hero-grid{grid-template-columns:1fr;min-height:0;gap:0}.hero-copy{padding:70px 0 10px}.hero-art{height:380px}.hero-note{margin-top:36px}.orbit-outer{width:360px}.orbit-middle{width:270px}.orbit-inner{width:170px}.art-core{width:130px;height:130px;border-radius:26px}.art-core svg{width:80px}.orbit-pill{padding:7px 10px;font-size:16px}.orbit-pill span{font-size:10px}.pill-email{top:34px;left:10px}.pill-domain{top:69px;right:10px}.pill-ai{bottom:59px;right:7px}.pill-host{bottom:26px;left:14px}.pill-vps{top:175px;left:0}.strip-inner{flex-wrap:wrap;justify-content:center;padding:22px 0;gap:12px 20px}.intro-grid{grid-template-columns:1fr;gap:30px}.section-heading{display:block}.section-heading>p{margin-top:19px}.service-card-feature{grid-template-columns:1fr;padding:30px;min-height:520px}.feature-graphic{min-height:190px}.gpu-ring{width:230px;height:230px}.gpu-ring-two{width:170px;height:170px}.gpu-chip{width:110px;height:110px;font-size:34px;border-radius:20px}.contact-grid{display:block}.contact-band .button{margin-top:30px}}@media(max-width:520px){h1{font-size:clamp(48px,14vw,66px)}.hero-description{font-size:16px}.service-grid{grid-template-columns:1fr}.service-card{min-height:290px}.service-card-feature{min-height:510px}.section-heading h2,.intro h2,.contact-band h2{font-size:40px}.hero-actions .button{gap:15px}.orbit-outer{width:310px}.orbit-middle{width:230px}.orbit-inner{width:145px}}
:root { scroll-padding-top: 120px; }
/* Match the footer's Bootstrap container widths and inner gutters. */
main .cloud-container { width: 100%; max-width: none; padding-inline: 12px; margin-inline: auto; }
@media (min-width: 576px) { main .cloud-container { max-width: 540px; } }
@media (min-width: 768px) { main .cloud-container { max-width: 720px; } }
@media (min-width: 992px) { main .cloud-container { max-width: 960px; } }
@media (min-width: 1200px) { main .cloud-container { max-width: 1140px; } }
@media (min-width: 1400px) { main .cloud-container { max-width: 1320px; } }
.strip-inner a { color: inherit; padding-block: 8px; }
.strip-inner a:hover, .strip-inner a:focus-visible { color: #fff; text-decoration: underline; }
.seller-copy-header .nav-main-link[aria-current="page"] { color: #8b2fc9; box-shadow: inset 0 -2px #8b2fc9; }
.cloud-service-hero { min-height: 0; padding: 34px 0 70px; }
.cloud-breadcrumb { display: flex; gap: 14px; align-items: center; color: #e4c8fb; font-size: 13px; position: relative; }
.cloud-breadcrumb a { color: white; }
.cloud-breadcrumb a:hover { text-decoration: underline; }
.service-hero-grid { display: grid; grid-template-columns: 1.35fr .65fr; align-items: center; gap: 60px; padding-top: 58px; }
.service-hero-grid h1 { font-size: clamp(52px, 5.6vw, 78px); max-width: 760px; }
.service-hero-grid .hero-description { max-width: 650px; }
.service-hero-symbol { position: relative; height: 350px; display: grid; place-items: center; }
.service-hero-symbol .orbit-outer { width: 340px; max-width: 100%; }
.service-hero-symbol > span { display: grid; place-items: center; width: 170px; height: 170px; border-radius: 36px; font-size: 75px; background: linear-gradient(145deg, #c38af4, #7737c6); border: 1px solid #c595f0; box-shadow: 0 24px 50px #3c11734d; transform: rotate(-8deg); }
.service-intro { max-width: 800px; color: var(--muted); font-size: 18px; line-height: 1.8; margin-bottom: 38px; }
.service-detail-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.service-detail-grid .service-card { min-height: 235px; }
.service-detail-grid h3 { margin-top: 28px; font-size: 24px; }
.service-planning-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.service-planning-grid h2, .service-faq h2 { font-size: clamp(32px, 3.6vw, 48px); letter-spacing: -.045em; font-weight: 800; }
.service-planning-grid p { color: var(--muted); line-height: 1.8; margin-block: 20px; }
.button-purple { background: var(--purple); color: white; }
.button-purple:hover { color: white; }
.planning-list { padding: 34px; background: white; border: 1px solid var(--line); border-radius: 18px; }
.planning-list h3 { font-size: 21px; margin-bottom: 24px; }
.planning-list ul { margin: 0; padding-left: 22px; }
.planning-list li { color: var(--muted); padding-left: 8px; margin-top: 18px; line-height: 1.7; }
.planning-list li::marker { color: var(--purple); }
.service-faq { max-width: 850px; }
.service-faq h2 { margin-bottom: 30px; }
.service-faq details { border-bottom: 1px solid var(--line); padding: 24px 0; }
.service-faq summary { font-size: 18px; font-weight: 700; cursor: pointer; }
.service-faq details p { margin: 18px 0 0; color: var(--muted); line-height: 1.8; }
.cloud-related { background: #f8f6fb; padding: 56px 0; }
.cloud-related h2 { font-size: 24px; margin-bottom: 25px; }
.cloud-related .cloud-container > div { display: flex; flex-wrap: wrap; gap: 12px; }
.cloud-related .cloud-container > div a { background: white; color: var(--purple); border: 1px solid var(--line); border-radius: 10px; padding: 15px 20px; font-weight: 700; }
.cloud-related a:hover { text-decoration: underline; }
.cloud-related a span { margin-left: 18px; }
.cloud-home-link { display: inline-block; margin-top: 26px; color: var(--purple); }
@media(max-width:767px) {
    .service-hero-grid { grid-template-columns: 1fr; gap: 16px; padding-top: 40px; }
    .service-hero-grid h1 { font-size: clamp(44px, 12vw, 64px); }
    .service-hero-symbol { height: 230px; }
    .service-hero-symbol .orbit-outer { width: 225px; }
    .service-hero-symbol > span { width: 125px; height: 125px; font-size: 60px; border-radius: 26px; }
    .service-detail-grid, .service-planning-grid { grid-template-columns: 1fr; gap: 20px; }
    .service-planning-grid { gap: 35px; }
    .cloud-service-hero { padding-bottom: 35px; }
    .service-detail-grid .service-card { min-height: 0; }
}