/* Product architecture and developer workflow, shared by the three product pages. */
.platform-page *{box-sizing:border-box}.platform-page{--code-font:'IBM Plex Mono',ui-monospace,monospace}.platform-page a{color:inherit}.platform-page main{overflow:clip}.platform-page section[id]{scroll-margin-top:90px}.platform-page .eyebrow{display:block;font-size:11px;letter-spacing:.14em;font-weight:600}.platform-page .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.platform-page .btn{display:inline-flex;align-items:center;gap:12px}.platform-page .centered{justify-content:center}.platform-page .platform-hero{text-align:center;padding-top:72px}.platform-page .platform-hero h1{max-width:none;font-size:clamp(44px,5.6vw,76px);line-height:1.04;letter-spacing:-.05em;margin:24px auto}.platform-page .platform-hero p{margin-left:auto;margin-right:auto;max-width:650px}.platform-page .platform-hero .hero-note{font-size:12px;color:#626c7b;margin-top:18px}.platform-page .section-heading{margin-bottom:36px}.platform-page h2{margin:16px 0 20px}.platform-page h3{font-size:24px;margin:12px 0}.platform-page p{color:#555e6c}.platform-page .section-heading p{max-width:600px;margin:0}.platform-page .text-link,.platform-page .stage-story>a,.platform-page .workflow-steps a{display:inline-flex;align-items:center;min-height:44px;color:#355fae;font-weight:600;font-size:14px;text-underline-offset:5px}.platform-page .small-print{font-size:12px;line-height:1.7}.platform-page :focus-visible{outline:2px solid #406cc6;outline-offset:4px}
/* An accessible, selectable story rather than a simulated live execution. */
.dev-showcase{margin:52px auto 0;text-align:left;border:1px solid #d5deed;border-radius:18px;background:linear-gradient(130deg,#edf3ff,#f8faff 65%,#f1f4fb);box-shadow:0 20px 65px -38px #38578942;overflow:hidden}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 26px;font-size:12px;color:#53627b;border-bottom:1px solid #dce4f2}.showcase-toolbar>span{display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;display:inline-block;background:#406cc6;border-radius:50%}.demo-pause{font:inherit;border:1px solid #bdcbe0;background:#fff;border-radius:6px;padding:7px 11px;min-height:36px;cursor:pointer;color:#355fae}.dev-stage-controls{display:flex;gap:8px;justify-content:center;padding:24px}.dev-stage-controls button{border:1px solid transparent;background:none;color:#596679;padding:11px 18px;font:600 13px/1.4 'Gilroy',Arial,sans-serif;min-height:44px;border-radius:8px;cursor:pointer}.dev-stage-controls button span{font-size:10px;margin-right:7px;font-family:var(--code-font);font-weight:400}.dev-stage-controls button[aria-selected=true]{background:#fff;border-color:#cddbf0;color:#284f96;box-shadow:0 3px 8px #304b7810}.dev-stage{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:54px;padding:8px 42px 32px;min-height:340px}.dev-stage[hidden]{display:none}.stage-story h2{font-size:32px;line-height:1.08;margin:14px 0}.platform-page .platform-hero .stage-story p{font-size:15px;line-height:1.7;margin:0 0 10px}.editor-window,.app-window,.inspector-window{background:#fff;border:1px solid #c9d6eb;border-radius:10px;min-width:0;height:285px;box-shadow:0 18px 30px -25px #3b558e55;overflow:hidden}.window-title{height:41px;background:#f8faff;border-bottom:1px solid #e0e6ef;display:flex;align-items:center;gap:18px;font:10px/1.5 var(--code-font);letter-spacing:.05em;color:#5a6b83;padding:0 16px}.window-title>span{font-size:9px;letter-spacing:2px;color:#7587a2}.editor-body{display:grid;grid-template-columns:155px minmax(0,1fr);height:196px}.file-tree{font:10px/2.1 var(--code-font);padding:20px 12px;color:#56647a;border-right:1px solid #e3e9f3;background:#fcfdff}.file-tree>span{color:#315ca7}.editor-code{padding:24px 20px;color:#27374e}.code-comment{font:10px/1.6 var(--code-font);color:#64758e}.platform-page .platform-hero .editor-code p{font:16px/1.65 var(--code-font);color:#334d75;margin:12px 0}.code-keyword{color:#355fae}.terminal-line{height:47px;border-top:1px solid #dfe5ef;padding:12px 15px;font:11px/1.5 var(--code-font);color:#345782;display:flex;justify-content:space-between;gap:10px;background:#f9fbff}.terminal-line>span{font:10px/1.5 'Gilroy',Arial,sans-serif;color:#58677d}.sample-chat{height:196px;padding:20px;font-size:12px}.sample-user{display:block;background:#eef3fc;padding:10px 14px;border-radius:8px 8px 0 8px;width:fit-content;margin-left:auto;color:#3e577b}.sample-answer{display:flex;gap:12px;margin-top:20px;color:#30435e}.runtime-avatar{display:flex;align-items:center;justify-content:center;background:#406cc6;color:white;border-radius:7px;width:26px;height:26px;flex-shrink:0}.platform-page .platform-hero .sample-answer p{font-size:12px;margin:6px 0 12px;line-height:1.5}.context-tags{display:flex;gap:5px;flex-wrap:wrap}.context-tags span{font-size:10px;color:#355fae;background:#edf3ff;border-radius:4px;padding:3px 7px}.inspector-list{padding:14px 20px}.inspector-list>div{padding:13px 0;border-bottom:1px solid #e6ebf3;display:flex;align-items:center;gap:20px}.inspector-list>div:last-child{border:0}.inspector-list span{color:#355fae;font:11px var(--code-font);width:96px;flex-shrink:0}.inspector-list strong{font-weight:500;color:#455770;font-size:12px}.showcase-caption{border-top:1px solid #dce4f2;padding:13px 22px;font-size:11px;color:#5b6b83;text-align:center;background:#ffffff70}
.workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;counter-reset:none;gap:42px;padding:0;margin:0}.workflow-steps li{border-top:1px solid #d7dfec;padding-top:22px}.workflow-steps li>span{font:12px var(--code-font);color:#355fae}.workflow-steps p{font-size:15px;margin:16px 0 8px}.capability-band{background:#f8faff}.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-bottom:24px}.capability-icon{font-size:25px;color:#406cc6}.capability-grid h3{font-size:21px}.capability-grid p{font-size:14px;line-height:1.7}.tool-split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.tool-split>div>p{max-width:520px}.setup-list{list-style:none;padding:0;margin:0}.setup-list li{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid #e1e5ec}.setup-list li:first-child{padding-top:0}.setup-list li>span{display:flex;align-items:center;justify-content:center;border-radius:50%;width:30px;height:30px;flex-shrink:0;background:#edf3ff;color:#355fae;font:12px var(--code-font)}.setup-list strong{font-weight:600;font-size:16px}.setup-list p{margin:7px 0 0;font-size:14px}.availability-note{margin-top:36px;border-left:2px solid #9db7e3;padding:12px 18px;background:#f8faff;color:#5c6778;font-size:13px}.platform-page .code{overflow:auto}.platform-page .code pre{padding:20px;margin:0}.resource-strip{display:grid;grid-template-columns:1fr 1fr;gap:90px}.resource-links a{display:block;padding:19px 0;text-decoration:none;border-bottom:1px solid #e1e5ec}.resource-links a:first-child{padding-top:0}.resource-links strong,.resource-links span{display:block}.resource-links strong{color:#355fae;font-size:16px;font-weight:600}.resource-links span{font-size:14px;color:#626c7b;margin-top:7px}
/* Product map and three distinct, connected product paths. */
.platform-map{max-width:780px;margin:48px auto 0;padding:32px 50px;border:1px solid #dce4f1;border-radius:18px;background:radial-gradient(ellipse at 50% 60%,#e3edff,transparent 70%),#f8faff}.map-app{border:1px solid #dae1eb;border-radius:10px;padding:19px;background:#fff}.map-app>span,.map-runtime>span,.model-flow div>span{display:block;letter-spacing:.12em;font-size:10px;color:#596f91;margin-bottom:7px}.map-app strong{font-size:18px;font-weight:500}.map-connector{display:block;color:#6486c3;font-size:22px;height:36px}.map-runtime{display:block;border:1px solid #acc2e7;border-radius:12px;padding:24px;background:linear-gradient(130deg,#fff,#eef4ff);text-decoration:none;box-shadow:0 12px 28px -16px #617eaf66}.map-runtime strong{font-size:36px;color:#355fae;letter-spacing:-.04em;line-height:1.2}.map-runtime>span.map-primitives{font-size:13px;letter-spacing:0;margin:10px 0 0;color:#456395}.map-base{display:grid;grid-template-columns:1fr 1fr;gap:16px}.map-base a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border:1px solid #d2def1;border-radius:8px;background:#fff;font-size:13px;text-decoration:none;color:#45618e}.map-base a:hover,.map-runtime:hover{border-color:#406cc6}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{display:flex;flex-direction:column;align-items:flex-start;padding:32px;border:1px solid #dae2ee;border-radius:14px;background:#fbfcff}.product-card:nth-child(2){background:#f2f6ff}.product-number{font:10px var(--code-font);color:#355fae;letter-spacing:.08em}.product-card h3{font-size:28px;margin:22px 0 12px}.product-card>p{font-size:15px;margin:0}.product-card ul{margin:24px 0 28px;padding:0;list-style:none;font-size:13px;line-height:1.7;color:#53627a}.product-card li{position:relative;padding-left:15px;margin:10px 0}.product-card li:before{content:'·';position:absolute;left:0;color:#406cc6;font-weight:bold}.product-card .btn{margin-top:auto;font-size:13px;width:100%;padding:12px}.deployment-row{display:grid;grid-template-columns:1fr 1fr;gap:80px}.deployment-options>a{display:block;text-decoration:none;padding:24px;border:1px solid #dae2ee;border-radius:10px;margin-bottom:16px}.deployment-options strong{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:20px;font-weight:500}.deployment-options p{margin:8px 0 0;font-size:14px}.preview-badge{font-size:9px;letter-spacing:.06em;color:#355fae;background:#edf3ff;padding:5px 8px;border-radius:4px}.model-flow{display:flex;align-items:center;gap:18px;max-width:850px;margin:48px auto 0}.model-flow>div{flex:1;padding:28px 15px;border:1px solid #d6e0ee;border-radius:12px;background:#fafcff}.model-flow>span{color:#597ebc}.model-flow>div.model-flow-runtime{background:#eef4ff;border-color:#abc1e4}.model-flow strong{font-size:19px;font-weight:500}.model-definitions article{padding:20px 0;border-bottom:1px solid #e1e5ec}.model-definitions article:first-child{padding-top:0}.model-definitions h3{font-size:21px;margin-top:0}.model-definitions p{font-size:14px;margin:8px 0 0}.closing-panel{text-align:center;padding:38px 20px;background:#f3f7ff;border:1px solid #dce5f4;border-radius:16px}.closing-panel h2{margin-left:auto;margin-right:auto}.closing-panel p{max-width:620px;margin:0 auto}
@media(max-width:1100px){.dev-stage{gap:28px;padding-left:28px;padding-right:28px}.tool-split,.resource-strip{gap:48px}.product-card{padding:24px}.editor-body{grid-template-columns:130px minmax(0,1fr)}.editor-code{padding:22px 14px}.terminal-line>span{display:none}}
@media(max-width:800px){.platform-page .platform-hero{padding-top:48px}.platform-page .platform-hero h1{font-size:48px!important}.dev-showcase{margin-top:36px}.dev-stage{grid-template-columns:1fr;gap:26px;min-height:0;padding:0 22px 24px}.editor-window,.app-window,.inspector-window{max-width:550px;width:100%;margin:auto}.stage-story{min-height:210px}.stage-story h2{font-size:28px}.dev-stage-controls{padding:18px 10px;gap:3px}.dev-stage-controls button{padding:10px;font-size:12px}.dev-stage-controls button span{display:none}.showcase-toolbar{padding:12px 18px}.workflow-steps{gap:24px}.workflow-steps h3{font-size:21px}.capability-grid{grid-template-columns:1fr 1fr;gap:16px 28px}.tool-split,.resource-strip,.deployment-row{grid-template-columns:1fr;gap:32px}.product-grid{grid-template-columns:1fr}.product-card{padding:28px}.product-card h3{margin-top:16px}.product-card ul{margin:14px 0 20px}.product-card .btn{width:auto}.platform-map{padding:26px}.model-flow{gap:10px}.model-flow>div{padding:24px 10px}.model-flow strong{font-size:16px}.model-flow div>span{font-size:9px}}
@media(max-width:520px){.platform-page .platform-hero h1{font-size:40px!important}.desktop-break{display:none}.platform-page .actions .btn{width:100%}.dev-stage{padding-left:14px;padding-right:14px}.showcase-toolbar{padding:12px;font-size:11px}.demo-pause{font-size:10px;padding:7px}.dev-stage-controls button{padding:10px 7px;font-size:11px}.editor-body{grid-template-columns:100px minmax(0,1fr)}.file-tree{font-size:8px;padding-left:8px}.editor-code{padding:24px 10px}.platform-page .platform-hero .editor-code p{font-size:12px}.code-comment{font-size:8px}.window-title{font-size:8px;padding:0 12px;gap:10px}.sample-chat{padding:16px 12px}.sample-user{font-size:10px}.sample-answer{gap:8px;margin-top:18px;font-size:11px}.inspector-list{padding:14px}.inspector-list>div{gap:10px}.inspector-list span{width:80px;font-size:10px}.inspector-list strong{font-size:11px}.workflow-steps{grid-template-columns:1fr;gap:20px}.workflow-steps li{padding-top:18px}.workflow-steps h3{margin-top:10px}.workflow-steps p{margin-top:10px}.platform-map{padding:20px 14px}.map-runtime strong{font-size:28px}.map-app strong{font-size:15px}.map-base{gap:8px}.map-base a{padding:12px;font-size:11px;text-align:left}.map-runtime>span.map-primitives{font-size:11px}.model-flow{flex-direction:column;gap:8px;margin-top:32px}.model-flow>div{width:100%;padding:16px}.model-flow>span{transform:rotate(90deg)}.model-flow strong{font-size:19px}.model-flow div>span{font-size:10px}.platform-page .platform-hero .stage-story p{font-size:14px}.showcase-caption{font-size:10px}.capability-grid{gap:14px 22px}.capability-grid p{font-size:13px}.preview-badge{font-size:8px}.deployment-options>a{padding:20px}.deployment-options strong{font-size:18px}}
/* Evaluation, commercial choices, and deployment use the same visual hierarchy. */
.platform-page .price-value{font-size:40px;margin:24px 0 18px;letter-spacing:-.04em;line-height:1.1}
.price-value small{display:block;font-size:12px;letter-spacing:0;color:#596a81;margin-bottom:8px}
.price-value>span{font-size:18px;letter-spacing:0;color:#596a81}
.pricing-note{font-size:13px;line-height:1.75;max-width:900px;margin:24px 0 0}
.cost-rows>div{display:grid;grid-template-columns:180px minmax(0,1fr) 230px;align-items:start;gap:32px;padding:24px 0;border-top:1px solid #dce3ee}
.cost-rows strong{font-weight:600;font-size:18px}.cost-rows p{font-size:14px;margin:0}.cost-rows a{font-size:13px;color:#355fae;line-height:1.7;text-underline-offset:4px}
.cloud-architecture{display:flex;align-items:center;gap:26px;margin:48px auto 0;max-width:920px;padding:32px;background:#f5f8ff;border:1px solid #d9e3f4;border-radius:16px}
.cloud-architecture>div{flex:1;padding:26px 18px;background:#fff;border:1px solid #d6e0f1;border-radius:10px}.cloud-architecture>div:last-child{background:#eaf1ff;border-color:#b4c9ee}.cloud-architecture>span{color:#406cc6;font-size:25px}
.cloud-architecture div>span{display:block;color:#355fae;font-size:10px;letter-spacing:.12em;margin-bottom:14px}.cloud-architecture strong{font-size:26px;font-weight:500;letter-spacing:-.02em}.platform-page .platform-hero .cloud-architecture p{font-size:12px;margin:12px 0 0}
.boundary-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.boundary-grid article{border:1px solid #dce3ee;border-radius:12px;padding:28px}.boundary-grid h3{font-size:24px;margin-top:0}.boundary-grid p{font-size:15px;margin-bottom:0}
.model-glossary details{border:1px solid #dce3ee;border-radius:12px;padding:22px}.model-glossary summary{font-size:17px;cursor:pointer;font-weight:600;line-height:1.5}.model-glossary article:first-of-type{padding-top:24px}.model-glossary article:last-child{border-bottom:0;padding-bottom:0}
@media(max-width:800px){.cost-rows>div{grid-template-columns:1fr;gap:12px}.cloud-architecture{padding:22px;gap:14px}.cloud-architecture strong{font-size:21px}.boundary-grid{grid-template-columns:1fr;gap:16px}}
@media(max-width:520px){.cloud-architecture{flex-direction:column;padding:18px;margin-top:32px}.cloud-architecture>div{width:100%;padding:22px 12px}.cloud-architecture>span{transform:rotate(90deg)}.cloud-architecture strong{font-size:25px}.boundary-grid article{padding:22px}.platform-page .price-value{font-size:38px}}