/* A&S WATERCHAMPION: editorial product page and animated image chapters. */
.wp-html { min-width:0; scroll-behavior:smooth; }
.as-product-page { margin:0; color:#152238; background:#f8faf9; font-family:"Inter",sans-serif; -webkit-font-smoothing:antialiased; }
.as-product-page *, .as-product-page *::before, .as-product-page *::after { box-sizing:border-box; }
.as-product-page a { color:inherit; text-decoration:none; }
.as-product-page button { font:inherit; cursor:pointer; }
.as-product-page img { display:block; max-width:100%; }
.as-product-page figure { margin:0; }
.as-product-page h1, .as-product-page h2, .as-product-page h3 { font-family:"Outfit","Inter",sans-serif; font-weight:700; }
.as-product-page :focus-visible { outline:3px solid #0798db; outline-offset:5px; }
.as-product-page [id] { scroll-margin-top:120px; }
.wp-container { width:min(1200px,calc(100% - 80px)); margin-inline:auto; }
.wp-section { padding-block:100px; }
.wp-skip { position:fixed; top:8px; left:24px; z-index:11000; transform:translateY(-150%); padding:14px 20px; background:#fff; border-radius:10px; }
.wp-skip:focus { transform:none; }
.wp-header { position:fixed; top:24px; left:50%; transform:translateX(-50%); z-index:100; display:flex; align-items:center; justify-content:space-between; gap:30px; width:min(1152px,calc(100% - 48px)); min-height:76px; padding:12px 24px; border:1px solid rgba(255,255,255,.9); border-radius:50px; background:rgba(255,255,255,.97); box-shadow:0 14px 44px #15223812; }
.wp-brand { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.wp-brand img { width:35px; height:42px; object-fit:contain; }
.wp-brand > span { display:grid; gap:3px; }
.wp-brand strong { font-family:"Outfit",sans-serif; font-size:21px; font-weight:800; line-height:1; }
.wp-brand small { font-size:10px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.wp-navigation { display:flex; align-items:center; gap:30px; font-size:12px; font-weight:700; }
.wp-nav-heading,.wp-nav-number,.wp-nav-label > small,.wp-nav-arrow { display:none; }
.wp-navigation a { transition:color .2s; }
.wp-navigation a:hover { color:#0277b8; }
.wp-navigation .wp-nav-contact { display:inline-flex; align-items:center; padding:14px 22px; border-radius:30px; background:#152238; color:#fff; }
.wp-nav-contact .wp-nav-arrow { display:block; margin-left:18px; }
.wp-navigation .wp-nav-contact:hover { background:#0277b8; color:#fff; }
.wp-menu-toggle { display:none; }
.wp-hero { position:relative; isolation:isolate; display:grid; grid-template-columns:1fr 1.1fr; align-items:center; gap:48px; padding-top:156px; padding-bottom:72px; }
.wp-hero::before { content:""; position:absolute; inset:60px -20px 20px; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 4% 30%,#d6effb70,transparent 53%),radial-gradient(ellipse at 94% 68%,#e4efe266,transparent 40%); }
.wp-eyebrow { display:block; color:#0277b8; font-size:10px; font-weight:800; line-height:1.5; letter-spacing:.15em; text-transform:uppercase; }
.wp-hero h1 { margin:24px 0; font-size:clamp(52px,5.8vw,80px); line-height:1.02; letter-spacing:-.055em; }
.wp-hero h1 em { font-style:normal; color:#0277b8; }
.wp-hero-intro { max-width:450px; color:#5a6d7f; font-size:15px; line-height:1.85; }
.wp-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:28px; }
.wp-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:52px; padding:15px 22px; border:1px solid transparent; border-radius:12px; font-size:12px; font-weight:750; line-height:1.5; transition:background .25s,color .25s,transform .25s; }
.wp-button:hover { transform:translateY(-2px); }
.wp-button-primary { background:#152238; color:#fff !important; }
.wp-button-primary:hover { background:#0277b8; }
.wp-button-light { border-color:#d7e1e5; color:#243c53; background:#fff; }
.wp-button-light:hover { background:#e8f6fd; border-color:#79bddf; }
.wp-hero-visual { position:relative; overflow:hidden; height:560px; border-radius:28px 28px 112px 28px; background:#e6e8e5; box-shadow:0 28px 60px #15223812; }
.wp-hero-visual > img { width:100%; height:100%; object-fit:cover; object-position:48% 50%; }
.wp-hero-visual.wp-media-in-view > img,.wp-scene.is-active .wp-scene-media.wp-media-in-view > img { animation:wp-photo-drift 14s ease-in-out infinite alternate; }
@keyframes wp-photo-drift { from { transform:scale(1); } to { transform:scale(1.045); } }
.wp-motion-paused .wp-hero-visual > img,.wp-motion-paused .wp-scene-media > img { animation-play-state:paused !important; }
.wp-hero-visual::after { content:""; position:absolute; inset:40% 0 0; pointer-events:none; background:linear-gradient(transparent,#06192699); }
.wp-hero-visual figcaption { position:absolute; z-index:1; left:32px; bottom:32px; color:#fff; }
.wp-hero-visual figcaption > span { display:block; margin-bottom:12px; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.wp-hero-visual figcaption strong { display:block; font-family:"Outfit",sans-serif; font-size:29px; font-weight:600; line-height:1.15; letter-spacing:-.025em; }
.wp-hero-visual figcaption small { display:block; margin-top:20px; font-size:9px; color:#e1e8e7; }
.wp-hero-index { position:absolute; z-index:1; top:24px; left:24px; color:#243c53; background:#fffffff0; border-radius:20px; padding:9px 13px; font-size:9px; font-weight:700; letter-spacing:.08em; }
.wp-ribbon { border-block:1px solid #dce6e9; background:#fff; }
.wp-ribbon > div { display:grid; grid-template-columns:repeat(4,1fr); }
.wp-ribbon span { padding:25px 20px; text-align:center; border-right:1px solid #dce6e9; font-size:12px; font-weight:700; }
.wp-ribbon span:last-child { border-right:0; }
.wp-section-heading { display:flex; align-items:end; justify-content:space-between; gap:48px; margin-bottom:38px; }
.as-product-page h2 { margin:17px 0 22px; font-size:clamp(35px,4.2vw,53px); line-height:1.06; letter-spacing:-.045em; }
.wp-section-heading h2 { margin-bottom:0; }
.wp-section-heading > p { width:350px; max-width:100%; margin:0 0 3px; color:#64788a; font-size:13px; line-height:1.9; }
.wp-water { background:#f0f6f8; }
.wp-scene-tabs { display:flex; gap:8px; margin-bottom:18px; }
.wp-scene-tab { display:flex; align-items:center; justify-content:center; gap:13px; padding:16px 18px; flex:1; border:1px solid #d4e0e4; border-radius:12px; background:#fff8; color:#526b7c !important; font-size:12px; font-weight:700; transition:background .3s,color .3s,border-color .3s; }
.wp-scene-tab span { font-size:10px; font-weight:500; opacity:.6; }
.wp-scene-tab:hover { background:#fff; border-color:#0798db; }
.wp-scene-tab.is-active { color:#fff !important; background:#152c41; border-color:#152c41; }
.wp-scene-tab.is-active { box-shadow:0 8px 24px #152c4118; }
.wp-scenes { display:block; }
.wp-scene { display:grid; grid-template-columns:1.25fr 1fr; background:#fff; border-radius:24px; overflow:hidden; margin-bottom:26px; }
.wp-scene-media { position:relative; min-width:0; min-height:470px; overflow:hidden; background:#dee6e8; }
.wp-scene-media img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:48% 50%; }
.wp-scene-media figcaption { position:absolute; z-index:1; bottom:15px; left:18px; padding:6px 9px; border-radius:5px; background:#152238bd; color:#fff; font-size:8px; letter-spacing:.03em; }
.wp-scene-copy { min-width:0; padding:43px 42px; }
.wp-scene-kicker { display:block; color:#0277b8; font-size:10px; font-weight:750; letter-spacing:.06em; }
.wp-scene-copy h3 { margin:20px 0; font-size:clamp(32px,3.5vw,44px); line-height:1.08; letter-spacing:-.04em; }
.wp-scene-copy > p { margin-bottom:24px; color:#64788a; font-size:12px; line-height:1.9; }
.wp-scene-copy ul { display:grid; gap:12px; list-style:none; padding:0; margin:0; }
.wp-scene-copy li { display:flex; gap:10px; color:#243c53; font-size:11px; line-height:1.5; }
.wp-scene-copy li::before { content:"✓"; flex:0 0 17px; color:#0277b8; font-size:12px; }
.wp-scene-footnote { display:block; margin-top:24px; color:#7c8b97; font-size:9px; line-height:1.7; }
.wp-story-controls { display:none; }
.wp-enhanced .wp-scenes { display:grid; overflow:hidden; border-radius:24px; }
.wp-enhanced .wp-scene { grid-area:1/1; margin:0; opacity:0; visibility:hidden; pointer-events:none; transform:translateX(24px); transition:opacity .4s ease,transform .6s cubic-bezier(.22,1,.36,1),visibility 0s .6s; }
.wp-enhanced .wp-scene.is-active { opacity:1; visibility:visible; pointer-events:auto; transform:translateX(0); z-index:1; transition:opacity .4s ease,transform .6s cubic-bezier(.22,1,.36,1),visibility 0s; }
.wp-enhanced .wp-scene-media img { transform:scale(1.045); transition:transform 1.1s cubic-bezier(.22,1,.36,1); }
.wp-enhanced .wp-scene.is-active .wp-scene-media img { transform:scale(1); }
.wp-enhanced .wp-story-controls { display:flex; gap:24px; align-items:center; margin-top:20px; }
.wp-story-position { min-width:65px; font-family:"Outfit",sans-serif; font-size:19px; font-weight:600; }
.wp-story-position > span { color:#8c9ba7; font-size:12px; font-weight:400; }
.wp-story-progress { flex:1; height:2px; overflow:hidden; background:#d3e2e7; }
.wp-story-progress > span { display:block; height:100%; width:25%; transform-origin:left; background:#0277b8; transition:width .5s ease,transform .5s ease; }
.wp-story-progress > span { background:linear-gradient(90deg,#0277b8,#62c7d8); }
.wp-story-arrows { display:flex; gap:8px; }
.wp-story-arrows button { width:43px; height:43px; border:1px solid #d2e1e5; border-radius:50%; background:#fff; color:#152c41; font-size:20px; transition:background .2s,color .2s; }
.wp-story-arrows button:hover { background:#152c41; color:#fff; }
.wp-editorial { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:90px; }
.wp-editorial-copy { min-width:0; }
.wp-lead { color:#64788a; font-size:14px; line-height:1.9; margin:0 0 30px; }
.wp-detail-figure { border:1px solid #e2e9eb; border-radius:24px; background:#fff; overflow:hidden; }
.wp-product-detail { position:relative; max-width:380px; margin:0 auto; }
.wp-product-detail > img { width:100%; height:auto; }
.wp-detail-marker { position:absolute; display:flex; align-items:center; justify-content:center; width:30px; height:30px; border:3px solid #fff; border-radius:50%; background:#0277b8; color:#fff; font-size:11px; font-weight:750; box-shadow:0 2px 15px #0277b840; }
.wp-detail-marker-one { left:52%; top:70%; }
.wp-detail-marker-two { left:81%; top:69%; }
.wp-detail-figure figcaption { text-align:center; padding:15px 22px; color:#7a8c98; font-size:9px; line-height:1.8; }
.wp-numbered-list { list-style:none; display:grid; gap:23px; padding:0; margin:0; }
.wp-numbered-list li { display:flex; gap:16px; align-items:start; }
.wp-numbered-list li > span { display:flex; align-items:center; justify-content:center; flex:0 0 28px; height:28px; border-radius:50%; color:#0277b8; background:#e4f4fa; font-size:11px; font-weight:700; margin-top:2px; }
.wp-numbered-list h3 { font-size:18px; margin:0 0 7px; letter-spacing:-.015em; }
.wp-numbered-list p { color:#64788a; margin:0; font-size:12px; line-height:1.85; }
.wp-note { margin-top:27px; padding-left:14px; border-left:2px solid #b0d9e8; color:#7b8b97; font-size:10px; line-height:1.85; }
.wp-note, .wp-scene-footnote, .wp-detail-figure figcaption, .wp-photo > figcaption, .wp-finish-status, .wp-image-credit { color:#586d7d; }
.wp-app-section { background:#ecf3f5; }
.wp-photo { overflow:hidden; border-radius:24px; background:#fff; }
.wp-photo > img { width:100%; height:auto; }
.wp-photo > img { transition:transform 1s cubic-bezier(.22,1,.36,1); }
.wp-photo > figcaption { padding:15px 20px; font-size:9px; color:#728493; text-align:center; }
.wp-app-details { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:28px; }
.wp-app-details > div { border-top:1px solid #cadbe2; padding-top:19px; }
.wp-app-details > div > span { font-size:10px; color:#0277b8; }
.wp-app-details h3 { font-size:17px; margin:13px 0 10px; letter-spacing:-.02em; }
.wp-app-details p { font-size:11px; line-height:1.85; color:#64788a; margin:0; }
.wp-unit-figure { position:relative; background:#fff; border:1px solid #e2e9eb; border-radius:24px; padding:24px 28px; }
.wp-system-detail { position:relative; max-width:340px; margin:0 auto; }
.wp-system-detail > img { width:100%; height:auto; }
.wp-system-marker-one { top:67%; left:15%; }
.wp-system-marker-two { top:47%; left:44%; }
.wp-unit-figure figcaption { text-align:center; margin-top:20px; }
.wp-unit-figure figcaption > span { display:block; font-size:9px; color:#7b8b98; letter-spacing:.08em; text-transform:uppercase; }
.wp-unit-figure figcaption > strong { display:block; margin:7px 0; font-family:"Outfit",sans-serif; font-size:27px; letter-spacing:-.03em; }
.wp-unit-figure figcaption > small { color:#8c9aa4; font-size:8px; }
.wp-system-list { list-style:none; padding:0; margin:26px 0 0; display:grid; gap:18px; }
.wp-system-list li { padding:0 0 16px; border-bottom:1px solid #e0e8eb; }
.wp-system-list strong { font-size:12px; display:block; }
.wp-list-number { display:inline-flex; justify-content:center; align-items:center; width:22px; height:22px; margin-right:7px; border-radius:50%; background:#e4f4fa; color:#0277b8; font-size:10px; }
.wp-system-list p { font-size:11px; line-height:1.85; color:#64788a; margin:7px 0 0; }
.wp-finishes { background:#fff; border-block:1px solid #e7edef; }
.wp-finish-viewer { display:flex; align-items:center; gap:90px; max-width:850px; margin:34px auto 0; }
.wp-finish-stage { display:block; flex:1; min-width:0; }
.wp-finish-panel { background:#fff; margin-bottom:20px !important; }
.wp-finish-panel > img { max-height:520px; width:auto; margin:0 auto; }
.wp-finish-panel > figcaption { margin-top:15px; font-size:11px; color:#667c8b; text-align:center; }
.wp-finish-controls { display:none; width:220px; flex-shrink:0; }
.wp-enhanced .wp-finish-stage { display:grid; overflow:hidden; }
.wp-enhanced .wp-finish-panel { grid-area:1/1; margin:0 !important; opacity:0; visibility:hidden; transform:translateX(20px); transition:opacity .35s,transform .55s cubic-bezier(.22,1,.36,1),visibility 0s .55s; }
.wp-enhanced .wp-finish-panel.is-selected { opacity:1; visibility:visible; transform:none; transition:opacity .35s,transform .55s cubic-bezier(.22,1,.36,1),visibility 0s; }
.wp-enhanced .wp-finish-controls { display:grid; gap:12px; }
.wp-finish-choice { display:flex; align-items:center; gap:14px; text-align:left; padding:17px 20px; color:#526b7c; font-size:12px !important; font-weight:700 !important; background:#fafcfc; border:1px solid #dfe7ea; border-radius:12px; transition:background .25s,color .25s,border-color .25s; }
.wp-finish-choice:hover { background:#eef8fb; border-color:#8bbacf; }
.wp-finish-choice.is-selected { background:#152c41; color:#fff; border-color:#152c41; }
.wp-swatch { flex:0 0 22px; height:22px; border:1px solid #ffffff60; border-radius:50%; box-shadow:inset 0 0 0 1px #0000000b; }
.wp-swatch-chrome { background:linear-gradient(125deg,#798b93,#fff 40%,#ccd3d8 58%,#8d9da5); }
.wp-swatch-steel { background:linear-gradient(130deg,#8e9b9f,#bfc7c8,#929fa3); }
.wp-swatch-black { background:#1e2528; }
.wp-finish-status { text-align:center; color:#64788a; font-size:11px; line-height:1.85; margin:28px auto 0; }
.wp-image-credit { color:#92a0a9; font-size:9px; text-align:center; margin:13px 0 0; }
.wp-consult { position:relative; overflow:hidden; padding:65px 50px; color:#fff; background:radial-gradient(ellipse at 100% 0,#1b6884 0,transparent 64%),#112b42; border-radius:28px; text-align:center; }
.wp-consult .wp-eyebrow { color:#90d8e6; }
.wp-consult h2 { font-size:clamp(35px,4.1vw,50px); margin:22px 0; }
.wp-consult > p { width:540px; max-width:100%; margin:0 auto; font-size:13px; line-height:1.9; color:#b6ceda; }
.wp-consult .wp-actions { justify-content:center; }
.wp-button-white { background:#acebf0; color:#112b42 !important; }
.wp-button-white:hover { background:#d1faff; }
.wp-button-outline { border-color:#6f98aa; color:#fff; }
.wp-button-outline:hover { background:#ffffff12; }
.wp-consult-note { display:block; margin-top:25px; font-size:9px; line-height:1.85; color:#91b3c3; }
.wp-faq { display:grid; grid-template-columns:1fr 1.3fr; gap:80px; padding-bottom:100px; }
.wp-faq h2 { font-size:39px; }
.wp-faq details { border-bottom:1px solid #dfe7eb; padding:20px 0; }
.wp-faq details:first-child { padding-top:0; }
.wp-faq summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:20px; list-style:none; font-size:13px; font-weight:650; line-height:1.6; }
.wp-faq summary::-webkit-details-marker { display:none; }
.wp-faq summary::after { content:"+"; font-weight:400; font-size:23px; color:#0277b8; }
.wp-faq details[open] summary::after { content:"−"; }
.wp-faq details > p { color:#64788a; font-size:12px; line-height:1.85; margin:18px 25px 0 0; }
.wp-footer { background:#112238; color:#d0e0e9; padding:48px 0 28px; }
.wp-footer .wp-brand { color:#fff; }
.wp-footer-top { display:flex; align-items:center; justify-content:space-between; gap:28px; }
.wp-footer-top > p { color:#94acbf; font-size:11px; }
.wp-footer-top > div { display:grid; gap:9px; font-size:12px; }
.wp-footer a:hover { color:#87deed; }
.wp-footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:25px; padding-top:24px; margin-top:30px; border-top:1px solid #ffffff16; font-size:9px; color:#90a8bc; }
.wp-footer-bottom nav { display:flex; align-items:center; flex-wrap:wrap; gap:20px; }
.wp-footer-bottom button { border:0; padding:0; color:inherit; background:none; font-size:inherit; }
.wp-footer-credit { color:#708da6; font-size:8px; line-height:1.8; margin-top:23px; }
/* Intersection reveals are an enhancement; the document never starts hidden. */
.wp-enhanced [data-wp-reveal] { opacity:1; transform:none; transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1); }
.wp-enhanced [data-wp-reveal]:not(.is-visible) { opacity:0; transform:translateY(24px); }
.wp-enhanced [data-wp-reveal]:focus-within { opacity:1; transform:none; transition:none; }
.wp-enhanced .wp-hero-copy { animation:wp-intro .85s cubic-bezier(.22,1,.36,1) both; }
.wp-enhanced .wp-hero-visual { animation:wp-intro .95s cubic-bezier(.22,1,.36,1) .12s both; }
@keyframes wp-intro { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } }
@keyframes wp-nav-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
.wp-button > span { transition:transform .3s cubic-bezier(.22,1,.36,1); }
.wp-button:active { transform:scale(.98); }
@media (hover:hover) and (pointer:fine) {
  .wp-button:hover > span { transform:translate(3px,-1px); }
  .wp-photo:hover > img { transform:scale(1.025); }
}
.wp-scene-copy > p { font-size:14px; line-height:1.8; }
.wp-scene-copy li { font-size:12px; }
.wp-scene-footnote,.wp-note { font-size:11px; color:#586d7d; }
.wp-numbered-list p,.wp-system-list p,.wp-app-details p { font-size:13px; line-height:1.8; }
@media (max-width:1000px) {
  .wp-container { width:calc(100% - 48px); }
  .wp-hero { gap:28px; }
  .wp-hero-visual { height:520px; }
  .wp-editorial { gap:45px; }
  .wp-navigation { gap:22px; }
  .wp-scene-copy { padding:32px 28px; }
  .wp-scene-media { min-height:475px; }
  .wp-finish-viewer { gap:45px; }
}
@media (max-width:760px) {
  .wp-container { width:calc(100% - 40px); }
  .wp-section { padding-block:65px; }
  .as-product-page [id] { scroll-margin-top:105px; }
  .wp-header { top:14px; width:calc(100% - 28px); min-height:66px; padding:10px 18px; gap:18px; }
  .wp-brand { gap:9px; }
  .wp-brand img { width:29px; height:34px; }
  .wp-brand strong { font-size:19px; }
  .wp-brand small { font-size:9px; }
  .wp-menu-toggle { display:none; align-items:center; justify-content:flex-end; gap:10px; flex-shrink:0; min-height:44px; padding:4px 1px; border:0; border-radius:0; background:none; color:#243c53; font-size:14px !important; font-weight:650 !important; }
  .wp-enhanced .wp-menu-toggle { display:flex; }
  .wp-menu-lines { position:relative; display:block; width:20px; height:20px; }
  .wp-menu-lines::before,.wp-menu-lines::after { content:""; position:absolute; left:0; width:20px; height:2px; border-radius:2px; background:currentColor; transition:transform .3s cubic-bezier(.22,1,.36,1); }
  .wp-menu-lines::before { top:6px; }
  .wp-menu-lines::after { top:12px; }
  .is-menu-open .wp-menu-lines::before { transform:translateY(3px) rotate(45deg); }
  .is-menu-open .wp-menu-lines::after { transform:translateY(-3px) rotate(-45deg); }
  .wp-navigation { position:absolute; top:calc(100% + 12px); left:0; right:0; display:grid; align-items:stretch; gap:0; padding:20px; border:1px solid #e1ecf1; border-radius:24px; background:#fff; box-shadow:0 22px 65px #15223824; font-size:16px; max-height:calc(100vh - 120px); max-height:calc(100dvh - 120px); overflow-y:auto; overscroll-behavior:contain; }
  .wp-enhanced .wp-navigation { opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-9px); transition:opacity .22s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s .3s; }
  .wp-enhanced .wp-header.is-menu-open .wp-navigation { opacity:1; visibility:visible; pointer-events:auto; transform:none; transition:opacity .22s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s; }
  .wp-nav-heading { display:block; color:#0277b8; padding:0 6px 12px; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
  .wp-navigation a { display:flex; align-items:center; gap:13px; min-height:66px; padding:14px 6px; border-bottom:1px solid #e8eff2; transition:background .2s,color .2s; }
  .wp-nav-number { display:block; flex:0 0 24px; color:#7c97a8; font-size:12px; font-weight:500; }
  .wp-nav-label { flex:1; min-width:0; line-height:1.4; }
  .wp-nav-label > small { display:block; margin-top:3px; color:#64788a; font-size:12px; font-weight:400; line-height:1.6; }
  .wp-nav-arrow { display:block; flex:0 0 20px; font-size:19px; font-weight:400; color:#0277b8; }
  .wp-navigation .wp-nav-contact { display:flex; margin-top:12px; padding:17px 16px; border:0; border-radius:15px; background:linear-gradient(120deg,#112b42,#20536c); }
  .wp-nav-contact .wp-nav-arrow { margin-left:0; color:#a5e5ed; }
  .wp-nav-contact .wp-nav-number { color:#93b5c5; }
  .wp-nav-contact .wp-nav-label > small { color:#bbd6df; }
  .is-menu-open .wp-navigation a { animation:wp-nav-in .35s cubic-bezier(.22,1,.36,1) both; }
  .is-menu-open .wp-navigation a:nth-of-type(2) { animation-delay:45ms; }
  .is-menu-open .wp-navigation a:nth-of-type(3) { animation-delay:80ms; }
  .is-menu-open .wp-navigation a:nth-of-type(4) { animation-delay:115ms; }
  .as-product-page:not(.wp-enhanced) .wp-header { position:relative; top:14px; flex-wrap:wrap; transform:none; left:auto; margin:0 auto; border-radius:22px; }
  .as-product-page:not(.wp-enhanced) .wp-navigation { position:static; width:100%; box-shadow:none; padding:10px 0; }
  .as-product-page:not(.wp-enhanced) .wp-hero { padding-top:65px; }
  .wp-hero { grid-template-columns:1fr; padding-top:130px; padding-bottom:45px; gap:30px; }
  .wp-hero::before { inset-inline:-16px; }
  .wp-hero h1 { font-size:clamp(49px,9.5vw,70px); margin:20px 0; }
  .wp-hero-intro { max-width:550px; font-size:16px; line-height:1.75; }
  .wp-hero-visual { height:430px; border-radius:24px 24px 80px 24px; }
  .wp-hero-visual figcaption { left:25px; bottom:25px; }
  .wp-hero-visual figcaption strong { font-size:27px; }
  .wp-ribbon > div { grid-template-columns:1fr 1fr; }
  .wp-ribbon span { padding:18px 10px; font-size:12px; }
  .wp-ribbon span:nth-child(2) { border-right:0; }
  .wp-ribbon span:nth-child(-n+2) { border-bottom:1px solid #dce6e9; }
  .wp-section-heading { display:block; margin-bottom:26px; }
  .wp-section-heading > p { width:100%; margin-top:22px; font-size:16px; line-height:1.75; }
  .wp-scene-tabs { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .wp-scene-tab { justify-content:flex-start; min-height:50px; padding:14px 15px; font-size:14px; gap:10px; }
  .wp-scene { grid-template-columns:1fr; }
  .wp-scene-media { min-height:0; height:auto; aspect-ratio:16/10; }
  .wp-scene-copy { padding:29px 25px 30px; }
  .wp-scene-copy h3 { margin:17px 0; font-size:36px; }
  .wp-scene-copy > p { font-size:16px; line-height:1.75; }
  .wp-scene-copy ul { gap:10px; }
  .wp-enhanced .wp-scenes { border-radius:20px; }
  .wp-story-controls { gap:15px; }
  .wp-editorial { grid-template-columns:1fr; gap:32px; }
  .wp-product-detail { max-width:330px; }
  .wp-editorial-copy { max-width:600px; }
  .wp-lead { font-size:16px; line-height:1.75; margin-bottom:25px; }
  .wp-app-details { gap:23px; }
  .wp-system-detail { max-width:310px; }
  .wp-finish-viewer { flex-direction:column; gap:30px; margin-top:28px; }
  .wp-finish-stage { width:100%; }
  .wp-finish-panel > img { max-height:460px; }
  .wp-enhanced .wp-finish-controls { display:flex; justify-content:center; width:100%; gap:8px; flex-wrap:wrap; }
  .wp-finish-choice { min-height:46px; padding:12px 14px; gap:8px; font-size:14px !important; }
  .wp-swatch { flex-basis:18px; height:18px; }
  .wp-finish-status { font-size:14px; }
  .wp-consult { padding:45px 25px; border-radius:23px; }
  .wp-consult > p { font-size:16px; line-height:1.75; }
  .wp-consult .wp-actions { display:grid; }
  .wp-consult .wp-button { width:100%; }
  .wp-faq { grid-template-columns:1fr; gap:24px; padding-bottom:65px; }
  .wp-faq h2 { font-size:35px; }
  .wp-faq summary { font-size:16px; }
  .wp-faq details > p { font-size:15px; line-height:1.75; }
  .wp-button { font-size:14px; }
  .wp-eyebrow { font-size:11px; }
  .wp-scene-copy li { font-size:15px; line-height:1.6; }
  .wp-scene-kicker { font-size:12px; }
  .wp-scene-footnote,.wp-note { font-size:13px; line-height:1.7; }
  .wp-numbered-list p,.wp-system-list p,.wp-app-details p { font-size:15px; line-height:1.75; }
  .wp-system-list strong { font-size:15px; }
  .wp-app-details h3 { font-size:20px; }
  .wp-numbered-list h3 { font-size:21px; }
  .wp-detail-figure figcaption,.wp-photo figcaption,.wp-image-credit { font-size:12px; line-height:1.65; }
  .wp-scene-media figcaption { font-size:11px; }
  .wp-consult-note { font-size:12px; }
  .wp-hero-visual figcaption small { font-size:11px; }
  .wp-finish-panel > figcaption { font-size:14px; }
  .wp-footer { padding-top:37px; }
  .wp-footer-top { align-items:start; flex-direction:column; gap:18px; }
  .wp-footer-top > p { margin:0; font-size:14px; }
  .wp-footer-top > div { font-size:15px; }
  .wp-footer-bottom { align-items:start; flex-direction:column; gap:12px; margin-top:25px; }
  .wp-footer-bottom nav { gap:16px; font-size:12px; line-height:1.8; }
  .wp-footer-credit { font-size:11px; }
}
@media (max-width:380px) {
  .wp-header { padding-inline:14px; gap:10px; }
  .wp-container { width:calc(100% - 32px); }
  .wp-hero h1 { font-size:48px; }
  .wp-hero .wp-actions { display:grid; }
  .wp-hero .wp-button { width:100%; }
  .wp-hero-visual { height:350px; }
  .wp-scene-copy { padding:26px 21px; }
  .wp-scene-tab { padding:13px 10px; gap:8px; font-size:13px; }
  .wp-app-details { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) {
  .wp-html { scroll-behavior:auto; }
  .as-product-page *, .as-product-page *::before, .as-product-page *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
  .wp-enhanced [data-wp-reveal], .wp-enhanced [data-wp-reveal]:not(.is-visible) { opacity:1; transform:none; }
  .wp-enhanced .wp-scene, .wp-enhanced .wp-finish-panel { transform:none; }
  .wp-enhanced .wp-scene-media img, .wp-button:hover { transform:none; }
}
@media print {
  .wp-header,.wp-scene-tabs,.wp-story-controls,.wp-finish-controls { display:none !important; }
  .wp-hero { padding-top:20px; }
  .wp-enhanced .wp-scenes,.wp-enhanced .wp-finish-stage { display:block; }
  .wp-enhanced .wp-scene,.wp-enhanced .wp-finish-panel { opacity:1;visibility:visible;transform:none;display:grid; margin-bottom:25px !important; }
  .wp-enhanced [data-wp-reveal] { opacity:1 !important; transform:none !important; }
}