/* V2: five text sizes, deliberate contrast, progressively disclosed technical detail. */
.cloud-page{--type-display:49px;--type-section:32px;--type-heading:20px;--type-body:16px;--type-label:14px;color:#4e6985}
.cloud-page .container{width:clamp(932px,calc(100% - 240px),1200px);max-width:none;margin-inline:auto}
.cloud-page h1,.cloud-page h2,.cloud-page h3,.cloud-page h4{font-weight:600}
.cloud-page h2{font-size:var(--type-section);line-height:1.3;letter-spacing:-.7px;color:var(--navy)}
.cloud-page h3,.cloud-page h4{font-size:var(--type-heading);line-height:1.4;letter-spacing:-.2px;color:var(--navy)}
.cloud-page p,.cloud-page li{font-size:var(--type-body);line-height:1.8}
.cloud-page .eyebrow{font-size:var(--type-label);line-height:1.5;font-weight:600;letter-spacing:1px;color:#276da6;margin-bottom:16px}
.cloud-page .button{font-size:var(--type-body)}
.cloud-hero{position:relative;isolation:isolate;overflow:hidden;background:#0c3157;color:#fff}
.cloud-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.cloud-hero:after{content:"";position:absolute;inset:0;background:#06294f29;z-index:-1}
.cloud-hero-inner{min-height:368px;padding:28px 0 37px}
.breadcrumb{display:flex;align-items:center;gap:12px;font-size:var(--type-label);line-height:1.5;color:#d4e6fa;margin-bottom:24px;flex-wrap:wrap}
.breadcrumb a:hover{text-decoration:underline;color:#fff}
.cloud-page .cloud-hero .eyebrow{color:#b9dcff;letter-spacing:1px;margin-bottom:12px}
.cloud-hero h1{font-size:var(--type-display);line-height:1.12;letter-spacing:-1.4px;max-width:850px}
.cloud-page .cloud-hero-description{font-size:var(--type-heading);line-height:1.6;margin-top:16px;color:#f2f7ff;max-width:730px}
.cloud-overview{padding:62px 0}
.overview-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:72px;align-items:center}
.overview-grid h2{max-width:530px}.overview-grid h2 span{color:#237fbd}
.overview-grid>p{max-width:580px}
.cloud-capabilities{padding:8px 0 72px}
.cloud-section-heading{margin-bottom:32px;max-width:900px}
.cloud-section-heading>p:last-child:not(.eyebrow){margin-top:18px;max-width:720px}
.pillar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pillar-card{position:relative;min-width:0;padding:32px 34px;background:#e8f2fc;border-radius:10px;border:1px solid #c8dff2}
.pillar-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.pillar-icon{width:36px;height:36px;display:block;color:#2b7db5;flex:none}
.pillar-icon svg,.foundation-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.pillar-index{font-size:var(--type-section);line-height:1.2;color:#6a9dc3;font-weight:600;letter-spacing:-1px}
.pillar-card h3{margin-bottom:12px}.pillar-card>p{max-width:470px}
.pillar-card:first-child{background:#15548b;border-color:#15548b;color:#e1eefb}
.pillar-card:first-child h3{color:#fff}.pillar-card:first-child .pillar-icon,.pillar-card:first-child .pillar-index{color:#9edcfd}
.pillar-card:nth-child(3){background:#f7fafd}.pillar-card:nth-child(4){background:#d7eafa;border-color:#b8d6ef}
.cloud-architecture-section{position:relative;overflow:hidden;padding:64px 0;background:#102f53;color:#d1e3f7;isolation:isolate}
.cloud-architecture-section:after{content:"";position:absolute;right:-240px;top:-330px;width:850px;height:850px;border:1px solid #93caff15;border-radius:50%;box-shadow:0 0 0 85px #93caff06,0 0 0 170px #93caff03;z-index:-1;pointer-events:none}
.architecture-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;max-width:none;margin-bottom:36px}
.cloud-page .cloud-architecture-section h2{color:white}.cloud-page .cloud-architecture-section .eyebrow{color:#91d5ff}
.cloud-architecture{padding:28px;background:#ffffff08;border:1px solid #81b8ec45;border-radius:12px}
.cloud-page .layer-label{font-size:var(--type-label);line-height:1.5;color:#b4d8f9;font-weight:600;letter-spacing:1px;margin-bottom:16px}
.business-layer{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.business-layer span{display:flex;align-items:center;justify-content:center;background:#ecf5ff;color:#1b527f;padding:17px 8px;border-radius:5px;text-align:center;font-size:var(--type-body);line-height:1.5}
.platform-layer{margin:22px 0;padding:25px;background:#fff;border-radius:7px}
.platform-layer-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.cloud-page .platform-layer-heading p{font-size:var(--type-body);line-height:1.5;color:#65849f}
.standard-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.standard-overview>div{padding:20px 14px;text-align:center;background:#e5f0fc;border-radius:5px;border:1px solid #cfdfef;display:flex;align-items:center;justify-content:center}
.standard-overview h4{margin:0}
.adaptation-layer{background:#186aab;padding:24px 25px;border:1px solid #4e9dd2;border-radius:7px}
.cloud-page .adaptation-layer h3{color:#fff;margin-bottom:18px}
.adaptation-items{display:flex;flex-wrap:wrap;gap:10px}
.adaptation-items span{font-size:var(--type-body);line-height:1.5;background:#ffffff0f;border:1px solid #b4ddff6b;border-radius:4px;padding:8px 12px;color:#fff}
.cloud-foundation{display:flex;align-items:center;gap:20px;padding:24px 0 0;color:#c8e8ff}
.foundation-icon{width:42px;height:42px;color:#8bd4ff;flex:none}
.cloud-page .cloud-foundation h3{color:#fff;margin-bottom:5px}
.cloud-page .cloud-foundation p{line-height:1.6;color:#c1d8ee}
details>summary{list-style:none;cursor:pointer}details>summary::-webkit-details-marker{display:none}
.architecture-details{margin-top:24px;border-top:1px solid #81b8ec4a}
.architecture-details>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0 0;color:#c5e9ff;font-size:var(--type-body);line-height:1.6;font-weight:600}
.disclosure-sign{display:block;font-size:var(--type-heading);line-height:1;color:inherit;flex:none}.disclosure-sign:before{content:"+"}details[open]>summary .disclosure-sign:before{content:"−"}
summary:focus-visible{outline:3px solid #46a9ef;outline-offset:5px}
.standard-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.standard-group{padding:24px;background:#f4f8fd;border-radius:7px;min-width:0;color:#4e6985}
.standard-group h4{margin:0 0 14px}.standard-group ul{margin:0;padding-left:18px}.standard-group li+li{margin-top:8px}
.cloud-components-section{padding:72px 0;background:#fff}
.components-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:68px;align-items:start}
.components-intro .cloud-section-heading{margin-bottom:0}.components-intro>p{margin-top:24px;max-width:370px}
.platform-principle{margin-top:32px;border-left:3px solid #3d9bd4;padding-left:20px}
.platform-principle h3{margin-bottom:10px}
.component-stack{border-top:2px solid #205e94}
.component-row{border-bottom:1px solid #cfdfee}
.component-row>summary{display:grid;grid-template-columns:43px 1fr 20px;gap:20px;align-items:center;padding:25px 0}
.component-index{font-size:var(--type-section);line-height:1.2;font-weight:600;color:#6a9dc4;letter-spacing:-1px}
.component-title{font-size:var(--type-heading);line-height:1.4;font-weight:600;color:var(--navy);display:block}
.component-description{display:block;font-size:var(--type-body);line-height:1.6;margin-top:7px;color:#587490}
.component-row .disclosure-sign{color:#286d9f}.component-row[open] .component-title{color:#176ca8}
.component-items{list-style:none;margin:0 0 24px 63px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.component-items li{min-width:0;padding:12px 14px;background:#e9f3fd;border-radius:4px;color:#37638b;line-height:1.6}
.engineering-rail{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:48px;padding:32px 36px;background:#e5f0fc;border-radius:9px;border-top:3px solid #358ac2}
.engineering-rail>div+div{border-left:1px solid #b9d4e9;padding-left:40px}
.engineering-rail h3{margin-bottom:16px}.engineering-rail ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;padding:0;margin:0;list-style:none}
.engineering-rail li{position:relative;padding-left:14px;line-height:1.6}.engineering-rail li:before{content:"";position:absolute;left:0;top:.7em;width:4px;height:4px;border-radius:50%;background:#388bc0}
.cloud-page .contact h2{color:#fff}.cloud-page .contact .eyebrow{color:#b9dcff}.cloud-page .contact p:last-child{font-size:var(--type-body);max-width:650px}
.dropdown [aria-current=page]{color:var(--blue);background:#f1f7fd}
@media(max-width:1200px){.cloud-page{--type-display:44px}.overview-grid{gap:42px}.pillar-card{padding:28px}.architecture-heading{gap:40px}.components-layout{gap:38px}.cloud-architecture{padding:24px}.standard-group{padding:21px}.engineering-rail{padding:28px;gap:28px}.engineering-rail>div+div{padding-left:28px}}
@media(max-width:980px){.cloud-page .container{width:calc(100% - 48px)}.overview-grid{grid-template-columns:1fr;gap:24px}.overview-grid>p{max-width:740px}.architecture-heading{grid-template-columns:1fr;gap:24px}.architecture-heading>p{max-width:720px}.business-layer{grid-template-columns:repeat(3,minmax(0,1fr))}.standard-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.standard-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.components-layout{grid-template-columns:1fr;gap:34px}.components-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.components-intro>p{margin-top:0;max-width:none}.platform-principle{grid-column:1/-1;margin-top:26px}.engineering-rail ul{grid-template-columns:1fr}.cloud-hero-inner{min-height:368px}}
@media(max-width:700px){.cloud-page{--type-display:34px;--type-section:28px}.cloud-page .container{width:calc(100% - 40px)}.cloud-hero-inner{min-height:370px;padding:24px 0 32px}.breadcrumb{gap:8px;margin-bottom:28px}.cloud-hero h1{letter-spacing:-.7px}.cloud-hero h1 br{display:none}.cloud-page .cloud-hero-description{font-size:var(--type-body)}.cloud-hero-photo{object-position:58% center}.cloud-hero:after{background:#06294f85}.cloud-overview{padding:42px 0}.cloud-capabilities{padding:0 0 44px}.cloud-section-heading{margin-bottom:26px}.pillar-grid{grid-template-columns:1fr;gap:16px}.pillar-card{padding:27px}.pillar-top{margin-bottom:20px}.cloud-architecture-section{padding:44px 0}.cloud-architecture{padding:20px}.business-layer{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.business-layer span{padding:13px 6px}.platform-layer{padding:20px;margin:20px 0}.platform-layer-heading{display:block}.cloud-page .platform-layer-heading p{margin-top:8px}.standard-overview{grid-template-columns:1fr;gap:8px}.standard-overview>div{padding:15px 12px}.adaptation-layer{padding:20px}.adaptation-items{gap:8px}.adaptation-items span{padding:8px 10px}.cloud-foundation{align-items:start;gap:14px}.foundation-icon{width:32px;height:32px}.standard-groups{grid-template-columns:1fr;gap:14px}.standard-group{padding:22px}.cloud-components-section{padding:44px 0}.components-layout{gap:28px}.components-intro{display:block}.components-intro>p{margin-top:24px}.component-row>summary{grid-template-columns:36px 1fr 16px;gap:12px;padding:23px 0}.component-items{margin-left:0;grid-template-columns:1fr}.engineering-rail{grid-template-columns:1fr;padding:26px;gap:24px;margin-top:30px}.engineering-rail>div+div{border-left:0;border-top:1px solid #b9d4e9;padding:24px 0 0}.engineering-rail ul{grid-template-columns:1fr;gap:12px}.cloud-page .contact .contact-inner{display:block}.cloud-page .contact .button{margin-top:26px;min-width:0}}
