:root{color-scheme:dark;--bg:#091521;--surface:#102331;--surface-2:#132b3b;--text:#f4f8fa;--muted:#aebfca;--line:#2a4151;--blue:#91d8fb;--yellow:#f4e55d;--ink:#0c2130;--header:rgba(9,21,33,.96);--display:'Barlow Condensed',Impact,sans-serif;--body:Inter,Arial,sans-serif}
:root[data-theme=light]{color-scheme:light;--bg:#f8fafb;--surface:#edf3f6;--surface-2:#e1edf3;--text:#0c2435;--muted:#4b6473;--line:#c8d7df;--blue:#17668c;--yellow:#ead548;--header:rgba(248,250,251,.97)}
@media(prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light;--bg:#f8fafb;--surface:#edf3f6;--surface-2:#e1edf3;--text:#0c2435;--muted:#4b6473;--line:#c8d7df;--blue:#17668c;--yellow:#ead548;--header:rgba(248,250,251,.97)}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.65 var(--body);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,select{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:.94;font-family:var(--display);font-weight:700}h2{font-size:clamp(3rem,5.8vw,5.3rem);letter-spacing:-.018em}h3{font-size:2rem}p{max-width:65ch}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--yellow);color:var(--ink);padding:12px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}section[id]{scroll-margin-top:20px}.site-header{position:sticky;top:0;z-index:20;background:var(--header);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font:italic 800 2.8rem/.82 var(--display);letter-spacing:-.03em}.brand span{display:block;font:600 .75rem/1.4 var(--body);letter-spacing:.2em;margin-top:9px}.site-header nav{display:flex;gap:28px;margin-left:auto}.site-header nav a{font-size:.875rem;font-weight:600}.site-header nav a:hover{color:var(--blue)}.header-controls{display:flex;gap:12px;align-items:center}.theme-control{display:flex;align-items:center;gap:4px;border:1px solid var(--line);padding:5px 9px;border-radius:30px}.theme-control>span{font-size:1.5rem;line-height:1}.theme-control select{background:transparent;color:var(--text);border:0;font-size:.875rem;min-height:32px}.theme-control option{background:var(--bg)}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;overflow:hidden;background:#071521;color:#fff}.hero-art,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:63% center;opacity:.85}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(5,19,31,.98) 0%,rgba(5,19,31,.86) 29%,rgba(5,19,31,.3) 61%,rgba(5,19,31,.03) 100%),linear-gradient(0deg,rgba(5,19,31,.5),transparent 40%)}.hero-inner{min-height:650px;display:flex;align-items:center;position:relative;padding-block:72px 88px}.hero-copy{position:relative;max-width:720px}.eyebrow{font-size:.8125rem;letter-spacing:.12em;font-weight:700;margin-bottom:24px;display:flex;align-items:center;gap:10px}.tiny-cross{font-size:1.8rem;color:#9cddfb;line-height:1}.hero h1{font-size:clamp(4.75rem,8.3vw,8.2rem);letter-spacing:-.018em;line-height:.91}.hero h1 span{color:#a0e1ff}.hero-description{font-size:1.25rem;line-height:1.55;margin-top:30px;font-weight:500}.hero-detail{color:#c4d1da;margin-top:13px;font-size:1rem}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:13px 22px;font-size:.875rem;font-weight:700;border:1px solid transparent;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button span{font-size:1.25rem;line-height:1}.primary{background:var(--yellow);color:var(--ink)}.primary:hover{background:#ffef74}.ghost{border-color:#6c8595;color:#fff;background:rgba(8,24,36,.2)}.ghost:hover{background:rgba(130,202,237,.13)}.hero-caption{position:absolute;bottom:35px;right:0;font-size:.75rem;letter-spacing:.11em;line-height:1.7;color:#d4e2ea}.hero-caption strong{font-weight:500;color:#fff}.caption-line{display:block;width:42px;height:3px;background:#f4e55d;margin-bottom:12px}.facts-strip{border-bottom:1px solid var(--line);background:var(--surface)}.facts-inner{display:grid;grid-template-columns:repeat(3,1fr)}.facts-inner>span{font:600 1.125rem var(--display);letter-spacing:.035em;padding:24px 18px;display:flex;align-items:center;gap:18px;border-right:1px solid var(--line)}.facts-inner>span:first-child{padding-left:0}.facts-inner>span:last-child{border:0}.facts-inner b{font:500 .75rem var(--body);color:var(--blue)}
.section{padding-block:104px}.section-label{color:var(--blue);margin-bottom:22px}.accent{color:var(--blue)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:64px;margin-bottom:48px}.section-intro{max-width:370px;color:var(--muted);padding-bottom:5px}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.step-art{position:relative;background:#89c7f5;display:flex;justify-content:center;align-items:center;min-height:232px;overflow:hidden}.step-art img{width:210px;height:154px;object-fit:contain;margin:20px 0 34px}.step-number{position:absolute;top:15px;left:18px;color:#173e58;font:600 1.0625rem var(--body);z-index:1}.step-spec{position:absolute;bottom:16px;left:18px;font:700 .75rem var(--body);letter-spacing:.1em;color:#173e58}.step-copy{padding-top:26px}.step-copy h3{font-size:2.05rem;margin-bottom:16px}.step-copy p{color:var(--muted);font-size:1rem;line-height:1.7}.guide-note{display:flex;align-items:start;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:36px;padding-top:24px;font-size:.8125rem;color:var(--muted)}.guide-note strong{color:var(--text)}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:.875rem;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:3px;line-height:1.5}.text-link:hover{color:var(--blue)}.guide-note .text-link{flex-shrink:0;font-size:.8125rem;color:var(--text)}.product-section{background:var(--surface);border-block:1px solid var(--line);padding-block:80px}.product-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.product-photo{background:#fff;color:#102c40;position:relative;overflow:hidden;padding:24px 28px 22px}.product-photo>img{width:100%;height:480px;object-fit:contain}.photo-kicker{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.75rem;letter-spacing:.1em;font-weight:700}.photo-kicker span:last-child{font-size:2rem;font-weight:400;line-height:1}.product-photo figcaption{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #d1dce3;padding-top:18px;font-size:.75rem;font-weight:700;letter-spacing:.04em}.product-photo figcaption span{font-weight:500}.product-intro{margin-block:26px 30px;color:var(--muted);font-size:1.0625rem}.product-facts{margin:0 0 24px}.product-facts>div{padding:19px 0;border-top:1px solid var(--line)}.product-facts dt{font:600 1.3125rem var(--display);letter-spacing:.04em}.product-facts dd{margin:7px 0 0;color:var(--muted);font-size:.875rem;line-height:1.7}.expectation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.expectation-grid article{padding:30px 32px 0;border-right:1px solid var(--line)}.expectation-grid article:first-child{padding-left:0}.expectation-grid article:last-child{border-right:0;padding-right:0}.fact-index{font-size:.75rem;letter-spacing:.12em;font-weight:600;color:var(--blue)}.expectation-grid h3{font-size:2.25rem;line-height:1;margin:22px 0 18px}.expectation-grid p{color:var(--muted);font-size:1rem}.source-note{margin-top:34px;color:var(--muted);font-size:.8125rem}.source-note a{text-decoration:underline;text-underline-offset:3px}.availability-section{background:#a2dafa;color:#102e43;padding-block:76px}.availability-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:center}.availability-section h2{font-size:clamp(3rem,5.8vw,5.8rem)}.availability-section h3{font-size:2.2rem;margin:22px 0 18px}.availability-section p:not(.eyebrow):not(.status-pill){color:#244a62}.status-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #5687a4;border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:700;letter-spacing:.065em}.status-pill>span{width:6px;height:6px;background:#154666;border-radius:50%}.ink-button{background:#102e43;color:#fff}.ink-button:hover{background:#234b65}.availability-section .actions{align-items:center;gap:22px}.availability-section .text-link:hover{color:#143c58}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}.faq-intro{color:var(--muted);margin-block:22px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;position:relative;padding:23px 42px 23px 0;font-size:1rem;font-weight:600;line-height:1.5;cursor:pointer}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:4px;top:19px;color:var(--blue);font-size:1.75rem;font-weight:400}details[open] summary::after{content:'−'}.answer{padding:0 35px 24px 0;color:var(--muted);font-size:1rem}.answer p+p{margin-top:14px}.answer a{color:var(--text);text-decoration:underline;text-underline-offset:3px}.contact-section{background:var(--surface);padding-block:80px;border-block:1px solid var(--line)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.contact-layout h2{font-size:clamp(3rem,5vw,4.8rem)}.contact-layout h2+p{color:var(--muted);max-width:37ch;margin-top:22px}.contact-email{font-size:clamp(1rem,1.8vw,1.375rem);font-weight:600;display:inline-flex;gap:22px;margin-top:18px}.contact-email:hover{color:var(--blue)}.social-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:32px;font-size:.8125rem}.social-row>span{width:100%;font-size:.75rem;letter-spacing:.12em;color:var(--muted)}.social-row a:hover{text-decoration:underline}.contact-form{padding:32px;background:var(--bg);border:1px solid var(--line)}.contact-form label{display:flex;flex-direction:column;gap:10px;font-size:.8125rem;font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.contact-form input,.contact-form textarea{width:100%;min-width:0;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:12px;font-size:1rem;border-radius:0}.contact-form textarea{resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--muted);font-size:.875rem;opacity:1}.contact-form .button{width:100%;margin-top:24px;justify-content:space-between}.form-help,#contact-status{font-size:.75rem;color:var(--muted);margin-top:14px;line-height:1.6}#contact-status a{text-decoration:underline}.site-footer{padding-block:36px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:36px}.footer-inner>p{font-size:.75rem;color:var(--muted);margin-right:auto}.footer-inner>div{display:flex;gap:24px;font-size:.8125rem}.footer-inner a:hover{color:var(--blue)}.gallery-section{padding-top:0}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.gallery-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--surface)}.gallery-grid figcaption{font-size:.875rem;margin-top:12px;color:var(--muted)}.retailer-list h3{margin-top:0}#retailer-cards{display:grid;gap:16px}.retailer-card{padding:20px;border:1px solid #5687a4}.retailer-card h4{margin:0 0 8px;font-size:1.125rem}.retailer-card .text-link{margin-top:14px}.retailer-card p{font-size:1rem}[hidden]{display:none!important}
@media(min-width:1600px){.hero-inner{min-height:740px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.site-header nav{gap:18px}.header-inner{gap:18px}.hero-inner{min-height:620px}.hero h1{font-size:6rem}.hero-copy{max-width:610px}.facts-inner>span{font-size:1rem;gap:12px}}
@media(max-width:760px){html{scroll-padding-top:84px}.wrap{width:calc(100% - 40px)}.header-inner{height:76px;gap:12px}.brand{font-size:2.4rem}.brand span{font-size:.75rem}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:16px 20px 24px;background:var(--bg);border-bottom:1px solid var(--line)}.site-header nav.is-open{display:flex;flex-direction:column;gap:0}.site-header nav a{padding:13px 0;font-size:1rem}.menu-toggle{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--text);min-height:44px;padding:0 0 0 8px;font-size:.875rem;font-weight:600}.header-controls{margin-left:auto}.theme-control{padding-inline:7px}.theme-control>span{font-size:1.2rem}.hero-inner{min-height:660px;padding-block:64px 122px;align-items:start}.hero-copy{width:100%}.hero h1{font-size:clamp(4.05rem,13vw,6rem)}.hero-art img{object-position:70% center;opacity:.65}.hero-shade{background:linear-gradient(90deg,rgba(5,19,31,.96),rgba(5,19,31,.48)),linear-gradient(0deg,rgba(5,19,31,.75),transparent)}.hero-description{font-size:1.125rem}.hero-detail{max-width:29ch}.eyebrow{font-size:.75rem}.hero-caption{left:0;bottom:25px;font-size:.75rem}.caption-line{margin-bottom:7px}.facts-inner{grid-template-columns:1fr}.facts-inner>span,.facts-inner>span:first-child{border-right:0;border-bottom:1px solid var(--line);padding:16px 0;font-size:1.125rem}.facts-inner>span:last-child{border-bottom:0}.button{gap:22px}.hero .actions{gap:10px}}
@media(max-width:1000px){.section{padding-block:76px}.section-heading{gap:40px}.section-intro{max-width:300px}.steps{gap:20px}.step-copy h3{font-size:1.85rem}.product-layout,.contact-layout,.faq-section,.availability-layout{gap:6%}.product-photo{padding-inline:20px}.product-photo>img{height:440px}.product-photo figcaption{flex-direction:column;gap:4px}.expectation-grid article{padding-inline:24px}.guide-note{flex-direction:column;gap:16px}.contact-form{padding:24px}.form-row{grid-template-columns:1fr}.footer-inner>div{flex-direction:column;gap:8px}.step-art{min-height:212px}}
@media(max-width:760px){.section{padding-block:64px}h2{font-size:3.5rem}.section-heading{display:block;margin-bottom:32px}.section-intro{max-width:40ch;margin-top:24px}.steps{grid-template-columns:1fr;gap:34px}.step-art{min-height:228px}.step-art img{width:225px;height:165px}.step-copy{padding-top:22px}.step-copy h3{font-size:2.1rem}.step-copy p{font-size:1rem}.guide-note{font-size:.875rem}.guide-note .text-link{font-size:.8125rem;flex-shrink:1}.product-section{padding-block:48px}.product-layout{grid-template-columns:1fr;gap:40px}.product-copy{order:-1}.product-photo>img{height:400px}.product-photo figcaption{flex-direction:row}.product-intro{font-size:1rem}.product-facts dd{font-size:1rem}.expectation-grid{grid-template-columns:1fr}.expectation-grid article,.expectation-grid article:first-child,.expectation-grid article:last-child{padding:26px 0;border-right:0;border-bottom:1px solid var(--line)}.expectation-grid article:last-child{padding-bottom:0;border:0}.expectation-grid h3{font-size:2rem;margin:16px 0}.expectation-grid h3 br{display:none}.expectation-grid p{font-size:1rem}.source-note{margin-top:28px}.availability-section{padding-block:56px}.availability-layout{grid-template-columns:1fr;gap:32px}.availability-section h2{font-size:4rem}.availability-section h3{font-size:2.1rem}.status-pill{font-size:.75rem;letter-spacing:.04em}.faq-section{grid-template-columns:1fr;gap:32px}.faq-intro{margin-block:20px 16px}.contact-section{padding-block:56px}.contact-layout{grid-template-columns:1fr;gap:32px}.contact-layout h2{font-size:3.5rem}.contact-form{padding:22px}.contact-email{font-size:1.0625rem}.footer-inner{display:grid;grid-template-columns:auto 1fr;gap:28px 22px;align-items:start}.footer-inner>div{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:16px 24px}.footer-inner>p{font-size:.75rem;margin:0}.site-footer{padding-block:30px}.gallery-grid{grid-template-columns:1fr}.gallery-section{padding-top:0}}
@media(max-width:360px){.brand span{display:none}.theme-control>span{display:none}.hero h1{font-size:3.75rem}.hero .button{width:100%;justify-content:space-between}.hero-inner{padding-bottom:136px}.hero-detail{max-width:none}.status-pill{padding-inline:8px}.product-photo figcaption{flex-direction:column}.contact-email{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
