@font-face{font-family:'Sora';font-style:normal;font-weight:100 800;font-display:swap;
src:url('fonts/sora-latin-ext.woff2') format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Sora';font-style:normal;font-weight:100 800;font-display:swap;
src:url('fonts/sora-latin.woff2') format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

:root{
  --bg:#1c1a17; --bg-alt:#24211d; --surface:#26241f; --modal:#1e1c19;
  --border:#2b2925; --line-soft:#322f29;
  --text:#f2f0ec; --muted:#a29e96; --dim:#5c584f;
  --orange:#f08932; --orange-light:#ffb35c; --ember:#d9781a; --knob:#e07a12; --teal:#1f9e8f; --teal-lift:#2bb3a2;
  --grad:linear-gradient(135deg,var(--teal),var(--orange));
  --brand-dot-color:242,240,236; --brand-dot-opacity:1;
  --maxw:1080px;
  --nav-h:63px;}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Sora',sans-serif;font-weight:400;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

#dot-pattern{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
#cursor-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9999}
@media(hover:none){#cursor-canvas{display:none}}

@media(hover:hover) and (pointer:fine){
  body,body *,body *::before,body *::after{cursor:none!important}
}
.wrap{position:relative;z-index:1}

nav{position:sticky;top:0;z-index:100;background:rgba(28,26,23,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.nav-in{max-width:var(--maxw);margin:0 auto;padding:0 28px;height:62px;display:flex;align-items:center;gap:28px;position:relative}
.nav-logo{display:flex;align-items:center;text-decoration:none;flex:none;opacity:0;transition:opacity .35s ease}
.nav-logo.nav-logo-visible{opacity:1}
.nav-logo svg{height:26px;width:auto;display:block;margin-left:-4.7px}
.nav-links{margin-left:auto;display:flex;gap:26px;align-items:center}
.nav-links a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;padding:4px 0;transition:color .18s}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--text)}
.nav-cta{flex:none;text-decoration:none;display:inline-flex;align-items:center;background:var(--orange);color:#1c1a17!important;padding:8px 16px;border-radius:7px;font-weight:700;font-size:13.5px;transition:transform .18s,box-shadow .18s}
.nav-cta::after{display:none!important}
.nav-cta:hover{transform:translateY(-1px);background:var(--orange-light)}
.nav-burger{display:none;flex:none;width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:rgba(38,36,31,.6);align-items:center;justify-content:center;cursor:pointer;padding:0;transition:border-color .18s,background .18s,transform .18s}
.nav-burger:hover{border-color:var(--orange);background:rgba(38,36,31,.9);transform:translateY(-1px)}
.nav-burger span{display:block;width:16px;height:1.5px;background:var(--text);position:relative;transition:background .2s}
.nav-burger span::before,.nav-burger span::after{content:"";position:absolute;left:0;width:16px;height:1.5px;background:var(--text);transition:transform .22s}
.nav-burger span::before{top:-5px}
.nav-burger span::after{top:5px}
nav.menu-open .nav-burger span{background:transparent}
nav.menu-open .nav-burger span::before{transform:translateY(5px) rotate(45deg)}
nav.menu-open .nav-burger span::after{transform:translateY(-5px) rotate(-45deg)}
@media(max-width:800px){
  .nav-in{gap:12px}
  .nav-burger{display:flex}
  .nav-cta{margin-left:auto}
  .nav-links{position:absolute;top:100%;left:0;right:0;margin-left:0;flex-direction:column;align-items:stretch;gap:0;background:rgba(22,20,18,.98);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .32s ease,opacity .22s}
  .nav-links a{display:block;padding:15px 28px;border-bottom:1px solid var(--line-soft)}
  nav.menu-open .nav-links{max-height:60vh;opacity:1;pointer-events:auto}
}

section{max-width:var(--maxw);margin:0 auto;padding:0 28px;scroll-margin-top:80px}
.stamp{display:flex;align-items:center;gap:14px;max-width:none;margin:0 0 20px;font-size:13.5px;font-variant-numeric:tabular-nums}
.stamp::after{content:"";flex:1;height:1px;background:var(--border)}
.stamp-t{color:var(--orange);font-weight:700;letter-spacing:.03em}
.stamp-l{color:var(--muted);font-weight:500}
h1{font-size:clamp(38px,6vw,64px);font-weight:700;letter-spacing:-.025em;line-height:1.06;margin:0 0 20px;text-wrap:balance}
h2{font-size:clamp(26px,3.6vw,36px);font-weight:700;letter-spacing:-.02em;margin:0 0 40px;text-wrap:balance}
h3{font-size:16.5px;font-weight:600;margin:0 0 7px}
p{margin:0 0 16px;max-width:62ch}
.lede{font-size:18px;color:var(--muted);max-width:56ch}
.block{padding-top:88px;padding-bottom:88px}

.hero{position:relative;padding-top:78px;padding-bottom:76px}
.hero-bg{
  position:absolute;top:0;
  /* full-bleed breakout: right:0 would hug .hero's own 1080px box, not the real viewport edge */
  right:calc((100% - 100vw)/2);
  height:min(46.875vw,calc(100dvh - var(--nav-h)));width:auto;aspect-ratio:1920/900;
  z-index:0;pointer-events:none;border:0;display:block;
  opacity:0;transition:opacity 1.1s ease;
  -webkit-mask-image:linear-gradient(to right,transparent 20%,#000 54%),linear-gradient(to bottom,#000 62%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 20%,#000 54%),linear-gradient(to bottom,#000 62%,transparent 100%);
  mask-composite:intersect;
}
.hero-bg.is-ready{opacity:.5}
.hero-playzone{
  position:absolute;top:0;bottom:0;left:46%;
  right:calc((100% - 100vw)/2);
  z-index:0;border:0;background:none;padding:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
.hero-playzone-badge{
  width:74px;height:74px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(28,26,23,.72);border:1px solid rgba(242,240,236,.22);
  backdrop-filter:blur(6px);
  opacity:0;transform:scale(.9);
  transition:opacity .25s ease,transform .18s cubic-bezier(.2,.9,.3,1),
             border-color .18s,background .18s,box-shadow .18s;
}
.hero-playzone-badge svg{width:26px;height:26px;fill:var(--text);margin-left:3px;transition:fill .18s}

.hero-playzone:hover .hero-playzone-badge,
.hero-playzone:focus-visible .hero-playzone-badge{opacity:1;transform:scale(1)}

.hero-playzone:hover .hero-playzone-badge:hover,
.hero-playzone:focus-visible .hero-playzone-badge{
  border-color:var(--orange);
  background:rgba(38,36,31,.92);
  transform:scale(1.08);
  box-shadow:0 12px 34px rgba(240,137,50,.36);
}
.hero-playzone:hover .hero-playzone-badge:hover svg,
.hero-playzone:focus-visible .hero-playzone-badge svg{fill:var(--orange-light)}
.hero-playzone:hover .hero-playzone-badge:active{
  transform:scale(.99);box-shadow:0 6px 18px rgba(240,137,50,.28);
}
@media(max-width:900px){.hero-playzone{display:none}}
.hero-lockup,.hero .badge,.hero h1,.hero .lede,.hero .cta-row{position:relative;z-index:1}
@media(min-width:1000px){.hero h1,.hero .lede{max-width:min(50%,560px)}}
.hero-bg.is-mobile-bg{
  position:fixed;inset:0;left:0;right:0;top:0;
  width:100%;height:100%;aspect-ratio:auto;
  object-fit:cover;object-position:50% 50%;
  -webkit-mask-image:none;mask-image:none;
}
.hero-bg.is-mobile-bg.is-ready{opacity:.35}
@media(min-width:900px){
  .hero{padding-top:clamp(18px,4.5vh,78px);padding-bottom:clamp(18px,4.5vh,76px)}
  .hero .hero-lockup{margin-bottom:clamp(27px,6.76vh,105px)}
  .hero .badge{margin-bottom:clamp(8px,1.4vh,22px)}
  .hero h1{margin-bottom:clamp(8px,1.3vh,20px)}
  .hero .cta-row{margin-top:clamp(12px,3.1vh,48px)}
}
.hero-lockup{width:min(301px,56%);margin:0 0 48px;margin-left:-13.3px}
.hero-lockup svg{width:100%;height:auto;display:block;overflow:visible}
.hero h1 .hl{color:var(--orange)}
.hero .lede{font-size:14.4px}
.badge{display:inline-flex;align-items:center;background:rgba(31,158,143,.12);border:1px solid rgba(31,158,143,.4);color:var(--teal-lift);font-size:13px;font-weight:600;padding:6px 14px;border-radius:12px;margin-bottom:22px}
.hero .badge{background:none;border:0;padding:0;border-radius:0;color:var(--muted);font-weight:500;gap:10px}
.hero .badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--knob)}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:48px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 26px;border-radius:9px;font-weight:700;font-size:15px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}
.btn-primary{background:var(--orange);color:#1c1a17;border:none}
.btn-primary:hover{transform:translateY(-2px);background:var(--orange-light)}
.btn-ghost{border:1px solid var(--border);color:var(--text);background:transparent;height:64px;justify-content:center}
.btn-ghost:hover{transform:translateY(-2px);border-color:var(--teal);color:var(--teal-lift)}
.btn-custom{background:transparent;color:var(--teal-lift);border:1px solid rgba(43,179,162,.6);height:64px}
.btn-custom:hover{transform:translateY(-2px);background:rgba(31,158,143,.12);border-color:var(--teal-lift)}
.btn small{display:block;font-size:11px;font-weight:500;opacity:.72;letter-spacing:.02em}

.cta-row .as-btn,.cta-row .btn{position:relative;overflow:hidden;isolation:isolate}
.cta-row .as-btn>*{position:relative;z-index:1}

.cta-row .as-btn::after,.cta-row .btn::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(140px circle at var(--gx,50%) var(--gy,50%),var(--glow-c,rgba(255,255,255,.34)),transparent 68%);
  opacity:0;transition:opacity .3s ease;
}
.cta-row .as-btn:hover::after,.cta-row .btn:hover::after,
.cta-row .as-btn:focus-visible::after,.cta-row .btn:focus-visible::after{opacity:1}
.cta-row .btn::after{mix-blend-mode:screen}
.cta-row .as-btn{--glow-c:rgba(255,255,255,.38)}
.cta-row .btn-custom{--glow-c:rgba(43,179,162,.34)}
.cta-row .btn-ghost{--glow-c:rgba(43,179,162,.34)}
.cta-row .as-btn::before,.cta-row .btn-custom::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s ease}
.cta-row .as-btn::before{background:var(--grad)}
.cta-row .btn-custom::before{background:linear-gradient(135deg,var(--teal),var(--teal-lift))}
.cta-row .as-btn:hover::before,.cta-row .as-btn:focus-visible::before,
.cta-row .btn-custom:hover::before,.cta-row .btn-custom:focus-visible::before{opacity:1}
.cta-row .as-btn:hover{background:var(--orange);box-shadow:0 12px 34px rgba(240,137,50,.36)}
.cta-row .btn-custom:hover{color:#fff;box-shadow:0 12px 34px rgba(31,158,143,.42)}
@media(prefers-reduced-motion:reduce){
  .cta-row .as-btn::after,.cta-row .btn::after{transition:none}
}

.sidekick-perch{position:absolute;top:26px;right:4px;width:190px;height:190px;cursor:pointer;opacity:.95;border:none;background:none;padding:0;transform:translate(0,0);transition:transform 3.4s cubic-bezier(.4,0,.35,1)}
.sidekick-perch.dart{transition:transform .5s cubic-bezier(.2,.9,.3,1)}
.sidekick-perch svg{width:100%;height:100%;overflow:visible}
@media(max-width:900px){.sidekick-perch{display:none}}
@keyframes skHalo{0%,100%{opacity:.22;transform:scale(.8)}50%{opacity:.5;transform:scale(1.4)}}
@keyframes skSpark{0%,100%{opacity:.15;transform:scale(.6)}45%{opacity:1;transform:scale(1.25)}}
@keyframes skPoke{0%{transform:scale(1) rotate(0)}28%{transform:scale(1.28) rotate(-16deg)}52%{transform:scale(.9) rotate(11deg)}74%{transform:scale(1.08) rotate(-4deg)}100%{transform:scale(1) rotate(0)}}
@keyframes skHaloPoke{0%,100%{opacity:.5;transform:scale(1)}35%{opacity:1;transform:scale(1.7)}}
.sk-move{transform-box:fill-box;transform-origin:50% 50%}
.sidekick-perch.poke .sk-move{animation:skPoke .85s cubic-bezier(.34,1.56,.64,1) 1}
.sk-halo{animation:skHalo 3.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.sidekick-perch.poke .sk-halo{animation:skHaloPoke .85s ease-out 1}
.sk-sp{transform-box:fill-box;transform-origin:center;animation:skSpark 2.7s ease-in-out infinite}
.sk-sp:nth-child(2){animation-delay:.5s}.sk-sp:nth-child(3){animation-delay:1.05s}
.sk-sp:nth-child(4){animation-delay:1.6s}.sk-sp:nth-child(5){animation-delay:2.15s}

.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(268px,1fr))}
.card{background:linear-gradient(180deg,var(--bg-alt),rgba(30,28,25,.6));border:1px solid var(--border);border-radius:13px;padding:24px 24px 26px;position:relative;overflow:hidden;transition:transform .22s cubic-bezier(.4,0,.25,1),border-color .22s}
.card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);opacity:0;transition:opacity .22s}
.card:hover{transform:translateY(-4px);border-color:var(--line-soft)}
.card:hover::before{opacity:1}
.card p{color:var(--muted);font-size:14.5px;margin:0}
.card .ic{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;background:rgba(240,137,50,.13);border:1px solid rgba(240,137,50,.28)}
.card .ic svg{width:17px;height:17px;stroke:var(--orange);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

ul.ticks{list-style:none;padding:0;margin:0;display:grid;gap:11px}
ul.ticks li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;color:var(--muted)}
ul.ticks svg{flex:none;margin-top:5px;width:15px;height:15px;stroke:var(--orange);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
ul.ticks b{color:var(--text);font-weight:600}

#shots{max-width:1600px}
.stack-wrap{position:relative;max-width:1300px;margin:0 auto;padding:0 74px;outline:none;touch-action:pan-y}
.stack{position:relative;aspect-ratio:16/10;border-radius:18px}
.stack img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:16px;
  box-shadow:0 30px 74px rgba(0,0,0,.5);cursor:grab;user-select:none;-webkit-user-drag:none;will-change:transform,opacity}
.stack img:active{cursor:grabbing}

.stack.ready img{transition:transform .55s cubic-bezier(.34,1.08,.4,1),opacity .4s ease}
.stack-arrow{position:absolute;top:50%;margin-top:-24px;width:48px;height:48px;border-radius:50%;
  border:1px solid var(--border);background:rgba(38,36,31,.65);backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;padding:0;
  transition:transform .18s,border-color .18s,background .18s}
.stack-arrow:hover{border-color:var(--teal);background:rgba(38,36,31,.9);transform:translateY(-2px)}
.stack-arrow svg{width:20px;height:20px;stroke:var(--text);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.stack-prev{left:0}
.stack-next{right:0}
.stack-counter{text-align:center;margin-top:22px;font-size:13px;letter-spacing:.08em;color:var(--muted);
  font-variant-numeric:tabular-nums}
@media(max-width:760px){
  .stack-wrap{padding:0 50px}
  .stack-arrow{width:40px;height:40px;margin-top:-20px}
}

.get-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:820px){.get-grid{grid-template-columns:1fr}}
.get-grid h3{font-size:19px;font-weight:700;letter-spacing:-.015em;margin:0 0 14px}
.get-grid>div{display:flex;flex-direction:column}
.get-grid .badge,.get-grid .store-row,.get-grid .btn{align-self:flex-start}
.get-grid .store-row,.get-grid .btn-primary{margin-top:auto}
.price-card{background:#efe9df;color:#1c1a17;border-radius:6px 6px 0 0;padding:34px 34px 48px;transition:transform .3s cubic-bezier(.4,0,.25,1),rotate .3s cubic-bezier(.4,0,.25,1);
  -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 12px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/24px 12px repeat-x;
  mask:linear-gradient(#000 0 0) top/100% calc(100% - 12px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/24px 12px repeat-x}
.rc-head{display:flex;justify-content:space-between;max-width:none;margin:0 0 20px;padding-bottom:16px;border-bottom:1px dashed #b9b1a4;
  font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#7d766b}
.get-grid .price-card h3{color:#1c1a17;font-size:22px;margin:0 0 18px}
.rc-lines{display:flex;flex-direction:column;gap:12px;font-size:15.5px;font-variant-numeric:tabular-nums}
.rc-lines p,.rc-total{display:flex;align-items:baseline;gap:10px;max-width:none;margin:0}
.rc-lines p::after,.rc-total::after{content:"";order:2;flex:1;border-bottom:2px dotted #c4bcaf;transform:translateY(-4px)}
.rc-lines span,.rc-total span{order:1;color:#4a453d}
.rc-lines b,.rc-total b{order:3;font-weight:700;color:#1c1a17}
.rc-total{margin:22px 0 28px;padding-top:18px;border-top:1px dashed #b9b1a4;font-size:21px}
.rc-total b{color:#c96a12}

.price-card:hover{transform:translateY(-4px);rotate:-.8deg}
.custom-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:8px;padding:32px;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.25,1),border-color .3s}
.custom-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);opacity:0;transition:opacity .3s}
.custom-card:hover{transform:translateY(-4px);border-color:var(--line-soft)}
.custom-card:hover::before{opacity:1}

.as-btn{display:inline-flex;align-items:center;gap:14px;padding:12px 26px 12px 13px;border-radius:12px;text-decoration:none;color:#1c1a17;background:var(--orange);transition:transform .18s,box-shadow .18s,background .18s}
.as-btn:hover{transform:translateY(-2px);background:var(--orange-light);box-shadow:0 10px 26px rgba(0,0,0,.35)}
.as-btn:active{transform:translateY(0)}
.as-tile{flex:none;width:40px;height:40px;border-radius:10px;background:#1c1a17;display:grid;place-items:center;box-shadow:0 3px 10px rgba(0,0,0,.3)}
.as-tile svg{width:27px;height:27px;display:block}
.as-txt{display:flex;flex-direction:column;line-height:1.15}
.as-txt span{font-size:10.5px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;opacity:.72}
.as-txt b{font-size:18px;font-weight:700;letter-spacing:-.015em}
.as-note{color:var(--muted);font-size:13.5px;margin:14px 0 0}
.store-row{display:flex;flex-direction:column;gap:14px}
.price-card .as-btn{background:#1c1a17;color:var(--text)}
.price-card .as-btn:hover{background:#2c2925;box-shadow:0 10px 22px rgba(0,0,0,.28)}
.price-card .as-tile{background:#2c2925}
.store-row .as-btn{gap:10px;padding:10px 16px 10px 10px}
.store-row .as-tile{width:34px;height:34px;border-radius:9px}
.store-row .as-tile svg{width:23px;height:23px}
.store-row .as-txt span{font-size:9.5px}
.store-row .as-txt b{font-size:15px}
@media(min-width:400px){.store-row{flex-direction:row;flex-wrap:wrap}}
@media(max-width:420px){.as-btn{padding-right:20px}.as-txt b{font-size:16px}}

footer{border-top:1px solid var(--border);margin-top:0;padding:36px 0}
footer .f-in{max-width:var(--maxw);margin:0 auto;padding:0 28px;display:flex;flex-wrap:wrap;gap:22px;align-items:center;font-size:13.5px;color:var(--muted)}
footer svg{height:19px;width:auto;opacity:.85;margin-left:-3.4px}
footer a{color:var(--muted);text-decoration:none;transition:color .18s}
footer a:hover{color:var(--orange)}
.inline-link{color:var(--teal-lift);text-decoration:none;transition:color .18s}
.inline-link:hover,.inline-link:focus-visible{color:var(--text)}
.f-links{margin-left:auto;display:flex;gap:20px;flex-wrap:wrap}

@keyframes stSpring{0%{transform:rotate(0)}6%{transform:rotate(7deg)}42%{transform:rotate(-101deg)}54%{transform:rotate(-85deg)}62%{transform:rotate(-90deg)}70%{transform:rotate(-90deg)}94%{transform:rotate(7deg)}100%{transform:rotate(0)}}
@keyframes stTrail{0%{stroke-dasharray:0 400;opacity:0}6%{stroke-dasharray:0 400;opacity:.95}42%{stroke-dasharray:56.4 400;opacity:.95}54%{stroke-dasharray:47.5 400;opacity:.95}62%{stroke-dasharray:50.3 400;opacity:.95}70%{stroke-dasharray:50.3 400;opacity:.85}100%{stroke-dasharray:50.3 400;opacity:0}}
@keyframes stGlow{0%{stroke-dasharray:0 400;opacity:0}6%{stroke-dasharray:0 400;opacity:.45}42%{stroke-dasharray:56.4 400;opacity:.45}54%{stroke-dasharray:47.5 400;opacity:.45}62%{stroke-dasharray:50.3 400;opacity:.4}70%{stroke-dasharray:50.3 400;opacity:.32}100%{stroke-dasharray:50.3 400;opacity:0}}
@keyframes stSpark{0%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.2)}25%{opacity:1;transform:translate(calc(var(--sx) + var(--sdx)*.4),calc(var(--sy) + var(--sdy)*.4)) scale(1.15)}55%{opacity:.35;transform:translate(calc(var(--sx) + var(--sdx)*.7),calc(var(--sy) + var(--sdy)*.7)) scale(.7)}75%{opacity:.9;transform:translate(calc(var(--sx) + var(--sdx)*.85),calc(var(--sy) + var(--sdy)*.85)) scale(1)}100%{opacity:0;transform:translate(calc(var(--sx) + var(--sdx)),calc(var(--sy) + var(--sdy))) scale(.2)}}
.st-spark{transform-box:fill-box;transform-origin:50% 50%;opacity:0}
.go .st-knob{animation:stSpring 3s cubic-bezier(.4,0,.25,1) both;transform-origin:50px 50px}
.go .st-trail{animation:stTrail 3s cubic-bezier(.4,0,.25,1) both}
.go .st-glow{animation:stGlow 3s cubic-bezier(.4,0,.25,1) both}
.go .st-spark{animation:stSpark .85s cubic-bezier(.25,.6,.35,1) both}

:root{--rv-spring:cubic-bezier(.16,1.06,.3,1)}

@keyframes rvWipe{
  from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-20px)}
  20% {opacity:1}
  to  {opacity:1;clip-path:inset(-.35em -.35em -.35em 0);transform:translateX(0)}
}
@keyframes rvRule{
  from{opacity:.4;transform:scaleX(0)}
  to  {opacity:1;transform:scaleX(1)}
}
@keyframes rvCopy{
  from{opacity:0;transform:translateY(22px)}
  to  {opacity:1;transform:translateY(0)}
}

@keyframes rvCard{
  from{opacity:0;transform:perspective(1100px) translateY(70px) rotateX(-30deg) scale(.9)}
  to  {opacity:1;transform:perspective(1100px) translateY(0) rotateX(0deg) scale(1)}
}
@keyframes rvTick{
  from{opacity:0;transform:translateX(-22px)}
  to  {opacity:1;transform:translateX(0)}
}
@keyframes rvDraw{ from{stroke-dashoffset:24} to{stroke-dashoffset:0} }
@keyframes rvPanel{
  from{opacity:0;transform:translateY(54px) scale(.955)}
  to  {opacity:1;transform:translateY(0) scale(1)}
}

.rv-on .block .stamp{opacity:0}
.rv-on .block.in .stamp{opacity:1;animation:rvTick .75s var(--rv-spring) backwards}

.rv-on .block h2{opacity:0}
.rv-on .block.in h2{opacity:1;animation:rvWipe 1s cubic-bezier(.16,1,.3,1) .09s backwards}

.rv-on .block .stamp::after{transform:scaleX(0);transform-origin:left center}
.rv-on .block.in .stamp::after{transform:scaleX(1);animation:rvRule .95s cubic-bezier(.16,1,.3,1) .22s backwards}

.rv-on .block>p{opacity:0}
.rv-on .block.in>p{opacity:1;animation:rvCopy .8s var(--rv-spring) .3s backwards}

.rv-on .block .grid .card{opacity:0}
.rv-on .block.in .grid .card{opacity:1;animation:rvCard .9s var(--rv-spring) backwards}
.rv-on .block.in .grid .card:nth-child(1){animation-delay:.34s}
.rv-on .block.in .grid .card:nth-child(2){animation-delay:.43s}
.rv-on .block.in .grid .card:nth-child(3){animation-delay:.52s}
.rv-on .block.in .grid .card:nth-child(4){animation-delay:.61s}
.rv-on .block.in .grid .card:nth-child(5){animation-delay:.70s}
.rv-on .block.in .grid .card:nth-child(6){animation-delay:.79s}

.rv-on .block ul.ticks li{opacity:0}
.rv-on .block.in ul.ticks li{opacity:1;animation:rvTick .75s var(--rv-spring) backwards}
.rv-on .block ul.ticks svg path{stroke-dasharray:24;stroke-dashoffset:24}
.rv-on .block.in ul.ticks svg path{stroke-dashoffset:0;animation:rvDraw .55s cubic-bezier(.65,0,.35,1) backwards}
.rv-on .block.in ul.ticks li:nth-child(1),.rv-on .block.in ul.ticks li:nth-child(1) svg path{animation-delay:.34s}
.rv-on .block.in ul.ticks li:nth-child(2),.rv-on .block.in ul.ticks li:nth-child(2) svg path{animation-delay:.44s}
.rv-on .block.in ul.ticks li:nth-child(3),.rv-on .block.in ul.ticks li:nth-child(3) svg path{animation-delay:.54s}
.rv-on .block.in ul.ticks li:nth-child(4),.rv-on .block.in ul.ticks li:nth-child(4) svg path{animation-delay:.64s}
.rv-on .block.in ul.ticks li:nth-child(5),.rv-on .block.in ul.ticks li:nth-child(5) svg path{animation-delay:.74s}

.rv-on .block .get-grid>div{opacity:0}
.rv-on .block.in .get-grid>div{opacity:1;animation:rvPanel .95s var(--rv-spring) .3s backwards}
.rv-on .block.in .get-grid>div:nth-child(2){animation-delay:.44s}

.rv-on #shots .stack-arrow,.rv-on #shots .stack-counter{opacity:0}
.rv-on #shots.in .stack-arrow,.rv-on #shots.in .stack-counter{opacity:1;
  animation:rvCopy .6s ease 1.15s backwards}

.stack.dealing img{transition:transform 1s cubic-bezier(.18,1.06,.32,1),opacity .55s ease}

.det{position:relative;margin:40px 0 0}
.det-fig{position:relative;border:1px solid var(--border);border-radius:13px;overflow:hidden;
  background:var(--bg-alt);box-shadow:0 22px 54px rgba(0,0,0,.45);
  transition:transform .3s cubic-bezier(.4,0,.25,1),border-color .3s,box-shadow .3s}
.det-fig img{display:block;width:100%;height:auto}
.det-fig:hover{transform:translateY(-4px);border-color:var(--line-soft);box-shadow:0 30px 66px rgba(0,0,0,.55)}
.det-cap{margin:13px 3px 0;font-size:13px;color:var(--dim);letter-spacing:.015em;
  max-width:74ch;text-wrap:pretty}

.det-duo{position:relative;padding-bottom:34px}
.det-duo .det-a{width:64%}
.det-duo .det-b{position:absolute;right:0;bottom:0;width:44%}

.det-cascade .det-fig+.det-fig{margin-top:18px;margin-left:7%;width:93%}

.det-side{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.det-trio{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:20px;align-items:start}
.det-trio .det-col{display:flex;flex-direction:column;gap:20px}

@media(max-width:760px){
  .det{margin-top:56px}
  .det-duo{padding-bottom:0}
  .det-duo .det-a{width:100%;margin-left:0;margin-right:0}
  .det-duo .det-b{position:static;display:block;width:78%;margin:28px auto 0}
  .det-cascade .det-fig+.det-fig{margin-left:0;width:100%}
  .det-side{grid-template-columns:1fr;gap:16px}
  .det-trio{grid-template-columns:1fr;gap:16px}
}

.rv-on .block .det{opacity:0}
.rv-on .block.in .det{opacity:1;animation:rvPanel .95s var(--rv-spring) .46s backwards}

.rv-on .block.in>p.det-cap{animation-delay:.6s}

@media(prefers-reduced-motion:reduce){
  .det-fig:hover{transform:none}
  .rv-on .block .det{opacity:1!important;animation:none!important;transform:none!important}
  .go .st-knob,.go .st-trail,.go .st-glow,.go .st-spark,.sk-move,.sk-halo,.sk-sp{animation:none!important}
  .card:hover,.shot:hover,.btn:hover,.price-card:hover,.custom-card:hover{transform:none;rotate:none}
  #dot-pattern,.hero-bg{display:none}
  .rv-on .block .stamp,.rv-on .block h2,.rv-on .block .stamp::after,.rv-on .block>p,
  .rv-on .block .grid .card,.rv-on .block ul.ticks li,.rv-on .block .get-grid>div,
  .rv-on #shots .stack-arrow,.rv-on #shots .stack-counter{
    opacity:1!important;animation:none!important;transform:none!important;clip-path:none!important}
  .rv-on .block ul.ticks svg path{stroke-dashoffset:0!important;animation:none!important}
  .stack.dealing img{transition:none}
}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}

.shots-cta{display:flex;justify-content:center;margin-top:38px}
.video-card{display:block;width:min(560px,100%);padding:0;background:none;border:0;cursor:pointer;text-align:center}
.video-card-shot{display:block;position:relative;border:1px solid var(--border);border-radius:14px;overflow:hidden;
  background:var(--bg-alt);transition:transform .22s cubic-bezier(.4,0,.25,1),border-color .22s,box-shadow .22s}
.video-card-shot img{display:block;width:100%;height:auto;transition:opacity .22s,transform .3s cubic-bezier(.4,0,.25,1)}
.video-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:74px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(28,26,23,.72);border:1px solid rgba(242,240,236,.24);backdrop-filter:blur(6px);
  transition:transform .2s cubic-bezier(.2,.9,.3,1),background .18s,border-color .18s,box-shadow .18s}
.video-card-play svg{width:26px;height:26px;fill:var(--text);margin-left:3px;transition:fill .18s}
.video-card-time{position:absolute;right:12px;bottom:12px;font-size:12.5px;font-weight:600;letter-spacing:.02em;
  color:var(--text);background:rgba(12,11,10,.82);padding:3px 8px;border-radius:6px}
.video-card-label{display:inline-flex;align-items:center;gap:8px;margin-top:16px;
  font-size:15px;font-weight:700;color:var(--muted);transition:color .18s}
.video-card:hover .video-card-shot,.video-card:focus-visible .video-card-shot{
  transform:translateY(-4px);border-color:var(--orange);box-shadow:0 26px 60px rgba(0,0,0,.5)}
.video-card:hover .video-card-shot img,.video-card:focus-visible .video-card-shot img{transform:scale(1.02);opacity:.9}
.video-card:hover .video-card-play,.video-card:focus-visible .video-card-play{
  transform:translate(-50%,-50%) scale(1.08);background:rgba(38,36,31,.92);
  border-color:var(--orange);box-shadow:0 12px 34px rgba(240,137,50,.36)}
.video-card:hover .video-card-play svg,.video-card:focus-visible .video-card-play svg{fill:var(--orange-light)}
.video-card:hover .video-card-label,.video-card:focus-visible .video-card-label{color:var(--text)}
.video-card:active .video-card-shot{transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){
  .video-card:hover .video-card-shot,.video-card:focus-visible .video-card-shot,
  .video-card:active .video-card-shot{transform:none}
  .video-card:hover .video-card-shot img,.video-card:focus-visible .video-card-shot img{transform:none}
  .video-card:hover .video-card-play,.video-card:focus-visible .video-card-play{transform:translate(-50%,-50%)}
}

.vmodal{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:clamp(14px,4vw,44px)}
.vmodal[hidden]{display:none}
.vmodal-back{position:absolute;inset:0;background:rgba(10,9,8,.88);backdrop-filter:blur(8px);animation:vFade .22s ease}
.vmodal-box{position:relative;width:min(1180px,100%);animation:vRise .26s cubic-bezier(.2,.9,.3,1)}
.vmodal-box video{width:100%;height:auto;display:block;border-radius:14px;
  background:#000;box-shadow:0 30px 90px rgba(0,0,0,.6);outline:none}
.vmodal-x{position:absolute;top:-14px;right:-14px;width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:var(--bg-alt);border:1px solid var(--border);transition:border-color .18s,transform .18s,background .18s}
.vmodal-x svg{width:17px;height:17px;fill:none;stroke:var(--text);stroke-width:2;stroke-linecap:round}
.vmodal-x:hover{border-color:var(--orange);background:var(--surface);transform:scale(1.06)}
@media(max-width:640px){.vmodal-x{top:-8px;right:-8px;width:34px;height:34px}}
@keyframes vFade{from{opacity:0}to{opacity:1}}
@keyframes vRise{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  .vmodal-back,.vmodal-box{animation:none}
  .hero-playzone-badge{transition:none}
  .hero-playzone:hover .hero-playzone-badge,
  .hero-playzone:focus-visible .hero-playzone-badge,
  .hero-playzone:hover .hero-playzone-badge:hover,
  .hero-playzone:hover .hero-playzone-badge:active{transform:none}
}

.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.stat{margin:0;background:linear-gradient(180deg,var(--bg-alt),rgba(30,28,25,.6));border:1px solid var(--border);border-radius:13px;
  padding:18px 20px 22px;position:relative;display:flex;flex-direction:column;min-height:272px;outline:none;
  transition:transform .3s cubic-bezier(.4,0,.25,1),border-color .3s,box-shadow .3s}
.stat::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);opacity:0;border-radius:13px 13px 0 0;transition:opacity .25s}
.stat:hover,.stat:focus-visible{transform:translateY(-5px);border-color:var(--line-soft);box-shadow:0 24px 50px rgba(0,0,0,.4)}
.stat:hover::before,.stat:focus-visible::before{opacity:1}
.stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:4}
.stat-cc{font-size:10.5px;font-weight:700;letter-spacing:.1em;color:var(--dim);border:1px solid var(--border);border-radius:5px;padding:2px 6px;transition:color .25s,border-color .25s}
.stat:hover .stat-cc{color:var(--muted);border-color:var(--line-soft)}
.stat-chip{font-size:11.5px;font-weight:600;color:var(--orange-light);background:rgba(240,137,50,.1);border:1px solid rgba(240,137,50,.28);
  border-radius:20px;padding:3px 10px;white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .35s var(--rv-spring)}
.stat:hover .stat-chip,.stat:focus-visible .stat-chip{opacity:1;transform:translateY(0)}
.stat-src{position:relative;display:inline-flex}
.stat-info{position:relative}
.stat-info::before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%}
.stat-info{width:22px;height:22px;border-radius:50%;border:1px solid var(--line-soft);background:transparent;color:var(--muted);padding:0;
  font:italic 700 11.5px/1 Georgia,serif;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.stat-info:hover,.stat-info:focus-visible,.stat-src.open .stat-info{color:var(--orange);border-color:var(--orange);background:rgba(240,137,50,.08);outline:none}
.stat-tip{position:absolute;right:-6px;bottom:calc(100% + 10px);width:min(262px,78vw);background:#12110f;border:1px solid var(--line-soft);border-radius:10px;
  padding:11px 13px 12px;font-size:11.5px;line-height:1.5;color:var(--muted);box-shadow:0 16px 36px rgba(0,0,0,.55);text-align:left;
  opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s .15s,transform .25s .15s,visibility 0s .4s;z-index:20}
.stat-tip::after{content:"";position:absolute;right:13px;top:100%;height:12px;left:0}
.stat-tip b{display:block;color:var(--text);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.stat-tip a{display:inline-block;margin-top:6px;color:var(--orange);text-decoration:none;font-weight:600;transition:color .18s}
.stat-tip a:hover,.stat-tip a:focus-visible{color:var(--orange-light);text-decoration:underline}
@media(hover:hover){.stat-src:hover .stat-tip{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s,transform .25s,visibility 0s}}
.stat-src.open .stat-tip,.stat-src:focus-within .stat-tip{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s,transform .25s,visibility 0s}
.stat-viz{flex:1;display:flex;align-items:center;justify-content:center;padding:14px 0 10px}
.stat figcaption{color:var(--muted);font-size:13.5px;line-height:1.5;text-wrap:pretty}
.stat figcaption b{color:var(--text)}

.stat-ring{position:relative;width:124px;height:124px}
.stat-ring svg{width:100%;height:100%;display:block;overflow:visible}
.ring-bg{fill:none;stroke:var(--border);stroke-width:11}
.ring-arc{fill:none;stroke-width:11;stroke-linecap:round;transition:stroke-width .3s,filter .3s}
.stat:hover .ring-arc{stroke-width:14;filter:drop-shadow(0 0 7px rgba(240,137,50,.45))}
.stat-ring .stat-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;transition:transform .3s var(--rv-spring)}
.stat:hover .stat-ring .stat-num{transform:scale(1.08)}

.stat-dots{display:grid;grid-template-columns:repeat(10,9px);gap:5px}
.stat-dots i{width:9px;height:9px;border-radius:50%;background:var(--border);position:relative}
.stat-dots i.on::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--grad)}
.stat:hover .stat-dots i.on::after{animation:dotWave .7s cubic-bezier(.4,0,.25,1) calc(var(--i) * 9ms)}
@keyframes dotWave{0%,100%{transform:scale(1)}40%{transform:scale(1.6);box-shadow:0 0 8px rgba(240,137,50,.6)}}

.stat-bars{display:flex;align-items:flex-end;gap:20px;height:132px;padding:22px 0 20px}
.sbar{position:relative;width:44px;height:100%;display:flex;align-items:flex-end}
.sbar i{display:block;width:100%;height:var(--h);border-radius:6px 6px 2px 2px;background:#34302a;transform-origin:bottom;transition:background .3s,filter .3s}
.sbar.hot i{background:linear-gradient(0deg,var(--teal),var(--orange))}
.sbar em{position:absolute;left:50%;bottom:calc(var(--h) + 6px);transform:translateX(-50%);font-style:normal;font-size:12px;font-weight:700;white-space:nowrap;transition:color .25s}
.sbar span{position:absolute;left:50%;top:calc(100% + 6px);transform:translateX(-50%);font-size:10.5px;color:var(--dim);white-space:nowrap}
.stat:hover .sbar i{background:#433e36}
.stat:hover .sbar.hot i{background:linear-gradient(0deg,var(--teal),var(--orange));filter:drop-shadow(0 0 10px rgba(240,137,50,.45))}
.stat:hover .sbar.hot em{color:var(--orange-light)}

.stat-dur{width:100%}
.drow{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:10px;margin:12px 0;font-size:12px;color:var(--muted)}
.drow i{display:block;height:14px;width:var(--w);border-radius:4px;background:#34302a;transform-origin:left;transition:filter .3s}
.drow.act i{background:var(--grad)}
.drow b{color:var(--text);white-space:nowrap;font-size:12px}
.stat:hover .drow.act i{filter:drop-shadow(0 0 9px rgba(240,137,50,.45))}
.stat:hover .drow.act b{color:var(--orange-light)}

@keyframes statGrowY{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes statGrowX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes statFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.rv-on .block .stats .stat{opacity:0}
.rv-on .block.in .stats .stat{opacity:1;animation:rvCard .9s var(--rv-spring) backwards}
.rv-on .block.in .stats .stat:nth-child(1){animation-delay:.34s}
.rv-on .block.in .stats .stat:nth-child(2){animation-delay:.43s}
.rv-on .block.in .stats .stat:nth-child(3){animation-delay:.52s}
.rv-on .block.in .stats .stat:nth-child(4){animation-delay:.61s}
.rv-on .block.in .stats .stat:nth-child(5){animation-delay:.70s}
.rv-on .block.in .stats .stat:nth-child(6){animation-delay:.79s}
.rv-on .block .ring-arc{stroke-dashoffset:var(--p)}
.rv-on .block.in .ring-arc{stroke-dashoffset:0;transition:stroke-dashoffset 1.6s cubic-bezier(.16,1,.3,1) .7s,stroke-width .3s,filter .3s}
.rv-on .block .stat-dots i.on::after{opacity:0;transform:scale(.2)}
.rv-on .block.in .stat-dots i.on::after{opacity:1;transform:scale(1);transition:opacity .35s ease calc(.75s + var(--i) * 22ms),transform .45s var(--rv-spring) calc(.75s + var(--i) * 22ms)}
.rv-on .block .sbar i{transform:scaleY(0)}
.rv-on .block.in .sbar i{transform:scaleY(1);animation:statGrowY 1.1s var(--rv-spring) calc(.9s + var(--d) * .14s) backwards}
.rv-on .block .sbar em{opacity:0}
.rv-on .block.in .sbar em{opacity:1;animation:statFade .5s ease calc(1.5s + var(--d) * .14s) backwards}
.rv-on .block .drow i{transform:scaleX(0)}
.rv-on .block.in .drow i{transform:scaleX(1);animation:statGrowX 1.2s cubic-bezier(.16,1,.3,1) calc(1s + var(--d) * .35s) backwards}
.rv-on .block .drow b{opacity:0}
.rv-on .block.in .drow b{opacity:1;animation:statFade .5s ease calc(1.6s + var(--d) * .35s) backwards}

@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){
  .stats{grid-template-columns:1fr}
  .stat{min-height:0}
  .stat-chip{display:none}
}

.calc{display:grid;grid-template-columns:360px 1fr;gap:18px}
.calc-side,.calc-chart{background:linear-gradient(180deg,var(--bg-alt),rgba(30,28,25,.6));border:1px solid var(--border);border-radius:13px;padding:24px 26px;position:relative}
.calc-lbl{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;color:var(--muted);font-weight:500;margin-bottom:14px}
.calc-lbl output{color:var(--text);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
#calcYears{--fill:22.2%;-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:5px;margin:4px 0 0;cursor:pointer;
  background:linear-gradient(90deg,var(--teal),var(--orange)) 0 0/var(--fill) 100% no-repeat,var(--border);outline:none}
#calcYears::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--text);border:5px solid var(--orange);box-shadow:0 4px 14px rgba(0,0,0,.45);transition:transform .2s,box-shadow .2s}
#calcYears::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--text);border:5px solid var(--orange);box-shadow:0 4px 14px rgba(0,0,0,.45);transition:transform .2s,box-shadow .2s}
#calcYears:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 7px rgba(240,137,50,.18),0 4px 14px rgba(0,0,0,.45)}
#calcYears:hover::-moz-range-thumb{transform:scale(1.15);box-shadow:0 0 0 7px rgba(240,137,50,.18),0 4px 14px rgba(0,0,0,.45)}
#calcYears:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 7px rgba(240,137,50,.3)}
.calc-ticks{display:flex;justify-content:space-between;font-size:11px;color:var(--dim);margin:8px 2px 22px}
.calc-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line-soft)}
.calc-k{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.calc-v{font-size:26px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.calc-sub .calc-v{color:var(--orange-light)}
.calc-own .calc-v{font-size:20px;color:var(--teal-lift)}
.calc-save .calc-v{font-size:22px;color:var(--teal-lift)}
.rc-note{font-size:11.5px;line-height:1.5;color:#6b6152;margin:10px 0 16px;max-width:none}
.calc-note{margin:14px 0 0;font-size:13px;color:var(--muted);line-height:1.55}
.stat-tip.tip-l{right:auto;left:-6px}

.calc-chart{display:flex;flex-direction:column;padding:28px 26px 16px}
.cbars{flex:1;display:flex;align-items:flex-end;gap:10px;min-height:240px;padding-top:28px}
.cbar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit}
.cbar i{display:block;width:100%;height:var(--h);border-radius:6px 6px 2px 2px;background:#2f2b26;transform-origin:bottom;transition:background .35s,box-shadow .35s,filter .25s}
.cbar.on i{background:linear-gradient(0deg,rgba(31,158,143,.55),rgba(240,137,50,.55))}
.cbar.cur i{background:linear-gradient(0deg,var(--teal),var(--orange));box-shadow:0 0 18px rgba(240,137,50,.35)}
.cbar em{position:absolute;bottom:calc(var(--h) + 6px);left:50%;transform:translate(-50%,4px);font-style:normal;font-size:11.5px;font-weight:700;white-space:nowrap;opacity:0;transition:opacity .2s,transform .2s}
.cbar.cur em{opacity:1;transform:translate(-50%,0);color:var(--orange-light)}
.cbar:hover i{filter:brightness(1.3)}
.cbar:hover em,.cbar:focus-visible em{opacity:1;transform:translate(-50%,0)}
.cbar span{position:absolute;top:calc(100% + 8px);font-size:11px;color:var(--dim);transition:color .2s}
.cbar.cur span,.cbar:hover span{color:var(--text)}
.calc-base{position:relative;height:3px;border-radius:3px;background:var(--teal-lift);margin-top:-3px;box-shadow:0 0 12px rgba(43,179,162,.5)}
.calc-base span{position:absolute;right:0;bottom:8px;font-size:11.5px;font-weight:600;color:var(--teal-lift);background:var(--bg-alt);padding:0 6px;border-radius:4px}
.calc-axis{margin:30px 0 0;font-size:11px;color:var(--dim);text-align:center;letter-spacing:.08em;text-transform:uppercase}

.rv-on .block .calc-side,.rv-on .block .calc-chart{opacity:0}
.rv-on .block.in .calc-side{opacity:1;animation:rvPanel .95s var(--rv-spring) .3s backwards}
.rv-on .block.in .calc-chart{opacity:1;animation:rvPanel .95s var(--rv-spring) .44s backwards}
.rv-on .block .cbar i{transform:scaleY(0)}
.rv-on .block.in .cbar i{transform:scaleY(1);animation:statGrowY .9s var(--rv-spring) calc(.75s + var(--i) * .07s) backwards}
.rv-on .block .calc-base{transform:scaleX(0);transform-origin:left}
.rv-on .block.in .calc-base{transform:scaleX(1);animation:statGrowX 1.2s cubic-bezier(.16,1,.3,1) 1.5s backwards}

@media(max-width:760px){
  .calc{grid-template-columns:1fr}
  .cbars{gap:6px;min-height:200px}
  .calc-side,.calc-chart{padding-left:18px;padding-right:18px}
}

.faq-log{border:1px solid var(--border);border-radius:14px;background:rgba(36,33,29,.45);overflow:hidden}
.faq-e{border-bottom:1px solid var(--line-soft);position:relative;transition:background .25s}
.faq-e:last-child{border-bottom:0}
.faq-e::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.faq-h{margin:0;font-size:inherit;font-weight:inherit}
.faq-q{width:100%;display:grid;grid-template-columns:78px 1fr auto 22px;gap:18px;align-items:center;padding:18px 22px;background:none;border:0;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.faq-q::after{content:"";width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translate(-2px,-2px);justify-self:center;transition:transform .3s,border-color .2s}
.faq-t{font-size:13px;font-weight:700;color:var(--dim);font-variant-numeric:tabular-nums;transition:color .2s}
.faq-qt{font-size:16px;font-weight:600;transition:color .2s}
.faq-tag{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);border:1px solid var(--border);border-radius:5px;padding:3px 7px;transition:color .2s,border-color .2s}
.faq-e:hover{background:rgba(38,36,31,.6)}
.faq-e:hover .faq-qt{color:var(--orange-light)}
.faq-e:hover .faq-q::after{border-color:var(--orange)}
.faq-q:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.16,1,.3,1)}
.faq-a>div{overflow:hidden}
.faq-a p{margin:0;padding:0 60px 22px 118px;color:var(--muted);font-size:15px;max-width:none;opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .35s}
.faq-e.open{background:var(--bg-alt)}
.faq-e.open::before{transform:scaleY(1)}
.faq-e.open .faq-t{color:var(--orange)}
.faq-e.open .faq-tag{color:var(--teal-lift);border-color:rgba(31,158,143,.4)}
.faq-e.open .faq-q::after{transform:rotate(-135deg) translate(-2px,-2px);border-color:var(--orange)}
.faq-e.open .faq-a{grid-template-rows:1fr}
.faq-e.open .faq-a p{opacity:1;transform:none;transition-delay:.08s}

.rv-on .block .faq-e{opacity:0}
.rv-on .block.in .faq-e{opacity:1;animation:rvTick .7s var(--rv-spring) backwards}
.rv-on .block.in .faq-e:nth-child(1){animation-delay:.3s}
.rv-on .block.in .faq-e:nth-child(2){animation-delay:.37s}
.rv-on .block.in .faq-e:nth-child(3){animation-delay:.44s}
.rv-on .block.in .faq-e:nth-child(4){animation-delay:.51s}
.rv-on .block.in .faq-e:nth-child(5){animation-delay:.58s}
.rv-on .block.in .faq-e:nth-child(6){animation-delay:.65s}
.rv-on .block.in .faq-e:nth-child(7){animation-delay:.72s}
.rv-on .block.in .faq-e:nth-child(8){animation-delay:.79s}

@media(max-width:640px){
  .faq-q{grid-template-columns:48px 1fr 18px;gap:12px;padding:16px}
  .faq-tag{display:none}
  .faq-qt{font-size:15px}
  .faq-a p{padding:0 18px 20px 76px;font-size:14.5px}
}

.bill-grid{display:grid;grid-template-columns:1fr 420px;gap:56px;align-items:start}
.bill-copy .lede{margin-bottom:34px}
.demo-kicker{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--teal-lift);max-width:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.try-demo{position:relative;z-index:1}
.demo-win{background:#1a1816;border:1px solid #34302a;border-radius:14px;box-shadow:0 30px 70px rgba(0,0,0,.55);overflow:hidden;transition:box-shadow .4s,border-color .4s}
.demo-win.running{border-color:rgba(240,137,50,.4);box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px rgba(240,137,50,.15),0 0 40px rgba(240,137,50,.12)}
.demo-bar{height:32px;display:flex;align-items:center;gap:8px;padding:0 14px}
.demo-bar i{width:11px;height:11px;border-radius:50%;background:#ff5f57}
.demo-bar i:nth-child(2){background:#febc2e}
.demo-bar i:nth-child(3){background:#28c840}
.demo-in{padding:2px 22px 20px}
.demo-logo{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:17px;margin:0 0 14px}
.demo-logo svg{width:21px;height:21px}
.demo-clock{background:#24221e;border-radius:10px;padding:18px 14px 16px;text-align:center}
.demo-st{margin:0;font-size:10.5px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;max-width:none}
.demo-st b{color:var(--teal-lift);font-weight:600}
.demo-dig{margin:4px 0 6px;font-size:50px;font-weight:300;letter-spacing:.04em;line-height:1.1;font-variant-numeric:tabular-nums;max-width:none}
.demo-earn{margin:0;font-size:13px;color:var(--muted);max-width:none}
.demo-earn b{font-size:21px;color:var(--orange-light);font-weight:700;margin-left:6px;font-variant-numeric:tabular-nums}
.demo-sel{display:block;margin-top:14px;position:relative}
.demo-sel::after{content:"";position:absolute;right:15px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.demo-sel select{width:100%;-webkit-appearance:none;appearance:none;background:#26241f;border:1px solid var(--line-soft);border-radius:8px;padding:11px 36px 11px 14px;color:var(--text);font:500 13.5px 'Sora',sans-serif;cursor:pointer;transition:border-color .2s,background .2s}
.demo-sel select:hover{border-color:var(--orange);background:#2a2722}
.demo-sel select:disabled{opacity:.6;cursor:not-allowed;border-color:var(--line-soft)}
.demo-btn{display:block;width:100%;margin-top:12px;border:0;border-radius:9px;padding:12px;background:var(--orange);color:#1c1a17;font:700 13px 'Sora',sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s,transform .18s,box-shadow .2s}
.demo-btn:hover{background:var(--orange-light);transform:translateY(-1px);box-shadow:0 10px 24px rgba(240,137,50,.3)}
.demo-win.running .demo-btn{background:var(--ember)}
.demo-btn:disabled,.demo-btn:disabled:hover{background:#2c2925;color:var(--muted);cursor:not-allowed;transform:none;box-shadow:none}
.demo-limit{margin:12px 0 0;padding:10px 12px;border:1px solid rgba(240,137,50,.3);border-radius:8px;background:rgba(240,137,50,.07);font-size:12.5px;line-height:1.5;color:var(--muted);max-width:none}
.demo-win.running .demo-btn:hover{background:var(--orange)}
.demo-log{margin-top:16px;border-top:1px solid var(--line-soft);padding-top:12px}
.demo-log-h{display:flex;justify-content:space-between;align-items:center;margin:0 0 6px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);max-width:none}
.demo-round{letter-spacing:0;text-transform:none;font-size:10.5px;color:var(--teal-lift);border:1px solid rgba(31,158,143,.4);border-radius:4px;padding:1px 6px}
.demo-log ul{list-style:none;margin:0;padding:0}
.demo-log li{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:8px 12px 8px 20px;border-radius:7px;border-top:1px solid var(--line-soft);position:relative;transition:background .8s}
.demo-log li::before{content:"";position:absolute;left:8px;top:9px;bottom:9px;width:3px;border-radius:2px;background:var(--teal)}
.demo-log li.demo-empty{display:block;padding-left:0;padding-right:0;color:var(--dim);font-size:12.5px}
.demo-log li.demo-empty::before{display:none}
.demo-log li.demo-new{background:rgba(240,137,50,.1);animation:demoIn .55s var(--rv-spring)}
.demo-log li.demo-new::before{background:var(--orange)}
@keyframes demoIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.dl-p{font-size:13px;font-weight:600}
.dl-d{font-size:13px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.dl-c{font-size:11px;color:var(--muted)}
.dl-a{font-size:11px;color:var(--orange);text-align:right;font-variant-numeric:tabular-nums}
.demo-tot{display:flex;justify-content:space-between;align-items:baseline;margin:8px 0 0;padding-top:10px;border-top:1px solid var(--border);font-size:12.5px;color:var(--muted);max-width:none}
.demo-tot b{color:var(--text);font-size:14px;font-variant-numeric:tabular-nums}
.demo-tot em{font-style:normal;color:var(--orange-light);margin-left:6px}
.demo-note{margin:14px 4px 0;font-size:12px;line-height:1.55;color:var(--dim);max-width:none}

.rv-on .block .bill-copy>p{opacity:0}
.rv-on .block.in .bill-copy>p{opacity:1;animation:rvCopy .8s var(--rv-spring) .3s backwards}
.rv-on .block .try-demo{opacity:0}
.rv-on .block.in .try-demo{opacity:1;animation:rvPanel .95s var(--rv-spring) .35s backwards}

@media(max-width:900px){.bill-grid{grid-template-columns:1fr;gap:36px}.try-demo{max-width:460px}}
@media(max-width:420px){.demo-dig{font-size:40px}.demo-in{padding:2px 16px 18px}}

.sk-gallery.sk-off .sk-svg,.sk-gallery.sk-off .sk-svg *{animation-play-state:paused!important}
.demo-clock{position:relative;overflow:hidden;--brand-primary:#f08932;--brand-primary-rgb:240,137,50;--brand-secondary:#1f9e8f;--brand-text-dim:#5c584f;--brand-text-muted:#a29e96;--brand-text-strong:#ffffff;--brand-box-bg:#24221e;--brand-shadow-rgb:0,0,0}
.demo-sk{position:absolute;right:13px;bottom:11px;width:46px;height:46px;transform:scale(1);transition:transform .3s ease}
.demo-win.running .demo-sk{transform:scale(1.2)}
.demo-sk .sk-svg{display:none;cursor:pointer}
.demo-sk .sk-svg.sk-on{display:block}
.demo-sk.sk-off .sk-svg,.demo-sk.sk-off .sk-svg *{animation-play-state:paused!important}
.sk-svg { width: 46px; height: 46px; display: block; overflow: visible; transition: transform 1.15s cubic-bezier(.45,0,.5,1); }
.sk-svg.sk-running { --sk-amb: 0.6; }
.shadow { fill: rgb(var(--brand-shadow-rgb)); opacity: 0.09; }
.eyeball { fill: var(--brand-text-strong); }
body.sk-paused .sk-svg,
body.sk-paused .sk-svg * { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) {
  .sk-svg, .sk-svg * { animation: none !important; transition: none !important; }
}
@keyframes k-blink1 { 0%,100% { transform: scaleY(1); } 45%,55% { transform: scaleY(0.07); } }
@keyframes k-blink2 {
  0%,18% { transform: scaleY(1); } 26%,32% { transform: scaleY(0.07); }
  42%,62% { transform: scaleY(1); } 70%,76% { transform: scaleY(0.07); }
  86%,100% { transform: scaleY(1); }
}
@keyframes k-slowblink { 0%,12% { transform: scaleY(1); } 38%,62% { transform: scaleY(0.06); } 88%,100% { transform: scaleY(1); } }
@keyframes k-mouth-off { 0%,12% { opacity: 1; } 22%,78% { opacity: 0; } 90%,100% { opacity: 1; } }
@keyframes k-mouth-on { 0%,12% { opacity: 0; } 22%,78% { opacity: 1; } 90%,100% { opacity: 0; } }
@keyframes k-glance {
  0%,10% { transform: translateX(0); } 24%,40% { transform: translateX(-2.6px); }
  56%,76% { transform: translateX(2.6px); } 92%,100% { transform: translateX(0); }
}
.b-blink .eyes { animation: k-blink1 .34s ease-in-out both; }
.b-blink2 .eyes { animation: k-blink2 .92s ease-in-out both; }
.b-slow .eyes { animation: k-slowblink 1.7s ease-in-out both; }
.b-glance .pupils { animation: k-glance 3.2s cubic-bezier(.4,0,.3,1) both; }
.b-smile .mouth-n { animation: k-mouth-off 2.6s ease both; }
.b-smile .mouth-g { animation: k-mouth-on 2.6s ease both; }
.mv { transition: transform 2.6s cubic-bezier(.42,0,.35,1); }
.f-move { transition: transform 3.4s cubic-bezier(.4,0,.35,1); }
.f-trail { transition: transform 3.4s cubic-bezier(.4,0,.35,1) .22s; }
.f-core { animation: k-fpulse calc(3.2s * var(--sk-amb,1)) ease-in-out infinite; transform-origin: center; }
.f-halo { animation: k-fhalo calc(3.2s * var(--sk-amb,1)) ease-in-out infinite; transform-origin: center; }
@keyframes k-fpulse { 0%,100% { opacity: .5; transform: scale(.8); } 40% { opacity: 1; transform: scale(1.1); } }
@keyframes k-fhalo { 0%,100% { opacity: .16; transform: scale(.65); } 40% { opacity: .46; transform: scale(1.2); } }
.b-dart .f-move { transition: transform .5s cubic-bezier(.2,.9,.3,1); }
.b-dart .f-trail { transition: transform .5s cubic-bezier(.2,.9,.3,1) .09s; }
.b-flare .f-flash { animation: k-flare 1.6s ease-out both; }
@keyframes k-flare { 0% { opacity: 0; transform: scale(.3); } 18% { opacity: .75; transform: scale(1); } 100% { opacity: 0; transform: scale(2.4); } }
.b-dim .f-lamp { animation: k-dim 3.4s ease-in-out both; }
@keyframes k-dim { 0%,100% { opacity: 1; } 35%,60% { opacity: .13; } }
.sp { opacity: 0; animation: k-spark 4.6s ease-in-out infinite; }
@keyframes k-spark {
  0%,100% { opacity: 0; transform: translate(0,0) scale(.5); }
  22% { opacity: .65; transform: translate(-1.5px,-2px) scale(1); }
  55% { opacity: .28; transform: translate(1px,-4.5px) scale(.8); }
  78% { opacity: 0; transform: translate(2px,-7px) scale(.4); }
}
.sp1 { animation-duration: 4.2s; animation-delay: -.4s; }
.sp2 { animation-duration: 5.4s; animation-delay: -2.1s; }
.sp3 { animation-duration: 3.8s; animation-delay: -1.2s; }
.sp4 { animation-duration: 6.1s; animation-delay: -3.4s; }
.sp5 { animation-duration: 4.9s; animation-delay: -2.7s; }
.b-flare .sp { animation-duration: 1.4s; }
.w-move { transition: transform 2.9s cubic-bezier(.42,0,.35,1); }
.b-walk .w-legL { animation: k-legA .46s linear infinite; }
.b-walk .w-legR { animation: k-legB .46s linear infinite; }
.b-walk .w-ring { animation: k-bob .23s ease-in-out infinite; }
@keyframes k-legA { 0%,100% { transform: rotate(19deg); } 50% { transform: rotate(-19deg); } }
@keyframes k-legB { 0%,100% { transform: rotate(-19deg); } 50% { transform: rotate(19deg); } }
@keyframes k-bob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-1.4px); } }
.w-legL { transform-origin: 19px 27px; }
.w-legR { transform-origin: 27px 27px; }
.w-ring { transform-origin: 23px 16px; }
.b-orbit .w-knob { animation: k-orbit 1.7s cubic-bezier(.5,0,.5,1) both; }
@keyframes k-orbit { to { transform: rotate(360deg); } }
.w-knob { transform-origin: 23px 16px; }
.b-peer .w-ring { animation: k-peer 2.4s ease-in-out both; }
@keyframes k-peer { 0%,100% { transform: rotate(0); } 30% { transform: rotate(-15deg); } 65% { transform: rotate(15deg); } }
.b-jump .w-all { animation: k-jump 1s cubic-bezier(.3,.85,.4,1) both; }
@keyframes k-jump { 0%,100% { transform: translateY(0); } 35% { transform: translateY(-9px); } 60% { transform: translateY(0); } 78% { transform: translateY(-3px); } }
.p-all { transform: translateY(27px); transition: transform .7s cubic-bezier(.3,.8,.35,1); }
.b-up .p-all { transform: translateY(0); }
.b-quick .p-all { animation: k-quick 1.5s cubic-bezier(.3,.85,.35,1) both; }
@keyframes k-quick { 0%,100% { transform: translateY(27px); } 30%,58% { transform: translateY(-2px); } }
.b-shy .p-all { animation: k-shy 2.2s cubic-bezier(.4,0,.3,1) both; }
@keyframes k-shy { 0%,100% { transform: translateY(27px); } 25%,40% { transform: translateY(11px); } }
.b-tilt .p-body { animation: k-tilt 2.8s cubic-bezier(.4,0,.3,1) both; }
@keyframes k-tilt { 0%,100% { transform: rotate(0); } 28%,44% { transform: rotate(-13deg); } 64%,80% { transform: rotate(13deg); } }
.p-body { transform-origin: 23px 30px; }
.mt-arm { transform-origin: 23px 38px; animation: k-mtick calc(2.5s * var(--sk-amb,1)) cubic-bezier(.45,.55,.55,1) infinite; }
@keyframes k-mtick { 0%,100% { transform: rotate(-22deg); } 50% { transform: rotate(22deg); } }
.mt-weight { transition: transform 1.9s cubic-bezier(.4,0,.3,1); }
.b-halt .mt-arm { animation-play-state: paused; }
.b-halt .mt-body { animation: k-strain 2.8s ease-in-out both; }
@keyframes k-strain { 0%,100% { transform: rotate(0); } 20%,70% { transform: rotate(-2.5deg); } }
.mt-body { transform-origin: 23px 38px; }
.b-wobble .mt-body { animation: k-wob 1.6s cubic-bezier(.3,.8,.4,1) both; }
@keyframes k-wob { 0%,100% { transform: rotate(0); } 22% { transform: rotate(6deg); } 52% { transform: rotate(-5deg); } 76% { transform: rotate(2deg); } }
.mt-spark { opacity: 0; }
.b-ding .mt-spark { animation: k-ding 1.3s ease-out both; }
@keyframes k-ding { 0% { opacity: 0; transform: scale(.4); } 25% { opacity: .9; transform: scale(1); } 100% { opacity: 0; transform: scale(1.7); } }
.sw-hand { transform-origin: 23px 24px; animation: k-turn calc(13s * var(--sk-amb,1)) linear infinite; }
.sw-hour { transform-origin: 23px 24px; animation: k-turn calc(90s * var(--sk-amb,1)) linear infinite; }
@keyframes k-turn { to { transform: rotate(360deg); } }
.sw-face { transform-origin: 23px 24px; }
.b-shrug .sw-face { animation: k-shrug 1.9s cubic-bezier(.3,.8,.4,1) both; }
@keyframes k-shrug { 0%,100% { transform: rotate(0); } 25% { transform: rotate(-10deg); } 58% { transform: rotate(10deg); } 80% { transform: rotate(-3deg); } }
.b-rush .sw-hand { animation: k-turn 1.1s linear infinite; }
.b-rock .sw-face { animation: k-rock 2.6s ease-in-out both; }
@keyframes k-rock { 0%,100% { transform: translateY(0) rotate(0); } 25% { transform: translateY(-4px) rotate(4deg); } 60% { transform: translateY(0) rotate(-4deg); } }
.b-alarm .sw-bell { animation: k-alarm 1.4s ease-in-out both; }
@keyframes k-alarm { 0%,100% { opacity: 0; transform: scale(.5); } 20%,70% { opacity: .85; transform: scale(1); } }
.t-lamp { transform-origin: 23px 6.5px; animation: k-lamp calc(2.7s * var(--sk-amb,1)) ease-in-out infinite; }
@keyframes k-lamp { 0%,100% { opacity: .4; transform: scale(.82); } 50% { opacity: 1; transform: scale(1.16); } }
.t-body { transform-origin: 23px 39px; }
.b-tilt2 .t-body { animation: k-tilt2 2.4s cubic-bezier(.4,0,.3,1) both; }
@keyframes k-tilt2 { 0%,100% { transform: rotate(0); } 30% { transform: rotate(-7deg); } 68% { transform: rotate(7deg); } }
.b-scan .t-scanline { animation: k-scan 2.2s ease-in-out both; }
@keyframes k-scan { 0%,100% { opacity: 0; transform: translateY(-5px); } 20%,80% { opacity: .7; } 100% { transform: translateY(5px); } }
.b-reboot .t-face { animation: k-reboot 2.6s steps(1,end) both; }
@keyframes k-reboot {
  0%,10% { opacity: 1; } 14% { opacity: 0; } 18% { opacity: 1; } 22% { opacity: 0; }
  34% { opacity: 0; } 40% { opacity: 1; } 46% { opacity: 0; } 52%,100% { opacity: 1; }
}
.b-wave .t-armR { animation: k-wave 2.3s ease-in-out both; }
@keyframes k-wave { 0%,100% { transform: rotate(0); } 20% { transform: rotate(-52deg); } 40% { transform: rotate(-30deg); } 60% { transform: rotate(-52deg); } 80% { transform: rotate(-30deg); } }
.t-armR { transform-origin: 35px 26px; }
.t-legL { transform-origin: 17px 33px; }
.t-legR { transform-origin: 29px 33px; }
.b-step .t-legL { animation: k-legA .44s linear infinite; }
.b-step .t-legR { animation: k-legB .44s linear infinite; }
.b-step .t-body { animation: k-bob .22s ease-in-out infinite; }
.b-step .t-armR { animation: k-swingA .44s linear infinite; }
@keyframes k-swingA { 0%,100% { transform: rotate(-13deg); } 50% { transform: rotate(13deg); } }
.t-head { transform-origin: 23px 30px; }
.b-look .t-head { animation: k-thead 3.8s cubic-bezier(.4,0,.3,1) both; }
@keyframes k-thead {
  0%,100% { transform: rotate(0) translateX(0); }
  22%,36% { transform: rotate(-11deg) translateX(-2px); }
  58%,74% { transform: rotate(11deg) translateX(2px); }
}
.b-look .pupils { animation: k-glance 3.8s cubic-bezier(.4,0,.3,1) both; }
.b-snap .t-head { animation: k-tsnap 1.6s cubic-bezier(.2,.9,.3,1) both; }
@keyframes k-tsnap {
  0%,100% { transform: rotate(0); } 12% { transform: rotate(-17deg); }
  30% { transform: rotate(3deg); } 48% { transform: rotate(-13deg); } 70% { transform: rotate(2deg); }
}
.o-head { transform-origin: 23px 31px; }
.b-turn .o-head { animation: k-oturn 3.6s cubic-bezier(.35,0,.3,1) both; }
@keyframes k-oturn { 0%,100% { transform: rotate(0); } 26%,42% { transform: rotate(-16deg); } 62%,80% { transform: rotate(16deg); } }
.b-spin .o-head { animation: k-ospin 3.2s cubic-bezier(.4,0,.25,1) both; }
@keyframes k-ospin { 0% { transform: rotate(0); } 30%,55% { transform: rotate(-168deg); } 100% { transform: rotate(0); } }
.b-puff .o-body { animation: k-puff 2.4s cubic-bezier(.3,.8,.4,1) both; }
@keyframes k-puff { 0%,100% { transform: scale(1); } 30%,55% { transform: scale(1.11,1.06); } }
.o-body { transform-origin: 23px 30px; }
.b-hoot .o-beak { animation: k-hoot 1.8s ease-in-out both; }
@keyframes k-hoot { 0%,100% { transform: scaleY(1); } 30%,60% { transform: scaleY(1.9); } }
.o-beak { transform-origin: 23px 26px; }
.b-hoot .o-body { animation: k-puff 1.8s ease-in-out both; }
.o-all { transform-origin: 23px 39px; }
.o-legL { transform-origin: 19px 35px; }
.o-legR { transform-origin: 27px 35px; }
.b-hop3 .o-all { animation: k-ohop .62s cubic-bezier(.3,.85,.4,1) 3; }
@keyframes k-ohop {
  0%,100% { transform: translateY(0) scaleY(1); }
  18% { transform: translateY(0) scaleY(.9); }
  45% { transform: translateY(-9px) scaleY(1.05); }
  75% { transform: translateY(0) scaleY(.94); }
}
.b-hop3 .o-legL, .b-hop3 .o-legR { animation: k-otuck .62s ease-in-out 3; }
@keyframes k-otuck { 0%,100% { transform: scaleY(1); } 45% { transform: scaleY(.45); } }
.b-waddle .o-all { animation: k-owaddle .58s ease-in-out infinite; }
@keyframes k-owaddle {
  0%,100% { transform: rotate(-4.5deg) translateY(0); }
  25% { transform: rotate(0deg) translateY(-2px); }
  50% { transform: rotate(4.5deg) translateY(0); }
  75% { transform: rotate(0deg) translateY(-2px); }
}
.b-startle .o-all { animation: k-ostartle 1.4s cubic-bezier(.2,.9,.3,1) both; }
@keyframes k-ostartle {
  0%,100% { transform: translateY(0) scaleY(1); }
  10% { transform: translateY(-3px) scaleY(1.12); }
  30% { transform: translateY(0) scaleY(.96); }
  50% { transform: translateY(-1px) scaleY(1.04); }
}
.d-hand { transform-origin: 23px 24px; animation: k-turn calc(15s * var(--sk-amb,1)) linear infinite; }
.d-face { transform-origin: 23px 24px; }
.b-tock .d-face { animation: k-tock 1.5s cubic-bezier(.3,.8,.4,1) both; }
@keyframes k-tock { 0%,100% { transform: translateX(0); } 18% { transform: translateX(-2.5px) rotate(-3deg); } 44% { transform: translateX(2.5px) rotate(3deg); } 70% { transform: translateX(-1px); } }
.b-wink .eye-r { animation: k-wink 1.1s ease-in-out both; }
@keyframes k-wink { 0%,100% { transform: scaleY(1); } 35%,60% { transform: scaleY(0.07); } }
.eye-r { transform-origin: 27.5px 21.5px; }
.zifferblatt .mouth-n { opacity: 0; }
.zifferblatt .mouth-g { opacity: 1; }
.zifferblatt.b-serious .mouth-n { animation: k-mouth-on 2.8s ease both; }
.zifferblatt.b-serious .mouth-g { animation: k-mouth-off 2.8s ease both; }
.b-track .pupils { animation: k-track 4.4s cubic-bezier(.45,0,.4,1) both; }
@keyframes k-track {
  0%,8% { transform: translate(0,0); } 25% { transform: translate(2.4px,-1.4px); }
  50% { transform: translate(0,1.8px); } 75% { transform: translate(-2.4px,-1.4px); }
  92%,100% { transform: translate(0,0); }
}
.st { opacity: 0; animation-name: k-steam; animation-duration: calc(4.2s * var(--sk-amb,1));
      animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.st-b { animation-delay: calc(-2.1s * var(--sk-amb,1)); }
@keyframes k-steam {
  0% { opacity: 0; transform: translateY(4px) scaleY(.65); }
  30% { opacity: .7; } 100% { opacity: 0; transform: translateY(-9px) scaleY(1.3); }
}
.c-body { transform-origin: 23px 38px; }
.b-sip .c-body { animation: k-sip 2.8s cubic-bezier(.4,0,.3,1) both; }
@keyframes k-sip { 0%,100% { transform: rotate(0); } 30%,58% { transform: rotate(-15deg); } }
.b-wobble2 .c-body { animation: k-wob2 1.8s cubic-bezier(.3,.8,.4,1) both; }
@keyframes k-wob2 { 0%,100% { transform: rotate(0); } 22% { transform: rotate(5deg); } 55% { transform: rotate(-4deg); } 80% { transform: rotate(1.5deg); } }
.b-burst .st { animation-duration: 1.1s; }
.b-hot .c-heat { animation: k-hot 2.2s ease-in-out both; }
@keyframes k-hot { 0%,100% { opacity: 0; } 30%,65% { opacity: .55; } }
.c-fill { transform-origin: 22px 36.5px; transform: scaleY(.42); }
.c-fill-top { transform-origin: 22px 36.5px; }
.b-refill .c-fill { animation: k-refill 3.4s cubic-bezier(.35,.6,.3,1) both; }
@keyframes k-refill {
  0% { transform: scaleY(.42); }
  12% { transform: scaleY(.30); }
  62%,82% { transform: scaleY(1); }
  100% { transform: scaleY(.44); }
}
.b-refill .st { animation-duration: 1.2s; }
.b-refill .c-heat { animation: k-hot 3.4s ease-in-out both; }
.b-refill .mouth-n { animation: k-mouth-off 3.4s ease both; }
.b-refill .mouth-g { animation: k-mouth-on 3.4s ease both; }
.b-refill .eyes { animation: k-blink2 1.4s ease-in-out both; }
.l-head { transform-origin: 19px 22px; transition: transform 1.5s cubic-bezier(.4,0,.3,1); }
.l-beam { opacity: .42; }
.b-flick .l-beam { animation: k-flick 1.6s steps(1,end) both; }
@keyframes k-flick {
  0%,14% { opacity: .42; } 18% { opacity: .06; } 22% { opacity: .42; }
  40% { opacity: .42; } 44% { opacity: .06; } 48% { opacity: .3; } 54%,100% { opacity: .42; }
}
.b-out .l-beam { animation: k-out 3.4s ease-in-out both; }
.b-out .l-bulb { animation: k-outb 3.4s ease-in-out both; }
@keyframes k-out { 0%,100% { opacity: .42; } 22%,68% { opacity: 0; } }
@keyframes k-outb { 0%,100% { opacity: 1; } 22%,68% { opacity: .25; } }
.b-nod .l-head { animation: k-nod 2s cubic-bezier(.3,.8,.4,1) both; }
@keyframes k-nod { 0%,100% { transform: rotate(0); } 25% { transform: rotate(16deg); } 50% { transform: rotate(2deg); } 72% { transform: rotate(13deg); } }
.l-all { transform-origin: 19px 38.5px; }
.l-arm { transform-origin: 19px 38.5px; }
.b-hop2 .l-all { animation: k-lhop .52s cubic-bezier(.3,.85,.4,1) 3; }
@keyframes k-lhop {
  0%,100% { transform: translateY(0) rotate(0); }
  30% { transform: translateY(-5px) rotate(-6deg); }
  62% { transform: translateY(0) rotate(3deg); }
}
.b-search .l-head { animation: k-search 4.4s cubic-bezier(.4,0,.35,1) both; }
@keyframes k-search {
  0%,100% { transform: rotate(0); }
  18% { transform: rotate(-20deg); } 38% { transform: rotate(24deg); }
  56% { transform: rotate(-12deg); } 76% { transform: rotate(18deg); }
}
.b-lean .l-arm { animation: k-lean 3s cubic-bezier(.35,0,.3,1) both; }
@keyframes k-lean { 0%,100% { transform: rotate(0); } 30%,62% { transform: rotate(-15deg); } }
.b-lean .l-head { animation: k-nod 3s cubic-bezier(.3,.8,.4,1) both; }
.lampe .mv { transition: transform 1.5s cubic-bezier(.35,.7,.4,1); }
.b-jolt .l-all { animation: k-jolt 1.5s cubic-bezier(.25,.9,.35,1) both; }
@keyframes k-jolt { 0%,100% { transform: translateY(0) rotate(0); } 14% { transform: translateY(-4px) rotate(5deg); } 40% { transform: translateY(0) rotate(-3deg); } 66% { transform: rotate(1.5deg); } }
.b-luxo .l-all { animation: k-luxo 1.05s cubic-bezier(.3,0,.35,1) 2; }
@keyframes k-luxo {
  0%,100% { transform: translateY(0) rotate(0) scaleY(1); }
  18% { transform: translateY(4px) rotate(-4deg) scaleY(.82); }
  52% { transform: translateY(-15px) rotate(9deg) scaleY(1.05); }
  82% { transform: translateY(2px) rotate(-3deg) scaleY(.86); }
}
.b-luxo .l-head { animation: k-luxohead 1.05s cubic-bezier(.3,0,.35,1) 2; }
@keyframes k-luxohead {
  0%,100% { transform: rotate(0); } 18% { transform: rotate(22deg); } 52% { transform: rotate(-14deg); } 82% { transform: rotate(10deg); }
}

.bp{--bp-a:#f08932;--bp-bg:#1c1a17;--bp-panel:#24221e;--bp-tx:#f2f0ec;--bp-sub:#a29e96;--bp-bt:#1c1a17;border:1px solid var(--line-soft);border-radius:12px;background:#1a1816;padding:14px;margin:4px 0 0}
.bp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.bp-tabs button{font:500 11.5px 'Sora',sans-serif;padding:5px 11px;border-radius:20px;border:1px solid var(--line-soft);background:none;color:var(--muted);cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.bp-tabs button:hover{border-color:var(--dim);color:var(--text)}
.bp-tabs button.on{border-color:var(--bp-a);color:#fff;background:color-mix(in srgb,var(--bp-a) 45%,#1a1816)}
.bp-mini{border-radius:10px;background:var(--bp-bg);padding:14px 16px;transition:background .6s}
.bp-h{display:flex;align-items:center;gap:9px;margin:0;font-weight:700;font-size:15px;color:var(--bp-tx);max-width:none;transition:color .6s}
.bp-logo{width:22px;height:22px;border-radius:7px;background:var(--bp-a);transition:background .6s,border-radius .6s}
.bp-fade{animation:bpFade .5s ease}
@keyframes bpFade{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}
.bp-clock{margin-top:12px;background:var(--bp-panel);border-radius:8px;padding:12px;text-align:center;transition:background .6s}
.bp-t{margin:0;font-size:30px;font-weight:300;letter-spacing:.05em;line-height:1.2;color:var(--bp-tx);font-variant-numeric:tabular-nums;max-width:none;transition:color .6s}
.bp-e{margin:2px 0 0;font-size:12px;color:var(--bp-sub);max-width:none;transition:color .6s}
.bp-e b{color:var(--bp-a);transition:color .6s}
.bp-btn{margin:10px 0 0;background:var(--bp-a);color:var(--bp-bt);text-align:center;border-radius:7px;padding:9px;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;max-width:none;transition:background .6s,color .6s}
.bp-sw{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:12px 0 0;font-size:11.5px;color:var(--muted);max-width:none}
.bp-sw i{width:14px;height:14px;border-radius:4px;display:inline-block;border:1px solid rgba(255,255,255,.12);transition:background .6s}
.bp-sw span{margin-left:4px}
.bp-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 26px;position:relative}
.bp-steps::before{content:"";position:absolute;top:16px;left:16%;right:16%;height:1px;background:var(--grad)}
.bp-steps li{text-align:center;position:relative}
.bp-steps b{width:32px;height:32px;border-radius:50%;border:1px solid var(--orange);color:var(--orange);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;background:var(--bg-alt);font-size:13px}
.bp-steps strong{display:block;font-size:13px;line-height:1.35;white-space:nowrap}
.bp-steps span{display:block;font-size:11.5px;color:var(--muted);line-height:1.4;margin-top:3px;white-space:nowrap}
@media(max-width:560px){
  .bp-steps{grid-template-columns:1fr;gap:12px}
  .bp-steps::before{left:16px;right:auto;top:16px;bottom:16px;width:1px;height:auto;background:linear-gradient(var(--orange),var(--teal))}
  .bp-steps li{display:grid;grid-template-columns:32px 1fr;gap:0 12px;text-align:left;align-items:center}
  .bp-steps b{margin:0;grid-row:span 2}
  .bp-steps span{margin-top:0}
}

.rc-sub{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8a7d68;max-width:none}
.rc-incl{gap:10px;margin-bottom:20px}
.rc-incl p span{font-size:14px}
.rc-incl p b{font-size:12px;color:#1f9e8f;letter-spacing:.04em}
.rc-foot{margin:6px 0 26px;padding-top:18px;border-top:1px dashed #b9b1a4;text-align:center}
.rc-codes{display:flex;align-items:flex-start;justify-content:center;gap:22px}
.rc-bc{flex:1;max-width:230px}
.rc-barcode{display:block;width:100%;height:46px}
.rc-bc p,.rc-qrlink span{margin:7px 0 0;font-size:9.5px;letter-spacing:.18em;color:#6b6152;max-width:none;text-transform:uppercase}
.rc-qrlink{display:flex;flex-direction:column;align-items:center;text-decoration:none;flex:none;width:84px;border-radius:6px;transition:transform .2s}
.rc-qrlink:hover{transform:scale(1.06)}
.rc-qr{display:block;width:64px;height:64px}
.rc-qrlink span{letter-spacing:.06em;line-height:1.35;text-align:center}
.rc-ty{margin:16px 0 0;font-size:13px;font-style:italic;color:#3d372e;max-width:none}
.scan-toast{position:fixed;left:50%;bottom:24px;z-index:200;transform:translate(-50%,20px);opacity:0;display:flex;align-items:center;gap:14px;width:min(520px,calc(100vw - 32px));padding:14px 16px 14px 20px;background:#efe9df;color:#1c1a17;border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.45);transition:opacity .4s,transform .4s var(--rv-spring)}
.scan-toast.show{opacity:1;transform:translate(-50%,0)}
.scan-toast p{margin:0;font-size:14px;line-height:1.45;max-width:none}
.scan-toast button{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid #c4bcaf;background:none;color:#4a453d;font-size:18px;line-height:1;cursor:pointer;transition:background .2s,border-color .2s}
.scan-toast button:hover{background:#e2d9ca;border-color:#8a7d68}
.bp-tabs button:focus{outline:none}
.bp-tabs button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.get-grid .price-card{position:relative;z-index:1}

.det-trio{align-items:stretch}
.sk-gallery{flex:1;display:flex;align-items:flex-end;justify-content:space-around;min-height:58px;padding:0 4px;border-bottom:1px solid var(--line-soft);margin-bottom:0;--brand-primary:#f08932;--brand-primary-rgb:240,137,50;--brand-secondary:#1f9e8f;--brand-text-dim:#5c584f;--brand-text-muted:#a29e96;--brand-text-strong:#ffffff;--brand-box-bg:#1c1a17;--brand-shadow-rgb:0,0,0;position:relative}
.sk-tile{position:relative;display:flex;flex-direction:column;align-items:center;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit;transition:transform .2s}
.sk-tile:hover{transform:translateY(-3px)}
.sk-box{display:block;width:58px;height:58px}
.sk-box .sk-svg{width:58px;height:58px}
.sk-name{position:absolute;top:calc(100% + 8px);font-size:11px;color:var(--dim);letter-spacing:.06em;white-space:nowrap;transition:color .2s}
.sk-tile:hover .sk-name{color:var(--teal-lift)}
.sk-gallery{margin-bottom:38px}
@media(max-width:760px){.sk-gallery{min-height:58px}.sk-box,.sk-box .sk-svg{width:46px;height:46px}}

.hero{padding-top:84px;padding-bottom:0;overflow:hidden}
.hero-in{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero .badge{background:rgba(31,158,143,.12);border:1px solid rgba(31,158,143,.4);color:var(--teal-lift);font-weight:600;padding:6px 14px;border-radius:999px;margin:0 0 22px}
.hero .badge::before{display:none}
.hero-in h1{font-size:clamp(36px,5vw,58px);max-width:15ch;margin:0 0 18px}
.hero-in .lede{font-size:clamp(15.5px,1.4vw,18px);max-width:44ch;margin:0 0 30px;color:var(--muted)}
.hero-in .cta-row{justify-content:center;margin-top:0}
.hero-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 18px;margin:24px 0 0;max-width:none}
.hero-links i{width:4px;height:4px;border-radius:50%;background:var(--dim)}
.hero-tour{display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:0;color:var(--text);font:600 15px 'Sora',sans-serif;cursor:pointer;transition:color .2s}
.hero-tour span{width:32px;height:32px;border-radius:50%;border:1px solid var(--line-soft);display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s,transform .2s}
.hero-tour svg{width:12px;height:12px;fill:var(--orange);margin-left:2px}
.hero-tour:hover{color:var(--orange-light)}
.hero-tour:hover span{border-color:var(--orange);background:rgba(240,137,50,.12);transform:scale(1.08)}
.hero-custom{color:var(--teal-lift);font-weight:600;font-size:15px;text-decoration:none;transition:color .2s}
.hero-custom:hover{color:var(--text)}
.hero-facts{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:20px 0 0;padding:0;color:var(--muted);font-size:13px}
.hero-facts li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);margin-right:8px;vertical-align:middle}
.hero-peek{position:relative;z-index:1;width:min(880px,100%);margin:52px auto 0;height:clamp(200px,24vw,330px);overflow:hidden;border-radius:14px 14px 0 0;border:1px solid #34302a;border-bottom:0;box-shadow:0 -10px 80px rgba(240,137,50,.08);-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent)}
.hero-peek img{display:block;width:100%;height:auto}
.hero-bg:not(.is-mobile-bg){top:auto;bottom:0;left:50%;right:auto;width:clamp(1300px,118vw,2300px);height:auto;transform:translateX(-69.5%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 25%,#000 62%,#000 82%,transparent);mask-image:linear-gradient(to bottom,transparent 25%,#000 62%,#000 82%,transparent)}
.hero-bg.is-ready:not(.is-mobile-bg){opacity:.45}
@media(max-width:900px){.hero{padding-top:56px}.hero-peek{margin-top:40px;height:clamp(160px,44vw,260px)}}
@media(min-width:761px){.det-trio .det-col{contain:size}.sk-gallery{min-height:0}}
@media(max-width:560px){.hero-links{flex-direction:column;gap:14px}.hero-links i{display:none}}

.demo-win{position:relative}
.ms-ov{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(10,10,9,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px}
.ms-ov[hidden]{display:none}
.ms-ov.show{animation:msFadeIn .25s ease both}
.ms-card{width:min(320px,100%);background:#1e1c19;border:1px solid #2b2925;border-radius:20px;padding:34px 26px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 32px 64px rgba(0,0,0,.55)}
.ms-ov.show .ms-card{animation:msScaleIn .35s cubic-bezier(.34,1.56,.64,1) both}
.ms-trophy{position:relative;width:88px;height:88px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.ms-trophy i{position:absolute;inset:0;border-radius:50%;border:2px solid #f08932;opacity:0}
.ms-ov.show .ms-trophy i{animation:msRing 1.8s ease-out infinite}
.ms-ov.show .ms-trophy i:nth-child(2){animation-delay:.5s}
.ms-ov.show .ms-trophy i:nth-child(3){animation-delay:1s}
.ms-trophy span{position:relative;z-index:1;width:72px;height:72px;border-radius:50%;background:rgba(240,137,50,.14);display:flex;align-items:center;justify-content:center}
.ms-ov.show .ms-trophy svg{animation:msTrophy .55s cubic-bezier(.34,1.56,.64,1) .25s both}
.ms-cap{margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#1f9e8f;max-width:none}
.ms-label{margin:0 0 10px;font-size:44px;font-weight:700;letter-spacing:-.02em;line-height:1;color:#f2f0ec;max-width:none}
.ms-sub{margin:0 0 26px;font-size:14px;line-height:1.6;color:#a29e96;max-width:none}
.ms-ov.show .ms-label{animation:msSlideUp .4s ease .3s both}
.ms-ov.show .ms-sub{animation:msSlideUp .4s ease .4s both}
.ms-btn{border:0;border-radius:10px;padding:12px 48px;background:#f08932;color:#1c1a17;font:700 15px 'Sora',sans-serif;cursor:pointer;transition:box-shadow .15s,background .15s}
.ms-btn:hover{box-shadow:0 0 16px rgba(240,137,50,.55);background:#ffb35c}
.ms-ov.show .ms-btn{animation:msSlideUp .4s ease .5s both}
.ms-note{margin:16px 0 0;font-size:11px;line-height:1.45;color:#5c584f;max-width:none}
@keyframes msFadeIn{from{opacity:0}to{opacity:1}}
@keyframes msScaleIn{from{transform:scale(.78);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes msRing{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.1);opacity:0}}
@keyframes msSlideUp{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes msTrophy{from{transform:scale(.4) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.ms-ov,.ms-ov *{animation:none!important}}