:root{--ink:#10271d;--cream:#f4f0df;--lime:#d4e63e;--green:#245b40;--coral:#f06a42;--line:rgba(16,39,29,.25)}
html{background:var(--cream)}body{background:var(--cream);background-image:linear-gradient(rgba(16,39,29,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,39,29,.035) 1px,transparent 1px);background-size:40px 40px}
.nav,main,footer{width:min(1240px,calc(100% - 64px))}.nav{height:82px;border-color:var(--ink)}.brand{font-size:25px}.brand-icon{border-radius:50%;border:1px solid var(--ink)}.app-nav a{text-transform:uppercase;font:600 11px/1 'DM Sans',sans-serif;letter-spacing:.12em}
.hero{max-width:none;padding:11vh 0 8vh;display:grid;grid-template-columns:1.15fr .85fr;gap:8%;align-items:end}.hero .eyebrow,.hero h1{grid-column:1}.hero h1{font-size:clamp(64px,8.4vw,124px);text-transform:uppercase;line-height:.88}.hero h1 em{font-style:italic;font-weight:500;color:var(--green)}.hero .intro{grid-column:2;grid-row:1/3;margin:0;font-size:clamp(20px,2vw,27px);color:var(--ink);border-left:1px solid var(--ink);padding-left:32px}.hero .chips{grid-column:1/-1;margin-top:42px;border-block:1px solid var(--ink);padding:14px 0}.chips span{border:0;border-right:1px solid var(--line);border-radius:0;background:none;padding:5px 22px 5px 0;text-transform:uppercase;font:600 11px/1 'DM Sans',sans-serif;letter-spacing:.1em}
.family-map{margin:0 0 90px;border:1px solid var(--ink);background:rgba(244,240,223,.92)}.family-map>header{padding:28px 34px;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;gap:30px;align-items:end}.family-map h2{font:600 clamp(35px,5vw,65px)/.95 'Manrope',sans-serif;letter-spacing:-.055em;margin:0}.family-map header p{max-width:45ch;margin:0;color:#42564b}.family-links{display:grid;grid-template-columns:repeat(4,1fr)}.family-links a{min-height:210px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);color:inherit;text-decoration:none}.family-links a:last-child{border:0}.family-links span{font:600 11px/1 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}.family-links strong{font:600 26px/1 'Manrope',sans-serif}.family-links i{font-style:normal;font-size:24px}
.note{background:var(--ink);color:var(--cream);padding:42px}.note p{color:#d5ddce}.spark{border-radius:0;background:var(--lime);color:var(--ink)}
.policy,.manual{max-width:900px;padding-top:84px}.policy h1,.manual h1{font-size:clamp(54px,8vw,96px);text-transform:uppercase;line-height:.9}.policy h2,.manual h2{padding-top:28px;border-top:1px solid var(--line);font-size:25px}.policy p,.policy li,.manual p,.manual li{font-size:17px;color:#42564b}.updated{display:inline-block;padding:8px 10px;background:var(--lime);color:var(--ink)!important;text-transform:uppercase;letter-spacing:.08em}
.products-hero{max-width:970px}.products-hero h1,.app-hero h1{font-size:clamp(58px,8vw,105px);text-transform:uppercase;line-height:.9}.product-grid{gap:1px;background:var(--ink);border:1px solid var(--ink)}.product-card{border:0;border-radius:0;background:var(--cream)}.product-card img{filter:saturate(.8)}.product-copy{padding:30px}.product-status{color:var(--coral)}
.contact-card{border-radius:0;border:1px solid var(--ink);box-shadow:16px 16px 0 var(--lime);backdrop-filter:none}.contact-form input,.contact-form textarea,.contact-submit button{border-radius:0}.contact-safety{border-radius:0}.button{border-radius:0;background:var(--ink)}footer{border-top:1px solid var(--ink)}
@media(max-width:800px){.nav,main,footer{width:min(100% - 32px,1240px)}.hero{grid-template-columns:1fr}.hero .eyebrow,.hero h1,.hero .intro,.hero .chips{grid-column:1;grid-row:auto}.hero .intro{border-left:0;border-top:1px solid var(--ink);padding:24px 0 0}.family-map>header{display:block}.family-map header p{margin-top:18px}.family-links{grid-template-columns:1fr 1fr}.family-links a{min-height:160px;border-bottom:1px solid var(--line)}.family-links a:nth-child(2){border-right:0}}
@media(max-width:520px){.family-links{grid-template-columns:1fr}.family-links a{border-right:0}.hero h1{font-size:clamp(52px,16vw,76px)}.hero .chips{display:grid;grid-template-columns:1fr 1fr;gap:0}.chips span{padding:9px 8px;border-bottom:1px solid var(--line);white-space:normal}}