@font-face{font-family:Barlow;font-weight:400;font-display:swap;src:url(/assets/fonts/barlow-400.woff2) format('woff2')}
@font-face{font-family:Barlow;font-weight:500;font-display:swap;src:url(/assets/fonts/barlow-500.woff2) format('woff2')}
@font-face{font-family:Barlow;font-weight:600 700;font-display:swap;src:url(/assets/fonts/barlow-600.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:500;font-display:swap;src:url(/assets/fonts/barlow-condensed-500.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:600;font-display:swap;src:url(/assets/fonts/barlow-condensed-600.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:700 800;font-display:swap;src:url(/assets/fonts/barlow-condensed-700.woff2) format('woff2')}
:root{--c:#f4efe4;--s:#ebe4d6;--i:#191816;--m:#5c574f;--l:#d9d0be;--o:#e0a040;--ot:#8a5208;--g:#1c1a18;--di:#f1efe9;--dm:#b3ada2;--dl:#3a3733}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--c);color:var(--i);font:400 17px/1.5 Barlow,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--i);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:#000}
button,input{font:inherit;color:inherit}
button{border:0;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
p{margin:0}
h1,h2,h3{margin:0;font-family:'Barlow Condensed',Barlow,sans-serif;font-weight:700;letter-spacing:-.01em;text-wrap:balance}
h2{font-size:42px;line-height:.96}
h3{font-size:24px;line-height:1.05}
:focus-visible{outline:3px solid var(--o);outline-offset:3px;border-radius:6px}
.num{font-family:'Barlow Condensed',Barlow,sans-serif;font-variant-numeric:tabular-nums}
.k{font:600 13px/1.2 Barlow;letter-spacing:.1em;text-transform:uppercase;color:var(--m)}
.w{max-width:1240px;margin:0 auto;padding:0 20px}
.sec{padding:72px 0}
.lede{font-size:19px;line-height:1.5;color:var(--m);margin-top:14px;max-width:36em;text-wrap:pretty}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dark{background:var(--g);color:var(--di)}
.dark .k,.dark .lede{color:var(--dm)}
.dark .flist li:before{border-color:var(--o)}
.dark .flist li small,.dark .lib figcaption{color:var(--dm)}
.dark a{color:var(--di)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:12px;font:700 18px Barlow;text-decoration:none;transition:transform .15s,background-color .15s}
.btn:active{transform:scale(.97)}
.btn.pri{background:var(--i);color:var(--di)}
.btn.pri:hover{background:#000;color:#fff}
.btn.amb{background:var(--o);color:var(--i)}
.btn.amb:hover{background:#eab05a;color:var(--i)}
.btn.sec2{border:1.5px solid var(--i);color:var(--i)}
.btn.sec2:hover{background:var(--s)}
.dark .btn.sec2{border-color:var(--dm);color:var(--di)}
.dark .btn.sec2:hover{background:#2a2724}
.play{width:0;height:0;border-left:11px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent}

/* header */
.top{position:sticky;top:0;z-index:20;background:rgba(244,239,228,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid transparent;transition:border-color .2s}
.top.sc{border-color:var(--l)}
.top .w{display:flex;align-items:center;gap:20px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 26px/1 'Barlow Condensed';letter-spacing:.01em;margin-right:auto;min-height:44px}
.brand svg{width:34px;height:34px;flex:none;display:block}
.nav{display:none;gap:4px}
.nav a{font:600 16px Barlow;text-decoration:none;padding:10px 12px;border-radius:8px}
.nav a:hover{background:var(--s)}
.top .btn{min-height:44px;padding:0 16px;font-size:16px}

/* hero */
.hero{padding:28px 0 56px}
.hg{display:grid;gap:36px}
.kick{font:700 22px/1.2 'Barlow Condensed';letter-spacing:.01em;display:flex;align-items:center;gap:10px}
.kick .and{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:6px;background:var(--i);color:var(--di);font:700 14px/1 Barlow;letter-spacing:.04em}
h1{font-size:60px;line-height:.92;margin-top:10px}
.hero .lede{color:var(--i);font-size:19px}
.hero .lede q{font-weight:700;quotes:"“" "”"}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ctas .btn{flex:1 1 220px}
.facts{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font:600 15px Barlow}
.facts li{display:flex;align-items:center;gap:8px}
.facts li:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--o);flex:none}
.ios-l{display:inline-block;margin-top:14px;font:500 15px Barlow;color:var(--m)}
.hstage{position:relative;display:flex;justify-content:center}
.bubble{position:absolute;left:0;top:34%;z-index:3;max-width:210px;padding:12px 16px;border-radius:16px 16px 16px 4px;background:#fff;box-shadow:0 10px 30px rgba(40,30,10,.14);font:600 20px/1.2 Barlow;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}
.bubble.on{opacity:1;transform:none}
.bubble small{display:block;font:600 11px Barlow;letter-spacing:.1em;text-transform:uppercase;color:var(--m);margin-bottom:4px}
.simlab{font:500 13px Barlow;color:var(--m);text-align:center;margin-top:12px}

/* phone frame */
.pw{display:flex;flex-direction:column;align-items:center}
.phone{zoom:var(--z,.84);width:384px;padding:12px;border-radius:54px;background:#0e0d0c;box-shadow:0 0 0 1.5px #3b3834 inset,0 40px 80px -20px rgba(40,28,10,.35),0 12px 24px -8px rgba(40,28,10,.25);position:relative;flex:none}
.phone:before{content:"";position:absolute;right:-3px;top:150px;width:3px;height:64px;border-radius:0 2px 2px 0;background:#2a2724}
.scr{width:360px;height:780px;border-radius:42px;overflow:hidden;position:relative;display:flex;flex-direction:column;font-family:Barlow,sans-serif;--bg:#f1efe9;--pn:#e4e1d9;--ch:#f1efe9;--ink:#191816;--i2:#3d3a35;--i3:#6b675f;--ln:#dcd8cf;--acc:#e0a040;--at:#94590a;--soft:#f3dfb8;background:var(--bg);color:var(--ink);text-align:left}
.scr.dk{--bg:#141311;--pn:#211f1c;--ch:#2c2925;--ink:#f1efe9;--i2:#c9c4ba;--i3:#9a958b;--ln:#2c2925;--at:#e0a040;--soft:#3a2c14}
.cam{position:absolute;top:13px;left:50%;width:13px;height:13px;margin-left:-6.5px;border-radius:50%;background:#050505;box-shadow:0 0 0 2px #1d1c1a;z-index:9}
.sb{height:38px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:4px 26px 0;font:600 14px Barlow}
.sb .ic{display:flex;align-items:center;gap:6px}
.sb .sig{display:flex;align-items:flex-end;gap:1.5px;height:11px}
.sb .sig i{width:3px;background:currentColor;border-radius:1px}
.sb .bat{width:20px;height:10px;border:1.5px solid currentColor;border-radius:3px;position:relative;padding:1px}
.sb .bat:after{content:"";display:block;height:100%;width:70%;background:currentColor;border-radius:1px}
.gest{position:absolute;bottom:9px;left:50%;width:108px;margin-left:-54px;height:4px;border-radius:2px;background:var(--ink);opacity:.85;z-index:9}
.fg{display:block;border-radius:10px;overflow:hidden;flex:none}

/* workout screen */
.wtop{height:46px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 6px}
.wtop>span{padding:0 12px;font:600 15px Barlow;color:var(--i3)}
.wtop .fin{color:var(--at);font-weight:700}
.wtop .ctr{display:flex;flex-direction:column;align-items:center;padding:0}
.wtop .ctr b{font:700 19px/1 'Barlow Condensed';color:var(--ink)}
.wtop .ctr small{font:500 10.5px Barlow;letter-spacing:.08em;text-transform:uppercase;color:var(--i3);margin-top:2px}
.wbody{flex:1;min-height:0;padding:4px 18px 0;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.exh{display:flex;gap:12px;align-items:center}
.exh .fg{width:64px;height:64px;background:var(--pn)}
.exh b{display:block;font:700 30px/.95 'Barlow Condensed'}
.exh small{display:block;font:500 13px/1.35 Barlow;color:var(--i3);margin-top:4px}
.last{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:10px;background:var(--pn)}
.last .t{font:600 10.5px Barlow;letter-spacing:.12em;text-transform:uppercase;color:var(--i3)}
.last .num{font:600 18px 'Barlow Condensed'}
.sh,.sr{display:grid;grid-template-columns:44px 1fr 1fr 24px;align-items:center;padding:0 6px}
.sh{font:600 10.5px Barlow;letter-spacing:.12em;text-transform:uppercase;color:var(--i3);padding-bottom:6px}
.sr{height:44px;border-top:1px solid var(--ln);font:600 22px 'Barlow Condensed';color:var(--i2);font-variant-numeric:tabular-nums}
.sr i{font-style:normal;font-size:15px;color:var(--at)}
.sr .sn{font-size:17px}
.sr.new{height:0;opacity:0;overflow:hidden;border-color:transparent;transition:height .26s cubic-bezier(.2,.8,.2,1),opacity .2s,background-color .8s;border-radius:8px}
.sr.act{height:50px;border-radius:10px;border-color:transparent;background:var(--pn);color:var(--ink);font-weight:700;font-size:25px}
.sr.act .sn{color:var(--at)}
.upn{display:flex;flex-direction:column;gap:6px}
.upn div{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--ln);font:700 17px 'Barlow Condensed'}
.upn div span{font:500 13px Barlow;color:var(--i3)}
.dock{flex:none;padding:10px 16px 30px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--ln);background:var(--bg)}
.band{height:44px;border-radius:10px;display:flex;align-items:center;padding:0 12px;font:600 14px Barlow;position:relative;overflow:hidden}
.band.ready{background:#2a2112;color:var(--acc)}
.scr:not(.dk) .band.ready{background:var(--soft);color:#5a3a06}
.band.rest{background:var(--pn);justify-content:space-between;padding-right:4px}
.band.rest .rl{display:flex;align-items:baseline;gap:8px}
.band.rest .rl span{font:600 10.5px Barlow;letter-spacing:.12em;color:var(--i3)}
.band.rest .rl b{font:700 23px 'Barlow Condensed';font-variant-numeric:tabular-nums}
.band.rest .rb{display:flex;font:700 14px 'Barlow Condensed';letter-spacing:.04em}
.band.rest .rb>*{width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.band.rest .bar{position:absolute;left:0;bottom:0;height:3px;background:var(--acc);width:100%;transform-origin:0 50%}
.stp{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.st{display:flex;align-items:center;height:60px;border-radius:12px;background:var(--pn)}
.st>*{width:46px;height:60px;display:flex;align-items:center;justify-content:center;font:500 28px Barlow}
.st>.v{flex:1;width:auto;font:700 36px 'Barlow Condensed';font-variant-numeric:tabular-nums;flex-direction:column;line-height:1}
.st>.v small{font:600 10px Barlow;letter-spacing:.12em;color:var(--i3);margin-top:2px}
.acts{display:grid;grid-template-columns:60px 1fr;gap:10px}
.mic{width:60px;height:60px;border-radius:12px;background:var(--ch);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color .15s,transform .15s}
.mic i{display:block;background:currentColor}
.mic .cap{width:14px;height:21px;border-radius:7px;border:2.5px solid currentColor;background:none}
.mic .stem{width:2.5px;height:4px}
.mic .base{width:13px;height:2.5px;border-radius:2px}
.logb{height:60px;border-radius:12px;background:var(--acc);color:#141311;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}
.logb b{position:relative;font:800 21px 'Barlow Condensed';letter-spacing:.06em}
.logb small{position:relative;font:600 15px 'Barlow Condensed';color:#4a3410}
.logb .fill{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(255,255,255,.38)}
.scr:not(.dk) .logb.ink{background:var(--ink);color:var(--bg)}
.scr:not(.dk) .logb.ink small{color:var(--acc)}

/* voice panel */
.vp{position:absolute;left:0;right:0;bottom:0;z-index:4;background:var(--pn);border-radius:20px 20px 0 0;padding:14px 16px 30px;display:flex;flex-direction:column;gap:12px;transform:translateY(102%);transition:transform .24s cubic-bezier(.2,.8,.2,1);box-shadow:0 -10px 30px rgba(0,0,0,.25)}
.vh-h{height:22px;display:flex;align-items:center;font:600 11px Barlow;letter-spacing:.12em;color:var(--i3)}
.vhero{height:72px;position:relative}
.wave{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 2px}
.wave i{width:4px;height:60px;border-radius:2px;background:var(--ink);transform:scaleY(.07);opacity:.35;transition:transform 90ms linear,opacity .1s}
.chips{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.chip{border-radius:12px;background:var(--ch);display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 14px;opacity:0;transform:translateY(10px) scale(.94);transition:opacity .15s,transform .32s cubic-bezier(.34,1.4,.64,1)}
.chip:nth-child(2){transition-delay:.05s}
.chip span{font:600 11px Barlow;letter-spacing:.12em;color:var(--i3)}
.chip b{font:700 34px/1 'Barlow Condensed'}
.vtx{height:20px;font:500 14px Barlow;color:var(--i2);white-space:nowrap;overflow:hidden}
.vrow{position:relative;height:60px}
.vrow>div{position:absolute;inset:0;display:grid;grid-template-columns:60px 1fr;gap:10px;opacity:0;transition:opacity .15s}
.vrow .hold{display:flex;align-items:center;height:60px;font:600 15px Barlow;color:var(--i2)}
.vrow .cancel{height:60px;border-radius:12px;border:1.5px solid var(--i3);display:flex;align-items:center;justify-content:center;font:700 17px 'Barlow Condensed';letter-spacing:.06em}
.touch{position:absolute;left:46px;bottom:60px;width:56px;height:56px;margin:0 0 -28px -28px;border-radius:50%;background:rgba(241,239,233,.32);border:2px solid rgba(241,239,233,.75);z-index:6;opacity:0;transform:scale(.6);transition:opacity .15s,transform .2s;pointer-events:none}
/* states */
[data-st=hold] .dock .mic{transform:scale(.94);background:var(--acc);color:#141311}
[data-st=hold] .touch,[data-st=listen] .touch{opacity:1;transform:scale(1)}
[data-st=listen] .vp,[data-st=read] .vp,[data-st=result] .vp,[data-st=logged] .vp{transform:none}
[data-st=listen] .vrow .r1,[data-st=read] .vrow .r2,[data-st=result] .vrow .r3,[data-st=logged] .vrow .r3{opacity:1}
[data-st=listen] .vrow .mic{background:var(--acc);color:#141311}
[data-st=listen] .vh-h{color:var(--at)}
[data-st=read] .wave i{transform:scaleY(.1);opacity:.3;animation:shim 1.1s linear infinite;animation-delay:calc(var(--n) * 28ms)}
@keyframes shim{0%,100%{opacity:.25}12%{opacity:.9;transform:scaleY(.2)}24%{opacity:.25;transform:scaleY(.1)}}
[data-st=result] .wave,[data-st=logged] .wave{opacity:0}
[data-st=result] .chip,[data-st=logged] .chip{opacity:1;transform:none}
[data-st=result] .logb .fill{width:100%;transition:width 1.5s linear}
[data-st=logged] .logb .fill{width:100%}
[data-st=logged] .sr.new,[data-st=rest] .sr.new{height:44px;opacity:1;border-color:var(--ln)}
[data-st=logged] .sr.new{background:var(--soft)}
.band.rest{display:none}
[data-st=rest] .band.rest{display:flex}
[data-st=rest] .band.ready{display:none}
[data-st=rest] .band.rest .bar{animation:drain 90s linear forwards}
@keyframes drain{to{transform:scaleX(0)}}

/* demo section */
.demo .dg{display:grid;gap:40px;margin-top:36px}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{counter-increment:s}
.steps button{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;row-gap:0;align-items:start;padding:14px 0;border-top:1px solid var(--dl);text-align:left;color:var(--dm);transition:color .2s}
.steps li:last-child button{border-bottom:1px solid var(--dl)}
.steps button:before{content:counter(s);width:30px;height:30px;border-radius:50%;border:1.5px solid var(--dl);display:flex;align-items:center;justify-content:center;font:700 16px 'Barlow Condensed';transition:background-color .2s,color .2s,border-color .2s}
.steps button:before{grid-row:1/3;grid-column:1}
.steps b,.steps span{grid-column:2}
.steps b{display:block;font:700 22px/1.15 'Barlow Condensed';color:inherit}
.steps span{display:block;font:500 15px/1.4 Barlow;margin-top:2px}
.steps button.on{color:var(--di)}
.steps button.on:before{background:var(--o);border-color:var(--o);color:var(--i)}
.steps button:hover{color:var(--di)}
.capbar{margin-top:18px;min-height:64px;width:100%;max-width:360px;padding:12px 16px;border-radius:12px;background:#000;color:#fff;font:600 18px/1.3 Barlow;text-align:center;display:flex;align-items:center;justify-content:center}
.dctl{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:24px}
.note{font:500 14px/1.45 Barlow;color:var(--dm);max-width:30em}

/* split sections */
.split{display:grid;gap:40px;align-items:center}
.pts{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:0}
.pts li{padding:16px 0;border-top:1px solid var(--l)}
.pts li:last-child{border-bottom:1px solid var(--l)}
.pts b{display:block;font:700 22px/1.15 'Barlow Condensed'}
.pts span{display:block;color:var(--m);margin-top:3px;text-wrap:pretty}
.try{font:500 14px Barlow;color:var(--m);margin-top:14px;text-align:center}

/* keypad sheet */
.kp{position:absolute;inset:0;z-index:5;display:none}
.kp.on{display:block}
.kp .sc{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.kp .sheet{position:absolute;left:0;right:0;bottom:0;background:var(--pn);border-radius:20px 20px 0 0;padding:8px 14px 30px;display:flex;flex-direction:column;gap:10px}
.kp .grab{width:36px;height:5px;border-radius:3px;background:#4a4640;margin:0 auto}
.kp .kh{display:flex;justify-content:space-between;font:600 13px Barlow;color:var(--i3)}
.kp .vals{display:grid;grid-template-columns:1.3fr 1fr;gap:8px}
.kp .vals button{height:76px;border-radius:12px;background:var(--bg);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 14px;gap:4px;border:2px solid transparent}
.kp .vals button.on{border-color:var(--acc)}
.kp .vals span{font:600 10.5px Barlow;letter-spacing:.12em;color:var(--i3)}
.kp .vals b{font:700 42px/1 'Barlow Condensed';font-variant-numeric:tabular-nums}
.kp .keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.kp .keys button{height:50px;border-radius:10px;background:var(--ch);font:600 24px 'Barlow Condensed'}
.kp .keys .alt{background:var(--bg);font-size:18px;color:var(--i3)}
.kp .keys .done{grid-column:span 2;background:var(--acc);color:#141311;font:800 19px 'Barlow Condensed';letter-spacing:.06em}

/* suggestion */
.sugg{background:var(--s)}
.why{display:flex;align-items:center;gap:10px;min-height:48px;padding:2px}
.why p{flex:1;font:500 15px/1.3 Barlow;color:var(--i2);text-wrap:pretty}
.why p b{color:var(--ink)}
.why a,.why span.w{flex:none;font:600 14px Barlow;color:var(--at);text-decoration:none}
.rsn{display:grid;gap:10px;margin-top:28px}
.rsn button{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;text-align:left;padding:14px 16px;border-radius:12px;background:var(--c);border:2px solid transparent;transition:border-color .15s}
.rsn button.on{border-color:var(--i)}
.rsn .n{font:700 30px/1 'Barlow Condensed'}
.rsn .n small{display:block;font:600 11px Barlow;letter-spacing:.1em;text-transform:uppercase;color:var(--m);margin-bottom:4px}
.rsn .t{font:500 16px/1.35 Barlow;text-wrap:pretty}

/* recovery + weekly */
.twin{display:grid;gap:56px;margin-top:40px}
.twin>div{display:flex;flex-direction:column;align-items:center;gap:22px}
.twin .cap{max-width:420px;align-self:center}
.twin .cap h3{margin-bottom:8px}
.twin .cap p{color:var(--m);text-wrap:pretty}
.rtop{display:flex;justify-content:space-between;align-items:flex-start;padding:0 8px 0 18px}
.rtop .k2{font:600 10.5px Barlow;letter-spacing:.12em;text-transform:uppercase;color:var(--i3)}
.rtop b{display:block;font:700 32px/1.1 'Barlow Condensed'}
.rtop .cl{height:44px;padding:0 10px;font:700 14px Barlow;color:var(--at);display:flex;align-items:center}
.rnow{display:flex;justify-content:space-between;align-items:center;padding:4px 18px 0;font:500 13px Barlow;color:var(--i3)}
.seg{display:flex;padding:3px;border-radius:10px;background:var(--pn)}
.seg button{height:34px;padding:0 12px;border-radius:8px;font:600 13px Barlow;color:var(--i3)}
.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.bodies{height:300px;display:flex;justify-content:center;padding-top:6px}
.bodies svg{height:100%;width:auto;display:none}
.bodies[data-v=f] svg:first-child,.bodies[data-v=b] svg:last-child{display:block}
.ov{mix-blend-mode:multiply}
.ov g{transition:fill .25s}
.look{margin:8px 16px 0;padding:10px 12px 4px;border-radius:14px;background:var(--pn)}
.look .lh{display:flex;justify-content:space-between;align-items:baseline}
.look .lh b{font:700 19px 'Barlow Condensed'}
.look .lh span{font:600 10px Barlow;letter-spacing:.12em;text-transform:uppercase;color:var(--i3)}
.look p{font:500 13.5px/1.35 Barlow;color:var(--i2);min-height:36px;margin-top:2px}
.days{position:relative;display:flex;justify-content:space-between;margin:0 -4px}
.days:before{content:"";position:absolute;left:24px;right:24px;top:17px;height:4px;border-radius:2px;background:#cfcbc2}
.days .tf{position:absolute;left:24px;top:17px;height:4px;border-radius:2px;background:var(--ink);transition:width .25s}
.days button{position:relative;width:48px;height:56px;display:flex;flex-direction:column;align-items:center;gap:5px;padding-top:9px;font:600 12px Barlow;color:var(--i3)}
.days button i{width:12px;height:12px;border-radius:50%;border:2px solid var(--ink);background:var(--bg);margin:4px 0;transition:all .2s}
.days button.past i{background:var(--ink)}
.days button.on{color:var(--ink);font-weight:700}
.days button.on i{width:20px;height:20px;margin:0;background:var(--ink)}
.leg{display:flex;justify-content:space-between;padding:10px 18px 0;font:500 12px Barlow;color:var(--i2)}
.leg span{display:flex;align-items:center;gap:6px}
.leg i{width:12px;height:12px;border-radius:3px}
.fits{padding:12px 18px 0}
.fits .fh{font:700 14px 'Barlow Condensed';letter-spacing:.12em;text-transform:uppercase;padding-bottom:4px}
.fit{display:flex;align-items:center;gap:12px;min-height:54px;border-top:1px solid var(--ln)}
.fit i{width:10px;height:10px;border-radius:50%;flex:none}
.fit div{flex:1;min-width:0}
.fit b{display:block;font:700 19px/1.1 'Barlow Condensed'}
.fit small{font:500 12.5px Barlow;color:var(--i3)}
.fit .wn{font:700 14px 'Barlow Condensed';letter-spacing:.04em;text-transform:uppercase;text-align:right}
.sore{width:100%;max-width:360px;background:#f1efe9;border:1px solid #dcd8cf;border-radius:20px;padding:8px 18px 18px;box-shadow:0 14px 30px rgba(40,28,10,.10);display:flex;flex-direction:column;gap:10px}
.sore .grab{width:36px;height:5px;border-radius:3px;background:#c9c4ba;margin:0 auto 4px}
.sore .sh2{display:flex;flex-direction:column;gap:6px}
.sore .sh2 b{font:700 32px/1 'Barlow Condensed'}
.sore .sh2 span{display:flex;align-items:center;gap:8px;font:700 14px 'Barlow Condensed';letter-spacing:.1em;text-transform:uppercase}
.sore .sh2 span i{width:14px;height:14px;border-radius:3px;background:#f0e442;flex:none}
.sore .q{font:700 20px 'Barlow Condensed';margin-top:6px}
.sore .src2{font:500 13px Barlow;color:var(--m);text-align:center;margin-top:-8px}
.sore .bb{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sore .bb button{min-height:52px;border-radius:12px;border:1.5px solid var(--i);font:700 16px 'Barlow Condensed';letter-spacing:.04em;text-transform:uppercase}
.sore .bb button[aria-pressed=true]{background:var(--i);color:var(--di)}
.sore .rp{font:500 14px/1.4 Barlow;color:#5f5a52;min-height:40px;text-wrap:pretty}
/* weekly */
.wk{flex:1;min-height:0;padding:0 18px;display:flex;flex-direction:column;gap:20px;overflow:hidden}
.wk .bk{height:40px;display:flex;align-items:center;font:600 15px Barlow;margin:0 -2px}
.wk .hl{font:700 42px/.94 'Barlow Condensed';text-wrap:balance;margin-top:6px}
.wd{display:flex;justify-content:space-between}
.wd span{width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;font:700 15px 'Barlow Condensed';border:1.5px dashed var(--ln);color:var(--i3)}
.wd span.y{background:var(--ink);color:var(--bg);border:0}
.wk .bd{font:500 15px/1.5 Barlow;color:var(--i2);text-wrap:pretty}
.nx{border-radius:16px;background:#191816;color:#f1efe9;padding:14px 14px 12px 16px;display:flex;flex-direction:column;gap:12px}
.nx span{font:600 10.5px Barlow;letter-spacing:.12em;color:#b8b3a9}
.nx b{display:block;font:700 22px/1.1 'Barlow Condensed';margin-top:4px;text-wrap:pretty}
.nx .bt{display:flex;gap:8px}
.nx .bt span{flex:1;height:44px;border-radius:12px;background:#f1efe9;color:#191816;display:flex;align-items:center;justify-content:center;font:800 15px 'Barlow Condensed';letter-spacing:.05em}
.nx .bt em{font:600 13px Barlow;font-style:normal;color:#b8b3a9;display:flex;align-items:center;padding:0 10px}
.lf .lh2{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:4px;font:700 14px 'Barlow Condensed';letter-spacing:.12em}
.lf .lh2 span{font:500 11.5px Barlow;letter-spacing:0;color:var(--i3)}
.lr{display:grid;grid-template-columns:minmax(0,1fr) auto 54px;align-items:center;gap:10px;min-height:48px;border-top:1px solid var(--ln)}
.lr b{font:700 18px 'Barlow Condensed'}
.lr span{font:600 17px 'Barlow Condensed'}
.lr span s{text-decoration:none;color:var(--i3)}
.lr em{font:600 13px Barlow;font-style:normal;text-align:right;color:var(--i3)}
.lr em.up{color:var(--ink);font-weight:700}

/* free */
.free .fg2{display:grid;gap:40px;margin-top:36px}
.flist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:0}
.flist li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:13px 0;border-top:1px solid var(--l);font:500 18px/1.35 Barlow}
.flist li:before{content:"";width:16px;height:9px;border-left:3px solid var(--i);border-bottom:3px solid var(--i);transform:rotate(-45deg) translate(2px,4px)}
.flist li small{display:block;color:var(--m);font-size:15px}
.lib{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--l);border:1px solid var(--l);border-radius:14px;overflow:hidden;margin-top:14px}
.lib figure{margin:0;background:var(--c);padding:6px 6px 10px}
.lib .fgw{aspect-ratio:1;width:100%}
.lib figcaption{font:500 13px/1.2 Barlow;color:var(--m);padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lib figure:nth-child(n+5){display:none}

/* yours */
.yg{display:grid;gap:40px;margin-top:36px}
.imp{display:grid;gap:10px}
.src{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:var(--c)}
.src .ext{height:52px;border-radius:10px;background:var(--i);color:var(--di);display:flex;align-items:center;justify-content:center;font:700 14px 'Barlow Condensed';letter-spacing:.06em}
.src b{font:700 22px 'Barlow Condensed'}
.src small{display:block;font:500 14px Barlow;color:var(--m)}
.src em{font:600 14px Barlow;font-style:normal;color:var(--m)}
.dl{margin:0;display:grid;gap:0}
.dl div{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:16px 0;border-top:1px solid var(--l)}
.dl dt{font:700 22px/1.1 'Barlow Condensed'}
.dl dd{margin:0;color:var(--m);text-wrap:pretty}

/* pricing */
.tiers{display:grid;gap:16px;margin-top:36px}
.tier{border-radius:20px;padding:26px 22px;display:flex;flex-direction:column;gap:16px;background:var(--s)}
.tier.pro{background:var(--i);color:var(--di)}
.tier .th{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:40px}
.tier .tn{font:700 28px 'Barlow Condensed'}
.tag{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:6px;background:var(--o);color:var(--i);font:700 13px Barlow;letter-spacing:.04em}
.tier.free .tag{background:var(--i);color:var(--di)}
.tp{display:flex;align-items:baseline;gap:8px;font:700 76px/.9 'Barlow Condensed';letter-spacing:-.02em}
.tp small{font:600 22px 'Barlow Condensed';letter-spacing:0;color:var(--m)}
.tier.pro .tp small,.tier.pro .sub{color:var(--dm)}
.sub{font:500 16px/1.4 Barlow;color:var(--m);min-height:46px}
.tier ul{list-style:none;margin:0;padding:0}
.tier li{padding:10px 0;border-top:1px solid var(--l);font:500 17px/1.35 Barlow}
.tier.pro li{border-color:var(--dl)}
.bill{display:flex;padding:3px;border-radius:10px;background:#2c2925}
.bill button{min-height:40px;padding:0 14px;border-radius:8px;font:600 15px Barlow;color:var(--dm)}
.bill button[aria-pressed=true]{background:var(--di);color:var(--i)}
.pnote{margin-top:18px;color:var(--m);font-size:15px;max-width:52em;text-wrap:pretty}

/* faq */
.faq{margin-top:28px;border-bottom:1px solid var(--l)}
.faq details{border-top:1px solid var(--l)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:12px 0;font:700 22px/1.2 'Barlow Condensed'}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font:500 28px/1 Barlow;color:var(--m);flex:none;transition:transform .2s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{padding:0 0 18px;max-width:44em;color:var(--m);text-wrap:pretty}

/* join */
.join h2{font-size:52px}
.jf{margin-top:28px;max-width:560px}
.plat{display:flex;padding:4px;border-radius:12px;background:#2c2925;width:fit-content}
.plat button{min-height:44px;padding:0 18px;border-radius:9px;font:600 16px Barlow;color:var(--dm)}
.plat button[aria-selected=true]{background:var(--di);color:var(--i)}
.jf label{display:block;font:600 15px Barlow;margin:22px 0 8px}
.row{display:flex;flex-wrap:wrap;gap:10px}
.row input{flex:1 1 240px;min-width:0;height:56px;border-radius:12px;border:1.5px solid var(--dm);background:#26231f;color:var(--di);padding:0 16px;font:500 18px Barlow}
.row input::placeholder{color:#8f897e}
.row input:focus{outline:none;border-color:var(--o);box-shadow:0 0 0 3px rgba(224,160,64,.35)}
.row input[aria-invalid=true]{border-color:#ff8a65}
.row .btn{min-height:56px;flex:0 0 auto}
.row .btn[disabled]{opacity:.7;cursor:progress}
.help{margin-top:10px;font:500 15px/1.45 Barlow;color:var(--dm);text-wrap:pretty}
.msg{margin-top:14px;min-height:24px;font:600 16px/1.45 Barlow}
.msg.err{color:#ffab91}
.msg.ok{color:var(--o)}
.msg a{color:inherit}

.foot{padding:28px 0 44px;border-top:1px solid var(--l)}
.foot .w{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;font:500 15px Barlow}
.foot .w>*{min-height:44px;display:flex;align-items:center}
.foot .brand{font-size:22px}
.foot .brand svg{width:28px;height:28px}
.foot .c{color:var(--m)}

@media (min-width:720px){
  .lib{grid-template-columns:repeat(8,minmax(0,1fr))}
  .lib figure:nth-child(n+5){display:block}
  .tiers{grid-template-columns:1fr 1fr}
  .flist{grid-template-columns:1fr 1fr;column-gap:32px}
  .twin{grid-template-columns:1fr 1fr;align-items:start}
}
@media (min-width:1000px){
  .w{padding:0 40px}
  .nav{display:flex}
  .top .w{height:76px}
  .sec{padding:120px 0}
  h2{font-size:68px;line-height:.92}
  .lede{font-size:21px}
  .hero{padding:48px 0 96px}
  .hg{grid-template-columns:minmax(0,1fr) 440px;gap:48px;align-items:center}
  h1{font-size:104px;line-height:.88}
  .kick{font-size:28px}
  .hero .lede{font-size:22px;margin-top:22px}
  .ctas .btn{flex:0 0 auto;min-height:58px;font-size:19px}
  .phone{--z:.92}
  .hero .phone{--z:1}
  .bubble{left:-120px;top:30%;font-size:24px;max-width:240px}
  .demo .dg{grid-template-columns:minmax(0,1fr) 420px;gap:80px;align-items:center;margin-top:56px}
  .demo .pw{order:2}
  .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px}
  .split.rev .pw{order:-1}
  .twin{gap:48px;margin-top:64px}
  .free .fg2,.yg{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:80px;margin-top:56px}
  .tiers{margin-top:56px;gap:24px}
  .tier{padding:34px 34px 30px}
  .tp{font-size:104px}
  .join h2{font-size:96px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.share{margin-top:20px;padding:16px;border:1px solid var(--dl);border-radius:14px;max-width:560px}
.share .shk{display:block;font:600 13px/1 'Barlow Condensed';letter-spacing:.08em;text-transform:uppercase;color:var(--dm);margin-bottom:10px}
.share .shr{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.share output{flex:1;min-width:0;font:600 16px/1.3 Barlow;overflow-wrap:anywhere;user-select:all}
.share .shp{margin:12px 0 0;font:500 15px/1.45 Barlow;color:var(--dm)}.share .shp b{color:var(--di)}