.hero-buttons{display:flex;flex-wrap:wrap;gap:10px}.button-google{border-color:var(--line-strong);background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.button-google:hover{border-color:color-mix(in srgb,var(--brand-primary) 40%,var(--line-strong))}@media (max-width:640px){.hero-buttons{flex-direction:column}}.demo-video-section{padding:0 0 clamp(40px,6vw,72px)}.demo-video-title{margin-bottom:18px;text-align:center;font-size:clamp(1.3rem,2.4vw,1.75rem)}.demo-video-frame{position:relative;max-width:880px;margin:0 auto;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--brand-deep);box-shadow:var(--shadow-md)}.demo-video-frame iframe,.demo-video-frame video,.demo-video-poster,.demo-video-poster img{width:100%;height:100%;border:0;display:block;object-fit:cover}.demo-video-poster{position:relative;padding:0;background:transparent}.demo-video-play{position:absolute;inset:50% auto auto 50%;width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:var(--brand-primary);color:white;transform:translate(-50%,-50%);box-shadow:0 12px 30px rgba(0,0,0,.3)}.tap-hint{display:inline-flex;align-items:center;gap:8px;color:var(--brand-primary);font-weight:650}.feature-accordion-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);grid-gap:clamp(32px,6vw,72px);gap:clamp(32px,6vw,72px);align-items:start}.feature-accordion{display:grid;grid-gap:10px;gap:10px}.feature-acc{border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.feature-acc:hover{border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,55,40,.1)}.feature-acc.is-open{border-color:color-mix(in srgb,var(--brand-primary) 55%,var(--line))}.feature-acc-heading{margin:0;font-size:inherit}.feature-acc-trigger{width:100%;min-height:64px;display:grid;grid-template-columns:44px minmax(0,1fr) 24px;grid-gap:14px;gap:14px;align-items:center;border:0;border-radius:12px;background:transparent;color:var(--text);padding:10px 16px;text-align:left;cursor:pointer}.feature-acc-trigger:active{transform:scale(.99)}.feature-acc-trigger:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-bright) 55%,transparent);outline-offset:2px}.feature-acc-title{font-family:var(--font-display),sans-serif;font-size:1.03rem;font-weight:750}.feature-acc.is-open .feature-tab-icon{background:var(--brand-primary);color:var(--surface)}.feature-acc-chevron{color:var(--brand-primary);transition:transform .22s ease}.feature-acc.is-open .feature-acc-chevron{transform:rotate(180deg)}.hint-bounce .feature-acc:not(.is-open) .feature-acc-chevron.is-hint{animation:chevron-bounce .7s ease-in-out .3s 3}@keyframes chevron-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(5px)}70%{transform:translateY(-1px)}}.feature-acc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s ease}.feature-acc.is-open .feature-acc-body{grid-template-rows:1fr}.feature-acc-inner{min-height:0;overflow:hidden;display:grid;justify-items:start;grid-gap:14px;gap:14px;padding:0 16px 0 74px}.feature-acc.is-open .feature-acc-inner{padding-bottom:18px}.feature-acc-inner>p{margin:0;color:var(--text-soft);font-size:.93rem;line-height:1.6}.feature-acc-preview{display:none}.feature-accordion-panel{position:-webkit-sticky;position:sticky;top:100px}@media (max-width:900px){.feature-accordion-layout{grid-template-columns:1fr}.feature-accordion-layout>.reveal:last-child{display:none}.feature-acc-inner{padding-left:16px}.feature-acc-preview{width:100%;display:grid;justify-items:center}.feature-acc-preview .mini-phone{width:250px;height:450px;margin-bottom:-36px;border-radius:34px;padding:44px 15px 20px;transform:scale(.92);transform-origin:center top}.feature-acc-preview .feature-preview-focus{width:100%}}.interactive-step-card{overflow:hidden}.step-timer{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--brand-primary);transform-origin:left;animation:step-timer 6s linear forwards}@keyframes step-timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.step-anim{min-height:268px}.step-video{width:100%;aspect-ratio:4/3;border-radius:22px;object-fit:cover;background:var(--surface-soft)}.step-anim .anim-check{width:24px;height:24px;margin-left:auto;display:grid;place-items:center;border-radius:50%;background:#22c55e;color:white}.anim-foot{margin-top:12px;color:var(--brand-primary);font-size:.8rem;font-weight:700}.anim-foot,.step-anim .step-calendar-chip{display:flex;align-items:center;gap:8px}.anim-review{position:relative;margin-top:16px;display:flex;align-items:center;gap:18px}.anim-ring{width:92px;height:92px;transform:rotate(-90deg)}.anim-ring circle{fill:none;stroke-width:9}.anim-ring-track{stroke:color-mix(in srgb,var(--brand-primary) 14%,transparent)}.anim-ring-fill{stroke:#22c55e;stroke-linecap:round;stroke-dashoffset:var(--target)}.anim-ring-label{position:absolute;left:0;width:92px;text-align:center;font-family:var(--font-display),sans-serif;font-size:1.15rem}.anim-streak{display:flex;align-items:center;gap:6px;color:#b45309;font-weight:800}:root[data-theme=dark] .anim-streak{color:#fbbf24}.anim-streak small{color:var(--text-soft);font-weight:600}.anim-flame{color:#f59e0b}.anim-count{height:1.3em;overflow:hidden;display:grid;font-family:var(--font-display),sans-serif;font-size:1.3rem;line-height:1.3}.anim-count i{font-style:normal;transform:translateY(-100%)}.interactive-steps-section .step-anim *{animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:ease-out;animation-fill-mode:both;animation-play-state:paused}.interactive-steps-section.is-playing .step-anim *{animation-play-state:running}.step-anim .anim-row:nth-of-type(2){animation-name:loop-in-1}.step-anim .anim-row:nth-of-type(3){animation-name:loop-in-2}.step-anim .anim-row:nth-of-type(4){animation-name:loop-in-3}.step-anim .anim-row:nth-of-type(2) .anim-check{animation-name:loop-pop-1}.step-anim .anim-row:nth-of-type(3) .anim-check{animation-name:loop-pop-2}.step-anim .anim-row:nth-of-type(4) .anim-check{animation-name:loop-pop-3}.step-anim .anim-drop:nth-of-type(2){animation-name:loop-drop-1}.step-anim .anim-drop:nth-of-type(3){animation-name:loop-drop-2}.step-anim .anim-drop:nth-of-type(4){animation-name:loop-drop-3}.step-anim .anim-fade{animation-name:loop-fade}.step-anim .anim-ring-fill{animation-name:loop-ring}.step-anim .anim-ring-label{animation-name:loop-fade-early}.step-anim .anim-count i{animation-name:loop-count}.step-anim .anim-flame{animation-name:loop-flame}.step-anim .anim-fade.anim-late{animation-name:loop-fade-late}@keyframes loop-in-1{0%{opacity:0;transform:translateX(-18px)}10%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes loop-in-2{0%,10%{opacity:0;transform:translateX(-18px)}20%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes loop-in-3{0%,20%{opacity:0;transform:translateX(-18px)}30%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes loop-pop-1{0%,38%{opacity:0;transform:scale(.3)}44%{opacity:1;transform:scale(1.2)}48%,to{opacity:1;transform:none}}@keyframes loop-pop-2{0%,48%{opacity:0;transform:scale(.3)}54%{opacity:1;transform:scale(1.2)}58%,to{opacity:1;transform:none}}@keyframes loop-pop-3{0%,58%{opacity:0;transform:scale(.3)}64%{opacity:1;transform:scale(1.2)}68%,to{opacity:1;transform:none}}@keyframes loop-drop-1{0%{opacity:0;transform:translateY(-26px)}10%{opacity:1;transform:translateY(3px)}14%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes loop-drop-2{0%,16%{opacity:0;transform:translateY(-26px)}26%{opacity:1;transform:translateY(3px)}30%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes loop-drop-3{0%,32%{opacity:0;transform:translateY(-26px)}42%{opacity:1;transform:translateY(3px)}46%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes loop-fade{0%,55%{opacity:0;transform:translateY(6px)}65%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes loop-fade-late{0%,70%{opacity:0;transform:translateY(6px)}78%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes loop-fade-early{0%,30%{opacity:0}40%,92%{opacity:1}to{opacity:0}}@keyframes loop-ring{0%,4%{stroke-dashoffset:var(--circ)}40%,94%{stroke-dashoffset:var(--target)}to{stroke-dashoffset:var(--circ)}}@keyframes loop-count{0%,45%{transform:translateY(0)}52%,to{transform:translateY(-100%)}}@keyframes loop-flame{0%,48%{transform:scale(1)}54%{transform:scale(1.45) rotate(-8deg)}60%,to{transform:scale(1)}}.problem-card{grid-template-columns:46px minmax(0,1fr) 132px;grid-template-areas:"num copy visual"}.problem-card .problem-number{grid-area:num}.problem-card .problem-copy{grid-area:copy}.problem-card .problem-visual{grid-area:visual}.problem-visual{height:96px;overflow:hidden;border-radius:14px;background:var(--surface-soft)}.pv{position:relative;width:100%;height:100%}.problem-card .pv *{animation-fill-mode:both;animation-timing-function:cubic-bezier(.2,.9,.3,1.2);animation-play-state:paused}.problem-card.is-playing .pv *{animation-play-state:running}.pv-calendar{display:grid;grid-template-columns:18px 1fr;grid-gap:6px;gap:6px;padding:8px 10px}.pv-hours{display:grid;align-content:space-between;color:var(--muted);font-size:9px;font-weight:700}.pv-day{position:relative;display:grid;grid-gap:3px;gap:3px;align-content:start}.pv-meeting{height:14px;border-radius:4px;background:color-mix(in srgb,var(--muted) 38%,var(--surface));animation:pv-drop .42s calc(var(--i) * .16s),pv-shimmer 2.4s ease-in-out calc(1.8s + var(--i) * .25s) infinite alternate}@keyframes pv-shimmer{to{filter:brightness(1.12)}}.pv-gym{position:absolute;right:0;left:0;top:70px;height:14px;border-radius:4px;background:#22c55e;color:white;font-size:9px;line-height:14px;padding-left:6px;text-decoration:line-through;opacity:.35;transform:translateY(16px);animation:pv-push-out .7s ease-in .9s}@keyframes pv-drop{0%{opacity:0;transform:translateY(-24px)}}@keyframes pv-push-out{0%{opacity:1;transform:translateY(-58px);-webkit-text-decoration-color:transparent;text-decoration-color:transparent}35%{opacity:1;transform:translateY(-58px);-webkit-text-decoration-color:transparent;text-decoration-color:transparent}to{opacity:.35;transform:translateY(16px)}}.pv-habits{display:grid;align-content:center;justify-items:center;grid-gap:10px;gap:10px;padding:8px}.pv-week{display:flex;gap:4px}.pv-dot{position:relative;width:14px;height:14px;display:grid;place-items:center;border:1.5px solid color-mix(in srgb,var(--muted) 45%,transparent);border-radius:50%}.pv-dot em{position:absolute;top:-14px;color:var(--muted);font-size:8px;font-style:normal;font-weight:700}.pv-dot svg{width:9px;height:9px}.pv-dot.is-done{border-color:#22c55e;background:#22c55e;color:white;animation:pv-fill .36s calc(var(--i) * .26s)}.pv-dot.is-missed{border-color:color-mix(in srgb,var(--muted) 45%,transparent);background:color-mix(in srgb,var(--muted) 45%,transparent);animation:pv-grey .4s .6s}.pv-pill{border-radius:999px;background:color-mix(in srgb,#f59e0b 20%,var(--surface));color:#92400e;padding:3px 9px;font-size:10px;font-weight:800;animation:pv-wobble .7s 1.1s,pv-bob 1.6s ease-in-out 1.9s infinite alternate}@keyframes pv-bob{to{translate:0 -2px}}:root[data-theme=dark] .pv-pill{color:#fbbf24}@keyframes pv-fill{0%{border-color:color-mix(in srgb,var(--muted) 45%,transparent);background:transparent;transform:scale(.6)}}@keyframes pv-grey{0%{background:transparent}}@keyframes pv-wobble{0%{opacity:0;transform:scale(.5)}40%{opacity:1;transform:scale(1.08) rotate(-4deg)}60%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}to{transform:none}}.pv-goals>span{position:absolute;font-size:9px;font-weight:700;line-height:1.25;box-shadow:0 4px 10px rgba(15,23,42,.08)}.pv-note{top:10px;left:10px;width:50px;height:46px;background:#fde68a;color:#713f12;padding:6px;transform:rotate(-6deg);animation:pv-from-left .6s,pv-drift 4s ease-in-out .7s infinite alternate}.pv-chat{top:14px;right:8px;width:64px;border-radius:10px 10px 2px 10px;background:#22c55e;color:white;padding:5px 7px;animation:pv-from-right .6s .15s,pv-drift 5s ease-in-out .9s infinite alternate-reverse}.pv-card{bottom:8px;left:42px;width:58px;display:grid;grid-gap:4px;gap:4px;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:6px;transform:rotate(4deg);animation:pv-from-bottom .6s .3s,pv-drift 4.5s ease-in-out 1.1s infinite alternate}.pv-card i{height:3px;border-radius:2px;background:var(--line-strong)}.pv-card i:last-child{width:60%}@keyframes pv-from-left{0%{opacity:0;translate:-50px -30px}}@keyframes pv-from-right{0%{opacity:0;translate:50px -30px}}@keyframes pv-from-bottom{0%{opacity:0;translate:0 40px}}@keyframes pv-drift{to{translate:3px -3px}}.pv-phone{display:grid;place-items:center}.pv-handset{width:58px;height:80px;display:grid;align-content:center;justify-items:center;grid-gap:2px;gap:2px;border:2.5px solid var(--text);border-radius:12px;background:var(--surface)}.pv-handset small{color:var(--muted);font-size:7px;font-weight:700}.pv-handset strong{font-family:var(--font-display),sans-serif;font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pv-badge{position:absolute;min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:#f59e0b;color:#451a03;font-size:9px;font-weight:800;animation:pv-pop .38s calc(.5s + var(--i) * .3s),pv-pulse 1.2s ease-in-out calc(1.6s + var(--i) * .2s) infinite alternate}@keyframes pv-pulse{to{scale:1.12}}.pv-badge:nth-child(2){top:10px;left:calc(50% - 44px)}.pv-badge:nth-child(3){top:22px;right:calc(50% - 46px)}.pv-badge:nth-child(4){bottom:12px;left:calc(50% - 46px)}@keyframes pv-pop{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.3)}}.problem-resolve{display:grid;justify-items:center;grid-gap:18px;gap:18px;margin-top:8px}.problem-resolve .problem-closing{margin:0}.resolve-stage{position:relative;width:min(300px,100%);height:150px}.resolve-ghost{position:absolute;top:50%;left:50%;width:90px;height:44px;margin:-22px 0 0 -45px;border:1px dashed var(--line-strong);border-radius:10px;background:var(--surface-soft);opacity:0;transform:scale(.4);animation:resolve-merge .9s cubic-bezier(.5,0,.3,1) both paused}.problem-resolve.is-playing *{animation-play-state:running}.resolve-ghost:first-child{--from:translate(-100px,-40px) rotate(-6deg)}.resolve-ghost:nth-child(2){--from:translate(100px,-40px) rotate(5deg)}.resolve-ghost:nth-child(3){--from:translate(-100px,40px) rotate(4deg)}.resolve-ghost:nth-child(4){--from:translate(100px,40px) rotate(-5deg)}@keyframes resolve-merge{0%{opacity:1;transform:var(--from) scale(1)}60%{opacity:1}to{opacity:0;transform:none scale(.4)}}.resolve-today{position:absolute;inset:8px 20px;display:grid;align-content:center;grid-gap:7px;gap:7px;border:1px solid color-mix(in srgb,var(--brand-primary) 40%,var(--line));border-radius:16px;background:var(--surface);padding:12px 16px;box-shadow:var(--shadow-md);animation:resolve-appear .5s cubic-bezier(.2,.9,.3,1.2) .7s both paused}.resolve-kicker{color:var(--brand-primary);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.resolve-task{display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:650}.resolve-task b{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#22c55e;color:white;animation:resolve-tick .38s calc(1.3s + var(--i) * .35s) both paused}@keyframes resolve-appear{0%{opacity:0;transform:scale(.85)}}@keyframes resolve-tick{0%{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line-strong);color:transparent;transform:scale(.7)}}@media (max-width:767px){.problem-card{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"visual visual" "num copy";row-gap:12px}.problem-visual{height:104px}.problem-stack>li{position:-webkit-sticky;position:sticky;top:calc(88px + var(--n) * 12px);transform:scale(calc(1 - var(--stack, 0) * .04));transform-origin:center top;opacity:calc(1 - var(--stack, 0) * .35);will-change:transform,opacity}.problem-stack>li+li{margin-top:14px}}@media (prefers-reduced-motion:reduce){.hint-bounce .feature-acc-chevron,.problem-card .pv *,.problem-resolve *,.step-anim *,.step-timer{animation:none!important}.resolve-ghost{display:none}.problem-stack>li{position:static;transform:none;opacity:1}.feature-acc,.feature-acc-body,.feature-acc-chevron{transition:none}}