/* Product-only styling. Main site styles and calculator controls are untouched. */
.panel-product{--panel-navy:#102336;--panel-teal:#16859a;--panel-bright:#61d9e7;--panel-line:#cbd6de;--panel-muted:#576c7c;background:#f3f6f8;color:#102336}
.panel-product .panel-wrap{width:min(100% - 80px,1440px);margin-inline:auto}
.panel-product main>.panel-hero,.panel-product main>.panel-section,.panel-product main>.panel-contact{max-width:none;width:100%;margin:0}
.panel-product .panel-section{padding-block:100px;scroll-margin-top:90px}
.panel-product .panel-kicker{display:flex;align-items:center;gap:10px;margin:0 0 24px;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--panel-teal)}
.panel-product .panel-kicker:before{content:"";display:block;width:22px;height:3px;background:currentColor;flex-shrink:0}
.panel-product .panel-hero{background:var(--panel-navy);color:#fff;padding:25px 0 0;position:relative;isolation:isolate;overflow:hidden}
.panel-product .panel-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 15%,#244d62 0,transparent 65%)}
.panel-product .panel-crumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#aec0cc;margin-bottom:28px}
.panel-product .panel-crumbs a:hover{color:#fff}
.panel-product .panel-hero-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:38px;align-items:center;padding-bottom:48px}
.panel-product .panel-hero .panel-kicker{color:var(--panel-bright);font-size:10px;margin-bottom:20px}
.panel-product .panel-hero h1{font-family:Arial,"Segoe UI",sans-serif;font-size:clamp(54px,5.9vw,88px);line-height:.94;letter-spacing:-.045em;text-transform:uppercase;margin:0 0 26px;font-weight:900}
.panel-product .panel-hero h1 span{color:var(--panel-bright)}
.panel-product .panel-intro{font-size:16px;line-height:1.65;max-width:465px;color:#c6d4df;margin:0 0 26px}
.panel-product .panel-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.panel-product .panel-hero-actions .button{border-radius:4px;font-size:13px;min-height:50px;padding:14px 20px}
.panel-product .panel-hero-actions .primary{background:var(--panel-bright);color:var(--panel-navy);font-weight:850;box-shadow:0 5px 28px #041e2933}
.panel-product .panel-hero-actions .secondary{border-color:#6d8293;background:transparent;color:#fff}
.panel-product .panel-hero-actions .primary:hover{background:#9cebf3;transform:translateY(-2px)}
.panel-product .panel-hero-note{font-size:10px;letter-spacing:.025em;color:#aabfce;margin:20px 0 0}
.panel-product .panel-visual{position:relative;margin:0;min-width:0;background:#e3edf0;color:var(--panel-navy);border-radius:4px;overflow:hidden;border:1px solid #ffffff30;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}
.panel-product .panel-visual:before,.panel-product .panel-visual:after{content:"";position:absolute;pointer-events:none;width:25px;height:25px;z-index:2;border-color:#16859a;border-style:solid}
.panel-product .panel-visual:before{top:14px;left:14px;border-width:2px 0 0 2px}
.panel-product .panel-visual:after{bottom:73px;right:14px;border-width:0 2px 2px 0}
.panel-product .panel-visual-label{padding:26px 30px 0;display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.12em;font-weight:800;color:#3b5668}
.panel-product .panel-visual>a{display:flex;flex:1;align-items:center;min-height:350px;padding:40px 0 0}
.panel-product .panel-visual img{display:block;width:100%;height:auto;mix-blend-mode:multiply;object-fit:contain}
.panel-product .panel-visual figcaption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:19px 26px;border-top:1px solid #bcced8;font-size:11px;font-weight:700;color:#29485c;background:#f0f6f8}
.panel-product .panel-visual figcaption>span:last-child{font-size:24px;color:#16859a}
.panel-product .panel-strength{display:flex;align-items:center;gap:13px;position:absolute;top:65px;right:26px;z-index:2;color:#102336}
.panel-product .panel-strength>strong{font-size:66px;line-height:1;letter-spacing:-.06em;font-weight:850}
.panel-product .panel-strength>strong span{color:#16859a;font-weight:600;font-size:42px}
.panel-product .panel-strength>span{font-size:10px;font-weight:750;line-height:1.5;text-transform:uppercase;letter-spacing:.025em}
.panel-product .panel-metrics{background:#0d687b;color:#fff;border-radius:0;display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0;margin:0;border-top:1px solid #479eaf}
.panel-product .panel-metrics>div{display:flex;align-items:center;gap:19px;padding:6px 26px}
.panel-product .panel-metrics>div+div{border-left:1px solid #ffffff42}
.panel-product .panel-metrics dt{font-size:44px;line-height:1;font-weight:800;letter-spacing:-.055em;margin:0;color:#fff;white-space:nowrap}
.panel-product .panel-metrics dd{font-size:11px;line-height:1.6;margin:0;color:#e5f5f8}
.panel-product .panel-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:85px;align-items:end;margin-bottom:46px}
.panel-product h2{font-size:clamp(34px,3.9vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0;font-weight:800}
.panel-product h2 span{color:var(--panel-teal)}
.panel-product .panel-heading>p{color:var(--panel-muted);margin:0;line-height:1.75;font-size:15px;max-width:450px}
.panel-product .panel-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--panel-line);border-top:3px solid var(--panel-teal);background:#fff}
.panel-product .panel-mode{position:relative;padding:32px 30px 36px;overflow:hidden}
.panel-product .panel-mode+.panel-mode{border-left:1px solid var(--panel-line)}
.panel-product .panel-mode>span{display:block;font-size:45px;line-height:1;font-weight:800;letter-spacing:-.07em;color:#bed1d9}
.panel-product .panel-mode:first-child{background:var(--panel-navy);color:white}
.panel-product .panel-mode:first-child>span{color:var(--panel-bright)}
.panel-product h3{font-size:25px;line-height:1.15;letter-spacing:-.035em;margin:32px 0 15px;font-weight:750}
.panel-product .panel-mode p{font-size:14px;line-height:1.75;color:var(--panel-muted);margin:0}
.panel-product .panel-mode:first-child p{color:#bfced9}
.panel-product .panel-assembly{background:#e4ebef;border-top:1px solid #d4dfe5;border-bottom:1px solid #d4dfe5}
.panel-product .panel-assembly-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:66px;align-items:stretch}
.panel-product .panel-closeup{position:relative;display:flex;flex-direction:column;margin:0;overflow:hidden;background:#d5e2e7;border-radius:3px}
.panel-product .panel-closeup a{display:flex;flex:1;overflow:hidden}
.panel-product .panel-closeup img{width:100%;height:100%;min-height:560px;object-fit:cover;display:block;mix-blend-mode:multiply}
.panel-product .panel-closeup figcaption{padding:18px 22px;font-size:11px;line-height:1.5;color:#e7f3f8;background:var(--panel-navy);border-left:4px solid var(--panel-bright)}
.panel-product .panel-details{margin:28px 0 0;padding:0;list-style:none}
.panel-product .panel-details li{display:grid;grid-template-columns:33px 1fr;gap:14px;padding:20px 0;border-top:1px solid #bccbd5}
.panel-product .panel-details li>span{font-size:11px;font-weight:800;color:var(--panel-teal);padding-top:5px}
.panel-product .panel-details h3{font-size:19px;margin:0 0 7px}
.panel-product .panel-details p{font-size:14px;color:var(--panel-muted);margin:0;line-height:1.65}
.panel-product .panel-delivery-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}
.panel-product .panel-delivery-intro{color:var(--panel-muted);font-size:16px;line-height:1.7;max-width:425px;margin:26px 0 0}
.panel-product .panel-specs{margin:0}
.panel-product .panel-specs>div{display:grid;grid-template-columns:150px 1fr;gap:22px;border-top:1px solid var(--panel-line);padding:23px 0;font-size:14px}
.panel-product .panel-specs dt{font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:11px;padding-top:3px}
.panel-product .panel-specs dd{margin:0;color:var(--panel-muted);line-height:1.7}
.panel-product .panel-footnote{font-size:11px;line-height:1.7;color:var(--panel-muted);margin:34px 0 0;padding-top:22px;border-top:1px solid var(--panel-line)}
.panel-product .panel-contact{padding:0 0 60px;background:var(--panel-navy)}
.panel-product .panel-contact-box{position:relative;background:var(--panel-navy);color:#fff;padding:64px 0 0;border-top:6px solid var(--panel-bright);border-radius:0;display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}
.panel-product .panel-contact-box .panel-kicker{color:var(--panel-bright)}
.panel-product .panel-contact-box h2{font-size:clamp(34px,3.7vw,54px)}
.panel-product .panel-contact-box p:not(.panel-kicker){color:#bfd1dd;font-size:15px;line-height:1.7;margin:20px 0 0;max-width:540px}
.panel-product .panel-contact-links{display:grid;gap:15px;justify-self:end;padding:22px 0 22px 40px;border-left:1px solid #4d677b}
.panel-product .panel-contact-links a{font-size:clamp(22px,2.8vw,40px);font-weight:750;letter-spacing:-.04em;white-space:nowrap}
.panel-product .panel-contact-links a:last-child{color:var(--panel-bright);font-size:clamp(19px,2.3vw,32px)}
.panel-product .panel-contact-links a:hover{text-decoration:underline;text-underline-offset:6px}
.panel-product a:focus-visible{outline:3px solid #16859a;outline-offset:5px}
.panel-product .panel-hero a:focus-visible,.panel-product .panel-contact-links a:focus-visible{outline-color:var(--panel-bright)}
.panel-product .site-footer{margin-top:0;background:#fff;border-top:0}
@media(min-width:1600px){.panel-product .panel-hero-grid{gap:60px}.panel-product .panel-visual>a{min-height:410px}}
@media(max-width:1150px){.panel-product .panel-wrap{width:calc(100% - 48px)}.panel-product .panel-hero-grid{grid-template-columns:.9fr 1.1fr;gap:25px}.panel-product .panel-hero h1{font-size:clamp(53px,6.1vw,70px)}.panel-product .panel-visual>a{padding-top:65px;min-height:340px}.panel-product .panel-metrics>div{display:block;padding:4px 20px}.panel-product .panel-metrics dt{margin-bottom:8px}.panel-product .panel-heading{gap:40px}.panel-product .panel-assembly-grid{gap:36px}.panel-product .panel-delivery-grid{gap:40px}.panel-product .panel-mode{padding:28px 23px}.panel-product .panel-contact-box{gap:30px}.panel-product .panel-contact-links{padding-left:24px}}
@media(max-width:800px){.panel-product .panel-wrap{width:calc(100% - 36px)}.panel-product .panel-section{padding-block:66px}.panel-product .panel-hero-grid,.panel-product .panel-heading,.panel-product .panel-assembly-grid,.panel-product .panel-delivery-grid,.panel-product .panel-contact-box{grid-template-columns:1fr}.panel-product .panel-hero-grid{gap:30px;padding-bottom:30px}.panel-product .panel-hero h1{font-size:clamp(56px,10vw,78px)}.panel-product .panel-intro{max-width:590px}.panel-product .panel-visual>a{min-height:0;padding-top:50px}.panel-product .panel-visual img{aspect-ratio:1.6;object-fit:contain}.panel-product .panel-visual-label{padding-bottom:0}.panel-product .panel-strength{top:50px}.panel-product .panel-strength>strong{font-size:50px}.panel-product .panel-metrics{grid-template-columns:repeat(4,1fr)}.panel-product .panel-metrics>div{padding:0 15px}.panel-product .panel-metrics dt{font-size:36px}.panel-product .panel-metrics dd{font-size:10px}.panel-product .panel-heading{gap:24px}.panel-product .panel-modes{grid-template-columns:1fr}.panel-product .panel-mode{display:grid;grid-template-columns:60px 1fr;gap:0 20px;padding:28px}.panel-product .panel-mode+.panel-mode{border-left:0;border-top:1px solid var(--panel-line)}.panel-product .panel-mode>span{font-size:40px;grid-row:1/3}.panel-product .panel-mode h3{margin:0 0 10px}.panel-product .panel-mode p{grid-column:2}.panel-product .panel-closeup img{height:auto;min-height:0;aspect-ratio:1.2;object-fit:cover}.panel-product .panel-contact-links{justify-self:start;border-left:0;padding:24px 0 0;border-top:1px solid #4d677b;width:100%}.panel-product .panel-contact{padding-bottom:40px}.panel-product .panel-contact-box{padding-top:40px}}
@media(max-width:580px){.panel-product .panel-hero{padding-top:22px}.panel-product .panel-crumbs{margin-bottom:27px;font-size:10px}.panel-product .panel-hero .panel-kicker{font-size:8px;letter-spacing:.11em}.panel-product .panel-hero h1{font-size:clamp(50px,13.8vw,72px)}.panel-product .panel-intro{font-size:15px}.panel-product .panel-hero-actions{gap:10px}.panel-product .panel-hero-actions .button{padding:13px 14px;font-size:12px;min-height:47px}.panel-product .panel-hero-note{font-size:9px;line-height:1.6}.panel-product .panel-visual-label{font-size:8px;padding:24px 24px 0}.panel-product .panel-visual>a{padding-top:55px}.panel-product .panel-visual figcaption{font-size:10px;padding:16px 20px;gap:15px}.panel-product .panel-strength{right:22px;top:48px;gap:10px}.panel-product .panel-strength>strong{font-size:42px}.panel-product .panel-strength>strong span{font-size:29px}.panel-product .panel-strength>span{font-size:8px}.panel-product .panel-metrics{grid-template-columns:1fr 1fr;padding:0 18px}.panel-product .panel-metrics>div{display:block;padding:22px 6px}.panel-product .panel-metrics>div+div{border:0}.panel-product .panel-metrics>div:nth-child(even){padding-left:16px;border-left:1px solid #ffffff42}.panel-product .panel-metrics>div:nth-child(n+3){border-top:1px solid #ffffff42}.panel-product .panel-metrics dt{font-size:39px;margin:0 0 9px}.panel-product .panel-metrics dd{font-size:9px}.panel-product h2{font-size:34px}.panel-product .panel-mode{grid-template-columns:40px 1fr;gap:0 16px;padding:25px 20px}.panel-product .panel-mode>span{font-size:30px}.panel-product .panel-mode h3{font-size:22px}.panel-product .panel-mode p{font-size:13px}.panel-product .panel-specs>div{grid-template-columns:1fr;gap:8px}.panel-product .panel-contact-box h2{font-size:34px}.panel-product .panel-contact-links a{font-size:29px}.panel-product .panel-contact-links a:last-child{font-size:24px}.panel-product .site-header{justify-content:space-between;gap:10px}.panel-product .header-cta{font-size:11px}.panel-product .panel-footnote{font-size:10px}}
@media(max-width:380px){.panel-product .site-header .brand{gap:8px}.panel-product .site-header .brand strong{font-size:12px;letter-spacing:.08em}.panel-product .site-header .brand-mark{width:32px;height:32px}.panel-product .site-header .header-cta{font-size:10px;padding:10px 8px}.panel-product .panel-hero-actions{flex-direction:column;align-items:stretch}.panel-product .panel-metrics>div{display:block}.panel-product .panel-metrics dt{margin-bottom:8px}.panel-product h2,.panel-product .panel-contact-box h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.panel-product *{scroll-behavior:auto!important}}
