@font-face{font-family:Fraunces;src:url('app/Fraunces-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:Satoshi;src:url('app/Satoshi-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--cream:#FAF8F2;--paper:#F4EFE6;--ink:#181612;--soft:#6B665B;--green:#2D4A3E;--gold:#C8A165;--rule:rgba(24,22,18,.13);--sans:Satoshi,'Helvetica Neue',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:400;font-variation-settings:'opsz' 144,'SOFT' 50,'WONK' 1;letter-spacing:-.025em}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}a{color:inherit}.site-header,.hero{background:var(--green);color:var(--cream)}.header-inner{max-width:1200px;margin:auto;padding:24px 44px;display:flex;align-items:center;justify-content:space-between}.brand{line-height:0}.brand img{width:112px;height:auto}.preview-label{font-size:11px;color:#e0dfd2;display:flex;align-items:center;gap:9px}.preview-label i{width:4px;height:4px;border-radius:50%;background:var(--gold)}.hero-inner{max-width:1200px;margin:auto;padding:36px 44px 54px;display:grid;grid-template-columns:1.1fr 1fr;gap:74px;align-items:center}.eyebrow{font-size:10px;letter-spacing:.18em;line-height:1.8;color:var(--soft)}.hero-copy>.eyebrow{color:#d6cfb5;margin-bottom:21px}h1{font-size:clamp(42px,4.65vw,61px);line-height:1.12;max-width:550px;margin-bottom:23px}h1 em{font-weight:400;font-style:normal}.hero-description{max-width:385px;font-size:17px;line-height:1.8;color:#e1e4d8}.watch-note{display:flex;align-items:center;gap:11px;border:0;background:none;color:var(--cream);padding:0;margin-top:27px;font-size:13px}.watch-note>span:last-child{color:var(--gold);margin-left:8px}.play-circle{width:27px;height:27px;border:1px solid #f4efe650;border-radius:50%;display:grid;place-items:center;font-size:17px;line-height:1}.watch-note:hover .play-circle{border-color:var(--gold)}.ai-note{font-size:11px;color:#bdc7b7;margin-top:23px}.story{--progress:0;min-width:0;width:100%;max-width:460px;justify-self:end}.story-topline{display:flex;justify-content:space-between;align-items:center;color:#ccd2c2;font-size:8px;letter-spacing:.13em;margin-bottom:10px}.duration{font-size:9px;letter-spacing:0;font-variant-numeric:tabular-nums}.scene-heading{display:flex;gap:10px;align-items:baseline;margin-bottom:12px;min-height:24px}.chapter-number{font-size:8px;color:#c8a165}.scene-heading h2{font-family:var(--sans);font-size:13px;line-height:1.5;color:var(--cream);letter-spacing:0}.scene-heading>p{display:none}.scene-layout{position:relative;background:#17251d;border:1px solid #8b9b7940;border-radius:8px;overflow:hidden}.app-window{height:245px;color:#e3e8de;position:relative}.app-header{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid #93a58720}.app-header img{width:64px;height:auto}.memory-indicator{display:flex;align-items:center;gap:5px;font-size:9px;color:#b7c4ab}.memory-indicator i{width:4px;height:4px;background:#b7c4ab;border-radius:50%}.chat-content{padding:9px 19px 0;position:relative;height:202px}.day-divider{text-align:center;color:#93a18a;font-size:8px;letter-spacing:.16em;line-height:1.7;margin-bottom:9px}.chat-scene{position:absolute;top:31px;left:19px;right:19px;transition:opacity .4s,transform .45s}.bubble{max-width:93%;padding:10px 13px;border-radius:11px;font-size:14px;line-height:1.55;margin-bottom:10px}.bubble.user{margin-left:auto;background:#a8c4a7;color:#183426;border-bottom-right-radius:3px}.bubble.assistant{margin-right:auto;background:#24362a;border:1px solid #9ab08d18;color:#e1e5d8;border-bottom-left-radius:3px}.bubble mark{background:none;color:inherit}.reveal{opacity:0;transform:translateY(7px);transition:opacity .5s,transform .5s}.story[data-scene="0"] .scene-friday{opacity:0;pointer-events:none;transform:translateY(7px)}.story:not([data-scene="0"]) .scene-monday{opacity:0;pointer-events:none;transform:translateY(-7px)}.story[data-scene="0"][data-phase="1"] .r1,.story[data-scene="0"][data-phase="2"] .reveal,.story[data-scene="0"][data-phase="3"] .reveal,.story[data-scene="0"][data-phase="4"] .reveal,.story[data-scene="1"][data-phase="1"] .f1,.story[data-scene="1"][data-phase="2"] .reveal,.story[data-scene="1"][data-phase="3"] .reveal,.story[data-scene="2"] .scene-friday .reveal{opacity:1;transform:translateY(0)}.story[data-scene="2"] .remembered-name,.story[data-scene="2"] .remembered-day{color:#ead3a2;box-shadow:0 1px var(--gold);transition:color .6s}.typing-indicator{display:flex;gap:4px;position:absolute;top:57px;left:8px;opacity:0}.typing-indicator i{width:4px;height:4px;border-radius:50%;background:#99ab8e;animation:pulse 1s infinite}.typing-indicator i:nth-child(2){animation-delay:.15s}.typing-indicator i:nth-child(3){animation-delay:.3s}.story[data-scene="1"][data-phase="1"] .typing-indicator{opacity:1}.context-note{min-height:52px;border-top:1px solid #e7cf9b20;padding:8px 19px;background:#283b2e;opacity:0;transition:opacity .6s;display:flex;align-items:center;gap:13px}.context-note>.eyebrow{color:#c5b88f;font-size:7px;max-width:84px;letter-spacing:.1em;flex-shrink:0}.context-note>p{font-size:11px;color:#ece1bf}.story[data-scene="2"] .context-note{opacity:1}.scene-takeaway{margin:10px 0 13px;text-align:left;min-height:19px;color:#e2e3d6;font-size:12px}.playback{display:flex;align-items:flex-start;gap:11px}.icon-button{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border:1px solid #f4efe640;background:transparent;color:#e4e5d6;border-radius:50%;padding:0}.icon-button:hover{border-color:var(--gold)}.play-svg{display:none}.story.paused .pause-svg{display:none}.story.paused .play-svg{display:block}.replay-button{font-size:20px;line-height:1}.chapters{display:flex;gap:12px;min-width:0;flex:1}.chapter{border:0;background:none;color:#cad0bf;text-align:left;padding:0;flex:1;font-size:9px;min-width:0;white-space:nowrap}.chapter-track{display:block;height:2px;background:#eef0d92a;margin:4px 0 8px;overflow:hidden}.chapter-track i{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}.chapter.active .chapter-track i{transform:scaleX(var(--progress))}.chapter.done .chapter-track i{transform:scaleX(1);background:#d1c6a7}.chapter.active{color:var(--cream)}.sample-caption{font-size:8px;color:#bac5af;margin-top:11px}.content-section{max-width:1112px;margin:auto;padding:60px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.content-section .eyebrow{margin-bottom:18px}.content-section h2{font-size:39px;line-height:1.18;margin-bottom:21px}.content-section .meaning-copy>p:not(.eyebrow),.control-copy>p:not(.eyebrow){color:var(--soft);font-size:16px;line-height:1.85;max-width:420px}.meaning-copy>p+p{margin-top:12px}.example-thread{border-left:1px solid #c8a16570;padding-left:32px}.excerpt{margin-bottom:19px}.excerpt>span{display:block;font-size:8px;letter-spacing:.13em;color:var(--soft);margin-bottom:5px}.excerpt>p{font:23px/1.4 Fraunces,Georgia,serif}.example-explanation{font-size:14px;line-height:1.7;max-width:345px;color:var(--green)}.composition-caption{font-size:9px;color:#837c70;margin-top:12px}.control-section{border-top:1px solid var(--rule);padding-top:52px;padding-bottom:52px}.control-section h2{font-size:34px}.correction-example{padding-left:32px;border-left:1px solid #c8a16570}.correction-example>.eyebrow{font-size:8px;margin-bottom:15px}.old-memory{font-size:15px;color:#8e877b;text-decoration:line-through;text-decoration-color:#b9b0a0}.correction-words{font-size:14px;color:var(--soft);margin:12px 0;max-width:330px}.corrected-memory{font:24px/1.4 Fraunces,Georgia,serif;color:var(--green)}.closing{text-align:center;padding:46px 24px 50px;background:var(--cream);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.bindu{width:35px;height:35px;border:1px solid #c8a16550;border-radius:50%;display:grid;place-items:center;margin:0 auto 21px}.bindu i{width:5px;height:5px;border-radius:50%;background:var(--gold)}.closing h2{font-size:36px;line-height:1.2;margin-bottom:23px}.get-loopn{display:inline-flex;align-items:center;gap:32px;text-decoration:none;background:var(--green);color:var(--cream);padding:12px 25px;font-size:14px;border-radius:3px}.get-loopn:hover{background:#3b5b49}.availability{color:var(--soft);font-size:11px;margin-top:10px}.closing-ai{color:#8d8576;font-size:10px;margin-top:13px}footer{max-width:1200px;padding:25px 44px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}footer img{width:83px;height:auto}footer p{font:20px Fraunces,Georgia,serif}footer>span{font-size:10px;color:var(--soft)}@keyframes pulse{0%,80%,100%{opacity:.25}40%{opacity:1}}
@media(max-width:1200px){.content-section{margin:0 44px;gap:70px}.hero-inner{gap:45px}.bubble{font-size:13px}.app-window{height:245px}}
@media(max-width:850px){.header-inner{padding:22px 26px}.hero-inner{padding:25px 26px 39px;gap:33px;grid-template-columns:1fr 1fr}h1{font-size:43px}.hero-description{font-size:15px}.hero-copy>.eyebrow{font-size:8px}.scene-heading h2{font-size:11px}.story-topline{font-size:6px}.bubble{font-size:12px;padding:9px 11px;line-height:1.5}.app-header{padding:0 13px}.chat-scene{left:13px;right:13px}.app-window{height:250px}.context-note{padding:8px 13px;gap:8px}.context-note>p{font-size:10px}.scene-takeaway{font-size:10px}.chapter{font-size:8px}.chapters{gap:8px}.playback{gap:8px}.content-section{margin:0 26px;gap:40px;padding:45px 0}.content-section h2{font-size:32px}.content-section .meaning-copy>p:not(.eyebrow),.control-copy>p:not(.eyebrow){font-size:14px}.excerpt>p{font-size:21px}.control-section h2{font-size:29px}footer{padding:24px 26px}footer>span{display:none}footer p{font-size:18px}}
@media(max-width:620px){.brand img{width:91px}.header-inner{padding:18px 22px}.preview-label{font-size:9px}.hero-inner{display:block;padding:27px 22px 34px}h1{font-size:46px;max-width:470px;margin-bottom:20px}.hero-copy>.eyebrow{font-size:8px;margin-bottom:15px}.hero-description{font-size:15px;line-height:1.8;max-width:430px}.ai-note{margin-top:15px;font-size:10px}.watch-note{margin-top:20px;font-size:12px}.story{max-width:460px;margin:31px auto 0}.story-topline{font-size:7px}.scene-heading h2{font-size:12px}.scene-heading{margin-bottom:10px}.app-window{height:222px}.bubble{font-size:14px;line-height:1.55}.chat-scene{left:16px;right:16px;top:29px}.app-header{padding:0 16px}.context-note{padding:8px 16px;min-height:48px}.context-note>.eyebrow{font-size:6px;max-width:75px}.context-note>p{font-size:10px}.scene-takeaway{font-size:11px;margin:10px 0 12px}.chapter{font-size:9px}.sample-caption{font-size:8px}.content-section{display:block;margin:0 22px;padding:36px 0}.content-section .eyebrow{font-size:8px;margin-bottom:14px}.content-section h2{font-size:35px;margin-bottom:18px}.content-section .meaning-copy>p:not(.eyebrow),.control-copy>p:not(.eyebrow){font-size:15px}.meaning-copy>p:last-child{margin-top:10px}.example-thread{margin-top:28px;padding-left:20px}.excerpt{margin-bottom:16px}.excerpt>p{font-size:22px}.example-explanation{font-size:14px}.control-section h2{font-size:31px}.correction-example{padding-left:20px;margin-top:25px}.correction-example>.eyebrow{font-size:7px}.composition-caption{font-size:8px}.closing{padding:37px 22px}.closing h2{font-size:32px}.availability{font-size:10px}.closing-ai{font-size:9px}footer{display:block;text-align:center;padding:22px}footer img{width:72px;margin-bottom:10px}footer p{font-size:19px}}
@media(max-width:360px){h1{font-size:40px}.preview-label{font-size:8px}.bubble{font-size:13px}.scene-heading h2{font-size:11px}.context-note>p{font-size:9px}.chapter{font-size:8px}.closing h2{font-size:28px}.content-section h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{transform:none}.typing-indicator{display:none}}

@media(max-width:620px){.app-window{height:260px}.chat-content{height:217px}}