/* KFT • forest, sage and cream. Native scrolling, quiet surfaces. */
:root{--cream:#f7f8f1;--paper:#fffefa;--ink:#183c31;--muted:#53665d;--sun1:#28654f;--sun2:#39745b;--sun3:#d9e9bc;--mint:#548c6c;--mint-dk:#28654f;--gold:#aecb84;--r:24px;--shadow:0 24px 64px -32px #183c3133;--border:#183c3124}
html{overflow-x:clip;scroll-padding-top:7rem;scrollbar-color:#819b88 #f7f8f1}
body{background:var(--cream);color:var(--ink);overflow-x:clip;-webkit-font-smoothing:antialiased}
.blobs,.hero:before{display:none!important}
nav{background:#f7f8f1f5;border-color:var(--border);backdrop-filter:none}
.nav-in{padding:1rem 5vw;max-width:1440px}
.kmark{background:var(--ink);color:#fff;border-radius:12px}
.bname small{font-size:.75rem;letter-spacing:0;color:var(--muted)}
.navcta{background:var(--ink);color:#fff;border-color:var(--ink);border-radius:100px;min-height:44px;display:flex;align-items:center;white-space:nowrap}
.navcta:hover{background:var(--sun1);color:#fff;transform:translateY(-1px)}
.hero{position:relative;max-width:1440px;gap:5vw;padding:4rem 5vw 5rem;min-height:calc(100svh - 90px)}
.pill{color:var(--sun1);font-size:.8125rem;font-weight:600;max-width:42ch;line-height:1.8}
.pill .dot{background:var(--sun1)}
.hero h1{font-size:clamp(3.15rem,5.2vw,5.3rem);letter-spacing:-.055em;line-height:1.08;margin:1.5rem 0}
.hero h1 .grad{font-size:clamp(2.4rem,4.1vw,4.2rem);letter-spacing:-.055em;margin:.08em 0;color:var(--sun1)}
.grad{color:var(--sun1);background:none;-webkit-text-fill-color:currentColor;animation:none}
.hero .ml-tag{font-size:1.125rem;line-height:1.8}
.hero p.lede{color:var(--muted);font-size:1rem;line-height:1.95;max-width:46ch}
.btn{border-radius:100px;min-height:54px;font-size:.9375rem;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-sun,.upibtn{background:var(--sun1);color:#fff;box-shadow:none}
.btn-sun:hover,.upibtn:hover{background:var(--ink);box-shadow:none}
.btn-ghost{background:#fffefa;border:1px solid #183c3133;color:var(--ink)}
.btn-ghost:hover{background:#edf2e8;border-color:var(--sun1)}
.stats{border-color:var(--border);gap:1.6rem;max-width:450px}
.stat b{color:var(--ink);font-size:1.875rem;font-variant-numeric:tabular-nums;min-width:3ch}
.stat span{font-size:.8125rem;color:var(--muted)}
.trainer-visual{width:min(100%,445px)}
.trainer-frame{border-radius:160px 160px 24px 24px;border:6px solid #fffefa;box-shadow:var(--shadow);background:#e7eddf}
.trainer-socials a{border-color:#183c3130;background:#fffefa;color:var(--ink)}
.trainer-socials a:hover{background:#e5eddc;color:var(--sun1);border-color:var(--sun1)}
.story-benefits{font-size:.8125rem;color:var(--muted)}
.marquee{background:var(--ink);color:#edf3e5;border-color:transparent;transform:none;margin:0;contain:paint}
.track{animation:none;width:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 2rem;font-size:.875rem;padding:.3rem 5vw}
.track span:nth-child(n+5){display:none}
.track span:after{display:none}
section{padding:6rem 5vw}
.wrap{max-width:1200px}
.head{max-width:800px}
.head h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.2;letter-spacing:-.045em}
.eyebrow{font-size:.8125rem;color:var(--sun1);letter-spacing:.13em}
.head p{color:var(--muted);line-height:1.85}
.fgrid{gap:1rem;border:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.fcard{background:#fffefaf5;border:1px solid var(--border);border-radius:20px;padding:1.8rem;box-shadow:none;transition:transform .2s ease,border-color .2s ease}
.fcard:hover{background:#fffefa;transform:translateY(-3px);border-color:#7d9e83;box-shadow:none}
.ficon{background:#eaf0e1;border:1px solid #dfe9d7;border-radius:14px;width:48px;height:48px}
.fcard:hover .ficon{animation:none}
.fcard h3{font-size:1.0625rem;line-height:1.5}
.feature-plan-label{display:inline-block;margin:0 0 .7rem;padding:.25rem .65rem;border-radius:100px;background:#edf2e6;color:var(--ink);font-size:.75rem;font-weight:600;line-height:1.6}
.feature-plan-label.premium{background:var(--ink);color:#e3edcf}
.feature-plan-link{color:var(--sun1);text-decoration:underline;text-underline-offset:3px}
.fcard p{font-size:1rem;line-height:1.9;color:var(--muted)}
.results{background:#eaf0e4e8;border-color:var(--border)}
.rslider{border-radius:18px;border:1px solid #183c3130;box-shadow:none;isolation:isolate;contain:paint}
.rhandle{background:#fffefa;width:44px;height:44px;box-shadow:0 2px 12px #183c3126}
.rhandle:before{border-right-color:var(--ink);left:8px}.rhandle:after{border-left-color:var(--ink);right:8px}
.rseam:before{background:#fffefa}
.rtag.tb{background:#183c31ed;color:#e2efca}.rtag.ta{background:#39745bf2;color:#fff}
.result-control{width:44px;height:44px;background:#183c31e8;backdrop-filter:none}
.result-stages{background:#183c31e8;backdrop-filter:none}
.result-stages button.active:before{background:#d9e9bc}
.toggle-in{background:#e9eee2;border-color:var(--border);border-radius:100px;padding:5px}
.toggle button{border-radius:100px;min-height:50px;color:var(--muted);transition:background-color .2s,color .2s}
.toggle button.active{background:var(--ink);color:#fff}
.toggle small{color:var(--sun1)}.toggle button.active small{color:var(--sun3)}
.plans{gap:1.5rem}
.plan{background:#fffefa;border:1px solid var(--border);border-radius:24px;padding:2.4rem;color:var(--ink)}
.plan.pro{background:var(--ink);color:#fffefa;border:1px solid #183c31}
.plan.pro .price{color:var(--sun3)}
.badge{background:#d9e9bc;color:#183c31;border-radius:100px;font-size:.75rem;letter-spacing:.06em}
.plan.pro .btn-sun{background:var(--sun3);color:var(--ink)}
.plan.pro .btn-sun:hover{background:#edf5df}
.plan .dur,.per{opacity:1;color:var(--muted)}
.plan.pro .dur,.plan.pro .per{color:#c3d1c3}
.tick{background:#e4edda;color:var(--sun1)}.plan.pro .tick{background:#ffffff18;color:var(--sun3)}
.pay{background:#e8eee0;border-color:var(--border);color:var(--ink);border-radius:32px 32px 0 0}
.pay .head h2{color:var(--ink)}
.pay .eyebrow{color:var(--sun1)}.pay .eyebrow:before{background:var(--sun1)}
.pay .head p,.paynote,.webbtn,.paycard .pdur{color:var(--muted)}
.paycard{background:#fffefa;border:1px solid #183c3126;border-radius:24px;color:var(--ink)}
.daybtns button{background:#edf1e8;color:var(--ink);border-radius:100px;min-height:44px;transition:background-color .2s,color .2s}
.daybtns button.on{background:var(--ink);color:#fff}
.qrbox{box-shadow:0 0 0 1px #183c3126;border-radius:12px}
.payee{color:var(--ink)}.vpa{color:var(--muted)}
.upibtn{border-radius:100px;min-height:52px}
.paycard.flash{animation:gentle-highlight .7s ease}
@keyframes gentle-highlight{50%{border-color:var(--sun1);box-shadow:0 0 0 4px #28654f18}}
footer{background:var(--ink);color:#c3d1c3;border-color:#ffffff18;font-size:.875rem}footer b{color:#fffefa}
.rv{opacity:1;transform:none;transition:none}
.rv.in{opacity:1;transform:none}
.blob,.grad,.pill .dot,.reel-glow,.chip,.rslider.nudge{animation:none!important}
a:focus-visible,button:focus-visible,[role=slider]:focus-visible{outline:3px solid #548c6c;outline-offset:4px}
@media(max-width:1000px){.hero{gap:3vw}.hero-ctas{flex-direction:column;align-items:stretch}.trainer-visual{width:min(100%,380px)}.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.rgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){
 .nav-in{padding:.8rem 5vw}.brand{min-width:0;gap:.5rem}.kmark{flex-shrink:0;width:34px;height:34px}.bname{font-size:.8125rem}.bname small{font-size:.75rem}.navcta{font-size:.8125rem;padding:.55rem .85rem}
 .hero{padding:2rem 6vw 3.5rem;gap:2.2rem;grid-template-columns:1fr;min-height:auto}.hero h1{font-size:clamp(2.7rem,11.5vw,4rem);line-height:1.08;margin:1.2rem 0}.hero h1 .grad{font-size:clamp(1.9rem,8.6vw,3rem);letter-spacing:-.06em}.hero .ml-tag{font-size:1.0625rem}.hero p.lede{font-size:1rem}
 .trainer-visual{grid-row:auto;width:min(86%,340px)}.trainer-frame{border-radius:130px 130px 20px 20px;border-width:5px}.hero-ctas{flex-direction:column}.hero-ctas .btn{font-size:.875rem}.stats{gap:.6rem;flex-wrap:nowrap}.stat b{font-size:1.65rem}.stat span{font-size:.75rem;max-width:12ch}
 .track{justify-content:center;gap:.6rem 1.1rem;font-size:.75rem}.head h2{font-size:2.1rem;line-height:1.2}.head p{font-size:1rem}.head{margin-bottom:2rem}
 section{padding:4rem 6vw}.fgrid{grid-template-columns:1fr}.fcard{padding:1.5rem}.rgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.rgrid .rslider:last-child{width:calc(50% - .375rem)}
 .plan{padding:2rem 1.35rem}.plan h3{font-size:1.4rem}.badge{position:static;align-self:flex-start;margin-bottom:.9rem}.toggle button{min-width:0;padding:.7rem 1.3rem}.plans,.paygrid{grid-template-columns:minmax(0,1fr)}.paycard{padding:1.7rem 1.2rem}.upibtn{flex-wrap:wrap;font-size:.875rem;gap:.3rem}
}
/* One composited, scroll-controlled illustration behind the page. */
.nav-actions{display:flex;align-items:center;gap:.7rem;flex-shrink:0}
.motion-toggle{display:inline-flex;align-items:center;gap:.25rem;min-height:44px;padding:.45rem .7rem;border:1px solid var(--border);border-radius:100px;font-size:.75rem;color:var(--muted);background:#fffefa}
.motion-toggle[hidden],.journey-backdrop[hidden]{display:none}
.motion-toggle svg{width:18px;height:18px}.motion-toggle .motion-off{display:none}
.motion-toggle[aria-pressed=true] .motion-off{display:block}.motion-toggle[aria-pressed=true] .motion-on{display:none}
.reading-progress{position:fixed;z-index:60;inset:0 0 auto;height:3px;pointer-events:none}
.reading-progress span{display:block;width:100%;height:100%;background:#548c6c;transform:scaleX(0);transform-origin:left;will-change:transform}
.journey-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict;opacity:.09;will-change:opacity}
.journey-person{position:absolute;right:9vw;bottom:5svh;width:30svh;height:76svh;max-height:800px;max-width:320px;transform-origin:50% 92%;will-change:transform}
.figure-layer{position:absolute;inset:0;overflow:hidden;will-change:transform,opacity;transform-origin:50% 48%}
.figure-layer img{position:absolute;top:0;left:50%;height:100%;width:auto;max-width:none;object-fit:contain;pointer-events:none}
.figure-start img{transform:translateX(-31.2%)}.figure-finish img{transform:translateX(-70.3%)}
.figure-finish{opacity:0}
.journey-orbit{position:absolute;right:calc(9vw - 7svh);bottom:1svh;width:44svh;height:84svh;border:1px solid #7d9e8340;border-radius:50%;transform:rotate(-12deg);will-change:transform}
.orbit-inner{right:calc(9vw - 3svh);bottom:7svh;width:36svh;height:70svh;border-color:#7d9e832b;transform:rotate(12deg)}
.journey-story{padding:0 5vw;height:180svh;position:relative;border-bottom:1px solid var(--border);background:transparent}
.journey-sticky{position:sticky;top:85px;height:calc(100svh - 85px);max-width:1200px;margin:auto;display:flex;align-items:center}
.journey-copy{width:53%;padding:2rem 0}
.journey-copy h2{font-size:clamp(2.7rem,5.3vw,5rem);letter-spacing:-.06em;line-height:1.16;margin:1.5rem 0}
.journey-copy h2 span{color:var(--sun1)}
.journey-copy>p{color:var(--muted);font-size:1.15rem;line-height:1.85}
.journey-milestones{display:flex;align-items:center;gap:.8rem;margin:2.2rem 0 1.5rem;font-size:.8125rem;font-weight:600;max-width:440px}
.journey-milestones i{height:1px;background:#183c3130;flex:1;min-width:16px}
.journey-milestones span{color:#65796c;white-space:nowrap}.journey-milestones .is-current{color:var(--ink)}
.journey-copy .journey-scroll{font-size:.875rem;color:var(--sun1);display:flex;align-items:center;gap:.6rem}
.journey-copy .journey-caption{font-size:.75rem;margin-top:3rem;color:var(--muted)}
html[data-motion=off]{scroll-behavior:auto}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion=off] .journey-backdrop{opacity:0!important}
html[data-motion=off] .journey-story{height:auto;background:#edf2e6}
html[data-motion=off] .journey-sticky{height:auto;position:relative;top:auto;padding:3rem 0}
html[data-motion=off] .journey-copy{width:100%}
html[data-motion=off] .journey-scroll{display:none}
@media(min-width:1700px){.journey-person{right:calc((100vw - 1360px)/2)}.journey-orbit{right:calc((100vw - 1360px)/2 - 7svh)}.orbit-inner{right:calc((100vw - 1360px)/2 - 3svh)}}
@media(max-width:880px) and (min-width:621px){.journey-person{right:6vw;width:28svh;height:70svh}.journey-copy{width:55%}.journey-copy h2{font-size:3rem}.journey-copy>p{font-size:1rem}.journey-milestones{gap:.4rem;font-size:.75rem}}
@media(max-width:620px){
 .nav-actions{gap:.4rem}.motion-toggle{width:38px;min-height:38px;justify-content:center;padding:0;flex-shrink:0}.motion-toggle span{display:none}.motion-toggle svg{width:16px;height:16px}.navcta{padding:.55rem .75rem;font-size:.75rem}.bname{font-size:.75rem}.bname small{font-size:.6875rem}
 .journey-story{height:170svh;padding:0 6vw}.journey-sticky{top:74px;height:calc(100svh - 74px);align-items:flex-start}.journey-copy{width:100%;padding-top:4svh}.journey-copy .eyebrow{font-size:.75rem}.journey-copy h2{font-size:clamp(2.15rem,8vw,3rem);margin:1rem 0 .7rem;line-height:1.16;max-width:100%}.journey-copy>p{font-size:.9375rem;line-height:1.65}
 .journey-person{height:50svh;width:20svh;bottom:3svh;right:calc(50vw - 10svh)}
 .journey-orbit{height:54svh;width:40svh;right:calc(50vw - 20svh);bottom:1svh}.orbit-inner{height:46svh;width:30svh;right:calc(50vw - 15svh);bottom:5svh}
 .journey-milestones{position:absolute;bottom:3svh;left:0;right:0;margin:0;gap:.5rem;font-size:.75rem;z-index:1;transform:translateY(-1rem);opacity:.9}.journey-milestones span{background:var(--cream);padding:4px 5px;border-radius:4px}.journey-copy .journey-caption{position:absolute;bottom:1svh;left:0;right:0;margin:0;font-size:.6875rem;text-align:center;line-height:1.3}.journey-copy .journey-scroll{margin-top:.5rem;font-size:.75rem}
 html[data-motion=off] .journey-milestones,html[data-motion=off] .journey-copy .journey-caption{position:static;transform:none;margin-top:1.5rem;text-align:left}.journey-backdrop{opacity:.045}
}
@media(max-height:640px) and (max-width:620px){.journey-copy h2{font-size:1.8rem;margin:.5rem 0}.journey-copy>p{font-size:.8125rem}.journey-copy .journey-scroll{display:none}.journey-person{height:45svh;width:18svh;right:calc(40vw - 9svh)}.journey-copy{padding-top:2svh}.journey-copy .eyebrow{font-size:.6875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.journey-backdrop{display:none}.journey-story{height:auto}.journey-sticky{position:relative;top:0;height:auto;padding:3rem 0}.journey-copy{width:100%}.journey-scroll{display:none!important}.journey-milestones,.journey-copy .journey-caption{position:static;transform:none;margin-top:1.5rem;text-align:left}}