.sfq{--sfq-ink:#171715;--sfq-muted:#6c6a65;--sfq-paper:#f5f1ea;--sfq-warm:#e7dccd;--sfq-blue:#0d50a0;--sfq-line:rgba(23,23,21,.14);color:var(--sfq-ink);background:#fff;font-family:inherit;overflow:hidden}
.sfq *{box-sizing:border-box}.sfq img{display:block;width:100%;height:100%;object-fit:cover}.sfq a{text-decoration:none}.sfq__eyebrow{font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;font-weight:650;opacity:.72;margin:0 0 1rem}.sfq__title{font-size:clamp(3.6rem,8.5vw,8.8rem);line-height:.94;letter-spacing:-.045em;margin:0}.sfq__h2{font-size:clamp(3rem,6.4vw,6.4rem);line-height:1;letter-spacing:-.035em;margin:0 0 1.4rem}.sfq__h3{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.06;letter-spacing:-.025em;margin:0 0 1rem}.sfq__lead{font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.45;max-width:58rem;margin:1.4rem 0 0}.sfq__body{font-size:1.65rem;line-height:1.62;color:var(--sfq-muted);max-width:60rem}.sfq__actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:2.2rem}.sfq__button{display:inline-flex;align-items:center;justify-content:center;min-height:4.8rem;padding:1.2rem 2rem;border-radius:999px;background:#fff;color:#111;font-size:1.5rem;font-weight:700;border:1px solid rgba(255,255,255,.25);transition:transform .2s ease,background .2s ease}.sfq__button:hover{transform:translateY(-1px)}.sfq__button--dark{background:#171715;color:#fff;border-color:#171715}.sfq__button--ghost{background:rgba(255,255,255,.13);color:#fff;backdrop-filter:blur(12px)}.sfq__button--line{background:transparent;color:#171715;border-color:rgba(23,23,21,.35)}
.sfq__hero{position:relative;min-height:min(94svh,96rem);display:grid;align-items:end;background:#111;color:#fff}.sfq__hero-media{position:absolute;inset:0}.sfq__hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 25%,rgba(0,0,0,.72) 100%)}.sfq__hero-content{position:relative;z-index:2;padding:clamp(3rem,7vw,8rem);padding-bottom:max(9rem,calc(7rem + env(safe-area-inset-bottom)));max-width:95rem}.sfq__hero .sfq__lead{color:rgba(255,255,255,.86)}
.sfq__moment{position:relative}.sfq__split{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(32rem,.94fr);min-height:76rem}.sfq__split--reverse{grid-template-columns:minmax(32rem,.94fr) minmax(0,1.06fr)}.sfq__split--reverse .sfq__media{order:2}.sfq__split--reverse .sfq__copy{order:1}.sfq__media{min-height:54rem;background:#ddd}.sfq__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,7vw,9rem);background:var(--sfq-paper)}.sfq__copy--white{background:#fff}.sfq__copy--dark{background:#171715;color:#fff}.sfq__copy--dark .sfq__body{color:rgba(255,255,255,.68)}
.sfq__full{min-height:min(86svh,92rem);position:relative;display:grid;align-items:end;color:#fff;background:#111}.sfq__full:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.67))}.sfq__full-content{position:relative;z-index:2;padding:clamp(4rem,7vw,9rem);max-width:90rem}.sfq__full .sfq__media{position:absolute;inset:0;min-height:0}.sfq__full .sfq__body{color:rgba(255,255,255,.76)}
.sfq__light{padding:clamp(5rem,8vw,11rem) clamp(2rem,6vw,8rem);background:#171715;color:#fff}.sfq__light-head{max-width:80rem;margin-bottom:3rem}.sfq__light-stage{position:relative;min-height:min(75svh,82rem);border-radius:2.4rem;overflow:hidden;background:#222}.sfq__light-image{position:absolute;inset:0;opacity:0;transition:opacity .55s ease}.sfq__light-image.is-active{opacity:1}.sfq__light-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.68))}.sfq__light-controls{position:absolute;z-index:2;left:2rem;right:2rem;bottom:2rem;display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}.sfq__light-tab{border:1px solid rgba(255,255,255,.38);background:rgba(0,0,0,.24);color:#fff;border-radius:999px;padding:1rem 1.5rem;font:inherit;font-weight:700;cursor:pointer;backdrop-filter:blur(10px)}.sfq__light-tab[aria-selected="true"]{background:#fff;color:#111}
.sfq__loop{display:grid;grid-template-columns:repeat(3,1fr);background:#fff}.sfq__loop-card{position:relative;min-height:58rem;overflow:hidden}.sfq__loop-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.64))}.sfq__loop-copy{position:absolute;z-index:2;left:2.4rem;right:2.4rem;bottom:2.6rem;color:#fff}.sfq__loop-copy h3{font-size:2.6rem;margin:0 0 .7rem}.sfq__loop-copy p{font-size:1.45rem;line-height:1.45;margin:0;opacity:.8}
.sfq__system{padding:clamp(5rem,8vw,11rem) clamp(2rem,6vw,8rem);background:#ebe6dd}.sfq__system-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(3rem,7vw,9rem);align-items:center}.sfq__system-media{border-radius:2.4rem;overflow:hidden;min-height:65rem}.sfq__pills{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.sfq__pill{border:1px solid var(--sfq-line);border-radius:999px;padding:.9rem 1.2rem;font-size:1.35rem;font-weight:650;background:rgba(255,255,255,.55)}
.sfq__engineering{padding:clamp(5rem,8vw,11rem) clamp(2rem,6vw,8rem);background:#fff}.sfq__engineering-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.sfq__engineering-card{border:1px solid var(--sfq-line);border-radius:2.4rem;overflow:hidden;background:#f8f6f2}.sfq__engineering-media{height:54rem}.sfq__engineering-copy{padding:3rem}.sfq__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2.4rem}.sfq__stat{padding:1.6rem;border-radius:1.4rem;background:#fff;border:1px solid var(--sfq-line)}.sfq__stat strong{display:block;font-size:2.4rem;line-height:1}.sfq__stat span{display:block;font-size:1.25rem;color:var(--sfq-muted);margin-top:.5rem}
.sfq__evidence{display:grid;grid-template-columns:.9fr 1.1fr;min-height:74rem;background:#151514;color:#fff}.sfq__evidence-media{min-height:60rem}.sfq__evidence-copy{padding:clamp(4rem,7vw,9rem);display:flex;flex-direction:column;justify-content:center}.sfq__proofs{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2.5rem}.sfq__proof{padding:1.7rem;border:1px solid rgba(255,255,255,.15);border-radius:1.6rem;background:rgba(255,255,255,.045)}.sfq__proof strong{display:block;font-size:1.55rem;line-height:1.35}.sfq__proof span{display:block;font-size:1.25rem;color:rgba(255,255,255,.6);margin-top:.6rem}
.sfq__finishes{padding:clamp(5rem,8vw,11rem) clamp(2rem,6vw,8rem);background:var(--sfq-paper)}.sfq__finish-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:3rem}.sfq__finish{position:relative;min-height:68rem;border-radius:2.4rem;overflow:hidden;background:#ddd}.sfq__finish:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.72))}.sfq__finish-copy{position:absolute;z-index:2;left:2.6rem;right:2.6rem;bottom:2.8rem;color:#fff}.sfq__finish-copy h3{font-size:3rem;margin:0 0 .7rem}.sfq__finish-copy p{font-size:1.45rem;margin:0;opacity:.82}
.sfq__specs{padding:clamp(5rem,8vw,11rem) clamp(2rem,6vw,8rem);background:#fff}.sfq__spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:3rem 0}.sfq__spec{padding:2rem;border:1px solid var(--sfq-line);border-radius:1.6rem}.sfq__spec strong{display:block;font-size:2.6rem;line-height:1}.sfq__spec span{display:block;font-size:1.25rem;color:var(--sfq-muted);margin-top:.6rem}.sfq__details{max-width:90rem;border-top:1px solid var(--sfq-line)}.sfq__details details{border-bottom:1px solid var(--sfq-line);padding:0}.sfq__details summary{list-style:none;cursor:pointer;padding:2rem 0;font-size:1.65rem;font-weight:700;display:flex;justify-content:space-between;gap:2rem}.sfq__details summary::-webkit-details-marker{display:none}.sfq__details summary:after{content:"+";font-size:2rem;font-weight:400}.sfq__details details[open] summary:after{content:"−"}.sfq__details p{font-size:1.5rem;line-height:1.65;color:var(--sfq-muted);padding:0 0 2rem;margin:0}
.sfq__buy-anchor{height:1px;scroll-margin-top:2rem}.sfq__buy-strip{padding:3.5rem 2rem;background:#0d50a0;color:#fff;text-align:center}.sfq__buy-strip .sfq__actions{justify-content:center}.sfq__sticky{position:fixed;z-index:40;left:50%;bottom:2rem;transform:translate(-50%,140%);display:flex;align-items:center;gap:2rem;background:rgba(20,20,19,.94);color:#fff;padding:1rem 1rem 1rem 1.7rem;border-radius:999px;box-shadow:0 1.2rem 3rem rgba(0,0,0,.24);backdrop-filter:blur(14px);transition:transform .35s ease}.sfq__sticky.is-visible{transform:translate(-50%,0)}.sfq__sticky-info{font-size:1.25rem;line-height:1.2}.sfq__sticky-info strong{display:block;font-size:1.45rem}.sfq__sticky .sfq__button{min-height:4.2rem;padding:1rem 1.6rem}
.sfq [data-reveal]{opacity:0;transform:translateY(2.4rem);transition:opacity .7s ease,transform .7s ease}.sfq [data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:900px){.sfq__split,.sfq__split--reverse,.sfq__system-grid,.sfq__evidence{grid-template-columns:1fr}.sfq__split--reverse .sfq__media,.sfq__split--reverse .sfq__copy{order:initial}.sfq__split{min-height:0}.sfq__media{min-height:62svh}.sfq__copy{padding:4.5rem 2rem 5.5rem}.sfq__loop{grid-template-columns:1fr}.sfq__loop-card{min-height:68svh}.sfq__system,.sfq__engineering,.sfq__finishes,.sfq__specs,.sfq__light{padding-left:1.6rem;padding-right:1.6rem}.sfq__system-media{min-height:64svh}.sfq__engineering-grid,.sfq__finish-grid{grid-template-columns:1fr}.sfq__engineering-media{height:62svh}.sfq__evidence-media{min-height:60svh}.sfq__proofs{grid-template-columns:1fr}.sfq__finish{min-height:72svh}.sfq__spec-grid{grid-template-columns:repeat(2,1fr)}.sfq__sticky{display:none}.sfq__hero-content{padding-left:2rem;padding-right:2rem}.sfq__hero .sfq__title{font-size:clamp(4.4rem,16vw,7rem)}.sfq__actions{align-items:stretch}.sfq__actions .sfq__button{flex:1 1 auto}.sfq__full-content{padding-left:2rem;padding-right:2rem}}
@media(max-width:430px){.sfq__spec-grid{grid-template-columns:1fr 1fr}.sfq__hero{min-height:88svh}.sfq__light-stage{min-height:70svh}.sfq__finish{min-height:65svh}}
@media(prefers-reduced-motion:reduce){.sfq *{scroll-behavior:auto!important}.sfq [data-reveal]{opacity:1;transform:none;transition:none}.sfq__light-image{transition:none}.sfq__button{transition:none}}

/* Sticky Buy Now — bottom-right floating button, links straight to the live product page */
.sfq__sticky{left:auto;right:2rem;bottom:2rem;transform:translateY(140%);padding:0;background:transparent;box-shadow:none;backdrop-filter:none;gap:0}
.sfq__sticky.is-visible{transform:translateY(0)}
.sfq__sticky-buy{display:inline-flex;align-items:center;justify-content:center;min-height:5.2rem;padding:1.4rem 2.8rem;border-radius:999px;background:var(--sfq-blue);color:#fff;font-size:1.6rem;font-weight:700;text-decoration:none;box-shadow:0 1.2rem 3rem rgba(13,80,160,.35);border:1px solid var(--sfq-blue);transition:transform .2s ease}
.sfq__sticky-buy:hover{transform:translateY(-2px)}
@media(max-width:900px){
  .sfq__sticky{display:flex !important;right:1.4rem;bottom:1.4rem}
  .sfq__sticky-buy{min-height:4.6rem;padding:1.1rem 2.2rem;font-size:1.4rem}
}

/* Show Buy Now from the very start (no scroll trigger), and less rounded corners */
.sfq__sticky{transform:translateY(0) !important}
.sfq__sticky-buy{border-radius:14px}

/* ---------- Mobile touch & interaction polish ---------- */
.sfq__button:active,
.sfq__light-tab:active,
.sfq__sticky-buy:active{transform:scale(.97)}
.sfq__finish,.sfq__loop-card{-webkit-tap-highlight-color:transparent}
.sfq__details summary{-webkit-tap-highlight-color:transparent}

@media(hover:none){
  .sfq__button:hover,.sfq__sticky-buy:hover{transform:none}
}

@media(max-width:900px){
  /* keep the floating Buy Now clear of the buy-strip CTA and thumb-reachable */
  .sfq__sticky{right:1rem;bottom:1rem}
  .sfq__sticky-buy{min-height:4.8rem;padding:1.2rem 2.2rem;font-size:1.45rem}

  /* larger, easier-to-tap touch targets */
  .sfq__button{min-height:5rem;font-size:1.55rem}
  .sfq__light-tab{padding:1.1rem 1.6rem;font-size:1.3rem}
  .sfq__details summary{padding:2.2rem 0;font-size:1.6rem}
  .sfq__pill{padding:1rem 1.3rem;font-size:1.3rem}

  /* comfortable reading widths on narrow screens */
  .sfq__lead,.sfq__body{max-width:none}
  .sfq__h2{font-size:clamp(2.6rem,7.5vw,4.2rem)}
  .sfq__h3{font-size:clamp(1.9rem,5.5vw,2.6rem)}

  /* avoid the floating button covering the last loop card's text */
  .sfq__loop-card:last-child .sfq__loop-copy{padding-right:9rem}
}

@media(max-width:430px){
  .sfq__actions{gap:.8rem}
  .sfq__stats{grid-template-columns:1fr 1fr}
  .sfq__proofs{gap:.8rem}
}

/* ---------- Compact buttons everywhere (matched to the light-tab pill size) + animation polish ---------- */
.sfq__hero-media video{width:100%;height:100%;object-fit:cover}

.sfq__button{
  min-height:auto;
  padding:1rem 1.6rem;
  font-size:1.25rem;
  border-radius:999px;
  animation:sfqPop .6s cubic-bezier(.22,1,.36,1) both;
}
.sfq__sticky-buy{
  min-height:auto;
  padding:1rem 1.7rem;
  font-size:1.25rem;
  border-radius:14px;
}
@media(max-width:900px){
  .sfq__button{min-height:auto;padding:1.1rem 1.7rem;font-size:1.3rem}
  .sfq__sticky-buy{min-height:auto;padding:1.1rem 1.8rem;font-size:1.3rem}
}

@keyframes sfqPop{
  from{opacity:0;transform:translateY(10px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

/* gentle attention pulse on the floating Buy Now, pauses once hovered/tapped */
@keyframes sfqPulse{
  0%,100%{box-shadow:0 1.2rem 3rem rgba(13,80,160,.35)}
  50%{box-shadow:0 1.2rem 3.6rem rgba(13,80,160,.6)}
}
.sfq__sticky-buy{animation:sfqPulse 2.4s ease-in-out infinite}
.sfq__sticky-buy:hover,.sfq__sticky-buy:active{animation-play-state:paused}

/* subtle interactive lift across cards/tiles */
.sfq__finish,.sfq__loop-card,.sfq__engineering-card,.sfq__stat,.sfq__proof{transition:transform .35s ease,box-shadow .35s ease}
.sfq__finish:hover,.sfq__loop-card:hover{transform:translateY(-4px)}
.sfq__engineering-card:hover{transform:translateY(-4px);box-shadow:0 2rem 4rem rgba(0,0,0,.08)}
.sfq__stat:hover,.sfq__proof:hover{transform:translateY(-2px)}

@media(prefers-reduced-motion:reduce){
  .sfq__button,.sfq__sticky-buy{animation:none}
}

/* ---------- Hero legibility + centered, compact buttons on mobile ---------- */
.sfq__hero-media::after{background:linear-gradient(180deg,rgba(15,13,11,.32) 0%,rgba(15,13,11,.1) 30%,rgba(15,13,11,.85) 100%)}
.sfq__hero-media video{filter:brightness(.88)}

@media(max-width:900px){
  .sfq__hero-content{text-align:center;padding-left:2.2rem;padding-right:2.2rem}
  .sfq__hero-content .sfq__lead{margin-left:auto;margin-right:auto}
  .sfq__actions{justify-content:center;align-items:center}
  .sfq__actions .sfq__button{flex:0 0 auto;width:auto;min-height:auto;padding:1rem 2rem;font-size:1.3rem}
}

/* ---------- Move hero text/buttons to the right side (mobile + desktop) ---------- */
.sfq__hero-content{justify-self:end;text-align:right}
.sfq__hero-content .sfq__lead{margin-left:auto;margin-right:0}
.sfq__actions{justify-content:flex-end}

@media(max-width:900px){
  .sfq__hero-content{text-align:right;padding-left:1.6rem;padding-right:1.6rem}
  .sfq__actions{justify-content:flex-end}
}

/* ---------- Compact mobile hero: smaller title, buttons side-by-side on one line ---------- */
@media(max-width:900px){
  .sfq__hero .sfq__title{font-size:clamp(2.8rem,10vw,4.6rem);line-height:1.02}
  .sfq__hero .sfq__lead{font-size:1.4rem;line-height:1.4}
  .sfq__hero-content .sfq__actions{flex-wrap:nowrap;gap:.6rem;margin-top:1.6rem}
  .sfq__hero-content .sfq__actions .sfq__button{padding:.9rem 1.3rem;font-size:1.05rem;white-space:nowrap;flex:0 0 auto}
}

/* ---------- Push hero content lower on mobile for more breathing room ---------- */
@media(max-width:900px){
  .sfq__hero-content{padding-top:8rem;padding-bottom:6rem}
}