/* October 7: a living backdrop around the actual product. No external assets. */
:root{--signal:#8aebbf;--signal-blue:#86bff5}
body{background-color:#0b1111;color:#f2f5ee}
:where(p,li,small,figcaption){text-wrap:pretty}
:where(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #a4f4d0;outline-offset:5px}
.site-header{background:rgba(11,17,17,.96);border-bottom-color:#253e39}
.product-hero{position:relative;isolation:isolate;overflow:hidden;background:#0b1111!important}
.signal-field{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict}
.signal-aura{position:absolute;inset:-20%;background:radial-gradient(ellipse at 75% 45%,#214c4c99 0,transparent 44%),radial-gradient(ellipse at 20% 20%,#174d352e 0,transparent 50%)}
#signal-canvas{width:100%;height:100%;opacity:.8}
.signal-grid{position:absolute;inset:0;background-image:linear-gradient(#81e3bd0b 1px,transparent 1px),linear-gradient(90deg,#81e3bd0b 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(to bottom,transparent,#000 50%,transparent)}
.home-store .hero-layout{position:relative;grid-template-columns:1.12fr 1fr;gap:48px;padding-top:84px;padding-bottom:48px}
.home-store .hero-copy h1{font-size:clamp(44px,5.2vw,76px);line-height:1.04;letter-spacing:-.045em;max-width:13ch}
.home-store .hero-copy h1 em{color:#a3f2d0!important;white-space:normal!important}
.home-store .hero-description{max-width:51ch;color:#d1dbd6;font-size:clamp(17px,1.5vw,20px)}
.home-store .hero-product{position:relative;align-self:center}
.home-store .hero-product::before{content:'';position:absolute;inset:15% 4%;border-radius:50%;background:radial-gradient(ellipse,#62b99935,transparent 65%);z-index:-1}
.home-store .hero-product img{filter:drop-shadow(0 22px 25px #0008)!important}
.home-store .hero-question{color:#b6c8be}
.home-store .hero-foot{gap:20px;flex-wrap:wrap;padding-bottom:28px}
.motion-toggle{background:#102c26;color:#d5f7e7;border:1px solid #47685a;border-radius:30px;padding:9px 15px;min-height:44px;cursor:pointer;font:500 12px/1.4 system-ui}
.motion-toggle:hover{background:#204735}
.motion-toggle[hidden]{display:none}
.home-store .product-facts{background:#0f1d1a;border-color:#2c493e}
.home-store .store-section{border-color:#263c33}
.home-store .experience-card,.home-store .dossier-grid>a,.build-panel{background:linear-gradient(150deg,#14221e,#101716);border:1px solid #365346;border-radius:18px}
.home-store .experience-card,.home-store .dossier-grid>a{transition:border-color .2s,transform .2s}
@media(hover:hover){.home-store .experience-card:hover,.home-store .dossier-grid>a:hover{border-color:#83ba9f;transform:translateY(-4px)}}
.home-store .store-section h2 em{color:#b0e8cd!important}
.home-store .project-story{background:radial-gradient(ellipse at 5% 5%,#17413166,transparent 65%)}
.section-description{max-width:66ch;color:#bccbc3;margin-top:24px}
.workflow-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:48px 0 26px;gap:20px;counter-reset:workflow}
.workflow-steps li{position:relative;padding:26px 22px;border:1px solid #365346;border-radius:16px;background:#10201bd9}
.step-number{display:block;font:500 12px/1.4 ui-monospace,monospace;letter-spacing:.1em;color:#a3f2d0;margin-bottom:26px}
.workflow-steps h3{font-size:21px;line-height:1.3;letter-spacing:-.02em;margin-bottom:16px}
.workflow-steps p{font-size:15px;line-height:1.75;color:#c2cfc8;margin-bottom:18px}
.workflow-steps a,.build-panel a{color:#b9edcf;display:inline-block;font-size:14px;text-underline-offset:5px}
.workflow-foot{font-size:14px;color:#bdcbc3;max-width:75ch}
.build-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.build-layout p{color:#c2cfc8;max-width:62ch;line-height:1.75;margin:24px 0}
.build-panel{padding:34px}
.build-panel h3{font-size:23px;letter-spacing:-.02em}
.build-panel .smallprint{font-size:13px;color:#b7c8bf}
.build-panel a{display:block;margin-top:18px}
.home-store .current-build{background:#0c1815}
.catalogue-note{padding-top:26px;font-size:14px;color:#c2cfc8}
/* A readable second layer on the detailed pages. The checkout retains its layout. */
.ft-group:nth-of-type(even){background:#0c1714}
.ft-list .ft{border-color:#365346;border-radius:14px}
.ft-tag,.claim-status{line-height:1.6}
.ft-see{min-height:32px;display:inline-flex;align-items:center}
@media(max-width:1000px){.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.home-store .hero-layout{gap:24px}.build-layout{gap:32px}}
@media(max-width:820px){.home-store .hero-layout{grid-template-columns:1fr;padding-top:44px;padding-bottom:22px}.home-store .hero-copy h1{font-size:clamp(43px,8.4vw,66px);max-width:16ch}.home-store .hero-product{max-width:600px;width:100%;margin:0 auto}.build-layout{grid-template-columns:1fr}.home-store .hero-foot{font-size:11px}.workflow-steps{margin-top:30px}.build-panel{padding:24px}}
@media(max-width:520px){.workflow-steps{grid-template-columns:1fr;gap:14px}.workflow-steps li{padding:22px}.step-number{margin-bottom:14px}.hero-foot>a{display:none}.home-store .hero-detail{font-size:13px;line-height:1.7}.home-store .hero-product figcaption{font-size:12px}.signal-grid{background-size:60px 60px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Comfortable targets for all homepage links, including new editorial copy. */
.workflow-steps a,.build-panel a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;vertical-align:middle}
.signal-field{transform:translateZ(0)}
@media(max-width:820px){.home-store .hero-product img{filter:none!important}.home-store .hero-copy{animation:none!important}}