@font-face{font-family:Vazir;src:url(vazirmatn.woff2);font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px;overflow-x:clip}body{margin:0;font-family:Vazir,sans-serif;background:#fafbf8;color:#162c23;overflow-x:clip;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #87a456;outline-offset:6px}button:disabled{cursor:default}::selection{background:#d9eca9;color:#14241b}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.section-space{padding-block:105px}.header{background:#111a16;color:#f2f5ed;border-bottom:1px solid #ffffff0f}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;font-size:29px;letter-spacing:-.8px;white-space:nowrap}.brand-orbit{height:29px;width:29px;border:1.7px solid currentColor;border-radius:50%;position:relative;display:inline-block;transform:rotate(-30deg);flex-shrink:0}.brand-orbit:before{content:'';position:absolute;inset:7px -6px;border:1.7px solid currentColor;border-radius:50%}.brand-orbit:after{content:'';position:absolute;width:5px;height:5px;background:currentColor;border-radius:50%;top:-3px;left:14px}.demo-badge{font-size:9px;font-weight:400;letter-spacing:0;color:#adbaae;padding:5px 8px;border:1px solid #ffffff1c;border-radius:5px;margin-right:8px}.nav nav{display:flex;gap:29px;color:#bfc9bf;font-size:12px}.nav nav a:hover{color:#e0f4af}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:10px;padding:15px 22px;line-height:1.5;font-size:13px;font-weight:600;transition:background .2s,box-shadow .2s}.button:hover{box-shadow:0 5px 20px #1d391c20}.button svg{width:18px;height:18px}.nav-cta{background:#ffffff0b;border:1px solid #ffffff25;color:#f6f7ef;padding:10px 16px;font-size:11px;gap:20px}.nav-cta:hover{background:#ffffff16}.lime{background:#d7eca6;color:#20341f}.lime:hover{background:#e6f5bf}.text-link{font-size:12px;color:#d2dccd;display:inline-flex;align-items:center;gap:20px}.text-link span{font-size:18px}.hero{background:#111a16;color:#f4f6f0;padding-top:61px;position:relative;isolation:isolate}.hero-intro{text-align:center;position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:.1px;display:flex;gap:8px;align-items:center;justify-content:center;margin:0 0 20px;color:#b1c0ab}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#d7eca6}.hero h1{font-size:clamp(50px,5.8vw,76px);line-height:1.4;font-weight:800;letter-spacing:-2.5px;margin:0 0 20px}.hero h1 span{color:#d7eca6}.lead{font-size:14px;line-height:2.1;color:#bdc7b9;margin:0}.hero-actions{display:flex;gap:28px;justify-content:center;align-items:center;margin-top:26px}.hero-stage{height:580px;position:relative;perspective:1300px;display:grid;place-items:center;isolation:isolate;margin-top:10px}.stage-glow{position:absolute;width:750px;height:420px;bottom:25px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#83a45b29,transparent 67%);z-index:-2;pointer-events:none}.stage-ring{width:750px;height:240px;border:1px solid #8ba16f20;border-radius:50%;position:absolute;bottom:10px;left:50%;transform:translateX(-50%) rotate(-8deg);z-index:-1}.hero-phone{position:relative;width:263px;height:510px;border-radius:39px;background:#f5f7ed;border:5px solid #798477;box-shadow:6px 5px 0 #343f34,10px 9px 0 #0a0e0a,0 30px 60px #0008;transform:rotateX(6deg) rotateY(-12deg) rotateZ(-7deg);transform-style:preserve-3d;padding:12px 16px 13px;color:#263c2c;z-index:2;will-change:transform}.hero-phone:after{content:'';position:absolute;inset:0;border-radius:33px;border:1px solid #fff9;pointer-events:none}.phone-camera{position:absolute;width:73px;height:20px;left:90px;top:6px;background:#172018;border-radius:20px;z-index:2}.phone-status{font:600 9px Arial;display:flex;justify-content:space-between;direction:ltr;margin:1px 4px 20px}.app-greeting{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.app-greeting span:not(.app-avatar){font-size:8px;color:#79856e}.app-greeting h2{font-size:15px;margin:4px 0;font-weight:750;letter-spacing:-.5px}.app-avatar{background:#e4eacb;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:12px}.app-dates{display:flex;gap:9px;justify-content:space-between;margin:14px 0}.app-dates>span{font-size:8px;color:#89947b;display:grid;gap:4px;padding:7px 10px;text-align:center;border-radius:13px}.app-dates b{font-size:11px;color:#495a3e}.app-dates .selected{background:#294632;color:#c1d3af}.app-dates .selected b{color:#fff}.phone-focus{background:#e5edce;border:1px solid #dce6c5;padding:13px 12px 10px;border-radius:20px;transform:translateZ(12px)}.phone-focus-title{display:flex;align-items:center;gap:6px;font-size:8px;color:#53693e}.phone-focus-title svg{width:12px;height:12px}.phone-timer{width:103px;height:103px;margin:10px auto;border:5px solid #ccd9af;border-top-color:#6d8a4d;border-right-color:#6d8a4d;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%}.phone-timer b{font-size:23px;font-weight:500;direction:ltr}.phone-timer span{font-size:7px;color:#63794c;margin-top:2px}.phone-start{background:#2b4932;border-radius:9px;width:100%;padding:7px;color:#f4f8ec;font-size:8px;display:flex;align-items:center;justify-content:center;gap:6px}.phone-start svg{width:10px;height:10px}.app-tasks-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0 7px;font-size:10px}.app-tasks-head>span{font-size:8px;color:#82916d}.app-task{display:flex;align-items:center;gap:7px;padding:7px 0;font-size:8px;border-bottom:1px solid #e5eadb}.app-task>small{font-size:6px;margin-right:auto;color:#81936d}.app-task:has(.done)>span{text-decoration:line-through;color:#7f8b74}.task-check{width:13px;height:13px;border:1px solid #bac9a3;border-radius:4px;padding:1px;display:grid;place-items:center;background:transparent;flex-shrink:0}.task-check svg{width:10px;height:10px;visibility:hidden;stroke-width:2}.task-check.done{background:#779458;border-color:#779458;color:#fff}.task-check.done svg{visibility:visible}.task-dot{width:4px;height:4px;background:#c7a466;border-radius:50%;margin-right:auto}.task-dot.pale{background:#a8b893}.phone-tabbar{display:flex;justify-content:space-around;margin-top:10px;color:#a0ac91}.phone-tabbar svg{width:14px;height:14px}.phone-tabbar svg:first-child{color:#416038}.float-card{position:absolute;border:1px solid #ffffff1b;background:#1e2a22;box-shadow:0 18px 45px #0003;border-radius:17px;padding:21px;color:#e7ecdf;will-change:transform;z-index:1}.idea-card{width:236px;right:calc(50% - 435px);top:136px;transform:rotate(5deg)}.float-icon{background:#34472d;color:#c7e199;border-radius:12px;display:grid;place-items:center;width:36px;height:36px;margin-bottom:17px}.float-icon svg{width:20px;height:20px}.small-label{font-size:10px;color:#6c7d62;display:block}.float-card .small-label{color:#9bad90}.float-card h3{font-size:16px;font-weight:600;margin:9px 0 20px}.idea-lines{display:grid;gap:8px;margin-bottom:24px}.idea-lines i{display:block;height:5px;width:88%;border-radius:9px;background:#41533c}.idea-lines i:nth-child(2){width:70%;background:#364731}.idea-lines i:nth-child(3){width:52%;background:#30412c}.float-foot{font-size:9px;color:#a5b39b}.rhythm-card{width:216px;left:calc(50% - 415px);top:239px;transform:rotate(-5deg)}.rhythm-bars{display:flex;gap:9px;align-items:end;direction:rtl;height:68px;margin:23px 0 19px}.rhythm-bars i{display:block;height:var(--h);background:#506442;flex:1;border-radius:4px 4px 0 0}.rhythm-bars i:nth-child(5){background:#d4e99f}.stage-caption{position:absolute;left:0;right:0;bottom:24px;display:flex;justify-content:space-between;align-items:center;color:#82937c;font-size:10px;padding-bottom:4px;border-bottom:1px solid #ffffff10}.scroll-cue{display:flex;gap:17px;align-items:center}.scroll-cue i{font-style:normal;color:#c8daac;font-size:17px}.manifesto{text-align:center;border-bottom:1px solid #e3e8dc}.eyebrow.dark{color:#738365}.manifesto h2{font-size:clamp(28px,3.2vw,42px);line-height:1.85;letter-spacing:-1.1px;font-weight:700;margin:0 0 20px}.manifesto h2 span{color:#6f825b}.manifesto>p:last-child{font-size:13px;line-height:2.1;color:#738168;margin:0}.planning{display:grid;grid-template-columns:1fr 1.1fr;gap:95px;align-items:center}.chapter-label{font-size:10px;color:#7b8c69;display:block;margin-bottom:18px}.section-copy h2,.progress-heading h2,.faq-section h2{font-size:clamp(31px,3.5vw,45px);line-height:1.6;font-weight:700;letter-spacing:-1.2px;margin:0 0 20px}.section-copy>p{font-size:13px;line-height:2.2;max-width:345px;color:#6f7e65;margin:0}.benefits{list-style:none;padding:0;margin:28px 0 0}.benefits li{display:flex;align-items:start;gap:18px;padding:18px 0;border-top:1px solid #e0e6d8}.benefits li>span{font-size:10px;color:#879975;margin-top:3px}.benefits b{font-size:12px;font-weight:650}.benefits p{font-size:11px;line-height:2;margin:5px 0 0;color:#7c8872}.plan-visual{background:#ecf0e5;border:1px solid #e3e9d9;border-radius:28px;padding:35px 29px;perspective:1000px}.schedule-card{background:#fffef9;border-radius:18px;padding:26px 22px 18px;box-shadow:0 15px 32px #334a2020;transform:rotate(-3deg);border:1px solid #e4e8d9;will-change:transform}.schedule-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.schedule-heading>svg{width:22px;height:22px;color:#728660}.schedule-heading h3{font-size:21px;font-weight:650;margin:7px 0 0;letter-spacing:-.5px}.schedule-timeline{display:grid;gap:18px}.schedule-slot{display:grid;grid-template-columns:38px 1fr;gap:13px}.schedule-slot time{font-size:10px;color:#839173;margin-top:19px}.schedule-block{padding:16px 15px;background:#e4edcf;border-radius:13px;border-right:3px solid #6b8849}.schedule-block>span{font-size:11px;display:flex;gap:7px;align-items:center}.schedule-block svg{width:13px;height:13px;color:#6f8254}.schedule-block>small{font-size:9px;color:#788a60;display:block;margin:8px 0 0}.schedule-block>span>i{width:6px;height:6px;border-radius:50%;background:#6f8a4e}.schedule-block.completed{background:#f0f3e9;border-right-color:#d5dfc4}.schedule-block.completed>span{color:#7e8d6c;text-decoration:line-through}.schedule-block.break{background:#f5f3e8;border-right-color:#d9c9a2}.inline-progress{height:3px;background:#ccd9b4;border-radius:4px;overflow:hidden;margin-top:15px}.inline-progress i{width:63%;height:100%;background:#77994e;display:block;transform-origin:right}.schedule-bottom{display:flex;justify-content:space-between;margin-top:25px;border-top:1px solid #e8eddd;padding-top:15px;font-size:8px;color:#8b9879}.focus-section{background:#16271f;color:#f4f7ee;padding:85px 0 0;position:relative;overflow:clip}.focus-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:430px}.focus-section .chapter-label{color:#a3bb83}.focus-section h2 span{color:#cfe6a0}.focus-section .section-copy>p{color:#b1c1a5;font-size:13px}.focus-meta{display:flex;align-items:center;gap:10px;color:#a0b48f;font-size:10px;margin-top:28px}.focus-meta svg{width:16px;height:16px}.focus-meta span{display:flex;align-items:center;gap:10px}.focus-meta i{width:3px;height:3px;border-radius:50%;background:#6e8760}.focus-instrument{height:420px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate;will-change:transform}.instrument-circle{position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid #b6cf8e17;background:radial-gradient(circle,#819d4e0b,transparent 67%);z-index:-1}.instrument-circle>svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.timer-track{stroke:#3c5137;stroke-width:.75}.timer-arc{stroke:#b7d583;stroke-width:1.9;stroke-dasharray:655 875;transition:stroke-dasharray .5s linear}.circle-tick{position:absolute;width:9px;height:9px;border-radius:50%;background:#cfe6a0;top:17px;left:100px;box-shadow:0 0 0 5px #a7c37315}.circle-tick.t2{width:4px;height:4px;top:auto;left:auto;right:32px;bottom:65px;background:#697f51;box-shadow:none}.timer-overline{font-size:11px;color:#b2c49f;margin-bottom:6px}.main-timer{font-size:74px;direction:ltr;letter-spacing:-1px;font-weight:300;font-variant-numeric:tabular-nums;line-height:1.4}.focus-instrument .button{padding:12px 23px;font-size:11px;gap:10px;margin-top:12px}.focus-instrument .button svg{width:14px;height:14px}.reset-button{background:transparent;color:#a0b58d;font-size:9px;margin-top:10px;padding:5px}.timer-message{position:absolute;bottom:0;font-size:10px;color:#8da67a}.focus-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff17;padding:26px 0;margin-top:55px;color:#8fa27e;font-size:10px}.inside-section{background:#edf1e5;position:relative}.inside-pin{display:grid;grid-template-columns:1fr 1.12fr;gap:70px;align-items:center;padding-block:85px;min-height:650px}.layer-legend{margin-top:32px;display:grid;gap:18px}.layer-legend>div{display:flex;align-items:center;gap:16px;color:#8d9c7c;transition:color .25s}.layer-legend span{font-size:10px;font-weight:400}.layer-legend b{font-size:12px;font-weight:500}.layer-legend .active{color:#254632}.scene-progress{height:2px;background:#d1ddc0;max-width:245px;margin-top:25px}.scene-progress i{display:block;height:100%;background:#75954c;transform:scaleX(var(--scene-progress,0));transform-origin:right}.layer-scene{height:470px;perspective:1150px;position:relative;display:grid;place-items:center;isolation:isolate}.layers{position:relative;width:252px;height:340px;transform-style:preserve-3d;transform:rotateX(48deg) rotateZ(-26deg);will-change:transform}.layer{position:absolute;inset:0;border-radius:25px;box-shadow:5px 6px 0 #bacba066,0 24px 30px #253b2018;backface-visibility:hidden;border:1px solid #b2c59a}.layer-foundation{background:linear-gradient(145deg,#9cb67e,#5b7b43);transform:translateZ(-80px);display:flex;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;gap:15px;color:#f5fbe9}.layer-foundation b{font-size:35px;font-weight:750}.layer-base-caption{flex-basis:100%;font-size:9px;text-align:center;color:#e3efcf;margin-top:4px}.layer-list{transform:translateZ(55px);padding:24px;background:#fcfff2}.layer-list h3{font-size:17px;margin:9px 0 22px}.layer-list>div{font-size:10px;background:#edf3df;border-radius:10px;margin-bottom:12px;padding:13px 9px;display:flex;align-items:center;gap:8px}.layer-list svg{width:13px;height:13px;color:#799b51}.layer-list>div>i{width:9px;height:9px;border:1px solid #9bb67c;border-radius:3px}.layer-front{background:#f5f9ec;transform:translateZ(195px);padding:24px;text-align:center}.layer-front .small-label{font-size:10px}.layer-ring{border:7px solid #d7e1c4;border-top-color:#71934f;border-right-color:#71934f;width:145px;height:145px;border-radius:50%;margin:28px auto;display:grid;place-items:center}.layer-ring b{font-weight:400;font-size:34px;direction:ltr}.layer-action{font-size:10px;color:#eef7e0;background:#2e5036;border-radius:10px;display:block;padding:12px}.layer-shadow{width:300px;height:300px;border-radius:50%;background:#6b8d4f22;filter:blur(15px);transform:rotateX(70deg);position:absolute;bottom:0;z-index:-1}.scene-note{position:absolute;bottom:-20px;left:0;right:0;font-size:9px;color:#7e906c;text-align:center}.progress-heading{display:flex;justify-content:space-between;gap:50px;align-items:center;margin-bottom:38px}.progress-heading h2{margin-bottom:0}.progress-heading>p{font-size:13px;line-height:2.2;color:#738268;max-width:320px}.progress-panel{background:#f0f3e9;border:1px solid #e1e8d5;border-radius:24px;padding:32px 38px}.progress-panel-head{display:flex;align-items:center;justify-content:space-between}.progress-panel h3{font-size:19px;margin:7px 0 0;font-weight:600}.chart-tabs{display:flex;gap:3px;background:#e3e9d8;padding:4px;border-radius:10px}.chart-tabs button{font-size:10px;padding:8px 18px;background:transparent;color:#738465;border-radius:7px;transition:background .2s,color .2s}.chart-tabs button[aria-pressed=true]{background:#fffef8;color:#2c4b2e;box-shadow:0 2px 5px #405b1c0c}.week-chart{height:230px;display:flex;gap:25px;padding:18px 10px 0;align-items:stretch;border-bottom:1px solid #d4dfc3;margin-top:22px}.week-chart>div{position:relative;flex:1;display:flex;align-items:center;justify-content:end;flex-direction:column-reverse;gap:15px}.week-chart>div>span{position:absolute;bottom:-29px;font-size:9px;color:#718361;white-space:nowrap}.week-chart>div>i{height:var(--bar);width:min(100%,65px);border-radius:9px 9px 0 0;background:#c6d6b1;transform-origin:bottom;display:block;transition:height .6s cubic-bezier(.2,.6,.2,1)}.week-chart .highlight>i{background:#547840}.chart-footer{margin-top:58px;display:flex;align-items:center;justify-content:space-between;color:#81916e;font-size:9px;gap:20px}.chart-footer>span:first-child{display:flex;align-items:center;gap:7px}.chart-footer i{width:6px;height:6px;background:#769750;border-radius:50%}.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;border-top:1px solid #e3e9d9}.faq-section h2{font-size:32px}.faq-list details{border-bottom:1px solid #dfe6d5;padding:23px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;font-size:13px;list-style:none;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>svg{width:17px;height:17px;color:#8a9a76;transition:transform .25s}.faq-list details[open] summary>svg{transform:rotate(45deg)}.faq-list details>p{font-size:12px;line-height:2.2;color:#708065;margin:16px 0 0;max-width:600px}.closing-section{background:#d8eaa9}.closing-inner{padding-block:68px;display:flex;justify-content:space-between;align-items:center;gap:35px}.closing-inner .chapter-label{color:#6c854c;margin-bottom:14px}.closing-inner h2{font-size:38px;line-height:1.5;letter-spacing:-1px;margin:0 0 12px;font-weight:750}.closing-inner p{font-size:12px;color:#6a804e;margin:0;line-height:2}.dark-button{background:#203c29;color:#f2f8e5;white-space:nowrap}.dark-button:hover{background:#315239}.footer{padding-block:36px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .brand{font-size:26px}.footer>span{font-size:10px;color:#7a8a6d;line-height:1.8}.footer small{display:block;font-size:9px;color:#98a38e;margin-top:5px}.back-top{font-size:10px;color:#7e8d73}.motion-control{position:fixed;bottom:16px;left:16px;display:flex;align-items:center;gap:7px;background:#fafcf2ed;color:#526947;box-shadow:0 4px 12px #142a1d12;border:1px solid #c8d6b5;border-radius:30px;padding:8px 11px;z-index:10;font-size:9px;backdrop-filter:blur(8px)}.motion-control svg{width:11px;height:11px}.reading-progress{position:fixed;top:0;right:0;background:#c4df8b;height:2px;width:100%;transform:scaleX(0);transform-origin:right;z-index:20}
/* Short, bounded scenes keep content close while scroll controls visual depth. */
.motion-on .inside-section{height:1150px}.motion-on .inside-pin{position:sticky;top:max(20px,calc((100svh - 660px)/2));height:660px;min-height:660px}.motion-on [data-parallax],.motion-on [data-reveal]{will-change:transform}.motion-on .layer{transition:none}.motion-on .hero-phone{transition:transform .1s linear}.motion-on .plan-visual{transition:none}.motion-off *{animation:none!important;transition:none!important}.motion-off .hero-phone{transform:rotate(-5deg)!important}.motion-off [data-reveal],.motion-off [data-parallax]{transform:none!important;opacity:1!important}.motion-off .inside-section{height:auto}.motion-off .inside-pin{position:relative;top:auto}.motion-off .layers{transform:rotateX(26deg) rotateZ(-15deg)!important}.motion-off .layer-foundation{transform:translateZ(-30px)!important}.motion-off .layer-list{transform:translateZ(20px)!important}.motion-off .layer-front{transform:translateZ(100px)!important}
@media(min-width:1450px){.hero h1{font-size:76px}.hero-stage{height:620px}.hero{padding-top:70px}.hero-phone{width:278px;height:530px;padding:14px 18px}.phone-camera{left:97px}.phone-focus{margin-top:3px}.phone-timer{width:110px;height:110px}.app-task{padding:9px 0}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.planning{gap:50px}.section-copy h2{font-size:36px}.plan-visual{padding:30px 20px}.idea-card{right:calc(50% - 380px);width:210px}.rhythm-card{left:calc(50% - 360px);width:195px}.focus-layout{gap:40px}.instrument-circle{width:330px;height:330px}.inside-pin{gap:40px}.layers{width:225px;height:310px}.layer-front{padding:21px}.layer-ring{width:130px;height:130px;margin:23px auto}.layer-list{padding:21px}.layer-list>div{font-size:9px}.layer-list h3{margin-bottom:20px}.progress-heading h2{font-size:37px}}
@media(max-width:760px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.section-space{padding-block:65px}.nav{height:73px;gap:15px}.brand{font-size:25px;gap:9px}.brand-orbit{width:25px;height:25px}.brand-orbit:before{inset:6px -5px}.demo-badge{font-size:8px;padding:4px 6px;margin-right:4px}.nav nav{display:none}.nav-cta{padding:9px 12px;font-size:10px;gap:16px}.hero{padding-top:45px}.eyebrow{font-size:9px;gap:6px;margin-bottom:17px}.hero h1{font-size:49px;letter-spacing:-1.8px;line-height:1.5;margin-bottom:14px}.lead{font-size:12px;line-height:2.1}.hero-actions{gap:22px;margin-top:23px}.button{font-size:11px;gap:17px;padding:13px 16px}.text-link{font-size:10px;gap:10px}.hero-stage{height:543px;margin-top:18px;perspective:1100px}.hero-phone{width:244px;height:493px;padding:12px 15px;transform:rotateX(4deg) rotateY(-8deg) rotateZ(-6deg);border-radius:36px}.phone-camera{left:79px}.app-greeting h2{font-size:14px}.phone-status{margin-bottom:17px}.app-dates{gap:6px;margin:11px 0}.phone-focus{padding:11px 10px 9px}.phone-timer{width:99px;height:99px;margin:9px auto}.app-task{padding:7px 0}.phone-tabbar{margin-top:11px}.idea-card{width:142px;right:calc(50% - 200px);top:122px;padding:13px;border-radius:12px;z-index:3}.float-icon{width:27px;height:27px;margin-bottom:11px;border-radius:8px}.float-icon svg{width:15px;height:15px}.float-card .small-label{font-size:7px}.float-card h3{font-size:11px;margin:7px 0 14px;line-height:1.8}.idea-lines{gap:6px;margin-bottom:10px}.idea-lines i{height:3px}.float-foot{font-size:6px}.rhythm-card{width:134px;left:calc(50% - 190px);top:340px;padding:13px;z-index:3}.rhythm-bars{height:40px;gap:5px;margin:13px 0 10px}.stage-ring{width:440px;height:180px;bottom:25px}.stage-glow{width:470px;height:400px}.stage-caption{bottom:4px;font-size:7px}.scroll-cue{gap:9px}.scroll-cue i{font-size:13px}.manifesto h2{font-size:25px;line-height:1.85;letter-spacing:-.6px}.manifesto .eyebrow{font-size:9px}.manifesto>p:last-child{font-size:11px;line-height:2.1}.desktop-break{display:none}.planning{display:flex;flex-direction:column;gap:35px;align-items:stretch}.chapter-label{font-size:9px;margin-bottom:14px}.section-copy h2,.progress-heading h2{font-size:32px;line-height:1.6;margin-bottom:17px}.section-copy>p{font-size:12px;max-width:345px}.benefits{margin-top:25px}.benefits li{padding:15px 0;gap:15px}.benefits p{font-size:10px;margin-top:4px}.benefits b{font-size:11px}.plan-visual{padding:30px 22px;border-radius:21px}.schedule-card{padding:24px 18px 18px}.schedule-heading h3{font-size:19px}.schedule-slot{grid-template-columns:34px 1fr;gap:10px}.schedule-slot time{font-size:9px}.schedule-block{padding:15px 12px}.schedule-block>span{font-size:10px}.schedule-block>small{font-size:8px}.schedule-timeline{gap:15px}.schedule-heading{margin-bottom:22px}.focus-section{padding-top:60px}.focus-layout{display:flex;flex-direction:column;gap:27px;align-items:stretch}.focus-section .section-copy>p{font-size:12px}.focus-meta{font-size:9px;margin-top:23px;gap:8px}.focus-meta span{gap:8px}.focus-instrument{height:375px;max-width:400px;width:100%;margin:auto}.instrument-circle{width:310px;height:310px}.main-timer{font-size:68px}.timer-overline{font-size:10px}.focus-instrument .button{font-size:11px}.timer-message{bottom:2px;font-size:9px}.focus-bottom{margin-top:36px;padding-block:22px;font-size:8px}.inside-pin{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-block:62px 44px;min-height:0}.inside-pin .section-copy>p{font-size:11px}.layer-legend{display:flex;gap:17px;margin-top:22px;flex-wrap:wrap}.layer-legend>div{gap:6px}.layer-legend b{font-size:9px}.layer-legend span{font-size:8px}.scene-progress{margin-top:18px;max-width:none}.layer-scene{height:405px;margin-top:5px}.layers{width:208px;height:285px}.layer-list{padding:19px}.layer-list h3{font-size:15px;margin-bottom:18px}.layer-list>div{padding:11px 8px;font-size:9px;margin-bottom:10px}.layer-front{padding:20px}.layer-front .small-label{font-size:9px}.layer-ring{width:115px;height:115px;margin:23px auto}.layer-ring b{font-size:28px}.layer-action{font-size:9px;padding:10px}.layer-foundation b{font-size:30px}.layer-base-caption{font-size:8px}.scene-note{bottom:-10px;font-size:8px}.motion-on .inside-section{height:auto}.motion-on .inside-pin{position:relative;top:auto;height:auto;min-height:0}.progress-heading{display:block;margin-bottom:28px}.progress-heading>p{font-size:11px;margin:20px 0 0;line-height:2}.progress-panel{padding:24px 20px;border-radius:20px}.progress-panel h3{font-size:15px}.progress-panel .small-label{font-size:8px}.chart-tabs button{padding:7px 11px;font-size:9px}.chart-tabs{gap:0;padding:3px}.week-chart{height:185px;gap:13px;padding:10px 0 0;margin-top:25px}.week-chart>div>span{font-size:7px;bottom:-24px}.week-chart>div>i{border-radius:5px 5px 0 0}.chart-footer{font-size:7px;gap:10px;margin-top:46px}.faq-section{display:block}.faq-section h2{font-size:28px;margin-bottom:30px}.faq-list details{padding:20px 0}.faq-list summary{font-size:11px;gap:13px}.faq-list details>p{font-size:11px}.closing-inner{padding-block:45px;display:block}.closing-inner h2{font-size:31px;letter-spacing:-.7px;margin-bottom:12px}.closing-inner p{font-size:11px}.closing-inner .button{margin-top:25px;font-size:11px}.footer{padding-block:28px 70px;gap:20px;flex-wrap:wrap}.footer .brand{font-size:24px}.footer>span{font-size:8px;max-width:190px}.footer small{font-size:7px}.back-top{font-size:8px;margin-right:auto}.motion-control{bottom:12px;left:12px;padding:7px 10px;font-size:8px}}
@media(max-width:380px){.hero h1{font-size:44px}.hero-actions{gap:17px}.hero-actions .button{font-size:10px;padding:13px 14px}.idea-card{right:calc(50% - 182px);width:132px}.rhythm-card{left:calc(50% - 175px);width:125px}.hero-phone{transform:scale(.95) rotate(-6deg)}.app-greeting h2{font-size:13px}.focus-meta span{font-size:8px}.instrument-circle{width:285px;height:285px}.main-timer{font-size:63px}.section-copy h2{font-size:30px}.week-chart{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.motion-control{display:none}.hero-phone{transform:rotate(-5deg)!important}.inside-section{height:auto!important}.inside-pin{position:relative!important;top:auto!important;height:auto!important}[data-reveal],[data-parallax]{transform:none!important;opacity:1!important}}
/* Readable UI copy and consistent contrast; miniature screens keep their own scale. */
.nav nav{font-size:13px}.lead{font-size:16px}.eyebrow{font-size:12px;color:#b1c0ab}.eyebrow.dark{color:#61754f}.chapter-label{font-size:12px;color:#61754f}.manifesto>p:last-child{font-size:15px;color:#66765e}.section-copy>p{font-size:15px;color:#66765e}.benefits b{font-size:14px}.benefits p{font-size:13px;color:#66765e}.benefits li>span{color:#697d56}.schedule-block>span{font-size:12px}.schedule-block>small{font-size:10px}.focus-section .section-copy>p{font-size:15px}.focus-meta{font-size:11px}.progress-heading>p{font-size:15px;color:#66765e}.faq-list summary{font-size:15px}.faq-list details>p{font-size:14px;color:#66765e}.closing-inner p{font-size:14px;color:#4d6638}.footer>span{font-size:11px;color:#65765a}.footer small{font-size:10px;color:#66765e}.back-top{font-size:11px;color:#65765a}.week-chart>div{flex-direction:column;justify-content:flex-end}.small-label{color:#66765e}.schedule-block>small{color:#607449}.schedule-slot time{color:#6b7d59}.scene-note{color:#61754f}.timer-arc{stroke-dasharray:875 875}
@media(max-width:760px){.lead{font-size:14px}.eyebrow{font-size:10px}.chapter-label{font-size:11px}.manifesto>p:last-child{font-size:13px}.manifesto .eyebrow{font-size:10px}.section-copy>p,.focus-section .section-copy>p{font-size:14px}.benefits b{font-size:13px}.benefits p{font-size:12px}.schedule-block>span{font-size:11px}.schedule-block>small{font-size:9px}.focus-meta{font-size:10px}.inside-pin .section-copy>p{font-size:13px}.progress-heading>p{font-size:13px}.faq-list summary{font-size:13px}.faq-list details>p{font-size:13px}.closing-inner p{font-size:13px}.footer>span{font-size:9px}.footer small,.back-top{font-size:9px}.scene-note{font-size:9px}}
@media(max-width:480px){.hero-stage{height:545px;margin-top:25px}.hero-stage .float-card{display:none}.hero-phone{width:258px;height:510px;padding:13px 17px}.phone-camera{left:86px}.phone-focus{padding:13px 12px 11px}.phone-timer{width:103px;height:103px;margin:10px auto}.app-task{padding:8px 0}.stage-caption{justify-content:center;border:0;bottom:4px}.stage-caption>span:first-child{display:none}.scroll-cue{font-size:10px;gap:13px}.hero-actions{gap:19px}.hero-actions .button{font-size:11px}.stage-ring{width:350px}.hero h1{font-size:47px}}
@media(max-width:380px){.hero h1{font-size:44px}.hero-actions .button{font-size:10px}.hero-actions{gap:17px}.focus-meta{font-size:9px}}