@font-face{font-family:'MTS Wide';src:url('../fonts/MTSWide-Regular.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'MTS Wide';src:url('../fonts/MTSWide-Medium.woff2') format('woff2');font-weight:500;font-display:swap;}
@font-face{font-family:'MTS Compact';src:url('../fonts/MTSCompact-Regular.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'MTS Compact';src:url('../fonts/MTSCompact-Medium.woff2') format('woff2');font-weight:500;font-display:swap;}
@font-face{font-family:'MTS Compact';src:url('../fonts/MTSCompact-Bold.woff2') format('woff2');font-weight:700;font-display:swap;}

:root{
  --bg:#151515;
  --bg-deep:#0B0B0B;
  --bg-card:#202020;
  --fg:#F2F2F2;
  --fg-soft:#E6E6E6;
  --fg-muted:#CFCFCF;
  --fg-dim:#9C9C9C;
  --fg-faint:#8A8A8A;
  --accent:#DC231E;
  --accent-hover:#C41F1A;
  --font-wide:'MTS Wide',sans-serif;
  --font-compact:'MTS Compact',system-ui,sans-serif;

  --gutter:20px;
  --bar-pad:20px 20px;
  --logo-h:40px;

  --hero-h:auto;
  --hero-img-h:min(84vw,420px);
  --hero-pos:55% 50%;
  --hero-grad:linear-gradient(180deg,rgba(21,21,21,0) 82%,#151515 100%);
  --hero-pad:24px 20px 40px;
  --hero-gap:18px;
  --hero-text-w:100%;

  --h1:clamp(28px,8vw,34px);
  --lead:16px;
  --h2:26px;
  --h3:19px;
  --h3l:22px;

  --sec-pad:64px;
  --r:20px;
  --play-d:72px;

  --stat-auto-col:calc(100% - 16px);
  --stat-sec-pad:56px;
  --stat-photo-pos:62% 40%;
  --stat-max-w:none;
  --stat-top:32px;
  --stat-pad:22px;
  --stat-gap-in:20px;
  --stat-text:14px;
  --big-num:40px;
  --big-word:22px;
  --num-h:170px;
  --word-h:150px;
  --unit-size:20px;

  --card-pad:22px;

  --tips-gap:40px;
  --tips-photo-ratio:4/3;
  --tip-row-cols:40px minmax(0,1fr);
  --tip-row-gap:14px;
  --tip-row-pad:20px 0;

  --mur-h:260px;
  --mur-pad:24px;

  --final-h:480px;
  --final-photo-pos:72% 40%;
  --final-pad:96px 20px;
  --final-t:36px;

  --foot-pad:40px 20px 32px;
}

@media (min-width:640px){
  :root{
    --gutter:32px;
    --bar-pad:24px 32px;
    --logo-h:48px;

    --hero-h:860px;
    --hero-img-h:100%;
    --hero-pos:68% 18%;
    --hero-grad:linear-gradient(180deg,rgba(21,21,21,0) 0%,rgba(21,21,21,0) 56%,rgba(21,21,21,.8) 72%,#151515 100%);
    --hero-pad:0 32px 56px;

    --h1:40px;
    --lead:18px;
    --h2:32px;
    --h3:20px;
    --h3l:26px;

    --sec-pad:80px;

    --stat-auto-col:minmax(0,1fr);
    --stat-sec-pad:64px;
    --stat-gap-in:24px;
    --big-num:44px;
    --big-word:24px;
    --num-h:190px;
    --unit-size:22px;

    --tips-photo-ratio:16/9;
    --mur-h:360px;

    --final-h:560px;
    --final-photo-pos:62% 40%;
    --final-t:48px;
  }
}

@media (min-width:1024px){
  :root{
    --gutter:clamp(40px,4.5vw,72px);
    --bar-pad:28px var(--gutter);
    --logo-h:56px;

    --hero-h:max(720px,100vh);
    --hero-pos:78% 40%;
    --hero-grad:linear-gradient(90deg,rgba(21,21,21,.82) 0%,rgba(21,21,21,.55) 30%,rgba(21,21,21,0) 52%),linear-gradient(180deg,rgba(21,21,21,0) 0%,rgba(21,21,21,0) 65%,rgba(21,21,21,.6) 100%);
    --hero-pad:0 var(--gutter) clamp(56px,6vw,96px);
    --hero-gap:28px;
    --hero-text-w:min(640px,50%);

    --h1:clamp(36px,3.2vw,54px);
    --lead:20px;
    --h2:clamp(36px,3.2vw,52px);
    --h3:22px;
    --h3l:30px;

    --sec-pad:clamp(96px,9vw,144px);
    --r:28px;
    --play-d:96px;

    --stat-sec-pad:clamp(96px,9vw,160px);
    --stat-photo-pos:70% 40%;
    --stat-max-w:1240px;
    --stat-top:48px;
    --stat-pad:32px;
    --stat-gap-in:40px;
    --stat-text:16px;
    --big-num:clamp(48px,4.4vw,72px);
    --big-word:clamp(24px,2vw,30px);
    --num-h:220px;
    --word-h:170px;
    --unit-size:clamp(22px,1.9vw,30px);

    --card-pad:28px;

    --tips-gap:clamp(40px,5vw,96px);
    --tips-photo-ratio:4/5;
    --tip-row-cols:64px minmax(0,1fr);
    --tip-row-gap:24px;
    --tip-row-pad:28px 0;

    --mur-h:360px;
    --mur-pad:48px;

    --final-h:80vh;
    --final-photo-pos:50% 40%;
    --final-pad:160px 40px;
    --final-t:clamp(56px,6vw,96px);

    --foot-pad:48px var(--gutter) 40px;
  }
}

html,body{margin:0;padding:0;background:var(--bg);color-scheme:dark;}
html{-webkit-tap-highlight-color:transparent;}
button,.btn,.video__frame,.video__progress,.stats__nav{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;}
.video__progress{touch-action:none;}
[tabindex="-1"]:focus{outline:none;}
body{font-family:var(--font-compact);color:var(--fg);-webkit-font-smoothing:antialiased;}
*{box-sizing:border-box;}
a{color:var(--fg);text-decoration:none;}
a:hover{color:var(--accent);}
button{font-family:inherit;}
img{display:block;}
.page{background:var(--bg);overflow-x:clip;position:relative;}
.hs::-webkit-scrollbar{display:none;}

[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .8s cubic-bezier(.2,.6,.2,1),transform .8s cubic-bezier(.2,.6,.2,1);}
[data-reveal="2"]{transition-delay:.1s;}
[data-reveal="3"]{transition-delay:.2s;}
[data-reveal="4"]{transition-delay:.3s;}
[data-reveal][data-shown]{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none;}}

:focus{outline:none;}
.btn:focus-visible,.stats__dot:focus-visible,.stats__arrow:focus-visible,.video__fs:focus-visible,.video__frame:focus-visible{outline:2px solid #fff;outline-offset:3px;}
.video__play:focus-visible .video__play-btn{box-shadow:0 0 0 4px #fff,0 12px 40px rgba(0,0,0,.35);}

.h2{font-family:var(--font-wide);font-weight:500;font-size:var(--h2);line-height:1.1;margin:0;letter-spacing:-.015em;text-wrap:balance;}
.h3{font-family:var(--font-wide);font-weight:500;font-size:var(--h3);line-height:1.2;margin:0;text-wrap:balance;}
.eyebrow{font-size:13px;color:var(--fg-dim);font-weight:600;letter-spacing:.08em;text-transform:uppercase;}
.section{padding:var(--sec-pad) var(--gutter) 0;}

.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s;}
.btn--primary{height:56px;padding:0 32px;background:var(--accent);color:#fff;font-size:16px;}
.btn--primary:hover{background:var(--accent-hover);color:#fff;}
.btn--light{height:44px;padding:0 20px;background:var(--fg);color:var(--bg);font-size:14px;}
.btn--light:hover{background:#fff;color:var(--bg);}
.btn--ghost{height:44px;padding:0 20px;background:transparent;border:1px solid rgba(242,242,242,.25);color:var(--fg);font-weight:500;font-size:14px;}
.btn--ghost:hover{border-color:rgba(242,242,242,.5);color:var(--fg);}
.pill{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:999px;border:1px solid rgba(242,242,242,.5);font-size:15px;font-weight:500;color:var(--fg);background:rgba(21,21,21,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);max-width:100%;}

.topbar{position:absolute;left:0;right:0;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:var(--bar-pad);}
.topbar__logo{height:var(--logo-h);width:auto;}

.hero{position:relative;min-height:var(--hero-h);background:#111111;display:flex;flex-direction:column;justify-content:flex-end;}
.hero__media{position:relative;inset:0;height:var(--hero-img-h);overflow:hidden;}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-pos);filter:saturate(1.02);}
.hero__grad{position:absolute;inset:0;background:var(--hero-grad);}
.hero__content{position:relative;width:100%;background:var(--bg);padding:var(--hero-pad);display:flex;flex-direction:column;gap:var(--hero-gap);max-width:var(--hero-text-w);}
.hero__title{font-family:var(--font-wide);font-weight:500;font-size:var(--h1);line-height:1.02;margin:0;letter-spacing:-.02em;text-wrap:balance;}
.hero__title span{display:block;}
.hero__lead{margin:0;max-width:540px;font-size:var(--lead);line-height:1.45;color:var(--fg-soft);text-wrap:pretty;}
.hero__actions{display:flex;gap:12px;margin-top:8px;}
@media (min-width:640px){
  .hero__media{position:absolute;}
  .hero__content{background:transparent;}
}

.video__frame{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;background:var(--bg-deep);cursor:pointer;}
.video__player{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--bg-deep);display:block;}
.video__player::-webkit-media-controls{display:none !important;}

.video__play{position:absolute;inset:0;border:0;padding:0;cursor:pointer;background:linear-gradient(180deg,rgba(21,21,21,.1) 0%,rgba(21,21,21,.45) 100%);display:flex;align-items:center;justify-content:center;transition:opacity .3s;}
.video__play-btn{width:var(--play-d);height:var(--play-d);border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px rgba(0,0,0,.35);transition:transform .2s,background .2s;}
.video__play:hover .video__play-btn{transform:scale(1.04);background:var(--accent-hover);}
.video__play-icon{width:0;height:0;border-left:28px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent;margin-left:8px;}
.video__frame.is-playing .video__play{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility 0s .3s;}

.video__bar{position:absolute;left:0;right:0;bottom:0;padding:24px 24px 18px;background:linear-gradient(180deg,rgba(20,18,16,0),rgba(20,18,16,.75));color:#fff;transition:opacity .3s;cursor:default;}
.video__frame.is-idle .video__bar{opacity:0;}
.video__frame.is-idle{cursor:none;}
.video__progress{position:relative;height:3px;border-radius:2px;background:rgba(255,255,255,.3);cursor:pointer;outline:none;}
.video__progress::before{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px;}
.video__progress-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:2px;background:#fff;}
.video__progress-fill::after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;transform:translateY(-50%) scale(0);transition:transform .2s;}
.video__progress:hover .video__progress-fill::after,.video__progress:focus-visible .video__progress-fill::after{transform:translateY(-50%) scale(1);}
.video__progress:focus-visible{box-shadow:0 0 0 2px rgba(255,255,255,.4);}
.video__row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1;}
.video__tools{display:flex;gap:14px;align-items:center;}
.video__fs{position:relative;border:0;background:none;padding:0;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.9;transition:opacity .2s;}
.video__fs::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,32px);height:max(100%,32px);transform:translate(-50%,-50%);}
.video__fs:hover{opacity:1;}
.video__fs{width:24px;height:24px;}
.video__fs-icon{width:14px;height:14px;border:2px solid #fff;border-radius:2px;display:block;}
.video__frame.is-fullscreen .video__fs-icon{width:10px;height:10px;box-shadow:0 0 0 3px var(--bg-deep),0 0 0 5px #fff;border-radius:1px;}

.video__frame:fullscreen{border-radius:0;aspect-ratio:auto;width:100%;height:100%;background:#000;}
.video__frame:fullscreen .video__player{object-fit:contain;}
.video__frame:fullscreen .video__bar{padding:32px 40px 28px;}

.stats{position:relative;margin-top:var(--sec-pad);padding:var(--stat-sec-pad) 0;overflow:hidden;background:var(--bg-deep);}
.stats__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--stat-photo-pos);}
.stats__grad{position:absolute;inset:0;background:linear-gradient(180deg,#151515 0%,rgba(21,21,21,.45) 22%,rgba(21,21,21,.45) 78%,#151515 100%),linear-gradient(90deg,rgba(21,21,21,.55) 0%,rgba(21,21,21,.2) 55%,rgba(21,21,21,0) 100%);}
.stats__head{position:relative;padding:0 var(--gutter);}
.stats__title{max-width:980px;color:#fff;}
.stats__body{position:relative;margin-top:var(--stat-top);max-width:var(--stat-max-w);}
.stats__track{display:grid;grid-template-rows:auto auto;grid-auto-flow:column;grid-auto-columns:var(--stat-auto-col);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);padding:0 var(--gutter);scrollbar-width:none;}
@media (min-width:640px){.stats__track{overflow-x:visible;}}
.stat{scroll-snap-align:start;border-radius:var(--r);background:rgba(21,21,21,.42);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.16);padding:var(--stat-pad);display:flex;flex-direction:column;justify-content:space-between;gap:var(--stat-gap-in);min-width:0;}
.stat--num{min-height:var(--num-h);}
.stat--word{min-height:var(--word-h);}
.stat__value{font-family:var(--font-wide);font-weight:500;color:#fff;letter-spacing:-.02em;text-wrap:balance;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.3em;line-height:1.05;}
.stat--num .stat__big{font-size:var(--big-num);white-space:nowrap;}
.stat--word .stat__big{font-size:var(--big-word);white-space:normal;}
.stat__unit{font-size:var(--unit-size);white-space:nowrap;}
.stat__text{font-size:var(--stat-text);line-height:1.4;color:rgba(255,255,255,.88);text-wrap:pretty;}
.stats__nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:0 var(--gutter);}
@media (min-width:640px){.stats__nav{display:none;}}
.stats__dots{display:flex;gap:8px;align-items:center;}
.stats__dot{position:relative;width:8px;height:8px;border-radius:999px;border:0;padding:0;background:rgba(255,255,255,.35);cursor:pointer;transition:width .3s ease,background .3s ease;}
.stats__dot::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,32px);height:32px;transform:translate(-50%,-50%);}
.stats__dot.is-active{width:24px;background:#fff;}
.stats__arrows{display:flex;gap:10px;}
.stats__arrow{width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s,color .3s;}
.stats__arrow[disabled]{background:rgba(255,255,255,.08);color:rgba(255,255,255,.35);cursor:default;}
.stats__note{position:relative;margin-top:20px;padding:0 var(--gutter);font-size:12px;color:rgba(255,255,255,.6);}

.product__head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;}
.product__title{max-width:820px;}
.product__eyebrow{padding-bottom:6px;}
.product__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:stretch;margin-top:var(--stat-top);}
@media (min-width:1024px){.product__grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
.step{border-radius:var(--r);background:var(--bg-card);border:1px solid rgba(242,242,242,.06);padding:var(--card-pad);min-width:0;display:flex;flex-direction:column;}
.step>*+*{margin-top:22px;}
@media (min-width:1024px){.step{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;}}
.step__top{display:flex;justify-content:space-between;align-items:flex-start;}
.step__icon{width:48px;height:48px;border-radius:14px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;}
.step__num{font-family:var(--font-wide);font-size:13px;color:var(--fg-faint);}
.step__text{margin-top:12px;font-size:16px;line-height:1.5;color:var(--fg-muted);text-wrap:pretty;}
.step__actions{display:flex;gap:8px;flex-wrap:wrap;align-content:flex-start;}
.step__toggle{padding:0 18px;gap:8px;}
.step__details{display:grid;grid-template-rows:0fr;margin-top:-21px;opacity:0;visibility:hidden;transition:grid-template-rows .45s cubic-bezier(.2,.6,.2,1),opacity .35s ease,margin-top .45s cubic-bezier(.2,.6,.2,1),visibility 0s .45s;}
.step__details-inner{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid rgba(242,242,242,.14);transform:translateY(-6px);transition:transform .45s cubic-bezier(.2,.6,.2,1);}
.step__details.is-open{grid-template-rows:1fr;margin-top:22px;opacity:1;visibility:visible;transition:grid-template-rows .45s cubic-bezier(.2,.6,.2,1),opacity .35s ease .1s,margin-top .45s cubic-bezier(.2,.6,.2,1),visibility 0s;}
.step__details.is-open .step__details-inner{transform:none;}
@media (prefers-reduced-motion:reduce){.step__details,.step__details-inner{transition:none;}}
.step__toggle-label{display:grid;text-align:center;}
.step__toggle-label>span{grid-area:1/1;transition:opacity .25s ease;}
.step__toggle[aria-expanded="false"] .is-opened,.step__toggle[aria-expanded="true"] .is-closed{opacity:0;visibility:hidden;}
.step__toggle svg{width:14px;height:14px;transition:transform .35s cubic-bezier(.2,.6,.2,1);}
.step__toggle[aria-expanded="true"] svg{transform:rotate(45deg);}
.step__details-title{font-weight:600;font-size:15px;line-height:1.3;text-wrap:balance;}
.bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.bullets li{position:relative;padding-left:18px;font-size:14px;line-height:1.5;color:var(--fg-muted);text-wrap:pretty;}
.bullets li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--accent);}

.tips__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--tips-gap);align-items:start;}
@media (min-width:1024px){.tips__grid{grid-template-columns:5fr 7fr;}}
.tips__photo{position:relative;top:32px;border-radius:var(--r);overflow:hidden;aspect-ratio:var(--tips-photo-ratio);background:#2A2A2A;}
@media (min-width:1024px){.tips__photo{position:sticky;}}
.tips__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 50%;}
.tips__lead{margin:16px 0 0;font-size:var(--lead);line-height:1.45;color:var(--fg-dim);text-wrap:pretty;}
.tips__list{margin-top:var(--stat-top);display:flex;flex-direction:column;}
.tip{display:grid;grid-template-columns:var(--tip-row-cols);gap:var(--tip-row-gap);padding:var(--tip-row-pad);border-top:1px solid rgba(242,242,242,.18);}
.tip__k{font-family:var(--font-wide);font-size:14px;color:var(--fg-dim);padding-top:4px;}
.tip__text{margin-top:10px;font-size:16px;line-height:1.5;color:var(--fg-muted);text-wrap:pretty;max-width:560px;}

.murmur__card{border-radius:var(--r);background:var(--bg-card);border:1px solid rgba(242,242,242,.06);overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);}
@media (min-width:1024px){.murmur__card{grid-template-columns:5fr 7fr;}}
.murmur__photo{position:relative;min-height:var(--mur-h);overflow:hidden;background:#fafbfc;}
.murmur__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;}
.murmur__body{padding:var(--mur-pad);display:flex;flex-direction:column;justify-content:center;gap:12px;}
.murmur__title{font-family:var(--font-wide);font-weight:500;font-size:var(--h3l);line-height:1.2;text-wrap:balance;}
.murmur__text{font-size:16px;line-height:1.5;color:var(--fg-dim);text-wrap:pretty;}
.murmur__actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;}

.final{position:relative;margin-top:var(--sec-pad);min-height:var(--final-h);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;}
.final__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--final-photo-pos);}
.final__grad{position:absolute;inset:0;background:linear-gradient(180deg,#151515 0%,rgba(21,21,21,.6) 40%,rgba(21,21,21,.6) 70%,#151515 100%);}
.final__content{position:relative;padding:var(--final-pad);display:flex;flex-direction:column;align-items:center;gap:20px;}
.final__title{font-family:var(--font-wide);font-weight:500;font-size:var(--final-t);line-height:1.02;margin:0;letter-spacing:-.02em;text-wrap:balance;color:#fff;}
.final__lead{margin:0;font-size:var(--lead);line-height:1.45;color:rgba(255,255,255,.85);max-width:520px;text-wrap:balance;}

.footer{padding:var(--foot-pad);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:12px;line-height:1.5;color:var(--fg-faint);}
.footer__brand{display:flex;align-items:center;gap:12px;}
.footer__brand img{height:28px;width:auto;}
.footer__legal{max-width:760px;text-wrap:pretty;}
.footer__link{color:inherit;text-decoration:underline;text-underline-offset:2px;transition:color .2s;}
.footer__link:hover{color:var(--fg);}
.footer__link:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:2px;}
.ym-pixel{position:absolute;left:-9999px;}