/* One semantic document; the persistent scene is progressive decoration. */
body[data-site=cubiq]{--paper:#edf0f5}
.journey{position:relative;isolation:isolate;background:#edf0f5}
.chapter-copy,.chapter-visual,.download-layout>div{min-width:0}
.journey-stage{position:sticky;top:0;height:100svh;margin-bottom:-100svh;overflow:clip;pointer-events:none;z-index:1;background:var(--scene-bg,#edf0f5)}
.stage-wordmark{position:absolute;left:4vw;top:20%;font-size:clamp(150px,27vw,420px);font-weight:720;letter-spacing:-.075em;line-height:.82;direction:ltr;color:#ccd4e2;white-space:nowrap;opacity:var(--wordmark-opacity,1)}.stage-wordmark span{font-size:22px;letter-spacing:0;vertical-align:top;margin-left:24px}.stage-aura{position:absolute;width:90vw;height:90vw;max-width:1500px;max-height:1500px;left:25%;top:calc(50% - 45vw);border-radius:50%;background:radial-gradient(ellipse,#ffffff85,transparent 67%);opacity:.8}
.stage-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#39405732 1px,transparent 1px),linear-gradient(90deg,#39405732 1px,transparent 1px);background-size:calc(100vw / 12) calc(100vw / 12);mask-image:linear-gradient(transparent,#000 60%,transparent)}
.cube-frame{position:absolute;width:min(84vw,1300px);height:100%;left:19%;top:0;transform:translate(var(--cube-x,0px),var(--cube-y,0px)) scale(var(--cube-scale,1));opacity:var(--cube-opacity,1);will-change:transform}
.cube-frame canvas,.cube-fallback{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;pointer-events:none}.cube-fallback{padding:6vh 8vw;filter:drop-shadow(0 35px 35px #30304422);transform:rotate(var(--fallback-turn,-8deg))}.cube-frame canvas{opacity:0}.cube-frame[data-cube-ready] canvas{opacity:1}.cube-frame[data-cube-ready] .cube-fallback{opacity:0}

.chapter{position:relative;min-height:108svh;display:flex;align-items:center;scroll-margin-top:0}.chapter-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:center;padding-block:110px;position:relative;z-index:3}.chapter-copy{max-width:560px;color:var(--chapter-ink,#202434)}.chapter-copy h2{font-size:clamp(36px,4.7vw,70px);line-height:1.08;margin-bottom:28px;overflow-wrap:break-word}.chapter-copy p{font-size:clamp(15px,1.3vw,18px);line-height:1.7;max-width:500px}.chapter-copy .eyebrow{display:flex;align-items:center}.chapter-line{display:block;width:70px;height:2px;background:currentColor;opacity:.4;margin-top:34px;transform-origin:left;transform:scaleX(var(--chapter-progress,0.3))}
.chapter-visual{overflow:clip;padding:35px;position:relative;display:grid;place-items:center;min-height:610px;isolation:isolate;direction:ltr}.chapter-visual .phone{transform:perspective(1300px) rotateY(var(--phone-turn,-12deg)) rotateZ(var(--phone-roll,5deg)) translateY(var(--phone-y,0px));position:relative;z-index:2}.chapter-lime .phone{--phone-roll:-6deg}.chapter-blue{--chapter-ink:#fff}.chapter-blue .chapter-copy p{color:#e3eaff}.chapter-violet .phone{--phone-roll:6deg}
.chapter-nav{position:sticky;bottom:24px;height:50px;margin-top:-50px;width:max-content;display:flex;gap:5px;z-index:15;left:50%;transform:translateX(-50%);padding:7px;isolation:isolate;direction:ltr}.chapter-nav::before{content:"";position:absolute;inset:0;z-index:-1;border:1px solid #ffffff77;border-radius:40px;background:#f9fbffcc;backdrop-filter:blur(18px)}.chapter-nav a{height:36px;width:36px;display:grid;place-items:center;border-radius:50%;font-size:10px;color:#424959}.chapter-nav a[aria-current=step]{background:#202532;color:#fff}.journey-progress{position:absolute;bottom:0;left:24px;right:24px;height:2px;background:#2f58ff;transform:scaleX(var(--journey-progress,0));transform-origin:left}
.introduction{min-height:100svh;display:block}.intro-layout{min-height:100svh;position:relative;padding-top:125px;padding-bottom:42px;display:flex;flex-direction:column;justify-content:space-between}.intro-kicker{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;position:relative;z-index:4;direction:ltr}.introduction h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.intro-bottom{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:end;gap:30px}.intro-bottom>div{max-width:360px}.intro-bottom p{font-size:clamp(17px,1.65vw,23px);line-height:1.5;margin-bottom:24px;letter-spacing:-.02em}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:18px;font-size:10px;letter-spacing:.15em}.scroll-cue .arrow{transform:rotate(90deg);width:24px;height:24px}
.path-art{position:absolute;inset:5% 0;transform:rotate(-18deg);z-index:0;pointer-events:none}.path-art i{position:absolute;inset:10%;border:2px dashed #552e4255;border-radius:40%}.path-art span{position:absolute;display:grid;place-items:center;width:55px;height:55px;background:#ffebe1dd;border:1px solid #fff;border-radius:50%;font-size:13px}.path-art span:nth-child(1){left:10%;top:13%}.path-art span:nth-child(2){right:6%;top:35%}.path-art span:nth-child(3){left:5%;bottom:25%}.path-art span:nth-child(4){right:18%;bottom:8%}
.algorithm-art{position:absolute;inset:0;z-index:3;pointer-events:none;font-weight:750;font-size:clamp(40px,6vw,90px);letter-spacing:-.06em;color:#35452c}.algorithm-art span{position:absolute;transform:translateY(var(--symbol-y,0px)) rotate(-12deg);text-shadow:0 10px 30px #33402320}.algorithm-art span:nth-child(1){left:-3%;top:10%}.algorithm-art span:nth-child(2){right:0;top:30%}.algorithm-art span:nth-child(3){left:0;bottom:6%}.algorithm-art span:nth-child(4){right:1%;bottom:0}
.timer-art{position:absolute;width:105%;aspect-ratio:1;border:1px solid #c3d3ff77;border-radius:50%;transform:rotate(var(--timer-turn,-35deg));background:repeating-conic-gradient(from 0deg,#e1ecff80 0deg 1deg,transparent 1deg 10deg);mask-image:radial-gradient(transparent 62%,#000 63%,#000 66%,transparent 67%)}.timer-art i{position:absolute;width:50%;height:2px;background:white;left:50%;top:50%;transform-origin:left;transform:rotate(35deg)}.timer-art b,.timer-art span{display:none}
.palette-art{position:absolute;inset:0;perspective:900px;z-index:1}.palette-art i{position:absolute;width:60%;height:63%;left:20%;top:15%;border:1px solid #ffffffb3;background:var(--tile);border-radius:30px;box-shadow:0 25px 35px #39295212;transform-origin:50% 95%;transform:rotate(calc((var(--i) - 3) * var(--fan-angle,12deg)));opacity:.8}
.cube-portal{position:relative;min-height:100svh;background:#121225;color:white;overflow:clip;display:flex;align-items:flex-end;isolation:isolate}.cube-portal>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:60% 50%;transform:scale(var(--portal-scale,1.08));z-index:-2}.portal-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0c1021e8,transparent 85%);z-index:-1}.portal-copy{position:relative;padding-block:100px 80px}.portal-copy h2{font-size:clamp(50px,8vw,115px);max-width:700px}.portal-copy p{max-width:720px;color:#d2d6ed;margin-top:26px;font-size:17px}.portal-equation{position:absolute;right:0;bottom:80px;font-size:clamp(45px,6vw,90px);line-height:1;font-weight:250;direction:ltr;opacity:.5}
.gallery-world{background:#12131d;color:#f3f4fb;padding-block:clamp(75px,9vw,130px);overflow:clip}.gallery-header{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:50px}.gallery-header h2{max-width:900px}.gallery-header p{color:#adb5c9;max-width:650px;margin-top:20px}.gallery{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(200px,23vw,305px);gap:28px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:30px 4px 30px;scrollbar-width:thin;scrollbar-color:#7281a3 #252938}.gallery a{display:block;scroll-snap-align:center;transform:translateY(var(--gallery-wave,0px)) rotate(var(--angle,0deg));border-radius:15px;background:#1b2030;overflow:hidden}.gallery a:nth-child(even){--angle:3deg}.gallery a:nth-child(odd){--angle:-3deg}.gallery img{width:100%;height:auto}.gallery a>span{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;padding:12px 16px}.gallery-navigation{flex-shrink:0}
.download-section{padding-block:clamp(80px,10vw,145px);background:#eaf0f4}.download-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12%}.download-layout h2{font-size:clamp(90px,12vw,170px);line-height:.95;direction:ltr;text-align:start}.small-dot{color:#5f7bdf}.download-intro{font-size:clamp(20px,2.1vw,28px);line-height:1.5;max-width:580px;margin-top:35px}.download-actions{display:flex;flex-direction:column;gap:20px;align-items:flex-start;justify-content:center}.download-actions p{font-size:15px;color:#505e72}.download-actions small{font-size:12px;color:#596171;margin-top:-10px}.store-upcoming{display:flex;align-items:center;gap:10px;color:#596171;font-size:13px}.store-upcoming svg{width:17px;height:17px}
@media(min-width:801px){.journey[data-enhanced] .chapter-copy{transform:translateY(var(--copy-y,0px));opacity:var(--copy-opacity,1)}.chapter-blue .chapter-copy{max-width:525px}.chapter-violet .chapter-copy h2{font-size:clamp(44px,6vw,82px)}}
@media(max-width:1000px){.chapter-layout{gap:5%}.chapter-visual{min-height:510px}.phone{width:235px}.chapter-copy h2{font-size:43px}.portal-equation{display:none}.cube-frame{width:95vw;left:10%}.intro-bottom>div{max-width:310px}}
@media(max-width:800px){.journey-stage{height:100svh;margin-bottom:-100svh}.chapter{min-height:auto}.chapter-layout{grid-template-columns:minmax(0,1fr);gap:40px;padding-block:90px 80px;min-height:100svh}.chapter-copy{max-width:620px}.chapter-copy h2{font-size:clamp(36px,6.5vw,55px)}.chapter-copy p{font-size:16px;max-width:600px}.chapter-visual{min-height:520px;width:min(480px,100%);margin-inline:auto}.chapter-visual .phone{width:235px}.cube-frame{width:120vw;left:0;height:75%;top:5%;opacity:var(--cube-opacity,1)}.introduction{min-height:100svh}.intro-layout{min-height:100svh;padding-top:136px;padding-bottom:38px}.introduction h1{font-size:27vw;margin-top:22px;align-self:flex-start}.introduction h1>span{font-size:14px;margin:4px 0 0 9px}.intro-bottom{margin-top:auto;padding-top:45svh}.intro-bottom>div{max-width:420px}.intro-bottom p{font-size:18px;max-width:400px}.intro-kicker{font-size:9px}.chapter-nav{display:none}.stage-grid{background-size:25vw 25vw}.cube-fallback{padding:5vh 15vw}.cube-portal{min-height:850px}.cube-portal>img{object-position:64% 40%}.portal-copy{padding-block:70px}.portal-copy h2{font-size:60px}.portal-copy p{font-size:16px}.download-layout{grid-template-columns:minmax(0,1fr);gap:50px}.download-actions{max-width:600px}.gallery-header{flex-wrap:wrap}.gallery{gap:22px;grid-auto-columns:230px}.algorithm-art{font-size:66px}.gallery-header{margin-bottom:30px}}
@media(max-width:480px){.intro-layout{padding-top:142px;padding-bottom:30px}.introduction h1{font-size:27vw}.cube-frame{left:-5%;width:110vw;height:66%;top:12%}.intro-bottom{padding-top:41svh}.intro-bottom p{font-size:16px;max-width:270px}.scroll-cue{display:none}.intro-bottom .button{max-width:100%}.chapter-layout{padding-block:75px 70px}.chapter-copy h2{font-size:36px}.chapter-visual{min-height:480px}.chapter-visual .phone{width:215px}.algorithm-art{font-size:51px}.cube-portal{min-height:750px}.portal-copy h2{font-size:48px}.portal-copy p{font-size:15px}.gallery{grid-auto-columns:215px}.download-layout h2{font-size:clamp(80px,25vw,110px)}}
/* A motion-free reader still gets a complete, deliberately composed story. */
.journey:not([data-enhanced]) .journey-stage{position:absolute;inset:0 0 auto;margin:0}
.journey:not([data-enhanced]) .chapter-coral{background:#f2c0ad}.journey:not([data-enhanced]) .chapter-lime{background:#d9e8ab}.journey:not([data-enhanced]) .chapter-blue{background:#3555bf}.journey:not([data-enhanced]) .chapter-violet{background:#d8cdf0}
@media(prefers-reduced-motion:reduce){.journey-stage{position:absolute;inset:0 0 auto;height:100svh;margin:0}.cube-frame{transform:none!important}.cube-fallback{transform:rotate(-8deg)}.chapter-visual .phone{transform:rotate(-3deg)}.gallery a{transform:none}.cube-portal>img{transform:none}}

@media(min-width:801px){
.chapter-lime .chapter-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:8%}.chapter-lime .chapter-copy{order:2}.chapter-lime .chapter-visual{order:1;overflow:visible}.chapter-lime .algorithm-art{font-size:clamp(50px,7vw,108px)}
.chapter-violet{min-height:140svh}.chapter-violet .chapter-layout{grid-template-columns:minmax(0,1fr);padding-block:100px 70px;gap:35px}.chapter-violet .chapter-copy{max-width:960px;text-align:center;margin-inline:auto}.chapter-violet .chapter-copy .eyebrow{justify-content:center}.chapter-violet .chapter-copy p{max-width:820px;margin-inline:auto}.chapter-violet .chapter-line{margin-inline:auto}.chapter-violet .chapter-visual{width:min(780px,100%);margin-inline:auto;min-height:650px;overflow:clip}.chapter-violet .palette-art i{width:34%;height:64%;left:33%;top:16%}.chapter-violet .chapter-visual .phone{width:270px}
}
@media(max-width:800px){.stage-wordmark{top:24%;font-size:27vw}.stage-wordmark span{font-size:13px;margin-left:10px}.introduction h1{margin:0;white-space:normal}.chapter-visual{padding:30px}}
.chapter-visual .practice-preview{position:absolute;z-index:3;width:185px;right:28px;bottom:12%;transform:perspective(1000px) rotateY(-16deg) rotateZ(9deg) translateY(var(--phone-y,0px));border-width:5px;border-radius:26px;box-shadow:0 35px 70px -20px #4c2d4070}.practice-preview img{border-radius:20px}
@media(max-width:800px){.chapter-visual .practice-preview{width:155px;right:18px;bottom:8%}.chapter-coral .chapter-visual>.phone:not(.practice-preview){margin-inline-end:65px}}
@media(prefers-reduced-motion:reduce){.chapter-visual .practice-preview{transform:rotate(6deg)}}