@font-face{font-family:Inter;src:url('/inter.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#0a0a0c;--panel:#17171c;--paper:#f4f3ed;--muted:#a3a29e;--line:rgba(244,243,237,.12);--violet:#c4b1ee;--gold:#fecf06;--serif:ui-serif,'Iowan Old Style','Palatino Linotype','Book Antiqua',Georgia,serif;--mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;--ease:cubic-bezier(.33,1,.68,1);--page:min(1240px,calc(100% - 80px));--hd:56px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;background:var(--bg);color:var(--paper);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;overflow-x:clip}h1,h2,h3,h4,p,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}img{display:block;max-width:100%;object-fit:cover}svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}::selection{background:#6340a6;color:white}:focus-visible{outline:2px solid var(--violet);outline-offset:5px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:8px;left:16px;transform:translateY(-150%);background:var(--paper);color:var(--bg);padding:12px;z-index:1000}.skip-link:focus{transform:none}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:.01em;text-wrap:balance}h1{font-size:clamp(38px,5.2vw,68px);line-height:1.1}h2{font-size:clamp(34px,4.2vw,58px);line-height:1.13}em{font-weight:400}.eyebrow{font:11px/1.5 var(--mono);letter-spacing:.09em;color:var(--muted);text-transform:uppercase}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px #fecf0635;flex:none}.section{width:var(--page);margin:0 auto;padding:110px 0}.section-heading{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;margin-bottom:56px}.section-heading h2 em{color:var(--violet)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:0 22px;border:1px solid transparent;border-radius:7px;font-size:14px;font-weight:500;transition:transform .25s var(--ease),background .2s}.btn:hover{transform:translateY(-2px)}.btn svg{width:17px;height:17px}.btn-primary{background:var(--paper);color:var(--bg)}.btn-primary:hover{background:white}.btn-small{min-height:34px;font-size:12px;padding:0 16px;gap:9px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:13px;color:var(--muted);padding:12px 0}.text-link:hover{color:var(--paper)}.text-link span{display:inline-block;transition:transform .2s}.text-link:hover span{transform:translate(2px,-2px)}
.site-header{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--hd);padding:0 28px;background:#0a0a0c;border-bottom:1px solid transparent;transition:border-color .2s}.site-header.is-scrolled{border-color:var(--line)}.wordmark{display:inline-flex;align-items:center;gap:9px;width:max-content;font-size:19px;font-weight:650;letter-spacing:-.06em}.wordmark img{border-radius:7px}.desktop-nav{display:flex;gap:26px}.desktop-nav a{font-size:13px;color:#c2c1bb;padding:12px 0}.desktop-nav a:hover{color:white}.header-actions{display:flex;align-items:center;gap:14px;justify-self:end}.menu-toggle{display:none;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:13px;height:1px;background:var(--paper)}.mobile-nav{position:absolute;top:56px;left:0;right:0;padding:14px 22px 24px;background:#101013;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #0004}.mobile-nav a{display:block;padding:14px 0;color:#d4d0dc}
.hero-copy{padding:54px 20px 44px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:20px}.hero-kicker{display:flex;align-items:center;gap:8px;font-size:10px}.hero-copy h1 em{color:#e1d7f4}.hero-sub{color:#aaa7b0;font-size:15px;line-height:1.6;text-wrap:balance}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:7px}.showcase{position:relative;padding:36px 40px 76px;isolation:isolate;overflow:hidden;border-block:1px solid var(--line)}.showcase-backdrop{position:absolute;z-index:-2;inset:0;width:100%;height:100%;filter:brightness(.47) saturate(.7);object-position:50% 44%;transform:scale(1.04)}.showcase:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#0a0a0c10,#2111313d 40%,#0a0a0c90)}.demo-frame{position:relative;max-width:1240px;margin:auto;background:#111114;border:1px solid #fff2;border-radius:14px;overflow:hidden;box-shadow:0 25px 70px #0008}.demo-panel{display:grid;grid-template-columns:270px minmax(0,1fr);height:560px}.demo-sidebar{display:flex;flex-direction:column;padding:21px 20px 12px;background:#17171b;border-right:1px solid var(--line);min-width:0;min-height:0}.demo-brand{display:flex;align-items:center;gap:9px;font-size:11px;color:#dedbe2;min-height:20px}.demo-brand img{border-radius:5px}.tiny-star{margin-left:auto;color:var(--violet);font-size:21px}.chat-person{display:flex;align-items:center;gap:10px;margin-top:20px;padding-bottom:16px;border-bottom:1px solid #fff1}.chat-person img{width:38px;height:38px;border-radius:50%;object-position:50% 22%}.chat-person strong{font-size:13px;font-weight:500}.chat-person small{display:block;color:#8c8994;font-size:10px;margin-top:5px}.chat-person>.status-dot{margin-left:auto;background:#aac295}.chat-story{display:flex;flex:1;min-height:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:16px 0}.scene-note{align-self:stretch;text-align:center;font:italic 11px/1.5 var(--serif);color:#a09aa9;margin-bottom:4px}.chat-bubble{flex:none;font-size:11px;line-height:1.6;border-radius:11px 11px 11px 3px;padding:10px 12px;background:#25232b;max-width:92%;color:#dedbe4}.chat-bubble-you{background:#332545;color:#e3d7f6;max-width:86%;margin-left:auto;align-self:flex-end;border-radius:11px 11px 3px 11px}.voice-note{display:flex;align-items:center;gap:10px;margin-top:9px;padding-top:9px;border-top:1px solid #ffffff12}.voice-note>span:first-child{display:grid;place-items:center;width:21px;height:21px;flex:none;border-radius:50%;background:#d8cbed;color:#281d35;font-size:16px}.voice-note .waveform{height:22px;flex:1;justify-content:space-between;max-width:88px}.voice-note small{margin-left:auto;font:9px var(--mono);color:#b9afc5}.waveform{display:flex;height:25px;gap:3px;align-items:center}.waveform i{display:block;width:2px;height:28%;background:var(--violet);border-radius:2px;transform-origin:center}.waveform i:nth-child(3n){height:80%}.waveform i:nth-child(3n + 1){height:48%}.waveform i:nth-child(4n){height:100%}.demo-composer{flex:none;padding:11px 12px 9px;background:#111114;border:1px solid #ffffff15;border-radius:11px;color:#8c8595;font-size:10px}.demo-composer>div{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.demo-composer .round-send{width:24px;height:24px;font-size:17px}.demo-composer>div>span:first-child{font-size:20px}.round-send{display:grid;place-items:center;border-radius:50%;width:28px;height:28px;background:var(--paper);color:#151218;font-size:19px;flex:none}.demo-caption{display:block;text-align:center;font:8px/1.4 var(--mono);color:#8a8492;margin-top:9px}.demo-canvas{position:relative;overflow:hidden;background-color:#101114;background-image:radial-gradient(#fff1 .7px,transparent .7px);background-size:18px 18px}.canvas-topline,.canvas-bottomline{position:absolute;z-index:10;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;font:8px/1.5 var(--mono);letter-spacing:.1em;color:#8b8796}.canvas-topline{top:20px}.canvas-topline svg{color:#a59daf;width:16px}.canvas-bottomline{bottom:17px;font-size:7px}.meet-canvas{background-image:radial-gradient(ellipse at 50% 80%,#4b346032,transparent 65%),radial-gradient(#fff1 .7px,transparent .7px);background-size:auto,18px 18px}.float-portrait{position:absolute;top:50%;overflow:hidden;border-radius:10px;border:1px solid #fff2;box-shadow:0 14px 35px #0008;isolation:isolate}.float-portrait img{width:100%;height:100%;object-position:50% 22%}.float-portrait:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#07070adb);z-index:0}.float-portrait figcaption{position:absolute;left:18px;bottom:18px;right:12px;display:flex;flex-direction:column;gap:7px;z-index:1}.float-portrait figcaption b{font:34px/1.1 var(--serif)}.float-portrait figcaption>span:last-child{font-size:10px;color:#c8c0d7}.portrait-ren{width:29%;height:64%;left:7%;transform:translateY(-43%) rotate(-10deg)}.portrait-lumi{width:29%;height:64%;right:6%;transform:translateY(-50%) rotate(11deg)}.portrait-yuna{z-index:3;left:50%;width:36%;height:79%;transform:translate(-50%,-49%) rotate(-3deg)}.portrait-yuna figcaption b{font-size:43px}.character-tag{font:7px/1.5 var(--mono);letter-spacing:.12em;color:#d2c1e8}.floating-note{position:absolute;z-index:5;right:5%;bottom:16%;display:flex;align-items:center;gap:11px;padding:15px 18px;border:0;border-radius:3px;background:#ded8c9;box-shadow:0 8px 22px #0004;transform:rotate(4deg);font:italic 13px/1.5 var(--serif);color:#433a36}.floating-note svg{color:#d6bbf0;width:23px;height:23px}.floating-note strong{color:#302731;font-weight:400}.creator-brief{padding-top:40px}.creator-brief .eyebrow{font-size:8px}.creator-brief h3{font:32px/1.17 var(--serif);margin:20px 0}.creator-brief h3 em{color:var(--violet)}.creator-brief>p{font-size:11px;line-height:1.7;color:#aaa3b2}.creator-brief dl{font-size:10px;margin:28px 0 25px}.creator-brief dl div{padding:10px 0;border-bottom:1px solid var(--line)}.creator-brief dt{font-size:8px;color:#8d8598;margin-bottom:5px}.creator-brief dd{margin:0;color:#d8d1e2}.creator-brief+.demo-caption{margin-top:auto}.handwritten{font:italic 13px/1.4 var(--serif);color:#b6a1c8}.creation-land{position:absolute;width:63%;height:42%;top:12%;left:6%;transform:rotate(-6deg);border-radius:7px;border:1px solid #fff2;box-shadow:0 15px 40px #0006}.creation-portrait{position:absolute;width:36%;height:76%;right:10%;top:13%;transform:rotate(6deg);border:5px solid #d7d3c4;box-shadow:0 15px 50px #0005;background:#d7d3c4}.creation-portrait img{width:100%;height:89%;object-position:top}.creation-portrait figcaption{display:flex;align-items:center;justify-content:space-between;padding:8px 5px;color:#20201b;font:19px var(--serif)}.creation-portrait figcaption span{font:7px var(--mono)}.palette-note{position:absolute;left:10%;bottom:20%;width:35%;padding:17px;background:#e7e3d8;color:#38312d;transform:rotate(-4deg);box-shadow:0 10px 30px #0004}.palette-note>span{font:7px var(--mono);letter-spacing:.08em}.palette-note>div{display:flex;margin:18px 0 12px}.palette-note i{width:25%;height:40px;background:#344b37}.palette-note i:nth-child(2){background:#b0974d}.palette-note i:nth-child(3){background:#212e2a}.palette-note i:nth-child(4){background:#d1be92}.palette-note small{font:8px var(--mono)}.creator-label{position:absolute;bottom:13%;right:8%;z-index:6;background:#acdbb9;color:#153821;padding:10px 14px;transform:rotate(4deg);font-size:10px;border-radius:4px}.chapter-list{display:flex;flex-direction:column;gap:16px;margin:34px 0;font-size:11px}.chapter-list b{color:#9e80c1;font:10px var(--mono);margin-right:10px;font-weight:400}.world-canvas>img{width:100%;height:100%;object-position:58% 50%;filter:brightness(.76)}.world-title{position:absolute;top:11%;left:7%;right:8%;text-shadow:0 2px 20px #0006}.world-title .eyebrow{font-size:8px;color:#d7d2e7}.world-title h3{font:clamp(40px,5vw,76px)/1 var(--serif);margin:20px 0}.world-title>span:last-child{font-size:11px}.world-postcard{position:absolute;bottom:8%;right:7%;width:290px;padding:20px 24px;background:#f1ebdb;color:#302932;transform:rotate(-3deg);box-shadow:0 10px 30px #0005}.world-postcard>span{font:7px/1.4 var(--mono);letter-spacing:.05em}.world-postcard p{font:italic 20px/1.3 var(--serif);margin:14px 0 23px}
.demo-controls{position:absolute;z-index:10;bottom:19px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px}.demo-tabs{display:flex;gap:3px;border:1px solid #39323f;background:#151218;padding:5px;border-radius:6px}.demo-tabs button{height:33px;white-space:nowrap;padding:0 15px;display:flex;align-items:center;gap:9px;border-radius:3px;background:transparent;color:#c3bacf;font:11px Inter;letter-spacing:0;transition:background .25s,color .25s}.demo-tabs button[aria-selected=true]{background:var(--paper);color:#1a1324}.timer-ring{display:none;width:14px;height:14px;transform:rotate(-90deg);stroke-width:1.3;stroke-dasharray:37.7;stroke-dashoffset:calc(37.7 * (1 - var(--timer,0)))}.demo-tabs [aria-selected=true] .timer-ring{display:block}.autoplay-toggle{display:grid;place-items:center;background:#151218;border:1px solid #39323f;width:36px;height:36px;border-radius:5px;font-size:11px;color:#d0c7dc}.hero-footnote{display:flex;justify-content:center;align-items:center;gap:26px;padding:28px 20px;font:9px/1.6 var(--mono);letter-spacing:.04em;color:#94909a;border-bottom:1px solid var(--line)}.hero-footnote i{color:#9e7bc1;font-size:14px;font-style:normal}
.story-scroll{position:relative;--p:1}.story-pin{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:38px;min-height:820px;padding:100px 24px;overflow:hidden}.story-intro{text-align:center}.story-intro h2{margin-top:20px}.story-prompt{position:relative;z-index:3;background:#18161c;border:1px solid #ffffff22;border-radius:22px;width:min(570px,calc(100vw - 40px));padding:23px}.prompt-tags{display:flex;gap:8px}.prompt-tags>span{padding:6px 0;color:#b4aabd;font-size:10px}.story-prompt>p{font-size:19px;line-height:1.7;margin:21px 0 25px;color:#e5ddea}.prompt-bottom{display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);color:#867c92}.scroll-hint{display:none;font:10px var(--mono);color:#a49cae;letter-spacing:.03em}.scroll-hint span{margin-left:16px}.story-gallery{display:none}.story-final{text-align:center;z-index:5}.story-final h2 em{color:var(--violet)}.story-final p{margin-top:24px;color:#b5aebf;line-height:1.7;font-size:14px}
.motion .story-scroll{height:380svh;--p:0}.motion .story-pin{position:sticky;top:var(--hd);height:calc(100svh - var(--hd));min-height:0;padding:0;display:block;--exit:clamp(0,calc((var(--p) - .28) * 10),1);--gallery:clamp(0,calc((var(--p) - .32) * 9),1);--arrival:clamp(0,calc((var(--p) - .32) / .22),1);--split:clamp(0,calc((var(--p) - .56) / .27),1)}
.motion .story-intro{position:absolute;top:calc(50% - 210px);left:50%;width:calc(100% - 40px);transform:translate(-50%,calc(var(--exit) * -40px));opacity:calc(1 - var(--exit));z-index:4}.motion .story-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-40% - var(--exit) * 40px)) scale(calc(1 - var(--exit) * .1));opacity:calc(1 - var(--exit))}.motion .story-prompt [data-type-prompt] span{opacity:clamp(.12,calc((var(--p) - .01 - var(--i) * .0025) * 150),1)}.motion .scroll-hint{display:block;position:absolute;bottom:34px;left:50%;transform:translateX(-50%);opacity:calc(1 - var(--exit))}.motion .story-gallery{display:grid;position:absolute;z-index:2;top:50%;left:50%;grid-template-columns:repeat(5,1fr);gap:25px;width:min(1140px,110vw);opacity:calc(var(--gallery) * (1 - clamp(0,calc((var(--p) - .9) * 10),1)));transform:translate(-50%,-50%) scale(calc(1 + var(--split) * .6));pointer-events:none}.story-column{display:flex;flex-direction:column;gap:24px;--enter:clamp(0,calc((var(--arrival) - var(--d) * .07) / .6),1);transform:translateX(calc(var(--x) * var(--split) * 1%)) translateY(calc(var(--dir) * (1 - var(--enter)) * 90vh))}.story-column img{width:100%;aspect-ratio:3/4;border-radius:8px;object-position:50% 24%;box-shadow:0 20px 45px #0008}.story-column:nth-child(3) img:first-child{transform:translateY(calc(var(--split) * -76%))}.story-column:nth-child(3) img:last-child{transform:translateY(calc(var(--split) * 76%))}.motion .story-final{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;opacity:clamp(0,calc((var(--p) - .74) * 7),1);transform:translateY(calc((1 - clamp(0,calc((var(--p) - .74) * 7),1)) * 35px));pointer-events:none}.motion .story-final:before{content:'';position:absolute;z-index:-1;width:76%;height:65%;background:radial-gradient(ellipse,#0a0a0c 20%,#0a0a0ce8 40%,#0a0a0c00 72%)}.motion .story-final h2{font-size:clamp(33px,4vw,56px)}
.character-section{padding-top:100px;padding-bottom:60px}.split-heading{flex-direction:row;justify-content:space-between;align-items:flex-end;text-align:left}.split-heading .eyebrow{margin-bottom:20px}.gallery-heading-end>p{font-size:13px;color:#a49caa;line-height:1.7}.gallery-arrows{display:flex;gap:8px;margin-top:24px;justify-content:flex-end}.gallery-arrows button{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:40px;height:40px;background:transparent;transition:background .2s}.gallery-arrows button:hover{background:#fff1}.gallery-arrows button:first-child svg{transform:rotate(180deg)}.gallery-arrows svg{width:17px;height:17px}.character-track{position:relative;display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc((100vw - 100%) / -2);padding:0 max(40px,calc((100vw - 1240px)/2)) 8px;overscroll-behavior-x:contain}.character-track::-webkit-scrollbar{display:none}.character-card{display:block;flex:0 0 300px;min-width:0;scroll-snap-align:start;scroll-margin-left:max(40px,calc((100vw - 1240px)/2))}.character-image{position:relative;aspect-ratio:3/4;border-radius:9px;overflow:hidden;background:#17131d;isolation:isolate}.character-image>img{width:100%;height:100%;object-position:50% 20%;transition:transform .7s var(--ease),filter .7s}.character-image:after{content:'';position:absolute;z-index:0;inset:0;background:linear-gradient(#07070d70,transparent 32%,#07070dda 100%)}.character-card:hover img{transform:scale(1.045);filter:brightness(1.08)}.card-category{position:absolute;top:16px;left:16px;z-index:1;padding:0;font:8px var(--mono);letter-spacing:.1em;color:#fff;text-shadow:0 1px 8px #000}.card-open{position:absolute;top:16px;right:16px;z-index:1;display:grid;place-items:center;width:27px;height:27px;border:1px solid #fff3;border-radius:50%;transform:translate(-5px,5px);opacity:0;transition:opacity .25s,transform .3s}.card-open svg{width:13px;height:13px}.character-card:hover .card-open,.character-card:focus-visible .card-open{opacity:1;transform:none}.card-caption{position:absolute;z-index:1;left:22px;bottom:24px}.card-caption h3{font:38px/1.2 var(--serif)}.card-caption p{font-size:10px;color:#d4cadc;margin-top:8px}.card-meta{display:flex;justify-content:space-between;gap:12px;margin-top:15px;color:#a09aa6;font-size:10px}.card-meta>span:last-child{font-family:var(--mono);color:#756c80}.gallery-note{text-align:right;color:#9a929f;font-size:10px;margin-top:27px}
.mood-scroll{position:relative}.mood-pin{padding:100px 0 80px;display:flex;align-items:center;flex-direction:column;gap:20px;overflow:hidden}.mood-pin .section-heading{margin-bottom:24px}.mood-stage{position:relative;width:100%;max-width:1380px;height:410px}.mood-art{position:absolute;inset:0}.mood-art img{position:absolute;top:50%;width:17%;height:76%;object-position:50% 20%;border-radius:5px;transition:transform .85s var(--ease),filter .6s,opacity .6s;box-shadow:0 15px 40px #0007}.mood-art img:nth-child(1){left:0;transform:translateY(-56%) rotate(-12deg)}.mood-art img:nth-child(2){left:17%;transform:translateY(-38%) rotate(7deg)}.mood-art img:nth-child(3){right:17%;transform:translateY(-57%) rotate(-7deg)}.mood-art img:nth-child(4){right:0;transform:translateY(-36%) rotate(10deg)}.mood-stage[data-mood="1"] img:nth-child(1){transform:translateY(-42%) rotate(-6deg);filter:brightness(.55)}.mood-stage[data-mood="1"] img:nth-child(2){transform:translateY(-66%) rotate(-9deg);filter:brightness(.6)}.mood-stage[data-mood="1"] img:nth-child(3){transform:translateY(-45%) rotate(6deg) scale(1.1)}.mood-stage[data-mood="1"] img:nth-child(4){transform:translateY(-63%) rotate(9deg)}.mood-stage[data-mood="2"] img:nth-child(1){transform:translateY(-65%) rotate(7deg);filter:brightness(.5)}.mood-stage[data-mood="2"] img:nth-child(2){transform:translateY(-33%) rotate(-7deg)}.mood-stage[data-mood="2"] img:nth-child(3){transform:translateY(-64%) rotate(-12deg);filter:brightness(.65)}.mood-stage[data-mood="2"] img:nth-child(4){transform:translateY(-45%) rotate(5deg) scale(1.08)}.mood-queue{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;z-index:5;display:flex;align-items:stretch;flex-direction:column;gap:12px;text-align:center}.mood-queue>.eyebrow{font-size:8px;margin-bottom:13px}.mood-queue>button{padding:15px 20px;background:transparent;border:0;border-bottom:1px solid #ffffff1a;border-radius:0;color:#7c7484;font:italic 23px var(--serif);transition:color .3s,background .3s,border-color .3s,transform .45s var(--ease);display:flex;align-items:center;justify-content:space-between;gap:12px}.mood-queue>button span{opacity:0;font:16px Inter}.mood-queue>button[aria-pressed=true]{color:var(--paper);background:transparent;border-color:#c4b1ee;transform:translateX(5px)}.mood-queue>button[aria-pressed=true] span{opacity:1}.mood-description{font-size:10px;color:#a29aa9;margin-top:20px;line-height:1.6}.mood-progress{display:flex;gap:6px}.mood-progress i{height:2px;width:24px;background:#332d3b;transition:background .3s}.mood-progress i.is-active{background:#c6b2e3}.motion .mood-scroll{height:240svh}.motion .mood-pin{position:sticky;top:var(--hd);height:calc(100svh - var(--hd));padding:40px 0 20px;justify-content:center;gap:clamp(14px,3vh,30px)}.motion .mood-pin .section-heading{margin:0;gap:14px}.motion .mood-pin .section-heading h2{font-size:clamp(30px,3.7vw,52px)}.motion .mood-stage{height:clamp(250px,44vh,450px);flex:none}
.features{padding-top:90px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 28px}.feature-visual{position:relative;aspect-ratio:1.3;isolation:isolate;overflow:hidden;border-radius:10px;background:#191720}.feature-voice>img{position:absolute;width:100%;height:100%;object-position:50% 27%;filter:brightness(.74)}.voice-card{position:absolute;left:7%;right:7%;bottom:8%;padding:22px 25px;background:#211d28;border:1px solid #39313e;border-radius:5px}.voice-card .eyebrow{font-size:7px;color:#a99ab7}.voice-card p{font:italic 26px/1.3 var(--serif);margin:14px 0}.voice-card>div{display:flex;gap:18px;align-items:center}.voice-play{display:grid;place-items:center;background:var(--paper);width:26px;height:26px;color:#2a2231;border-radius:50%}.voice-card .waveform{flex:1;justify-content:space-between;max-width:230px}.voice-card small{font:8px var(--mono);color:#b5aabc}.feature-copy{padding:22px 6px 0}.feature-copy>span{font:8px var(--mono);letter-spacing:.08em;color:#9b88ad}.feature-copy h3{font-size:20px;letter-spacing:-.025em;font-weight:450;margin:13px 0 12px}.feature-copy p{color:#a49dab;font-size:13px;line-height:1.75;max-width:48ch}.feature-create{background:#25292a}.feature-cutout{position:absolute;top:9%;left:8%;width:53%;height:91%;transform:rotate(-9deg);object-position:50% 10%;border:5px solid #dbd7c8;box-shadow:0 15px 45px #0005}.character-notes{position:absolute;bottom:8%;right:6%;width:56%;padding:22px 20px;background:#e6e2d8;color:#30352c;transform:rotate(6deg);box-shadow:0 10px 40px #0005}.character-notes .eyebrow{font-size:7px;color:#626852}.character-notes h4{font:35px var(--serif);margin:18px 0}.note-chip{display:block;padding:9px 0;border-bottom:1px solid #2b3b2625;font-size:10px}.note-signature{display:block;font:italic 14px var(--serif);margin-top:20px;color:#637049}.feature-world>img{width:100%;height:100%;object-position:54% 40%;filter:brightness(.73);transition:transform 1s var(--ease)}.feature:hover .feature-world>img{transform:scale(1.05)}.film-label{position:absolute;left:23px;right:23px;top:23px;display:flex;align-items:center;justify-content:space-between;font:7px var(--mono);letter-spacing:.06em;color:#e8deee}.feature-world>p{position:absolute;left:30px;bottom:30px;font:37px/1.1 var(--serif);text-shadow:0 3px 15px #0008}.feature-story{background:#272328}.feature-story>img{position:absolute;inset:0;width:100%;height:100%;object-position:50% 16%;filter:brightness(.7)}.story-page{position:absolute;right:8%;top:10%;width:66%;min-height:79%;padding:28px 25px;background:#eee6d5;color:#433525;transform:rotate(-6deg);box-shadow:0 15px 50px #0007}.story-page>span{font:6px var(--mono);letter-spacing:.1em}.story-page h4{font:32px/1.1 var(--serif);margin:25px 0 18px}.story-page p{font:12px/1.6 var(--serif);margin:12px 0;max-width:25ch}.story-page>div{display:flex;align-items:center;justify-content:space-between;font:italic 12px var(--serif);border-top:1px solid #43352530;padding-top:18px;margin-top:20px}
.faq-section{display:grid;grid-template-columns:1fr 1.25fr;gap:60px;padding-top:70px;padding-bottom:120px}.faq-intro .eyebrow{margin-bottom:22px}.faq-intro .text-link{margin-top:22px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;font-size:14px;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:23px;font-weight:250;color:#a696b5;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:1.8;color:#a79cab;padding:0 32px 25px 0;animation:fade-in .25s ease}.faq-list details a{text-decoration:underline;text-underline-offset:3px;color:#d7c7e8}
.download-section{position:relative;isolation:isolate;text-align:center;overflow:hidden;border-block:1px solid #ffffff10}.download-world{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-position:50% 60%;filter:brightness(.42) saturate(.65)}.download-section:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(var(--bg),#0a0a0c4a 50%,#0a0a0c66)}.download-copy{display:flex;flex-direction:column;align-items:center;padding:90px 20px 85px}.download-icon{border-radius:15px;box-shadow:0 8px 32px #0004;margin-bottom:25px}.download-copy>.eyebrow{font-size:9px;color:#c1b1d3}.download-copy h2{margin:24px 0 22px;font-size:clamp(38px,4.5vw,64px)}.download-copy h2 em{color:#e1d4f4}.download-copy>p:not(.eyebrow){color:#b9afc4;font-size:13px}.store-links{display:flex;gap:12px;margin:33px 0 24px}.store-button{display:flex;align-items:center;justify-content:center;gap:11px;min-height:52px;min-width:178px;padding:13px 20px;background:var(--paper);color:#17131c;border:1px solid var(--paper);border-radius:10px;transition:transform .25s var(--ease),background .2s}.store-button:hover{transform:translateY(-3px);background:white}.store-button:nth-child(2){background:#15121b;color:var(--paper);border-color:#ffffff50}.store-button:nth-child(2):hover{background:#2a2036}.store-button>svg{width:26px;height:26px;stroke:none}.store-button strong{font-size:16px;line-height:1.2;font-weight:500;letter-spacing:-.03em;white-space:nowrap}.download-note{font:9px var(--mono);color:#b4a5c3}.site-footer{width:var(--page);margin:auto}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:55px;padding:70px 0 60px}.footer-brand p{font:italic 19px/1.4 var(--serif);color:#a69bb0;margin-top:24px}.footer-main nav{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.footer-main nav>span{font:8px var(--mono);letter-spacing:.1em;color:#8b7f98;margin-bottom:10px}.footer-main nav>a{font-size:11px;color:#b5adbe}.footer-main nav>a:hover{color:white}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid var(--line);font:8px/1.5 var(--mono);letter-spacing:.02em;color:#938a9b}.footer-bottom>a{font-size:7px}
[data-reveal]{transition:transform .8s var(--ease),opacity .8s var(--ease)}.will-reveal{opacity:0;transform:translateY(25px)}.motion .bubble-in{animation:rise-in .55s var(--ease) var(--delay,0s) both}.motion .demo-panel:not([hidden]) .float-portrait{animation:portrait-in .9s var(--ease) both}.motion .demo-panel:not([hidden]) .portrait-yuna{animation-delay:.12s}.motion .demo-panel:not([hidden]) .portrait-lumi{animation-delay:.22s}.motion .demo-panel:not([hidden]) .floating-note{animation:rise-in .7s var(--ease) .6s both}.motion .demo-panel:not([hidden]) .creation-portrait,.motion .demo-panel:not([hidden]) .creation-land,.motion .demo-panel:not([hidden]) .world-title{animation:portrait-in .8s var(--ease)}.motion .feature:hover .waveform i{animation:wave .8s ease-in-out infinite alternate}.motion .feature:hover .waveform i:nth-child(3n){animation-delay:-.4s}.motion .feature:hover .waveform i:nth-child(2n){animation-delay:-.7s}@keyframes rise-in{from{opacity:0;translate:0 13px}to{opacity:1;translate:0 0}}@keyframes portrait-in{from{opacity:0;translate:0 25px;scale:.94}to{opacity:1;translate:0 0;scale:1}}@keyframes wave{from{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}
@media(min-width:1500px){.hero-copy{padding-top:65px;padding-bottom:55px}.showcase{padding-top:42px}.demo-panel{height:600px}}
@media(max-width:1050px){.demo-panel{grid-template-columns:235px minmax(0,1fr);height:530px}.demo-sidebar{padding:18px 15px 12px}.demo-brand{font-size:10px}.chat-person{margin-top:18px}.float-portrait figcaption b{font-size:27px}.portrait-yuna figcaption b{font-size:35px}.portrait-yuna{width:42%;height:72%}.portrait-ren,.portrait-lumi{width:34%;height:58%}.portrait-ren{left:3%}.portrait-lumi{right:3%}.floating-note{font-size:11px;padding:12px;right:3%;bottom:13%}.world-postcard{width:240px;padding:17px}.mood-queue{width:250px}.mood-queue>button{font-size:20px}.voice-card p{font-size:22px}.feature-world>p{font-size:31px}.story-page{padding:20px}.story-page h4{font-size:28px;margin:15px 0}.story-page>div{margin-top:14px;padding-top:12px}.character-notes{padding:18px 15px}.character-notes h4{margin:13px 0}.footer-main{gap:28px}}
@media(max-width:760px){:root{--page:calc(100% - 40px)}.site-header{padding:0 20px;grid-template-columns:1fr auto}.desktop-nav{display:none}.menu-toggle{display:flex}.header-actions{gap:9px}.wordmark{font-size:18px}.btn-small{font-size:11px}.hero-copy{padding:39px 20px 33px;gap:18px}.hero-kicker{font-size:8px;letter-spacing:.04em}.hero-copy h1{max-width:570px;font-size:clamp(39px,6.8vw,53px)}.hero-sub{font-size:13px;max-width:290px}.hero-actions{gap:22px;margin-top:4px}.hero-actions .text-link{font-size:11px;gap:8px}.btn{font-size:12px;padding:0 18px;gap:10px}.showcase{padding:22px 20px 77px}.demo-panel{display:block;height:480px}.demo-sidebar{display:none}.demo-canvas{height:100%}.portrait-yuna{height:80%;width:38%}.portrait-ren,.portrait-lumi{height:66%;width:30%}.portrait-ren{left:9%}.portrait-lumi{right:8%}.demo-tabs button{font-size:8px;padding:0 10px;gap:5px}.demo-controls{gap:7px}.autoplay-toggle{width:29px;height:29px;flex:none}.demo-tabs{padding:4px}.demo-tabs button{height:30px}.timer-ring{width:12px;height:12px}.hero-footnote{gap:11px;font-size:7px;padding:22px 15px;letter-spacing:0}.hero-footnote i{font-size:10px}.section{padding:80px 0}.split-heading{align-items:flex-start;gap:25px}.split-heading h2{font-size:39px}.gallery-heading-end>p{font-size:11px}.gallery-arrows{margin-top:18px}.character-card{flex-basis:280px;scroll-margin-left:20px}.character-track{padding-inline:20px;gap:17px}.gallery-note{font-size:9px;text-align:left}.motion .story-scroll{height:310svh}.motion .story-gallery{width:160vw;grid-template-columns:repeat(3,1fr);gap:24px}.story-column:nth-child(2),.story-column:nth-child(4){display:none}.story-column{transform:translateX(calc(var(--x) * var(--split) * .5%)) translateY(calc(var(--dir) * (1 - var(--enter)) * 70vh))}.motion .story-intro{top:calc(50% - 185px)}.story-intro h2{font-size:36px;margin-top:15px}.story-prompt{padding:19px}.story-prompt>p{font-size:17px}.motion .story-final h2{font-size:35px}.story-final p{font-size:12px}.motion .story-final:before{width:115%;height:100%;background:radial-gradient(ellipse,#0a0a0c 20%,#0a0a0ccc 45%,transparent 70%)}.motion .mood-scroll{height:220svh}.motion .mood-stage{height:400px;max-height:58svh}.mood-queue{top:14%;width:250px;transform:translate(-50%,0);gap:4px}.mood-queue>.eyebrow{display:none}.mood-queue>button{font-size:19px;padding:10px 17px}.mood-description{margin-top:12px;font-size:9px}.mood-art img{top:66%;width:27%;height:48%;max-height:210px}.mood-art img:nth-child(1){left:-4%}.mood-art img:nth-child(2){left:21%}.mood-art img:nth-child(3){right:21%}.mood-art img:nth-child(4){right:-4%}.mood-stage .mood-art img{opacity:.95}.mood-pin{padding:50px 0}.feature-grid{gap:42px 20px}.feature-visual{aspect-ratio:1}.feature-copy h3{font-size:18px;line-height:1.35}.feature-copy p{font-size:12px;line-height:1.7}.voice-card{padding:15px;left:6%;right:6%;bottom:6%}.voice-card p{font-size:21px}.voice-card .waveform{gap:2px}.voice-card>div{gap:10px}.voice-card .eyebrow{font-size:6px}.character-notes{right:4%;padding:15px 11px;width:62%}.character-notes h4{font-size:27px}.character-notes .eyebrow{font-size:6px}.note-chip{font-size:8px;padding:8px 0}.note-signature{font-size:12px;margin-top:12px}.feature-world>p{font-size:28px;left:20px;bottom:24px}.film-label{left:17px;right:17px;font-size:6px}.story-page{right:7%;width:76%;padding:17px 14px;min-height:83%}.story-page>span{font-size:5px}.story-page h4{font-size:25px}.story-page p{font-size:10px;margin:8px 0}.story-page>div{font-size:9px;margin-top:11px;padding-top:10px}.faq-section{gap:40px;grid-template-columns:1fr}.faq-intro h2 br{display:none}.faq-intro .text-link{margin-top:15px}.faq-list summary{font-size:13px;padding:22px 0}.download-copy{padding:70px 20px}.download-copy h2{font-size:43px}.footer-main{grid-template-columns:1fr 1fr 1fr;padding:50px 0;gap:32px 22px}.footer-brand{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.footer-brand p{margin:0;font-size:17px}.footer-main nav>a{font-size:10px}.footer-main nav>span{font-size:7px}.footer-bottom{font-size:7px;gap:15px}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:600px){.feature-grid{grid-template-columns:1fr}.feature-visual{aspect-ratio:1.18}}
@media(max-width:520px){.hero-copy h1{max-width:350px;font-size:43px;line-height:1.04}.hero-copy h1 em{display:block;margin-bottom:7px}.hero-actions{gap:19px}.showcase{padding:18px 12px 72px}.demo-panel{height:410px}.demo-frame{border-radius:10px}.canvas-topline{left:16px;right:16px;font-size:6px;letter-spacing:.06em;top:15px}.canvas-bottomline{left:16px;right:16px;bottom:14px;font-size:5px;letter-spacing:0}.portrait-yuna{width:49%;height:77%;top:48%}.portrait-ren,.portrait-lumi{width:38%;height:62%;top:49%}.portrait-ren{left:-4%;transform:translateY(-42%) rotate(-12deg)}.portrait-lumi{right:-4%;transform:translateY(-48%) rotate(12deg)}.float-portrait figcaption{left:12px;bottom:14px;gap:5px}.float-portrait figcaption b{font-size:23px}.portrait-yuna figcaption b{font-size:34px}.float-portrait figcaption>span:last-child{font-size:8px;line-height:1.3}.character-tag{font-size:5px}.floating-note{right:6%;bottom:11%;font-size:11px;padding:10px 13px;transform:rotate(3deg)}.floating-note svg{width:18px}.hero-footnote{flex-wrap:wrap;gap:9px;font-size:7px}.hero-footnote i:nth-of-type(2),.hero-footnote>span:last-child{display:none}.demo-controls{width:calc(100% - 24px);justify-content:center}.demo-tabs button{padding-inline:8px;font-size:9px;letter-spacing:0;gap:4px}.demo-tabs .timer-ring{display:none}.demo-tabs{gap:0}.autoplay-toggle{width:28px;height:28px}.timer-ring{width:11px;height:11px}.creation-land{width:72%;top:12%;left:5%;height:42%}.creation-portrait{width:48%;height:71%;top:17%;right:6%;border-width:4px}.creation-portrait figcaption{font-size:18px;padding:7px 4px}.creation-portrait figcaption span{font-size:5px}.palette-note{left:6%;bottom:21%;width:40%;padding:12px}.palette-note>span{font-size:5px}.palette-note>div{margin:13px 0 8px}.palette-note i{height:28px}.palette-note small{font-size:5px}.creator-label{bottom:12%;right:5%;font-size:8px;padding:8px 10px}.world-title{left:8%;top:12%}.world-title h3{font-size:54px}.world-title .eyebrow{font-size:6px}.world-title>span:last-child{font-size:8px}.world-postcard{bottom:9%;right:8%;width:225px}.world-postcard p{font-size:20px}.world-postcard>span{font-size:6px}.section{padding:72px 0}.section-heading{margin-bottom:34px}.split-heading{gap:20px;display:block}.split-heading h2{font-size:37px}.gallery-heading-end{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-top:23px}.gallery-heading-end>p{font-size:11px}.gallery-arrows{margin-top:0}.gallery-arrows button{width:35px;height:35px}.character-card{flex-basis:76vw}.card-category{font-size:7px}.card-open{opacity:1;transform:none}.motion .story-intro{top:calc(50% - 200px)}.story-intro .eyebrow{font-size:8px}.story-intro h2{font-size:34px}.prompt-tags{gap:6px}.prompt-tags>span{font-size:8px;padding:6px 0}.story-prompt>p{font-size:18px;margin:19px 0}.prompt-bottom{font-size:8px}.story-final p{font-size:12px}.motion .story-final h2{font-size:34px}.motion .mood-pin{padding-top:24px}.motion .mood-pin .section-heading h2{font-size:34px}.mood-pin .eyebrow{font-size:8px}.mood-queue{top:9%;width:245px}.mood-art img{top:68%;width:29%;height:44%}.mood-art img:nth-child(1){left:-8%}.mood-art img:nth-child(2){left:19%}.mood-art img:nth-child(3){right:19%}.mood-art img:nth-child(4){right:-8%}.feature-grid{grid-template-columns:1fr;gap:42px}.feature-visual{aspect-ratio:1.18}.feature-copy{padding-top:18px}.feature-copy h3{font-size:22px}.feature-copy p{font-size:13px}.voice-card{padding:19px 22px;bottom:7%;left:7%;right:7%}.voice-card p{font-size:25px}.voice-card .eyebrow{font-size:7px}.feature-create .character-notes{padding:18px;width:57%;right:5%}.character-notes .eyebrow{font-size:7px}.note-chip{font-size:9px}.character-notes h4{font-size:31px}.note-signature{font-size:13px}.feature-world>p{font-size:33px;left:24px;bottom:28px}.film-label{font-size:7px}.story-page{width:69%;min-height:82%;padding:20px}.story-page>span{font-size:5px}.story-page h4{font-size:29px;margin:20px 0 15px}.story-page p{font-size:11px}.story-page>div{font-size:10px;margin-top:14px;padding-top:12px}.faq-intro h2{font-size:37px}.faq-intro h2 br{display:block}.faq-section{gap:25px}.download-copy{padding:70px 16px 65px}.download-copy h2{font-size:39px}.download-copy>.eyebrow{font-size:8px}.download-copy>p:not(.eyebrow){font-size:11px}.store-links{gap:10px;width:100%;justify-content:center}.store-button{min-width:0;flex:1;max-width:183px;padding:12px 13px;gap:10px}.store-button>svg{width:22px;height:22px}.store-button strong{font-size:15px}.download-icon{width:48px;height:48px;border-radius:13px}.footer-main{gap:32px 16px}.footer-main nav>a{font-size:9px}.footer-brand p{font-size:16px}.footer-bottom{font-size:6px}.footer-bottom>a{font-size:6px}}
@media(max-width:360px){.feature-create,.feature-story{aspect-ratio:1}.feature-create .character-notes{padding:14px}.character-notes h4{font-size:25px}.site-header{padding:0 16px}.hero-copy h1{font-size:37px}.hero-actions{gap:14px}.hero-actions .text-link{font-size:10px}.btn{font-size:11px}.hero-kicker{font-size:7px}.demo-tabs button{font-size:8px;padding:0 7px}.demo-controls{gap:5px}.timer-ring{width:10px;height:10px}.demo-panel{height:375px}.floating-note{font-size:10px;right:5%;padding:9px}.story-page h4{font-size:22px;margin:14px 0}.story-page p{font-size:10px}.story-page{padding:17px}.story-page>div{font-size:8px}.download-copy h2{font-size:35px}.store-button strong{font-size:13px}.store-button{padding:11px;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.will-reveal{opacity:1;transform:none}}
/* On phones, give the mood text and the artwork their own rows. */
@media(max-width:760px){
  .mood-stage{display:flex;flex-direction:column;justify-content:center;gap:30px}
  .mood-stage .mood-queue{position:relative;left:auto;top:auto;transform:none;margin:0 auto;order:0;flex:none}
  .mood-stage .mood-art{position:relative;inset:auto;width:100%;height:160px;order:1;flex:none}
  .mood-stage .mood-art img{top:50%;height:145px;max-height:none}
}
@media(max-width:520px){
  .world-title{top:10%}
  .world-title h3{font-size:46px;margin:14px 0}
  .world-postcard{width:248px;padding:16px 19px;bottom:6%}
  .world-postcard p{font-size:18px;line-height:1.28;margin:12px 0 18px}
  .footer-main nav>a{font-size:11px}
  .footer-main nav>span{font-size:8px}
}
@media(max-width:360px){
  .world-title h3{font-size:42px}
  .world-postcard{width:235px}
  .world-postcard p{font-size:16px}
}
@media(max-height:580px){.motion .story-scroll,.motion .mood-scroll{height:auto}.motion .story-pin{position:relative;height:auto;min-height:740px;display:flex;padding:65px 20px;gap:30px;top:0}.motion .story-intro,.motion .story-prompt,.motion .story-final{position:relative;inset:auto;transform:none;opacity:1;width:auto;max-width:570px}.motion .story-prompt [data-type-prompt] span{opacity:1}.motion .story-final{padding:10px}.motion .story-final h2{font-size:32px}.motion .story-final:before,.motion .story-gallery,.motion .scroll-hint{display:none}.motion .mood-pin{position:relative;top:0;height:auto;padding:70px 0 35px}.motion .mood-stage{height:360px;max-height:none}.mood-queue{top:50%}.mood-art img{top:50%}.mood-pin .section-heading{padding-inline:20px}}