:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#292722;background:#faf7f2;--accent:#b6533c;--ink:#292722;--line:#e5dfd5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:white;padding:15px}.skip:focus{top:12px}.land-nav{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);position:relative;z-index:5;background:#faf7f2}.wordmark{display:flex;align-items:center;gap:11px;font-size:29px;font-weight:750;letter-spacing:-1.2px}.land-nav nav{display:flex;gap:32px;font-size:13px}.small-cta{border:1px solid #c4bbb0;border-radius:30px;padding:12px 22px;font-weight:600;font-size:13px;display:flex;gap:25px;align-items:center}.opening{position:relative;min-height:730px;overflow:hidden;padding:106px 5vw 90px;isolation:isolate}.opening-copy{position:relative;z-index:2;max-width:810px;pointer-events:none}.opening-copy a{pointer-events:auto}.overline{font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.6;margin:0 0 26px}.overline>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b6533c;margin-right:7px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(50px,5.6vw,88px);line-height:1.04;letter-spacing:-4px;font-weight:650;margin-bottom:28px}em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--accent)}.lead{font-size:16px;line-height:1.75;max-width:500px;color:#6d675f}.hero-actions{display:flex;align-items:center;gap:26px;margin:33px 0 22px}.cta{background:var(--accent);color:white;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 24px;border-radius:35px;font-size:14px;font-weight:600;transition:transform .2s,background .2s;min-height:54px}.cta:hover{background:#99452f;transform:translateY(-2px)}.cta span{font-size:22px;font-weight:400}.text-link{font-size:13px;text-underline-offset:5px}.text-link:hover{text-decoration:underline}.hero-note{display:flex;gap:22px;font-size:11px;color:#777066}.hero-note span:before{content:'✓';margin-right:7px;color:#7f8c63}.people-scene{position:absolute;width:580px;height:760px;right:-60px;top:-20px;z-index:-1;mask-image:linear-gradient(90deg,transparent 0%,black 28%,black 96%)}.people-flow{display:flex;gap:12px;transform:rotate(-13deg);padding:0 20px}.face-column{display:flex;flex-direction:column;gap:12px;width:105px;flex:none;animation:portrait-flow 80s linear infinite}.face-column:nth-child(even){animation-direction:reverse;animation-duration:94s}.face-column img{width:105px;height:118px;border-radius:16px;object-fit:cover;background:#e4ddd1;box-shadow:0 6px 20px #4032210b}.face-column:nth-child(2){margin-top:-60px}.face-column:nth-child(4){margin-top:-110px}.floating-say{position:absolute;padding:16px 20px;background:#fffefa;border:1px solid #eee5d8;box-shadow:0 16px 40px #42362914;font-size:14px;border-radius:18px 18px 18px 3px;animation:float-say 7s ease-in-out infinite;white-space:nowrap}.floating-say span{margin-left:15px;color:var(--accent)}.say-one{top:155px;left:105px;transform:rotate(-5deg)}.say-two{top:335px;left:45px;background:#b6533c;color:white;animation-delay:-2s;border:0}.say-three{top:515px;left:140px;animation-delay:-4s}.scene-stamp{position:absolute;bottom:95px;right:95px;font-size:16px;line-height:1.4;background:#e6edc9;border-radius:50%;width:135px;height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(10deg);box-shadow:0 8px 24px #2221}.motion-toggle{position:absolute;right:5vw;bottom:27px;background:transparent;border:0;border-bottom:1px solid #b8afa3;color:#625d56;font-size:10px;padding:8px 0;z-index:3}.opening-bottom{position:absolute;left:5vw;bottom:30px;display:flex;align-items:center;gap:40px;font-size:11px;color:#7b746a}.opening-bottom a{font-size:23px}.section{padding:110px 7vw}.section-intro{max-width:650px}h2{font-size:clamp(35px,4.4vw,62px);letter-spacing:-2.3px;line-height:1.1;font-weight:600;margin-bottom:25px}.section-intro>p:last-child,.demo-copy>p{font-size:16px;line-height:1.8;color:#777066;max-width:510px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:62px}.step{padding:27px 0 0;border-top:1px solid #cfc5b9}.step-number{display:block;font:italic 29px Georgia,serif;color:var(--accent);margin-bottom:30px}.step h3{font-size:21px;font-weight:600;letter-spacing:-.5px}.step p{font-size:14px;line-height:1.8;color:#777066}.mini-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:27px}.mini-tags span{padding:9px 12px;border-radius:20px;border:1px solid var(--line);font-size:11px;transform:rotate(-4deg)}.mini-tags span:last-child{transform:rotate(4deg)}.voice-decoration{display:flex;gap:5px;align-items:center;height:49px;margin-top:20px}.voice-decoration span{width:5px;height:22px;border-radius:8px;background:#b6533c;animation:voice-wave 1.5s ease-in-out infinite alternate}.voice-decoration span:nth-child(3n){height:38px;animation-delay:-.8s}.voice-decoration span:nth-child(even){height:14px;animation-delay:-.4s}.mini-result{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;margin-top:30px}.mini-result b{font-weight:500;color:#526a42}.demo{background:#efe9df;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.demo-copy .demo-label{font-size:11px;margin-top:25px}.demo-chat{background:#fffefa;padding:28px;border:1px solid #fff;border-radius:26px;box-shadow:0 25px 70px #473b2812;transform:rotate(2deg)}.demo-person{display:flex;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid var(--line)}.demo-person img{border-radius:16px;object-fit:cover}.demo-person b{font-size:15px;display:block}.demo-person div>span{display:block;color:#827a70;font-size:10px;margin-top:5px}.online-dot{width:7px;height:7px;background:#7e9767;border-radius:50%;margin-left:auto}.demo-bubble{padding:18px;background:#efede7;border-radius:18px 18px 18px 2px;margin:24px 30px 24px 0;font-size:16px;line-height:1.6}.choose-label{font-size:11px;color:#827a70}.demo-choices{display:grid;gap:9px}.demo-choices button{border:1px solid #d8b6a7;border-radius:12px;background:#fffefa;color:#934630;padding:15px;text-align:left;font-size:13px;line-height:1.5;min-height:48px}.demo-choices button:hover{background:#f8eee7}.demo-choices button:disabled{opacity:.6;cursor:default}.demo-feedback{margin-top:20px;background:#eef1e5;padding:17px;border-radius:12px;font-size:13px;line-height:1.7}.demo-feedback b{display:block;margin-bottom:6px}.demo-reset{margin-top:15px;font-size:12px;color:#934630;background:none;border:0;padding:8px 0}.skill-section{text-align:center}.skill-section .section-intro{margin:auto}.skill-section .section-intro>p:last-child{margin-left:auto;margin-right:auto}.skill-cloud{max-width:800px;margin:45px auto 35px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.skill-cloud span{font-size:20px;padding:16px 25px;border:1px solid #d7cec2;border-radius:50px;transform:rotate(-3deg)}.skill-cloud span:nth-child(3n){background:#e8edd7;border-color:#e8edd7;transform:rotate(3deg)}.skill-cloud span:nth-child(4n){color:var(--accent);background:#f3e4dc;border-color:#f3e4dc;transform:rotate(-6deg)}.closing{position:relative;overflow:hidden;isolation:isolate;background:#292d26;color:#fff9ee;text-align:center;min-height:560px;padding-top:125px}.closing h2{font-size:clamp(45px,5.5vw,80px)}.closing em{color:#e8ab88}.closing .overline{color:#bbbfb2;font-size:9px}.closing .cta{background:#e4edc4;color:#303626;margin-top:15px}.closing-note{font-size:12px;color:#bcc1b3;line-height:1.7;margin:25px 0 0}.closing-portraits{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.48;display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.closing-strip{display:grid;grid-template-columns:repeat(2,72px);gap:12px;transform:rotate(-15deg)}.closing-strip:last-child{transform:rotate(15deg)}.closing-strip img{width:72px;height:85px;border-radius:13px;object-fit:cover}.land-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:36px 5vw;color:#82786d;font-size:11px;line-height:1.7}.land-footer .wordmark{color:#292722;font-size:24px}.motion-paused *, .motion-paused *:before{animation-play-state:paused!important}.js-motion .reveal{transition:opacity .7s,transform .7s}.js-motion .reveal.pending{opacity:0;transform:translateY(22px)}
@keyframes portrait-flow{to{transform:translateY(-50%)}}@keyframes float-say{50%{translate:0 -15px;rotate:2deg}}@keyframes voice-wave{to{transform:scaleY(.45)}}
@media(min-width:1600px){.opening{padding-top:140px;min-height:840px}.people-scene{width:680px;right:0}.face-column,.face-column img{width:120px}.face-column img{height:135px}}
@media(max-width:1150px){.people-scene{right:-180px;opacity:.75;mask-image:linear-gradient(90deg,transparent,black 50%)}.opening-copy{max-width:680px}h1{font-size:66px}.opening{min-height:710px}.demo{gap:40px}.closing-strip{grid-template-columns:70px}.closing-strip:nth-child(2){grid-template-columns:70px}}
@media(max-width:760px){html{scroll-padding-top:30px}.land-nav{height:76px;padding:0 22px}.wordmark{font-size:25px;gap:9px}.wordmark img{width:32px;height:20px}.land-nav nav{display:none}.small-cta{font-size:11px;padding:10px 14px;gap:15px}.opening{padding:48px 22px 50px;min-height:950px}.opening-copy{max-width:none}.overline{font-size:8px;letter-spacing:1.5px;margin-bottom:24px}h1{font-size:clamp(41px,8.8vw,65px);letter-spacing:-2.1px;line-height:1.08}.lead{font-size:14px;line-height:1.7;max-width:420px}.desktop-break{display:none}.hero-actions{flex-wrap:wrap;gap:20px;margin:25px 0 21px}.cta{font-size:13px;padding:15px 21px}.text-link{font-size:12px}.hero-note{font-size:10px;gap:14px}.people-scene{top:auto;bottom:65px;height:370px;right:-30px;width:calc(100% + 60px);opacity:1;mask-image:linear-gradient(180deg,transparent,black 20%,black 85%,transparent)}.people-flow{gap:9px;padding-left:10px;justify-content:center}.face-column,.face-column img{width:75px}.face-column{gap:9px}.face-column img{height:83px;border-radius:11px}.say-one{top:70px;left:60px}.say-two{top:165px;left:auto;right:40px}.say-three{display:none}.scene-stamp{width:88px;height:88px;font-size:12px;bottom:20px;right:45px}.floating-say{font-size:12px;padding:13px 15px}.opening-bottom{bottom:24px;left:22px;font-size:9px;gap:10px}.motion-toggle{right:22px;bottom:28px;font-size:8px;max-width:125px}.section{padding:70px 24px}h2{font-size:39px;letter-spacing:-1.7px}.section-intro>p:last-child,.demo-copy>p{font-size:14px}.steps{grid-template-columns:1fr;gap:32px;margin-top:40px}.step{position:relative;padding-left:45px;padding-top:24px}.step-number{position:absolute;left:0;top:24px;font-size:23px}.step h3{font-size:19px}.step p{font-size:13px}.demo{grid-template-columns:1fr;gap:30px}.demo-chat{padding:21px;transform:rotate(1deg)}.demo-bubble{font-size:14px;margin-right:5px}.demo-person div>span{font-size:9px}.skill-cloud{gap:10px;margin-top:32px}.skill-cloud span{font-size:13px;padding:12px 16px}.closing{padding:85px 24px;min-height:530px}.closing h2{font-size:46px}.closing-portraits{opacity:.18;padding:0;align-items:center}.closing-strip,.closing-strip:nth-child(2){grid-template-columns:55px;gap:10px}.closing-strip img{width:55px;height:67px}.closing .overline{max-width:270px;margin:0 auto 25px}.closing-note{position:relative}.land-footer{padding:30px 24px;align-items:start;flex-wrap:wrap;gap:18px}.land-footer>span{order:3;width:100%;font-size:10px}}
@media(max-width:360px){.opening{min-height:1000px}.hero-actions{flex-direction:column;align-items:start}h1{font-size:40px}.opening-bottom{max-width:150px;line-height:1.5}.demo-chat{padding:16px}.section{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:not(.motion-forced) *,body:not(.motion-forced) *:before{animation:none!important;transition:none!important}.js-motion .reveal.pending{opacity:1;transform:none}}
.login-panel{max-width:560px;margin:5vh auto;padding:24px}.login-panel h1{font-size:clamp(48px,9vw,76px);line-height:1.03;margin:24px 0}.login-panel p{line-height:1.6}.login-panel form{display:grid;gap:14px;margin-top:32px}.login-panel input{width:100%;min-width:0;border:1px solid #cfc5bc;border-radius:12px;background:white;padding:16px;font:inherit}.login-panel button{min-height:52px;cursor:pointer}.login-note{font-size:14px;color:#71675f}#login-error{color:#97341f;min-height:24px}

.motion-toggle{background:#faf7f2e8;padding:9px 12px;border:1px solid #ded4c8;border-radius:20px;color:#56473c}.login-panel .cta{border:0;justify-content:center}
/* Clipping must not create an internal scroll container when the pause control receives focus. */
.opening,.people-scene{overflow:clip}

/* One shallow, full-width conversation; a shared 7.5-second timeline. */
.conversation-strip{border-block:1px solid var(--line);background:#faf7f2;padding:38px 5vw 44px;display:grid;grid-template-columns:1fr 1.13fr 1.35fr;gap:5vw;position:relative;min-height:210px;align-items:center}
.conversation-step{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;--beat:0s}
.conversation-step:nth-child(2){--beat:2.5s}.conversation-step:nth-child(3){--beat:5s}
.step-words{min-width:0}.step-words h2{position:relative;width:max-content;font-size:clamp(22px,2.35vw,38px);font-weight:600;letter-spacing:-1.2px;line-height:1.2;margin:0 0 20px;animation:strip-ink 7.5s var(--beat) infinite}
.step-words h2:before{content:"";position:absolute;inset:auto 0 -9px;height:3px;background:var(--accent);border-radius:50%;transform:scaleX(0);transform-origin:left;animation:strip-underline 7.5s var(--beat) infinite}
.step-words p{margin:0;color:#71675d;font-size:clamp(11px,1vw,14px);line-height:1.5;animation:strip-reply 7.5s var(--beat) infinite}
.step-faces{flex:none;position:relative;width:78px;height:104px;animation:strip-portrait 7.5s var(--beat) infinite both;transform-origin:50% 80%}
.step-faces img{width:78px;height:104px;object-fit:cover;border-radius:15px;transform:rotate(7deg);box-shadow:0 8px 22px #6244310b}.conversation-step:nth-child(2) .step-faces img{transform:rotate(-7deg)}
.faces-pair{width:90px;height:100px}.faces-pair img{position:absolute;width:60px;height:80px;top:0;left:0;transform:rotate(-9deg)}.faces-pair img+img{left:35px;top:19px;transform:rotate(10deg);border:3px solid #faf7f2}
.conversation-thread{position:absolute;right:calc(-5vw + 4px);top:calc(50% - 16px);width:calc(5vw - 8px);height:32px;overflow:visible}.conversation-thread path{fill:none;stroke:#dac1b0;stroke-width:1.2;stroke-dasharray:100;stroke-dashoffset:100;animation:strip-thread 7.5s var(--beat) infinite}.conversation-thread circle{fill:var(--accent);animation:strip-dot 7.5s var(--beat) infinite}
.strip-pause{position:absolute;right:18px;bottom:9px;min-width:44px;min-height:32px;padding:5px 12px;border:0;background:transparent;color:#81766b;font-size:15px;border-radius:20px}.strip-pause:hover{background:#efe7dd}
.conversation-strip:not(.strip-visible) *,.conversation-strip:not(.strip-visible) *:before,.conversation-strip.strip-paused *,.conversation-strip.strip-paused *:before{animation-play-state:paused!important}
@keyframes strip-portrait{0%{opacity:.35;translate:0 12px;scale:.88;rotate:-5deg}6%,26%{opacity:1;translate:0 -4px;scale:1.04;rotate:0deg}33%,92%{opacity:1;translate:0 0;scale:1;rotate:0deg}100%{opacity:.35;translate:0 12px;scale:.88;rotate:-5deg}}
@keyframes strip-ink{0%,33.33%,100%{color:#292722}5%,28%{color:#b6533c}}
@keyframes strip-underline{0%,33.33%,100%{transform:scaleX(0);opacity:0}6%,28%{transform:scaleX(1);opacity:1}}
@keyframes strip-reply{0%{translate:0 6px}9%,92%{translate:0 0}100%{translate:0 6px}}
@keyframes strip-thread{0%,16%{stroke-dashoffset:100;opacity:0}28%,90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes strip-dot{0%,17%{opacity:0;translate:-22px -4px}25%{opacity:1}32%{opacity:0;translate:22px 4px}33%,100%{opacity:0;translate:22px 4px}}
@media(min-width:1700px){.conversation-strip{min-height:235px}.step-faces,.step-faces img{width:96px;height:118px}.faces-pair{width:110px;height:110px}.faces-pair img{width:74px;height:92px}.faces-pair img+img{left:43px}}
@media(max-width:1050px) and (min-width:761px){.conversation-strip{gap:3vw;padding-inline:4vw}.conversation-thread{right:calc(-3vw + 3px);width:calc(3vw - 6px)}.step-faces,.step-faces img{width:54px;height:75px}.faces-pair{width:65px;height:77px}.faces-pair img{width:43px;height:59px}.faces-pair img+img{left:24px;top:16px}.conversation-step{gap:9px}.step-words h2{font-size:clamp(18px,2.3vw,25px);letter-spacing:-.8px}}
@media(max-width:760px){.conversation-strip{grid-template-columns:1fr;padding:28px 24px 36px;gap:30px}.conversation-step{min-height:98px;gap:18px;padding-right:8px}.step-words h2{font-size:clamp(24px,6.6vw,33px);letter-spacing:-1px;margin-bottom:16px}.step-words p{font-size:12px}.step-faces,.step-faces img{width:67px;height:87px}.faces-pair{width:78px;height:88px}.faces-pair img{width:52px;height:68px}.faces-pair img+img{left:28px;top:16px}.conversation-thread{width:38px;height:24px;right:38px;top:auto;bottom:-28px;transform:rotate(80deg)}.strip-pause{right:20px;bottom:0}}
@media(prefers-reduced-motion:reduce){body:not(.motion-forced) .conversation-strip *,body:not(.motion-forced) .conversation-strip *:before{animation:none!important}.step-faces{opacity:1;transform:none}.conversation-thread path{stroke-dashoffset:0;opacity:1}.conversation-thread circle{opacity:0}}

/* iPhone: let content determine hero height, instead of a fixed empty 950px canvas. */
@media(max-width:760px){.opening{display:flex;flex-direction:column;min-height:0;padding:34px 22px 24px}.opening-copy{order:1}.opening .people-scene{position:relative;order:2;top:auto;bottom:auto;right:auto;z-index:0;width:calc(100% + 44px);height:305px;flex:none;margin:24px -22px 0;mask-image:linear-gradient(180deg,transparent,black 13%,black 83%,transparent)}.opening-bottom{position:static;order:3;margin-top:14px;max-width:none;font-size:10px;justify-content:space-between;gap:12px}.motion-toggle{position:static;order:4;align-self:flex-end;max-width:none;font-size:10px;margin-top:8px;min-height:36px}.opening .say-one{top:50px;left:32px}.opening .say-two{top:145px;right:16px}.opening .scene-stamp{bottom:9px;right:35px;width:80px;height:80px;font-size:11px}.hero-actions{gap:17px;margin:24px 0 18px}.hero-note{flex-wrap:wrap;row-gap:8px}.conversation-strip{gap:18px;padding-top:23px;padding-bottom:30px}.conversation-step{min-height:90px}.conversation-thread{bottom:-22px;height:20px}}