/* WEB-06 · Platform portfolio and product-page separation. Shared brand preserved. */
.section-portfolio{background:linear-gradient(180deg,#f7faff,#edf5ff)}
.section-portfolio .accent{color:#0066ff}
.portfolio-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(250px,.85fr);gap:20px}
.portfolio-product{display:grid;grid-template-columns:1fr 1fr;gap:27px;align-items:center;border-radius:20px;padding:33px;background:linear-gradient(125deg,#0b1f4b,#12386c);color:#fff;box-shadow:0 20px 55px #071c4126}
.portfolio-kicker{font-size:10px;font-weight:850;letter-spacing:.08em;color:#b3dfff;line-height:1.5}
.portfolio-status-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:100%;background:#00e5d6}
.portfolio-brand{display:flex;gap:11px;align-items:center;margin:17px 0}.portfolio-brand span{font-size:26px;font-weight:800;color:#fff}.portfolio-brand em{color:#ff8a32;font-style:normal}
.portfolio-copy h3{color:#fff;font-size:clamp(25px,2.6vw,34px);line-height:1.16}
.portfolio-copy>p{font-size:14px;line-height:1.7;color:#d4e5f8}
.portfolio-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}
.portfolio-text-link{color:#8feeff;font-weight:800;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.portfolio-availability{font-size:11px!important;color:#b7cae0!important;margin-top:16px}
.portfolio-shot{display:block;min-width:0;text-decoration:none;border:1px solid #558ac6;border-radius:13px;background:#0b213d;overflow:hidden}
.portfolio-shot img{display:block;width:100%;height:auto}
.portfolio-shot span{display:block;color:#c3daf2;font-size:10px;padding:10px;line-height:1.5}
.portfolio-shot:focus-visible{outline:3px solid #00e5d6;outline-offset:3px}
.portfolio-future{display:flex;flex-direction:column;gap:19px;border:1px dashed #a4bfde;border-radius:20px;background:#e8f2ff;padding:30px}
.portfolio-future-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;border:1px solid #aac7e9;color:#0066ff;font-size:29px}
.portfolio-future-heading>span{font-size:11px;letter-spacing:.09em;font-weight:850;color:#075eac}
.portfolio-future h3{font-size:26px;color:#0b1f4b;margin:10px 0 0}
.portfolio-future p{font-size:14px;color:#435c7b;line-height:1.72}
.portfolio-future-line{display:flex;gap:9px;margin-top:auto}
.portfolio-future-line span{flex:1;height:7px;background:#c0d4ea;border-radius:4px}
.portfolio-future-link{color:#005cc8;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.ops-hero .hero-grid{align-items:center}
.ops-hero-visual{max-width:850px}
.ops-hero-shot{display:block;border:1px solid #4e8fdf;border-radius:14px;overflow:hidden;box-shadow:0 25px 80px #0007;background:#102347}
.ops-hero-shot img{display:block;width:100%;height:auto}
.ops-hero-shot:focus-visible{outline:3px solid #00e5d6;outline-offset:3px}
@media(max-width:1100px){.portfolio-grid{grid-template-columns:1fr}.portfolio-product{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.portfolio-product{grid-template-columns:1fr;padding:26px}.portfolio-future{padding:25px}}
@media(max-width:620px){.portfolio-copy h3{font-size:28px}.portfolio-shot{width:100%}.ops-hero .hero-grid{gap:35px}}