/* Product catalogue: IAST paper, navy, blue, and reference orange. */
.products-page .products-main { background:#f3f6fa; padding-top:155px; padding-bottom:72px; }
.products-wrap { width:calc(100% - 13vw); max-width:1440px; margin-inline:auto; }
.products-intro { display:grid; grid-template-columns:1.4fr 1fr; align-items:end; gap:8%; padding:35px 0 50px; }
.products-eyebrow { display:flex; align-items:center; gap:12px; color:#536678!important; font-size:10px; font-weight:600; letter-spacing:1.8px; line-height:1.6; margin:0 0 24px; }
.products-eyebrow::before { content:''; width:24px; height:2px; flex-shrink:0; background:#ec8d4c; }
.products-intro h1 { font-size:clamp(36px,4vw,60px); font-weight:600; line-height:1.12; letter-spacing:-.045em; color:#132b40; margin:0; }
.products-intro h1 span { color:#536678!important; }
.products-intro-copy { color:#536678!important; font-size:16px; line-height:1.85; max-width:470px; margin:0 0 4px; }
.products-page .products-catalog { padding:0!important; background:transparent; display:grid; gap:32px; }
.product-showcase { display:grid; grid-template-columns:1fr 1fr; background:#fff; border:1px solid #dbe4ed; border-radius:20px; overflow:hidden; box-shadow:0 24px 50px -40px #132b4070; scroll-margin-top:125px; }
.product-visual { position:relative; min-width:0; min-height:440px; overflow:hidden; }
.keyfob-visual { background:#080d12; }
.keyfob-visual img { width:100%; height:480px; display:block; object-fit:contain; transition:transform 1s cubic-bezier(.2,.7,.2,1); }
.product-showcase:hover .keyfob-visual img { transform:scale(1.035); }
.product-visual-label { position:absolute; left:28px; bottom:24px; color:#e6edf4!important; background:#132b40; padding:8px 12px; border-left:2px solid #ec8d4c; font-size:9px; letter-spacing:1.7px; }
.product-copy { padding:clamp(28px,4vw,64px); display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.product-copy h2 { color:#132b40; font-size:clamp(30px,3.1vw,45px); line-height:1.14; font-weight:600; letter-spacing:-.035em; margin:0 0 24px; }
.product-description { color:#536678!important; font-size:15px; line-height:1.9; margin:0 0 25px; max-width:460px; }
.products-page .product-tags { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 32px; }
.products-page .product-tags span { padding:7px 11px; color:#31516e!important; background:#f1f6fb; border:1px solid #dbe4ed; border-radius:5px; font-size:10px; line-height:1.4; }
.product-action { display:inline-flex; justify-content:space-between; gap:40px; align-items:center; background:#006dde; color:#fff!important; padding:14px 22px; border-radius:5px; font-size:14px; transition:background .25s; }
.product-action span { color:inherit!important; transition:transform .25s; }
.product-action:hover { background:#005bbd; }
.product-action:hover span { transform:translate(3px,-3px); }
.product-action:focus-visible { outline:3px solid #ec8d4c; outline-offset:5px; }
.product-upcoming .product-visual { order:2; }
.logbook-visual { display:grid; place-items:center; background:radial-gradient(ellipse at 50% 40%,#e7f0f8,#dce7f1); }
.logbook-visual::before { content:''; position:absolute; inset:0; background-image:linear-gradient(#bccddd33 1px,transparent 1px),linear-gradient(90deg,#bccddd33 1px,transparent 1px); background-size:48px 48px; mask-image:radial-gradient(#000,transparent 70%); }
.logbook-orbit { position:relative; width:260px; height:260px; border:1px solid #adc3d8; border-radius:50%; display:grid; place-items:center; }
.logbook-orbit::after { content:''; position:absolute; inset:28px; border:1px dashed #b6cbdc; border-radius:50%; }
.logbook-orbit > i { display:grid; place-items:center; width:118px; height:146px; background:#132b40; color:#ec8d4c!important; border-radius:16px; font-size:57px; box-shadow:0 24px 40px -20px #132b4070; z-index:1; transform:rotate(-7deg); transition:transform .6s; }
.product-upcoming:hover .logbook-orbit > i { transform:rotate(0deg) translateY(-5px); }
.capture-icon { position:absolute; display:grid; place-items:center; width:48px; height:48px; background:#ffffff; color:#006dde!important; border:1px solid #cad9e7; border-radius:12px; font-size:22px; z-index:2; }
.capture-voice { top:-15px; left:106px; }.capture-image { right:-16px; bottom:48px; }.capture-text { left:-16px; bottom:48px; }
.products-page .product-status { display:flex; align-items:center; gap:10px; color:#536678!important; font-size:13px; margin:0; }
.product-status > span { width:7px; height:7px; border-radius:50%; background:#ec8d4c; }
@media(max-width:900px) { .products-intro { grid-template-columns:1fr; gap:26px; }.product-visual { min-height:390px; }.keyfob-visual img { height:420px; }.product-copy { padding:28px; }.logbook-orbit { width:220px; height:220px; }.capture-voice { left:86px; } }
@media(max-width:650px) { .products-page .products-main { padding-top:120px; padding-bottom:40px; }.products-wrap { width:calc(100% - 40px); }.products-intro { padding:24px 0 32px; }.products-intro h1 { font-size:37px; }.products-intro-copy { font-size:14px; }.product-showcase { grid-template-columns:1fr; border-radius:16px; }.product-visual { min-height:320px; }.keyfob-visual img { height:350px; }.product-upcoming .product-visual { order:0; }.product-copy { padding:28px 24px; }.products-eyebrow { font-size:9px; letter-spacing:1.2px; }.product-description { font-size:14px; }.product-copy h2 { font-size:32px; } }
@media(prefers-reduced-motion:reduce) { .products-main *, .products-main *::before,.products-main *::after { transition:none!important; animation:none!important; }.products-main [data-aos] { opacity:1!important; transform:none!important; }.product-showcase:hover img,.product-upcoming:hover .logbook-orbit > i { transform:none; } }