:root{--paper:#eee8fc;--ink:#191322;--purple:#7850e8;--lilac:#c7aafa;--u:calc(100vw / 1416);--line:#2b2238;color:var(--ink);background:var(--paper);font-family:Inter,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body,figure,h1,h2,h3,p{margin:0}body{overflow-x:hidden}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%}html{scroll-behavior:smooth;scroll-padding-top:24px}button:focus-visible,a:focus-visible{outline:3px solid #a040b9;outline-offset:6px}.skip-link{position:fixed;z-index:30;top:-80px;padding:16px;background:white}.skip-link:focus{top:0}.stage{position:relative;height:calc(1050 * var(--u))}.micro{text-transform:uppercase;font-size:11px;letter-spacing:1.6px;font-weight:700}.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;text-transform:uppercase;border:2px solid var(--ink);border-radius:99px;background:#fffcff;padding:15px 24px;font-size:12px;font-weight:700;line-height:1.15;transition:transform .2s,background .2s;min-height:46px}.pill:hover{transform:translateY(-3px);background:#ded0ff}.pill.dark{background:var(--ink);color:white}.pill.dark:hover{background:#573c8d}.pill.lavender{background:#d8c6fc}.actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.journey{position:relative;isolation:auto;overflow:clip}.journey-art,.journey-blob{position:absolute;pointer-events:none;z-index:-1;will-change:transform,opacity}.journey-art{width:calc(830 * var(--u));top:0;left:0;transform-origin:center;transform:translate(calc(345 * var(--u)),calc(-200 * var(--u))) rotate(42deg)}.journey-art img{width:100%;height:auto;filter:hue-rotate(40deg)}.journey-blob{width:600px;height:600px;border-radius:48% 52% 52% 48%;background:linear-gradient(155deg,#865af1 8%,#a98ced 54%,#c5a6ee 100%);opacity:0}.hero{height:calc(1015 * var(--u))}.announcement{height:calc(35 * var(--u));min-height:26px;background:#d5baf5;overflow:hidden;display:flex;align-items:center}.announcement>div{white-space:nowrap;font-size:clamp(10px,.9vw,15px);font-weight:700;animation:marquee 45s linear infinite}@keyframes marquee{to{transform:translateX(-35%)}}.navigation{position:relative;z-index:10;padding:30px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:37px}.brand-symbol{width:32px;height:53px;overflow:hidden;flex-shrink:0}.brand-symbol img{max-width:none;height:53px;width:auto}.nav-wordmark{width:160px;height:auto}.navigation-links{display:flex;gap:8px}.navigation .pill{font-size:11px;padding:14px 19px}.menu-toggle{display:none}.hero-brand{position:absolute;top:calc(300 * var(--u));left:24%;width:52%}
/* Keep the official wordmark solid black over every liquid state. */
.hero-wordmark{display:block;width:100%;aspect-ratio:1320 / 382.72;background:#000;-webkit-mask:url(idore-wordmark.svg) center/contain no-repeat;mask:url(idore-wordmark.svg) center/contain no-repeat;mix-blend-mode:normal}
.hero-message{position:absolute;top:calc(710 * var(--u));left:7%;width:86%;text-align:center}.hero-message h1{font-size:clamp(24px,3.25vw,62px);font-weight:400;letter-spacing:-1.6px;line-height:1.18}.hero-message p{font-size:clamp(13px,1.3vw,23px);margin-top:16px}.hero-message .actions{margin-top:32px}.sticker{user-select:none;pointer-events:none}.hero>.sticker{position:absolute;width:calc(135 * var(--u));animation:sticker-float 6s ease-in-out infinite}.hero-play{left:9%;top:calc(190 * var(--u));rotate:-5deg}.hero-star{right:5%;top:calc(190 * var(--u));animation-delay:-2s!important}.hero-heart{left:5%;top:calc(490 * var(--u));animation-delay:-3s!important}.hero-chat{right:4%;top:calc(510 * var(--u));animation-delay:-1s!important}@keyframes sticker-float{50%{transform:translateY(-10px) rotate(5deg)}}.hero-bottom{position:absolute;left:50%;bottom:42px;transform:translateX(-50%)}.scroll-hint{position:absolute;right:5%;bottom:35px;font-size:10px}.section-heading{position:absolute;left:39.3%;top:calc(103 * var(--u));z-index:2}.section-heading h2{font-size:clamp(28px,3.18vw,64px);font-weight:700;line-height:1.14;letter-spacing:-1.8px}.section-heading p{font-size:clamp(13px,1.2vw,22px);margin-top:12px;line-height:1.5}.flat-phones{position:absolute;top:calc(290 * var(--u));left:24.4%;display:flex;gap:calc(82 * var(--u))}.phone{position:relative}.flat-phone{width:calc(322 * var(--u));aspect-ratio:322/652;filter:drop-shadow(0 18px 20px #29123718)}.phone-frame{width:100%;height:100%;position:absolute;inset:0;pointer-events:none}.flat-phone .phone-screen{position:absolute;left:4.35%;top:1.85%;width:91.3%;height:96.2%;object-fit:cover;border-radius:11% / 5.3%;background:white}.text-link{text-transform:uppercase;font-size:14px;font-weight:700;border-bottom:1px solid transparent;padding:8px}.text-link:hover{border-color:currentColor}.app-link{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);white-space:nowrap}.tilted-phones{position:absolute;left:15.4%;top:calc(275 * var(--u));width:calc(852 * var(--u));height:calc(710 * var(--u))}.perspective-phone{position:absolute;width:calc(500 * var(--u));height:calc(710 * var(--u));filter:drop-shadow(0 22px 18px #29123718)}.perspective-phone.rear{left:0;top:0}.perspective-phone.front{left:calc(352 * var(--u));top:calc(3 * var(--u))}.perspective-screen{position:absolute;left:0;top:0;width:294px;height:628px;transform-origin:0 0;border-radius:26px;overflow:hidden;background:white}.perspective-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.concept-label{position:absolute;bottom:22px;right:5%;font-size:9px;letter-spacing:1px;opacity:.6}.download{height:calc(1000 * var(--u))}.download-headline{position:absolute;left:13.8%;top:calc(185 * var(--u))}.download-headline>div{display:flex;align-items:center;gap:calc(24 * var(--u));font-family:Anton,Impact,sans-serif;font-size:calc(180 * var(--u));letter-spacing:calc(-3.6 * var(--u));line-height:1.12}.download-headline .sticker{width:calc(120 * var(--u))}.download-card{display:flex;gap:20px;align-items:center;text-align:left;background:var(--purple);border:2px solid var(--ink);border-radius:24px;padding:12px 24px 12px 12px;font-family:Inter,Arial,sans-serif;letter-spacing:0;transition:transform .2s}.download-card:hover{transform:rotate(-3deg)}.download-card b{font-size:clamp(12px,1.2vw,22px);color:white;white-space:nowrap}.download-card small{display:block;font-size:clamp(9px,.85vw,16px);color:white;line-height:1.4;margin-top:10px}.download-icon{display:grid;place-items:center;background:#f3eaff;border-radius:14px;width:calc(115 * var(--u));height:calc(115 * var(--u));font-size:calc(76 * var(--u));font-family:Inter,sans-serif;font-weight:400}.download-heart{position:absolute;left:4%;top:calc(430 * var(--u));width:calc(118 * var(--u))}.download-community{position:absolute;left:0;right:0;top:calc(862 * var(--u));display:flex;align-items:center;justify-content:center;gap:24px;font-size:15px}.portal-section{height:290vh;position:relative;background:var(--paper)}.portal-sticky{height:100vh;position:sticky;top:0;overflow:hidden;display:flex;justify-content:center;align-items:center;isolation:isolate}.curved-grid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:0}.portal-bubble{width:250px;height:250px;flex-shrink:0;border-radius:50%;background:linear-gradient(145deg,#9470ef,#c4a6f3);display:flex;align-items:center;justify-content:center;position:relative;will-change:width,height,border-radius;background-color:var(--ink);transition:box-shadow .3s}.portal-bubble:hover{box-shadow:0 0 0 12px #8050e81a}.portal-circle-type{font-family:Anton,Impact,sans-serif;font-size:50px;line-height:1.04;text-align:center;transition:color .25s linear}.portal-capsule-type{font-family:Anton,Impact,sans-serif;font-size:clamp(50px,7vw,115px);line-height:1.14;color:#cfbaff;position:absolute;opacity:0}.portal-hint{position:absolute;bottom:17%;font-size:11px;pointer-events:none}.portal-skip{position:absolute;bottom:7%;font-size:10px;border-bottom:1px solid;padding-bottom:6px}
/* The gallery lives inside the portal viewport; its canvas is the expanded capsule. */
.worlds{position:absolute;inset:0;height:100%;overflow:hidden;opacity:0;color:#f2eaff;outline:none}
.world-track{position:relative;width:245vw;height:100%;will-change:transform}
.type-wall{overflow:hidden;position:absolute;inset:-3vh 0;color:#bb96f5;opacity:.19;font-family:Anton,Impact,sans-serif;font-size:clamp(130px,24vh,280px);line-height:1.07;letter-spacing:5vw;white-space:nowrap;pointer-events:none}
.type-wall span{display:block}.type-wall span:nth-child(even){margin-left:-8vw}
.peek-card{position:absolute;padding:30px;border-radius:12px;overflow:hidden;color:#241637;box-shadow:0 20px 60px #10071a20}
.peek-card h2{font-size:clamp(38px,4.4vw,80px);line-height:1;letter-spacing:-.05em;font-weight:600}
.peek-card .micro{font-size:10px;letter-spacing:1.5px}
.peek-one{left:6vw;top:9%;width:28vw;height:35%;background:#dbccfc;display:flex;flex-direction:column;justify-content:space-between}
.peek-one p{font-size:13px}.peek-orbit{position:absolute;right:20px;bottom:20px;font-size:42px}
.peek-two{left:76vw;top:12%;width:29vw;height:38%;background:#edcee7}
.peek-three{left:30vw;top:53%;width:42vw;height:35%;background:#c0aaef;display:flex;flex-direction:column;justify-content:space-between}
.peek-three p{font-size:clamp(30px,3.6vw,64px);line-height:1.02;letter-spacing:-.04em;font-weight:600}.peek-three em{font-style:normal;color:#624096}
.peek-four{left:123vw;top:14%;width:33vw;height:67%;background:#d6d0f5}
.peek-five{left:181vw;top:34%;width:49vw;height:54%;background:#c4a8ed;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}
.peek-five h2{font-size:clamp(48px,7vw,110px)}.peek-five .pill{background:transparent;min-width:150px}
.peek-slot{padding:0}.peek-window{position:absolute;inset:9% 9% 30%;border:1px solid #44306030;border-radius:48% 48% 7px 7px;background:linear-gradient(150deg,#ffffff45,transparent)}
.peek-window::after{content:'＋';position:absolute;inset:0;display:grid;place-items:center;color:#4b326244;font-size:32px;font-weight:300}
.peek-slot figcaption{position:absolute;bottom:26px;left:28px;right:24px}.peek-slot b{display:block;font-size:clamp(20px,2.1vw,36px);letter-spacing:-1px;margin-top:9px}.peek-slot small{display:block;font-size:11px;color:#78658a;margin-top:8px}
.gallery-caption{position:absolute;bottom:24px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#d9c8f4}.gallery-caption .micro{font-size:9px;white-space:nowrap}
.footer{padding:62px 4.5% 26px}.footer-top{display:flex;justify-content:space-between;gap:50px}.footer-intro h2{font-size:clamp(30px,3.25vw,60px);line-height:1.13;letter-spacing:-1.5px}.footer-intro .actions{margin-top:28px;justify-content:start}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);width:49%;gap:30px;padding-right:0}.footer-links>div{display:flex;flex-direction:column;gap:22px}.footer-links h3{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#746781;margin:6px 0 0}.footer-links a,.footer-links button{font-size:16px;text-align:left;background:none;padding:0}.footer-links a:hover,.footer-links button:hover{text-decoration:underline}.footer-wordmark{width:100%;margin:84px auto 42px}.footer-wordmark img{width:100%;height:auto}.footer-bottom{border-top:1px solid #c7bbd9;padding-top:28px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px;line-height:1.7;color:#665972}.footer-bottom span{font-size:11px}dialog{border:2px solid var(--ink);border-radius:28px;padding:54px;max-width:620px;width:calc(100% - 32px);background:#f4eefe;color:var(--ink);box-shadow:0 30px 100px #19132244}dialog::backdrop{background:#19132280;backdrop-filter:blur(8px)}dialog h2{font-size:40px;line-height:1.1;letter-spacing:-1.5px;margin:22px 0}dialog p{font-size:16px;line-height:1.6;color:#655976}dialog .actions{margin-top:28px;justify-content:start}.dialog-close{position:absolute;right:18px;top:16px;background:var(--ink);color:white;width:36px;height:36px;border-radius:50%;font-size:24px}
@media(min-width:1800px){.pill{font-size:16px;padding:20px 30px}.micro{font-size:14px}.navigation .pill{font-size:14px}}
@media(max-width:1050px){.navigation-links{gap:5px}.navigation .pill{padding:12px 13px;font-size:9px}.brand{gap:27px}.nav-wordmark{width:130px}.navigation{padding:23px 4%}.hero-message .actions{margin-top:22px}.hero-bottom{bottom:22px;font-size:9px}.scroll-hint{bottom:22px;font-size:8px}.download-card{gap:10px;padding:8px 14px 8px 8px;border-radius:16px}.section-heading p{max-width:400px}.footer-links{gap:24px;padding-right:0}.world-card-label{padding:18px}}
@media(max-width:767px){:root{--u:calc(100vw / 450)}.stage{height:auto}.hero{height:820px;min-height:100svh}.announcement{height:28px}.navigation{padding:28px 24px;gap:10px}.nav-wordmark{width:90px}.brand{gap:24px}.brand-symbol{height:40px;width:24px}.brand-symbol img{height:40px}.menu-toggle{display:inline-flex!important;padding:12px 16px!important;font-size:10px!important}.navigation-links{display:none;position:absolute;top:110px;left:20px;right:20px;padding:20px;background:#f7f0ff;border:2px solid;border-radius:20px;box-shadow:0 10px 30px #28194122;flex-wrap:wrap}.navigation-links.is-open{display:flex}.navigation-links .pill{flex:1;min-width:110px}.hero-brand{top:280px;left:18%;width:64%}.hero-message{top:485px;left:7%;width:86%}.hero-message h1{font-size:27px;line-height:1.2;letter-spacing:-1px;max-width:360px;margin:auto}.hero-message p{font-size:13px;line-height:1.5;max-width:285px;margin:18px auto 0}.hero-message .actions{margin-top:28px;gap:10px}.hero-message .pill{font-size:10px;padding:14px 17px}.hero>.sticker{width:64px}.hero-play{left:8%;top:175px}.hero-star{right:7%;top:175px}.hero-heart{left:4%;top:400px}.hero-chat{right:3%;top:400px}.hero-bottom{bottom:55px;font-size:9px}.scroll-hint{bottom:24px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}.discover{height:830px}.section-heading{position:relative;left:auto;top:auto;padding:95px 28px 0;max-width:480px;margin:auto}.section-heading h2{font-size:37px;letter-spacing:-1.6px}.section-heading p{font-size:14px;line-height:1.5;margin-top:15px;max-width:320px}.flat-phones{position:absolute;left:50%;top:310px;gap:14px;transform:translateX(-50%)}.flat-phone{width:calc((100vw - 62px) / 2)}.app-link{bottom:55px;font-size:12px}.create{height:830px}.create .section-heading{padding-top:65px}.tilted-phones{top:285px;left:0;width:100%;height:440px}.perspective-phone{width:68vw;height:96.56vw}.perspective-phone.rear{left:-4%}.perspective-phone.front{left:34%;top:0}.concept-label{font-size:8px;bottom:45px;right:24px;left:24px;text-align:center}.download{height:660px}.download-headline{left:9%;right:5%;top:130px}.download-headline>div{font-size:clamp(48px,11vw,83px);letter-spacing:-1px;gap:10px;line-height:1.3}.download-headline .sticker{width:48px}.download-card{border-radius:12px;padding:7px;gap:7px}.download-icon{width:36px;height:45px;border-radius:7px;font-size:28px}.download-card b{font-size:9px}.download-card small{font-size:8px;max-width:65px;margin-top:4px}.download-heart{width:48px;left:0;top:214px}.download-community{top:455px;flex-direction:column;gap:18px;font-size:13px}.download-community .pill{font-size:10px}.portal-section{height:240vh}.portal-bubble{width:170px;height:170px}.portal-circle-type{font-size:38px}.portal-hint{bottom:18%;font-size:9px}.portal-skip{font-size:9px}.footer{padding:45px 25px 24px}.footer-top{flex-direction:column;gap:42px}.footer-intro h2{font-size:35px}.footer-intro .pill{font-size:10px;padding:12px 17px}.footer-links{width:100%;gap:20px}.footer-links a,.footer-links button{font-size:14px}.footer-links h3{font-size:10px}.footer-wordmark{width:100%;margin:62px auto 30px}.footer-bottom{font-size:10px;align-items:flex-start}.footer-bottom span{font-size:9px}.footer-bottom .micro{font-size:8px;white-space:nowrap}dialog{padding:48px 25px 28px}dialog h2{font-size:32px}dialog .pill{font-size:10px;padding:13px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.announcement>div,.hero>.sticker{animation:none}.pill,.world-card,.download-card{transition:none}.journey-art,.journey-blob{will-change:auto}}
/* Keep the inline download tile independent of the oversized display type. */
.download-card{font-size:16px;line-height:1.2}
@media(min-width:768px) and (max-width:1050px){
  .nav-wordmark{width:160px}.menu-toggle{display:inline-flex}
  .navigation-links{display:none;position:absolute;top:100px;right:4%;padding:18px;background:#f7f0ff;border:2px solid var(--ink);border-radius:20px;box-shadow:0 10px 30px #28194122}
  .navigation-links.is-open{display:flex}
}
@media(min-width:768px){.hero-heart{left:3%;width:calc(120 * var(--u))}}

@media(max-width:767px){
 .world-track{width:480vw}
 .peek-card{padding:22px;border-radius:10px}
 .peek-one{left:8vw;top:10%;width:65vw;height:34%}
 .peek-two{left:91vw;top:41%;width:72vw;height:42%;padding:0}
 .peek-three{left:184vw;top:13%;width:76vw;height:40%}
 .peek-four{left:282vw;top:27%;width:76vw;height:56%;padding:0}
 .peek-five{left:380vw;top:20%;width:84vw;height:62%}
 .peek-card h2{font-size:43px}.peek-three p{font-size:36px}.peek-five h2{font-size:58px}
 .peek-slot figcaption{left:22px;bottom:22px}.peek-slot b{font-size:24px}
 .gallery-caption{gap:14px;bottom:20px}.gallery-caption .micro{font-size:8px;letter-spacing:.8px}
 .footer-top{gap:36px}.footer-links a,.footer-links button{font-size:12px}.footer-links>div{gap:18px}
}
@media(prefers-reduced-motion:reduce){
 .portal-section{height:auto}.portal-sticky{position:relative;height:auto;display:block;background:#1d1236!important}
 .portal-bubble,.portal-hint,.portal-skip,.curved-grid{display:none}
 .worlds{position:relative;opacity:1!important;height:auto;padding:40px 5%;background:#1d1236}
 .world-track{width:100%;height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;transform:none!important;will-change:auto}
 .peek-card{position:relative;left:auto;top:auto;width:100%;height:350px;min-width:0}
 .peek-five{grid-column:1/-1}.type-wall{display:none}.gallery-caption{position:relative;inset:auto;margin-top:35px}.gallery-direction{display:none}
}
@media(prefers-reduced-motion:reduce) and (max-width:767px){.world-track{grid-template-columns:1fr}.peek-five{grid-column:auto}}

/* One pair of phones, two scroll-driven poses. */
.feature-journey{position:relative;height:275vh}
.feature-anchor{position:absolute;top:140vh;left:0;pointer-events:none}
.feature-sticky{height:100vh;position:sticky;top:0;overflow:hidden;isolation:isolate;background:transparent}
.feature-heading{position:absolute;left:39.3%;right:4.5%;top:6.5vh;z-index:3;pointer-events:none}
.feature-heading h2{font-size:clamp(28px,3.18vw,60px);line-height:1.12;font-weight:700;letter-spacing:-1.8px}
.feature-heading p{font-size:clamp(13px,1.2vw,22px);line-height:1.5;margin-top:12px;max-width:650px}
.feature-heading-create{opacity:0}
.feature-phones{position:absolute;inset:0;pointer-events:none}
.morph-phone{position:absolute;left:0;top:0;width:322px;height:652px;margin:0;transform-origin:0 0;transform-style:preserve-3d;will-change:transform}
.morph-phone[data-phone=right]{z-index:2}
.phone-model-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.phone-model-ready .morph-phone{opacity:0}
.morph-phone{filter:drop-shadow(0 14px 16px #29123720)}
.morph-phone .phone-screen{position:absolute;left:14px;top:12px;width:294px;height:628px;object-fit:cover;border-radius:39px;background:white}
.morph-phone .phone-screen[data-fit=contain]{object-fit:contain;background:#180f24}
.morph-phone .screen-after{opacity:0}
.feature-switch{display:none}
@media(max-width:767px){
 .feature-heading{left:7%;right:7%;top:7vh}.feature-heading h2{font-size:34px;letter-spacing:-1.4px}.feature-heading p{font-size:13px;max-width:340px;line-height:1.45}
}
@media(prefers-reduced-motion:reduce){.feature-sticky{position:relative}.feature-switch{display:block;position:absolute;bottom:24px;left:7%;background:none;border-bottom:1px solid;padding:6px 0;text-transform:uppercase;font-size:10px;letter-spacing:1px}.morph-phone{will-change:auto}}

/* Keep the complete hero message in the first viewport, including on wide screens. */
.hero-content{display:contents}
@media(min-width:768px){
 .hero{height:100svh;min-height:760px}
 .hero-content{position:absolute;top:clamp(180px,22svh,280px);left:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(34px,5svh,60px)}
 .hero-content .hero-brand{position:static;width:min(52%,100.05svh)}
 .hero-content .hero-message{position:static;width:86%}
 .hero-play,.hero-star{top:clamp(170px,20svh,260px)}
 .hero-heart,.hero-chat{top:clamp(330px,48svh,560px)}
}

/* Pre-launch preview: no downloads, install routes, or actionable release CTAs. */
.coming-soon:disabled{cursor:default;opacity:.65;pointer-events:none}
.coming-soon:disabled:hover{transform:none}
.footer-links .release-note{font-size:12px;opacity:.6;line-height:1.5}

/* User-facing copy: readable line lengths and quiet release status. */
.hero-message p{max-width:760px;margin:16px auto 0;line-height:1.5;text-wrap:pretty}
.release-status{font-size:12px;color:#655574;letter-spacing:.02em}
.hero-message .release-status{flex-basis:100%}
.hero-message .actions{gap:12px}
.footer-release{margin-top:22px;font-size:15px;color:#655574}
/* The line windows preserve the original typography and static fallback. */
.footer-title-line{display:block;clip-path:inset(0 -.08em -.08em)}
.footer-title-line>span{display:block}
.peek-card .peek-detail{font-size:clamp(12px,1.05vw,16px);line-height:1.5;letter-spacing:0;font-weight:400;max-width:440px}
.peek-three p{font-size:clamp(28px,3vw,50px)}
.peek-five h2{font-size:clamp(38px,5.2vw,80px)}
@media(max-width:767px){
 .hero-message p{max-width:320px;font-size:13px}
 .hero-message .actions{margin-top:22px}
 .hero-message .release-status{font-size:10px}
 .hero-bottom{font-size:8px;white-space:nowrap}
 .peek-card .peek-detail{font-size:12px}
 .peek-three p{font-size:32px}
 .peek-five h2{font-size:42px}
}

/* Brand-purple liquid material; the canvas shares the existing continuous layer. */
.journey-art{aspect-ratio:791.698 / 1416.46}
.journey-art .liquid-fallback{filter:none;width:100%;height:100%}
.liquid-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.liquid-ready .liquid-canvas{opacity:1}
.liquid-ready .liquid-fallback{visibility:hidden}
.journey-blob{background:radial-gradient(ellipse at 24% 16%,#e8dcff 0%,#ad88f4 12%,#8052e6 38%,#7546dc 65%,#b395ef 100%)}

/* One viewport-sized liquid surface, shared by hero, phones and portal. */
main{isolation:isolate;background:var(--paper)} /* paper must live inside the blend group for the difference wordmark */
.journey-art{position:fixed;inset:0;width:100%;height:100svh;aspect-ratio:auto;transform:none;z-index:-1;will-change:auto}
.journey-art .liquid-fallback{position:absolute;width:var(--fallback-width);height:auto;left:var(--fallback-x);top:var(--fallback-y);transform:rotate(42deg)}
.journey-art.is-merged .liquid-fallback{display:none}
.journey-art.is-merged:not(.liquid-ready)::after{content:"";position:absolute;left:var(--orb-x);top:var(--orb-y);width:var(--orb-size);height:var(--orb-height);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 33% 24%,#f2dfff,#9470ee 18%,#7850e8 55%,#6440c2)}
.portal-section{background:transparent}
.portal-sticky{background:transparent!important}
.liquid-enabled .portal-bubble{background:transparent!important;box-shadow:none}
@media(prefers-reduced-motion:reduce){.portal-sticky{background:#1d1236!important}}
.worlds{background:#1d1236}

/* The capsule is an aperture into the same letter space, not a crossfade. */
.portal-space{position:absolute;inset:0;overflow:hidden;background:#1d1032;opacity:0;clip-path:inset(40% 45% round 100px);isolation:isolate}
.portal-space::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#b691ea38 .8px,transparent .8px);background-size:17px 17px;pointer-events:none}
.lore-wall{position:absolute;inset:0;perspective:1100px;pointer-events:none;overflow:hidden;color:#ad7af1;font-family:Anton,Impact,sans-serif;font-weight:400}
.lore-column{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;transform-style:preserve-3d;will-change:transform;text-shadow:5px 6px 0 #643797}
.lore-column span{display:flex;justify-content:center;align-items:center;height:var(--row-height);line-height:1;width:.9em;transform-origin:center}
.portal-space .worlds{background:transparent;z-index:2}
.portal-space .peek-card{border-radius:5px;box-shadow:0 18px 40px #0b031e45;will-change:transform;transform-origin:center}
.portal-space .peek-one{left:36vw;top:45%;width:34vw;height:40%}
.portal-space .peek-two{left:82vw;top:9%;width:40vw;height:47%}
.portal-space .peek-three{left:127vw;top:52%;width:38vw;height:36%}
.portal-space .peek-four{left:172vw;top:12%;width:35vw;height:65%}
.portal-space .peek-five{left:222vw;top:30%;width:47vw;height:55%}
.portal-space .world-track{width:280vw}
.portal-space .gallery-caption{z-index:3;background:linear-gradient(transparent,#1d1032dd);padding:24px 0 0}
@media(max-width:767px){
 .lore-column{text-shadow:3px 4px 0 #643797}
 .portal-space .world-track{width:480vw}
 .portal-space .peek-one{left:15vw;top:44%;width:72vw;height:38%}
 .portal-space .peek-two{left:105vw;top:12%;width:76vw;height:44%}
 .portal-space .peek-three{left:196vw;top:50%;width:76vw;height:36%}
 .portal-space .peek-four{left:286vw;top:15%;width:76vw;height:62%}
 .portal-space .peek-five{left:386vw;top:30%;width:80vw;height:55%}
}
@media(prefers-reduced-motion:reduce){
 .portal-space{position:relative;clip-path:none!important;opacity:1!important}
 .lore-wall{display:none}
 .portal-space .world-track{width:100%}
 .portal-space .peek-card{position:relative;left:auto;top:auto;width:100%;height:350px;transform:none!important;visibility:visible!important}
}
.portal-space{pointer-events:none}
.lore-foreground{z-index:3;visibility:hidden}
@media(prefers-reduced-motion:reduce){.lore-foreground{display:none}}

/* Keep the static liquid fallback subdued behind the black wordmark. */
html.liquid-fallback .journey-art .liquid-fallback{opacity:.72}

/* Curved cards share the existing gallery clock and foreground letter layers. */
.curve-shell{position:absolute;transform-style:preserve-3d;transform-origin:center;pointer-events:none;visibility:hidden;will-change:transform}
.curve-strip{position:absolute;left:0;top:0;overflow:hidden;transform-origin:50% 50%;backface-visibility:hidden}
.portal-space .curve-strip>.peek-card{will-change:auto;pointer-events:none}
.world-track.curved-ready>.peek-card{opacity:0}
.gallery-floor{position:absolute;left:-30%;right:-30%;top:63%;height:90%;transform:perspective(550px) rotateX(65deg);transform-origin:center top;background-image:linear-gradient(#b497ed35 1px,transparent 1px),linear-gradient(90deg,#b497ed35 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(transparent,#000 45%,transparent);opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){
 .curve-shell,.gallery-floor{display:none}
 .world-track.curved-ready>.peek-card{opacity:1}
}

/* A pinned typographic interlude. Every moving letter comes from the hero copy. */
.hero-journey{position:relative}
.hero-journey>.hero{position:sticky;top:0}
.lore-source-word{white-space:nowrap}
.hero-lore-target{position:absolute;left:8%;right:8%;top:43%;transform:translateY(-50%);font-size:clamp(64px,10.6vw,190px);font-weight:400;line-height:1.06;letter-spacing:-.065em;pointer-events:none}
.hero-lore-line{display:block;white-space:pre;opacity:0}
.hero-lore-line:last-child{text-align:right;margin-top:.12em}
.hero-lore-glyphs{position:absolute;inset:0;pointer-events:none;visibility:hidden}
.hero-lore-glyph{position:absolute;left:0;top:0;line-height:normal;transform-origin:0 0;white-space:pre;will-change:transform}
@media(max-width:767px){
 .hero-journey>.hero{height:100svh;min-height:660px}
 .has-lore-motion .hero-brand{top:24%;left:15%;width:70%}
 .has-lore-motion .hero-message{top:48%}
 .hero-lore-target{left:7%;right:7%;top:44%;font-size:10.8vw;letter-spacing:-.055em;line-height:1.16}
 .hero-lore-line:last-child{margin-top:.32em}
 .has-lore-motion .hero-bottom{bottom:66px}
}
@media(prefers-reduced-motion:reduce){
 .hero-journey>.hero{position:relative}
 .hero-lore-glyphs,.hero-lore-target{display:none}
 .hero-lore-glyph{will-change:auto}
}
html.lenis,
html.lenis body {
  height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}

.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-vertical],
.lenis [data-lenis-prevent-horizontal] {
  overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}
/* Lenis moves the real document: fixed layers and sticky geometry stay intact. */
html.has-scroll-motion{scroll-behavior:auto}