/* Dedicated Smart GNOC product story — V5 */
.gnoc-product-showcase{padding:0 0 110px;background:linear-gradient(180deg,#f3f8fd 0%,#fff 45%,#f2f8ff 100%)}
.gnoc-product-showcase .gnoc-wide{max-width:none;width:min(1600px,calc(100% - 92px))}
.gnoc-product-intro{display:grid;grid-template-columns:1fr 1.04fr;gap:clamp(26px,5vw,95px);align-items:center;padding:70px 0 95px;min-height:620px}
.gnoc-breadcrumb{font-size:12px;color:#778ba2;display:flex;align-items:center;gap:12px;margin-bottom:42px}.gnoc-breadcrumb a{color:#486a87}.gnoc-breadcrumb strong{color:#c94b37}
.gnoc-product-copy h1{font-family:var(--serif);color:#082f56;line-height:1.09;letter-spacing:-2.5px;font-weight:400;font-size:clamp(46px,5vw,86px);margin:17px 0 24px}.gnoc-product-copy h1 em{color:#d44a32;font-style:normal}
.gnoc-product-lead{color:#54708c;line-height:1.8;max-width:640px;font-size:clamp(15px,1.25vw,18px)}
.gnoc-product-stats{display:flex;flex-wrap:wrap;gap:14px;margin:33px 0}.gnoc-product-stats span{font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:1px;color:#5f7790;display:flex;align-items:center;gap:10px;border-right:1px solid #c9d9e8;padding-right:17px}.gnoc-product-stats span:last-child{border:0}.gnoc-product-stats strong{font-size:27px;color:#0b467e;letter-spacing:-1px}
.gnoc-product-scroll{font-weight:800;color:#0e518d;font-size:13px;display:inline-flex;align-items:center;gap:14px;border-bottom:1px solid #a8c2d8;padding-bottom:10px}.gnoc-product-scroll span{font-size:22px;color:#e4523b}
.gnoc-product-art{position:relative;background:#dfeaf4;border:1px solid #bfd2e3;box-shadow:24px 30px 0 #dbe8f4,0 34px 75px #0c467421;border-radius:20px;overflow:hidden;transform:rotate(1deg)}.gnoc-product-art img{width:100%;aspect-ratio:1.43;object-fit:cover;object-position:top;display:block}.gnoc-art-top{display:flex;align-items:center;gap:6px;height:43px;padding:0 17px;background:#0d3154;color:#cbdfef}.gnoc-art-top i{height:7px;width:7px;border-radius:50%;background:#fb8c71}.gnoc-art-top i:nth-child(2){background:#f0c46c}.gnoc-art-top i:nth-child(3){background:#6fb9a4}.gnoc-art-top span{margin-left:13px;letter-spacing:1.8px;font-size:9px}.gnoc-art-caption{display:flex;justify-content:space-between;background:#fff;color:#254f77;letter-spacing:1.4px;font-weight:800;font-size:10px;padding:20px 23px}.gnoc-art-caption b{font-size:19px;color:#d94e35}
.gnoc-video-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:1px solid #d9e5ef;padding:48px 0 23px}.gnoc-video-heading h2{font-family:var(--serif);font-size:clamp(30px,3vw,48px);font-weight:400;color:#082f56;margin:10px 0 0}.gnoc-video-heading p{max-width:370px;color:#607b93;font-size:14px;line-height:1.7}.gnoc-video-panel{border:1px solid #d1e0ec;box-shadow:0 18px 55px #0c467414;margin-bottom:100px}
.gnoc-scenario-header{margin-top:75px}.gnoc-scenario-index{letter-spacing:2px}.gnoc-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:34px 0 70px}.gnoc-step{background:#fff;border:1px solid #d8e5f0;border-radius:16px;overflow:hidden;text-align:left;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;box-shadow:0 10px 30px #103e6410}.gnoc-step:hover{transform:translateY(-6px);box-shadow:0 22px 44px #0d467426;border-color:#8bb1d2}.gnoc-step-thumb{background:#eaf3fb}.gnoc-step-thumb img{width:100%;height:265px;object-fit:cover;object-position:top}.gnoc-step-caption{min-height:104px;padding:20px;display:flex;align-items:start;gap:15px}.gnoc-step-caption strong{line-height:1.48;font-size:14px}.gnoc-number{font-family:var(--serif);font-size:31px!important;color:#e26048!important;line-height:1}.gnoc-gallery .gnoc-step:first-child{grid-column:span 2;display:grid;grid-template-columns:1.4fr .6fr}.gnoc-gallery .gnoc-step:first-child .gnoc-step-thumb img{height:390px}.gnoc-gallery .gnoc-step:first-child .gnoc-step-caption{align-self:center;padding:28px;flex-direction:column}.gnoc-gallery .gnoc-step:first-child .gnoc-step-caption strong{font-size:20px;line-height:1.35}
.gnoc-caveat{margin-top:42px}
@media(max-width:1100px){.gnoc-product-intro{grid-template-columns:1fr 1fr;gap:35px}.gnoc-product-stats span{border:0}.gnoc-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gnoc-gallery .gnoc-step:first-child{grid-column:span 2}}
@media(max-width:720px){.gnoc-product-showcase .gnoc-wide{width:calc(100% - 36px)}.gnoc-product-intro{grid-template-columns:1fr;padding:32px 0 65px;min-height:0}.gnoc-breadcrumb{margin-bottom:24px}.gnoc-product-copy h1{letter-spacing:-1.7px}.gnoc-product-art{transform:none;box-shadow:9px 11px 0 #dbe8f4}.gnoc-product-stats span{gap:6px;padding-right:0}.gnoc-video-heading{display:block}.gnoc-video-panel{margin-bottom:65px}.gnoc-gallery{grid-template-columns:1fr;gap:14px}.gnoc-gallery .gnoc-step:first-child{grid-column:auto;display:block}.gnoc-gallery .gnoc-step:first-child .gnoc-step-thumb img,.gnoc-step-thumb img{height:225px}.gnoc-gallery .gnoc-step:first-child .gnoc-step-caption{padding:20px;flex-direction:row}.gnoc-gallery .gnoc-step:first-child .gnoc-step-caption strong{font-size:14px}.gnoc-step-caption{min-height:0}}

/* Responsive R2-hosted MP4 player; contain all frames without cropping. */
.gnoc-video-box video{display:block;width:100%;height:100%;min-height:290px;max-height:650px;object-fit:contain;background:#09223c;border-radius:12px}
@media(max-width:720px){.gnoc-video-box video{min-height:215px;max-height:420px}}