.platform-shell{display:flex;flex-direction:column;min-height:100vh}
.platform-main{padding:106px 0 64px;flex:1;min-width:0}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;color:#617285;margin-bottom:36px}
.breadcrumbs a{color:#3c5a73;text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}
.platform-hero{max-width:850px;margin-bottom:64px}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.8px;color:#35759b;margin:0 0 14px;text-transform:uppercase}
.platform-hero h1{font-size:clamp(32px,4.6vw,54px);font-weight:500;letter-spacing:-1px;line-height:1.2;color:#243c50;margin:0 0 24px}
.platform-lead{font-size:18px;line-height:1.9;color:#4c6173;margin-bottom:28px}
.platform-actions{display:flex;flex-wrap:wrap;gap:12px}
.platform-actions .btn{padding:12px 24px;font-weight:500}
.text-link{display:inline-block;color:#216b9a;text-decoration:underline;text-underline-offset:4px;font-size:15px}
.text-link:hover{color:#154b70}
.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.platform-card{background:rgba(255,255,255,.88);padding:30px;border:1px solid #e0e8ef;border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 5px 20px rgba(36,60,80,.035)}
.card-number{font-size:12px;letter-spacing:2px;color:#56758b;margin-bottom:18px}
.platform-card h2{font-size:24px;font-weight:500;line-height:1.4;margin:0 0 14px}
.platform-card h2 a{color:#243c50;text-decoration:none}
.platform-card h2 a:hover{color:#216b9a;text-decoration:underline}
.platform-card p{color:#506477;font-size:15px;line-height:1.85;margin:0 0 24px}
.platform-card>.text-link{margin-top:auto}
.platform-section{margin-top:58px;scroll-margin-top:100px}
.section-heading{margin-bottom:24px}
.section-heading h2,.related-platforms h2{font-size:28px;font-weight:500;line-height:1.45;color:#243c50}
.section-heading .eyebrow{margin-bottom:8px}
.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.capability-card{padding:26px;background:rgba(255,255,255,.9);border:1px solid #e0e8ef;border-radius:14px;display:flex;flex-direction:column;align-items:flex-start}
.capability-card h3,.use-case h3,.platform-faq-item h3{font-size:19px;font-weight:500;line-height:1.5;margin:0 0 12px;color:#243c50}
.capability-card p,.use-case p,.platform-faq-item p{font-size:16px;line-height:1.85;color:#4c6173;margin:0 0 20px}
.capability-card a{margin-top:auto}
.use-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.use-case{border-left:3px solid #80aec7;padding:4px 0 0 24px}
.use-case p{margin-bottom:0}
.example-note{color:#4c6173;line-height:1.85;margin:0 0 20px}
.code-panel{border:1px solid #29485f;background:#142e42;color:#e6f1f8;border-radius:14px;overflow:hidden;min-width:0}
.code-label{display:flex;justify-content:space-between;gap:12px;padding:13px 22px;border-bottom:1px solid #2d495e;font-size:12px;letter-spacing:.6px;color:#b5cedf}
.code-panel pre{padding:24px;margin:0;overflow-x:auto;font-size:14px;line-height:1.9;tab-size:2}
.code-panel code{font-family:Consolas,'Courier New',monospace}
.example-help{color:#536b7e;font-size:14px;line-height:1.8;margin:16px 0 12px}
.platform-faq-item{border-bottom:1px solid #cbd8e3;padding:22px 0}
.platform-faq-item p{margin-bottom:0}
.platform-note{margin-top:42px;padding:24px 28px;background:rgba(255,255,255,.55);border:1px solid #d4e0e9;border-radius:12px;color:#506477;font-size:14px;line-height:1.85}
.platform-note p+p,.platform-note .text-link{margin-top:12px}
.related-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.related-links a{color:#32617f;background:rgba(255,255,255,.6);border:1px solid #cfdee8;border-radius:24px;padding:8px 16px;font-size:14px;text-decoration:none}
.related-links a:hover{background:#fff;border-color:#699bb9}
.platform-footer{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;border-top:1px solid #cbd8e3;padding:28px 0;color:#536b7e;font-size:13px}
.platform-footer nav{display:flex;flex-wrap:wrap;gap:12px 22px}
.platform-footer a{color:#3c5a73;text-decoration:none}
.platform-footer a:hover{text-decoration:underline}
.footer-brand{font-size:20px;font-weight:600}
.platform-main a:focus-visible,.platform-footer a:focus-visible{outline:2px solid #216b9a;outline-offset:4px}
@media(max-width:900px){.capability-grid{grid-template-columns:1fr}.capability-card{padding:24px}.platform-hero{margin-bottom:46px}}
@media(max-width:600px){.platform-shell{padding:0 20px}.platform-main{padding-top:98px;padding-bottom:44px}.breadcrumbs{margin-bottom:28px;font-size:12px;gap:8px}.platform-grid,.use-case-grid{grid-template-columns:1fr}.platform-card{padding:25px}.platform-hero h1{font-size:34px}.platform-lead{font-size:16px}.platform-section{margin-top:42px}.section-heading h2,.related-platforms h2{font-size:24px}.platform-actions{gap:10px}.platform-actions .btn{padding:11px 18px;font-size:14px}.platform-note{padding:20px}.code-panel pre{padding:18px;font-size:12px}.platform-footer{gap:18px}}