@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-latin.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:400 700} @font-face{font-family:"Newsreader";src:url("assets/fonts/newsreader-latin.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:400 700}:root{--ink:#19372f;--muted:#60716a;--paper:#fbfaf6;--paper-deep:#f4f1e9;--white:#ffffff;--forest:#28745e;--forest-deep:#194c3e;--mint:#55a887;--mint-soft:#dff1e9;--mint-pale:#eff8f4;--cobalt:#3f5bd8;--cobalt-soft:#e9edff;--violet:#8059c8;--violet-soft:#f0e9fb;--sun:#f0c85a;--sun-soft:#fff4c8;--coral:#d8785d;--coral-soft:#fbe7df;--teal:#4f8290;--teal-soft:#e2f0f2;--line:rgba(25,55,47,0.11);--line-strong:rgba(25,55,47,0.19);--reading:960px;--wide:1380px;--header-height:82px;--radius:20px} *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) +24px);background:var(--paper)} body{margin:0;min-width:320px;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:clamp(17px,calc(16px +0.2vw),18px);line-height:1.68;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration-thickness:1px;text-underline-offset:0.24em} button,input,select,textarea{font:inherit} button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--cobalt);outline-offset:4px}::selection{background:var(--sun-soft);color:var(--forest-deep)} h1,h2,h3{margin:0;color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-weight:700;letter-spacing:-0.04em;text-wrap:balance} h1{max-width:15ch;font-size:clamp(3rem,5vw,4.9rem);line-height:0.98} h2{font-size:clamp(2.25rem,3.8vw,3.6rem);line-height:1.02} h3{font-size:clamp(1.7rem,2.7vw,2.5rem);line-height:1.08} p,ul{margin-top:0} p{max-width:72ch} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .skip-link{position:fixed;z-index:200;top:12px;left:12px;padding:10px 16px;border-radius:10px;background:var(--white);color:var(--forest-deep);font-weight:700;transform:translateY(-160%)} .skip-link:focus{transform:translateY(0)} .site-header{position:sticky;z-index:100;top:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:var(--header-height);padding-inline:max(24px,calc((100vw - var(--wide)) / 2));border-bottom:1px solid var(--line);background:rgba(255,255,255,0.96);box-shadow:0 6px 28px rgba(25,55,47,0.04);backdrop-filter:blur(14px)} .brand{display:inline-flex;align-items:baseline;width:max-content;color:var(--forest-deep);font-size:1.52rem;font-weight:700;line-height:1;text-decoration:none;letter-spacing:-0.06em} .brand-dot{color:var(--mint)} .primary-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,1.25vw,24px)} .primary-nav a{position:relative;display:inline-flex;align-items:center;color:var(--ink);font-size:0.8rem;font-weight:700;line-height:1.25;text-decoration:none;white-space:nowrap} .primary-nav a::after{position:absolute;right:0;bottom:-9px;left:0;height:2px;border-radius:999px;background:var(--mint);content:"";transform:scaleX(0);transform-origin:left;transition:transform 180ms ease} .primary-nav a:hover::after,.primary-nav a[aria-current="page"]::after{transform:scaleX(1)} .primary-nav .nav-cta{padding:10px 17px;border-radius:999px;background:var(--forest);color:var(--white);transition:background-color 180ms ease,transform 180ms ease} .primary-nav .nav-cta::after{display:none} .primary-nav .nav-cta:hover{background:var(--forest-deep)} .nav-kicker,.menu-toggle{display:none} .chapter-main{display:block} .section-shell,.balance-panel-inner{width:min(var(--reading),calc(100% - 48px));margin-inline:auto} .section{padding-block:clamp(64px,8vw,112px)} .intro-section,.compare-section,.tips-section,.daily-section,.contact-section{background:var(--paper)} .intro-section{--page-accent:var(--cobalt);--page-soft:var(--cobalt-soft);--page-pop:var(--sun);padding-top:clamp(34px,4vw,56px)} .compare-section{--page-accent:var(--violet);--page-soft:var(--violet-soft);--page-pop:var(--sun)} .tips-section{--page-accent:var(--forest);--page-soft:var(--mint-soft);--page-pop:var(--cobalt)} .daily-section{--page-accent:var(--coral);--page-soft:var(--coral-soft);--page-pop:var(--cobalt)} .contact-section{--page-accent:var(--cobalt);--page-soft:var(--cobalt-soft);--page-pop:var(--sun)} .intro-grid,.compare-grid,.daily-layout,.contact-grid{display:block} .section-heading,.compare-heading,.tips-heading,.daily-heading,.contact-copy{position:relative;isolation:isolate} .section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:clamp(190px,25vw,270px);align-items:center;gap:28px;padding:30px clamp(10px,3vw,28px) 42px} .section-heading::before,.compare-heading::before,.tips-heading::before,.daily-heading::before,.contact-copy::before{position:absolute;z-index:-1;top:14px;left:-34px;width:clamp(92px,13vw,142px);height:clamp(92px,13vw,142px);border-radius:54% 46% 62% 38%;background:var(--page-soft);content:"";transform:rotate(-12deg) scale(1);animation:blob-arrive 600ms cubic-bezier(.2,.8,.25,1) both} .section-heading::after,.compare-heading::after,.tips-heading::after,.daily-heading::after,.contact-copy::after{position:absolute;z-index:-1;top:20px;right:2%;width:24px;height:24px;border:6px solid var(--page-pop);border-radius:50%;content:"";box-shadow:34px 30px 0 -7px var(--page-accent);transform:rotate(8deg)} .section-heading h1,.compare-heading h1,.tips-heading h1,.daily-heading h1,.contact-copy h2{position:relative;z-index:1;color:var(--page-accent);font-size:clamp(3.6rem,7vw,6.6rem);line-height:0.9;letter-spacing:-0.035em;animation:title-arrive 560ms cubic-bezier(.2,.8,.25,1) both} .section-heading h1,.compare-heading h1,.tips-heading h1,.daily-heading h1,.contact-copy h2{width:fit-content;max-width:100%;justify-self:start} .section-heading::before,.compare-heading::before,.tips-heading::before,.daily-heading::before,.contact-copy::before,.balance-panel::after{translate:0 0;rotate:0deg;scale:1;transition:translate 3.8s cubic-bezier(.22,1,.36,1),rotate 4.4s cubic-bezier(.22,1,.36,1),scale 4.1s cubic-bezier(.22,1,.36,1),border-radius 4.6s ease} @media (hover:hover) and (pointer:fine){.section-heading:has(h1:hover)::before,.compare-heading:has(h1:hover)::before,.tips-heading:has(h1:hover)::before,.daily-heading:has(h1:hover)::before,.contact-copy:has(h2:hover)::before{border-radius:45% 55% 49% 51%;translate:11px -7px;rotate:4deg;scale:1.035 0.985} .balance-panel:has(h1:hover)::after,.balance-panel:has(h2:hover)::after{border-radius:51% 49% 47% 53%;translate:-9px 7px;rotate:-4deg;scale:1.025 0.99}} .daily-heading h1{font-size:clamp(3.25rem,6.4vw,5.8rem)} .heading-jump{position:relative;z-index:2;display:grid;width:66px;height:66px;place-items:center;border:2px solid var(--ink);border-radius:48% 52% 58% 42%;background:var(--page-pop);color:var(--ink);font-size:2rem;font-weight:700;line-height:1;text-decoration:none;box-shadow:6px 7px 0 var(--cobalt-soft);transform:rotate(-5deg);animation:arrow-bob 2.4s ease-in-out infinite;transition:box-shadow 180ms ease,transform 180ms ease} .heading-jump:hover{box-shadow:3px 4px 0 var(--cobalt-soft);transform:rotate(2deg) translateY(3px)} .intro-copy{padding-top:clamp(18px,3vw,34px)} .intro-copy p{margin-bottom:1.28em} .intro-copy .lead{max-width:43ch;margin-bottom:30px;color:var(--forest-deep);font-size:clamp(1.55rem,2.45vw,2.25rem);font-weight:600;line-height:1.27;letter-spacing:-0.025em} .compare-heading,.tips-heading,.daily-heading,.contact-copy{display:grid;gap:18px;padding:clamp(34px,5vw,62px) clamp(10px,3vw,28px) clamp(46px,6vw,74px)} .compare-heading h1,.tips-heading h1,.daily-heading h1,.contact-copy h2,.remember-inner h1{margin-bottom:18px} .compare-heading p,.tips-intro p,.daily-heading>p,.contact-copy p,.remember-inner p{margin-bottom:1.25em} .experience-demo{--demo-accent:var(--cobalt);--demo-soft:var(--cobalt-soft);margin:clamp(34px,5vw,54px) 0;overflow:hidden;border:1px solid var(--line-strong);border-radius:22px 14px 22px 18px;background:var(--white);box-shadow:7px 8px 0 var(--demo-soft)} .steps-demo{--demo-accent:var(--forest);--demo-soft:var(--mint-soft)} .route-demo{--demo-accent:var(--coral);--demo-soft:var(--coral-soft)} .experience-demo summary{display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px 15px 22px;color:var(--forest-deep);cursor:pointer;font-weight:700;list-style:none} .experience-demo summary::-webkit-details-marker{display:none} .experience-demo summary:hover{color:var(--demo-accent)} .summary-arrow{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:48% 52% 56% 44%;background:var(--demo-soft);color:var(--demo-accent);font-size:0} .summary-arrow .arrow-icon{transition:transform 220ms cubic-bezier(.2,.8,.25,1)} .experience-demo[open] .summary-arrow .arrow-icon{transform:rotate(180deg)} .experience-body{padding:clamp(24px,4vw,38px);border-top:1px solid var(--line)} .experience-body h2{max-width:18ch;margin-bottom:24px;color:var(--demo-accent);font-size:clamp(1.85rem,3vw,2.65rem);line-height:1.08;letter-spacing:-0.04em} .demo-switch{display:inline-flex;max-width:100%;gap:4px;margin-bottom:24px;padding:4px;border-radius:14px;background:var(--paper-deep)} .demo-switch button{min-height:46px;padding:9px 15px;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;font-weight:700;transition:color 160ms ease,background-color 160ms ease,transform 160ms ease} .demo-switch button[aria-pressed="true"]{background:var(--demo-accent);color:var(--white)} .demo-switch button:active{transform:translateY(1px)} .demo-quote{max-width:34ch;margin:0 0 22px;padding:14px 0 14px 20px;border-left:5px solid var(--demo-accent);color:var(--ink);font-size:clamp(1.25rem,2.5vw,1.65rem);font-weight:600;line-height:1.35} .demo-clues,.demo-steps,.route-track{margin:0 0 22px;padding:0;list-style:none} .demo-clues{display:grid;gap:8px} .demo-clues li{position:relative;padding-left:30px} .demo-clues li::before{position:absolute;top:0.2em;left:0;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:var(--demo-soft);color:var(--demo-accent);content:"?";font-size:0.75rem;font-weight:700} .demo-caption{margin:0;color:var(--forest-deep);font-weight:600} .demo-disclaimer{margin:18px 0 0;color:var(--muted);font-size:0.82rem;line-height:1.55} .demo-action{min-height:48px;margin-bottom:24px;padding:10px 16px;border:0;border-radius:12px;background:var(--demo-accent);color:var(--white);cursor:pointer;font-weight:700;box-shadow:4px 5px 0 var(--demo-soft);transition:box-shadow 160ms ease,transform 160ms ease} .demo-action:hover{box-shadow:2px 3px 0 var(--demo-soft);transform:translateY(2px)} .game-progress{width:fit-content;margin:0 0 18px;padding:6px 11px;border-radius:999px;background:var(--demo-soft);color:var(--demo-accent);font-size:0.78rem;font-weight:700} .game-instruction{margin-bottom:18px;color:var(--forest-deep);font-weight:600} .game-choices,.order-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:24px} .game-choices button,.order-options button{min-height:50px;padding:10px 14px;border:1px solid var(--line-strong);border-radius:13px;background:var(--white);color:var(--ink);cursor:pointer;font-weight:700;text-align:left;transition:border-color 160ms ease,background-color 160ms ease,color 160ms ease,transform 160ms ease} .game-choices button:hover,.order-options button:hover{border-color:var(--demo-accent);transform:translateY(-2px)} .game-choices button[aria-pressed="true"]{border-color:var(--demo-accent);background:var(--demo-accent);color:var(--white)} .game-choices button:disabled,.order-options button:disabled{cursor:default} .order-options button:disabled{opacity:0.42;transform:none} .game-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px} .game-actions .demo-action{margin:0} .game-secondary{min-height:48px;padding:10px 15px;border:1px solid var(--line-strong);border-radius:12px;background:var(--white);color:var(--forest-deep);cursor:pointer;font-weight:700} .game-secondary:hover{border-color:var(--demo-accent);color:var(--demo-accent)} .game-feedback{min-height:1.7em;margin:0;color:var(--muted);font-weight:600} .game-feedback.is-success{color:var(--forest)} .game-feedback.is-error{color:#a2463b} .order-slots{display:grid;gap:9px;margin:0 0 22px;padding:0;counter-reset:order-slot;list-style:none} .order-slots li{display:grid;grid-template-columns:34px minmax(0,1fr);min-height:44px;align-items:center;gap:12px;color:var(--muted);counter-increment:order-slot} .order-slots li::before{display:grid;width:32px;height:32px;place-items:center;border-radius:52% 48% 46% 54%;background:var(--paper-deep);color:var(--muted);content:counter(order-slot);font-size:0.78rem;font-weight:700} .order-slots li.is-filled{color:var(--forest-deep);font-weight:700} .order-slots li.is-filled::before{background:var(--demo-soft);color:var(--demo-accent)} .memory-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,520px);margin-bottom:24px} .memory-board button{display:grid;min-height:92px;place-items:center;padding:12px;border:1px solid var(--line-strong);border-radius:18px 12px 18px 14px;background:var(--white);color:var(--demo-accent);cursor:pointer;font-weight:700;transition:border-color 140ms ease,background-color 140ms ease,color 140ms ease,transform 140ms ease} .memory-board button:disabled{cursor:default} .memory-board button>span:first-child{font-size:2rem;line-height:1} .memory-word{display:none} .is-word-round .memory-board button>span:first-child{display:none} .is-word-round .memory-word{display:block} .memory-board button.is-lit{border-color:var(--demo-accent);background:var(--demo-accent);color:var(--white);transform:scale(1.035) rotate(-1deg)} .demo-steps{counter-reset:demo-step;display:grid;gap:10px} .demo-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;counter-increment:demo-step} .demo-steps li::before{display:grid;width:32px;height:32px;place-items:center;border-radius:52% 48% 46% 54%;background:var(--demo-soft);color:var(--demo-accent);content:counter(demo-step);font-size:0.78rem;font-weight:700} .route-track{position:relative;display:grid;gap:12px;counter-reset:route-point} .route-track li{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);min-height:44px;align-items:center;gap:14px;counter-increment:route-point} .route-track li::before{position:relative;z-index:1;display:grid;width:40px;height:40px;place-items:center;border-radius:50% 44% 54% 46%;background:var(--demo-accent);color:var(--white);content:counter(route-point);font-size:0.78rem;font-weight:700} .route-track li:not(:last-child)::after{position:absolute;top:34px;bottom:-18px;left:19px;width:3px;border-radius:999px;background:var(--demo-soft);content:""} .route-track li span{color:var(--forest-deep);font-weight:700;opacity:0;transform:translateX(-8px);transition:opacity 200ms ease,transform 200ms ease} .route-track.is-verbal li span{opacity:1;transform:translateX(0)} .experience-demo [hidden]{display:none} .experience-demo button:focus-visible{outline:3px solid var(--sun);outline-offset:3px} .room-scene,.storm-stage,.route-scene{position:relative;width:100%;margin:4px 0 24px;overflow:hidden;border:1px solid var(--line-strong);border-radius:24px 16px 24px 18px;isolation:isolate} .room-scene{height:clamp(350px,46vw,420px);background:linear-gradient(180deg,#f1efff 0 72%,#d9b98f 72% 76%,#ebd8b8 76%)} .room-scene::before{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 72% 20%,rgba(255,255,255,0.8),transparent 25%);content:""} .room-window{position:absolute;top:42px;right:8%;display:grid;width:22%;height:106px;grid-template-columns:1fr 1fr;overflow:hidden;border:7px solid var(--white);border-radius:14px 14px 10px 10px;background:#bfe4ea;box-shadow:0 7px 0 rgba(25,55,47,0.08)} .room-window::after{position:absolute;top:47%;right:0;left:0;height:6px;background:var(--white);content:""} .room-window span:first-child{border-right:3px solid var(--white)} .room-speech{position:absolute;top:22px;left:5%;z-index:8;max-width:47%;padding:13px 17px;border:2px solid var(--cobalt);border-radius:17px 17px 17px 4px;background:var(--white);color:var(--forest-deep);box-shadow:4px 5px 0 rgba(63,91,216,0.16);font-weight:700;line-height:1.35;transition:background-color 220ms ease,border-color 220ms ease,transform 220ms ease} .room-speech::after{position:absolute;bottom:-12px;left:16px;width:18px;height:18px;border-bottom:2px solid var(--cobalt);border-left:2px solid var(--cobalt);background:var(--white);content:"";transform:skewY(-35deg)} .room-scene.is-guided .room-speech{border-color:var(--forest);background:var(--mint-pale);transform:translateY(3px)} .room-scene.is-guided .room-speech::after{border-color:var(--forest);background:var(--mint-pale)} .room-shelf{position:absolute;top:145px;right:7%;width:31%;height:152px;border:8px solid #704f39;border-radius:7px;background:#ab7957;box-shadow:8px 9px 0 rgba(25,55,47,0.1)} .room-shelf span{position:absolute;right:0;left:0;height:7px;background:#704f39} .room-shelf span:nth-child(1){top:30%} .room-shelf span:nth-child(2){top:63%} .room-shelf span:nth-child(3){bottom:8%} .room-desk{position:absolute;bottom:44px;left:7%;width:42%;height:78px;border-radius:9px 9px 3px 3px;background:#bd7f58;box-shadow:inset 0 -8px 0 #976143} .room-desk::before,.room-desk::after{position:absolute;top:70px;width:12px;height:64px;border-radius:0 0 6px 6px;background:#704f39;content:""} .room-desk::before{left:18px} .room-desk::after{right:18px} .room-desk span{position:absolute;top:20px;left:11%;width:31%;height:34px;border:3px solid #845538;border-radius:4px} .room-plant{position:absolute;right:3%;bottom:17px;width:62px;height:108px} .room-plant::after{position:absolute;right:8px;bottom:0;width:46px;height:50px;border-radius:7px 7px 18px 18px;background:var(--coral);content:""} .room-plant span{position:absolute;z-index:1;width:33px;height:50px;border-radius:70% 30% 65% 35%;background:var(--mint);transform-origin:bottom center} .room-plant span:nth-child(1){left:14px;transform:rotate(-30deg)} .room-plant span:nth-child(2){top:3px;right:2px;transform:rotate(30deg)} .room-plant span:nth-child(3){top:19px;left:23px;transform:rotate(2deg)} .room-target,.room-object{position:absolute;z-index:4;cursor:pointer;-webkit-touch-callout:none;user-select:none} .room-target{min-height:42px;padding:5px 8px;border:2px dashed rgba(25,55,47,0.28);border-radius:10px;background:rgba(255,255,255,0.74);color:var(--forest-deep);font-size:0.72rem;font-weight:700;line-height:1.15;opacity:0.88;transition:border-color 180ms ease,background-color 180ms ease,transform 180ms ease} .room-target:hover{border-color:var(--cobalt);background:var(--white);transform:scale(1.03)} .room-target-shelf{top:196px;right:11%;width:23%} .room-target-desk{bottom:92px;left:31%;width:16%} .room-target-box{bottom:18px;left:52%;width:18%} .room-object{display:grid;width:66px;min-height:66px;place-items:center;padding:5px;border:0;background:transparent;color:var(--forest-deep);font-size:0.68rem;line-height:1;transition:top 520ms cubic-bezier(.2,.8,.2,1),right 520ms cubic-bezier(.2,.8,.2,1),bottom 520ms cubic-bezier(.2,.8,.2,1),left 520ms cubic-bezier(.2,.8,.2,1),transform 180ms ease} .room-object::after{position:absolute;inset:0;z-index:-1;border:3px solid transparent;border-radius:16px;content:""} .room-object:hover{transform:translateY(-4px) rotate(-2deg)} .room-object.is-selected::after{border-color:var(--cobalt);background:rgba(255,255,255,0.72)} .room-object b{align-self:end;padding:3px 6px;border-radius:999px;background:rgba(255,255,255,0.9)} .room-map{bottom:97px;left:15%} .room-map>span{width:46px;height:33px;border-radius:4px 4px 7px 7px;background:var(--cobalt);box-shadow:inset 0 6px 0 #7185e7;transform:rotate(-4deg)} .room-cup{bottom:98px;left:39%} .room-cup>span{width:31px;height:35px;border:4px solid var(--forest);border-top:0;border-radius:3px 3px 12px 12px;box-shadow:9px 4px 0 -4px var(--mint-soft),9px 4px 0 -1px var(--forest)} .room-book{right:30%;bottom:12px} .room-book>span{width:44px;height:32px;border:3px solid #9e7a18;border-radius:3px 7px 7px 3px;background:var(--sun);transform:rotate(7deg)} .room-object.is-on-shelf{top:202px;right:15%;bottom:auto;left:auto;transform:scale(.82)} .room-object.is-on-desk{top:auto;right:auto;bottom:93px;left:32%;transform:scale(.9)} .room-object.is-on-box{top:auto;right:auto;bottom:18px;left:55%;transform:scale(.86)} .room-scene.is-guided .room-map:not(.is-on-shelf),.room-scene.is-guided .room-target-shelf{animation:guide-pulse 1.15s ease-in-out infinite alternate} .room-scene.is-solved .room-speech{transform:scale(1.02) rotate(-1deg)} .storm-stage{height:390px;background:linear-gradient(145deg,#e8f6f0,#f8f5ff 58%,#fff4c8)} .storm-stage::before{position:absolute;inset:0;background-image:radial-gradient(rgba(63,91,216,0.12) 1px,transparent 1px);background-size:18px 18px;content:""} .storm-clock{position:absolute;top:24px;left:24px;z-index:2;display:flex;align-items:center;gap:9px;padding:7px 13px 7px 7px;border:1px solid rgba(25,55,47,0.12);border-radius:999px;background:rgba(255,255,255,0.94);color:var(--forest-deep);box-shadow:0 7px 20px rgba(25,55,47,0.1);font-size:0.8rem;font-weight:700} .storm-clock-face{position:relative;display:block;width:34px;height:34px;flex:0 0 auto;border:2px solid var(--forest);border-radius:50%;background:var(--mint-pale)} .storm-clock-face::after{position:absolute;top:14px;left:14px;width:4px;height:4px;border-radius:50%;background:var(--forest-deep);content:""} .storm-clock-face i{position:absolute;top:6px;left:15px;width:3px;height:11px;border-radius:999px;background:var(--forest-deep);transform-origin:50% 10px} .storm-clock strong{min-width:3.25rem;font-variant-numeric:tabular-nums;letter-spacing:0.02em} .storm-stage.is-storming .storm-clock-face i{animation:clock-spin 2.4s linear infinite} .storm-person{position:absolute;bottom:20px;left:7%;z-index:2;width:106px;height:94px;background:transparent;filter:drop-shadow(0 10px 12px rgba(25,55,47,0.12));transition:filter 420ms ease,transform 420ms cubic-bezier(.2,.8,.2,1)} .storm-person::before,.storm-person::after{position:absolute;z-index:-1;top:27px;width:32px;height:39px;border-radius:48% 52% 55% 45%;background:#6a4636;content:""} .storm-person::before{left:0;transform:rotate(-9deg)} .storm-person::after{right:0;transform:rotate(9deg)} .storm-head{position:absolute;top:0;left:11px;width:84px;height:90px;overflow:hidden;border:4px solid var(--white);border-radius:48% 48% 45% 45%;background:#f3c49d;box-shadow:inset 0 -3px 0 rgba(202,125,99,0.08)} .storm-head::before{position:absolute;z-index:2;top:-12px;right:-8px;left:-8px;height:42px;border-radius:50% 50% 42% 46%;background:#6a4636;transform:rotate(-2deg);content:""} .storm-head::after{position:absolute;z-index:1;top:15px;right:-3px;width:15px;height:52px;border-radius:0 0 70% 50%;background:#6a4636;box-shadow:-72px 0 0 #6a4636;content:""} .storm-eye{position:absolute;z-index:3;top:42px;width:6px;height:8px;border-radius:50%;background:var(--forest-deep);transition:height 220ms ease,transform 220ms ease} .storm-eye-left{left:22px} .storm-eye-right{right:22px} .storm-eye::after{position:absolute;top:-2px;width:5px;height:2px;border-radius:999px;background:var(--forest-deep);content:""} .storm-eye-left::after{left:-3px;transform:rotate(18deg)} .storm-eye-right::after{right:-3px;transform:rotate(-18deg)} .storm-cheek{position:absolute;z-index:3;top:57px;width:11px;height:6px;border-radius:50%;background:rgba(216,120,93,0.34)} .storm-cheek-left{left:14px} .storm-cheek-right{right:14px} .storm-mouth{position:absolute;z-index:3;bottom:13px;left:27px;width:26px;height:11px;border-bottom:3px solid var(--forest-deep);border-radius:0 0 50% 50%;transition:border-radius 260ms ease,bottom 260ms ease,transform 260ms ease} .storm-hair-clip{position:absolute;z-index:4;top:12px;right:13px;width:21px;height:8px;border:2px solid rgba(255,255,255,0.82);border-radius:999px;background:var(--sun);box-shadow:0 2px 4px rgba(25,55,47,0.1);transform:rotate(-14deg)} .storm-stage.is-storming .storm-person{filter:saturate(.9);animation:person-tense 1.3s ease-in-out infinite alternate} .storm-stage.is-storming .storm-mouth{bottom:10px;border-top:3px solid var(--forest-deep);border-bottom:0;border-radius:50% 50% 0 0;transform:scaleX(.86)} .storm-stage.is-storming .storm-eye-left{transform:rotate(8deg)} .storm-stage.is-storming .storm-eye-right{transform:rotate(-8deg)} .storm-stage.is-structured .storm-person{filter:saturate(1.04);transform:translateY(-3px)} .storm-stage.is-structured .storm-mouth{transform:scaleX(1.12)} .storm-task{position:absolute;z-index:4;display:flex;min-height:52px;align-items:center;gap:9px;padding:9px 14px;border:2px solid var(--white);border-radius:16px 12px 16px 7px;background:var(--white);color:var(--forest-deep);box-shadow:4px 6px 0 rgba(25,55,47,0.1);cursor:pointer;font-size:0.82rem;font-weight:700;transition:top 500ms cubic-bezier(.2,.8,.2,1),left 500ms cubic-bezier(.2,.8,.2,1),width 500ms ease,border-color 180ms ease,opacity 180ms ease} .storm-task span{display:none;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--forest);color:var(--white);font-size:0.72rem} .storm-task:hover{border-color:var(--forest)} .storm-task.is-tapped{opacity:0.42} .storm-task-1{top:55px;left:31%;transform:rotate(-3deg)} .storm-task-2{top:150px;left:56%;transform:rotate(4deg)} .storm-task-3{top:270px;left:29%;transform:rotate(-2deg)} .storm-task-4{top:75px;left:70%;transform:rotate(2deg)} .storm-task-5{top:245px;left:68%;transform:rotate(-5deg)} .storm-stage.is-storming .storm-task-1{animation:task-drift-a 2.4s ease-in-out infinite alternate} .storm-stage.is-storming .storm-task-2{animation:task-drift-b 2.1s ease-in-out infinite alternate} .storm-stage.is-storming .storm-task-3{animation:task-drift-c 2.8s ease-in-out infinite alternate} .storm-stage.is-storming .storm-task-4{animation:task-drift-a 1.9s .2s ease-in-out infinite alternate-reverse} .storm-stage.is-storming .storm-task-5{animation:task-drift-b 2.6s .15s ease-in-out infinite alternate-reverse} .storm-stage.is-structured .storm-task{left:32%;width:min(61%,460px);transform:none;animation:none;border-color:var(--mint);border-radius:12px;box-shadow:3px 4px 0 var(--mint-soft)} .storm-stage.is-structured .storm-task span{display:grid} .storm-stage.is-structured .storm-task-1{top:32px} .storm-stage.is-structured .storm-task-2{top:96px} .storm-stage.is-structured .storm-task-3{top:160px} .storm-stage.is-structured .storm-task-4{top:224px} .storm-stage.is-structured .storm-task-5{top:288px} .storm-ping{position:absolute;z-index:6;display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:var(--coral);color:var(--white);font-size:0.72rem;font-weight:800;opacity:0} .storm-ping-1{top:37%;left:44%} .storm-ping-2{top:21%;right:7%} .storm-ping-3{right:30%;bottom:8%} .storm-stage.is-storming .storm-ping{animation:ping-pop 1.5s ease-in-out infinite} .storm-stage.is-storming .storm-ping-2{animation-delay:.42s} .storm-stage.is-storming .storm-ping-3{animation-delay:.85s} .storm-stage.is-structured .storm-ping{display:none} .route-scene{height:420px;background-color:#ecf6f1;background-image:linear-gradient(rgba(25,55,47,0.045) 1px,transparent 1px),linear-gradient(90deg,rgba(25,55,47,0.045) 1px,transparent 1px);background-size:30px 30px} .route-sign{position:absolute;top:20px;left:20px;z-index:5;display:flex;gap:5px;padding:8px;border:2px solid var(--coral);border-radius:14px;background:var(--white);box-shadow:4px 5px 0 var(--coral-soft)} .route-sign span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:var(--coral-soft);color:#9d4935;font-weight:800} .route-scene.has-landmarks .route-sign{max-width:calc(100% - 40px);color:var(--forest-deep);font-size:0.78rem;font-weight:700;line-height:1.3} .route-scene.has-landmarks .route-sign span{display:none} .route-road{position:absolute;z-index:1;border:13px solid #ffffff;background:#89979d;box-shadow:inset 0 0 0 2px rgba(25,55,47,0.08)} .route-road::after{position:absolute;background:repeating-linear-gradient(90deg,var(--sun) 0 16px,transparent 16px 29px);content:""} .route-road-bottom{right:7%;bottom:68px;left:8%;height:76px;border-radius:22px} .route-road-bottom::after{top:22px;right:12px;left:12px;height:4px} .route-road-middle{top:174px;right:8%;left:8%;height:76px;border-radius:22px} .route-road-middle::after{top:22px;right:12px;left:12px;height:4px} .route-road-up{top:174px;bottom:68px;left:45%;width:76px;border-radius:22px} .route-road-up::after{top:12px;bottom:12px;left:22px;width:4px;background:repeating-linear-gradient(180deg,var(--sun) 0 16px,transparent 16px 29px)} .route-node{position:absolute;z-index:3;display:grid;min-width:74px;justify-items:center;gap:4px;color:var(--forest-deep);font-size:0.7rem;font-weight:700;text-align:center} .route-node i{display:grid;width:38px;height:38px;place-items:center;border:5px solid var(--white);border-radius:50%;background:var(--teal);box-shadow:0 4px 0 rgba(25,55,47,0.12)} .route-node i::before{color:var(--white);content:"?";font-style:normal;font-size:.74rem} .route-node span{opacity:0;transform:translateY(-4px);transition:opacity 220ms ease,transform 220ms ease} .route-start{bottom:76px;left:5%} .route-crossing{right:39%;bottom:76px} .route-library{top:184px;right:39%} .route-door{top:184px;left:5%} .route-scene.has-landmarks .route-node span{opacity:1;transform:translateY(0)} .route-scene.has-landmarks .route-node i{width:48px;height:48px;border-radius:15px 15px 10px 10px;background:var(--white)} .route-scene.has-landmarks .route-node i::before{color:var(--coral);font-size:1.3rem} .route-scene.has-landmarks .route-start i::before{content:"●"} .route-scene.has-landmarks .route-crossing i::before{content:"≡"} .route-scene.has-landmarks .route-library i::before{content:"▥"} .route-scene.has-landmarks .route-door i{background:var(--cobalt)} .route-scene.has-landmarks .route-door i::before{color:var(--white);content:"▯"} .route-player{position:absolute;z-index:7;width:40px;height:48px;border-radius:20px 20px 10px 10px;background:var(--violet);box-shadow:0 6px 0 rgba(25,55,47,0.12);transition:top 560ms cubic-bezier(.2,.8,.2,1),left 560ms cubic-bezier(.2,.8,.2,1),transform 180ms ease} .route-player::before{position:absolute;top:-18px;left:7px;width:27px;height:27px;border:4px solid var(--white);border-radius:50%;background:#efb987;content:""} .route-player span,.route-player i{position:absolute;bottom:-9px;width:8px;height:17px;border-radius:0 0 5px 5px;background:var(--forest-deep)} .route-player span{left:7px} .route-player i{right:7px} .route-scene[data-route-step="0"] .route-player{bottom:103px;left:12%} .route-scene[data-route-step="1"] .route-player{bottom:103px;left:48%} .route-scene[data-route-step="2"] .route-player{top:185px;bottom:auto;left:48%} .route-scene[data-route-step="3"] .route-player{top:185px;bottom:auto;left:12%} .route-player.is-detouring{animation:route-detour 500ms ease} .route-scene.is-finished .route-player{animation:route-celebrate 650ms ease both} .route-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px} .route-controls button{display:grid;min-height:70px;place-items:center;padding:9px;border:1px solid var(--line-strong);border-radius:14px;background:var(--white);color:var(--forest-deep);cursor:pointer;font-size:0.76rem;font-weight:700;transition:border-color 160ms ease,background-color 160ms ease,transform 160ms ease} .route-controls button span{color:var(--coral);font-size:1.45rem;line-height:1} .route-controls button:hover{border-color:var(--coral);background:var(--coral-soft);transform:translateY(-2px)} .route-controls button:disabled{cursor:default;opacity:.48;transform:none} @keyframes guide-pulse{from{filter:drop-shadow(0 0 0 rgba(63,91,216,0));transform:translateY(0)} to{filter:drop-shadow(0 0 10px rgba(63,91,216,.42));transform:translateY(-4px)}} @keyframes clock-spin{to{transform:rotate(360deg)}} @keyframes person-tense{from{transform:translateX(-1px) rotate(-.6deg)} to{transform:translateX(1px) rotate(.6deg)}} @keyframes task-drift-a{to{transform:translate(32px,24px) rotate(5deg)}} @keyframes task-drift-b{to{transform:translate(-42px,18px) rotate(-6deg)}} @keyframes task-drift-c{to{transform:translate(28px,-35px) rotate(4deg)}} @keyframes ping-pop{0%,100%{opacity:0;transform:scale(.5)} 35%,65%{opacity:1;transform:scale(1)}} @keyframes route-detour{0%,100%{transform:translateX(0) rotate(0)} 35%{transform:translateX(28px) rotate(12deg)} 70%{transform:translateX(-14px) rotate(-8deg)}} @keyframes route-celebrate{0%,100%{transform:translateY(0) rotate(0)} 40%{transform:translateY(-16px) rotate(-7deg)} 70%{transform:translateY(0) rotate(7deg)}} @media (max-width:620px){.room-scene{height:390px} .room-speech{top:18px;max-width:66%;font-size:.8rem} .room-window{top:107px;right:6%;width:26%;height:76px} .room-shelf{top:185px;right:5%;width:35%;height:128px} .room-target-shelf{top:225px;right:8%;width:29%} .room-target-desk{bottom:87px;left:31%;width:24%} .room-target-box{bottom:14px;left:47%;width:24%} .room-desk{bottom:46px;left:4%;width:50%;height:72px} .room-map{bottom:94px;left:7%} .room-cup{bottom:91px;left:34%} .room-book{right:29%;bottom:5px} .room-plant{display:none} .room-object.is-on-shelf{top:229px;right:13%} .room-object.is-on-desk{bottom:87px;left:35%} .room-object.is-on-box{bottom:14px;left:51%} .storm-stage{height:430px} .storm-clock{top:18px;left:18px;width:72px;height:72px} .storm-clock i{top:10px;left:31px;transform-origin:50% 25px} .storm-person{bottom:15px;left:5%;transform:scale(.82);transform-origin:bottom left} .storm-task{max-width:47%;min-height:48px;padding:8px 10px;font-size:.72rem} .storm-task-1{top:42px;left:31%} .storm-task-2{top:137px;left:47%} .storm-task-3{top:260px;left:17%} .storm-task-4{top:82px;left:63%} .storm-task-5{top:300px;left:55%} .storm-stage.is-structured .storm-task{left:26%;width:68%;max-width:none} .storm-stage.is-structured .storm-task-1{top:24px} .storm-stage.is-structured .storm-task-2{top:94px} .storm-stage.is-structured .storm-task-3{top:164px} .storm-stage.is-structured .storm-task-4{top:234px} .storm-stage.is-structured .storm-task-5{top:304px} .route-scene{height:390px} .route-sign{top:14px;left:14px} .route-road-bottom{bottom:54px} .route-road-middle{top:177px} .route-road-up{top:177px;bottom:54px;left:43%} .route-start{bottom:62px;left:1%} .route-crossing{right:35%;bottom:62px} .route-library{top:187px;right:35%} .route-door{top:187px;left:1%} .route-scene[data-route-step="0"] .route-player{bottom:89px;left:9%} .route-scene[data-route-step="1"] .route-player{bottom:89px;left:46%} .route-scene[data-route-step="2"] .route-player{top:187px;left:46%} .route-scene[data-route-step="3"] .route-player{top:187px;left:9%} .route-node{min-width:64px;font-size:.62rem} .route-controls button{min-height:64px;font-size:.68rem}} .accordion-list,.tab-panels,.daily-tabs{width:100%} .accordion-list{counter-reset:diagnosis} .tab-panels{counter-reset:tip} .daily-tabs{counter-reset:daily} .accordion,.tab-panels>section,.daily-panel{--section-accent:var(--forest);--section-accent-soft:var(--mint-soft);padding-block:clamp(42px,5.5vw,64px);border-bottom:1px solid var(--line-strong)} .accordion{counter-increment:diagnosis} .tab-panels>section{counter-increment:tip} .daily-panel{counter-increment:daily} .accordion:nth-child(3n +2),.tab-panels>section:nth-child(3n +2),.daily-panel:nth-child(3n +2){--section-accent:var(--cobalt);--section-accent-soft:var(--cobalt-soft)} .accordion:nth-child(3n),.tab-panels>section:nth-child(3n),.daily-panel:nth-child(3n){--section-accent:var(--coral);--section-accent-soft:var(--coral-soft)} .accordion h2,.tab-panels h2,.daily-panel h2{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:14px;max-width:100%;margin-bottom:24px;color:var(--section-accent);font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.08;letter-spacing:-0.045em} .accordion h2::before,.tab-panels h2::before,.daily-panel h2::before{display:grid;width:46px;height:46px;place-items:center;border-radius:56% 44% 52% 48%;background:var(--section-accent-soft);color:var(--section-accent);font-size:0.76rem;font-weight:700;letter-spacing:0.04em;transform:rotate(-5deg);transition:transform 180ms ease} .accordion:hover h2::before,.tab-panels>section:hover h2::before,.daily-panel:hover h2::before{transform:rotate(2deg) scale(1.06)} .accordion h2::before{content:counter(diagnosis,decimal-leading-zero)} .tab-panels h2::before{content:counter(tip,decimal-leading-zero)} .daily-panel h2::before{content:counter(daily,decimal-leading-zero)} .accordion-content p,.tab-panels p,.daily-panel p{margin-bottom:1.25em} .balance-section{padding:0} .balance-grid{display:block} .balance-panel{--section-accent:var(--forest);--section-accent-soft:var(--mint-soft);--section-pop:var(--sun);padding-block:clamp(68px,8vw,112px)} .balance-panel.strengths{background:var(--paper)} .balance-panel.challenges{--section-accent:var(--coral);--section-accent-soft:var(--coral-soft);--section-pop:var(--violet);border-top:1px solid var(--line-strong);background:var(--white)} .balance-panel-inner{display:grid} .balance-panel h1,.balance-panel h2{position:relative;display:inline-flex;width:fit-content;max-width:100%;align-items:center;margin-bottom:34px;padding:13px 24px;border-radius:29px 17px 27px 19px;background:var(--section-accent-soft);color:var(--section-accent);transform:rotate(-1deg)} .challenges .balance-panel h2{transform:rotate(1deg)} .balance-panel h1::after,.balance-panel h2::after{width:9px;height:9px;flex:0 0 auto;margin:0 24px 0 16px;border-radius:50%;background:var(--section-pop);box-shadow:13px -7px 0 var(--section-accent),22px 5px 0 var(--section-pop);content:""} .balance-panel p{margin-bottom:1.35em} .feature-list,.check-list{width:100%;margin:26px 0 40px;padding:0;list-style:none} .feature-list li,.check-list li{position:relative;padding:14px 12px 14px 48px;border-top:1px solid var(--line);line-height:1.52} .feature-list li:last-child,.check-list li:last-child{border-bottom:1px solid var(--line)} .feature-list li::before,.check-list li::before{position:absolute;top:13px;left:6px;display:grid;width:27px;height:27px;place-items:center;border-radius:48% 52% 45% 55%;background:var(--mint);color:var(--white);content:"+";font-size:0.88rem;font-weight:700;line-height:1} .challenges .feature-list li::before{background:var(--coral);content:"→"} .tab-panels .check-list li::before,.daily-panel .check-list li::before{background:var(--section-accent);content:"✓"} .tips-intro,.toolkit,.daily-tabs,.daily-copy-list{display:block} .eyebrow{width:fit-content;margin-bottom:10px !important;padding:7px 12px;border-radius:999px;background:var(--sun-soft);color:var(--forest-deep);font-size:0.76rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase} .remember-section{position:relative;overflow:hidden;padding-block:clamp(68px,8vw,104px);background:var(--cobalt);color:var(--white)} .remember-inner{position:relative;z-index:1} .remember-inner h1,.remember-inner p{color:var(--white)} .remember-inner h1{font-size:clamp(3rem,5.5vw,5rem)} .remember-inner p{font-size:1.02rem} .remember-section::after{position:absolute;top:-90px;right:max(-70px,calc((100vw - var(--reading)) / 2 - 150px));width:230px;height:230px;border:34px solid rgba(255,255,255,0.14);border-radius:44% 56% 52% 48%;content:"";transform:rotate(18deg)} .contact-copy{padding-bottom:46px} .contact-disclaimer{padding:22px 26px;border-left:5px solid var(--cobalt);border-radius:6px 18px 18px 6px;background:var(--cobalt-soft)} .contact-form{width:min(100%,720px);margin-top:34px} .chapter-navigation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:14px;padding-block:30px} .balance-section +.chapter-navigation{background:var(--white);box-shadow:0 0 0 100vmax var(--white);clip-path:inset(0 -100vmax)} @media (min-width:701px){.chapter-navigation-single{display:flex;justify-content:flex-end} .chapter-navigation-single .chapter-next{width:fit-content;min-width:0;grid-template-columns:auto auto}} .chapter-navigation>span:empty{min-height:1px} .chapter-previous,.chapter-next{display:grid;min-height:70px;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--line);border-radius:18px;background:var(--white);color:var(--forest-deep);box-shadow:0 8px 24px rgba(25,55,47,0.055);font-size:0.94rem;font-weight:700;line-height:1.35;text-decoration:none;transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease} .chapter-previous{grid-template-columns:auto minmax(0,1fr)} .chapter-next{grid-template-columns:minmax(0,1fr) auto;justify-content:flex-end;text-align:right} .chapter-previous span:first-child,.chapter-next span:last-child{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--sun-soft)} .chapter-previous span:last-child,.chapter-next span:first-child{min-width:0;overflow-wrap:break-word} .chapter-previous:hover,.chapter-next:hover{border-color:var(--mint);box-shadow:0 12px 30px rgba(25,55,47,0.09);transform:translateY(-3px)} .field-row{display:grid;gap:8px;margin-bottom:22px} .field-row label{color:var(--forest-deep);font-size:0.9rem;font-weight:700} .field-row input,.field-row select,.field-row textarea{width:100%;min-height:56px;padding:13px 16px;border:1px solid var(--line-strong);border-radius:14px;background:var(--white);color:var(--ink);transition:border-color 160ms ease,box-shadow 160ms ease} .field-row input:focus,.field-row select:focus,.field-row textarea:focus{border-color:var(--cobalt);outline:0;box-shadow:0 0 0 4px var(--cobalt-soft)} .field-row textarea{resize:vertical} .field-row [aria-invalid="true"]{border-color:#a2463b} .button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:12px 22px;border:0;border-radius:14px;cursor:pointer;font-weight:700;transition:background-color 160ms ease,box-shadow 160ms ease,transform 160ms ease} .button-dark{background:var(--cobalt);color:var(--white);box-shadow:4px 5px 0 var(--cobalt-soft)} .button:hover{background:var(--forest-deep);transform:translateY(-2px)} .button:active{box-shadow:none;transform:translateY(2px)} .form-note,.form-status{margin-top:14px;color:var(--muted);font-size:0.82rem;line-height:1.55} .site-footer{border-top:1px solid var(--line);background:var(--paper-deep)} .footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px} .footer-top{padding-block:36px} .footer-top p{margin:0;color:var(--muted);font-size:0.88rem} .text-link{font-size:0.88rem;font-weight:700} .footer-back-link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:50px;padding:6px 7px 6px 18px;border:1px solid color-mix(in srgb,var(--forest-deep) 18%,transparent);border-radius:999px;background:color-mix(in srgb,white 78%,var(--paper-deep));color:var(--forest-deep);text-decoration:none;box-shadow:0 10px 26px rgba(25,67,54,0.08);transition:transform 220ms cubic-bezier(.2,.8,.25,1),border-color 220ms ease,box-shadow 220ms ease} .footer-back-link span{position:relative;display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--sun-soft);color:var(--forest-deep);font-size:0;line-height:1} .footer-back-link:hover,.footer-back-link:focus-visible{border-color:color-mix(in srgb,var(--forest-deep) 34%,transparent);box-shadow:0 14px 32px rgba(25,67,54,0.13);transform:translateY(-3px)} .footer-bottom{padding-block:18px;border-top:1px solid var(--line)} .footer-bottom p{margin:0;color:var(--muted);font-size:0.78rem} .reveal-ready{opacity:0;transform:translateY(18px);transition:opacity 520ms ease,transform 520ms cubic-bezier(.2,.75,.25,1)} .reveal-ready.is-visible{opacity:1;transform:translateY(0)} @keyframes title-arrive{from{opacity:0;transform:translateY(18px) rotate(1deg)} to{opacity:1;transform:translateY(0) rotate(0)}} @keyframes blob-arrive{from{opacity:0;transform:rotate(-20deg) scale(0.72)} to{opacity:1;transform:rotate(-12deg) scale(1)}} @keyframes arrow-bob{0%,100%{transform:rotate(-5deg) translateY(0)} 50%{transform:rotate(-1deg) translateY(8px)}} @media (max-width:1280px){:root{--header-height:72px} .site-header{grid-template-columns:1fr auto;background:var(--white);backdrop-filter:none} .menu-toggle{position:relative;z-index:3;display:block;width:44px;height:44px;margin-right:-8px;padding:0;border:0;background:transparent;color:var(--forest-deep);cursor:pointer} .menu-toggle:focus-visible{border-radius:50%;outline:0;background:var(--mint-soft)} .menu-toggle>span:not(.sr-only){position:absolute;top:50%;left:9px;width:26px;height:2px;border-radius:2px;background:currentColor;transition:transform 220ms ease,margin 220ms ease} .menu-toggle>span:nth-last-child(2){margin-top:-5px} .menu-toggle>span:last-child{margin-top:5px} .menu-open .menu-toggle>span:nth-last-child(2){margin-top:0;transform:rotate(45deg)} .menu-open .menu-toggle>span:last-child{margin-top:0;transform:rotate(-45deg)} .primary-nav{position:absolute;z-index:2;top:100%;right:0;left:0;width:100%;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;padding:clamp(22px,4vh,36px) max(20px,6vw) max(24px,env(safe-area-inset-bottom));background:var(--paper);opacity:0;visibility:hidden;pointer-events:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translateY(-12px);transition:opacity 180ms ease,transform 180ms ease,visibility 0s linear 180ms} .menu-open .primary-nav{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s} .nav-kicker{display:none} .primary-nav a{width:min(100%,560px);min-height:50px;margin-inline:auto;padding:12px 14px;border:0;border-radius:10px;font-size:clamp(1rem,2.6vw,1.15rem);font-weight:600;line-height:1.3;white-space:normal;transition:color 160ms ease,background-color 160ms ease} .primary-nav a::after{display:none} .primary-nav a[aria-current="page"]{padding-left:14px;background:var(--mint-soft);color:var(--forest-deep)} .primary-nav .nav-cta{margin-top:4px;padding:12px 14px;border-radius:10px;background:transparent;color:var(--forest-deep)}} @media (max-width:700px){body{font-size:17px;line-height:1.64} .site-header{padding-inline:20px} .brand{font-size:1.4rem} .section-shell,.balance-panel-inner{width:min(100% - 36px,var(--reading))} .section,.balance-panel{padding-block:54px} .intro-section{padding-top:26px} h1{font-size:clamp(2.75rem,12vw,3.75rem)} h2{font-size:clamp(2.15rem,9.5vw,3rem)} h3{font-size:clamp(1.65rem,7vw,2.2rem)} .section-heading{grid-template-columns:minmax(0,1fr) 54px;min-height:180px;gap:14px;padding:28px 0 34px} .section-heading::before,.compare-heading::before,.tips-heading::before,.daily-heading::before,.contact-copy::before{top:18px;left:-24px;width:88px;height:88px} .section-heading::after,.compare-heading::after,.tips-heading::after,.daily-heading::after,.contact-copy::after{top:8px;right:44px;width:18px;height:18px;border-width:5px} .section-heading h1,.compare-heading h1,.tips-heading h1,.daily-heading h1,.contact-copy h2{font-size:clamp(3rem,14vw,4.15rem);line-height:0.93} .daily-heading h1{font-size:clamp(2.75rem,12.5vw,3.75rem)} .heading-jump{width:52px;height:52px;font-size:1.55rem;box-shadow:4px 5px 0 var(--cobalt-soft)} .compare-heading,.tips-heading,.daily-heading,.contact-copy{padding:40px 0 50px} .intro-copy .lead{font-size:clamp(1.45rem,6.5vw,1.9rem);line-height:1.3} .accordion h2,.tab-panels h2,.daily-panel h2{grid-template-columns:42px minmax(0,1fr);gap:12px;font-size:clamp(1.65rem,7vw,2.15rem)} .accordion h2::before,.tab-panels h2::before,.daily-panel h2::before{width:40px;height:40px;font-size:0.68rem} .balance-panel h1,.balance-panel h2{padding:11px 18px} .balance-panel h1::after,.balance-panel h2::after{margin-left:10px;margin-right:20px} .feature-list li,.check-list li{padding-block:13px} .contact-disclaimer{padding:20px} .experience-demo{margin-block:32px;box-shadow:5px 6px 0 var(--demo-soft)} .experience-demo summary{min-height:66px;gap:14px;padding:13px 14px 13px 17px} .experience-body{padding:22px 18px 24px} .demo-switch{display:flex;width:100%} .demo-switch button{min-width:0;flex:1 1 0;padding-inline:9px} .demo-action{width:100%} .game-choices,.order-options{grid-template-columns:1fr} .game-actions{align-items:stretch;flex-direction:column} .game-actions .demo-action,.game-secondary{width:100%} .memory-board button{min-height:82px} .footer-top{align-items:flex-start;flex-direction:column} .chapter-navigation{grid-template-columns:1fr;gap:10px;padding-block:24px} .chapter-navigation>span:empty{display:none} .chapter-next{grid-column:1} .chapter-previous,.chapter-next{width:100%;min-height:66px;padding:13px 15px;font-size:0.92rem} .chapter-next{text-align:left}} .simulation-status{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;padding:8px 12px;border-radius:14px 14px 7px 7px;background:var(--paper-deep);color:var(--forest-deep);font-size:0.75rem;font-weight:700} .effort-meter{display:flex;min-width:190px;align-items:center;justify-content:flex-end;gap:10px} .effort-meter b{color:var(--coral);font-size:inherit} .effort-meter>i{display:block;width:76px;height:8px;overflow:hidden;border-radius:999px;background:rgba(25,55,47,0.1)} .effort-meter>i>span{display:block;width:64%;height:100%;border-radius:inherit;background:var(--coral);transition:width 480ms ease,background-color 480ms ease} .room-status.is-high .effort-meter>i>span{width:90%} .room-status.is-calm .effort-meter b{color:var(--forest)} .room-status.is-calm .effort-meter>i>span{width:24%;background:var(--mint)} .room-guide-path{position:absolute;inset:0;z-index:6;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0} .room-guide-path path{fill:none;stroke:var(--cobalt);stroke-dasharray:11 11;stroke-linecap:round;stroke-width:5} .room-guide-path circle{fill:var(--sun);stroke:var(--white);stroke-width:4} .room-scene.is-guided .room-guide-path{opacity:0.78;animation:room-path-arrive 560ms ease both} .room-scene.is-solved .room-guide-path{opacity:0} .room-person{position:absolute;bottom:121px;left:3%;z-index:2;width:66px;height:88px;border-radius:34px 34px 13px 13px;background:var(--violet);box-shadow:inset 0 -12px 0 #6944ad;transition:transform 360ms ease} .room-person>span{position:absolute;top:-30px;left:8px;width:51px;height:51px;border:5px solid var(--white);border-radius:50%;background:#f0bd8e} .room-person>span::before,.room-person>span::after{position:absolute;top:20px;width:5px;height:5px;border-radius:50%;background:var(--forest-deep);content:""} .room-person>span::before{left:11px} .room-person>span::after{right:11px} .room-person>span>i{position:absolute;bottom:9px;left:14px;width:15px;height:7px;border-top:3px solid var(--forest-deep);border-radius:50%} .room-person>b{position:absolute;top:35px;left:20px;width:27px;height:9px;border-top:4px solid rgba(255,255,255,0.85);border-radius:50%} .room-scene.is-guided .room-person>span>i,.room-scene.is-solved .room-person>span>i{border-top:0;border-bottom:3px solid var(--forest-deep)} .room-scene.is-guided .room-person{transform:translateY(3px)} .room-scene.is-solved .room-person{animation:room-person-hop 620ms ease} .room-thoughts{position:absolute;top:112px;left:3.5%;z-index:7;width:145px;height:84px;pointer-events:none;transition:opacity 220ms ease,transform 220ms ease} .room-thoughts span{position:absolute;padding:4px 8px;border-radius:999px;background:var(--white);color:var(--cobalt);box-shadow:2px 3px 0 var(--cobalt-soft);font-size:0.65rem;font-weight:700;animation:thought-float 2.2s ease-in-out infinite alternate} .room-thoughts span:nth-child(1){top:0;left:4px} .room-thoughts span:nth-child(2){top:31px;left:54px;animation-delay:.35s} .room-thoughts span:nth-child(3){top:57px;left:10px;animation-delay:.7s} .room-scene.is-guided .room-thoughts,.room-scene.is-solved .room-thoughts{opacity:0;transform:translateY(-8px)} .room-scene.is-guessing .room-speech{animation:room-speech-shake 440ms ease} .room-scene.is-guessing .room-thoughts span{color:var(--coral);box-shadow:2px 3px 0 var(--coral-soft)} .room-sparkles{position:absolute;top:177px;right:13%;z-index:9;width:82px;height:80px;opacity:0;pointer-events:none} .room-sparkles span{position:absolute;width:12px;height:12px;background:var(--sun);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%)} .room-sparkles span:nth-child(1){top:2px;left:34px} .room-sparkles span:nth-child(2){top:41px;left:3px;background:var(--cobalt)} .room-sparkles span:nth-child(3){top:52px;right:2px;background:var(--mint)} .room-scene.is-solved .room-sparkles{opacity:1;animation:sparkle-burst 700ms ease both} .route-status span:last-child{color:var(--coral)} .route-status.is-guided{background:var(--mint-soft)} .route-status.is-guided span:last-child{color:var(--forest)} .route-fog{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0.23;transition:opacity 300ms ease} .route-fog::before,.route-fog::after{position:absolute;border-radius:50%;background:rgba(255,255,255,0.86);filter:blur(10px);content:""} .route-fog::before{top:98px;right:-40px;width:270px;height:120px} .route-fog::after{bottom:18px;left:-35px;width:260px;height:118px} .route-fog span{position:absolute;color:var(--teal);font-size:1.4rem;font-weight:700} .route-fog span:nth-child(1){top:122px;right:19%} .route-fog span:nth-child(2){bottom:91px;left:25%} .route-fog span:nth-child(3){top:47%;left:8%} .route-scene.has-landmarks .route-fog{opacity:0} .route-scene.is-lost .route-fog{opacity:.95;animation:fog-roll 720ms ease} .route-trail span{position:absolute;z-index:4;border-radius:999px;background:var(--coral);box-shadow:0 0 0 4px rgba(216,120,93,.18);transition:transform 520ms cubic-bezier(.2,.8,.2,1),opacity 280ms ease} .route-trail-1{right:48%;bottom:102px;left:15%;height:7px;transform:scaleX(0);transform-origin:left} .route-trail-2{top:218px;bottom:102px;left:calc(49% - 3px);width:7px;transform:scaleY(0);transform-origin:bottom} .route-trail-3{top:208px;right:50%;left:15%;height:7px;transform:scaleX(0);transform-origin:right} .route-scene[data-route-step="1"] .route-trail-1,.route-scene[data-route-step="2"] .route-trail-1,.route-scene[data-route-step="3"] .route-trail-1{transform:scaleX(1)} .route-scene[data-route-step="2"] .route-trail-2,.route-scene[data-route-step="3"] .route-trail-2{transform:scaleY(1)} .route-scene[data-route-step="3"] .route-trail-3{transform:scaleX(1)} .route-scene.has-landmarks .route-trail span{background:var(--cobalt);box-shadow:0 0 0 4px rgba(63,91,216,.15)} .route-building,.route-tree{position:absolute;z-index:2;opacity:0.48;filter:saturate(.3) blur(.4px);transition:opacity 320ms ease,filter 320ms ease,transform 320ms ease} .route-scene.has-landmarks .route-building,.route-scene.has-landmarks .route-tree{opacity:1;filter:none;transform:translateY(-3px)} .route-building-library{top:82px;left:42%;width:122px;height:86px;border:5px solid var(--white);border-radius:8px;background:var(--sun);box-shadow:inset 0 -12px 0 #d0a83f,4px 5px 0 rgba(25,55,47,.1)} .route-building-library::before{position:absolute;top:-20px;right:-8px;left:-8px;height:24px;border-radius:7px 7px 2px 2px;background:var(--forest-deep);content:"";clip-path:polygon(50% 0,100% 100%,0 100%)} .route-building-library span,.route-building-library i{position:absolute;top:19px;width:26px;height:25px;border:4px solid var(--white);background:var(--teal-soft)} .route-building-library span{left:16px} .route-building-library i{right:16px} .route-building-library b{position:absolute;bottom:0;left:48px;width:27px;height:38px;background:var(--coral)} .route-building-house{top:105px;left:7%;width:92px;height:62px;border:5px solid var(--white);border-radius:7px;background:var(--coral-soft);box-shadow:4px 5px 0 rgba(25,55,47,.1)} .route-building-house::before{position:absolute;top:-30px;right:-9px;left:-9px;height:34px;background:var(--coral);content:"";clip-path:polygon(50% 0,100% 100%,0 100%)} .route-building-house span{position:absolute;right:12px;bottom:0;width:28px;height:43px;border-radius:4px 4px 0 0;background:var(--cobalt)} .route-building-house i{position:absolute;top:14px;left:12px;width:23px;height:21px;border:4px solid var(--white);background:var(--teal-soft)} .route-tree{width:45px;height:67px} .route-tree::before{position:absolute;top:0;left:2px;width:42px;height:46px;border-radius:50% 45% 52% 48%;background:var(--mint);content:""} .route-tree span{position:absolute;bottom:0;left:19px;width:8px;height:32px;border-radius:5px;background:#8c6548} .route-tree-1{top:93px;right:9%} .route-tree-2{right:13%;bottom:18px;transform:scale(.82)} .route-scene.has-landmarks .route-node span{padding:3px 7px;border-radius:999px;background:var(--white);box-shadow:0 2px 0 rgba(25,55,47,.1);white-space:nowrap} .route-finish-burst{position:absolute;top:170px;left:9%;z-index:9;width:100px;height:90px;opacity:0;pointer-events:none} .route-finish-burst span{position:absolute;width:11px;height:11px;border-radius:3px;background:var(--sun)} .route-finish-burst span:nth-child(1){top:0;left:42px;transform:rotate(45deg)} .route-finish-burst span:nth-child(2){top:34px;left:4px;border-radius:50%;background:var(--cobalt)} .route-finish-burst span:nth-child(3){top:49px;right:4px;background:var(--mint);transform:rotate(20deg)} .route-finish-burst span:nth-child(4){bottom:0;left:38px;border-radius:50%;background:var(--coral)} .route-scene.is-finished .route-finish-burst{opacity:1;animation:route-burst 700ms ease both} .route-scene.is-moving .route-player{transform:translateY(-5px) rotate(-3deg)} @keyframes room-path-arrive{from{opacity:0;transform:scale(.96)} to{opacity:.78;transform:scale(1)}} @keyframes room-person-hop{0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)}} @keyframes thought-float{to{transform:translateY(-5px) rotate(-2deg)}} @keyframes room-speech-shake{0%,100%{transform:translateX(0)} 35%{transform:translateX(6px) rotate(1deg)} 70%{transform:translateX(-4px) rotate(-1deg)}} @keyframes sparkle-burst{from{transform:scale(.45) rotate(-12deg)} to{transform:scale(1) rotate(0)}} @keyframes fog-roll{0%{transform:translateX(30px)} 60%{transform:translateX(-8px)} 100%{transform:translateX(0)}} @keyframes route-burst{from{transform:scale(.4) rotate(-12deg)} to{transform:scale(1) rotate(0)}} @media (max-width:620px){.simulation-status{align-items:flex-start;flex-direction:column;gap:7px} .effort-meter{width:100%;min-width:0;justify-content:space-between} .effort-meter>i{width:45%} .room-scene{height:430px} .room-person{bottom:126px;left:1%;transform:scale(.76);transform-origin:bottom left} .room-thoughts{top:121px;left:2%;transform:scale(.83);transform-origin:top left} .room-scene.is-guided .room-thoughts,.room-scene.is-solved .room-thoughts{transform:translateY(-8px) scale(.83)} .room-guide-path path{stroke-width:7} .room-sparkles{top:207px;right:8%;transform:scale(.8)} .room-shelf{top:213px} .room-target-shelf{top:252px} .room-object.is-on-shelf{top:253px} .room-window{top:127px} .route-building-library{top:96px;left:41%;width:94px;height:70px;transform:scale(.85);transform-origin:bottom left} .route-building-house{top:119px;left:4%;transform:scale(.82);transform-origin:bottom left} .route-tree-1{top:107px;right:4%;transform:scale(.75)} .route-tree-2{display:none} .route-trail-1{right:50%;left:13%;bottom:88px} .route-trail-2{top:222px;bottom:88px;left:calc(48% - 3px)} .route-trail-3{top:212px;right:52%;left:13%} .route-finish-burst{top:171px;left:5%;transform:scale(.8);transform-origin:center} .route-scene.has-landmarks .route-node span{max-width:88px;white-space:normal;line-height:1.1}}::selection{background:var(--sun-soft);color:var(--forest-deep)} .chapter-main{position:relative;overflow:clip} .site-header{transition:min-height 220ms ease,background-color 220ms ease,box-shadow 220ms ease} .site-header.has-scrolled{background:rgba(255,255,255,0.985);box-shadow:0 10px 32px rgba(25,55,47,0.08)} .brand{transition:color 180ms ease,transform 220ms cubic-bezier(.2,.8,.25,1)} .brand:hover{color:var(--cobalt);transform:translateY(-2px) rotate(-1deg)} .brand-dot{display:inline-block;transform-origin:center bottom;animation:brand-dot-breathe 3.6s ease-in-out infinite} .section-heading::after,.compare-heading::after,.tips-heading::after,.daily-heading::after,.contact-copy::after{animation:constellation-drift 6s ease-in-out infinite alternate} .section-heading h1,.compare-heading h1,.tips-heading h1,.daily-heading h1,.contact-copy h2{text-wrap:balance} .accordion,.tab-panels>section,.daily-panel{transition:background-color 320ms ease,transform 320ms cubic-bezier(.2,.8,.25,1)} .accordion:hover,.tab-panels>section:hover,.daily-panel:hover{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--section-accent-soft) 46%,transparent) 18%,color-mix(in srgb,var(--section-accent-soft) 46%,transparent) 82%,transparent 100%)} .accordion h2::before,.tab-panels h2::before,.daily-panel h2::before{box-shadow:0 0 0 0 var(--section-accent-soft);transition:box-shadow 260ms ease,transform 260ms cubic-bezier(.2,.8,.25,1)} .accordion:hover h2::before,.tab-panels>section:hover h2::before,.daily-panel:hover h2::before{box-shadow:0 0 0 8px color-mix(in srgb,var(--section-accent-soft) 58%,transparent)} .balance-panel h1,.balance-panel h2{transition:box-shadow 260ms ease,transform 260ms cubic-bezier(.2,.8,.25,1)} .balance-panel h1:hover,.balance-panel h2:hover{box-shadow:7px 8px 0 color-mix(in srgb,var(--section-accent-soft) 72%,transparent);transform:translateY(-3px) rotate(1deg)} .feature-list li,.check-list li{background:linear-gradient(90deg,transparent,transparent);transition:background-color 220ms ease,padding-left 260ms cubic-bezier(.2,.8,.25,1),transform 260ms cubic-bezier(.2,.8,.25,1)} .feature-list li:hover,.check-list li:hover{padding-left:54px;background:linear-gradient(90deg,color-mix(in srgb,var(--section-accent-soft,var(--mint-soft)) 62%,transparent),transparent 78%);transform:translateX(3px)} .feature-list li::before,.check-list li::before{transition:border-radius 240ms ease,transform 240ms cubic-bezier(.2,.8,.25,1)} .feature-list li:hover::before,.check-list li:hover::before{border-radius:50%;transform:rotate(8deg) scale(1.08)} .chapter-previous span:first-child,.chapter-next span:last-child{transition:background-color 200ms ease,transform 260ms cubic-bezier(.2,.8,.25,1)} .chapter-previous:hover span:first-child{transform:translateX(-5px) rotate(-6deg)} .chapter-next:hover span:last-child{transform:translateX(5px) rotate(6deg)} .text-link:not(.footer-back-link) span{display:inline-block;transition:transform 220ms ease} .text-link:not(.footer-back-link):hover span{transform:translateY(-5px)} .reveal-ready{transition-delay:var(--reveal-delay,0ms)} .reveal-ready.reveal-list-item{transform:translateX(-13px)} .reveal-ready.reveal-list-item.is-visible{transform:translateX(0)} .balance-panel h1.reveal-ready,.balance-panel h2.reveal-ready{transform:translateY(18px) rotate(-1deg)} .challenges .balance-panel h2.reveal-ready{transform:translateY(18px) rotate(1deg)} .balance-panel h1.reveal-ready.is-visible,.balance-panel h2.reveal-ready.is-visible{transform:translateY(0) rotate(-1deg)} .challenges .balance-panel h2.reveal-ready.is-visible{transform:translateY(0) rotate(1deg)} @keyframes brand-dot-breathe{0%,100%{transform:scale(1)} 48%{transform:scale(1.25) translateY(-1px)}} @keyframes constellation-drift{from{transform:translate(0,0) rotate(8deg)} to{transform:translate(-8px,7px) rotate(20deg)}} @keyframes menu-link-arrive{from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:translateY(0)}} @media (max-width:1280px){.menu-open .primary-nav a{animation:menu-link-arrive 360ms cubic-bezier(.2,.8,.25,1) both} .menu-open .primary-nav a:nth-of-type(2){animation-delay:35ms} .menu-open .primary-nav a:nth-of-type(3){animation-delay:70ms} .menu-open .primary-nav a:nth-of-type(4){animation-delay:105ms} .menu-open .primary-nav a:nth-of-type(5){animation-delay:140ms} .menu-open .primary-nav a:nth-of-type(6){animation-delay:175ms}} @media (max-width:700px){.feature-list li:hover,.check-list li:hover{padding-left:50px;transform:none} .accordion:hover,.tab-panels>section:hover,.daily-panel:hover{background:transparent}} @media (max-width:700px){.accordion:hover h2::before,.tab-panels>section:hover h2::before,.daily-panel:hover h2::before{box-shadow:0 0 0 0 var(--section-accent-soft);transform:rotate(-5deg) scale(1)} .balance-panel h1:hover,.balance-panel h2:hover{box-shadow:none;transform:rotate(-1deg)} .challenges .balance-panel h2:hover{transform:rotate(1deg)} .feature-list li:hover,.check-list li:hover{padding-left:48px;background:transparent;transform:none} .feature-list li:hover::before,.check-list li:hover::before{border-radius:48% 52% 45% 55%;transform:none}} html{-webkit-text-size-adjust:100%} body{background:radial-gradient(circle at 8% 7%,rgba(233,237,255,0.62),transparent 22rem),var(--paper)} .chapter-main{background:radial-gradient(circle at 94% 4%,rgba(255,244,200,0.44),transparent 20rem),transparent} .section-shell,.balance-panel-inner{width:min(1020px,calc(100% - 48px))} p{max-width:68ch} @media (min-width:1281px){.site-header{min-height:78px} .primary-nav{width:max-content;max-width:100%;justify-self:end;gap:2px;padding:5px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--paper-deep) 72%,white)} .primary-nav a{min-height:38px;padding:8px 12px;border-radius:999px;transition:color 140ms ease,background-color 140ms ease,box-shadow 140ms ease} .primary-nav a::after{display:none} .primary-nav a:hover{background:rgba(255,255,255,0.86)} .primary-nav a[aria-current="page"]:not(.nav-cta){background:var(--white);color:var(--forest-deep);box-shadow:0 4px 14px rgba(25,55,47,0.08)} .primary-nav .nav-cta{margin-left:3px;padding-inline:18px} .accordion-content,.accordion-list .accordion>p,.tab-panels>section>:not(h2),.daily-panel>:not(h2){margin-left:64px} .tab-panels>section>.check-list,.daily-panel>.check-list{width:calc(100% - 64px)}} .heading-jump{box-shadow:5px 6px 0 color-mix(in srgb,var(--cobalt-soft) 76%,white);animation-duration:3.1s} .compare-heading,.tips-heading,.daily-heading,.contact-copy{margin-bottom:clamp(12px,2vw,24px)} .compare-heading::before,.tips-heading::before,.daily-heading::before,.contact-copy::before{opacity:0.82;filter:saturate(0.9)} .accordion,.tab-panels>section,.daily-panel{position:relative;border-bottom:0} .accordion h2,.tab-panels h2,.daily-panel h2{margin-bottom:28px} .accordion h2::before,.tab-panels h2::before,.daily-panel h2::before{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--section-accent) 12%,transparent)} .balance-panel{position:relative;overflow:hidden} .balance-panel::after{position:absolute;z-index:0;top:46px;right:max(-74px,calc((100vw - 1020px) / 2 - 145px));width:160px;height:160px;border:26px solid color-mix(in srgb,var(--section-accent-soft) 78%,transparent);border-radius:46% 54% 42% 58%;content:"";pointer-events:none;transform:rotate(16deg)} .balance-panel-inner{position:relative;z-index:1} .balance-panel h1,.balance-panel h2{box-shadow:7px 8px 0 color-mix(in srgb,var(--section-accent-soft) 68%,white)} .balance-panel .feature-list{padding:8px 18px;border:0;border-radius:24px 16px 24px 18px;background:color-mix(in srgb,var(--white) 84%,var(--section-accent-soft));box-shadow:0 18px 48px rgba(25,55,47,0.055)} .balance-panel .feature-list li:first-child{border-top:0} .chapter-previous,.chapter-next{border-color:color-mix(in srgb,var(--forest-deep) 13%,transparent);box-shadow:0 12px 34px rgba(25,55,47,0.065)} .site-footer{background:radial-gradient(circle at 90% 25%,rgba(255,244,200,0.66),transparent 15rem),var(--paper-deep)} @media (max-width:700px){.section-shell,.balance-panel-inner{width:min(100% - 36px,1020px)} .balance-panel::after{top:32px;right:-92px;width:140px;height:140px;border-width:24px} .balance-panel .feature-list{margin-inline:-4px;padding:6px 12px;border-radius:20px 14px 20px 16px} .balance-panel h1,.balance-panel h2{box-shadow:5px 6px 0 color-mix(in srgb,var(--section-accent-soft) 68%,white)}} @media (max-width:1280px){.menu-toggle{border-radius:50%;transition:background-color 180ms ease,transform 180ms ease} .menu-open .menu-toggle{background:var(--mint-pale);transform:rotate(2deg)} .primary-nav{gap:3px;padding-top:clamp(26px,5vh,46px);background:radial-gradient(circle at 92% 8%,rgba(240,200,90,0.2),transparent 14rem),radial-gradient(circle at 8% 92%,rgba(85,168,135,0.2),transparent 18rem),var(--forest-deep)} .primary-nav a{min-height:54px;padding:13px 18px;border-radius:14px;color:var(--white);letter-spacing:-0.02em} .primary-nav a:hover,.primary-nav a:focus-visible{background:rgba(255,255,255,0.1);color:var(--white)} .primary-nav a[aria-current="page"]{background:rgba(255,255,255,0.13);color:var(--white);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.12)} .primary-nav .nav-cta{margin-top:10px;border-radius:999px;background:var(--sun-soft);color:var(--forest-deep);box-shadow:4px 5px 0 rgba(255,255,255,0.12)} .primary-nav .nav-cta:hover,.primary-nav .nav-cta:focus-visible{background:var(--sun);color:var(--forest-deep)}} .balance-section{background:var(--paper)} .feature-list li:last-child,.check-list li:last-child{border-bottom:0} .contact-section{background:radial-gradient(circle at 92% 14%,rgba(233,237,255,0.72),transparent 21rem),var(--paper)} .contact-copy{max-width:820px} .contact-form{position:relative;width:min(100%,760px);margin-top:clamp(38px,5vw,58px);padding:clamp(24px,4vw,42px);border:1px solid color-mix(in srgb,var(--cobalt) 14%,transparent);border-radius:28px 19px 30px 21px;background:linear-gradient(145deg,var(--white),color-mix(in srgb,var(--cobalt-soft) 30%,white));box-shadow:9px 10px 0 color-mix(in srgb,var(--cobalt-soft) 66%,white),0 24px 60px rgba(25,55,47,0.075)} .contact-form .field-row:last-of-type{margin-bottom:26px} .contact-form .button{min-width:180px} .contact-form .form-note{max-width:58ch;margin-bottom:0} @media (max-width:700px){.contact-form{margin-top:34px;padding:22px 18px 24px;border-radius:22px 15px 24px 17px;box-shadow:6px 7px 0 color-mix(in srgb,var(--cobalt-soft) 66%,white),0 18px 44px rgba(25,55,47,0.07)} .contact-form .button{width:100%}} .arrow-icon{display:block;width:18px;height:18px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke} .heading-jump .arrow-icon{width:28px;height:28px;stroke-width:2.55} .experience-demo summary:focus-visible{border-radius:20px 14px 16px 12px;outline:0;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--forest) 48%,transparent)} .chapter-previous:hover span:first-child{transform:translateX(-4px)} .chapter-next:hover span:last-child{transform:translateX(4px)} @media (max-width:1280px){body::before{display:none} .menu-open .menu-toggle{background:var(--mint-soft);transform:none} .primary-nav{top:100%;right:0;left:0;width:100%;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));max-height:none;gap:4px;padding:clamp(28px,4vh,44px) max(24px,calc((100vw - 720px) / 2)) max(24px,env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);border-radius:0;background:radial-gradient(circle at 92% 8%,rgba(255,244,200,0.58),transparent 15rem),radial-gradient(circle at 4% 92%,rgba(223,241,233,0.8),transparent 18rem),var(--paper);box-shadow:none;transform:translateY(-10px);transform-origin:top center;transition:opacity 180ms ease,transform 220ms cubic-bezier(.2,.8,.25,1),visibility 0s linear 220ms} .menu-open .primary-nav{transform:translateY(0)} .primary-nav a{width:min(100%,680px);min-height:56px;margin-inline:auto;padding:13px 16px;border-radius:14px;color:var(--forest-deep);font-size:1.06rem;letter-spacing:-0.015em} .primary-nav a:hover,.primary-nav a:focus-visible{background:var(--paper-deep);color:var(--forest-deep)} .primary-nav a[aria-current="page"]{background:var(--mint-soft);color:var(--forest-deep);box-shadow:none} .primary-nav .nav-cta{width:min(100%,680px);margin-top:auto;padding-inline:18px;border-radius:16px;background:var(--forest-deep);color:var(--white);box-shadow:none} .primary-nav .nav-cta:hover,.primary-nav .nav-cta:focus-visible,.primary-nav .nav-cta[aria-current="page"]{background:var(--forest);color:var(--white)}} .steps-demo .experience-body{background:linear-gradient(180deg,color-mix(in srgb,var(--mint-pale) 42%,white),var(--white) 34%)} .simulation-lead{max-width:64ch;margin:-4px 0 24px;color:var(--muted)} .simulation-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 24px;padding:6px;border-radius:18px;background:var(--paper-deep);list-style:none} .simulation-steps button{display:grid;min-height:62px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;padding:10px 12px;border:0;border-radius:13px;background:transparent;color:var(--muted);cursor:pointer;text-align:left;transition:color 240ms ease,background-color 240ms ease,box-shadow 240ms ease} .simulation-steps button:hover,.simulation-steps button:focus-visible{background:color-mix(in srgb,var(--white) 72%,var(--mint-pale));color:var(--forest-deep)} .simulation-steps button:focus-visible{outline-offset:1px} .simulation-steps button>span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:rgba(25,55,47,0.08);font-size:0.75rem;font-weight:700} .simulation-steps button strong{font-size:0.88rem;line-height:1.3} .simulation-steps button.is-current{background:var(--white);color:var(--forest-deep);box-shadow:0 6px 18px rgba(25,55,47,0.07)} .simulation-steps button.is-current>span{background:var(--forest);color:var(--white)} .steps-demo .storm-stage{margin-bottom:18px;border-color:color-mix(in srgb,var(--forest) 22%,transparent);border-radius:22px;background:linear-gradient(145deg,#edf8f3,#f3f3ff 58%,#fff8dd);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.72);transition:background-color 420ms ease,border-color 420ms ease,box-shadow 420ms ease} .steps-demo .storm-stage::before{opacity:0.45} .steps-demo .storm-stage.is-storming{border-color:color-mix(in srgb,var(--coral) 32%,transparent);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.72),0 16px 36px rgba(216,120,93,0.09)} .steps-demo .storm-stage.is-structured{border-color:color-mix(in srgb,var(--mint) 45%,transparent);background:linear-gradient(145deg,#eef9f4,#f8fbf9)} .steps-demo .storm-task{cursor:default;user-select:none} .steps-demo .demo-disclaimer{max-width:64ch;margin-top:14px} .contact-form .button.is-sending{gap:10px;cursor:wait;opacity:0.82;transform:none} .contact-form .button.is-sending::after{width:15px;height:15px;border:2px solid rgba(255,255,255,0.42);border-top-color:var(--white);border-radius:50%;content:"";animation:submit-spin 700ms linear infinite} .contact-form .button:disabled{box-shadow:none} .form-status:empty{display:none} .form-status.is-success,.form-status.is-error{display:block;padding:12px 14px;border-radius:12px} .form-status.is-success{background:var(--mint-pale);color:var(--forest-deep)} .form-status.is-error{background:var(--coral-soft);color:#773a2d} @keyframes submit-spin{to{transform:rotate(360deg)}} @media (max-width:700px){.primary-nav a{font-size:1.08rem} .simulation-steps{grid-template-columns:1fr} .simulation-steps button{min-height:54px} .steps-demo .storm-stage{border-radius:18px}} @media (min-width:1281px){.primary-nav.has-desktop-pill{position:relative;isolation:isolate} .desktop-nav-pill{position:absolute;z-index:0;top:0;left:0;width:var(--nav-pill-width,0px);height:var(--nav-pill-height,0px);border-radius:999px;background:rgba(255,255,255,0.94);box-shadow:0 5px 16px rgba(25,55,47,0.09);opacity:0;pointer-events:none;transform:translate3d(var(--nav-pill-x,0px),var(--nav-pill-y,0px),0) scale(var(--nav-pill-scale,1));transform-origin:center;will-change:width,transform} .desktop-nav-pill.is-ready{transition:width 360ms cubic-bezier(.22,1,.36,1),height 360ms cubic-bezier(.22,1,.36,1),opacity 170ms ease,transform 360ms cubic-bezier(.22,1,.36,1),box-shadow 220ms ease} .desktop-nav-pill.is-visible{opacity:1} .primary-nav.has-desktop-pill.is-nav-pressed .desktop-nav-pill{--nav-pill-scale:0.975;box-shadow:0 2px 8px rgba(25,55,47,0.08)} .primary-nav.has-desktop-pill a{z-index:1;background:transparent;transition:color 240ms ease,transform 260ms cubic-bezier(.22,1,.36,1),background-color 220ms ease,box-shadow 220ms ease} .primary-nav.has-desktop-pill a:hover,.primary-nav.has-desktop-pill a:focus-visible,.primary-nav.has-desktop-pill a[aria-current="page"]:not(.nav-cta){background:transparent;box-shadow:none} .primary-nav.has-desktop-pill a:hover,.primary-nav.has-desktop-pill a:focus-visible{color:var(--forest-deep);transform:none} .primary-nav.has-desktop-pill .nav-cta{background:var(--forest);box-shadow:0 3px 10px rgba(25,55,47,0.12);color:var(--white);transition:none} .primary-nav.has-desktop-pill .nav-cta:hover,.primary-nav.has-desktop-pill .nav-cta:focus-visible,.primary-nav.has-desktop-pill .nav-cta:active{background:var(--forest);box-shadow:0 3px 10px rgba(25,55,47,0.12);color:var(--white);transform:none}} .steps-demo{border-color:rgba(25,55,47,0.13);border-radius:20px;box-shadow:0 14px 38px rgba(25,55,47,0.09)} .steps-demo summary{min-height:64px;padding-inline:clamp(18px,3vw,26px)} .steps-demo .experience-body{padding:clamp(24px,4vw,40px);background:var(--white)} .steps-demo .experience-body h2{max-width:none;margin-bottom:14px;font-size:clamp(1.75rem,3vw,2.55rem)} .steps-demo .simulation-lead{margin:0 0 22px} .steps-demo .simulation-steps{width:fit-content;max-width:100%;grid-template-columns:repeat(2,minmax(0,auto));gap:4px;margin-bottom:20px;padding:4px;border:1px solid rgba(25,55,47,0.08);border-radius:14px;background:#f4f2eb} .steps-demo .simulation-steps button{min-height:48px;grid-template-columns:minmax(0,1fr);padding:10px 16px;border-radius:10px;box-shadow:none;text-align:center} .steps-demo .simulation-steps button>span{display:none} .steps-demo .simulation-steps button.is-current{box-shadow:0 3px 12px rgba(25,55,47,0.08)} .steps-demo .storm-stage{height:360px;margin:0;border:1px solid rgba(25,55,47,0.1);border-radius:18px;background:linear-gradient(145deg,#f2f8f5 0%,#f7f6fb 58%,#fff9e8 100%);box-shadow:none} .steps-demo .storm-stage::before{opacity:0.16;background-size:22px 22px} .steps-demo .storm-stage.is-storming{border-color:rgba(216,120,93,0.24);box-shadow:none} .steps-demo .storm-stage.is-structured{border-color:rgba(47,154,119,0.28);background:linear-gradient(145deg,#f0f8f4,#fafcfb)} .steps-demo .storm-clock{top:20px;left:20px} .steps-demo .storm-person{bottom:28px;left:7%} .steps-demo .storm-task{cursor:pointer;min-height:48px;border-width:1px;border-color:rgba(25,55,47,0.09);border-radius:14px;box-shadow:0 6px 16px rgba(25,55,47,0.1)} .steps-demo .storm-stage.is-storming .storm-task.is-tapped{border-color:var(--forest);background:var(--mint-pale);box-shadow:0 3px 10px rgba(25,55,47,0.08);opacity:1;animation-play-state:paused} .steps-demo .storm-stage.is-structured .storm-task{border-color:rgba(47,154,119,0.34);box-shadow:0 3px 10px rgba(25,55,47,0.06);cursor:default} .steps-demo .storm-ping{width:24px;height:24px;box-shadow:0 3px 9px rgba(216,120,93,0.22)} @media (max-width:700px){.steps-demo{border-radius:18px} .steps-demo .experience-body{padding:22px 18px 20px} .steps-demo .simulation-steps{width:100%;grid-template-columns:1fr} .steps-demo .simulation-steps button{min-height:46px;padding-block:9px} .steps-demo .storm-stage{height:410px;border-radius:16px} .steps-demo .storm-clock{top:14px;left:14px;width:auto;height:auto} .steps-demo .storm-clock-face i{top:6px;left:15px;transform-origin:50% 10px} .steps-demo .storm-person{bottom:24px;left:3%;transform:none} .steps-demo .storm-task-3{left:44%} .steps-demo .storm-task-4{left:48%} .steps-demo .storm-stage.is-structured .storm-task{left:38%;width:58%} .steps-demo .storm-stage.is-storming .storm-person{animation-name:person-tense-mobile} .steps-demo .storm-stage.is-structured .storm-person{transform:translateY(-3px)}} @keyframes person-tense-mobile{from{transform:translateX(-1px) rotate(-.6deg)} to{transform:translateX(1px) rotate(.6deg)}} .compare-section .compare-heading{margin-bottom:0;padding-bottom:clamp(24px,3vw,38px)} .compare-section .accordion-list .accordion{padding-block:clamp(28px,3.8vw,42px)} .compare-section .accordion-list .accordion:first-child{padding-top:clamp(18px,2.5vw,28px)} .compare-section .accordion-list .accordion h2{margin-bottom:20px} .compare-section .accordion-content p:last-child{margin-bottom:0} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} *,*::before,*::after{scroll-behavior:auto !important;transition-duration:0.01ms !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important} .reveal-ready{opacity:1;transform:none}}