:root{--bg:#0e0e0e;--surface:#1a1a1a;--orange:#ff7a1a;--warm:#ffb86b;--text:#f7f3ed;--muted:#a3a3a3;--line:#37322e;--paper:#faf4ed;--ink:#211a16;--paper-muted:#6d5e54}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}a{color:inherit;text-decoration:none}a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid var(--warm);outline-offset:5px}::selection{background:var(--orange);color:var(--bg)}p{color:var(--muted)}img{max-width:100%;height:auto;display:block}.wrap{width:min(1160px,100% - 64px);margin-inline:auto}.section{padding-block:104px}.eyebrow{color:var(--orange);letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px;font-size:12px;font-weight:650}h1{letter-spacing:-.065em;font-size:clamp(54px,5.6vw,80px);font-weight:800;line-height:1.04}h2{letter-spacing:-.05em;font-size:clamp(36px,4.1vw,56px);font-weight:750;line-height:1.1}h3{letter-spacing:-.035em;font-size:26px;line-height:1.2}.accent{color:var(--orange)}.lead{max-width:530px;font-size:18px;line-height:1.7}.button{background:var(--orange);min-height:52px;color:var(--bg);border-radius:10px;justify-content:center;align-items:center;gap:24px;padding:14px 23px;font-size:15px;font-weight:750;transition:background .18s,transform .18s;display:inline-flex}.button:hover{background:var(--warm);transform:translateY(-2px)}.arrow{flex-shrink:0;width:20px;height:20px}.text-link{min-height:48px;color:var(--text);background:#292019;border:1px solid #806149;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:12px 18px;font-size:14px;font-weight:650;transition:background .18s,border-color .18s;display:inline-flex}.text-link:hover{border-color:var(--orange);background:#3a2a1e}.actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;display:flex}.skip{z-index:100;background:var(--orange);color:var(--bg);padding:10px 16px;position:fixed;top:10px;left:12px;transform:translateY(-180%)}.skip:focus{transform:translateY(0)}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#0e0e0ef0;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:24px;height:80px;display:flex}.wordmark{color:var(--text);letter-spacing:-.075em;white-space:nowrap;align-items:center;gap:10px;font-size:30px;font-weight:900;line-height:1;display:inline-flex}.wordmark-text>span{color:var(--orange)}.wordmark .brand-icon{border-radius:10px;flex-shrink:0;width:40px;height:40px}.nav-links{align-items:center;gap:28px;font-size:13px;font-weight:550;display:flex}.nav-links>a:not(.button){color:var(--muted)}.nav-links>a:not(.button):hover{color:var(--text)}.nav .button{border-radius:8px;gap:16px;min-height:42px;padding:10px 18px;font-size:12px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:52px;padding-block:52px 56px;display:grid}.hero h1 .accent{display:block}.hero .lead{max-width:475px;margin-top:26px;font-size:17px}.context-section{background:var(--paper);color:var(--ink);padding-block:70px}.context-grid{grid-template-columns:1fr .92fr;align-items:center;gap:85px;display:grid}.context-section h2{font-size:clamp(32px,3.3vw,45px)}.context-copy p{color:var(--paper-muted);font-size:17px}.context-copy p+p{color:var(--ink);margin-top:18px;font-weight:650}.setup-grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:40px;display:grid}.setup-copy .lead{margin-top:24px;font-size:16px}.setup-steps{gap:24px;margin:30px 0;padding:0;list-style:none;display:grid}.setup-steps li{grid-template-columns:28px 1fr;gap:16px;display:grid}.setup-steps li>span{color:var(--orange);padding-top:3px;font-size:12px}.setup-steps h3{letter-spacing:-.015em;font-size:16px;line-height:1.5}.setup-steps p{margin-top:5px;font-size:14px}.screen-stage{background:#211b16 radial-gradient(at 70% 15%,#ff7a1a18,#0000 70%);border:1px solid #4a382b;border-radius:28px;justify-content:center;align-items:center;height:570px;padding:20px 30px;display:flex;box-shadow:0 24px 48px #0004,inset 0 1px #ffffff08}.screen-stage>img{object-fit:contain;filter:drop-shadow(0 16px 22px #0005);width:auto;max-height:100%}.nutrition-stage{background-color:#302319}.progress-stage{background:var(--paper);border-color:#e6d5c3}.feature-section{border-top:1px solid var(--line)}.section-heading{max-width:670px;margin-bottom:64px}.feature-list{gap:96px;display:grid}.feature-row{grid-template-columns:1fr 1fr;align-items:center;gap:88px;display:grid}.feature-row.reverse .feature-copy{order:2}.feature-row.reverse .screen-stage{order:1}.feature-copy h3{max-width:465px;font-size:clamp(32px,3.2vw,44px);line-height:1.12}.feature-copy>p:not(.eyebrow){max-width:450px;margin-top:22px;font-size:16px}.nutrition-stage{align-items:center;padding:30px 16px;position:relative}.nutrition-stage .nutrition-screen{flex-shrink:0;width:auto;max-width:61%;height:100%}.nutrition-stage .scan-screen{filter:drop-shadow(-15px 12px 20px #0008);flex-shrink:0;align-self:flex-end;width:auto;max-width:44%;height:82%;margin-left:-12%}.coach-section{background:var(--surface);border-block:1px solid var(--line);padding-block:76px}.coach-grid{grid-template-columns:1fr .9fr;align-items:center;gap:80px;display:grid}.coach-grid h2{font-size:clamp(34px,3.5vw,47px)}.coach-copy p{font-size:16px}.coach-copy p+p{margin-top:22px}.faq-section{padding-bottom:96px}.faq-grid{border-top:1px solid var(--line);grid-template-columns:.7fr 1.3fr;gap:80px;padding-top:64px;display:grid}.faq-grid h2{font-size:40px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;padding:21px 35px 21px 0;font-size:16px;font-weight:600;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--orange);font-size:21px;font-weight:400;position:absolute;top:19px;right:2px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{padding:0 30px 24px 0;font-size:14px;line-height:1.8}.final-section{background:var(--orange);color:var(--bg);text-align:center;padding-block:80px}.final-section h2{letter-spacing:-.06em;max-width:780px;margin-inline:auto;font-size:clamp(42px,5.5vw,72px)}.availability{color:var(--ink);margin-top:28px;font-size:17px;font-weight:550}.site-footer{padding-block:36px}.footer-top{justify-content:space-between;align-items:center;gap:30px;display:flex}.footer-links{color:var(--muted);flex-wrap:wrap;gap:24px;font-size:12px;display:flex}.footer-links a,.by-vibelabs{padding-block:10px}.footer-links a:hover,.by-vibelabs:hover{color:var(--warm)}.by-vibelabs{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.not-found{padding-block:150px}.not-found .button{margin-top:30px}@media (max-width:1000px){.hero{gap:28px}.hero h1{font-size:62px}.context-grid,.setup-grid,.feature-row,.coach-grid,.faq-grid{gap:40px}.screen-stage{height:510px;padding-inline:15px}.footer-links{gap:16px}}@media (max-width:760px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.nav{gap:16px;height:68px}.nav-links>a:not(.button){display:none}.nav .button{padding:10px 13px}.wordmark{gap:8px;font-size:26px}.wordmark .brand-icon{border-radius:8px;width:32px;height:32px}.hero{grid-template-columns:1fr;gap:34px;padding-block:48px 32px}.hero h1{font-size:clamp(48px,10.5vw,70px)}.hero .lead{max-width:520px;margin-top:22px;font-size:16px}.eyebrow{margin-bottom:16px;font-size:11px}.actions{gap:20px;margin-top:27px}.button{font-size:14px}.section{padding-block:68px}.context-section{padding-block:50px}.context-grid,.setup-grid,.feature-row,.coach-grid,.faq-grid{grid-template-columns:1fr;gap:32px}.context-copy p{font-size:16px}h2{font-size:38px}.screen-stage{width:100%;max-width:500px;height:540px;margin-inline:auto;padding-inline:28px}.section-heading{margin-bottom:46px}.feature-list{gap:64px}.feature-row.reverse .feature-copy,.feature-row.reverse .screen-stage{order:initial}.feature-copy h3{font-size:35px}.feature-copy>p:not(.eyebrow){max-width:530px}.nutrition-stage{height:500px;padding-inline:14px}.nutrition-stage .nutrition-screen{max-height:100%}.coach-section{padding-block:55px}.coach-grid h2{font-size:38px}.faq-section{padding-bottom:65px}.faq-grid{gap:20px;padding-top:45px}.faq-grid h2{font-size:35px}.faq-list summary{font-size:15px}.final-section{padding-block:58px}.final-section h2{font-size:48px}.availability{font-size:15px}.footer-top{flex-wrap:wrap;gap:18px 24px}.footer-links{order:3;gap:20px;width:100%}}@media (max-width:370px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:43px}.actions{gap:13px}.text-link{font-size:12px}.button{gap:15px;padding-inline:17px}.screen-stage{height:470px;padding-inline:15px}.nutrition-stage{height:430px}.final-section h2{font-size:42px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}
.hero-visual,.plan-composition{isolation:isolate;width:100%;min-width:0;position:relative}.hero-visual:before,.plan-composition:before{content:"";z-index:-1;pointer-events:none;background:#292019 radial-gradient(at 80% 15%,#ff7a1a20,#0000 70%);border:1px solid #ffb86b30;border-radius:28px;position:absolute;box-shadow:0 24px 56px #0005,inset 0 1px #ffffff08}.hero-visual:before{background-color:#38271d;inset:8% 0 4% 8%}.plan-composition:before{inset:60px 0 45px}.hero-visual{aspect-ratio:4/5;background:radial-gradient(at 65% 47%,#ff7a1a12,#0000 65%);max-width:500px;margin-inline:auto}.hero-device{filter:drop-shadow(0 24px 30px #0008);width:60%;position:absolute;top:2%;left:32%;transform:rotate(5deg)}.hero-device img,.transformation-overlay img,.plan-device img{width:100%;height:auto}.transformation-overlay{z-index:4;filter:drop-shadow(0 18px 24px #000a);width:68%;position:absolute;bottom:7%;left:0;transform:rotate(-5deg)}.floating-layer{animation:8s ease-in-out infinite hover-card}@keyframes hover-card{0%,to{translate:0}50%{translate:0 -8px}}.plan-composition{background:radial-gradient(at 55% 45%,#ff7a1a12,#0000 65%);max-width:620px;height:640px;margin-inline:auto}.plan-device{filter:drop-shadow(0 15px 24px #0008);position:absolute}.plan-device--home{z-index:3;width:35%;top:170px;left:9%;transform:rotate(-9deg)}.plan-device--workout{z-index:2;width:34%;top:145px;left:34%;transform:rotate(2deg)}.plan-device--progress{z-index:1;width:32%;top:120px;left:60%;transform:rotate(12deg)}.plan-overlay{z-index:5;position:absolute}.hero-goal-overlay{z-index:5;width:52%;animation-delay:-2s;position:absolute;top:0;left:0;transform:rotate(-4deg)}.plan-overlay--nutrition{width:46%;animation-delay:-5s;top:10px;left:1%;transform:rotate(-3deg)}.plan-overlay--workout{width:47%;animation-delay:-1s;bottom:0;right:0;transform:rotate(4deg)}.plan-card{background:#191919;border:1px solid #ffffff20;border-radius:17px;padding:17px;line-height:1.3;box-shadow:0 18px 38px #0007}.plan-card .card-heading{color:var(--text);text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:750}.goal-chart{width:100%;height:auto;margin-block:10px;display:block;overflow:visible}.goal-values{justify-content:space-between;display:flex}.goal-values>div:last-child{text-align:right}.goal-values span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;display:block}.goal-values strong{letter-spacing:-.04em;margin-top:2px;font-size:23px;display:block}.goal-values>div:last-child strong{color:var(--orange)}.goal-values small{margin-left:2px;font-size:14px}.card-heading-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.surplus{color:var(--orange);white-space:nowrap;font-size:10px;font-weight:650}.plan-card .calorie-value{color:var(--text);letter-spacing:-.06em;margin-top:10px;font-size:38px;font-weight:800;line-height:1.1}.calorie-label{margin-top:3px;font-size:11px}.macro-targets{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px;display:grid}.macro-targets>div{border-top:2px solid #ef7090;padding-top:7px}.macro-targets>div:nth-child(2){border-color:#debd58}.macro-targets>div:nth-child(3){border-color:#62a8ed}.macro-targets span{color:var(--muted);font-size:10px;display:block}.macro-targets strong{margin-top:3px;font-size:20px;display:block}.macro-targets small{color:var(--muted);font-size:11px}.split-label{color:var(--orange);margin-top:4px;font-size:11px}.workout-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-block:12px;display:grid}.week-day{text-align:center;color:var(--muted);border:1px solid #ffffff17;border-radius:5px;padding-block:5px;font-size:10px}.week-day strong{margin-top:3px;display:block}.week-day[data-active=true]{color:var(--orange);background:#ff7a1a12;border-color:#ff7a1a66}.workout-preview-list{margin:0;padding:0;list-style:none}.workout-preview-list li{border-top:1px solid #ffffff12;align-items:center;gap:8px;padding-block:7px;font-size:11px;display:flex}.workout-preview-list li:last-child{padding-bottom:0}.workout-code{width:25px;height:27px;color:var(--orange);background:#ff7a1a15;border-radius:5px;flex-shrink:0;place-items:center;font-size:10px;font-weight:750;display:grid}.workout-name{white-space:nowrap;font-weight:650}.workout-name span,.workout-stats span{color:var(--muted);margin-top:2px;font-size:10px;font-weight:400;display:block}.workout-stats{text-align:right;white-space:nowrap;margin-left:auto}@media (max-width:1100px) and (min-width:761px){.setup-grid{grid-template-columns:1fr}.setup-copy{max-width:600px}}@media (max-width:760px){.hero-visual{max-width:420px}.plan-composition{max-width:480px;height:630px}.plan-device--home{width:43%;top:165px;left:5%}.plan-device--workout{width:42%;top:137px;left:29%}.plan-device--progress{width:39%;top:110px;left:58%;transform:rotate(8deg)}.plan-overlay--nutrition{width:58%;left:0}.plan-overlay--workout{width:48%;bottom:0;transform:rotate(2deg)}.plan-card{border-radius:13px;padding:12px}.plan-card .card-heading{letter-spacing:.04em;font-size:10px}.card-heading-row{flex-wrap:wrap;gap:3px 6px}.surplus{font-size:10px}.plan-card .calorie-value{font-size:32px}.macro-targets{gap:5px}.macro-targets strong{font-size:19px}.workout-days{gap:3px}.workout-preview-list li{gap:6px;font-size:10px}.workout-code{display:none}}@media (max-width:370px){.plan-card{padding:10px}.plan-composition{height:600px}.plan-device--progress{left:57%}.macro-targets strong{font-size:17px}.workout-days{gap:2px}}@media (prefers-reduced-motion:reduce){.floating-layer{animation:none}}
