:root{
  --bg:#111111;--page:#1a1a1a;--module:#1a1a1a;--card:#201f1f;--line:#303030;--ink:#0d0d0d;
  --cream:#e8e3d8;--text:#ffffff;--muted:#b3b3b3;--muted2:#9b9a96;
  --orange:#ff6005;--red:#af161f;--aubergine:#260a26;--swing:#35f0de;
  --grad-cta:linear-gradient(90deg,#af161f 0%,#ff6005 100%);
  --grad-bar:linear-gradient(90deg,#2b0a26 0%,#af151f 45%,#fc5d06 100%);
  --grad-streak:linear-gradient(110deg,rgba(255,96,5,.22) 3%,rgba(17,17,17,.2) 63%);
  --display:'Syne',system-ui,sans-serif;--body:'Roboto',system-ui,sans-serif;
  --gut:clamp(16px,4vw,48px);--max:1180px;color-scheme:dark;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
:focus-visible{outline:2px solid var(--swing);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.eyebrow{font-family:var(--body);font-weight:300;font-stretch:75%;text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--muted2)}
.eyebrow b{color:var(--orange);font-weight:500}
h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.02;letter-spacing:-.01em;overflow-wrap:break-word}
h2{font-size:clamp(1.8rem,3.8vw,2.8rem);color:var(--cream)}
h3{font-size:1.25rem;font-weight:700;color:var(--cream)}
.grad-text{background:var(--grad-cta);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec{padding-block:clamp(64px,10vw,128px)}
.lead{color:var(--muted);max-width:56ch;font-size:clamp(1rem,1.6vw,1.15rem)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:14px;font-family:var(--display);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.14em;transition:transform .2s,filter .2s,border-color .2s}
.btn-grad{background:var(--grad-cta);color:#fff;box-shadow:0 10px 30px -10px rgba(255,96,5,.6)}
.btn-grad:hover{filter:brightness(1.1);transform:translateY(-2px)}
.btn-line{border:1px solid var(--line);background:var(--module);color:var(--orange)}
.btn-line:hover{border-color:var(--orange)}
.btn:active{transform:scale(.98)}

/* header */
.hdr{position:fixed;inset:0 0 auto 0;padding-top:env(safe-area-inset-top,0px);z-index:50;background:rgba(17,17,17,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:.5px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.logo img{height:22px;width:auto}
.flogo{width:min(260px,70vw);height:auto;margin:0 auto 8px}
.nav{display:flex;gap:28px}
.nav a{font-weight:300;font-stretch:75%;text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--muted2);transition:color .2s}
.nav a:hover{color:var(--orange)}
.hdr-r{display:flex;align-items:center;gap:12px}
.lang{display:flex;border:.5px solid #737373;border-radius:32px;padding:2px}
.lang button{font-size:11px;letter-spacing:.1em;padding:4px 10px;border-radius:32px;color:var(--muted2)}
.lang button[aria-pressed=true]{background:var(--grad-cta);color:#fff}
.hdr .btn{min-height:40px;padding:0 18px;font-size:11px;border-radius:12px}

/* hero */
.hero{position:relative;padding-top:118px;padding-bottom:64px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:-10% -20% auto 30%;height:80%;background:radial-gradient(closest-side,rgba(255,96,5,.28),rgba(175,22,31,.12) 55%,transparent 75%);pointer-events:none}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(1.9rem,3.7vw,3.3rem);color:var(--cream);margin:18px 0 22px}
.hero h1 em{font-style:normal}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.pill{display:inline-flex;align-items:center;gap:8px;border:.5px solid #737373;border-radius:32px;padding:4px 14px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);backdrop-filter:blur(13px)}
.pill i{width:6px;height:6px;border-radius:50%;background:var(--swing);box-shadow:0 0 10px var(--swing)}
.scroll{margin-top:44px;display:flex;align-items:center;gap:12px}
.scroll span{width:1px;height:36px;background:linear-gradient(var(--orange),transparent)}
.stage{position:relative;height:min(78vw,640px);display:flex;justify-content:center}
.phone{position:relative;border-radius:34px;overflow:hidden;background:var(--bg);border:1px solid var(--line);box-shadow:0 30px 60px -20px rgba(0,0,0,.8),0 0 0 6px #0a0a0a}
.phone img{width:100%;height:100%;object-fit:cover;object-position:top;transform:translateZ(0)}
.stage .phone{backface-visibility:hidden;outline:1px solid transparent;-webkit-font-smoothing:antialiased;position:absolute;aspect-ratio:390/844;height:100%;max-height:640px}
.stage{--p:0;--dl:0px;--dr:0px}
.stage .p1{left:50%;transform:translateX(calc(-12% + var(--dr)*var(--p))) rotate(calc(5deg + var(--p)*14deg));z-index:1;height:88%;top:6%;opacity:calc(1 - var(--p)*.85);will-change:transform,opacity}
.stage .p2{left:50%;transform:translateX(calc(-84% - var(--dl)*var(--p))) rotate(calc(-4deg - var(--p)*14deg));z-index:2;opacity:calc(1 - var(--p)*.85);will-change:transform,opacity}
.hero .wrap>div:first-child{position:relative;z-index:5}
@media (prefers-reduced-motion:no-preference){
  .stage .p2{animation:fl 7s ease-in-out infinite}.stage .p1{animation:fl 8s ease-in-out -3s infinite}
  @keyframes fl{50%{translate:0 -10px}}
  .rv{animation:up .8s cubic-bezier(.2,.8,.2,1) both}@keyframes up{from{opacity:0;translate:0 20px}}
}

/* signup card (formula selector style) */
.beta{background:var(--module);border:1px solid var(--line);border-radius:24px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.beta-l{background:var(--aubergine);background-image:var(--grad-streak);padding:clamp(24px,4vw,48px);display:flex;flex-direction:column;justify-content:space-between;gap:28px;border-right:.5px solid var(--line)}
.big{font-family:var(--display);font-weight:800;font-size:clamp(5rem,16vw,10rem);line-height:.85;color:transparent;-webkit-text-stroke:2px var(--orange);align-self:flex-start}
.beta-r{padding:clamp(24px,4vw,48px)}
.opts{display:grid;gap:10px;margin:22px 0}
.opt{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;width:100%;padding:16px 18px;border-radius:14px;background:var(--card);border:1px solid var(--line);transition:transform .2s,filter .2s,border-color .2s,box-shadow .2s}
.opt::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--grad-cta);opacity:0;transition:opacity .25s}
.opt b,.opt small{transition:color .2s}
@media(hover:hover){.opt:hover{border-color:transparent;box-shadow:0 10px 30px -10px rgba(255,96,5,.6);filter:brightness(1.1);transform:translateY(-2px)}.opt:hover::before{opacity:1}.opt:hover b,.opt:hover small{color:#fff}}
.opt:focus-visible{border-color:transparent;box-shadow:0 10px 30px -10px rgba(255,96,5,.6);filter:brightness(1.1);transform:translateY(-2px);outline:2px solid var(--orange);outline-offset:3px}
.opt:focus-visible::before{opacity:1}.opt:focus-visible b,.opt:focus-visible small{color:#fff}
.opt:active{transform:scale(.98)}
.opt b{font-family:var(--display);font-weight:700;color:var(--cream);display:block}
.opt small{color:var(--muted2);font-size:13px}
.deadline{display:inline-flex;align-items:center;gap:10px;margin:22px 0 0;font:400 12px/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--cream)}
.deadline i{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(255,96,5,.6);animation:dlp 2.2s ease-out infinite;flex:none}
@keyframes dlp{70%,100%{box-shadow:0 0 0 9px rgba(255,96,5,0)}}
@media(prefers-reduced-motion:reduce){.deadline i{animation:none}}
.deadline.card-dl{display:flex;margin:0 0 16px;padding:12px 16px;border:1px solid rgba(255,96,5,.45);border-radius:14px;background:rgba(255,96,5,.08);color:var(--cream);font-size:11px;letter-spacing:.08em}
.note{font-size:12.5px;color:var(--muted2);margin-top:14px}
.copy{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--muted)}
.maillink{color:var(--cream);font-weight:500;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px;text-decoration-thickness:1.5px;transition:color .2s}
.maillink:hover{color:var(--orange)}

/* carousel */
.hd{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.arrows{display:flex;gap:8px}
.arrows button{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--module);font-size:18px;transition:border-color .2s}
.arrows button:hover{border-color:var(--orange)}
.track{display:flex;gap:16px;overflow-x:auto;scroll-padding-inline:var(--gut);padding:4px var(--gut) 20px;margin-inline:calc(var(--gut)*-1);scrollbar-width:none}
.track::-webkit-scrollbar{display:none}
.card{flex:0 0 min(86vw,340px);scroll-snap-align:start;background:var(--module);border:1px solid var(--line);border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:14px}
.card .phone{aspect-ratio:390/690;box-shadow:none;border-radius:22px}

/* challenge module, rebuilt from the Figma screen (responsive, no raster) */
.phone.mod{container-type:inline-size;display:flex;flex-direction:column;justify-content:center;background:var(--bg)}
.chm{display:grid;gap:3.4cqw;padding:5cqw 4.5cqw}
.ch{border:1px solid var(--line);border-radius:5.5cqw;background:#0d0d0d;padding:5.5cqw 5cqw 5cqw}
.ch-t{display:block;text-align:center;font:400 5.4cqw/1 'Roboto',sans-serif;letter-spacing:.42em;padding-left:.42em;color:#e0391b;padding-bottom:3.6cqw;position:relative}
.ch-t::after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:1px;background:var(--line)}
.ch-pills{display:flex;gap:1.8cqw;margin:4.4cqw 0 5.6cqw}
.ch-pills span{flex:1 1 auto;text-align:center;white-space:nowrap;font:500 2.5cqw/1 'Roboto',sans-serif;letter-spacing:.07em;text-transform:uppercase;padding:2.1cqw 1.2cqw;border-radius:99px;border:1px solid var(--line);color:#4a4a4a}
.ch-pills span.on{background:var(--grad-cta);border-color:transparent;color:#fff}
.ch-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-bottom:4.6cqw}
.ch-row>span:first-child{font:400 3.7cqw/1 'Roboto',sans-serif;letter-spacing:.26em;color:var(--cream);text-align:center}
.ch-row{position:relative}
.ch-in{justify-self:start;display:inline-block;border:1px solid #d6341a;border-radius:99px;padding:1.9cqw 5cqw;color:#e0391b;font:700 4.6cqw/1 'Syne',sans-serif;letter-spacing:.1em}
.ch-in i{font-style:normal;letter-spacing:.22em;margin-right:-.22em}.ch-in u{text-decoration:none;color:#ff4a1a;font-size:5cqw;line-height:.6;vertical-align:-.3cqw;margin:0 .1em}
.ch-in.wide{padding-inline:4.6cqw}
.ch-row em{position:absolute;left:calc(50% + 21cqw);font:800 4.4cqw/1 'Syne',sans-serif;color:var(--cream);font-style:normal}
.ch-h{display:flex;justify-content:space-between;padding:0 4cqw;margin-top:-1cqw}
.ch-h small{font:300 2.5cqw/1.9 'Roboto',sans-serif;letter-spacing:.22em;color:var(--muted2)}
.ch-h small:last-child{text-align:right;align-self:flex-end;margin-bottom:2.6cqw}
.ch-res{margin-top:3.4cqw;padding-top:5cqw;position:relative;text-align:center}
.ch-res::before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:var(--line)}
.ch-res .rl{display:block;font:400 3.6cqw/1 'Roboto',sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--cream);margin-bottom:3.2cqw;padding-left:.3em}
.ch-mode{display:flex;align-items:center;justify-content:space-between;margin-bottom:3.6cqw}
.ch-mode i{font-style:normal;font:400 6cqw/1 'Roboto',sans-serif;color:#e0391b;padding:0 .5cqw}
.ch-mode span{border:1px solid #d6341a;border-radius:99px;padding:1.9cqw 5.5cqw;font:300 5.6cqw/1 'Roboto',sans-serif;letter-spacing:.2em;padding-right:calc(5.5cqw - .2em);color:#e0391b}
.chm .ch-less{font:400 3.6cqw/1.2 'Roboto',sans-serif;letter-spacing:.26em;text-transform:uppercase;color:var(--cream);margin:0 0 3cqw}
.ch-less b{font:700 5.6cqw/1 'Syne',sans-serif;color:#e0391b;letter-spacing:.06em;margin:0 .5cqw}
.ch-less em{font:800 4.2cqw/1 'Syne',sans-serif;font-style:normal;text-transform:none;letter-spacing:.02em}
.chm .ch-txt{font:300 2.7cqw/1.5 'Roboto',sans-serif;letter-spacing:.07em;color:var(--cream);text-align:left;margin:0 2cqw}
.ch-st{display:grid;grid-template-columns:1fr 1fr;gap:3.4cqw}
.ch-st>div{border:1px solid var(--line);border-radius:5.5cqw;background:#0d0d0d;padding:5.6cqw 2cqw;text-align:center;display:grid;gap:2.4cqw}
.ch-st small{font:400 3.3cqw/1.2 'Roboto',sans-serif;color:var(--cream)}
.ch-st b{font:800 9.4cqw/1 'Syne',sans-serif;color:var(--cream);letter-spacing:-.01em}
.card p{color:var(--muted);font-size:14.5px}
.card .eyebrow b{font-weight:500}
.tabs{display:flex;gap:6px;margin-top:6px}
.tabs button{flex:1;height:22px;position:relative;padding:0}
.tabs button::before{content:"";position:absolute;left:0;right:0;top:10px;height:2px;border-radius:2px;background:var(--line);transition:background .3s,height .3s,top .3s}
.tabs button.on::before{background:var(--grad-cta);height:4px;top:9px}
.arrows button[disabled]{opacity:.35;pointer-events:none}

/* swing */
.swing{background:linear-gradient(180deg,var(--bg),#0d0d0d)}
.swing .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}
.swing h2 .sw{color:var(--swing)}
.panel{background:var(--ink);border:.5px solid var(--line);border-radius:15px;padding:22px}
.panel .k{font-weight:300;font-stretch:75%;text-transform:uppercase;letter-spacing:.2em;font-size:10px;color:var(--muted2)}
.num{font-family:var(--display);font-weight:800;font-size:2.2rem;color:var(--cream)}
.rng{width:100%;margin:18px 0 6px;accent-color:var(--orange);height:32px}
.bar{height:6px;border-radius:6px;background:#2a2a2a;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--grad-bar);border-radius:6px;transition:width .4s cubic-bezier(.2,.8,.2,1)}
.days{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:16px}
.day.off{opacity:.35}
.day{background:var(--module);border:.5px solid var(--line);border-radius:10px;padding:10px 4px;text-align:center;min-width:0;transition:opacity .3s}
.day b{display:block;font-family:var(--display);font-size:1rem;color:var(--swing)}
.day span{font-size:10px;color:var(--muted2);letter-spacing:.1em;text-transform:uppercase}
.kc{container-type:inline-size;margin-bottom:16px}
.kc-in{display:grid;gap:calc(100cqw*14/370)}
.kc-hd{display:flex;align-items:center;gap:calc(100cqw*14/370);padding-inline:calc(100cqw*4/370)}
.kc-hd img{width:calc(100cqw*50/370);height:calc(100cqw*50/370);border-radius:50%;object-fit:cover;flex:none}
.kc-nm{display:grid;line-height:1.1;flex:1;min-width:0}
.kc-nm span{font-family:var(--display);font-weight:700;color:var(--orange);font-size:calc(100cqw*17/370)}
.kc-nm b{font-family:var(--display);font-weight:500;color:var(--cream);font-size:calc(100cqw*25/370)}
.kc-gear{flex:none;display:grid;place-items:center;width:calc(100cqw*42/370);height:calc(100cqw*42/370);border-radius:50%;border:1px solid #3b3b3b;background:radial-gradient(circle at 35% 30%,#494949,#262626);color:#b3b3b3}
.kc-gear svg{width:52%;height:52%}
.kc-box{border:1px solid #3d3d3d;border-radius:calc(100cqw*16/370);background:#0d0d0d;padding:calc(100cqw*16/370) calc(100cqw*18/370) calc(100cqw*14/370)}
.kc-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.kc-k{display:block;font-family:'RobotoCondensed','Roboto',sans-serif;font-weight:300;letter-spacing:.2em;color:#b3b3b3;font-size:calc(100cqw*10.5/370)}
.kc-n{display:block;font-family:var(--display);font-weight:800;color:var(--cream);font-size:calc(100cqw*30/370);line-height:1.15;margin-top:calc(100cqw*4/370);letter-spacing:.02em}
.kc-r{text-align:right}
.kc-sw{display:block;font-family:'RobotoCondensed','Roboto',sans-serif;font-weight:400;color:var(--swing);font-size:calc(100cqw*20/370);letter-spacing:.04em;margin-top:calc(100cqw*6/370);margin-bottom:calc(100cqw*4/370)}
.kc-bar{position:relative;height:calc(100cqw*10/370);margin-top:calc(100cqw*10/370);border-radius:99px;background:#303030}
.kc-fill{position:absolute;left:0;top:0;bottom:0;width:65.6%;border-radius:99px;background:var(--grad-bar)}
.kc-seg{position:absolute;right:0;top:0;bottom:0;width:var(--w);transition:width .9s cubic-bezier(.34,1.45,.5,1),opacity .4s}
.kc-seg.off{opacity:0}
.kc-gl{position:absolute;inset:0;border-radius:99px;background:var(--swing)}
.kc-glow{position:absolute;inset:-60% -6%;border-radius:99px;background:var(--swing);filter:blur(calc(100cqw*9/370));opacity:.28;animation:kglow 4.2s ease-in-out infinite}
@keyframes kglow{50%{opacity:.5}}
.kc-seg.hit .kc-gl{animation:khit .8s cubic-bezier(.2,.8,.2,1)}
@keyframes khit{0%{filter:brightness(1.45)}100%{filter:none}}
.kc-seg.hit .kc-glow{animation:khalo .9s cubic-bezier(.2,.8,.2,1)}
@keyframes khalo{0%{opacity:.85;transform:scale(1.25)}100%{opacity:.28;transform:scale(1)}}
.kc-spark{position:absolute;top:50%;left:var(--x);width:calc(100cqw*3.2/370);height:calc(100cqw*3.2/370);border-radius:50%;background:#bffff8;box-shadow:0 0 calc(100cqw*5/370) var(--swing);pointer-events:none;animation:kspark 1.2s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes kspark{0%{opacity:0;transform:translate(0,-50%) scale(.6)}15%{opacity:1}100%{opacity:0;transform:translate(var(--dx),calc(-50% - var(--dy))) scale(.3)}}
.kc-sw{transition:color .4s,text-shadow .4s}
.kc.idle .kc-sw{color:var(--cream)}
.kc:not(.idle) .kc-sw{text-shadow:0 0 calc(100cqw*14/370) rgba(53,240,222,.35)}
@media(prefers-reduced-motion:reduce){.kc-glow,.kc-seg.hit .kc-gl,.kc-seg.hit .kc-glow{animation:none}.kc-seg{transition:none}.kc-spark{display:none}}
.kc-mac{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;margin-top:calc(100cqw*18/370);padding-inline:calc(100cqw*14/370)}
.kc-mac span{display:grid;justify-items:center;gap:calc(100cqw*4/370);font-family:var(--display);font-weight:700;color:var(--c);font-size:calc(100cqw*17/370);line-height:1}
.kc-mac i{display:block;width:calc(100cqw*44/370);height:calc(100cqw*6/370);border-radius:9px;background:linear-gradient(90deg,var(--c) 0 62%,#303030 62%)}
.res{margin-top:14px;font-size:14px;color:var(--muted)}
.res b{color:var(--swing)}

/* objectifs */
.obj{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-rows:auto auto;column-gap:clamp(28px,5vw,72px);row-gap:20px;align-items:center}
.obj>.phone{grid-column:1;grid-row:1/3}
.obj-t{grid-column:2;grid-row:1;align-self:end}
.obj>.goal-out{grid-column:2;grid-row:2;align-self:start;margin-top:0}
.obj .phone{max-width:340px;margin-inline:auto;aspect-ratio:391/848;width:100%}
.scr{container-type:inline-size}
.scr .cover{position:absolute;left:calc(100cqw*8/391);right:calc(100cqw*8/391);top:calc(100cqw*258/391);height:calc(100cqw*505/391);background:#111}
.gl{position:absolute;left:calc(100cqw*10/391);width:calc(100cqw*371/391);top:calc(100cqw*263/391);display:grid;gap:calc(100cqw*10/391)}
.gc{position:relative;display:flex;align-items:center;gap:calc(100cqw*14/391);height:calc(100cqw*112/391);padding-left:calc(100cqw*18/391);border-radius:calc(100cqw*20/391);background:#201f1f;text-align:left;overflow:hidden;transition:height .35s cubic-bezier(.2,.8,.2,1),background-color .25s}
.gc::before{content:"";position:absolute;inset:0;background:var(--grad-cta);opacity:0;transition:opacity .35s}
.gc:hover{background-color:#2a2928}
.gc[aria-checked=true]{height:calc(100cqw*123/391)}
.gc[aria-checked=true]::before{opacity:1}
.gc>*{position:relative}
.gi{flex:none;width:calc(100cqw*44/391);display:grid;place-items:center;color:var(--cream);opacity:.82;transition:opacity .3s}
.gc:hover .gi,.gc[aria-checked=true] .gi{opacity:1}
.yi{width:100%;height:auto;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.yi .dot{fill:currentColor;stroke:none}
.yi .soft{opacity:.78}
@keyframes yi-sway{0%,100%{transform:rotate(-4deg) scale(1)}50%{transform:rotate(4deg) scale(1.04)}}
@keyframes yi-needle{0%{transform:rotate(52deg)}40%,68%{transform:rotate(-38deg)}100%{transform:rotate(52deg)}}
@keyframes yi-lift{0%,100%{transform:translateY(1.5px) rotate(0)}50%{transform:translateY(-3px) rotate(-3deg)}}
@keyframes yi-floor{0%,100%{transform:scaleX(1);opacity:.5}50%{transform:scaleX(.68);opacity:.2}}
@keyframes yi-hand{0%{transform:rotate(0)}72%,100%{transform:rotate(360deg)}}
@keyframes yi-press{0%,70%,100%{transform:translateY(0)}76%{transform:translateY(1.6px)}}
.yi-eat .sprig{transform-origin:24px 26px;animation:yi-sway 5s ease-in-out infinite}
.yi-scale .needle{transform-origin:24px 26px;animation:yi-needle 6.5s cubic-bezier(.45,0,.2,1) infinite}
.yi-lift .db{transform-origin:24px 22px;animation:yi-lift 3.6s cubic-bezier(.45,0,.25,1) infinite}
.yi-lift .fl{transform-origin:24px 40px;animation:yi-floor 3.6s cubic-bezier(.45,0,.25,1) infinite}
.yi-stop .hand{transform-origin:24px 27px;animation:yi-hand 7s cubic-bezier(.6,0,.2,1) infinite}
.yi-stop .btn{animation:yi-press 7s ease-in-out infinite}
@keyframes yi-ring{0%{stroke-dashoffset:129;opacity:1}62%{stroke-dashoffset:0;opacity:1}80%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes yi-beat{0%,40%,100%{transform:scale(1)}8%{transform:scale(1.1)}16%{transform:scale(.98)}24%{transform:scale(1.06)}}
@keyframes yi-spk{0%,4%{opacity:0;transform:scale(.6)}12%{opacity:.9;transform:scale(1)}30%,100%{opacity:0;transform:scale(1.15)}}
@keyframes yi-type{0%,60%,100%{opacity:.28;transform:translateY(0)}20%{opacity:1;transform:translateY(-1.6px)}}
.yi-prof .ring{stroke-dasharray:129;stroke-dashoffset:129;transform:rotate(-90deg);transform-origin:24px 24px;animation:yi-ring 5.5s cubic-bezier(.5,0,.2,1) infinite}
.yi-heart .hb{transform-origin:24px 27px;animation:yi-beat 3.4s ease-out infinite}
.yi-heart .spk{opacity:0;transform-origin:24px 18px;animation:yi-spk 3.4s ease-out infinite}
.yi-chat .td{animation:yi-type 1.6s ease-in-out infinite}.yi-chat .td.b{animation-delay:.2s}.yi-chat .td.c{animation-delay:.4s}
@media(prefers-reduced-motion:reduce){.yi-prof .ring{stroke-dashoffset:40}.yi-chat .td{opacity:.6}.yi *{animation:none!important}.yi-scale .needle{transform:rotate(-14deg)}.yi-stop .hand{transform:rotate(38deg)}.yi-lift .db{transform:translateY(-1px)}}
.gt{min-width:0}
.gt b{display:block;font-family:var(--display);font-weight:700;font-size:calc(100cqw*18/391);line-height:1.2;color:var(--cream);white-space:nowrap}
.gt small{display:block;font-family:var(--display);font-weight:700;font-size:calc(100cqw*13.2/391);line-height:1.25;color:#fff;margin-top:calc(100cqw*2/391)}
.gc[aria-checked=true] small{max-width:calc(100cqw*160/391)}
.nx{position:absolute;left:calc(100cqw*10/391);width:calc(100cqw*371/391);top:calc(100cqw*776/391);height:calc(100cqw*47/391);border-radius:calc(100cqw*12/391);transition:background .25s}
.nx:hover{background:rgba(255,96,5,.14)}
.goal-hint{margin-top:22px;display:flex;align-items:center;gap:10px}
.goal-hint::before{content:"";width:28px;height:1px;background:var(--orange)}
.goal-out{margin-top:16px;background:var(--ink);border:.5px solid var(--line);border-radius:15px;padding:22px;min-height:132px}
.goal-out h3{color:var(--orange);font-size:1.15rem}
.goal-out p{color:var(--muted);margin-top:8px;max-width:52ch}

/* story */
.story{border-block:.5px solid var(--line);background:var(--aubergine);background-image:var(--grad-streak);text-align:center}
.story h2{max-width:20ch;margin:18px auto 0}
.story .lead{margin:20px auto 0}

/* faq */
.faq{max-width:780px;margin-inline:auto}
details{border-bottom:.5px solid var(--line);padding:22px 0}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-family:var(--display);font-weight:700;font-size:1.1rem;color:var(--cream)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--orange);font-size:1.5rem;line-height:1}
details[open] summary::after{content:"–"}
details p{color:var(--muted);margin-top:12px;max-width:62ch}


/* food social club */
.club{position:relative;overflow:hidden;padding-block:clamp(48px,7vw,96px) clamp(64px,9vw,120px);border-block:.5px solid var(--line);background:radial-gradient(55% 55% at 78% 48%,rgba(255,96,5,.16),transparent 70%),radial-gradient(60% 70% at 0% 100%,rgba(38,10,38,.95),transparent 70%),var(--bg)}
.mq{overflow:hidden;margin-bottom:clamp(36px,6vw,72px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mq-in{display:flex;align-items:center;width:max-content;font:800 clamp(2.8rem,9.5vw,8rem)/1.05 var(--display);letter-spacing:-.02em;white-space:nowrap;animation:mq 50s linear infinite;will-change:transform}
.mq-in>*{margin-right:.35em}
.mq-in span{background:var(--grad-cta);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
.mq-in span.o{background:none;color:transparent;-webkit-text-stroke:1.5px rgba(232,227,216,.32)}
.mq-in i{font-style:normal;font-size:.45em;color:var(--orange)}
@keyframes mq{to{transform:translateX(-50%)}}
.club-g{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,80px);align-items:center}
.club h2{font-size:clamp(2.2rem,4.3vw,3.6rem);margin:16px 0 20px;max-width:14ch}
.vs{margin-top:34px;max-width:560px}
.vs-h{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;padding-bottom:12px;font:300 11px/1 var(--body);font-stretch:75%;letter-spacing:.2em;text-transform:uppercase;color:var(--muted2)}
.vs-h span+span{color:var(--orange)}
.vs dl>div{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;align-items:baseline;padding:15px 0;border-top:.5px solid var(--line)}
.vs dl>div:last-child{border-bottom:.5px solid var(--line)}
.vs dt{color:var(--muted2);font-size:15px;text-decoration:line-through;text-decoration-color:rgba(155,154,150,.55);text-decoration-thickness:1px}
.vs dd{margin:0;color:var(--cream);font:700 clamp(15px,1.4vw,17px)/1.3 var(--display);position:relative;padding-left:22px}
.vs dd::before{content:"→";position:absolute;left:0;color:var(--orange);font-family:var(--body);font-weight:400}
.pil{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(40px,6vw,80px)}
.pil li{background:rgba(26,26,26,.72);border:1px solid var(--line);border-radius:20px;padding:24px 24px 26px;display:grid;gap:10px;align-content:start;backdrop-filter:blur(6px)}
.pi{display:block;width:46px;height:46px;color:var(--cream);margin-bottom:6px}
.pil b{font:700 1.2rem/1.2 var(--display);color:var(--cream)}
.pil p{color:var(--muted);font-size:14.5px}
@media(max-width:900px){.club-g{grid-template-columns:1fr}.club h2{max-width:none}.pil{grid-template-columns:1fr}.pil li{grid-template-columns:46px 1fr;column-gap:16px}.pil li .pi{grid-row:1/3;margin:0}}
@media(prefers-reduced-motion:reduce){.mq-in{animation:none}}
/*SCREENS*/
:root{--i-salad:url(/assets/img/food-salad.c236ce50.webp);--i-pasta:url(/assets/img/food-pasta.21156c7e.webp);--i-manon:url(/assets/img/avatar-manon.9359add9.webp);--i-jumper:url(/assets/img/avatar-jumper.00fd2e29.webp);--i-jsal:url(/assets/img/food-jsal.4a853e30.webp);--i-salmon:url(/assets/img/food-salmon.cb042ffc.webp)}
.club-v{position:relative;display:flex;justify-content:center;padding:7% 0 9%}
.club-v::before{content:"";position:absolute;inset:6% 6% 0;background:radial-gradient(closest-side,rgba(255,96,5,.26),transparent 72%);filter:blur(12px);pointer-events:none}
.scrl{position:relative;width:min(54%,290px);aspect-ratio:391/844;container-type:inline-size;background:#0a0a0a;z-index:1}
.scrl .sc{position:absolute;top:0;left:0;width:100%;will-change:transform;padding-bottom:28.133cqw}
/* status bar + bottom nav stay fixed over the scrolling screen */
.sb{position:absolute;z-index:3;isolation:isolate;inset:0 0 auto 0;height:11.253cqw;display:flex;align-items:center;justify-content:space-between;padding:0 5.627cqw 0 6.650cqw;font:500 3.581cqw/1 'Roboto',sans-serif;color:#fff;background:linear-gradient(rgba(10,10,10,.55),transparent)}
.sb::before{content:"";position:absolute;inset:0 0 -30% 0;z-index:-1;background:linear-gradient(#0a0a0a 72%,rgba(10,10,10,0));opacity:var(--sbg,0)}
.sb-r{display:flex;align-items:center;gap:1.279cqw}.sb-r em{font-style:normal;font-size:3.325cqw}
.sb-w{width:4.348cqw}.sb-b{width:6.394cqw}
.nb{position:absolute;z-index:3;left:3.581cqw;right:3.581cqw;bottom:3.581cqw;height:13.299cqw;border-radius:6.650cqw;display:flex;align-items:center;justify-content:space-around;padding:0 2.046cqw;background:rgba(44,44,44,.62);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.nb .ic{width:5.627cqw;height:5.627cqw;stroke:#d8d8d8}
.nb-c{width:11.253cqw;height:11.253cqw;flex:none}
.nb-a{width:8.184cqw;height:8.184cqw;border-radius:50%;background:center/cover}
.ic{fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block}
/* cover */
.pf-cov{position:relative;height:128.645cqw}
.pf-img{position:absolute;inset:0;background:url(/assets/img/profile-cover.10df9355.webp) center top/100% 100%}
.pf-scrim{position:absolute;inset:0 0 auto;height:30.691cqw;background:linear-gradient(rgba(0,0,0,.35),transparent)}
.pf-cov .ic{position:absolute;width:6.650cqw;height:6.650cqw;top:10.742cqw}
.pf-cov .back{left:4.604cqw;stroke-width:2.4}.pf-cov .plus{right:13.299cqw;width:7.673cqw;height:7.673cqw;top:10.230cqw}.pf-cov .msg{right:3.581cqw}
.pf-glass{position:absolute;left:0;right:0;bottom:0;height:33.760cqw;border-radius:1.535cqw 1.535cqw 5.115cqw 5.115cqw;background:rgba(120,110,104,.32);border-top:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center}
.ecto{position:absolute;left:50%;top:-5.115cqw;transform:translateX(-50%);height:10.230cqw;padding:0 4.092cqw;display:flex;align-items:center;border-radius:5.115cqw;border:1px solid rgba(255,255,255,.85);background:rgba(110,100,95,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 3.836cqw/1 'Roboto',sans-serif;color:#fff}
.pf-name{display:block;padding-top:7.161cqw;font:600 6.138cqw/1 'Syne',sans-serif;color:#fff;letter-spacing:-.005em}
.pf-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:3.069cqw 2.558cqw 0}
.pf-stats b{display:block;font:300 9.207cqw/1 'Roboto',sans-serif;color:#fff}
.pf-stats small{display:block;margin-top:1.535cqw;font:300 2.558cqw/1 'RobotoCondensed','Roboto',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.55)}
/* streak + bio */
.pf-streak{margin:1.790cqw 0.512cqw 0;height:17.903cqw;border-radius:3.581cqw;border:1px solid #2a2320;background:linear-gradient(110deg,rgba(255,96,5,.24) 3%,rgba(17,17,17,.2) 63%),#151210;display:grid;grid-template-columns:1fr 1.05fr 1fr;align-items:center;text-align:center;padding:0 2.558cqw}
.pf-streak small{display:block;font:300 2.558cqw/1 'RobotoCondensed','Roboto',sans-serif;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.pf-streak b{display:block;margin-top:1.279cqw;font:700 5.371cqw/1 'RobotoCondensed','Roboto',sans-serif;text-transform:uppercase;color:#fff}
.pf-bio{margin:3.836cqw 0.512cqw 0;border-radius:3.581cqw;border:1px solid #2a2a2a;background:#171717;padding:4.604cqw 3.069cqw 4.092cqw;text-align:center}
.pf-bio p{font:500 3.427cqw/1.32 'Syne',sans-serif;color:#eee;max-width:66.496cqw;margin:0 auto}
.tags{display:flex;justify-content:center;gap:1.535cqw;margin-top:3.581cqw}
.tags span{border:1px solid #3d3d3d;border-radius:99px;padding:1.023cqw 1.790cqw;font:300 2.685cqw/1 'RobotoCondensed','Roboto',sans-serif;letter-spacing:.04em;color:#8d8d8d;white-space:nowrap}
.pf-tabs{display:flex;justify-content:center;gap:8.696cqw;margin-top:7.673cqw;padding-bottom:3.069cqw;border-bottom:1px solid #262626;position:relative}
.pf-tabs span{font:300 2.685cqw/1 'RobotoCondensed','Roboto',sans-serif;letter-spacing:.26em;text-transform:uppercase;color:#7c7c7c;position:relative}
.pf-tabs span.on{color:var(--orange)}
.pf-tabs span.on::after{content:"";position:absolute;left:-2.046cqw;right:-2.046cqw;bottom:-3.325cqw;height:2px;background:var(--orange)}
.pf-search{margin:4.092cqw auto 0;width:79.284cqw;height:7.928cqw;border-radius:99px;border:1px solid #333;background:#0d0d0d;display:flex;align-items:center;justify-content:space-between;padding:0 2.046cqw 0 3.581cqw;font:500 3.581cqw/1 'Roboto',sans-serif;color:#d8d8d8}
.pf-search .ic{width:4.859cqw;height:4.859cqw;stroke-width:2}
/* collection */
.pf-col{margin:3.581cqw 0.512cqw 0;border:1px solid rgba(255,96,5,.75);border-radius:4.092cqw;padding:0 1.279cqw 1.279cqw}
.col-t{display:block;text-align:center;padding:4.348cqw 0 3.325cqw;font:700 3.197cqw/1 'Syne',sans-serif;letter-spacing:.06em;color:#eee}
.col-g{display:grid;grid-template-columns:1fr 1fr;gap:1.279cqw}
.tl{position:relative;background:#1d1d1d;border:1px solid #262626;border-radius:3.069cqw;padding:2.302cqw 2.302cqw 2.558cqw;height:38.363cqw;display:flex;flex-direction:column}
.th{display:grid;grid-template-columns:14.834cqw 7.161cqw 7.161cqw;grid-template-rows:7.161cqw 7.161cqw;gap:0.512cqw 0.767cqw}
.th i{border-radius:50%;background:center/cover;border:1px solid rgba(255,255,255,.08)}
.th i.tb{grid-row:1/3;border-radius:2.302cqw;background-size:170%}
.kb{position:absolute;right:2.046cqw;top:2.558cqw;width:1.279cqw;fill:#8a8a8a}
.tl b{margin-top:3.325cqw;font:800 3.836cqw/1.3 'Syne',sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#f2f2f2}
.tl b.sm{font-size:2.711cqw;line-height:1.45;letter-spacing:.08em}
.tl small{margin-top:auto;font:400 2.685cqw/1 'RobotoCondensed','Roboto',sans-serif;text-transform:uppercase;color:#8f8f8f}
/* recipe card (shared by profile + DM; sized from the profile grid) */
.scrl .rc{margin:3.581cqw 0.512cqw 0}
.rc{border-radius:3.581cqw;background:#1e1e1e;overflow:hidden}
.rc-ph{position:relative;aspect-ratio:387/286;background:center/cover}
.rc .av{position:absolute;left:2.558cqw;top:2.302cqw;width:10.486cqw;height:10.486cqw;border-radius:50%;background:center/cover;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.sat{position:absolute;right:2.046cqw;top:3.325cqw;height:5.627cqw;padding:0 2.302cqw;display:flex;align-items:center;border-radius:99px;background:#1b1b1b;border:1px solid rgba(255,255,255,.75);font:500 2.685cqw/1 'Roboto',sans-serif;color:#fff}
.rc-band{position:absolute;left:0;right:0;bottom:0;height:14.322cqw;padding:2.558cqw 2.558cqw 0;background:rgba(70,70,70,.42);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
.chips{position:absolute;left:2.558cqw;top:-4.859cqw;display:flex;gap:1.023cqw}
.chips span{height:5.371cqw;padding:0 2.813cqw;display:flex;align-items:center;border-radius:99px;border:1px solid rgba(255,255,255,.75);background:rgba(90,90,90,.45);font:600 2.455cqw/1 'Syne',sans-serif;letter-spacing:.14em;color:#fff}
.chips span.k{font:500 2.558cqw/1 'Roboto',sans-serif;letter-spacing:0}
.rc-band b{display:block;margin-top:1.535cqw;font:700 3.734cqw/1 'Syne',sans-serif;letter-spacing:.01em;color:#fff;white-space:nowrap}
.rc-band small{display:block;margin-top:1.535cqw;font:400 3.325cqw/1 'Roboto',sans-serif;color:rgba(255,255,255,.62);white-space:nowrap}
.rc-band small em{font-style:normal;color:rgba(255,255,255,.85)}
.rc-act{display:flex;align-items:center;gap:5.627cqw;height:9.719cqw;padding:0 3.069cqw;font:400 3.708cqw/1 'Roboto',sans-serif;color:#fff}
.rc-act span{display:flex;align-items:center;gap:1.279cqw}
.rc-act .ic{width:4.859cqw;height:4.859cqw;stroke-width:1.8}
.rc-act .sh{margin-left:auto}

/* DM sheet */
.dm{position:absolute;z-index:2;left:-6%;bottom:5%;width:min(34%,180px);container-type:inline-size;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 80px -24px rgba(0,0,0,.95),0 0 0 5px #0a0a0a;transform:rotate(-5deg);transform-origin:0 100%;
  background:radial-gradient(40% 14% at 22% 2%,rgba(170,60,40,.45),transparent),radial-gradient(30% 12% at 70% 3%,rgba(200,110,60,.35),transparent),radial-gradient(60% 30% at 50% 100%,rgba(255,255,255,.04),transparent),#363636}
.dm-in{padding:9.013cqw 2.146cqw 5.579cqw}
.dm-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:13.734cqw}
.dm-x{width:9.442cqw;height:9.442cqw;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22)}
.dm-x .ic{width:4.721cqw;height:4.721cqw;stroke:#d0d0d0;stroke-width:2}
.dm-n{height:7.725cqw;padding:0 3.863cqw;display:flex;align-items:center;border-radius:99px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.05);font:500 3.112cqw/1 'Roboto',sans-serif;color:#fff}
.dm-av{width:9.871cqw;height:9.871cqw;border-radius:50%;background:center/cover;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.dm-av.s{width:9.442cqw;height:9.442cqw}
.dm-r{display:flex;align-items:center;gap:1.717cqw;margin-bottom:3.004cqw}
.dm-r.me{justify-content:flex-end;margin-top:4.292cqw}
.bu{position:relative;height:8.155cqw;padding:0 3.219cqw;display:flex;align-items:center;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.26);box-shadow:0 0.858cqw 2.575cqw rgba(0,0,0,.25);font:400 3.004cqw/1 'Roboto',sans-serif;color:rgba(255,255,255,.88);white-space:nowrap}
.bu.dot::after{content:"";position:absolute;right:-2.575cqw;top:-0.215cqw;width:1.931cqw;height:1.931cqw;border-radius:50%;background:#e2401f}
.dm .rc{margin:0.429cqw 0 0;box-shadow:0 1.288cqw 3.863cqw rgba(0,0,0,.3)}
.dm .rc .av{left:2.575cqw;top:2.146cqw;width:9.442cqw;height:9.442cqw}
.dm .sat{right:1.931cqw;top:3.648cqw;height:5.150cqw;padding:0 2.146cqw;font-size:2.575cqw}
.dm .rc-band{height:14.163cqw;padding:2.575cqw 2.575cqw 0}
.dm .chips{left:2.575cqw;top:-4.721cqw}
.dm .chips span{height:5.150cqw;padding:0 2.790cqw;font-size:2.361cqw}
.dm .chips span.k{font-size:2.468cqw}
.dm .rc-band b{margin-top:1.717cqw;font-size:3.605cqw}
.dm .rc-band small{margin-top:1.717cqw;font-size:3.176cqw}

/* post card */
.pc{position:absolute;z-index:2;right:-6%;top:8%;width:min(32%,170px);container-type:inline-size;border-radius:12px;overflow:hidden;background:#1f1f1f;border:1px solid #2c2c2c;box-shadow:0 40px 80px -24px rgba(0,0,0,.95),0 0 0 5px #0a0a0a;transform:rotate(4deg);transform-origin:100% 0}
.pc-ph{position:relative;aspect-ratio:408/363;background:url(/assets/img/post-photo.8161c89e.webp) center/cover}
.pc-band{position:absolute;left:0;right:0;bottom:0;height:25.735cqw;padding:8.824cqw 3.431cqw 0;background:rgba(80,80,80,.38);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
.pc-who{position:absolute;left:2.941cqw;top:-5.882cqw;display:flex;align-items:center;gap:1.961cqw}
.pc-who .av{width:10.784cqw;height:10.784cqw;border-radius:50%;background:center/cover;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.pc-who span{height:6.127cqw;padding:0 2.696cqw;display:flex;align-items:center;border-radius:99px;border:1px solid rgba(255,255,255,.8);background:rgba(90,90,90,.35);font:600 2.574cqw/1 'Syne',sans-serif;letter-spacing:.08em;color:#fff;margin-top:-1.961cqw}
.pc-band p{font:400 4.167cqw/1.25 'Roboto',sans-serif;color:#fff;margin:0}
.pc .rc-act{gap:6.373cqw;height:13.725cqw;padding:0 3.431cqw;font-size:4.044cqw}
.pc .rc-act .ic{width:5.147cqw;height:5.147cqw}
.pc .rc-act span{gap:1.471cqw}
@media(max-width:900px){.club-v{padding:12% 0 13%;max-width:520px;margin-inline:auto;width:100%}.scrl{width:56%}.dm{width:38%;left:-2%}.pc{width:36%;right:-2%}}
/*/SCREENS*/
/*HERO*/
.stage .phone{container-type:inline-size;background:#121212}
.app{position:absolute;inset:0;overflow:hidden}
.sb2{display:flex;align-items:center;justify-content:space-between;height:14.834cqw;padding:0 6.650cqw 0 9.207cqw}
.sb2>b{font:500 4.220cqw/1 'Roboto',sans-serif;color:#fff;letter-spacing:.01em}
.isl{position:absolute;left:50%;top:3.069cqw;transform:translateX(-50%);width:48.593cqw;height:9.207cqw;border-radius:4.604cqw;background:#000;display:flex;align-items:center;justify-content:space-between;padding:0 2.558cqw 0 2.046cqw}
.isl-a{width:6.138cqw;height:6.138cqw;border-radius:1.790cqw;background:linear-gradient(160deg,#af161f,#ff6005)}
.isl-w{width:6.650cqw;height:5.627cqw;fill:#ff6a14}
.isl-w rect{transform-box:fill-box;transform-origin:50% 50%;animation:islw 1.4s ease-in-out infinite alternate;animation-delay:var(--d)}
@keyframes islw{from{transform:scaleY(.55)}to{transform:scaleY(1)}}
.sb2-r{display:flex;align-items:center;gap:1.279cqw}
.sb2-s{width:4.348cqw;fill:#fff}.sb2-w{width:4.092cqw}.sb2-b{width:6.394cqw}
.dh{display:flex;align-items:center;gap:3.581cqw;padding:1.535cqw 7.673cqw 0 7.161cqw}
.dh-av{width:10.230cqw;height:10.230cqw;border-radius:50%;background:center/cover;flex:none}
.dh-t{flex:1;display:grid;line-height:1}
.dh-t span{font:700 4.348cqw/1.05 'Syne',sans-serif;color:var(--orange)}
.dh-t b{font:500 5.627cqw/1.1 'Syne',sans-serif;color:var(--cream)}
.dh-g{width:9.719cqw;height:9.719cqw;border-radius:50%;display:grid;place-items:center;border:1px solid #3b3b3b;background:radial-gradient(circle at 35% 30%,#494949,#262626);flex:none}
.dh-g .ic{width:5.115cqw;height:5.115cqw;stroke:#b3b3b3;stroke-width:1.6}
.dk{margin:6.394cqw 2.558cqw 0;border:1px solid #3d3d3d;border-radius:2.046cqw;background:#0d0d0d;padding:3.581cqw 5.115cqw 2.813cqw 6.138cqw}
.dk-r{display:flex;justify-content:space-between;align-items:flex-start}
.dk-k{display:block;font:300 2.404cqw/1 'RobotoCondensed','Roboto',sans-serif;letter-spacing:.2em;color:#b3b3b3}
.dk-n{display:block;margin-top:1.279cqw;font:800 6.394cqw/1 'Syne',sans-serif;letter-spacing:.02em;color:var(--cream)}
.dk-s{text-align:right}
.dk-sw{display:block;font:400 3.708cqw/1 'RobotoCondensed','Roboto',sans-serif;letter-spacing:.04em;color:var(--swing);margin:0.767cqw 0 1.023cqw;text-shadow:0 0 3.069cqw rgba(53,240,222,.35)}
.dk-bar{position:relative;height:1.535cqw;margin-top:3.069cqw;border-radius:99px;background:#303030}
.dk-fill{position:absolute;left:0;top:0;bottom:0;width:80%;border-radius:99px;background:var(--grad-bar)}

.dk-seg .kc-glow{filter:blur(1.790cqw)}
.dk-seg .kc-spark{width:0.665cqw;height:0.665cqw}
.dk-mac{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;margin-top:3.581cqw;padding:0 5.627cqw}
.dk-mac span{display:grid;justify-items:center;gap:0.767cqw;font:700 3.069cqw/1 'Syne',sans-serif;color:var(--c)}
.dk-mac i{display:block;width:11.253cqw;height:1.023cqw;border-radius:9px;background:linear-gradient(90deg,var(--c) 0 var(--v),#303030 var(--v))}
.dr{display:block;margin:4.604cqw 7.161cqw 2.558cqw;font:700 2.941cqw/1 'Syne',sans-serif;letter-spacing:.02em;color:var(--orange)}
.rp{position:relative;margin:0 2.558cqw;height:62.660cqw;border-radius:2.558cqw;background:url(/assets/img/recipe-photo.e1d4b189.webp) center/cover}
.rp span{position:absolute;bottom:2.813cqw;height:6.138cqw;display:flex;align-items:center;border-radius:99px;background:rgba(28,28,28,.78);border:1px solid rgba(255,255,255,.3);color:#fff}
.rp-p{left:3.069cqw;padding:0 4.604cqw;font:600 2.455cqw/1 'Syne',sans-serif;letter-spacing:.14em}
.rp-k{right:2.046cqw;padding:0 2.558cqw;font:500 2.685cqw/1 'Roboto',sans-serif}
.rp-d{display:block;margin:3.069cqw 7.161cqw 0;font:400 3.325cqw/1 'Roboto',sans-serif;color:#9b9a96}
.tg{display:grid;grid-template-columns:1fr 1fr;gap:4.092cqw;margin:3.581cqw 2.558cqw 0}
.tg>div{height:42.199cqw;border:1px solid #3d3d3d;border-radius:3.069cqw;background:#0e0e0e;display:grid;align-content:center;justify-items:center;gap:3.069cqw}
.tg small{font:400 3.453cqw/1 'Roboto',sans-serif;color:#e8e8e8}
.tg small.o{color:var(--orange)}
.tg b{font:800 8.696cqw/1 'Syne',sans-serif;color:var(--cream);letter-spacing:.01em}
.tch{margin:2.813cqw 2.558cqw 0;height:23.018cqw;border:1px solid #3d3d3d;border-radius:3.069cqw;background:#0e0e0e;display:grid;place-items:center;font:400 4.859cqw/1 'Roboto',sans-serif;letter-spacing:.42em;padding-left:.42em;color:#d6341a}
.fh{display:flex;align-items:center;justify-content:space-between;padding:1.535cqw 8.184cqw 0 9.207cqw}
.fh-c{display:grid;justify-items:center;line-height:1}
.fh-c small{font:400 3.453cqw/1.1 'Roboto',sans-serif;color:#9b9a96}
.fh-c small+b+small{font-size:2.685cqw}
.fh-c b{font:500 5.882cqw/1 'Roboto',sans-serif;color:var(--orange)}
.fk{margin:7.673cqw 2.558cqw 0;border:1px solid #3d3d3d;border-radius:2.046cqw;background:#0d0d0d;padding:3.325cqw 5.627cqw 3.325cqw 6.138cqw}
.fk-t{display:flex;align-items:baseline;gap:3.581cqw}
.fk-t b{font:700 2.941cqw/1 'Roboto',sans-serif;color:#eee;margin-left:1.023cqw}
.fk-t em{font:400 2.941cqw/1 'Roboto',sans-serif;font-style:normal;color:#8d8d8d;margin-left:-2.558cqw}
.fk-bar{height:1.790cqw;margin-top:2.813cqw}
.fk-mac{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;margin-top:3.325cqw;padding:0 3.581cqw}
.fk-mac i{display:block;width:11.253cqw;height:1.023cqw;border-radius:9px;background:linear-gradient(90deg,var(--c) 0 var(--v),#303030 var(--v))}
.fd{padding-top:5.627cqw}
.fd .rc{margin:3.581cqw 2.558cqw 0}
@media(prefers-reduced-motion:reduce){.isl-w rect{animation:none}}
/*/HERO*/
/* carousel dashboard: the raster stays as is; only the right part of the kcal bar is redrawn live (same flat Swing segment as the hero and the Swing module) */
.card .phone.dsh{container-type:inline-size}
.dsh-p{position:absolute;left:75.959cqw;top:47.059cqw;width:18.414cqw;height:5.627cqw;background:#111}
.dsh-bar{position:absolute;left:8.824cqw;width:82.737cqw;top:48.721cqw;height:2.174cqw}
.dsh-tr{position:absolute;left:81.1%;right:0;top:0;bottom:0;border-radius:0 99px 99px 0;background:#303030}
.dsh-seg .kc-glow{filter:blur(1.6cqw)}
.dsh-seg .kc-spark{width:.7cqw;height:.7cqw}
/* final + footer */
.final{text-align:center;position:relative;overflow:hidden}
.final::before{content:"";position:absolute;inset:auto 10% -40% 10%;height:90%;background:radial-gradient(closest-side,rgba(255,96,5,.25),transparent 70%);pointer-events:none}
.final .wrap{position:relative}
.final h2{font-size:clamp(2.2rem,6.5vw,5rem);margin:18px auto 28px;max-width:14ch}
.ftr{border-top:.5px solid var(--line);padding-block:36px;font-size:13px;color:var(--muted2)}
.ftr .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ftr a.pp{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px;transition:color .2s,text-decoration-color .2s}
.ftr a.pp:hover{color:var(--cream);text-decoration-color:var(--orange)}
.ftr-l{display:flex;gap:6px 22px;flex-wrap:wrap}
.ftr-note{flex-basis:100%;margin:6px 0 0;font-size:12px;line-height:1.55;color:var(--muted2)}
.ftr-note span{display:block;max-width:68ch}
.note a.nl,.faq a.nl{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}
.note a.nl:hover,.faq a.nl:hover{color:var(--cream);text-decoration-color:var(--orange)}

@media(max-width:900px){
  .track{scroll-snap-type:x mandatory}
  .obj{grid-template-columns:1fr}
  .obj>.obj-t{grid-column:1;grid-row:1;order:1}
  .obj>.goal-out{grid-column:1;grid-row:2;order:2;position:sticky;top:calc(env(safe-area-inset-top,0px) + 76px);z-index:6;margin:0;padding:14px 16px;min-height:112px;box-shadow:0 14px 24px -6px #000;background:#0d0d0d}
  .obj>.phone{grid-column:1;grid-row:3;order:3}
  .nav{display:none}
  .hero .wrap,.beta,.swing .wrap,.obj{grid-template-columns:1fr}
  .beta-l{border-right:0;border-bottom:.5px solid var(--line)}
  .stage{height:min(112vw,520px)}
  .hdr .btn{display:none}
}