@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#123b47;--blue:#00748b;--orange:#e65300;--pale:#edf5f5;--line:#dce6e7;--muted:#52676e;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:white;font:16px/1.65 'DM Sans',Arial,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.16}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e65300;outline-offset:5px}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.topbar{background:var(--ink);color:white;text-align:center;padding:7px 15px;font-size:13px;letter-spacing:.04em}.header{background:rgba(255,255,255,.98);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.nav{height:93px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand img{width:65px;height:65px;object-fit:contain}.navlinks{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:600}.navlinks a:hover{color:var(--orange)}.nav-contact{border:1px solid var(--ink);padding:10px 18px;border-radius:4px}.menu{display:none;border:0;background:none;padding:10px;color:var(--ink)}.hero{background:#edf5f5;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;min-height:590px;align-items:center;gap:46px}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:12px;font-weight:700;margin-bottom:22px;display:block;color:var(--blue)}h1{font-size:clamp(42px,4.7vw,67px);font-weight:500;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{font-size:17px;max-width:420px;color:var(--muted);margin:25px 0 30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 23px;background:var(--orange);color:white;border:1px solid var(--orange);border-radius:4px;font-weight:600;font-size:14px;transition:background .2s}.button:hover{background:#bb4400;border-color:#bb4400}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.hero-image{position:relative;margin:40px -48px 40px 0}.hero-image img{width:100%;aspect-ratio:1.08;object-fit:contain;background:#e7eef0;border-radius:100px 0 0 0}.photo-note{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding:12px 20px 0 0}.hero-bottom{display:flex;gap:18px;margin-top:36px;align-items:center;font-size:12px;color:var(--muted)}.hero-bottom span+span{border-left:1px solid #bacfd2;padding-left:18px}.intro-strip{border-bottom:1px solid var(--line);padding:23px 0}.strip-inner{display:flex;justify-content:space-between;gap:24px;align-items:center}.strip-inner strong{font-weight:500;font-size:16px}.strip-inner p{font-size:14px;color:var(--muted)}.section{padding:90px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:38px}.section-title h2,.story h2,.support h2{font-size:clamp(30px,3vw,43px);font-weight:500;letter-spacing:-.045em}.section-title p{max-width:330px;color:var(--muted);font-size:15px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product-photo{position:relative;background:#f6f8f8;overflow:hidden;border:1px solid #eef1f1;border-radius:5px}.product-photo img{width:100%;height:390px;object-fit:contain;background:white;transition:transform .35s}.product-card:hover img{transform:scale(1.025)}.product-tag{position:absolute;left:14px;top:14px;background:#fff;padding:5px 9px;border:1px solid var(--line);border-radius:3px;font-size:11px;letter-spacing:.07em}.product-info{padding:21px 1px 0}.product-info .row{display:flex;justify-content:space-between;gap:15px;align-items:center}.product-info h3{font-size:25px;font-weight:600;letter-spacing:-.04em}.product-info p{font-size:15px;color:var(--muted);margin:7px 0 16px}.product-info .meta{border-top:1px solid var(--line);padding-top:13px;font-size:12px;color:var(--muted)}.circle-arrow{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line)}.features{background:var(--ink);color:white;padding:80px 0}.features-top{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:44px}.features h2{font-size:39px;font-weight:500;letter-spacing:-.04em}.features p{color:#c9dcdf}.features .eyebrow{color:#a5d8df}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature{border-top:1px solid #487079;padding-top:26px}.feature .num{color:#9ed6de;font-size:13px}.feature h3{font-size:21px;font-weight:500;margin:18px 0 12px}.feature p{font-size:15px}.story{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.story-image img{width:100%;aspect-ratio:1.13;object-fit:contain;background:#f4f7f7;border-radius:5px}.story p{color:var(--muted);margin:23px 0}.text-link{display:inline-flex;gap:25px;align-items:center;font-size:14px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:7px}.categories{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.categories span{font-size:13px;padding:7px 12px;background:#f0f5f5;border-radius:3px}.support{background:#f0f6f6}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.support p{color:var(--muted);margin:18px 0 25px}.support details{border-top:1px solid #cbdcde;padding:20px 0}.support details:last-child{border-bottom:1px solid #cbdcde}.support summary{cursor:pointer;font-size:16px;font-weight:500}.support details p{font-size:14px;margin:14px 0 0}.contact{padding:68px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact h2{font-size:32px;font-weight:500;letter-spacing:-.035em}.contact p{color:var(--muted);margin-top:12px}.contact-links{display:flex;gap:20px;flex-wrap:wrap}.contact-links a{font-size:14px;border-bottom:1px solid #adc1c5;padding:10px 0}.footer{background:#f5f7f7;border-top:1px solid var(--line);padding:35px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-brand{display:flex;align-items:center;gap:20px}.footer-brand img{width:54px;height:54px;object-fit:contain}.footer p{font-size:13px;color:var(--muted)}.footer a{text-decoration:underline;text-underline-offset:4px}.footer small{font-size:12px;color:var(--muted)}.breadcrumb{font-size:13px;color:var(--muted);padding:28px 0}.detail{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:start;padding-bottom:75px}.main-image{background:white;border:1px solid var(--line);border-radius:5px;width:100%;height:560px;object-fit:contain}.thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.thumbs button{background:white;border:1px solid var(--line);border-radius:3px;padding:4px;width:65px;height:72px}.thumbs button[aria-pressed=true]{border:2px solid var(--orange)}.thumbs img{width:100%;height:100%;object-fit:contain}.detail-copy{padding:25px 0}.detail-copy h1{font-size:52px}.detail-copy .subtitle{font-size:23px;margin:10px 0 24px}.detail-copy .description{color:var(--muted);margin-bottom:25px}.detail-list{padding:0;list-style:none;margin:26px 0}.detail-list li{border-top:1px solid var(--line);padding:12px 0;font-size:15px}.detail-list li::before{content:'✓';color:var(--blue);margin-right:12px}.specs{background:var(--pale);padding:32px;border-radius:5px;margin-top:34px}.specs h2{font-size:20px;margin-bottom:15px}.specs dl{margin:0}.specs dl div{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #d1e0e1;padding:10px 0;font-size:14px}.specs dd{margin:0;text-align:right;font-weight:600}.specs .note{font-size:13px;margin-top:15px;color:var(--muted)}.fine{font-size:12px;color:var(--muted);margin-top:14px}.video{max-width:800px;margin:35px auto 0;display:block;width:100%;background:white;border:1px solid var(--line)}.back{margin-top:25px}.skip{position:absolute;left:15px;top:-100px;background:white;padding:10px;z-index:30}.skip:focus{top:10px}
.hero-image img,.story-image img{height:auto}.stores{display:flex;flex-wrap:wrap;gap:10px}.shopping{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:55px;padding-top:32px;border-top:1px solid var(--line)}.shopping .eyebrow{margin-bottom:10px}.shopping h3{font-size:21px;font-weight:500}@media(max-width:900px){.shopping{align-items:start;flex-direction:column}}
@media(min-width:1500px){.hero-image{margin-right:0}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.navlinks{gap:18px}.hero-grid{gap:24px;min-height:520px}.hero-image{margin-right:-24px}.product-photo img{height:320px}.detail{gap:32px}.features-top{gap:35px}.story{gap:40px}.support-grid{gap:35px}.main-image{height:500px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.topbar{font-size:12px}.nav{height:76px}.brand img{width:54px;height:54px}.menu{display:block}.navlinks{display:none;position:absolute;top:76px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:23px;align-items:stretch}.navlinks.open{display:flex;flex-direction:column;gap:22px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-top:44px}.hero h1{font-size:47px}.hero p{font-size:16px;margin:20px 0 25px}.eyebrow{margin-bottom:16px}.hero-bottom{margin-top:26px}.hero-image{margin:15px 0 22px}.hero-image img{border-radius:55px 4px 4px 4px;aspect-ratio:1.5}.photo-note{padding-right:0;font-size:11px}.strip-inner{align-items:start;flex-direction:column;gap:6px}.intro-strip{padding:20px 0}.section{padding:58px 0}.section-title{display:block}.section-title p{margin-top:16px}.products{grid-template-columns:1fr;gap:38px}.product-photo img{height:360px}.features{padding:55px 0}.features-top{grid-template-columns:1fr;gap:20px}.features h2{font-size:32px}.feature-grid{grid-template-columns:1fr;gap:25px}.feature h3{margin-top:10px}.story{grid-template-columns:1fr;gap:32px}.story-image img{max-height:420px}.support-grid{grid-template-columns:1fr;gap:24px}.contact{padding:48px 0}.contact-inner,.footer-inner{align-items:start;flex-direction:column;gap:25px}.contact h2{font-size:28px}.contact-links{gap:20px}.footer-brand{align-items:center}.detail{grid-template-columns:1fr;gap:24px;padding-bottom:45px}.detail-copy{padding:0}.detail-copy h1{font-size:44px}.main-image{height:450px}.specs{padding:22px}.breadcrumb{padding:20px 0}.detail-copy .subtitle{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
