/* HyperHOL review only. Palette from Antoine's attached screenshot. */
:root{--ink:#1d1d1d;--ink-soft:#2b292d;--ink-card:#2b292d;--cyan:#00c3ab;--cyan-deep:#009f8c;--muted:#bcbcbc;--violet:#00c3ab}
html{scroll-behavior:auto;scroll-padding-top:100px}body{overflow-x:visible}.reveal{opacity:1;transform:none}.section-intro,.material-heading{text-align:left}.surface-soft:not(.material-section) .section-intro p:not(.eyebrow){color:var(--muted)}.material-product figcaption span{color:#56606a}
.review-bar{padding:10px 24px;background:var(--ink-soft);display:flex;justify-content:center;align-items:center;gap:25px;font-size:11px}.review-bar nav{display:flex;gap:20px}.review-bar a[aria-current]{color:var(--cyan)}.review-bar form{margin:0}.review-bar button{background:transparent;border:0;color:#ddd;text-decoration:underline;cursor:pointer}
.hh-header{position:sticky;top:0;z-index:30;background:white;color:#1d1d1d;border-bottom:1px solid #ddd}.hh-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:94px}.hh-logo{width:130px;height:auto}.hh-nav nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.hh-nav .button{min-height:44px}.menu-toggle{display:none}.button{background:var(--cyan);color:#101010;border-color:var(--cyan)}.button:hover{background:var(--cyan-deep)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.hh-hero{padding:64px 0 52px;text-align:center}.hh-hero h1{font-size:clamp(32px,4.4vw,64px);max-width:1000px;margin:0 auto 36px;line-height:1.08}.hh-hero-video{width:min(100%,980px);aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:16px;margin:auto}.hh-hero-copy{font-size:clamp(17px,1.5vw,21px);max-width:900px;margin:32px auto 24px;color:#eee}.hh-checks{padding:0;list-style:none;display:flex;justify-content:space-between;gap:24px;margin:44px 0 0;font-size:15px}.hh-checks span{color:var(--cyan);margin-right:7px}
.hh-trust{padding:32px 0}.hh-trust h2{font-size:12px;letter-spacing:.15em;color:var(--cyan);margin:0 0 24px}.hh-trust ul{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px 28px;list-style:none;margin:0;padding:0;font-size:clamp(16px,1.65vw,23px);font-weight:650}
.hh-videos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.hh-video-card{padding:0;border:1px solid var(--line);background:var(--ink-soft);color:var(--ivory);border-radius:12px;overflow:hidden;text-align:left;cursor:pointer}.hh-video-card img{width:100%;height:220px;object-fit:cover}.hh-video-card>span{display:grid;gap:5px;padding:20px}.hh-video-card strong{font-size:18px}.hh-video-card small{color:var(--muted)}.hh-video-card em{color:var(--cyan);font-style:normal;font-size:12px;margin-top:10px}
.hh-gallery{position:relative;margin-top:48px}.gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:24px;scrollbar-width:none}.gallery-track figure{flex:0 0 47%;margin:0;scroll-snap-align:start}.gallery-track img{width:100%;height:380px;object-fit:cover;border-radius:12px}.hh-gallery>button{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:var(--cyan);color:#101010;border:0;font-size:26px;cursor:pointer;box-shadow:0 3px 12px #0005}.hh-gallery>[data-prev]{left:12px}.hh-gallery>[data-next]{right:12px}.hh-gallery>button:disabled{opacity:.4;cursor:default}
.hh-steps,.hh-uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.hh-steps article+article{border-left:1px solid var(--dark-line);padding-left:32px}.hh-steps h3{font-size:28px}.hh-steps p{margin-bottom:0}.hh-use-image{position:relative;margin-bottom:26px}.hh-use-image img{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:14px}.hh-use-image span{position:absolute;top:14px;left:18px;font-size:32px;font-weight:700;color:#fff;text-shadow:0 2px 8px #000}.hh-uses h3{font-size:28px}.hh-uses p{font-size:16px}
.hh-digital{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px}.hh-digital h2{font-size:clamp(30px,3.5vw,51px);overflow-wrap:normal}.hh-digital .button{margin-top:14px}.hh-digital figure{margin:0;min-width:0}.hh-digital img{width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}.hh-digital figcaption{font-size:13px;color:var(--muted);margin-top:16px}
.showroom-form-card{background:var(--ink-soft);border-color:#00c3ab55;box-shadow:none}.demo-form input,.demo-form textarea,.demo-form select{background:var(--ink)}.showroom-form-heading p{color:var(--muted)}.contact-mail-link{color:var(--cyan)}.hh-footer{background:#fff;color:var(--ink);padding:40px 0}.hh-footer .shell{display:flex;justify-content:space-between;align-items:center;gap:26px}.hh-footer span,.hh-footer nav{font-size:12px}.hh-footer nav{display:flex;gap:22px}
.hh-video-dialog{position:fixed;inset:0;width:min(1000px,94vw);height:auto;max-height:94vh;margin:auto;padding:24px;border:1px solid #777;border-radius:14px;background:var(--ink);color:white}.hh-video-dialog::backdrop{background:#000d}.hh-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}.hh-dialog-header h2{font-size:26px;margin:0}.hh-dialog-header button{background:var(--cyan);color:#111;border:0;padding:10px 16px;border-radius:8px;cursor:pointer}.hh-video-dialog video{width:100%;max-height:75vh}
@media(max-width:1000px){.hh-nav nav{gap:16px}.hh-videos{grid-template-columns:repeat(2,minmax(0,1fr))}.hh-digital{gap:28px}.hh-checks{gap:18px;font-size:13px}.hh-steps,.hh-uses{gap:22px}}
@media(max-width:760px){.review-bar{flex-wrap:wrap;gap:7px 18px}.review-bar>span{width:100%;text-align:center}.review-bar nav{gap:16px}.hh-nav{min-height:76px}.hh-logo{width:104px}.menu-toggle{display:block;border:1px solid #999;border-radius:8px;background:white;padding:8px 12px}.hh-nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:24px;border-bottom:1px solid #ddd}.hh-nav nav.open{display:flex;flex-direction:column;align-items:stretch}.hh-hero{padding:40px 0}.hh-hero h1{font-size:clamp(29px,7vw,40px)}.hh-hero-copy{margin-top:24px}.hh-checks{flex-direction:column;text-align:left;gap:14px;margin-top:32px}.hh-trust ul{justify-content:flex-start}.hh-steps,.hh-uses,.hh-digital{grid-template-columns:1fr}.hh-steps article+article{padding-left:0;border-left:0;border-top:1px solid var(--dark-line);padding-top:24px}.hh-videos{gap:12px}.hh-video-card img{height:170px}.hh-video-card>span{padding:14px}.hh-video-card strong{font-size:16px}.gallery-track figure{flex-basis:90%}.gallery-track img{height:300px}.hh-gallery>button{width:40px;height:40px}.hh-footer .shell{flex-wrap:wrap}.hh-footer nav{flex-wrap:wrap}.hh-digital h2{font-size:36px}.showroom-form-title-row{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Antoine's follow-up, 12 October: scoped to the private hardware proposal. */
.surface-light{background:var(--ink-soft);color:#fff}
.surface-white{background:#fff;color:var(--ink)}
.surface-white p{color:#4f5665}
.surface-white .eyebrow{color:#147f78}
.surface-light :is(p,h2,h3,li,.eyebrow){color:#fff}
.surface-light .hh-steps article+article{border-color:#ffffff30}
.hh-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.hh-checks li{text-align:center;text-wrap:balance}
.hh-trust .shell{display:flex;align-items:center;gap:28px}
.hh-trust h2{flex:none;margin:0;color:inherit;font-size:12px;letter-spacing:.1em}
.hh-trust ul{flex:1;align-items:center;gap:14px 22px;font-size:clamp(14px,1.2vw,18px)}
.material-composition{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.material-heading{margin-bottom:32px}
.hh-digital{grid-template-columns:1fr;gap:36px}
.hh-digital h2{font-size:clamp(2.5rem,5vw,5.25rem);font-weight:560;line-height:1;max-width:1100px;margin-bottom:24px}
.hh-digital>div>p:not(.eyebrow){max-width:780px}
.hh-digital figure{width:min(100%,1100px)}
@media(min-width:1051px){
  .material-product{display:contents}
  .material-product-screen .material-product-media{grid-column:1;grid-row:1}
  .material-product-fans .material-product-media{grid-column:3;grid-row:1}
  .material-details{grid-column:2;grid-row:1;align-self:center}
  .material-product-screen figcaption{grid-column:1;grid-row:2}
  .material-product-fans figcaption{grid-column:3;grid-row:2}
  .material-showcase{row-gap:20px}
  .material-product figcaption{margin-top:0}
}
@media(max-width:1050px){.hh-trust .shell{flex-wrap:wrap;gap:16px 24px}.hh-trust ul{flex-basis:100%}}
@media(max-width:760px){.hh-checks{grid-template-columns:1fr}.hh-checks li{text-align:left}.hh-trust ul{font-size:16px}.hh-digital{gap:28px}}