@font-face{font-family:Outfit;src:url('/assets/Outfit-ExtraLight.ttf') format('truetype');font-weight:200;font-display:swap}
:root{--navy:#043c4c;--teal:#11ada0;--ink:#17161c;--mute:#7c7a85;--bordeaux:#9a1f40;--green:#1e7a62;--line:#e6e9e7;--display:Outfit,-apple-system,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#fff;color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--teal);outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:200}p{line-height:1.8;color:var(--mute)}.wrap{width:min(1200px,88%);margin:auto}.header{height:90px;max-width:1500px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:5px}.brand>span{font:200 26px var(--display);letter-spacing:-1px;color:var(--navy)}.header nav,.header-actions{display:flex;align-items:center;gap:28px}.header nav{font-size:11px;color:var(--mute)}.languages{display:flex;gap:8px;align-items:center;font-size:10px;color:#a7a6ae}.languages button{padding:8px 0;color:#96939c;font-size:10px}.languages button[aria-pressed=true]{color:var(--navy)}.nav-cta{font-size:10px;padding:13px 18px;border:1px solid var(--line);border-radius:25px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:500;line-height:1.7;color:var(--mute)}.hero{height:calc(100svh - 90px);min-height:880px;max-height:1150px;position:relative;overflow:hidden;background:linear-gradient(white 20%,#f8fcfb);display:flex;align-items:center;flex-direction:column}.hero-heading{text-align:center;padding-top:45px;position:relative;z-index:2}.hero h1{font-size:clamp(68px,7.6vw,115px);line-height:1.04;letter-spacing:-4px;color:var(--navy);margin:30px 0}.hero-description{font-size:14px;line-height:1.9;padding:0 25px}.world{position:relative;width:1100px;max-width:100%;height:450px;flex-shrink:0;margin:auto 0 40px}.orbit-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;stroke:#b9d5d0;stroke-width:.65}.orbit-signal{stroke:var(--teal);stroke-width:1.6;stroke-dasharray:22 2400}.greeting{position:absolute;color:var(--navy);font:200 38px var(--display);letter-spacing:-.8px}.greeting small{display:block;font:9px -apple-system,sans-serif;letter-spacing:3px;text-align:center;color:#8b9e9b;margin-top:8px}.hello{left:9%;top:31%;transform:rotate(-7deg)}.merhaba{right:10%;top:68%;transform:rotate(8deg)}.hola{left:28%;top:80%;transform:rotate(6deg)}.bonjour{right:18%;top:21%;transform:rotate(-6deg)}.japan{left:43%;top:1%;font-size:29px}.world-logo{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);border-radius:28px;overflow:hidden;box-shadow:0 20px 55px #1a68500c}.world-logo img{width:100px;height:100px}.world-dot{position:absolute;background:var(--teal);border:3px solid white;box-shadow:0 0 0 5px #11ada00c;width:10px;height:10px;border-radius:50%}.dot1{left:10%;top:58%}.dot2{right:12%;top:37%}.dot3{left:48%;top:88%;background:var(--bordeaux)}.hero-whisper{display:none}.scroll-hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;color:#80858b;display:flex;gap:22px;align-items:center}.scroll-hint>span:last-child{font-size:22px;color:var(--teal)}
.scroll-story{height:270svh;position:relative}.scroll-story[data-scene=share]{height:220svh}.scroll-story[data-scene=social]{height:250svh}.story-stage{position:sticky;top:0;height:100svh;min-height:600px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.story-text{position:relative;z-index:3;align-self:center}.story-text>.eyebrow{margin-bottom:27px;font-size:9px;letter-spacing:1.8px}.copy-stack{position:relative;min-height:310px}.story-copy{position:absolute;top:0;left:0;width:100%;opacity:0;pointer-events:none}.story-copy:first-child{opacity:1}.story-copy h2{font-size:clamp(40px,4.5vw,66px);line-height:1.09;letter-spacing:-2px;color:var(--navy);margin-bottom:26px}.story-copy p{font-size:14px;max-width:405px;line-height:1.9}.story-visual{position:relative;min-width:0;height:min(76svh,710px);isolation:isolate;perspective:1200px;overflow:clip;overflow-clip-margin:25px}.story-visual:before{content:'';position:absolute;inset:10% -5%;background:radial-gradient(ellipse,#eee5f24d,transparent 67%);z-index:-1;pointer-events:none}.flight{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center;opacity:0;will-change:transform,opacity;transition:none!important;animation:none!important}.screen{border:0;padding:0;border-radius:25px;background:#f6f1ea;box-shadow:0 25px 60px -23px #344c5145,0 0 0 1px #e3e3e7;overflow:hidden;width:235px;cursor:zoom-in}.screen img{display:block;width:100%;height:auto}.expand{position:absolute;right:10px;bottom:10px;border-radius:50%;background:#ffffffc9;padding:5px 9px;font-size:17px;color:var(--navy)}.glass{background:linear-gradient(130deg,#fffffff0,#faf6ffeb 60%,#f7f5efe8);border:1px solid white;border-radius:24px;box-shadow:0 1px 0 white inset,0 22px 60px -24px #49396038,0 0 0 1px #eeeaf073;backdrop-filter:blur(12px)}.word-card{width:310px;padding:27px;z-index:4}.word-kind{font-size:8px;letter-spacing:1.2px;color:var(--mute)}.word-card h3,.social-card h3{font-size:43px;letter-spacing:-1px;color:var(--bordeaux);margin-top:23px;line-height:1.2}.meaning{font-size:13px;color:var(--green);margin-top:8px;line-height:1.6}.word-example{font-size:11px;color:#8d8190;border-top:1px solid #eee7ef;padding-top:16px;margin-top:22px}.small-word{padding:16px 23px;font:200 28px var(--display);color:var(--bordeaux);white-space:nowrap;z-index:5}.small-word>span{display:block;font:9px -apple-system,sans-serif;color:var(--mute);margin-top:8px}.repeat-orbit{width:450px;height:450px;z-index:-1}.repeat-orbit svg{width:100%;height:100%;fill:none;stroke:#bddad2;stroke-width:.9;stroke-dasharray:3 6}.scene-index{position:absolute;bottom:30px;left:0;display:flex;align-items:center;gap:15px;font-size:9px;color:#99939f;letter-spacing:1px}.scene-index i{width:60px;height:1px;background:linear-gradient(90deg,var(--teal),#e8ece9)}.story-bridge{padding:100px 0 130px;text-align:center}.story-bridge h2{font-size:clamp(32px,4.4vw,62px);letter-spacing:-1.8px;line-height:1.25;color:var(--navy)}.story-bridge em{font-style:normal;color:#a7afb0}.social-card{width:315px;padding:25px;z-index:4}.card-person{display:flex;gap:9px;align-items:center;font-size:10px;color:#68606e}.avatar{border-radius:50%;background:linear-gradient(135deg,#b65bf4,#6e5aee);color:white;display:grid;place-items:center;width:28px;height:28px;border:2px solid white;font-size:11px}.card-person small{margin-left:auto;font-size:8px;color:var(--teal)}.social-card h3{font-size:38px;margin-top:20px}.social-example{font-size:10px;margin:17px 0}.card-actions{display:flex;align-items:center;gap:20px;border-top:1px solid #ece7ed;padding-top:15px;font-size:10px;color:var(--green)}.card-actions>span:first-child{font-size:22px;color:var(--bordeaux)}.feed-screen{width:195px}.community-screen{width:220px}.saved-note{padding:15px 20px;color:var(--green);font-size:11px;white-space:nowrap;z-index:5}.conversation{width:330px;padding:23px;z-index:4;background:linear-gradient(140deg,#fff7eeed,#f3ebffed 55%,#edf8f3ed)}.conversation-header{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--navy);padding-bottom:17px;border-bottom:1px solid #ffffffbf}.conversation-header>i{width:6px;height:6px;border-radius:50%;background:#ff4d79;box-shadow:0 0 0 4px #ff4d7910}.conversation-header small{margin-left:auto;color:var(--bordeaux)}.message{padding:12px 15px;background:#ffffffbb;border-radius:0 15px 15px 15px;margin-top:14px}.message small{font-size:8px;color:var(--mute)}.message p{font-size:11px;color:#4f4556;line-height:1.6;margin-top:5px}.reply{border:1px solid #dfb7e5}.reply p{min-height:53px}.cursor{display:inline-block;width:1px;height:12px;background:#db6d9c;margin-left:2px;vertical-align:middle}.demo-label{display:block;text-align:center;margin-top:15px;color:#958b9e;font-size:8px}.chat-screen{width:200px}.duel-screen{width:225px}.badge-screen{width:170px}.download{padding:150px 0 125px;text-align:center}.download>img{margin:0 auto 24px}.download h2{font-size:clamp(45px,6.5vw,87px);line-height:1.1;letter-spacing:-2.7px;color:var(--navy);margin-bottom:28px}.download p{font-size:14px}.coming-soon{display:inline-flex;align-items:center;gap:12px;background:var(--navy);border-radius:28px;padding:20px 25px;color:white;font-size:12px;margin-top:30px}.coming-soon i{width:5px;height:5px;background:#68d7bf;border-radius:50%}.download>small{display:block;color:var(--mute);font-size:10px;margin-top:19px}.footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:28px 0;font-size:9px;color:var(--mute)}.footer .brand>span{font-size:22px}.footer button{font-size:9px;padding:8px}.skip{position:fixed;top:-100px;left:20px;background:var(--navy);color:white;padding:15px;z-index:100}.skip:focus{top:10px}.intro{position:fixed;inset:0;background:#fff;z-index:50;display:flex;align-items:center;justify-content:center}.intro[hidden]{display:none}.intro-inner{text-align:center;padding:25px}.intro img{margin:0 auto 15px;animation:introIn .5s .1s both}.intro-brand{font:200 50px var(--display);color:var(--navy);letter-spacing:-2px;animation:introIn .5s .3s both}.intro p{font:200 28px var(--display);color:var(--bordeaux);margin:26px 0 32px;animation:introIn .5s .5s both}.intro-words{display:flex;gap:28px;justify-content:center;font-size:12px;color:var(--mute)}.intro-words span{animation:introIn .35s both}.intro-words span:nth-child(1){animation-delay:.8s}.intro-words span:nth-child(2){animation-delay:1s}.intro-words span:nth-child(3){animation-delay:1.2s}.intro-words span:nth-child(4){animation-delay:1.4s}.intro>button{position:absolute;right:6%;bottom:6%;color:var(--mute);font-size:11px}.intro.leaving{animation:introOut .35s both;pointer-events:none}@keyframes introIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes introOut{to{opacity:0;visibility:hidden}}dialog{padding:20px;border:1px solid var(--line);border-radius:20px;background:#fafbf9;width:min(500px,94vw);max-height:94svh;color:var(--ink)}dialog::backdrop{background:#0c25383b;backdrop-filter:blur(10px)}dialog>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}dialog h2{font-size:25px;color:var(--navy)}dialog button{font-size:28px}dialog>img{max-height:calc(90svh - 130px);width:auto;margin:auto;border-radius:15px;object-fit:contain}dialog>p{font-size:9px;text-align:center;margin-top:15px}body:has(dialog[open]){overflow:hidden}
@media(max-width:1050px){.story-stage{gap:30px}.story-copy h2{font-size:47px}.story-copy p{font-size:13px}.screen{width:210px}.feed-screen,.chat-screen{width:180px}.badge-screen{width:150px}.word-card,.social-card{width:285px}.conversation{width:300px}.hero h1{font-size:85px}}
@media(max-width:760px){.header{height:75px;padding:0 6%;gap:10px}.header nav,.nav-cta{display:none}.brand>span{font-size:24px}.hero{min-height:760px;height:calc(100svh - 75px);max-height:950px}.hero-heading{padding-top:40px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px;padding:0 25px}.hero h1{font-size:clamp(48px,10.5vw,74px);letter-spacing:-2px;line-height:1.08;margin:25px 0}.hero-description{font-size:12px;max-width:400px}.hero-description br{display:none}.world{width:620px;max-width:none;height:360px;margin-top:25px;margin-bottom:auto;scale:.94}.greeting{font-size:29px}.greeting small{font-size:7px;letter-spacing:2px}.hello{left:23%;top:24%}.bonjour{right:20%;top:25%;font-size:27px}.japan{left:42%;top:2%;font-size:22px}.hola{left:29%;top:76%}.merhaba{right:21%;top:70%}.world-logo img{width:75px;height:75px}.world-logo{border-radius:22px;top:50%}.dot1{left:24%;top:55%}.dot2{right:23%;top:47%}.dot3{left:50%;top:88%}.scroll-hint{font-size:9px;bottom:24px;gap:15px}.scroll-story{height:260svh}.scroll-story[data-scene=share]{height:220svh}.scroll-story[data-scene=social]{height:240svh}.story-stage{display:flex;flex-direction:column;gap:0;align-items:stretch;height:100svh;min-height:0;padding-top:28px;justify-content:flex-start}.story-text{align-self:stretch;flex-shrink:0}.story-text>.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:17px}.copy-stack{height:225px;min-height:0}.story-copy h2{font-size:clamp(33px,8.3vw,43px);line-height:1.08;letter-spacing:-1.2px;margin-bottom:16px}.story-copy p{font-size:12px;line-height:1.75;max-width:100%}.story-visual{height:auto;flex:1;min-height:0;width:100%;margin-top:8px;overflow-clip-margin:8px}.screen{width:clamp(135px,22svh,190px);border-radius:17px}.feed-screen,.chat-screen{width:clamp(120px,20svh,165px)}.badge-screen{width:clamp(110px,17svh,140px)}.word-card,.social-card{width:255px;padding:20px;border-radius:19px}.word-card h3{font-size:35px;margin-top:17px}.word-kind{font-size:7px}.meaning{font-size:11px}.word-example{font-size:9px;padding-top:13px;margin-top:16px}.small-word{font-size:23px;padding:13px 18px}.small-word>span{font-size:8px}.repeat-orbit{width:300px;height:300px}.saved-note{font-size:9px;padding:13px}.social-card h3{font-size:32px;margin-top:15px}.social-example{font-size:9px;margin:13px 0}.card-person{font-size:9px}.card-actions{font-size:9px;padding-top:10px}.conversation{width:260px;padding:17px;border-radius:20px}.conversation-header{font-size:9px;padding-bottom:13px}.message{padding:9px 12px;margin-top:10px}.message p{font-size:10px}.message small{font-size:7px}.reply p{min-height:47px}.scene-index{display:none}.story-bridge{padding:65px 0}.story-bridge h2{font-size:34px;letter-spacing:-1px}.download{padding:90px 0 80px}.download h2{font-size:49px;letter-spacing:-1.8px}.download p{font-size:12px;max-width:290px;margin:auto}.download>small{font-size:9px;line-height:1.7}.footer{display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer>span{text-align:right}.footer button{text-align:left;padding:0}.footer .brand>span{font-size:20px}.intro img{width:85px;height:85px}.intro-brand{font-size:40px}.intro p{font-size:24px;line-height:1.4}.intro-words{gap:20px;font-size:10px}.expand{font-size:13px;padding:4px 7px}}
@media(max-height:680px) and (max-width:760px){.story-stage{padding-top:15px}.copy-stack{height:205px}.story-text>.eyebrow{margin-bottom:12px}.story-copy h2{font-size:32px;margin-bottom:12px}.story-copy p{font-size:11px}.conversation{width:245px;padding:14px}.message p{font-size:9px}.message{padding:7px 10px;margin-top:8px}.word-card{width:240px}.screen{width:130px}}
/* A readable, unpinned alternative; no content depends on animation. */
.reduced .scroll-story{height:auto}.reduced .story-stage{position:static;height:auto;min-height:0;padding-block:70px}.reduced .copy-stack{height:auto;min-height:0}.reduced .story-copy{position:static;opacity:1!important;transform:none!important;visibility:visible!important;pointer-events:auto;margin-bottom:38px}.reduced .story-copy:last-child{margin-bottom:0}.reduced .story-copy h2{font-size:36px}.reduced .story-visual{height:520px;min-height:520px;flex:auto}.reduced .flight{will-change:auto}.reduced .intro{display:none}.reduced .world{transform:none!important}.reduced .repeat-orbit{display:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.intro{display:none!important}.flight{will-change:auto}}
@media(max-height:520px) and (min-width:761px){.story-stage{min-height:0;gap:35px}.story-text>.eyebrow{margin-bottom:16px}.copy-stack{min-height:240px}.story-copy h2{font-size:36px;margin-bottom:16px}.story-copy p{font-size:12px;line-height:1.65}.screen{width:130px;border-radius:16px}.word-card,.social-card{width:240px;padding:17px}.word-card h3,.social-card h3{font-size:30px;margin-top:13px}.word-example{padding-top:10px;margin-top:12px}.conversation{width:245px;padding:14px}.message{padding:7px 10px;margin-top:8px}.message p{font-size:9px}.small-word{font-size:22px;padding:12px 17px}.scene-index{bottom:12px}}
/* Visual polish based on the four supplied screenshots. */
.story-bridge{padding:55px 0 70px}.story-bridge em{color:var(--navy)}
.scroll-story{height:235svh}.scroll-story[data-scene=share]{height:190svh}.scroll-story[data-scene=social]{height:215svh}
.story-stage{height:88svh;min-height:560px;gap:30px;grid-template-columns:1fr 1fr}.story-visual{height:min(78svh,740px)}
.glass{background:linear-gradient(130deg,#fffffff0,#faf6ffda 60%,#f1f8f3db);border:1px solid #ffffffef;box-shadow:0 1px 0 white inset,0 24px 65px -27px #263f4b44,0 0 0 1px #c9d8d240;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}





.download{width:100%;max-width:none;padding:85px 6% 80px;background:radial-gradient(ellipse at 50% 0,#25473c3b,transparent 58%),#17161c}
.download h2{color:#f5f6f3}.download p{color:#c8c7ce}.download>small{color:#aaaab4}.download>img{border-radius:24px;box-shadow:0 0 0 1px #ffffff33,0 15px 45px #00000020}.download .coming-soon{background:#ffffff0d;border:1px solid #ffffff30;backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff15}
@media(max-width:760px){.story-stage{height:94svh;min-height:0;gap:0}.story-visual{height:auto}.scroll-story{height:235svh}.scroll-story[data-scene=share]{height:195svh}.scroll-story[data-scene=social]{height:215svh}.story-bridge{padding:42px 0 48px}.download{padding:65px 7% 60px}}
@media(max-height:520px) and (min-width:761px){.story-stage{min-height:0;height:100svh}.story-visual{height:78svh}}
.reduced .scroll-story{height:auto}.reduced .story-stage{height:auto;min-height:0;padding-block:55px}.reduced .story-visual{height:520px;min-height:520px}

/* The green interlude belongs to the quotation; the social story stays white. */
#social-story{background:#fff}
.quote-section{width:100%;max-width:none;padding:82px 6% 76px;background:radial-gradient(ellipse at 80% 35%,#1e7a6238,transparent 55%),linear-gradient(155deg,#123e34,#10342e);text-align:center}
.quote-section blockquote{margin:0 auto;max-width:1030px}
.quote-section blockquote>p{font:200 clamp(34px,4.3vw,62px)/1.25 var(--display);letter-spacing:-1.5px;color:#f1f8f3;text-wrap:balance}
.quote-section cite{display:block;margin-top:25px;color:#b6d3c8;font-size:14px;font-weight:400}
@media(max-width:760px){.quote-section{padding:55px 7% 50px}.quote-section blockquote>p{font-size:35px;letter-spacing:-1px}.quote-section cite{margin-top:20px;font-size:12px}}
/* V1's original two-phone introduction, placed after the greeting world. */
.v1-intro{width:min(1320px,100%);margin:auto;min-height:720px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:65px 6%;overflow:hidden}
.v1-intro .hero-copy{position:relative;z-index:2;min-width:0}.v1-intro .eyebrow{font-size:9px;letter-spacing:1.8px}.v1-intro .tiny-star{font-size:21px;color:var(--teal);vertical-align:middle;margin-right:10px}
.v1-intro h2{font-size:clamp(51px,5.6vw,79px);line-height:1.03;letter-spacing:-2.8px;color:var(--ink);margin:25px 0}.v1-intro h2 em{font-style:normal;color:var(--bordeaux)}.v1-intro .hero-desc{font-size:14px;line-height:1.9;max-width:360px;margin-bottom:25px}
.v1-intro .store-button{display:inline-flex;align-items:center;gap:11px;background:var(--ink);color:white;padding:13px 20px;border-radius:14px}.v1-intro .store-button svg{width:23px;height:29px;fill:currentColor}.v1-intro .store-button small{display:block;font-size:9px;margin-bottom:3px;letter-spacing:.2px}.v1-intro .store-button strong{font-size:21px;font-weight:500;letter-spacing:-.5px}.v1-intro .store-arrow{font-size:18px;opacity:.6;margin-left:17px}.v1-intro .hero-note{font-size:9px;color:#8c8991;margin-top:17px;letter-spacing:.3px}
.v1-intro .hero-art{height:620px;position:relative;perspective:1300px;isolation:isolate}.v1-intro .halo{position:absolute;inset:30px -100px 0 -80px;background:radial-gradient(ellipse,#daefe680,#faebe066 34%,#ebe3f64d 50%,transparent 69%);z-index:-2}.v1-intro .orbit{position:absolute;width:440px;height:440px;border:1px solid #e8ece7;border-radius:50%;left:1%;top:80px;z-index:-1}.v1-intro .orbit-two{transform:scale(1.2);opacity:.5}
.v1-intro .phone{background:#141519;border-radius:44px;padding:7px;border:2px solid #c2c3c5;box-shadow:0 0 0 1px #6b6b70,7px 7px 0 -3px #e2e0df,0 30px 48px -18px #2c263942;position:absolute;overflow:hidden;aspect-ratio:794/1702}.v1-intro .phone img{width:100%;height:100%;object-fit:cover;border-radius:35px}.v1-intro .phone:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 2px 0 2px #ffffff88;pointer-events:none}.v1-intro .phone-back{left:0;top:90px;width:214px;transform:rotate(-12deg) rotateY(10deg)}.v1-intro .phone-front{right:3%;top:34px;width:235px;transform:rotate(9deg) rotateY(-8deg);z-index:2}
.v1-intro .floating-word{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;background:#fffffff0;border:1px solid #f1eeed;border-radius:13px;box-shadow:0 14px 40px #1d26300b;padding:15px 21px;font:200 25px var(--display);letter-spacing:-.5px}.v1-intro .floating-word small{display:block;font:9px -apple-system,sans-serif;color:var(--mute);margin-top:5px;letter-spacing:0}.v1-intro .word-one{top:67px;left:-25px;transform:rotate(-5deg)}.v1-intro .word-symbol{font-size:28px;color:var(--green)}.v1-intro .word-two{bottom:61px;right:0;font-size:20px;transform:rotate(-5deg)}.v1-intro .heart{color:var(--bordeaux);font-size:31px}.v1-intro .art-note{position:absolute;bottom:0;left:14%;font-size:10px;color:var(--mute);letter-spacing:.4px;display:flex;gap:8px;align-items:center}.v1-intro .mini-dot{height:5px;width:5px;border-radius:50%;background:var(--teal)}
.quote-section{padding-top:38px;padding-bottom:34px}.quote-section blockquote{max-width:1180px}.quote-section blockquote>p{font-size:clamp(29px,3.5vw,49px)}.quote-section cite{margin-top:14px;font-size:12px}
@media(min-width:761px) and (max-width:1050px){.v1-intro{gap:0;padding-inline:5%}.v1-intro h2{font-size:58px}.v1-intro .hero-art{transform:scale(.83);transform-origin:50% 50%;margin-inline:-35px}.v1-intro .hero-desc{max-width:300px}}
@media(max-width:760px){.v1-intro{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:55px 7% 30px;min-height:0}.v1-intro h2{font-size:clamp(52px,11vw,74px);letter-spacing:-2.4px}.v1-intro .hero-desc{font-size:13px}.v1-intro .hero-art{height:530px;width:100%;max-width:420px;align-self:center;transform:scale(.83);transform-origin:50% 45%;margin:0 -20px -50px;flex-shrink:0}.v1-intro .phone-back{width:190px;left:4%;top:100px}.v1-intro .phone-front{width:215px;right:4%;top:45px}.v1-intro .orbit{width:370px;height:370px;top:95px;left:0}.v1-intro .word-one{top:45px;left:-10px;padding:13px 17px;font-size:23px}.v1-intro .word-two{bottom:30px;right:-10px;font-size:19px}.v1-intro .art-note{bottom:-10px;left:15%}.quote-section{padding:28px 7% 26px}.quote-section blockquote>p{font-size:30px}.quote-section cite{margin-top:12px;font-size:11px}}
.wittgenstein-quote{background:radial-gradient(ellipse at 70% 0,#19536955,transparent 70%),var(--navy);padding-block:38px 34px}.wittgenstein-quote blockquote>p{color:#f0f7f8}
.wittgenstein-quote cite{color:#b5cfd6}
.dashboard-story{height:155svh;background:white;position:relative}.dashboard-stage{position:sticky;top:0;height:100svh;min-height:620px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.dashboard-copy{position:relative;z-index:2;max-width:480px}.dashboard-copy h2{font-size:clamp(44px,5.1vw,69px);line-height:1.08;letter-spacing:-2px;margin:26px 0;color:var(--ink)}.dashboard-description{font-size:14px;max-width:430px}.dashboard-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 24px;max-width:450px}.dashboard-tabs button{padding:12px 17px;border:1px solid #e6e3e5;border-radius:25px;font-size:11px;background:white;line-height:1.4}.dashboard-tabs button[aria-selected=true]{background:var(--navy);color:white;border-color:var(--navy)}.dashboard-caption{font-size:12px;max-width:390px;min-height:65px}
.dashboard-art{position:relative;height:min(86svh,760px);display:flex;align-items:center;justify-content:center;perspective:1300px;min-width:0;isolation:isolate}.dashboard-ring{position:absolute;left:50%;top:50%;width:450px;height:450px;max-width:105%;border:1px solid #dce7e1;background:radial-gradient(ellipse,#edf5f044,transparent 66%);border-radius:50%;transform:translate(-54%,-50%);z-index:-1}
.dashboard-phone{width:min(290px,35svh);position:relative;transform:translateX(-22px) rotate(-6deg);background:#141519;border:2px solid #b9babc;padding:7px;border-radius:44px;box-shadow:0 0 0 1px #6b6b70,5px 6px 0 -2px #ddd,0 30px 55px -18px #292b3645;flex-shrink:0}.dashboard-display{position:relative;aspect-ratio:780/1688;border-radius:35px;background:radial-gradient(ellipse at 0 0,#fbd7c7,transparent 65%),radial-gradient(ellipse at 100% 10%,#e5dbf4,transparent 60%),#f6f1ea}.dashboard-display>img{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;opacity:0}
@media(max-width:1050px){.dashboard-copy h2{font-size:50px}.dashboard-tabs{gap:8px}.dashboard-tabs button{font-size:10px;padding:10px 13px}.dashboard-phone{width:min(255px,34svh);transform:translateX(-10px) rotate(-6deg)}}
@media(max-width:760px){.wittgenstein-quote{padding:28px 7% 26px}.dashboard-story{height:165svh}.dashboard-stage{height:100svh;min-height:0;display:flex;flex-direction:column;gap:4px;justify-content:flex-start;padding-top:25px}.dashboard-copy{max-width:none;width:100%}.dashboard-copy .eyebrow{font-size:8px;letter-spacing:1.4px}.dashboard-copy h2{font-size:39px;letter-spacing:-1.3px;margin:15px 0}.dashboard-description{font-size:12px;line-height:1.7}.dashboard-tabs{margin:18px 0 12px;gap:7px;max-width:none}.dashboard-tabs button{font-size:9px;padding:8px 11px}.dashboard-caption{font-size:10px;line-height:1.6;min-height:32px;max-width:none}.dashboard-art{width:100%;flex:1;min-height:0;height:auto}.dashboard-phone{width:auto;height:90%;max-height:440px;aspect-ratio:798/1706;transform:rotate(-5deg);padding:4px;border-radius:28px}.dashboard-display{height:100%;border-radius:21px}.dashboard-ring{width:270px;height:270px;max-height:90%;transform:translate(-50%,-50%)}
}
@media(max-height:700px) and (max-width:760px){.dashboard-stage{padding-top:15px}.dashboard-copy h2{font-size:32px;margin:10px 0}.dashboard-tabs{margin-top:12px;gap:5px}.dashboard-tabs button{padding:6px 9px}.dashboard-caption{font-size:9px;min-height:25px}.dashboard-description{font-size:11px}.dashboard-phone{height:92%}}
@media(max-height:620px) and (min-width:761px){.dashboard-stage{min-height:0}.dashboard-phone{width:30svh}.dashboard-copy h2{font-size:39px;margin:16px 0}.dashboard-tabs{margin:18px 0 16px}.dashboard-description{font-size:12px}.dashboard-caption{font-size:11px}}
.reduced .dashboard-story{height:auto}.reduced .dashboard-stage{position:static;height:auto;min-height:0;padding-block:65px}.reduced .dashboard-art{height:660px;min-height:660px}.reduced #dashboard-final{opacity:1}
@media(max-width:760px){.reduced .dashboard-art{height:480px;min-height:480px;flex:auto}.reduced .dashboard-phone{height:90%}}
.dashboard-art{overflow:clip;overflow-clip-margin:12px}

/* The dashboard is shown complete from the first frame, with no assembly scroll track. */
.dashboard-story{height:auto}
.dashboard-stage{position:relative;height:auto;min-height:680px;padding-block:55px}
.dashboard-display>img{opacity:1}
@media(max-width:760px){.dashboard-stage{min-height:0;padding-block:45px;gap:20px}.dashboard-art{height:520px;min-height:520px;flex:auto}.dashboard-phone{height:90%;max-height:460px}}
@media(max-height:620px) and (min-width:761px){.dashboard-stage{min-height:570px}.dashboard-art{height:500px}.dashboard-phone{width:225px}}
/* Quiet white interludes: a small constellation, then the quotation. */
.quote-section,.wittgenstein-quote{background:#fff;padding:24px 6% 48px;overflow:hidden}
.quote-animation{position:relative;width:min(960px,100%);height:280px;margin:0 auto 12px;isolation:isolate}
.quote-animation:before{content:'';position:absolute;inset:10% 0;background:radial-gradient(ellipse at 35% 45%,#11ada008,transparent 62%),radial-gradient(ellipse at 70% 55%,#c98bff08,transparent 60%);transform:translateX(var(--quote-drift,0px));z-index:-1;pointer-events:none}
.quote-orbits{position:absolute;inset:0;width:100%;height:100%;stroke:#b9d5d0;stroke-width:.65}
.quote-orbit-track{stroke:var(--teal);stroke-width:1;stroke-dasharray:15 2400}
.quote-logo{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);border-radius:21px;overflow:hidden;box-shadow:0 12px 40px #16564608}
.quote-logo img{width:70px;height:70px}.quote-word{position:absolute;font:200 29px/1.1 var(--display);color:var(--navy);letter-spacing:-.5px}.quote-word small{display:block;font:7px -apple-system,sans-serif;letter-spacing:2px;margin-top:7px;color:#8b9e9b;text-align:center}
.qhello{left:13%;top:26%;transform:rotate(-6deg)}.qbonjour{right:12%;top:17%;transform:rotate(5deg)}.qmerhaba{right:16%;bottom:12%;transform:rotate(6deg)}.qhola{left:24%;bottom:12%;transform:rotate(-5deg)}
.quote-dot{position:absolute;width:5px;height:5px;border:1px solid white;background:var(--teal);border-radius:50%;box-shadow:0 0 0 4px #11ada008}.qdot1{left:10%;top:62%}.qdot2{right:9%;top:57%}
.quote-section blockquote{background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;margin:0 auto;padding:0;max-width:1020px}
.quote-section blockquote>p,.wittgenstein-quote blockquote>p{font:200 clamp(27px,3.1vw,41px)/1.35 var(--display);letter-spacing:-.8px;color:var(--navy);text-wrap:balance}
.quote-section cite,.wittgenstein-quote cite{font:400 11px/1.6 -apple-system,BlinkMacSystemFont,sans-serif;display:block;color:var(--mute);letter-spacing:.2px;margin-top:14px}
@media(max-width:760px){.quote-section,.wittgenstein-quote{padding:20px 7% 36px}.quote-animation{height:205px;margin-bottom:16px}.quote-orbits{width:540px;max-width:none;left:50%;transform:translateX(-50%)}.quote-logo img{width:52px;height:52px}.quote-logo{border-radius:16px}.quote-word{font-size:23px}.quote-word small{font-size:6px;letter-spacing:1px}.qhello{left:2%;top:22%}.qbonjour{right:1%;top:17%}.qmerhaba{right:1%;bottom:13%}.qhola{left:12%;bottom:10%}.quote-section blockquote>p,.wittgenstein-quote blockquote>p{font-size:29px;line-height:1.3;letter-spacing:-.5px}.quote-section cite,.wittgenstein-quote cite{font-size:10px;margin-top:12px}}
/* Two product stories, rather than repeating the opening's greeting constellation. */
.quote-animation{height:300px;margin-bottom:25px}.graphic-kicker{position:absolute;left:0;right:0;top:8px;text-align:center;font-size:8px;letter-spacing:1.6px;color:#8a9696;z-index:2}.memory-path{position:absolute;inset:32px 0 10px;width:100%;height:250px;stroke:#d8e4df;stroke-width:.8}.memory-progress{stroke:var(--teal);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1}.memory-marker{fill:var(--teal);stroke:white;stroke-width:2}.memory-label{position:absolute;font-family:var(--display);font-weight:200;line-height:1.15;z-index:1}.memory-label>span{font-size:29px;color:var(--navy)}.memory-label small{display:block;font:8px -apple-system,sans-serif;color:var(--mute);margin-top:8px;letter-spacing:.5px}.memory-first{left:7%;top:52%;opacity:.45;transform:rotate(-5deg)}.memory-last{right:5%;top:27%;transform:rotate(3deg)}.memory-last i{color:var(--teal);font:17px -apple-system,sans-serif;font-style:normal}.memory-card{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);width:265px;padding:21px 25px;border:1px solid #ece8ee;border-radius:19px;background:linear-gradient(130deg,#fff,#fcf8fc 65%,#f4faf7);box-shadow:0 18px 40px -24px #38493c30}.memory-card>small{display:block;font-size:7px;letter-spacing:1.3px;color:#98929d}.memory-card>strong{font:200 38px var(--display);color:var(--bordeaux);display:block;margin:13px 0 7px}.memory-card>span{font-size:10px;color:var(--green);line-height:1.5;display:block}.memory-footnote,.exchange-footnote{position:absolute;left:10px;right:10px;bottom:0;text-align:center;font-size:9px;line-height:1.6;color:#909398}.exchange-graphic{height:330px}.exchange-path{position:absolute;inset:10px 0 15px;width:100%;height:300px;stroke:#d6e3df;stroke-width:.85}.exchange-source{position:absolute;left:8%;top:37%;width:235px}.exchange-source>small{font-size:8px;letter-spacing:1px;color:var(--teal)}.exchange-source>strong{display:block;font:200 36px var(--display);letter-spacing:-.6px;color:var(--bordeaux);margin:10px 0}.exchange-source>span{font-size:9px;color:var(--mute)}.exchange-bubble{position:absolute;padding:13px 18px;border:1px solid #eee9f0;border-radius:17px 17px 17px 0;background:#ffffffeb;box-shadow:0 12px 30px -19px #46374c28;max-width:285px}.exchange-bubble small{font-size:8px;color:var(--mute)}.exchange-bubble p{font-size:11px;color:var(--navy);line-height:1.6;margin-top:5px}.exchange-one{left:51%;top:14%}.exchange-two{left:62%;top:43%;background:linear-gradient(140deg,#fff,#f8f2fb)}.exchange-three{left:48%;top:71%}.exchange-typing{position:absolute;right:13px;bottom:5px;color:#ba809c;letter-spacing:2px;font-size:11px}
@media(max-width:760px){.quote-animation{height:315px;margin-bottom:23px}.graphic-kicker{font-size:7px;letter-spacing:1.1px;top:7px}.memory-path{width:520px;max-width:none;left:50%;transform:translateX(-50%);top:35px}.memory-first{left:2%;top:19%}.memory-last{right:1%;top:77%}.memory-label>span{font-size:23px}.memory-label small{font-size:7px;margin-top:4px}.memory-card{width:220px;padding:18px 20px;top:49%}.memory-card>strong{font-size:33px;margin:10px 0 5px}.memory-card>span{font-size:9px}.memory-footnote,.exchange-footnote{font-size:8px;bottom:-2px}.exchange-graphic{height:365px}.exchange-path{display:none}.exchange-source{left:4%;top:14%;width:auto}.exchange-source>strong{font-size:32px;margin:7px 0}.exchange-source>span{font-size:8px}.exchange-bubble{padding:10px 13px;max-width:240px}.exchange-bubble p{font-size:10px}.exchange-one{left:auto;right:0;top:39%}.exchange-two{left:3%;top:58%}.exchange-three{left:auto;right:1%;top:77%}.exchange-footnote{bottom:-5px;padding:0 5px}}
/* Quotations match the opening's small, spaced grey eyebrow typography. */
.quote-section blockquote>p,.wittgenstein-quote blockquote>p{font:500 10px/1.7 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:2.2px;text-transform:uppercase;color:var(--mute);text-wrap:balance}
.quote-section cite,.wittgenstein-quote cite{font:400 9px/1.7 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:1px;color:var(--mute);margin-top:10px}
@media(max-width:760px){.quote-section blockquote>p,.wittgenstein-quote blockquote>p{font-size:8px;letter-spacing:1.5px;line-height:1.9}.quote-section cite,.wittgenstein-quote cite{font-size:8px;margin-top:9px}}
/* Never reveal an empty screenshot background before the image has decoded. */
.js .screen:not(.screen-ready){visibility:hidden!important;pointer-events:none!important}
/* Consistent section rhythm: white entrances and a faint brand tint at each exit. */
main>section{--section-end:#f6faf8;background:linear-gradient(180deg,#fff 0%,#fff 72%,var(--section-end) 100%)}
main>.hero{--section-end:#f5faf8}
main>.v1-intro{--section-end:#fbf8f3;width:100%;max-width:none;padding-inline:max(6%,calc((100% - 1160px)/2))}
main>#word-story{--section-end:#f8f5fb}
main>.quote-section{--section-end:#f5faf8;background:linear-gradient(180deg,#fff 0%,#fff 65%,var(--section-end) 100%)}
main>#share-story{--section-end:#fcf6f8}
main>#social-story{--section-end:#f4f9f8;background:linear-gradient(180deg,#fff 0%,#fff 72%,var(--section-end) 100%)}
main>.wittgenstein-quote{--section-end:#f6f8fb}
main>.dashboard-story{--section-end:#fbf8f2}
main>.download{--section-end:#f8f5fa;background:linear-gradient(180deg,#fff 0%,#fff 65%,var(--section-end) 100%)}
.download h2{color:var(--navy)}.download p,.download>small{color:var(--mute)}.download>img{box-shadow:none}.download .coming-soon{background:var(--navy);border:1px solid var(--navy);box-shadow:none}
.scroll-story{height:220svh}.scroll-story[data-scene=share]{height:175svh}.scroll-story[data-scene=social]{height:195svh}
.story-stage{height:76svh;min-height:540px}.story-visual{height:min(68svh,650px)}
/* Reduce the empty tail before the directly adjacent conversation scene. */
#share-story+.scroll-story{margin-top:-7svh}
@media(min-width:761px){.story-visual .screen{max-width:27svh}}
@media(max-width:760px){main>.v1-intro{padding-inline:7%}.story-stage{height:88svh;min-height:0}.story-visual{height:auto}.scroll-story{height:220svh}.scroll-story[data-scene=share]{height:180svh}.scroll-story[data-scene=social]{height:200svh}#share-story+.scroll-story{margin-top:-3svh}}
@media(max-height:520px) and (min-width:761px){.story-stage{min-height:0;height:100svh}.story-visual{height:78svh}}
.reduced .scroll-story{height:auto}.reduced .story-stage{height:auto;min-height:0}.reduced .story-visual{height:520px;min-height:520px}.reduced #share-story+.scroll-story{margin-top:0}
/* Erasmus only: keep the whole graphic and quotation white; tint starts below it. */
main>.story-bridge.quote-section{background-color:#fff;background-image:linear-gradient(180deg,#fff,var(--section-end));background-repeat:no-repeat;background-position:center bottom;background-size:100% 73.3px}
.story-bridge.quote-section .quote-animation:before{background:none}
@media(max-width:760px){main>.story-bridge.quote-section{background-size:100% 58.6px}}
/* Show only the original teal mark in the greeting scene, without its app-icon tile. */
.world-logo{background:none;border-radius:0;box-shadow:none;overflow:visible;mix-blend-mode:multiply}
.world-logo img{border-radius:0;box-shadow:none}
/* A true alpha cutout of the supplied logo; no white pixel tile remains. */
.world-logo{mix-blend-mode:normal;background:transparent}
.world-brand-mark{display:block;width:100px;height:100px;overflow:visible}
@media(max-width:760px){.world-brand-mark{width:75px;height:75px}}
/* Broaden the existing recall composition without adding a new feature or copy. */
@media(min-width:761px){#word-story .recall-screen{width:245px;max-width:28.5svh}#word-story .repeat-orbit{width:520px;height:420px}#word-story .repeat-orbit svg{overflow:visible}}
/* A passing Sunset highlight, with the eyebrow's typography and spacing unchanged. */
@supports ((background-clip:text) or (-webkit-background-clip:text)){
.hero-heading>.eyebrow{background-image:linear-gradient(105deg,#7c7a85 0%,#7c7a85 35%,#b87335 43%,#c43c65 49%,#8f5cae 55%,#7c7a85 65%,#7c7a85 100%);background-size:300% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:eyebrowSunset 9s linear infinite}
}
@keyframes eyebrowSunset{from{background-position:100% 0}to{background-position:0% 0}}
.reduced .hero-heading>.eyebrow{animation:none;background:none;-webkit-text-fill-color:currentColor}
@media(prefers-reduced-motion:reduce){.hero-heading>.eyebrow{animation:none;background:none;-webkit-text-fill-color:currentColor}}
.hero-heading>.eyebrow{font-size:12px}
@media(max-width:760px){.hero-heading>.eyebrow{font-size:9.6px}}
/* Scale the two-phone scene and cards by 7.5% from the original, at every breakpoint. */
.v1-intro .hero-art{scale:.925}
/* Opening slogan: retain all typography, add only the Sunset light sweep. */
@supports ((background-clip:text) or (-webkit-background-clip:text)){
.intro-inner>p{background-image:linear-gradient(105deg,#9a1f40 0%,#9a1f40 35%,#b87335 43%,#c43c65 49%,#8f5cae 55%,#9a1f40 65%,#9a1f40 100%);background-size:300% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:introIn .5s .5s both,eyebrowSunset 5s linear infinite}
}
.reduced .intro-inner>p{background:none;-webkit-text-fill-color:currentColor;animation:none}
@media(prefers-reduced-motion:reduce){.intro-inner>p{background:none;-webkit-text-fill-color:currentColor;animation:none}}
/* Live Stream: the app's Sunset radar and softly breathing neon wordmark. */
.exchange-graphic>.graphic-kicker{font-size:10px;display:flex;align-items:center;justify-content:center;gap:11px;line-height:1.8}
.live-neon-radar{position:relative;display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:linear-gradient(145deg,#ff9f4a,#ff4d79);box-shadow:0 0 8px #ff4d7955;animation:liveNeonGlow 2.4s ease-in-out infinite}
.live-neon-radar:before,.live-neon-radar:after{content:'';position:absolute;inset:-3px;border:1px solid #ff4d79;border-radius:50%;animation:liveNeonRadar 2.2s ease-out infinite}
.live-neon-radar:after{animation-delay:1.1s}
.live-neon-name{color:#c43c65;background:linear-gradient(100deg,#c57434,#ff4d79,#a269d0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;animation:liveNeonWord 2.4s ease-in-out infinite}
@keyframes liveNeonRadar{0%{transform:scale(.65);opacity:.9}100%{transform:scale(2.1);opacity:0}}
@keyframes liveNeonGlow{0%,100%{box-shadow:0 0 5px #ff4d7930}50%{box-shadow:0 0 11px #ff4d7980}}
@keyframes liveNeonWord{0%,100%{opacity:.75}50%{opacity:1}}
@media(max-width:760px){.exchange-graphic>.graphic-kicker{font-size:8.5px;letter-spacing:.9px;gap:7px}.live-neon-radar{width:6px;height:6px}}
.reduced .live-neon-radar,.reduced .live-neon-radar:before,.reduced .live-neon-radar:after,.reduced .live-neon-name{animation:none}
@media(prefers-reduced-motion:reduce){.live-neon-radar,.live-neon-radar:before,.live-neon-radar:after,.live-neon-name{animation:none}}
/* More readable Live Stream conversation, retaining its airy, fine-lined composition. */
.exchange-graphic{width:min(1060px,100%);height:390px}
.exchange-source{width:275px}.exchange-source>small{font-size:10px}.exchange-source>strong{font-size:42px}.exchange-source>span{font-size:12px;line-height:1.6;display:block}
.exchange-path{height:350px}
.exchange-bubble{max-width:320px;padding:16px 21px}.exchange-bubble small{font-size:10px;color:#74717e}.exchange-bubble p{font-size:14px;line-height:1.65;margin-top:6px}
.exchange-footnote{font-size:10px}
@media(max-width:760px){.exchange-graphic{height:460px}.exchange-source{width:auto;left:4%;top:13%}.exchange-source>small{font-size:9px}.exchange-source>strong{font-size:38px}.exchange-source>span{font-size:11px}.exchange-bubble{max-width:270px;padding:13px 16px}.exchange-bubble small{font-size:9px}.exchange-bubble p{font-size:12px;line-height:1.65}.exchange-one{top:37%;right:0}.exchange-two{top:56%;left:3%}.exchange-three{top:75%;right:1%}.exchange-footnote{font-size:9px;bottom:0}}

/* Who it's for + global community (23 Oct 2026). Scroll-bound via sections.mjs; white, frameless. */
.audience{background:linear-gradient(#fff 58%,#fdf8f1);padding:150px 0 140px}
.audience-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;align-items:start}
.audience-head{position:sticky;top:120px}
.audience-head h2,.community-head h2{font-size:clamp(40px,4.5vw,66px);line-height:1.09;letter-spacing:-2px;color:var(--navy);margin:27px 0 26px}
.audience-head>p:last-child,.community-head>p:last-child{font-size:14px;line-height:1.9;max-width:430px}
.audience-list{list-style:none;margin:0;padding:0;counter-reset:aud;display:grid;gap:58px}
.audience-list li{position:relative;padding-left:64px;opacity:var(--a,1);transform:translateY(calc((1 - var(--a,1))*28px))}
.audience-list li:before{counter-increment:aud;content:"0" counter(aud);position:absolute;left:0;top:14px;font-size:10px;letter-spacing:2px;color:var(--mute)}
.audience-list h3{font-size:clamp(30px,2.8vw,40px);letter-spacing:-1.2px;color:var(--navy);line-height:1.15}
.audience-list p{font-size:14px;line-height:1.8;max-width:430px;margin-top:10px}
.audience-word{display:block;font:200 19px var(--display);color:var(--bordeaux);letter-spacing:-.3px;margin-bottom:6px;transform:translateX(calc((1 - var(--a,1))*-18px))}
.community{background:linear-gradient(#fff 55%,#f0f9f7);padding:150px 0 120px;text-align:center;overflow-x:clip}
.community-head>p:last-child{margin:0 auto}
.globe{position:relative;width:min(620px,94vw);aspect-ratio:1;margin:30px auto 0}
.globe svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.globe .outline{fill:url(#globe-fill);stroke:#d3e7e3;stroke-width:1}
.globe .grid path{fill:none;stroke:#cfe4e0;stroke-width:.7}
.globe .links path{fill:none;stroke:var(--teal);stroke-width:1.4;stroke-dasharray:1 1;stroke-linecap:round}
.globe .dots circle{fill:var(--teal)}
.globe .dots .place{fill:var(--bordeaux);stroke:#fff;stroke-width:2}
.globe-chips{position:absolute;inset:0;container-type:inline-size;pointer-events:none}
.globe-chip{position:absolute;left:0;top:0;white-space:nowrap;text-align:center;opacity:0;will-change:transform,opacity}
.globe-chip span{display:block;font:200 16px var(--display);color:var(--navy);letter-spacing:-.4px}
.globe-chip small{display:block;font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--mute);margin-top:3px}
.community-note{font-size:9px;letter-spacing:1.5px;color:#9a98a2;margin-top:10px}
.community-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:20px;text-align:center}
.community-pillars h3{font-size:30px;letter-spacing:-1px;color:var(--navy)}
.community-pillars p{font-size:13px;line-height:1.8;margin:12px auto 0;max-width:320px}
@media(max-width:760px){.audience{padding:80px 0 70px}.audience-inner{grid-template-columns:1fr;gap:44px}.audience-head{position:static}.audience-head h2,.community-head h2{font-size:clamp(33px,8.3vw,43px);letter-spacing:-1.2px;margin:18px 0 16px}.audience-head>p:last-child,.community-head>p:last-child{font-size:12px;line-height:1.75}.audience-list{gap:38px}.audience-list li{padding-left:40px}.audience-list li:before{top:10px;font-size:9px}.audience-list h3{font-size:28px}.audience-list p{font-size:12px}.audience-word{font-size:16px}.community{padding:80px 0 70px}.globe{width:100%;margin-top:10px}.globe-chip span{font-size:15px}.globe-chip small{font-size:6.5px;letter-spacing:1.2px}.community-pillars{grid-template-columns:1fr;gap:30px;margin-top:40px}.community-pillars h3{font-size:26px}.community-pillars p{font-size:12px}}
.globe-chip.arrived span{color:var(--bordeaux)}.globe-chip.arrived:after{content:'';position:absolute;left:50%;top:calc(100% + 10px);width:34px;height:34px;margin-left:-17px;border-radius:50%;border:1px solid #9a1f4055;box-shadow:0 0 0 8px #9a1f400d}
.globe-bubble{position:absolute;left:0;top:0;z-index:2;opacity:0;white-space:nowrap;text-align:center;padding:10px 16px 9px;border-radius:18px 18px 18px 4px;background:linear-gradient(130deg,#fffffff2,#faf6fff0);box-shadow:0 14px 34px -14px #49396055,0 0 0 1px #eee7f2;will-change:transform,opacity}
.globe-bubble strong{display:block;font:200 22px var(--display);color:var(--bordeaux);letter-spacing:-.4px}
.globe-bubble small{display:block;font-size:8px;letter-spacing:1px;color:var(--mute);margin-top:3px}
@media(max-width:760px){.globe-chip span{font-size:12px}.globe-chip small{font-size:5.5px}.globe-bubble{padding:7px 11px 6px}.globe-bubble strong{font-size:16px}.globe-bubble small{font-size:6.5px}}
/* Pinned globe: three word journeys play in turn while the stage holds still. */
.globe-scroll{position:relative;height:540svh;margin-top:20px}
.globe-stage{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.globe-stage .globe{width:min(620px,94vw,80svh);margin:0}
body.reduced .globe-scroll{height:auto}body.reduced .globe-stage{position:static;height:auto}
@media(max-width:760px){.globe-scroll{height:480svh;margin-top:0}.globe-stage .globe{width:100%}}
/* Mobile type scale: body 16px, secondary 14px, smallest 12px, tap targets 44px (Apple HIG / Material). */
@media(max-width:760px){
.hero-description,.hero-desc,.story-copy p,.audience-head>p:last-child,.community-head>p:last-child,.audience-list p,.community-pillars p,.dashboard-description,.download p{font-size:16px;line-height:1.55;max-width:100%}
.dashboard-caption{font-size:14px;line-height:1.5;min-height:42px}
.eyebrow,.hero .eyebrow,.story-text>.eyebrow,.dashboard-copy .eyebrow,.v1-intro .eyebrow{font-size:12px;letter-spacing:1.2px;line-height:1.5}
.scroll-hint,.hero-note,.art-note,.community-note,.download>small,.demo-label{font-size:12px;letter-spacing:.3px}
.graphic-kicker,.graphic-kicker span,.live-neon-name{font-size:12px;letter-spacing:.8px}
.memory-footnote,.exchange-footnote{font-size:13px;line-height:1.5}
.quote-section blockquote p,.quote-section blockquote p span{font-size:14px;letter-spacing:1.2px;line-height:1.6}
.quote-section cite{font-size:12px}
.memory-label small,.memory-card small,.memory-card span,.exchange-source span,.exchange-bubble small{font-size:12px}
.exchange-bubble p{font-size:14px}
.word-card,.social-card{width:min(300px,86vw)}.conversation{width:min(310px,88vw)}
.word-kind,.card-person,.card-person small,.card-actions,.message small,.conversation-header,.conversation-header small,.small-word>span{font-size:12px}
.meaning{font-size:14px}.word-example,.social-example,.saved-note{font-size:13px}.message p{font-size:14px;line-height:1.45}.reply p{min-height:62px}
.dashboard-tabs button{font-size:14px;padding:10px 14px;min-height:44px}
.languages,.languages button{font-size:14px}.languages button{min-width:32px;min-height:44px}
.footer,.footer button,.footer span{font-size:13px}.footer button{min-height:44px}
.intro-words{font-size:14px;flex-wrap:wrap;gap:12px 20px}.intro>button{font-size:14px;min-height:44px}
dialog>p{font-size:12px}.coming-soon{font-size:15px}
.globe-chip span{font-size:13px}.globe-chip small{font-size:9px;letter-spacing:.8px}.globe-bubble strong{font-size:18px}.globe-bubble small{font-size:11px}
.copy-stack{height:auto;min-height:0}
}
@media(max-width:760px){.v1-intro .hero-note,.v1-intro .art-note,.art-note,.hero-note{font-size:12px}.floating-word small,.exchange-source small{font-size:12px}.greeting small{font-size:11px;letter-spacing:1px}}
@media(max-height:700px) and (max-width:760px){.story-copy h2{font-size:28px}.story-copy p{font-size:15px;line-height:1.45}.screen{width:120px}}
/* Mobile refinement: larger brand mark, body 18px, secondary 15px. */
@media(max-width:760px){
.header .brand img{width:50px;height:50px}.header .brand>span{font-size:28px}
.hero-description,.hero-desc,.story-copy p,.audience-head>p:last-child,.community-head>p:last-child,.audience-list p,.community-pillars p,.dashboard-description,.download p{font-size:18px;line-height:1.5}
.dashboard-caption{font-size:15px}.meaning,.message p,.exchange-bubble p{font-size:15px}.word-example,.social-example,.saved-note,.memory-footnote,.exchange-footnote{font-size:14px}
}
@media(max-height:700px) and (max-width:760px){.story-copy p{font-size:16px;line-height:1.45}}
.m-br{display:none}
@media(max-width:1050px){.m-br{display:inline}}
/* Readability scale for every screen: desktop/laptop/tablet body 18px, secondary 15px, smallest 13px. */
:root{--mute:#5c5a66}
.community-note,.demo-label,.scene-index,.greeting small,.languages button,.footer,.memory-footnote,.exchange-footnote{color:var(--mute)}
@media(min-width:761px){
.hero-description,.hero-desc,.story-copy p,.audience-head>p:last-child,.community-head>p:last-child,.audience-list p,.dashboard-description,.download p{font-size:18px;line-height:1.6}
.story-copy p,.audience-list p,.audience-head>p:last-child{max-width:480px}.community-head>p:last-child{max-width:640px}
.community-pillars p{font-size:17px;line-height:1.55;max-width:340px}.dashboard-caption{font-size:16px;line-height:1.5}
.eyebrow,.hero-heading>.eyebrow,.story-text>.eyebrow,.dashboard-copy .eyebrow,.v1-intro .eyebrow{font-size:13px;letter-spacing:1.8px}
.header nav{font-size:15px}.languages,.languages button{font-size:14px}.nav-cta{font-size:14px}
.scroll-hint,.hero-note,.art-note,.community-note,.download>small,.demo-label,.scene-index{font-size:13px}
.graphic-kicker,.graphic-kicker span,.live-neon-name{font-size:13px;letter-spacing:1px}
.memory-footnote,.exchange-footnote{font-size:15px}.quote-section blockquote p,.quote-section blockquote p span{font-size:16px;letter-spacing:1.6px;line-height:1.6}.quote-section cite{font-size:14px}
.memory-label small,.memory-card small,.memory-card span,.exchange-source span,.exchange-bubble small{font-size:14px}.exchange-bubble p{font-size:16px}
.word-card,.social-card{width:350px}.conversation{width:370px}
.word-kind,.card-person,.card-person small,.card-actions,.message small,.conversation-header,.conversation-header small,.small-word>span{font-size:13px}
.meaning{font-size:16px}.word-example,.social-example,.saved-note{font-size:15px}.message p{font-size:15px;line-height:1.5}.reply p{min-height:68px}
.dashboard-tabs button{font-size:15px;padding:12px 18px}.coming-soon{font-size:15px}
.footer,.footer button,.footer span{font-size:14px}dialog>p{font-size:14px}.intro-words{font-size:16px}.intro>button{font-size:14px}
.globe-chip small{font-size:11px;letter-spacing:1px}.globe-bubble small{font-size:13px}.floating-word small{font-size:13px}.greeting small{font-size:12px}
.copy-stack{min-height:0}
}
@media(max-width:760px){
.eyebrow,.hero .eyebrow,.hero-heading>.eyebrow,.story-text>.eyebrow,.dashboard-copy .eyebrow,.v1-intro .eyebrow{font-size:13px}
.scroll-hint,.hero-note,.art-note,.community-note,.download>small,.demo-label,.graphic-kicker,.graphic-kicker span,.live-neon-name,.word-kind,.card-person,.card-person small,.card-actions,.message small,.conversation-header,.conversation-header small,.small-word>span,.memory-label small,.memory-card small,.memory-card span,.exchange-source span,.exchange-bubble small,.floating-word small,.quote-section cite,dialog>p{font-size:13px}
.footer,.footer button,.footer span{font-size:14px}
}
.brand,.brand>span,.header nav a,.nav-cta{white-space:nowrap}
@media(min-width:1051px){.story-stage{grid-template-columns:1.1fr 1fr}.story-copy h2{font-size:clamp(38px,3.7vw,54px);letter-spacing:-1.6px}}
@media(min-width:761px) and (max-width:1050px){
.header{gap:16px;padding:0 4%}.header nav{gap:18px;font-size:14px}.header-actions{gap:14px}.nav-cta{display:none}
.story-stage{grid-template-columns:.85fr 1.15fr;gap:24px}.story-copy h2{font-size:clamp(34px,4.6vw,44px);letter-spacing:-1.2px}
.word-card,.social-card{width:290px;padding:22px}.conversation{width:300px;padding:18px}.message p{font-size:14px}
.story-visual{overflow:visible}
}
.v1-intro .hero-desc,.v1-intro .hero-copy .hero-desc{font-size:18px;line-height:1.55;max-width:100%}
.intro:focus{outline:0}