#home{overflow:visible}
/* Public product story. Preview surfaces never inherit authenticated app state. */
#home .product-story{display:grid;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);column-gap:clamp(28px,3.6vw,56px);position:relative;align-items:start}
#home .story-intro{grid-column:1;grid-row:1;min-height:calc(90svh - 74px);display:flex;flex-direction:column;justify-content:center;padding:72px 0 90px;min-width:0}
#home .story-intro h1{font-size:clamp(52px,5.4vw,80px);line-height:1.04;letter-spacing:-.065em;margin:22px 0 26px}
#home .story-intro .lead{font-size:clamp(16px,1.4vw,19px);line-height:1.75;max-width:390px;margin:0;color:var(--muted)}
#home .story-intro .hero-tag{font-size:11px;letter-spacing:.13em;line-height:1.6}
#home .hero-cta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:30px 0 25px}
#home .hero-cta .btn{padding:15px 21px;font-size:14px;white-space:nowrap}
#home .hero-cta .landing-text-link{font-size:13px;min-height:44px;display:inline-flex;align-items:center;gap:8px}
.hero-benefits{display:flex;list-style:none;flex-wrap:wrap;gap:9px 17px;padding:0;margin:0;color:var(--muted);font-size:11px;line-height:1.7}
.hero-benefits li{display:flex;align-items:center;gap:7px}.hero-benefits li::before{content:'';width:4px;height:4px;background:var(--pink);border-radius:50%}
.monitor-column{grid-column:2;grid-row:1 / span 2;align-self:stretch;min-width:0;padding:0 16px 0 5px}
#home .monitor-scene{position:sticky;top:clamp(100px,15vh,170px);padding:26px 0 24px;width:100%;max-width:650px;margin:0 auto;perspective:1500px}
#home .monitor-scene::before{inset:auto 6% 53px;height:65px;background:radial-gradient(ellipse,rgba(129,49,100,.13),transparent 70%);filter:blur(9px)}
.monitor-angle{transform:rotateY(-7deg) rotateX(3deg) rotateZ(1deg);transform-origin:center 65%;transform-style:flat}
#home .monitor-body{background:linear-gradient(145deg,var(--monitor-frame),var(--surface-2));padding:15px 12px 0;border:1px solid var(--monitor-edge);border-radius:22px;box-shadow:0 28px 50px -32px rgba(40,17,33,.45),inset 0 1px 1px rgba(255,255,255,.6)}
#home .monitor-screen{border:7px solid #252028;border-radius:12px;min-height:0;background:var(--screen);box-shadow:0 0 0 1px rgba(24,17,24,.3)}
#home .monitor-camera{background:#4b3a48;width:4px;height:4px;margin:-8px auto 8px}
#home .monitor-chin{font-size:10px;font-weight:650;letter-spacing:.14em;color:var(--screen-muted);padding:11px 0}
#home .monitor-neck{height:43px;width:83px}#home .monitor-foot{width:175px;height:10px;box-shadow:0 15px 24px -8px rgba(59,25,45,.25)}
#home .monitor-caption{font-size:10px;line-height:1.6;margin:20px 0 0;text-align:center;color:var(--muted)}
.preview-state-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#home .preview-top{padding:16px 17px;gap:8px}#home .preview-top b{font-size:17px;display:flex;align-items:center;gap:7px;letter-spacing:-.035em}#home .preview-top b svg{color:var(--pink)}#home .preview-top>span{font-size:10px;letter-spacing:.04em;white-space:nowrap}
#home .preview-layout{display:grid;grid-template-columns:112px minmax(0,1fr)}
#home .preview-nav{display:flex;flex-direction:column;gap:8px;padding:22px 8px;background:var(--surface-2);border-right:1px solid var(--line);min-width:0}
.preview-nav button{border:0;text-align:left;background:transparent;color:var(--screen-muted);font:inherit;font-size:12px;line-height:1.3;padding:10px 7px;border-radius:8px;min-height:40px;cursor:pointer;overflow-wrap:anywhere}
.preview-nav button[aria-pressed=true]{background:var(--soft);color:var(--pink-ink);font-weight:750}.preview-nav button:hover{color:var(--screen-ink)}
.preview-panels{display:grid;min-width:0;min-height:490px;align-items:stretch;position:relative}
.preview-panel{grid-area:1/1;min-width:0;padding:23px 20px 20px;align-self:stretch;background:var(--screen);color:var(--screen-ink)}
.preview-panel[hidden]{display:none!important}.preview-panel[aria-hidden=true]{pointer-events:none}
.preview-heading .eyebrow{font-size:9px;letter-spacing:.11em;color:var(--screen-muted);line-height:1.5}
#home .preview-heading h3{font-size:22px!important;font-weight:650;letter-spacing:-.045em;margin:7px 0 22px!important;line-height:1.25}
.preview-panel small,.preview-panel p,.preview-panel span{overflow-wrap:anywhere}
.preview-focus{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.preview-focus div{display:grid;gap:6px}.preview-focus small,.preview-focus span{font-size:11px;color:var(--screen-muted);line-height:1.5}.preview-focus strong{font-size:17px;font-weight:650;letter-spacing:-.025em}.preview-focus>svg{color:var(--pink);width:28px;height:28px;flex-shrink:0}
.preview-goal{margin:22px 0}.preview-goal>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px}.preview-goal strong{font-size:14px;font-weight:600}.preview-goal small{font-size:11px;color:var(--screen-muted);font-weight:400}#home .preview-track{height:5px;margin-top:12px}
.preview-pair{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;padding:18px 0;border-top:1px solid var(--line)}.preview-pair>div{display:grid;align-content:start;gap:6px}.preview-pair small,.preview-pair span{font-size:11px;color:var(--screen-muted);line-height:1.5}.preview-pair strong{font-size:15px;font-weight:650;letter-spacing:-.025em}
.preview-recent{display:flex;flex-wrap:wrap;gap:6px 16px;border-top:1px solid var(--line);padding-top:14px;line-height:1.6;font-size:11px}.preview-recent>span,.preview-recent small{color:var(--screen-muted)}.preview-recent small{flex-basis:100%;font-size:11px}.preview-recent b{font-weight:550}
.preview-timer-panel{text-align:center}.preview-timer-panel .preview-heading{text-align:left}.preview-task{font-size:12px;margin:0 0 10px}.preview-task span{color:var(--screen-muted)}
.preview-dial{position:relative;isolation:isolate;width:min(214px,100%);aspect-ratio:1;margin:8px auto 11px;--scroll-angle:0deg}
.preview-dial::before{content:'';position:absolute;inset:8%;background:radial-gradient(circle,rgba(187,44,142,.08),transparent 70%);z-index:-1}
.preview-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:3}.preview-ring-track{stroke:var(--line)}.preview-ring-progress{stroke:var(--pink);stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round}
.preview-ticks,.tick-position,.ticker-scroll,.ticker{position:absolute;inset:0;pointer-events:none}.tick-position{transform:rotate(var(--tick-angle))}.tick{position:absolute;left:calc(50% - 1px);top:4%;width:2px;height:7px;border-radius:3px;background:var(--line)}.tick.is-active{background:var(--pink)}
.ticker-scroll{transform:rotate(var(--scroll-angle))}.ticker::before{content:'';position:absolute;top:8%;left:calc(50% - 1px);width:2px;height:10%;background:var(--pink);border-radius:3px}
.preview-time{position:absolute;inset:33% 0 28%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.preview-time strong{font-size:42px;font-weight:500;letter-spacing:-.065em;font-variant-numeric:tabular-nums}.preview-time span{font-size:11px;color:var(--screen-muted)}.preview-timer-note{font-size:11px;color:var(--screen-muted);line-height:1.6}
.preview-assignment{padding:18px 16px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}.preview-subject{font-size:9px;letter-spacing:.1em;color:var(--pink)}.preview-assignment>strong{display:block;font-size:18px;font-weight:650;margin-top:9px}.preview-assignment p{font-size:12px;line-height:1.6;color:var(--screen-muted);margin:10px 0 17px}.preview-assignment>div{display:flex;gap:10px;justify-content:space-between;font-size:10px;line-height:1.6}.preview-assignment b{font-weight:550}
.preview-agenda{font-size:11px;margin-top:20px}.preview-agenda>span{color:var(--screen-muted)}.preview-agenda>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);line-height:1.5}.preview-agenda b{font-weight:550}.preview-agenda>div>span{color:var(--screen-muted)}.preview-plan-goal{display:flex;justify-content:space-between;font-size:11px;margin-top:17px}.preview-plan-goal b{font-weight:550}
.preview-progress-total{display:grid;gap:6px}.preview-progress-total>strong{font-size:30px;font-weight:550;letter-spacing:-.05em}.preview-progress-total>span{font-size:11px;color:var(--screen-muted)}.preview-week-chart{height:136px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:20px 0}.preview-week-chart>div{display:flex;flex-direction:column;gap:7px;min-height:0;text-align:center}.preview-week-track{flex:1;display:flex;align-items:end;border-bottom:1px solid var(--line)}.preview-week-track>i{display:block;width:100%;background:var(--pink);border-radius:4px 4px 0 0;min-height:0}.preview-week-chart small{font-size:10px;color:var(--screen-muted)}.preview-progress-note{margin:0;font-size:11px;color:var(--screen-muted)}
#home .product-chapters{grid-column:1;grid-row:2;min-width:0;scroll-margin-top:100px}
#home .product-chapters .flow-steps{display:block;margin:0;padding:0;list-style:none}
#home .story-chapter{min-height:65svh;padding:58px 0;display:flex;align-items:center;border-top:1px solid var(--line);scroll-margin-top:110px}
#home .story-chapter>.flow-number{margin:0}#home .story-chapter .flow-number{font-size:10px;display:block;letter-spacing:.12em;color:var(--pink);margin-bottom:24px}
#home .story-chapter h2{font-size:clamp(32px,3.2vw,47px);line-height:1.14;letter-spacing:-.05em;margin:0 0 23px}
#home .story-chapter p{font-size:16px;line-height:1.8;max-width:340px;color:var(--muted);margin:0 0 22px}
.story-detail{font-size:11px;line-height:1.7;color:var(--muted)}
#home .together-section{margin-top:40px}
@media(min-width:1101px) and (max-height:760px){#home .monitor-scene{top:94px;padding-top:12px}.preview-panel{padding:18px 18px 14px}.preview-panels{min-height:445px}#home .preview-heading h3{margin-bottom:16px!important}.preview-dial{width:180px}.preview-goal{margin:17px 0}.preview-pair{padding:14px 0}#home .monitor-caption{margin-top:12px}#home .monitor-neck{height:32px}}
@media(max-width:1100px){#home .product-story{display:flex;flex-direction:column;gap:0}#home .story-intro{min-height:0;padding:66px 0 36px;width:100%}#home .story-intro h1{font-size:clamp(52px,8.2vw,76px)}#home .story-intro .lead{max-width:440px}.monitor-column{width:100%;padding:0 18px;align-self:center}#home .monitor-scene{position:relative;top:auto;width:min(620px,100%);padding:24px 0 24px}.monitor-angle{transform:rotateY(-5deg) rotateX(2deg)}#home .product-chapters{width:100%;margin-top:40px}#home .story-chapter{min-height:0;padding:70px 0}#home .story-chapter p{max-width:470px}#home .story-chapter h2{font-size:38px}}
@media(max-width:560px){#home .story-intro{padding-top:48px}#home .story-intro h1{font-size:clamp(42px,11.7vw,58px);margin:18px 0 22px}#home .story-intro .lead{font-size:15px}#home .hero-cta{gap:12px;margin-top:24px}#home .hero-cta .btn{padding:14px 16px;font-size:13px}#home .hero-cta .landing-text-link{font-size:12px}.hero-benefits{font-size:10px;gap:7px 13px}.monitor-column{padding:0 5px}#home .monitor-scene{padding-top:20px}.monitor-angle{transform:none}#home .monitor-body{padding:13px 7px 0;border-radius:17px}#home .monitor-screen{border-width:5px;border-radius:8px}#home .preview-top{padding:12px 11px}#home .preview-top b{font-size:16px}#home .preview-top>span{font-size:9px}#home .preview-layout{grid-template-columns:minmax(0,1fr)}#home .preview-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px 4px;gap:1px;border-right:0;border-bottom:1px solid var(--line)}.preview-nav button{font-size:10px;padding:8px 3px;min-height:40px;text-align:center}.preview-panel{padding:19px 16px 20px}.preview-panels{min-height:475px}#home .preview-heading h3{font-size:21px!important;margin-bottom:19px!important}.preview-focus small,.preview-focus span,.preview-recent,.preview-recent small,.preview-pair small,.preview-pair span,.preview-goal>div:first-child,.preview-agenda,.preview-plan-goal,.preview-timer-note,.preview-time span{font-size:11px}.preview-focus{padding:15px 13px}.preview-dial{width:205px}#home .monitor-caption{font-size:9px;line-height:1.8;margin-top:18px}#home .story-chapter{padding:56px 0}#home .story-chapter h2{font-size:32px}#home .story-chapter p{font-size:15px}.preview-week-chart{gap:8px}}
@media(prefers-reduced-motion:reduce){.monitor-angle{transform:none}.preview-panel,.preview-dial{transform:none!important}.preview-panel{opacity:1!important}}

/* Rotated tick wrappers must not enlarge the screen scroll area. */
.preview-ticks{overflow:clip}

@media(min-width:1101px){#home .story-chapter:last-child{min-height:68svh;align-items:center;padding-top:58px}}

@media(hover:none),(pointer:coarse){#home .monitor-scene{position:relative;top:auto}.monitor-angle{transform:none}}

/* The illustrative product uses the same warm accents as the real workspace. */
#home .preview-focus { background: var(--warm-panel); border-left: 3px solid var(--focusly-peach); }
#home .preview-track>i { background: linear-gradient(90deg, var(--focusly-coral), var(--focusly-peach)); }
#home .preview-assignment { border-top: 3px solid var(--focusly-coral); }
#home .preview-subject { color: var(--coral-ink); }
#home .preview-pair>div:first-child strong { color: var(--peach-ink); }
#home .monitor-neck { background: linear-gradient(90deg, var(--monitor-edge), var(--monitor-frame), var(--monitor-edge)); }