/* Strive website. Styles from the approved design (version 2). */
a{color:inherit}a:hover{opacity:.85}
.h{font-family:Saira,'Arial Narrow',sans-serif;font-style:italic;font-weight:900;font-stretch:125%;letter-spacing:-.01em;margin:0}
.wrap{max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px;box-sizing:border-box}
.h2{font-size:clamp(36px,4.7vw,66px);line-height:.98}
.sub{margin:0;font-size:clamp(17px,1.5vw,20px);line-height:1.5}
.tag{font-size:13px;font-weight:800;letter-spacing:.12em}
.slash{display:block;width:96px;height:10px;background:#C6FF3D;transform:skewX(-24deg)}
.ph{position:relative;flex:none;border-radius:42px;background:#0E0E0E;border:8px solid #1E1E1E;box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:hidden;color:#F5F2EA;box-sizing:border-box;display:flex;flex-direction:column}
.tile{background:#141414;border:1px solid #262626;border-radius:32px;box-sizing:border-box;padding:28px;display:flex;flex-direction:column;gap:20px;overflow:hidden;position:relative}
.mini{background:#1C1C1C;border-radius:16px;box-sizing:border-box}
.pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:14px;font-size:12px;font-weight:800;white-space:nowrap;box-sizing:border-box}
.btn{height:56px;padding:0 26px;border-radius:28px;background:#C6FF3D;color:#10140A;display:inline-flex;align-items:center;font-size:16px;font-weight:800;text-decoration:none;box-sizing:border-box}
.store{height:62px;padding:0 26px;border-radius:16px;display:inline-flex;align-items:center;gap:12px;text-decoration:none;box-sizing:border-box}
.navl{color:#B8B3AA;font-size:15px;font-weight:600;text-decoration:none}
.lab{align-self:center;height:30px;padding:0 16px;background:#C6FF3D;color:#10140A;font-size:13px;font-weight:900;letter-spacing:.12em;display:flex;align-items:center;transform:skewX(-14deg)}
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.b7{grid-column:span 7}.b5{grid-column:span 5}.b4{grid-column:span 4}.b6{grid-column:span 6}
.t3{font-size:30px;line-height:1.05}
.tp{margin:0;font-size:16px;line-height:1.45;color:#B8B3AA}
.barrow{display:flex;justify-content:space-between;font-size:12px;font-weight:700}
.bar{height:8px;border-radius:4px;background:#2A2A2A;overflow:hidden}
.word{font-size:clamp(24px,2.9vw,40px);line-height:1.1;white-space:nowrap}
.whoimg{width:100%;height:164px;object-fit:contain;background:#1C1C1C}
.wo{color:transparent;-webkit-text-stroke:1.5px #121212}
.wl{background:#C6FF3D;color:#10140A;padding:0 14px;border-radius:12px}
.who{background:#121212;color:#F5F2EA;border-radius:28px;overflow:hidden;display:flex;flex-direction:column}
.fact{background:#10140A;color:#F5F2EA;border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:6px;box-sizing:border-box}
.row{display:flex;align-items:center;gap:12px}
.feat{display:flex;gap:14px;align-items:flex-start}
.fic{width:40px;height:40px;border-radius:20px;background:#2A2350;color:#B9A6FF;display:flex;align-items:center;justify-content:center;flex:none}
.ccard{background:#0F0C1D;border:1px solid #2E2752;border-radius:24px;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}
/* animated demos (same idea as the in-app coach tour) */
.player{width:100%;max-width:980px;min-height:536px;background:#0E0E0E;border-radius:36px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:56px;padding:24px 36px;flex-wrap:wrap;box-sizing:border-box}
.dglow{position:absolute;width:520px;height:520px;border-radius:50%;left:50%;top:50%;transform:translate(-75%,-50%);pointer-events:none}
.dphone{position:relative;width:258px;height:488px;border-radius:44px;background:#0E0E0E;border:9px solid #1C1C1C;box-shadow:0 30px 80px rgba(0,0,0,.5);flex:none;z-index:1;box-sizing:border-box}
.scr{position:relative;width:240px;height:470px;border-radius:35px;overflow:hidden;background:#0E0E0E;color:#F5F2EA}
.demo,.st{position:absolute;inset:0;box-sizing:border-box}
.dcap{flex:0 1 340px;display:flex;flex-direction:column;gap:14px;z-index:1}
.touch{position:absolute;width:40px;height:40px;border-radius:20px;background:rgba(255,255,255,.30);border:1.5px solid rgba(255,255,255,.7);box-shadow:0 6px 18px rgba(0,0,0,.45);pointer-events:none;opacity:0;z-index:5;box-sizing:border-box}
.lbl2{font-size:11px;font-weight:800;letter-spacing:.1em;color:#C4BFB6}
.lbl3{font-size:9px;font-weight:800;letter-spacing:.08em;color:#8C877E}
.sm{font-size:11px;color:#C4BFB6}
.ringc{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:6px;background:#1A1A1A;border-radius:16px;padding:7px}.ringc svg{width:38px;height:38px;flex:none}
.rowl{display:flex;justify-content:space-between;height:26px;align-items:center}.rowl span:last-child{color:#C4BFB6}
.nums{position:relative;height:21px;width:50px}.nums span{position:absolute;left:0;top:0;font-size:15px;line-height:21px}
.mrow{display:flex;align-items:center;gap:10px;padding:10px 0;min-height:64px}
.lg{position:relative;width:72px;height:36px;flex:none}
.logb{position:absolute;inset:0;border-radius:18px;background:#C6FF3D;color:#0E0E0E;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.logok{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;color:#C6FF3D;font-size:12px;font-weight:800;opacity:0}
.exr{display:flex;align-items:center;gap:10px;background:#1A1A1A;border-radius:16px;padding:8px;font-size:13px;font-weight:700}.exr img{width:36px;height:42px;object-fit:cover;border-radius:10px;background:#2A2A2A}
.setd{height:40px;margin-top:12px;border-radius:12px;background:#151C0C;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#C6FF3D;font-size:14px;font-weight:600}
.cell{flex:1;height:42px;border-radius:12px;background:#2A2A2A;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800}.cell small{font-size:10px;color:#8C877E;margin-left:3px;font-weight:600}
.stat{background:#1A1A1A;border-radius:14px;padding:10px 4px}.stat b{display:block;font-size:17px}.stat span{font-size:10px;color:#C4BFB6}
.c-cam{animation:c-cam 10s infinite}@keyframes c-cam{0%,62%{opacity:1}66%,96%{opacity:0}100%{opacity:1}}
.c-today{animation:c-today 10s infinite}@keyframes c-today{0%,62%{opacity:0;transform:translateX(24px)}66%,96%{opacity:1;transform:none}100%{opacity:0}}
.c-touch{animation:c-touch 10s infinite}@keyframes c-touch{0%{opacity:0;left:160px;top:440px;transform:scale(1)}8%{opacity:1;left:100px;top:390px;transform:scale(1)}13%{opacity:1;left:100px;top:390px;transform:scale(.8)}16%{opacity:1;left:100px;top:390px;transform:scale(1)}20%{opacity:0;left:100px;top:390px}46%{opacity:0;left:150px;top:450px;transform:scale(1)}52%{opacity:1;left:100px;top:412px;transform:scale(1)}57%{opacity:1;left:100px;top:412px;transform:scale(.8)}60%{opacity:1;left:100px;top:412px;transform:scale(1)}64%,100%{opacity:0;left:100px;top:412px}}
.c-shut{animation:c-shut 10s infinite}@keyframes c-shut{0%,12%{transform:scale(1)}14%{transform:scale(.86)}17%,100%{transform:scale(1)}}
.c-flash{animation:c-flash 10s infinite}@keyframes c-flash{0%,14%{opacity:0}15.5%{opacity:.85}20%,100%{opacity:0}}
.c-hint{animation:c-hint 10s infinite}@keyframes c-hint{0%,16%{opacity:1}18%,100%{opacity:0}}
.c-ana{animation:c-ana 10s infinite}@keyframes c-ana{0%,17%{opacity:0}19%,34%{opacity:1}36%,100%{opacity:0}}
.c-scan{animation:c-scan 10s ease-in-out infinite}@keyframes c-scan{0%,18%{opacity:0;top:90px}20%{opacity:1;top:90px}27%{opacity:1;top:330px}29%{opacity:1;top:90px}34%{opacity:1;top:330px}36%,100%{opacity:0;top:330px}}
.c-sheet{animation:c-sheet 10s cubic-bezier(.2,.8,.2,1) infinite}@keyframes c-sheet{0%,35%{transform:translateY(105%)}40%,100%{transform:none}}
.c-r1,.c-r2,.c-r3,.c-r4{opacity:0}
.c-r1{animation:c-r1 10s infinite}@keyframes c-r1{0%,40%{opacity:0;transform:translateY(6px)}42%,100%{opacity:1;transform:none}}
.c-r2{animation:c-r2 10s infinite}@keyframes c-r2{0%,42%{opacity:0;transform:translateY(6px)}44%,100%{opacity:1;transform:none}}
.c-r3{animation:c-r3 10s infinite}@keyframes c-r3{0%,44%{opacity:0;transform:translateY(6px)}46%,100%{opacity:1;transform:none}}
.c-r4{animation:c-r4 10s infinite}@keyframes c-r4{0%,46%{opacity:0;transform:translateY(6px)}48%,100%{opacity:1;transform:none}}
.c-add{animation:c-add 10s infinite}@keyframes c-add{0%,56%{transform:scale(1)}58%{transform:scale(.95)}60%,100%{transform:scale(1)}}
.c-rk{animation:c-rk 10s cubic-bezier(.3,.7,.2,1) infinite}@keyframes c-rk{0%,67%{stroke-dashoffset:150.8}76%,96%{stroke-dashoffset:107}100%{stroke-dashoffset:150.8}}
.c-rp{animation:c-rp 10s cubic-bezier(.3,.7,.2,1) infinite}@keyframes c-rp{0%,67%{stroke-dashoffset:150.8}76%,96%{stroke-dashoffset:104}100%{stroke-dashoffset:150.8}}
.c-toast{animation:c-toast 10s infinite}@keyframes c-toast{0%,70%{opacity:0;transform:translateY(12px)}75%,96%{opacity:1;transform:none}100%{opacity:0}}
.m-touch{animation:m-touch 8s infinite}@keyframes m-touch{0%{opacity:0;left:200px;top:320px;transform:scale(1)}12%{opacity:1;left:160px;top:174px;transform:scale(1)}18%{opacity:1;left:160px;top:174px;transform:scale(.8)}21%{opacity:1;left:160px;top:174px;transform:scale(1)}26%{opacity:0;left:160px;top:174px}42%{opacity:0;left:200px;top:320px;transform:scale(1)}52%{opacity:1;left:160px;top:238px;transform:scale(1)}58%{opacity:1;left:160px;top:238px;transform:scale(.8)}61%{opacity:1;left:160px;top:238px;transform:scale(1)}66%,100%{opacity:0;left:160px;top:238px}}
.m-log1{animation:m-log1 8s infinite}@keyframes m-log1{0%,17%{opacity:1;transform:scale(1)}19%{transform:scale(.94)}21%,96%{opacity:0;transform:scale(.9)}100%{opacity:1}}
.m-ok1{animation:m-ok1 8s infinite}@keyframes m-ok1{0%,20%{opacity:0;transform:translateX(6px)}23%,96%{opacity:1;transform:none}100%{opacity:0}}
.m-log2{animation:m-log2 8s infinite}@keyframes m-log2{0%,57%{opacity:1;transform:scale(1)}59%{transform:scale(.94)}61%,96%{opacity:0;transform:scale(.9)}100%{opacity:1}}
.m-ok2{animation:m-ok2 8s infinite}@keyframes m-ok2{0%,60%{opacity:0;transform:translateX(6px)}63%,96%{opacity:1;transform:none}100%{opacity:0}}
.m-rk{animation:m-rk 8s cubic-bezier(.3,.7,.2,1) infinite}@keyframes m-rk{0%,20%{stroke-dashoffset:150.8}26%,60%{stroke-dashoffset:118.8}66%,96%{stroke-dashoffset:75.1}100%{stroke-dashoffset:150.8}}
.m-rp{animation:m-rp 8s cubic-bezier(.3,.7,.2,1) infinite}@keyframes m-rp{0%,20%{stroke-dashoffset:150.8}26%,60%{stroke-dashoffset:118.9}66%,96%{stroke-dashoffset:72.9}100%{stroke-dashoffset:150.8}}
.m-n0{animation:m-n0 8s infinite}@keyframes m-n0{0%,20%{opacity:1}22%,96%{opacity:0}100%{opacity:1}}
.m-n1{opacity:0;animation:m-n1 8s infinite}@keyframes m-n1{0%,21%{opacity:0;transform:translateY(6px)}24%,61%{opacity:1;transform:none}63%,100%{opacity:0}}
.m-n2{opacity:0;animation:m-n2 8s infinite}@keyframes m-n2{0%,61%{opacity:0;transform:translateY(6px)}64%,96%{opacity:1;transform:none}98%,100%{opacity:0}}
.w-a{animation:w-a 7s ease-in-out infinite}@keyframes w-a{0%,30%{opacity:1;transform:none}36%,94%{opacity:0;transform:translateX(-24px)}100%{opacity:1;transform:none}}
.w-b{animation:w-b 7s ease-in-out infinite}@keyframes w-b{0%,30%{opacity:0;transform:translateX(24px)}36%,94%{opacity:1;transform:none}100%{opacity:0;transform:translateX(24px)}}
.w-start{animation:w-start 7s infinite}@keyframes w-start{0%,20%{transform:scale(1)}23%{transform:scale(.96)}26%,100%{transform:scale(1)}}
.w-touch{animation:w-touch 7s infinite}@keyframes w-touch{0%{opacity:0;left:170px;top:330px;transform:scale(1)}12%{opacity:1;left:100px;top:162px;transform:scale(1)}22%{opacity:1;left:100px;top:162px;transform:scale(.8)}26%{opacity:1;left:100px;top:162px;transform:scale(1)}30%{opacity:0;left:100px;top:162px}46%{opacity:0;left:190px;top:280px;transform:scale(1)}54%{opacity:1;left:168px;top:192px;transform:scale(1)}61%{opacity:1;left:168px;top:192px;transform:scale(.8)}64%{opacity:1;left:168px;top:192px;transform:scale(1)}70%,100%{opacity:0;left:168px;top:192px}}
.w-chk{animation:w-chk 7s infinite}@keyframes w-chk{0%,60%{background:#2A2A2A}62%,96%{background:#C6FF3D}100%{background:#2A2A2A}}
.w-ic{animation:w-ic 7s infinite}@keyframes w-ic{0%,60%{stroke:#C4BFB6}62%,96%{stroke:#0E0E0E}100%{stroke:#C4BFB6}}
.w-row{animation:w-row 7s infinite}@keyframes w-row{0%,60%{background:rgba(21,28,12,0)}62%,96%{background:#151C0C}100%{background:rgba(21,28,12,0)}}
.w-num{animation:w-num 7s infinite}@keyframes w-num{0%,60%{color:#C4BFB6}62%,96%{color:#C6FF3D}100%{color:#C4BFB6}}
.w-c1{animation:w-c1 7s infinite}@keyframes w-c1{0%,61%{opacity:1}63%,96%{opacity:0}100%{opacity:1}}
.w-c2{opacity:0;animation:w-c2 7s infinite}@keyframes w-c2{0%,61%{opacity:0}63%,96%{opacity:1}100%{opacity:0}}
.w-pr{opacity:0;animation:w-pr 7s infinite}@keyframes w-pr{0%,63%{opacity:0;transform:translateY(12px) scale(.96)}68%,94%{opacity:1;transform:none}100%{opacity:0}}
.p-a{animation:p-a 8s infinite}@keyframes p-a{0%,48%{opacity:1;transform:none}53%,95%{opacity:0;transform:scale(.96)}100%{opacity:1;transform:none}}
.p-b{animation:p-b 8s infinite}@keyframes p-b{0%,48%{opacity:0;transform:scale(1.06)}53%,95%{opacity:1;transform:none}100%{opacity:0}}
.p-sp{animation:p-sp 8s cubic-bezier(.2,1.4,.4,1) infinite}@keyframes p-sp{0%,4%{opacity:0;transform:scale(.5)}12%,100%{opacity:1;transform:scale(1)}}
.p-bar{animation:p-bar 8s cubic-bezier(.3,.7,.2,1) infinite}@keyframes p-bar{0%,16%{width:62%}38%,100%{width:100%}}
.p-rank{animation:p-rank 8s cubic-bezier(.2,1.4,.4,1) infinite}@keyframes p-rank{0%,52%{opacity:0;transform:scale(.5)}60%,100%{opacity:1;transform:scale(1)}}
.p-img{animation:p-img 8s cubic-bezier(.2,.8,.2,1) infinite}@keyframes p-img{0%,54%{opacity:0;transform:translateY(30px)}62%,100%{opacity:1;transform:none}}
.p-btn{animation:p-btn 8s infinite}@keyframes p-btn{0%,80%{transform:scale(1)}82%{transform:scale(.95)}85%,100%{transform:scale(1)}}
.p-touch{animation:p-touch 8s infinite}@keyframes p-touch{0%,66%{opacity:0;left:170px;top:470px;transform:scale(1)}75%{opacity:1;left:100px;top:404px;transform:scale(1)}81%{opacity:1;left:100px;top:404px;transform:scale(.8)}84%{opacity:1;left:100px;top:404px;transform:scale(1)}90%,100%{opacity:0;left:100px;top:404px}}
@media (max-width:900px){.player{gap:28px;padding:28px 16px;border-radius:28px}.dcap{text-align:center;align-items:center}.dglow{transform:translate(-50%,-60%)}}
@media (prefers-reduced-motion:reduce){.demo *{animation-duration:0s!important;animation-iteration-count:1!important}}
@media (max-width:980px){.bento>*{grid-column:span 12}}
@media (max-width:860px){.side,.navl{display:none!important}.stage{height:auto!important;padding-bottom:40px}}
/* ---- site chrome (not in the mockup) ---- */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0B0B0B;color:#F5F2EA;font-family:Inter,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
img{max-width:100%}
.hdr{position:sticky;top:0;z-index:30;background:rgba(11,11,11,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #222}
.nav{padding-top:12px;padding-bottom:12px;display:flex;align-items:center;gap:28px}
.logo{flex:1;display:flex}.logo img{height:22px;width:auto}
.navl[aria-current=page]{color:#F5F2EA}
.navbtn{height:44px;padding:0 22px;font-size:15px}
.menu-btn{display:none;width:44px;height:44px;border-radius:22px;border:1px solid #333;background:transparent;color:#F5F2EA;align-items:center;justify-content:center;cursor:pointer;flex:none}
.mnav{border-top:1px solid #222;padding:4px 24px 14px;display:flex;flex-direction:column}
.mnav a{padding:14px 0;font-size:18px;font-weight:700;text-decoration:none;color:#F5F2EA;border-bottom:1px solid #1C1C1C}
.mnav a[aria-current=page]{color:#C6FF3D}
.store.soon{cursor:default}.store.soon:hover{opacity:1}
.tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.tabs button{height:46px;padding:0 20px;border-radius:23px;border:2px solid #CFCBC0;background:#fff;color:#121212;font:800 15px Inter,sans-serif;cursor:pointer}
.tabs button[aria-selected=true]{background:#0B0B0B;color:#F5F2EA;border-color:var(--c)}
.dglow{transition:background .4s}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:14px;width:100%}
.plan{background:#141414;border:1px solid #262626;border-radius:28px;padding:24px;display:flex;flex-direction:column;gap:8px}
.plan.pro{background:#C6FF3D;color:#10140A;border-color:#C6FF3D}
.pn{font-size:17px;font-weight:800}
.pp{font-size:38px}.pp small{font-family:Inter,sans-serif;font-style:normal;font-stretch:100%;font-size:14px;font-weight:600;opacity:.75}
.pl{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.4}
.pl li{display:flex;gap:8px}.pl li::before{content:"\2713";font-weight:900;color:#C6FF3D}.plan.pro .pl li::before{color:#10140A}
.revs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:18px}
.rev{margin:0;background:#fff;border-radius:28px;padding:26px;display:flex;flex-direction:column;gap:16px;min-height:172px}
.rev blockquote{margin:0;font-size:18px;line-height:1.45;font-weight:600;flex:1}
.arrow{width:54px;height:54px;border-radius:27px;border:2px solid #B8B3AA;background:#F3F1EA;color:#121212;font-size:20px;font-weight:800;cursor:pointer}
.dots{display:flex;gap:8px;justify-content:center}
.dots button{width:10px;height:10px;border-radius:5px;border:0;background:#B8B3AA;cursor:pointer;padding:0}
.dots button[aria-selected=true]{width:28px;background:#10140A}
.ftr{background:#0B0B0B;color:#B8B3AA;border-top:1px solid #222}
.frow{padding-top:36px;padding-bottom:36px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;font-size:13px}
.flinks{display:flex;gap:20px;flex-wrap:wrap}.flinks a{text-decoration:none}
.fbot{border-top:1px solid #222;padding:14px 24px;text-align:center;font-size:12px;color:#8C877E}
@media (max-width:860px){.menu-btn{display:flex}.nav{gap:12px}}
@media (min-width:861px){.mnav{display:none!important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}