@font-face{font-family:Cleo;src:url('assets/cleo-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#2b2321;--paper:#fbfaf8;--peach:#e5b292;--blue:#c9dce0;--radius:38px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Cleo,Arial,sans-serif;font-weight:400;overflow-x:hidden}a{color:inherit;text-decoration:none}.loader{position:fixed;inset:0;background:#1b2b3a;z-index:999;display:grid;place-items:center;transition:opacity 1s ease,visibility 1s}.loader.hide{opacity:0;visibility:hidden}.loader span{width:126px;height:62px;border:3px solid #ffffff45;border-radius:34px 34px 34px 0;position:relative}.loader span:after{content:'';position:absolute;inset:-3px;border:3px solid transparent;border-top-color:#fff;border-left-color:#fff;border-radius:inherit;animation:load 1.3s ease-in-out infinite}@keyframes load{to{transform:rotate(360deg)}}
.nav{position:fixed;z-index:50;left:32px;right:32px;top:32px;display:flex;align-items:center;justify-content:space-between;color:white;mix-blend-mode:difference;pointer-events:none}.nav>*{pointer-events:auto}.logo{font-size:40px;font-weight:650;letter-spacing:-2px;line-height:1;background:#ffffff17;border:1px solid #ffffff66;border-radius:22px 22px 22px 0;padding:2px 11px 5px}.nav-pill,.glass-btn{border:1px solid #ffffff55;background:#1d161533;backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff22;border-radius:36px}.nav-pill{padding:18px 44px;display:flex;gap:72px}.nav-pill a{font-size:16px}.glass-btn{padding:18px 46px;font-size:15px}.hero-scroll{height:1800px}.hero-sticky{height:100vh;position:sticky;top:0;overflow:hidden;background:#c4d9dd}.scene{position:absolute;inset:-4%;background-position:center;background-size:cover;will-change:transform,filter,opacity}.scene-sky{background-image:url('assets/sky.avif');filter:brightness(.35) blur(9px);transform:scale(1.1)}.scene-land{background-image:url('assets/landscape.avif');filter:brightness(.32) blur(9px);transform:scale(1.09)}.scene-foreground{background-image:url('assets/foreground.avif');background-position:center bottom;filter:brightness(.35) blur(8px);transform:scale(1.08)}.scene-shade{position:absolute;inset:0;background:#14253899;transition:.2s}.hero-phone{position:absolute;left:50%;top:48%;height:112vh;max-width:none;transform:translate(-50%,-26%) scale(1.35);opacity:0;will-change:transform,opacity}.hero-copy{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:white;z-index:5;transition:.25s}.hero-copy h1{font-size:clamp(44px,5.2vw,76px);font-weight:350;letter-spacing:-3px;margin:0}.hero-copy p{font-size:30px;margin:94px 0 0}.dot-arrow{display:inline-grid;place-items:center;width:32px;height:32px;margin-left:6px;border-radius:50%;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:5px 5px}
section{position:relative}.intro{min-height:640px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px}.intro h2,.autopilot>h2,.latest>h2,.reviews>h2{font-size:clamp(43px,5vw,72px);font-weight:350;letter-spacing:-3px;margin:0}.intro em,.immersive em,.reviews em,.latest em{font-style:normal;color:var(--peach)}.intro p{font-size:20px;line-height:1.3;color:#6b5c56}.soft-btn{display:inline-block;border:1px solid #a49791;padding:20px 48px;border-radius:34px;margin-top:28px;box-shadow:0 8px 22px #37201b17;transition:.35s}.soft-btn:hover{transform:translateY(-4px);box-shadow:0 14px 30px #37201b25}.rounded{margin:0 8px;border-radius:var(--radius);overflow:hidden}.statement{background:linear-gradient(160deg,#65787c,#b5c8ca);color:white;padding:58px 56px 70px;min-height:760px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:1.5px}.eyebrow.dark{color:#5f504c}.statement>h2{font-size:clamp(54px,7vw,106px);font-weight:350;line-height:.93;letter-spacing:-5px;margin:105px 0}.statement-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff66}.statement article{padding:32px 8% 0 0;display:grid;grid-template-columns:50px 1fr;gap:0 24px}.statement article+article{border-left:1px solid #ffffff66;padding-left:7%}.statement h3{font-size:36px;font-weight:400;line-height:1;margin:0}.statement article p{grid-column:2;max-width:430px;line-height:1.4;color:#eef4f4}.immersive{height:100vh;margin:8px;overflow:hidden;border-radius:var(--radius);color:white}.immersive img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s cubic-bezier(.2,.8,.2,1)}.immersive.visible img{transform:scale(1.06)}.immersive:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1118,#0000 55%)}.immersive-copy{position:absolute;left:5%;bottom:8%;z-index:2}.immersive h2{font-size:clamp(38px,5vw,72px);font-weight:350;line-height:1;letter-spacing:-3px}.autopilot{text-align:center;padding:100px 30px 0;min-height:930px;background:#f2eeea}.autopilot>h2{margin:28px 0}.orbit{height:520px;margin-top:20px;position:relative;overflow:hidden}.orb{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:350px;height:350px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff,#e8b997 38%,#7052a7 70%,#1d2634);box-shadow:0 30px 90px #644e9166;animation:float 5s ease-in-out infinite}.orbit:before,.orbit:after{content:'';position:absolute;left:50%;top:52%;border:1px solid #907d7755;border-radius:50%;transform:translate(-50%,-50%) rotate(-16deg)}.orbit:before{width:720px;height:290px}.orbit:after{width:900px;height:390px}.orbit-card{position:absolute;z-index:3;background:#faf9f6cc;backdrop-filter:blur(14px);padding:22px;border-radius:20px;box-shadow:0 20px 40px #34242022;text-align:left;width:190px;animation:float 4s ease-in-out infinite}.orbit-card>*{display:block}.orbit-card small{font-size:10px;letter-spacing:1px}.orbit-card strong{font-size:28px;margin:12px 0}.orbit-card span{font-size:12px;color:#76645e}.card-a{left:17%;top:20%;transform:rotate(-7deg)}.card-b{right:17%;top:48%;transform:rotate(6deg);animation-delay:-1.5s}@keyframes float{50%{translate:0 -12px}}
.smart{background:#20282e;color:white;min-height:720px;padding:64px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.smart-copy h2{font-size:clamp(64px,8vw,112px);font-weight:350;line-height:.86;letter-spacing:-6px;margin:70px 0 32px}.smart-copy p{font-size:19px;line-height:1.45;max-width:500px;color:#d8dedd}.smart img{width:100%;height:580px;object-fit:cover;border-radius:28px}.glass-btn.inline{display:inline-block;margin-top:20px;border-color:#ffffff55}.tabs{padding:90px 7%;min-height:920px}.tab-nav{display:flex;justify-content:center;gap:16px;margin-bottom:60px}.tab-nav button{font:inherit;font-size:18px;border:1px solid #aaa;background:transparent;padding:16px 34px;border-radius:30px;cursor:pointer;transition:.3s}.tab-nav button.active{background:#2b2321;color:white}.tab-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw}.tab-copy h2{font-size:clamp(64px,7vw,100px);line-height:.9;font-weight:350;letter-spacing:-5px;margin:50px 0 30px}.tab-copy p{font-size:18px;line-height:1.45;max-width:520px}.phone-mock{width:340px;height:680px;border:10px solid #302b2b;border-radius:55px;margin:auto;background:linear-gradient(#f1c6ac,#f8eee8 55%);padding:45px 22px;box-shadow:0 50px 90px #7e5f5033;transform:rotate(3deg);transition:.5s}.notch{width:100px;height:26px;border-radius:16px;background:#251f1e;margin:-30px auto 90px}.balance{text-align:center;font-size:14px}.balance strong{display:block;font-size:58px;font-weight:400;margin:12px}.progress{height:12px;border-radius:10px;background:#fff;margin:60px 12px 20px;overflow:hidden}.progress i{display:block;width:62%;height:100%;background:#6c7fb3}.chat{background:white;border-radius:16px 16px 16px 3px;padding:16px;margin-top:80px;box-shadow:0 12px 20px #66504b16}.reviews{background:#bfd2d5;padding:100px 0;min-height:850px}.reviews>h2{text-align:center}.marquee{overflow:hidden;margin-top:110px}.review-track{display:flex;gap:24px;width:max-content;animation:marquee 32s linear infinite}.review-track blockquote{width:420px;min-height:280px;background:#f6f4f0;border-radius:28px;margin:0;padding:42px;font-size:27px;line-height:1.2;box-shadow:0 18px 40px #334b5020}.review-track cite{display:block;font-size:13px;margin-top:38px;font-style:normal;text-transform:uppercase;letter-spacing:1px}@keyframes marquee{to{transform:translateX(-50%)}}.feature-list{padding:130px 7%}.feature-list>h2{font-size:clamp(58px,7vw,104px);font-weight:350;line-height:.92;letter-spacing:-5px;margin:0 0 70px}.feature-row{display:grid;grid-template-columns:70px 1fr 1fr;padding:32px 0;border-top:1px solid #9c908b;align-items:center}.feature-row h3{font-size:36px;font-weight:400;margin:0}.feature-row p{font-size:17px;line-height:1.4;max-width:450px}.latest{background:#262d31;color:white;padding:100px 5%}.latest>h2{text-align:center}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:80px}.media-grid article{height:520px;background-size:cover;background-position:center;border-radius:28px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.media-grid article:before{content:'';position:absolute;inset:0;background:linear-gradient(#0000,#000b)}.media-grid article>*{position:relative}.media-grid span{font-size:30px;margin-bottom:auto}.media-grid h3{font-size:40px;font-weight:400;margin:0}.faq{padding:130px 10%;background:#f2eeea}.faq>h2{font-size:clamp(70px,9vw,130px);font-weight:350;letter-spacing:-6px;margin:0 0 60px}.faq details{border-top:1px solid #9d918d;padding:28px 0}.faq summary{list-style:none;font-size:29px;display:flex;justify-content:space-between;cursor:pointer}.faq summary i{font-style:normal}.faq details p{font-size:18px;max-width:720px;line-height:1.5;color:#6e605b}.download{background:linear-gradient(135deg,#e7b795,#b9d1d5);padding:100px 6%;min-height:520px}.download h2{font-size:clamp(68px,9vw,130px);font-weight:350;letter-spacing:-6px;line-height:.9;margin:0 0 70px}.store{display:inline-block;background:#171717;color:white;padding:18px 26px;border-radius:10px;margin-right:10px}.qr{float:right;font-size:120px;line-height:.5}footer{background:#272326;color:white;padding:80px 5% 35px}.footer-logo{display:inline-block}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:70px 0}.footer-grid b,.footer-grid a{display:block;margin:12px 0}.footer-grid b{font-size:12px;letter-spacing:1px;color:#aaa}.reveal{opacity:0;filter:blur(12px);transform:translateY(45px);transition:opacity 1s,filter 1.1s,transform 1.1s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;filter:blur(0);transform:none}
@media(max-width:800px){.nav{left:14px;right:14px;top:14px}.nav-pill{display:none}.logo{font-size:30px}.glass-btn{padding:14px 22px}.hero-scroll{height:1450px}.hero-phone{height:90vh}.statement{padding:42px 24px}.statement>h2{margin:80px 0}.statement-grid,.smart,.tab-stage,.media-grid{grid-template-columns:1fr}.statement article+article{border-left:0;border-top:1px solid #ffffff55;padding:30px 0}.smart{padding:40px 24px}.smart img{height:420px}.orbit-card{display:none}.tab-copy{text-align:center}.feature-row{grid-template-columns:45px 1fr}.feature-row p{grid-column:2}.media-grid article{height:400px}.footer-grid{grid-template-columns:1fr}.qr{display:none}.rounded{border-radius:26px}.intro br{display:none}}
#hero-fx{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen}.water-glints{position:absolute;z-index:1;left:0;right:0;bottom:0;height:48%;opacity:.48;background:repeating-radial-gradient(ellipse at 50% 115%,transparent 0 16px,#eaffd922 17px 18px,transparent 19px 38px);filter:blur(1px);animation:glint-drift 7s linear infinite}.hero-device{position:absolute;left:50%;top:48%;width:330px;height:670px;border:8px solid #262525;border-radius:55px;background:linear-gradient(145deg,#efc5aa,#f7eee8 62%);box-shadow:0 25px 70px #0008,inset 0 0 0 2px #a9a6a4;transform:translate(-50%,-18%) scale(1.7);opacity:0;will-change:transform,opacity;overflow:hidden;color:#2d2523;padding:30px 17px 18px;z-index:2}.hero-notch{position:absolute;top:13px;left:50%;translate:-50%;width:83px;height:24px;border-radius:14px;background:#1b1b1b}.hero-status{font-size:11px;display:flex;justify-content:space-between;padding:0 8px}.hero-screen{padding:50px 6px 0}.hero-screen h3{font-size:35px;font-weight:400;margin:0 0 30px}.hero-screen .bubble{background:white;border-radius:16px 16px 3px 16px;font-size:11px;padding:10px;width:max-content;margin-left:auto}.hero-screen p{font-size:12px;line-height:1.55}.hero-screen p span{display:block}.chat-step{opacity:0;filter:blur(5px);transform:translateY(9px);will-change:opacity,transform,filter}.typing{display:flex;gap:3px;margin-top:9px;opacity:0}.typing i{width:4px;height:4px;border-radius:50%;background:#685953;animation:typing 1.1s infinite}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}.hero-input{position:absolute;left:16px;right:16px;bottom:66px;background:#ffffffbb;border:1px solid #ddd;border-radius:24px;padding:14px;font-size:11px}.hero-input b{float:right;font-size:17px}.hero-dock{position:absolute;bottom:13px;left:20px;right:20px;display:flex;justify-content:space-between;text-align:center}.hero-dock span{font-size:18px}.hero-dock small{display:block;font-size:8px;margin-top:5px}.talk-film{height:720px;position:relative;color:white}.talk-video,.cinema-card>video,.cinema-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.talk-video{transform:scale(1.015)}.talk-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#14212670,transparent 68%),linear-gradient(0deg,#0004,transparent 45%)}.film-grain{position:absolute;inset:0;z-index:1;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");animation:grain .24s steps(2) infinite}.talk-copy{position:absolute;z-index:2;left:56px;top:56px;width:58%}.talk-copy h2{font-size:clamp(52px,6vw,92px);font-weight:350;line-height:.92;letter-spacing:-5px;margin:74px 0 0}.immersive-pair{height:720px;margin:8px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.cinema-card{position:relative;overflow:hidden;border-radius:var(--radius);color:white}.cinema-card>img,.cinema-card>video{transition:transform 1.7s cubic-bezier(.2,.8,.2,1)}.immersive-pair.visible .cinema-card>img,.immersive-pair.visible .cinema-card>video{transform:scale(1.045)}.card-sheen{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,#111b),linear-gradient(120deg,#dff7ff1a,transparent 40%)}.cinema-copy{position:absolute;z-index:1;left:40px;right:40px;bottom:38px}.cinema-copy h3{font-size:25px;font-weight:400;margin:0 0 15px}.cinema-copy p{font-size:16px;line-height:1.4;max-width:390px;margin:0;color:#f2eeee}.machine-intro{height:548px;display:grid;place-items:center;text-align:center;padding:50px}.machine-intro h2{font-size:clamp(50px,6vw,88px);font-weight:350;line-height:.94;letter-spacing:-5px;margin:0}.machine-intro em{font-style:normal;color:var(--peach)}.autopilot-film{height:720px;position:relative;color:white}.autopilot-film>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 2s cubic-bezier(.2,.8,.2,1)}.autopilot-film.visible>img{transform:scale(1.075)}.autopilot-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111a,transparent 72%)}.autopilot-haze{position:absolute;inset:-20%;z-index:1;background:radial-gradient(circle at 68% 35%,#fff5 0 3%,transparent 22%),radial-gradient(circle at 75% 60%,#efc28a33,transparent 28%);animation:haze 8s ease-in-out infinite alternate}.autopilot-copy{position:absolute;z-index:2;left:56px;top:55px;max-width:720px}.autopilot-copy h2{font-size:clamp(52px,6vw,88px);font-weight:350;line-height:.94;letter-spacing:-5px;margin:76px 0 30px}@keyframes glint-drift{to{background-position:60px 18px}}@keyframes typing{50%{transform:translateY(-3px);opacity:.35}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}}@keyframes haze{to{transform:translate3d(-4%,3%,0) scale(1.06)}}@media(max-width:800px){.hero-device{width:270px;height:550px}.talk-film,.immersive-pair,.autopilot-film{height:640px}.talk-copy,.autopilot-copy{left:25px;top:35px;width:90%}.talk-copy h2,.autopilot-copy h2{letter-spacing:-3px}.immersive-pair{height:auto;grid-template-columns:1fr}.cinema-card{height:620px}.machine-intro{height:430px;padding:28px}.cinema-copy{left:25px;right:25px}}
.talk-film.reveal,.immersive-pair.reveal,.autopilot-film.reveal{opacity:1;filter:none;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;filter:none;transform:none}.loader{display:none}}

/* Current lower-page treatment */
.reviews{min-height:1050px;padding:105px 0 90px;background:linear-gradient(180deg,#fbfaf8 0 24%,#f9ede5 62%,#f3d8c7 100%)}
.review-head{max-width:1180px;margin:auto;padding:0 38px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.review-head h2{font-size:clamp(58px,7vw,102px);font-weight:350;line-height:.9;letter-spacing:-5px;margin:0;text-align:left}
.review-head em{display:block;color:var(--peach)}
.carousel-controls,.drag-hint{display:flex;align-items:center;gap:8px;text-transform:uppercase;font-size:11px;letter-spacing:1.2px}
.carousel-controls button,.drag-hint button{width:46px;height:46px;border:1px solid #9d918c;border-radius:50%;background:#fbfaf8;color:var(--ink);font-size:19px;cursor:pointer;transition:transform .25s,background .25s,color .25s}
.carousel-controls button:hover,.drag-hint button:hover{background:var(--ink);color:white;transform:translateY(-3px)}
.review-viewport,.feature-viewport{overflow-x:auto;scrollbar-width:none;cursor:grab;user-select:none;touch-action:pan-y;overscroll-behavior-x:contain}
.review-viewport::-webkit-scrollbar,.feature-viewport::-webkit-scrollbar{display:none}
.review-viewport.dragging,.feature-viewport.dragging{cursor:grabbing;scroll-snap-type:none}
.review-viewport{padding:85px max(32px,calc((100vw - 1180px)/2)) 40px;scroll-snap-type:x mandatory}
.review-track{display:flex;gap:24px;width:max-content;animation:none!important}
.review-card{width:min(790px,78vw);height:410px;flex:0 0 auto;background:#fbfaf8;border-radius:205px 42px 42px 205px;display:grid;grid-template-columns:43% 57%;align-items:center;overflow:hidden;scroll-snap-align:center;box-shadow:0 22px 60px #633b2920;border:1px solid #fff}
.review-card blockquote{width:auto;min-height:0;background:none;border-radius:0;margin:0;padding:46px 52px 42px 38px;font-size:clamp(23px,2.2vw,34px);line-height:1.08;box-shadow:none}
.review-card cite{display:block;font-size:11px;margin-top:34px;font-style:normal;text-transform:uppercase;letter-spacing:1.2px;color:#756761}
.review-portrait{height:100%;border-radius:50%;display:grid;place-items:center;position:relative;overflow:hidden;isolation:isolate}
.review-portrait:before,.review-portrait:after{content:'';position:absolute;border-radius:50%;z-index:-1}
.review-portrait:before{width:66%;height:78%;background:#342d3e;bottom:-8%;box-shadow:0 -65px 0 -24px #e9aa86}
.review-portrait:after{width:46%;height:46%;background:radial-gradient(circle at 37% 43%,#2e2727 0 3%,transparent 3.8%),radial-gradient(circle at 63% 43%,#2e2727 0 3%,transparent 3.8%),radial-gradient(ellipse at 50% 66%,transparent 0 10%,#2e2727 11% 14%,transparent 15%),#e7ad8b;top:16%;box-shadow:0 -38px 0 -8px #342d3e}
.review-portrait span{position:absolute;right:15%;top:16%;font-size:25px;color:white}
.portrait-one{background:linear-gradient(145deg,#ddad8b,#c78568)}.portrait-two{background:linear-gradient(145deg,#ccdce0,#71959e)}.portrait-two:before{background:#4e5e4d}.portrait-three{background:linear-gradient(145deg,#e4d6f1,#8d72aa)}.portrait-three:before{background:#342c48}.portrait-four{background:linear-gradient(145deg,#f0c894,#cc7c57)}.portrait-four:before{background:#253e4a}

.brand-film{height:720px;margin-top:8px;color:white;position:relative;isolation:isolate}
.brand-film img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 2.4s cubic-bezier(.2,.8,.2,1)}
.brand-film.visible img{transform:scale(1.075)}
.brand-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#17202699 0 34%,transparent 74%),linear-gradient(0deg,#16100d55,transparent 56%)}
.brand-film h2{position:absolute;left:4.5%;top:7%;margin:0;font-size:clamp(48px,5vw,76px);font-weight:350;line-height:1.02;letter-spacing:-4px;max-width:780px}
.brand-film-mark{position:absolute;left:4.5%;bottom:5%;font-size:42px;font-weight:650;letter-spacing:-2px;border:1px solid #ffffff88;background:#ffffff20;backdrop-filter:blur(14px);padding:0 12px 5px;border-radius:22px 22px 22px 0}

.feature-orbit{min-height:790px;padding:125px 0 80px;background:radial-gradient(circle at 58% 40%,#e6a97755,transparent 25%),#fbfaf8;overflow:hidden}
.feature-orbit-head{max-width:1180px;margin:auto;padding:0 38px 20px;display:flex;justify-content:space-between;align-items:center}
.feature-viewport{perspective:1150px;scroll-snap-type:x mandatory;padding:38px 0 70px}
.feature-track{width:max-content;display:flex;gap:88px;padding:0 calc(50vw - 190px);transform-style:preserve-3d}
.feature-card{--tilt:0deg;--depth:0px;position:relative;flex:0 0 380px;height:480px;border-radius:42px;overflow:hidden;color:white;padding:30px;background-image:var(--card-image),linear-gradient(145deg,#45404e,#171a20);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;scroll-snap-align:center;transform:rotateY(var(--tilt)) translateZ(var(--depth));transform-style:preserve-3d;transition:transform .16s linear,filter .3s,opacity .3s;box-shadow:0 30px 65px #49302628}
.feature-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0000 32%,#111d 100%)}
.feature-card>*{position:relative}.feature-card b{position:absolute;top:28px;right:30px;font-weight:400;font-size:12px;letter-spacing:1px}.feature-card p{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;margin:0 0 8px}.feature-card h3{font-size:36px;line-height:.95;font-weight:400;margin:0 0 16px;letter-spacing:-1px}.feature-card span{font-size:16px;line-height:1.28;max-width:290px;color:#f6f1ee}.feature-card-copy{background:#d99b78;color:#2b2321}.feature-card-copy span{color:#463530}.feature-card-blue{background:#b9d2d7}.feature-symbol{position:absolute;left:0;right:0;top:74px;text-align:center;font-size:82px;letter-spacing:-8px}.feature-progress{width:min(360px,55vw);height:2px;background:#d2c7c1;margin:auto}.feature-progress i{display:block;width:20%;height:100%;background:#493a36;transition:transform .15s}

.latest{background:#f1efec;color:var(--ink);padding:120px 4.5% 0;margin-top:8px;overflow:hidden}
.latest-head{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:80px}.latest-head h2{font-size:clamp(58px,7vw,100px);font-weight:350;line-height:.9;letter-spacing:-5px;margin:0;text-align:right}.latest-head em{color:var(--peach)}
.latest .media-grid{gap:8px;margin:0}.latest .media-grid article{height:590px;border-radius:38px;color:white;padding:36px}.latest .media-grid article:before{background:linear-gradient(#0000 36%,#000c)}.latest .media-grid span{width:54px;height:54px;border:1px solid #ffffff99;border-radius:50%;display:grid;place-items:center;backdrop-filter:blur(10px);font-size:15px}.latest .media-grid h3{font-size:42px;letter-spacing:-1.5px}.press-strip{margin:110px -5% 0;padding:65px 0 78px;border-top:1px solid #cfc6c1;overflow:hidden}.press-strip>div{width:max-content;display:flex;align-items:center;gap:55px;animation:press-drift 34s linear infinite}.press-strip small{font-size:10px;letter-spacing:1px}.press-strip strong{display:block;width:520px;font-size:31px;font-weight:400;line-height:1.05}.press-strip strong:nth-of-type(2){background:linear-gradient(90deg,#dca078,#eecab5);padding:42px;border-radius:80px}
@keyframes press-drift{to{transform:translateX(-45%)}}

.faq{margin:8px;padding:95px max(5%,60px);background:#f2f0ed;display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;border-radius:var(--radius);min-height:690px}
.faq-title h2{font-size:clamp(78px,9vw,132px);font-weight:350;line-height:.84;letter-spacing:-7px;margin:80px 0 34px}.faq-title p{font-size:18px;line-height:1.4;max-width:300px;color:#756862}.faq-list{padding-top:76px}.faq details{border:0;padding:0;margin:0 0 12px;background:#fbfaf8;border-radius:0 30px 30px 30px;box-shadow:0 10px 24px #57413818;overflow:hidden}.faq summary{font-size:17px;padding:22px 24px;align-items:center}.faq summary i{width:35px;height:35px;display:grid;place-items:center;border:1px solid #c9bdb7;border-radius:50%}.faq details p{font-size:15px;margin:0;padding:0 70px 24px 24px}.faq details[open] summary i{transform:rotate(45deg)}

.download{min-height:670px;margin-top:8px;padding:90px 6%;display:grid;grid-template-columns:1fr 380px;align-items:center;background:radial-gradient(circle at 78% 35%,#fff8,transparent 20%),linear-gradient(135deg,#f5e4da,#c4d8db)}
.download h2{font-size:clamp(78px,10vw,142px);line-height:.82;margin:72px 0 62px}.qr-card{width:310px;height:370px;justify-self:center;background:#fbfaf8;border-radius:28px;padding:28px;transform:rotate(4deg);box-shadow:0 30px 80px #50372e24;display:flex;flex-direction:column;gap:18px}.qr-pattern{flex:1;background:repeating-conic-gradient(#302626 0 25%,transparent 0 50%) 0/22px 22px;border:18px solid #fbfaf8;outline:3px solid #302626}.qr-card small{text-align:center;font-size:10px;letter-spacing:1.5px}

@media(max-width:800px){.review-head{align-items:flex-start}.carousel-controls{display:none}.review-head h2{letter-spacing:-3px}.review-viewport{padding-top:55px}.review-card{width:86vw;height:520px;border-radius:180px 36px 36px 36px;grid-template-columns:1fr;grid-template-rows:56% 44%}.review-card blockquote{padding:24px 28px;font-size:22px}.review-card cite{margin-top:15px}.brand-film{height:650px}.brand-film h2{left:25px;top:40px;letter-spacing:-3px}.feature-orbit{padding-top:90px}.feature-orbit-head{padding:0 24px}.drag-hint{font-size:0}.feature-track{gap:38px;padding:0 calc(50vw - 155px)}.feature-card{flex-basis:310px;height:430px}.latest{padding:90px 8px 0}.latest-head{padding:0 20px;display:block}.latest-head h2{text-align:left;margin-top:55px;letter-spacing:-3px}.latest .media-grid{grid-template-columns:1fr}.latest .media-grid article{height:500px}.press-strip{margin-top:70px}.faq{padding:70px 22px;grid-template-columns:1fr;gap:0}.faq-title h2{margin:48px 0 20px;letter-spacing:-4px}.faq-list{padding-top:35px}.download{grid-template-columns:1fr;padding:75px 24px}.download h2{letter-spacing:-5px}.qr-card{display:none}}

@media(prefers-reduced-motion:reduce){.feature-card{transform:none!important}.press-strip>div{animation:none}.review-viewport,.feature-viewport{scroll-behavior:auto}}

/* Cloud-led hero and HTML/CSS talk-therapy scene */
.scene-sky,.scene-cloud-mid,.scene-cloud-near{background-image:url('assets/cloudscape-scroll-v2.png');background-size:cover;background-repeat:no-repeat}
.scene-sky{background-position:center 48%;filter:brightness(.42) saturate(.78) blur(8px);transform:scale(1.13)}
.scene-cloud-mid{background-position:62% 44%;opacity:.28;mix-blend-mode:screen;filter:brightness(.46) blur(12px);transform:scale(1.31);mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 72%,transparent 100%)}
.scene-cloud-near{background-position:34% 62%;opacity:.42;mix-blend-mode:screen;filter:brightness(.5) blur(14px);transform:scale(1.48);mask-image:linear-gradient(to bottom,transparent 0 36%,#000 70%,#000 100%)}
.cloud-haze{position:absolute;inset:-25%;z-index:1;pointer-events:none;background:radial-gradient(circle at 18% 62%,#fff9,transparent 21%),radial-gradient(circle at 78% 28%,#ffe7d577,transparent 24%);filter:blur(26px);mix-blend-mode:soft-light;animation:cloud-breathe 9s ease-in-out infinite alternate}
@keyframes cloud-breathe{to{transform:translate3d(-2.5%,1.5%,0) scale(1.035);opacity:.72}}

.talk-film{height:760px;background:#bfcfd6;isolation:isolate}
.talk-cloud-bg,.talk-cloud-near{position:absolute;inset:-5%;background-image:url('assets/cloudscape-scroll-v2.png');background-size:cover;background-repeat:no-repeat;will-change:transform,filter}
.talk-cloud-bg{background-position:center;filter:brightness(.74) saturate(.72);transform:scale(1.08)}
.talk-cloud-near{inset:-12%;background-position:25% 72%;opacity:.38;filter:blur(8px) brightness(1.08);transform:scale(1.34);mix-blend-mode:screen;mask-image:linear-gradient(to bottom,transparent 0 36%,#000 72%)}
.talk-film:after{z-index:1;background:linear-gradient(90deg,#172532b5 0 42%,transparent 73%),linear-gradient(0deg,#17202d55,transparent 52%)}
.talk-copy{z-index:3;width:52%}.talk-copy h2{text-shadow:0 3px 28px #24374544}
.talk-device{position:absolute;z-index:3;right:9%;top:7%;width:330px;height:675px;border:8px solid #252525;border-radius:55px;background:linear-gradient(150deg,#efc5aa,#f7eee8 62%);box-shadow:0 40px 90px #1b283b66,inset 0 0 0 2px #b6b0ac;overflow:hidden;color:#302826;padding:32px 17px 72px;transform:translate3d(70px,65px,0) rotate(10deg) scale(.88);opacity:0;will-change:transform,opacity}
.talk-device-notch{position:absolute;top:13px;left:50%;translate:-50%;width:84px;height:24px;border-radius:16px;background:#1d1d1d}
.talk-device-status{display:flex;justify-content:space-between;font-size:11px;padding:0 8px}
.talk-device-screen{padding:62px 4px 0;display:flex;flex-direction:column;gap:13px}
.talk-line{max-width:84%;margin:0;background:#fff;border-radius:16px 16px 16px 3px;padding:13px 14px;font-size:12px;line-height:1.34;box-shadow:0 9px 20px #624f4912;opacity:0;filter:blur(6px);transform:translateY(12px);will-change:opacity,filter,transform}
.talk-line.is-user{align-self:flex-end;background:#2e2a31;color:white;border-radius:16px 16px 3px 16px}.talk-line-three{background:#f8d687}.talk-line-four{background:#f1b5a5}.talk-line.talk-action{margin-top:18px;max-width:100%;background:#aa77d8;color:white;border-radius:18px;text-align:center}
.talk-device-input{position:absolute;left:16px;right:16px;bottom:17px;background:#ffffffd8;border:1px solid #d5cbc6;border-radius:25px;padding:14px;font-size:11px}.talk-device-input b{float:right;font-size:17px}

@media(max-width:800px){.scene-cloud-mid{opacity:.22}.scene-cloud-near{opacity:.32}.talk-film{height:880px}.talk-copy{width:90%;z-index:4}.talk-copy h2{font-size:47px}.talk-device{top:310px;right:50%;width:270px;height:545px;padding-top:28px;transform:translate3d(50%,70px,0) rotate(7deg) scale(.9)}.talk-device-screen{padding-top:40px;gap:9px}.talk-line{padding:9px 11px;font-size:10px}.talk-line.talk-action{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.cloud-haze{animation:none}.talk-device{opacity:1;transform:rotate(3deg)}.talk-line{opacity:1;filter:none;transform:none}}

/* Video-free personalized feature scene */
.personalized-card{background:radial-gradient(circle at 72% 18%,#627584 0,transparent 28%),radial-gradient(circle at 20% 82%,#b77a8c55,transparent 34%),#18232d}
.personalized-scene{position:absolute;inset:0;overflow:hidden;transform:scale(1.015);transition:transform 1.7s cubic-bezier(.2,.8,.2,1)}
.immersive-pair.visible .personalized-scene{transform:scale(1.045)}
.personalized-orbit{position:absolute;left:50%;top:43%;translate:-50% -50%;border:1px solid #d7edee33;border-radius:50%;animation:personalized-spin 18s linear infinite}.personalized-orbit:after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#f0c098;box-shadow:0 0 25px #f0c098;left:8%;top:18%}.personalized-orbit.orbit-one{width:540px;height:250px;rotate:-14deg}.personalized-orbit.orbit-two{width:660px;height:330px;rotate:26deg;animation-direction:reverse;animation-duration:26s}
.personalized-phone{position:absolute;z-index:2;left:50%;top:42px;width:275px;height:540px;translate:-50%;border:8px solid #17191c;border-radius:48px;background:linear-gradient(160deg,#f0c3a7,#f8eee7 62%);box-shadow:0 42px 90px #0008,inset 0 0 0 2px #ada8a5;overflow:hidden;padding:29px 17px;transform:rotate(3deg);animation:personalized-float 6s ease-in-out infinite}
.personalized-notch{position:absolute;left:50%;top:11px;translate:-50%;width:74px;height:22px;border-radius:14px;background:#181818}.personalized-status{display:flex;justify-content:space-between;font-size:9px;padding:0 6px}.personalized-screen{padding:55px 3px 0;color:#302724}.personalized-screen>small{font-size:8px;letter-spacing:1.6px}.personalized-screen h4{font-size:36px;font-weight:400;line-height:.91;letter-spacing:-2px;margin:25px 0 38px}.personalized-screen p{background:#fff;border-radius:15px 15px 15px 3px;padding:14px;font-size:11px;line-height:1.38;box-shadow:0 12px 25px #60473d14}.personalized-screen button{width:100%;border:0;background:#a676d3;color:white;padding:14px;border-radius:18px;margin-top:20px;font:inherit;font-size:11px}
.memory-chip{position:absolute;z-index:3;width:154px;padding:17px;background:#f7f4f0dd;color:#302724;border:1px solid #ffffff80;border-radius:18px;box-shadow:0 20px 45px #0005;backdrop-filter:blur(14px);animation:memory-float 5s ease-in-out infinite}.memory-chip>*{display:block}.memory-chip small{font-size:7px;letter-spacing:1.3px}.memory-chip strong{font-size:17px;font-weight:400;margin:9px 0 4px}.memory-chip span{font-size:9px;color:#75655f}.chip-coffee{left:6%;top:23%;rotate:-7deg}.chip-payday{right:5%;top:49%;rotate:7deg;animation-delay:-2.2s}
@keyframes personalized-spin{to{transform:rotate(360deg)}}@keyframes personalized-float{50%{transform:rotate(-1deg) translateY(-13px)}}@keyframes memory-float{50%{translate:0 -12px}}
@media(max-width:800px){.personalized-phone{width:245px;height:500px}.memory-chip{width:128px;padding:12px}.chip-coffee{left:-3%}.chip-payday{right:-3%}.personalized-screen h4{font-size:31px}}
@media(prefers-reduced-motion:reduce){.personalized-orbit,.personalized-phone,.memory-chip{animation:none}}

/* Responsive hero composition */
.nav>.glass-btn{padding:14px 26px;font-size:14px;white-space:nowrap}
.hero-copy{place-content:start center;padding:clamp(118px,19vh,164px) 24px 0}
.hero-copy h1{width:min(1180px,calc(100vw - 48px));font-size:clamp(40px,min(5.2vw,8.2vh),76px);line-height:.97;letter-spacing:-.045em}
.hero-copy p{margin-top:clamp(42px,7vh,72px)}
.scene-land,.scene-foreground{inset:-9% -12% -14%;background-repeat:no-repeat}
@media(min-aspect-ratio:4/3){.scene-land{background-size:122% auto;background-position:center 50%}.scene-foreground{background-size:116% auto;background-position:center bottom}}
@media(max-aspect-ratio:4/3){.scene-land{background-size:auto 116%;background-position:center 52%}.scene-foreground{background-size:auto 122%;background-position:center bottom}.hero-copy{padding-top:clamp(100px,16vh,145px)}.hero-copy h1{width:min(92vw,720px);font-size:clamp(34px,min(9.4vw,6.8vh),62px);line-height:.96}.hero-copy p{margin-top:clamp(36px,6vh,62px)}}
@media(max-width:520px){.nav>.glass-btn{padding:12px 20px}.hero-copy{padding-inline:16px}.hero-copy h1{width:94vw;letter-spacing:-.035em}}

/* === added: hero headline two-beat + typing/word reveal === */
.hero-copy h1{display:flex;flex-direction:column;align-items:center}
.hl1{font-size:.5em;color:var(--peach);line-height:1.06}
.hl-caret{display:inline-block;width:.05em;height:.86em;margin-left:.04em;vertical-align:-.05em;background:var(--peach);animation:hl-blink 1s steps(1) infinite}
.hl-caret.hide{opacity:0;animation:none}
.hl-rule{width:0;height:2px;border-radius:2px;background:var(--peach);margin:.3em 0;box-shadow:0 0 12px rgba(229,178,146,.6);transition:width .5s ease .1s}
.hl-rule.in{width:1.1em}
.hl2{color:#fff}
.hl2 .w{display:inline-block;opacity:0;filter:blur(8px);transform:translateY(.18em);transition:opacity .34s ease,filter .34s ease,transform .34s cubic-bezier(.2,.8,.2,1)}
.hl2 .w.in{opacity:1;filter:none;transform:none}
@keyframes hl-blink{50%{opacity:0}}

/* === added: experiment mockup inside the phone === */
.hero-screen.exp{padding:16px 4px 0;display:flex;flex-direction:column;gap:7px}
.exp-row{display:flex;gap:6px;align-items:flex-start}
.exp-row.me{justify-content:flex-end}
.exp-row.eli{justify-content:flex-start}
.exp-av{width:20px;height:20px;border-radius:7px;flex-shrink:0;background:linear-gradient(135deg,#e8f5f4,#c8e8e5);border:1px solid rgba(15,118,110,.15);display:grid;place-items:center;font-size:11px}
.exp-bub{font-size:10px;line-height:1.45;padding:8px 9px;max-width:82%}
.exp-bub.me{background:#0F766E;color:#fff;border-radius:13px 13px 3px 13px}
.exp-bub.eli{background:#fff;color:#22303b;border:1px solid #e7e5e4;border-radius:13px 13px 13px 3px;box-shadow:0 1px 6px rgba(15,23,42,.06)}
.exp-bub.eli b{color:#0F766E;font-weight:700}
.exp-card{margin-top:6px;border:1px solid #e7e5e4;background:#f6f5f4;border-radius:10px;padding:9px 10px}
.exp-hdr{font-size:10px;font-weight:700;color:#22303b;margin-bottom:5px}
.exp-kv{font-size:9.5px;line-height:1.4;color:#5a6672;margin:2px 0}
.exp-kv b{color:#22303b;font-weight:600}
.exp-eyebrow{font-size:8px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#9aa3ad;margin:7px 0 5px}
.exp-src{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#fff;border:1px solid #e7e5e4;border-radius:8px;padding:5px 7px;margin:4px 0;font-size:9.5px;font-weight:600;color:#22303b}
.exp-pill{font-size:8px;font-weight:600;color:#0F766E;background:rgba(15,118,110,.08);border:1px solid rgba(15,118,110,.28);border-radius:999px;padding:2px 6px;white-space:nowrap}
.exp-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.exp-chip{font-size:9.5px;font-weight:600;border-radius:999px;padding:6px 10px}
.exp-chip.go{color:#0F766E;background:rgba(15,118,110,.09);border:1px solid rgba(15,118,110,.3)}
.exp-chip.ghost{color:#5a6672;background:#fff;border:1px solid #e7e5e4}

/* === added: phone screen -> white app look + app header === */
.hero-device{background:#FAFAF9}
.exp-appheader{display:flex;align-items:center;gap:8px;padding:0 4px 9px;margin-bottom:3px;border-bottom:1px solid #ededec}
.exp-appheader .tile{width:26px;height:26px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;font-size:14px;background:linear-gradient(135deg,#e8f5f4,#c8e8e5);border:1px solid rgba(15,118,110,.15)}
.exp-appheader .name{font-size:12px;font-weight:700;color:#22303b;letter-spacing:-.2px;line-height:1.1}
.exp-appheader .sub{font-size:9px;font-weight:600;color:#0F766E;margin-top:1px;line-height:1.1}

/* === added: adaptability interactive in the second phone === */
.talk-device{background:#FAFAF9;color:#22303b}
.talk-device-screen.adapt{padding:52px 8px 0;gap:8px;display:flex;flex-direction:column}
.ad-prompt{margin-top:22px;font-size:15px;font-weight:500;color:#eaf1f0;max-width:24ch;line-height:1.4;text-shadow:0 2px 14px #24374566}
.ad-switch{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.ad-switch button{font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;border-radius:999px;padding:10px 17px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.16);color:#fff;transition:transform .15s,background .2s,color .2s}
.ad-switch button:hover{transform:translateY(-1px)}
.ad-switch button[aria-pressed=true]{background:#fff;color:#22303b;border-color:#fff}
.ad-row{display:flex;gap:6px;align-items:flex-start}
.ad-av{width:20px;height:20px;border-radius:7px;flex-shrink:0;background:linear-gradient(135deg,#e8f5f4,#c8e8e5);border:1px solid rgba(15,118,110,.15);display:grid;place-items:center;font-size:11px}
.ad-bub{background:#fff;border:1px solid #e7e5e4;border-radius:13px 13px 13px 3px;padding:8px 9px;font-size:10px;line-height:1.45;color:#22303b;box-shadow:0 1px 6px rgba(15,23,42,.06);max-width:88%}
.ad-bub b{color:#0F766E;font-weight:700}
.ad-plan{border:1px solid #e7e5e4;background:#f6f5f4;border-radius:10px;overflow:hidden;margin-top:2px}
.ad-plan-head{display:flex;align-items:center;justify-content:space-between;padding:6px 9px;background:#fff;border-bottom:1px solid #e7e5e4}
.ad-plan-head .t{font-size:10px;font-weight:700;color:#22303b}
.ad-plan-head .tag{font-size:8.5px;font-weight:600;color:#0F766E;background:rgba(15,118,110,.08);border:1px solid rgba(15,118,110,.28);border-radius:999px;padding:2px 7px}
.ad-slots{padding:4px 9px 8px}
.ad-slot{display:flex;gap:8px;align-items:baseline;padding:5px 0;border-bottom:1px solid #ededec;font-size:9.5px;line-height:1.35}
.ad-slot:last-child{border-bottom:0}
.ad-slot .when{font-weight:700;color:#0F766E;min-width:32px;flex-shrink:0}
.ad-slot .what{color:#22303b}
.ad-slot.soft .what{color:#6a7681}

/* === CLEAN hero phone: ONE size + one flex-column layout, scaled as a unit by renderHero === */
/* fixed phone ratio (330 x 610 = 1.85:1) — NEVER changes */
.hero-device{width:330px;height:610px;display:flex;flex-direction:column;padding:0;background:#FAFAF9}
@media(max-width:800px){.hero-device{width:330px;height:610px}}
.hero-notch{top:10px;height:14px;width:66px}
.hero-status{position:static;flex:0 0 auto;padding:15px 16px 8px;font-size:11px}
.hero-screen.exp{position:static;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;
  overflow-y:auto;overflow-x:hidden;padding:4px 12px 6px;gap:7px;-ms-overflow-style:none;scrollbar-width:none}
.hero-screen.exp::-webkit-scrollbar{width:0;height:0}
.hero-screen.exp>.exp-appheader{flex:0 0 auto}
.hero-input{position:static;flex:0 0 auto;margin:5px 13px 13px}

/* === added: stack section-3 copy + phone until there's room for side-by-side (kills button/phone overlap) === */
@media(max-width:1024px){
  .talk-film{height:880px}
  .talk-copy{left:25px;top:36px;width:90%;z-index:4}
  .talk-device{top:340px;right:50%;width:270px;height:545px;padding-top:28px;
    transform:translate3d(50%,70px,0) rotate(7deg) scale(.9)}
  .talk-device-screen{padding-top:40px}
}

/* === section 3 patterns conversation (white app phone) === */
.talk-line b{color:#0F766E;font-weight:700}
.talk-line.is-user{background:#0F766E;color:#fff}
.talk-line.is-user b{color:#fff}
.talk-line.pat-card{background:#f6f5f4;border:1px solid #e7e5e4;box-shadow:none;color:#475569;font-size:11px;line-height:1.5;max-width:100%;align-self:stretch;border-radius:12px}
.talk-line.pat-card small{display:block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:5px}

/* === contain section-3 phone (flex column) like the hero, so content can't overlap the input === */
.talk-device{display:flex;flex-direction:column;padding:0}
.talk-device-status{position:static;flex:0 0 auto;padding:18px 16px 2px}
.talk-device-screen.pat{position:static;flex:1 1 auto;min-height:0;left:auto;right:auto;top:auto;bottom:auto;
  overflow-y:auto;overflow-x:hidden;padding:6px 12px 4px;gap:9px}
.talk-device-input{position:static;flex:0 0 auto;left:auto;right:auto;bottom:auto;margin:2px 14px 12px}

/* === coherent app-style input pill for both phones (matches the chat, replaces the old dock) === */
.hero-input, .talk-device-input{display:flex;align-items:center;justify-content:space-between;gap:8px;
  background:#fff;border:1px solid #e7e5e4;border-radius:22px;padding:10px 9px 10px 15px;
  font-size:11px;color:#94a3b8;box-shadow:0 1px 5px rgba(15,23,42,.05);line-height:1}
.hero-input .send, .talk-device-input .send{display:grid;place-items:center;flex:0 0 auto;
  width:24px;height:24px;border-radius:50%;background:#0F766E;color:#fff;font-size:13px;font-weight:700;float:none}
.talk-device-input{margin:2px 14px 12px}