:root{font-family:Arial,"Yu Gothic",Meiryo,sans-serif;color:#10223a;--blue:#006fc9;--line:#d7e3ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #008bdb;outline-offset:5px}img{display:block;max-width:100%;height:auto}figure{margin:0}header,footer{max-width:1440px;padding:24px 5%;margin:auto;display:flex;justify-content:space-between;gap:28px;align-items:center}.brand{font-size:30px;font-weight:900;font-style:italic;letter-spacing:-1px;white-space:nowrap}.brand span{color:var(--blue)}.brand small{display:block;font-size:10px;letter-spacing:2px;color:var(--blue);font-style:normal;margin-top:3px}nav{display:flex;gap:28px;font-size:14px}nav a:hover{color:var(--blue)}.hero{display:grid;grid-template-columns:1fr 1fr;max-width:1440px;margin:auto;align-items:center}.hero-copy{padding:55px 0 55px 10%}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--blue);margin:0 0 25px}h1{font-size:clamp(36px,4vw,60px);line-height:1.45;letter-spacing:-.03em;margin:0 0 28px}h1 span{color:var(--blue)}h2{font-size:clamp(28px,3vw,42px);line-height:1.6;letter-spacing:.02em;margin:0 0 26px}h3{font-size:21px;line-height:1.5}p{line-height:1.95}p.lead{font-size:23px;font-weight:700}.hero-photo img{width:100%;max-height:690px;object-fit:contain}.button{display:inline-flex;background:var(--blue);color:white;padding:19px 26px;gap:40px;align-items:center;font-weight:700;font-size:14px;margin-top:22px}.button:hover{background:#00559b}.hero-note{font-size:11px;letter-spacing:.14em;margin-top:38px;color:#546983}.summary{background:#eff7fc;display:flex;justify-content:center;gap:0;padding:24px 5%;font-size:14px;font-weight:700}.summary span{padding:0 32px;border-right:1px solid #bccfdc}.summary span:last-child{border:0}.section{max-width:1260px;margin:auto;padding:85px 5%}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:50px}.feature-grid article{border-top:1px solid var(--line);padding-top:25px}.feature-grid b{color:var(--blue);font-size:14px}.feature-grid p{color:#53677d}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.split figure img{width:100%}.tint{background:#f2f8fc}.note{font-size:13px;color:#53677d;margin-top:30px}.dark{background:#061628;color:white}.dark .eyebrow{color:#6dc5ff}.dark p{color:#c6d6e8}.scene-photo{max-width:830px;margin:40px auto 0}.scene-photo img{width:100%}dl{margin-top:30px}dl>div{display:grid;grid-template-columns:85px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:16px 0;font-size:14px;line-height:1.7}dt{color:#53677d}dd{margin:0}.contact{text-align:center;background:#eff7fc;padding:70px 6%}.contact .mail{font-size:14px;color:#53677d}footer{font-size:13px;padding-block:38px}section[id]{scroll-margin-top:25px}.skip{position:absolute;top:-100px;background:white;padding:12px}.skip:focus{top:0}@media(max-width:800px){header{flex-wrap:wrap}nav{gap:20px;flex-wrap:wrap}.hero-copy{padding-top:32px;padding-bottom:32px}h1{font-size:34px}p.lead{font-size:20px}.summary{flex-wrap:wrap;gap:16px}.summary span{padding:0 14px}.split{gap:28px}.section{padding-block:55px}.feature-grid{gap:22px}footer{flex-wrap:wrap}}@media(max-width:600px){header{padding:20px 6%}nav{width:100%;justify-content:space-between;gap:8px;font-size:12px}.brand{font-size:27px}.hero{grid-template-columns:1fr}.hero-copy{padding:38px 6% 0}h1{font-size:38px}.hero-photo img{height:430px}.hero-note{margin-top:28px}.summary{font-size:12px}.summary span{width:45%;text-align:center;border:0}.feature-grid,.split{grid-template-columns:1fr}.feature-grid{margin-top:30px;gap:18px}.section{padding:50px 6%}.split{gap:30px}.split>figure{order:2}.contact h2{font-size:28px}.contact{padding:50px 6%}footer{gap:24px}.scene-photo{margin-top:28px}p{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.wide-banner{max-width:1440px;margin:auto}.wide-banner img,.section picture img{width:100%}.section>picture{display:block;margin-top:30px}.steps{display:flex;gap:40px;justify-content:space-between;padding-left:25px;line-height:1.8;margin-bottom:30px}.steps li{padding-left:4px;font-weight:700}@media(max-width:600px){.steps{display:block}.steps li{margin-bottom:12px}}

/* Keep the hero lead on its two intended lines. */
.hero-copy .lead{white-space:nowrap;font-size:clamp(15px,2.35vw,23px)}
@media(max-width:600px){.hero-copy .lead{font-size:clamp(15px,4.8vw,20px)}}

.hero-copy .hero-description{white-space:nowrap;font-size:clamp(11px,1.75vw,16px)}
@media(max-width:600px){.hero-copy .hero-description{font-size:clamp(11px,3.55vw,15px)}}

.brand-image{display:block;flex-shrink:0;line-height:0}.brand-image img{display:block;width:210px;height:auto}@media(max-width:600px){.brand-image img{width:190px}}

.product-dimensions span{display:block;white-space:nowrap}