/* Product microsites - WATERS-COMPUTERS 2026 */
:root{--product:#27d4ff;--product-rgb:39,212,255;--product-dark:#061421}
body.product-page{background:#f6f9fb;color:#0b2133}
.product-page .site-header{background:rgba(5,20,32,.93);border-bottom-color:rgba(255,255,255,.08)}
.product-page .brand strong,.product-page .brand small{color:#fff}.product-page .brand small{opacity:.68}
.product-page .main-nav a{color:#d8e7f1}.product-page .main-nav a:hover,.product-page .main-nav a.active{color:#fff}
.product-page .main-nav .nav-cta{background:var(--product);color:#04111c;border-color:var(--product)}
.product-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#061522 0%,#0a2337 54%,#071925 100%);color:#fff;padding:150px 0 76px;min-height:720px}
.product-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.product-hero:after{content:"";position:absolute;width:650px;height:650px;border-radius:50%;right:-170px;top:-190px;background:radial-gradient(circle,rgba(var(--product-rgb),.23),rgba(var(--product-rgb),0) 68%);pointer-events:none}
.product-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);gap:70px;align-items:center}
.product-breadcrumb{display:flex;align-items:center;gap:10px;color:#94aec0;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:26px}.product-breadcrumb a{color:#bcd0dc}.product-breadcrumb b{color:var(--product);font-weight:700}
.product-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(var(--product-rgb),.4);background:rgba(var(--product-rgb),.1);color:var(--product);border-radius:999px;padding:8px 12px;font-size:.73rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.product-badge i{width:7px;height:7px;border-radius:50%;background:var(--product);box-shadow:0 0 14px var(--product)}
.product-hero h1{font-size:clamp(3.25rem,6.2vw,6.6rem);line-height:.88;letter-spacing:-.055em;margin:24px 0 21px;color:#fff}.product-hero h1 span{display:block;color:var(--product);font-size:.27em;letter-spacing:.08em;text-transform:uppercase;margin-top:24px;line-height:1.2}
.product-hero .lead{font-size:1.08rem;line-height:1.75;color:#b8cbd7;max-width:650px}.product-hero .lead strong{color:#eef8fc}
.product-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:31px 0 0}.product-page .button.product-primary{background:var(--product);border-color:var(--product);color:#04111c}.product-page .button.product-primary:hover{filter:brightness(1.08);transform:translateY(-2px)}.product-page .button.product-ghost{color:#e8f4fa;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.03)}
.hero-specs{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px;padding-top:25px;border-top:1px solid rgba(255,255,255,.11)}.hero-specs div{min-width:125px}.hero-specs span{display:block;color:#7d9aae;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.hero-specs strong{display:block;color:#e9f6fb;font-size:.88rem;margin-top:5px}
.product-screen{position:relative}.screen-window{border:1px solid rgba(255,255,255,.14);background:#071826;border-radius:18px;box-shadow:0 35px 90px rgba(0,0,0,.35);overflow:hidden;transform:perspective(1200px) rotateY(-3deg) rotateX(1.5deg)}
.screen-top{height:43px;background:#0d2638;border-bottom:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#7694a7;font-size:.63rem;letter-spacing:.08em}.screen-dots{display:flex;gap:6px}.screen-dots i{width:7px;height:7px;border-radius:50%;background:#3c5668}.screen-dots i:first-child{background:var(--product)}.screen-top b{font-weight:700;color:#a8c1cf}
.screen-body{display:grid;grid-template-columns:56px 1fr;min-height:440px}.screen-side{border-right:1px solid rgba(255,255,255,.07);padding:17px 10px;display:flex;flex-direction:column;align-items:center;gap:17px}.screen-side b{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:rgba(var(--product-rgb),.14);color:var(--product);font-size:.75rem}.screen-side i{width:22px;height:4px;border-radius:4px;background:#244052}.screen-side i.active{background:var(--product)}
.screen-work{padding:17px}.screen-work-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.screen-work-head div span{display:block;color:#67869a;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}.screen-work-head div strong{display:block;color:#e7f4fa;font-size:.86rem;margin-top:3px}.screen-work-head em{font-style:normal;font-size:.6rem;color:var(--product);border:1px solid rgba(var(--product-rgb),.35);padding:5px 8px;border-radius:99px;background:rgba(var(--product-rgb),.08)}
.mock-canvas{height:287px;border:1px solid rgba(255,255,255,.07);background:#091e2d;border-radius:11px;position:relative;overflow:hidden}.mock-canvas:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px}.mock-svg{position:absolute;inset:0;width:100%;height:100%}.mock-svg .soft{fill:none;stroke:#284252;stroke-width:1.2}.mock-svg .main{fill:none;stroke:var(--product);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(var(--product-rgb),.5))}.mock-svg .branch{fill:none;stroke:rgba(var(--product-rgb),.65);stroke-width:1.6}.mock-svg .node{fill:#071826;stroke:var(--product);stroke-width:2}.mock-svg .fill{fill:rgba(var(--product-rgb),.14);stroke:var(--product);stroke-width:1.5}.mock-svg text{fill:#a9c2d1;font:600 10px Arial}
.screen-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.screen-metrics div{background:#0a2233;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:9px}.screen-metrics span{display:block;color:#68879b;font-size:.56rem;text-transform:uppercase}.screen-metrics strong{display:block;color:#e5f4fa;font-size:.84rem;margin-top:3px}.screen-metrics i{display:block;height:3px;border-radius:3px;background:#193747;margin-top:7px;overflow:hidden}.screen-metrics i:after{content:"";display:block;height:100%;width:var(--w,72%);background:var(--product)}
.screen-float{position:absolute;background:#0d2638;border:1px solid rgba(var(--product-rgb),.3);box-shadow:0 16px 35px rgba(0,0,0,.27);border-radius:12px;padding:12px 14px;right:-18px;bottom:31px}.screen-float span{display:block;color:#688a9d;font-size:.58rem;text-transform:uppercase}.screen-float strong{display:block;color:#fff;font-size:.78rem;margin-top:3px}.screen-float b{color:var(--product)}
.product-stat-band{position:relative;z-index:2;margin-top:-35px}.product-stat-inner{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #dde8ed;box-shadow:0 18px 50px rgba(8,35,53,.08);border-radius:14px;overflow:hidden}.product-stat-inner div{padding:24px 26px;border-right:1px solid #e5edf1}.product-stat-inner div:last-child{border-right:0}.product-stat-inner span{display:block;color:#718895;font-size:.69rem;text-transform:uppercase;letter-spacing:.08em}.product-stat-inner strong{display:block;color:#0a2538;font-size:1.01rem;margin-top:6px}
.product-section{padding:100px 0}.product-section.alt{background:#eef4f7}.product-section.dark{background:#061724;color:#fff}.section-title{max-width:760px;margin-bottom:45px}.section-title.center{text-align:center;margin-inline:auto}.section-title .eyebrow{color:var(--product)}.section-title h2{font-size:clamp(2.2rem,4.2vw,4rem);letter-spacing:-.04em;line-height:1.04;margin:12px 0;color:#092337}.product-section.dark .section-title h2{color:#fff}.section-title p:last-child{color:#68808f;line-height:1.7;font-size:1rem}.product-section.dark .section-title p:last-child{color:#8aa6b8}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.capability{background:#fff;border:1px solid #dce7ec;border-radius:14px;padding:27px;min-height:218px;position:relative;overflow:hidden;transition:.25s ease}.capability:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--product);opacity:.22}.capability:hover{transform:translateY(-4px);border-color:rgba(var(--product-rgb),.45);box-shadow:0 16px 38px rgba(8,35,53,.08)}.capability>b{display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;border-radius:9px;background:rgba(var(--product-rgb),.1);color:var(--product);font-size:.74rem}.capability h3{font-size:1.07rem;color:#0b2738;margin:22px 0 10px}.capability p{color:#667e8d;line-height:1.65;font-size:.88rem}.capability small{display:block;color:#91a5b1;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;margin-top:15px}
.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #dce7ec;background:#fff;border-radius:15px;overflow:hidden}.workflow article{padding:31px;min-height:245px;border-right:1px solid #e4edf1;position:relative}.workflow article:last-child{border-right:0}.workflow span{color:var(--product);font-weight:800;font-size:.74rem;letter-spacing:.1em}.workflow h3{font-size:1.08rem;color:#0b2738;margin:31px 0 12px}.workflow p{font-size:.86rem;line-height:1.65;color:#697f8d}.workflow b{display:block;margin-top:23px;color:#9aabb4;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}
.deliverable-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start}.deliverable-side{position:sticky;top:110px}.deliverable-list{display:grid;gap:11px}.deliverable-item{background:#fff;border:1px solid #dfe9ee;border-radius:12px;padding:19px 21px;display:grid;grid-template-columns:40px 1fr;gap:14px}.deliverable-item b{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(var(--product-rgb),.1);color:var(--product);font-size:.72rem}.deliverable-item strong{display:block;color:#0b283a;font-size:.92rem}.deliverable-item span{display:block;color:#758b98;font-size:.8rem;line-height:1.5;margin-top:4px}
.tech-box{background:#071a28;border:1px solid #14364a;border-radius:15px;padding:30px;color:#fff}.tech-box h3{font-size:1.3rem;margin:0 0 19px}.tech-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tech-list div{border:1px solid rgba(255,255,255,.07);background:#0a2232;border-radius:9px;padding:13px}.tech-list span{display:block;color:#69889a;font-size:.63rem;text-transform:uppercase}.tech-list strong{display:block;color:#e5f5fa;font-size:.82rem;margin-top:4px}.tech-note{border-top:1px solid rgba(255,255,255,.08);margin-top:20px;padding-top:18px;color:#86a4b5;font-size:.76rem;line-height:1.6}.tech-note b{color:var(--product)}
.gallery-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:16px}.gallery-shot{background:#071925;border:1px solid #17394d;border-radius:14px;overflow:hidden;min-height:335px;position:relative}.gallery-shot.large{min-height:420px}.gallery-top{height:36px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#6d8c9d;font-size:.58rem}.gallery-top b{color:var(--product)}.gallery-canvas{position:absolute;top:36px;left:0;right:0;bottom:57px;background:#0a2130;overflow:hidden}.gallery-canvas svg{width:100%;height:100%}.gallery-caption{position:absolute;bottom:0;left:0;right:0;height:57px;padding:11px 14px;background:#081b29;border-top:1px solid rgba(255,255,255,.07)}.gallery-caption strong{display:block;color:#d9edf5;font-size:.8rem}.gallery-caption span{display:block;color:#69899b;font-size:.66rem;margin-top:3px}.gallery-note{color:#77909e;font-size:.76rem;margin-top:16px;text-align:center}.gallery-note b{color:#526d7d}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.related-card{display:block;background:#fff;border:1px solid #dce7ec;border-radius:12px;padding:21px;transition:.22s ease}.related-card:hover{transform:translateY(-3px);border-color:rgba(var(--product-rgb),.45);box-shadow:0 13px 30px rgba(8,35,53,.07)}.related-card span{font-size:.64rem;text-transform:uppercase;color:#899da9;letter-spacing:.07em}.related-card strong{display:block;color:#0b2738;font-size:1rem;margin:9px 0 5px}.related-card p{color:#738995;font-size:.78rem;line-height:1.5}.related-card b{display:block;color:var(--product);font-size:.75rem;margin-top:13px}
.product-cta{background:linear-gradient(120deg,#071a28,#0b2b3e);border:1px solid #163c51;border-radius:18px;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:35px;color:#fff;position:relative;overflow:hidden}.product-cta:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-150px;top:-150px;background:radial-gradient(circle,rgba(var(--product-rgb),.25),transparent 68%)}.product-cta>div,.product-cta>a{position:relative;z-index:1}.product-cta span{color:var(--product);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em}.product-cta h2{font-size:clamp(2rem,3.8vw,3.3rem);line-height:1;letter-spacing:-.04em;margin:11px 0 12px}.product-cta p{color:#88a5b6;max-width:670px;line-height:1.65}.back-link{display:inline-flex;align-items:center;gap:8px;color:#6f8795;font-size:.8rem;margin-bottom:15px}.back-link:hover{color:var(--product)}
.product-page .site-footer{background:#04131f}
@media(max-width:1050px){.product-hero-grid{grid-template-columns:1fr;gap:45px}.product-hero{padding-top:125px}.product-screen{max-width:720px}.product-stat-inner{grid-template-columns:1fr 1fr}.product-stat-inner div:nth-child(2){border-right:0}.product-stat-inner div:nth-child(-n+2){border-bottom:1px solid #e5edf1}.capability-grid{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:1fr 1fr}.workflow article:nth-child(2){border-right:0}.workflow article:nth-child(-n+2){border-bottom:1px solid #e4edf1}.deliverable-layout{grid-template-columns:1fr}.deliverable-side{position:static}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-shot.large{grid-column:1/-1}.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.product-hero{padding:105px 0 55px;min-height:0}.product-hero h1{font-size:3.25rem}.product-hero-grid{gap:35px}.screen-window{transform:none}.screen-body{grid-template-columns:42px 1fr;min-height:360px}.screen-side{padding:12px 6px}.screen-work{padding:11px}.mock-canvas{height:220px}.screen-metrics{grid-template-columns:1fr 1fr}.screen-metrics div:nth-child(3){display:none}.screen-float{right:7px;bottom:23px}.product-stat-band{margin-top:0;padding-top:16px}.product-stat-inner{grid-template-columns:1fr}.product-stat-inner div{border-right:0!important;border-bottom:1px solid #e5edf1!important}.product-stat-inner div:last-child{border-bottom:0!important}.product-section{padding:70px 0}.capability-grid,.workflow,.tech-list,.gallery-grid,.related-grid{grid-template-columns:1fr}.workflow article{border-right:0;border-bottom:1px solid #e4edf1}.workflow article:last-child{border-bottom:0}.gallery-shot.large{grid-column:auto}.gallery-shot,.gallery-shot.large{min-height:360px}.product-cta{padding:32px 23px;align-items:flex-start;flex-direction:column}.hero-specs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.product-hero-actions{flex-direction:column;align-items:stretch}.product-hero-actions .button{text-align:center;justify-content:center}}

/* Evolution 3: compact global links in product header */
.product-page .main-nav{gap:4px}.product-page .main-nav a{padding-inline:9px;font-size:.62rem}