:root{--cream:#fff6e5;--ink:#492229;--cherry:#ae284b;--lilac:#e5d9f5;--violet:#654577;--line:#e5cbbb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1;letter-spacing:-.055em}h1{font-size:clamp(58px,6.8vw,100px);font-weight:900;margin:30px 0}h2{font-size:clamp(39px,4.6vw,66px)}h3{font-size:42px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;touch-action:manipulation}img{display:block;width:100%;height:auto}p{text-wrap:pretty}a:focus-visible,button:focus-visible{outline:3px solid #714a98;outline-offset:6px}.shell{width:min(1320px,90%);margin:auto}.skip{position:absolute;top:-100px;left:20px;padding:15px;background:var(--ink);color:white;z-index:100}.skip:focus{top:10px}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:43px;font-weight:950;letter-spacing:-.09em;line-height:1;display:flex;align-items:flex-start}.logo-dot{width:10px;height:10px;background:var(--cherry);border-radius:50%;margin:3px 0 0 6px}.future-mark{font:italic 23px Georgia,serif;letter-spacing:-.04em;margin:11px 0 0 13px;color:var(--cherry)}.back{font-size:13px;padding:10px 0}.back:hover,.quiet-link:hover{color:var(--cherry)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:700;color:var(--cherry)}.status-dot{display:inline-block;width:8px;height:8px;background:var(--cherry);border-radius:50%;margin-right:8px}.hero{padding:58px 0 60px;display:grid;grid-template-columns:1fr 1.08fr;gap:35px;align-items:center}.hero h1 em{color:var(--cherry)}.lead{font-size:25px;line-height:1.3;font-weight:700;letter-spacing:-.03em}.intro{font-size:17px;max-width:470px;margin:20px 0 28px;color:#76545b}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;padding:18px 25px;background:var(--cherry);color:var(--cream);font-size:13px;font-weight:700;border-radius:99px;transition:transform .2s,background .2s;min-height:54px}.button:hover{transform:translateY(-2px);background:#8f1d3b}.button span{font-size:22px;line-height:1}.concept-label{font-size:11px;color:#80616a;margin-top:16px}.hero-art{position:relative;transform:rotate(2deg)}.hero-art>img{border-radius:36px;background:#f0dfd3;aspect-ratio:1.5;object-fit:contain;box-shadow:0 12px 0 #ead7c4}.hero-art figcaption{font-size:10px;color:#80616a;text-align:center;margin-top:22px}.sticker{position:absolute;z-index:1;top:6%;left:-6%;transform:rotate(-12deg);background:#f6df8b;color:var(--cherry);font-size:23px;font-weight:700;line-height:1.15;padding:22px;border-radius:50%;width:133px;height:133px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 5px 0 #d9af7055}.sticker em{font-size:26px}.ribbon{display:flex;justify-content:center;align-items:center;gap:clamp(15px,5vw,80px);padding:22px 5%;background:var(--cherry);color:var(--cream);font-size:clamp(17px,2vw,29px);letter-spacing:-.03em;font-weight:700}.ribbon i{font-style:normal;color:#f6df8b;font-size:30px}.stories{padding-top:90px;padding-bottom:90px}.section-top{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-bottom:38px}.section-top>.eyebrow{padding-top:8px}.section-top h2{width:66%}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.story{overflow:hidden;border-radius:32px;background:#f8d9cb}.story.ai{background:var(--lilac);margin-top:50px}.scene{overflow:hidden;width:100%;aspect-ratio:.95}.scene img{width:200%;max-width:none;height:100%;object-fit:cover;object-position:center top}.scene-ai img{transform:translateX(-50%)}.story-copy{padding:30px 34px 36px}.story-copy>.eyebrow{margin-bottom:18px}.story h3{margin-bottom:19px}.story p:not(.eyebrow){font-size:16px;color:#76545b;max-width:460px}.play-section{background:var(--lilac);border-radius:60px;margin:0 2%;padding:65px 0 50px;color:#43254d}.play-section .shell{width:92%;max-width:1270px}.play-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.play-heading h2{margin-top:24px}.play-intro{max-width:390px}.play-intro>p{font-size:16px;color:#654b71}.mode-switch{display:inline-flex;border:1px solid #c5aad9;padding:5px;border-radius:40px;margin-top:25px;gap:3px;background:#eee5f6}.mode-switch button{border:0;padding:12px 18px;background:transparent;color:#654577;border-radius:30px;font-size:12px;font-weight:700}.mode-switch button[aria-pressed=true]{background:#654577;color:#fff6e5;box-shadow:0 3px 8px #43254d18}.playground{display:grid;grid-template-columns:1fr 180px 1fr;align-items:center;max-width:850px;margin:50px auto 0}.endpoint{display:flex;flex-direction:column;align-items:center;gap:17px}.endpoint-label{font-size:12px;font-weight:700;letter-spacing:.03em;text-align:center}.endpoint-hint{font-size:11px;min-height:18px;color:#654b71}.bite-button,.reply-object{position:relative;border:0;background:#fff6e5;width:200px;height:200px;display:grid;place-items:center;border-radius:50%;box-shadow:0 7px 0 #c6afd9;transition:transform .2s}.bite-button{background:#f8e9b6}.bite-button:hover{transform:rotate(-5deg)}.bite-button:disabled{cursor:wait;opacity:1}.loop-shape{position:absolute;display:block;width:111px;height:64px;background:var(--cherry);border-radius:48%;transform:rotate(-30deg);box-shadow:inset 0 -8px 8px #611d3925,0 7px 9px #43254d16;left:35px;top:50px}.loop-shape:before{content:'';position:absolute;left:13px;top:13px;width:40px;height:35px;border-radius:50%;background:#f8e9b6;box-shadow:inset 0 4px 6px #43254d25}.loop-shape>span{position:absolute;right:-28px;top:14px;width:65px;height:49px;border-radius:48%;background:repeating-linear-gradient(90deg,transparent 0px,transparent 10px,#ffffff25 11px,#ffffff25 13px),var(--cherry);box-shadow:inset 0 -5px 6px #611d3925}.reply-object .loop-shape{background:#9672b5;transform:rotate(30deg)}.reply-object .loop-shape:before{background:#fff6e5}.reply-object .loop-shape>span{background:repeating-linear-gradient(90deg,transparent 0px,transparent 10px,#ffffff25 11px,#ffffff25 13px),#9672b5}.bite-word,.reply-word{position:absolute;bottom:30px;font-size:25px;font-weight:800;letter-spacing:-.05em;color:var(--cherry)}.reply-word{color:#654577}.signal-path{height:70px;position:relative;margin:0 -5px}.signal-track{position:absolute;left:0;right:0;top:28px;border-top:2px dashed #a88abf}.signal-caption{position:absolute;top:48px;width:100%;text-align:center;font-size:10px;color:#654b71}.signal-orb{position:absolute;left:0;top:21px;width:16px;height:16px;border-radius:50%;background:var(--cherry);opacity:0}.playground[data-phase=send] .signal-orb{animation:travel .65s ease-in-out forwards}.playground[data-phase=send] .bite-button{animation:squish .45s ease-in-out}.playground[data-phase=reply] .signal-orb{background:#654577;animation:return .65s ease-in-out forwards}.playground[data-phase=reply] .reply-object{animation:squish .45s ease-in-out}.playground[data-phase=received] .bite-button{animation:answer .6s ease-in-out}.playground[data-mode=ai][data-phase=reply] .reply-object{animation:squish .32s ease-in-out 2}.demo-status{font-weight:700;font-size:14px;text-align:center;min-height:24px;margin-top:28px}.demo-note{text-align:center;font-size:11px;margin-top:8px;color:#654b71}.idea-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid #c6afd9;padding-top:26px;margin-top:35px}.idea-flow>div{display:flex;gap:14px}.idea-flow b{font-size:11px;color:#795989;padding-top:2px}.idea-flow strong{display:block;font-size:13px}.idea-flow span{display:block;font-size:12px;color:#654b71;margin-top:3px}.outro{text-align:center;padding:85px 0 80px;max-width:850px}.outro-symbol{font-size:68px;line-height:1;color:var(--cherry);margin-bottom:25px}.outro h2{margin:25px 0}.outro h2 em{color:var(--cherry)}.outro-lead{font-size:21px;max-width:650px;margin:0 auto 22px}.outro-detail{font-size:14px;color:#80616a;max-width:640px;margin:auto}.outro-actions{display:flex;justify-content:center;align-items:center;gap:25px;margin:30px 0 20px}.quiet-link{font-size:12px;border-bottom:1px solid #ca9ea1;padding-bottom:3px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px 0;border-top:1px solid var(--line)}footer p,footer>a:not(.wordmark){font-size:11px;color:#80616a}footer .wordmark{font-size:35px}@keyframes travel{0%{opacity:1;left:0}100%{opacity:1;left:calc(100% - 16px)}}@keyframes return{0%{opacity:1;left:calc(100% - 16px)}100%{opacity:1;left:0}}@keyframes squish{50%{transform:scale(.91,1.05)}}@keyframes answer{30%,70%{transform:scale(1.05,.95)}50%{transform:scale(1)}}
@media(max-width:1050px){.hero{gap:25px}.hero h1{font-size:clamp(54px,7vw,75px)}.lead{font-size:22px}.intro{font-size:15px}.sticker{width:105px;height:105px;font-size:19px;padding:17px}.sticker em{font-size:21px}.hero-art>img{aspect-ratio:1.5}.play-heading h2{font-size:48px}.play-intro{max-width:330px}.story-copy{padding:27px}.story h3{font-size:36px}}
@media(max-width:700px){.shell{width:88%}.site-header{height:76px}.wordmark{font-size:35px}.future-mark{font-size:19px;margin-top:8px}.back{font-size:11px}.hero{grid-template-columns:1fr;padding:37px 0 35px;gap:30px}.hero h1{font-size:clamp(51px,12.4vw,78px);margin:25px 0}.eyebrow{font-size:9px}.lead{font-size:23px}.intro{font-size:15px;margin:18px 0 23px;max-width:none}.hero-art{transform:rotate(1deg);margin-top:12px}.hero-art>img{aspect-ratio:1.5;border-radius:28px;object-fit:contain}.hero-art figcaption{font-size:9px;margin-top:18px}.sticker{left:-5%;top:-14px;width:95px;height:95px;font-size:17px}.sticker em{font-size:20px}.ribbon{font-size:15px;gap:13px;padding:16px 4%}.ribbon i{font-size:21px}.ribbon i:last-child{display:none}.stories{padding:55px 0}.section-top{display:block;margin-bottom:28px}.section-top h2{width:100%;font-size:37px;margin-top:21px}.story-grid{grid-template-columns:1fr;gap:26px}.story.ai{margin-top:0}.story{border-radius:26px}.scene{aspect-ratio:.95}.story-copy{padding:25px}.story h3{font-size:35px}.story p:not(.eyebrow){font-size:14px}.play-section{border-radius:30px;margin:0 3%;padding:40px 0 32px}.play-section .shell{width:88%}.play-heading{display:block}.play-heading h2{font-size:36px;margin-top:20px}.play-intro{max-width:none;margin-top:22px}.play-intro>p{font-size:14px}.mode-switch{margin-top:18px;display:flex;width:max-content;max-width:100%}.mode-switch button{padding:11px 13px;font-size:11px}.playground{grid-template-columns:1fr 40px 1fr;margin-top:30px;gap:0}.bite-button,.reply-object{width:116px;height:130px;border-radius:45%;box-shadow:0 5px 0 #c6afd9}.loop-shape{transform:rotate(-30deg) scale(.65);transform-origin:left top;left:12px;top:37px}.reply-object .loop-shape{transform:rotate(20deg) scale(.65);left:24px;top:18px}.bite-word,.reply-word{bottom:15px;font-size:20px}.endpoint{gap:13px;min-width:0}.endpoint-label{font-size:10px;min-height:32px;max-width:120px;line-height:1.35;display:flex;align-items:center;justify-content:center}.endpoint-hint{font-size:9px;min-height:28px;text-align:center}.signal-caption{display:none}.signal-path{margin-top:0}.signal-orb{width:12px;height:12px;top:23px}.demo-status{font-size:12px;margin-top:17px;min-height:38px}.demo-note{font-size:10px;text-align:left}.idea-flow{grid-template-columns:1fr;gap:17px;margin-top:25px;padding-top:22px}.idea-flow strong{font-size:12px}.idea-flow span{font-size:11px}.outro{padding:55px 0}.outro-symbol{font-size:51px;margin-bottom:22px}.outro h2{font-size:36px}.outro-lead{font-size:18px}.outro-detail{font-size:13px}.outro-actions{flex-direction:column;gap:22px}.outro .button{font-size:12px;padding:17px 20px}.concept-label{font-size:10px}footer{flex-wrap:wrap;gap:20px;padding:25px 0}footer p{margin-left:auto;font-size:10px}footer>a:not(.wordmark){width:100%;text-align:right;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art{transform:none}.playground[data-phase=send] .signal-orb{opacity:1;left:calc(100% - 16px)}.playground[data-phase=reply] .signal-orb{opacity:1;left:0}.playground[data-phase=received] .bite-button{outline:3px solid #654577;outline-offset:4px}}
