/* V2 scene direction. Isolated from the approved original. */
.new-art{z-index:3;pointer-events:auto}.scene{z-index:2}.scene .scene-copy{position:relative;z-index:4}.scene-create .scene-copy{width:57%}.scene-create h1{font-size:clamp(44px,4.8vw,78px)}.scene-design .scene-copy{width:56%}.scene-design h2{font-size:clamp(40px,4.05vw,67px)}
.product-space{left:59%;top:20%;width:35%;height:62%;perspective:1600px}.page-object{left:14%;top:4%;width:84%;transform:none!important}.created-page{transform:rotate(5deg);box-shadow:16px 28px 70px #0009;border-radius:9px;overflow:hidden}.prompt-composer{position:absolute;left:-6%;right:7%;top:40%;background:#17101f;border:1px solid #b597ff65;border-radius:16px;padding:23px;transform:rotate(-3deg);box-shadow:0 26px 65px #0009}.composer-title{display:flex;align-items:center;gap:10px;font-size:16px;letter-spacing:-.02em}.composer-title img{width:25px;height:25px}.typed-brief{font-size:14px;line-height:1.65;min-height:70px;color:#d5c8e3;margin:22px 0}.typed-brief i{display:inline-block;height:16px;width:1px;background:#e9caff;vertical-align:middle;animation:caret .8s steps(2) infinite}.composer-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}.build-steps{display:flex;gap:13px;font-size:10px;color:#b9a7c9}.build-steps span::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#6f5b82;margin-right:5px}.build-steps span.done{color:#e0c8ff}.build-steps span.done::before{background:#ceb0ff;box-shadow:0 0 8px #ceb0ff}.composer-send{height:32px;width:32px;background:#cbb4ff;border-radius:50%;display:grid;place-items:center;color:#211032}.composer-send svg{width:16px;height:16px}.creation-ready{position:absolute;bottom:1%;left:15%;font-size:12px;display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(10px);transition:.7s}.creation-ready svg{width:18px;height:18px;color:#cbb4ff}.assembled .creation-ready{opacity:1;transform:none}.product-space:not(.assembled) .created-page .mini-bottom{opacity:.25}.product-space:not(.has-copy) .created-page .mini-text{opacity:.2;filter:blur(3px)}.product-space:not(.has-images) .created-page .mini-art{opacity:.12}.created-page .mini-text,.created-page .mini-art,.created-page .mini-bottom{transition:opacity .9s,filter .9s}
.mini-page{--paper:#13101d;--tone:#f2edfa;--pop:#cbb4ff;width:100%;color:var(--tone);background:var(--paper);font-family:Manrope,sans-serif;overflow:hidden;border-radius:5px;container-type:inline-size}.mini-nav{height:38px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;font-size:7px;border-bottom:1px solid #ffffff19}.mini-nav b{font-size:10px;letter-spacing:.1em}.mini-nav>span{opacity:.7}.mini-hero{position:relative;min-height:245px;padding:40px 8%;overflow:hidden}.mini-text{position:relative;z-index:1}.mini-page h3{font-size:30px;font-size:9.1cqw;font-weight:500;line-height:1.08;letter-spacing:-.04em;margin:0 0 17px;text-wrap:balance}.mini-page p{font-size:9px;font-size:2.8cqw;max-width:25ch;line-height:1.65;margin:0 0 24px;color:inherit}.mini-cta{font-size:8px;font-size:2.6cqw;display:inline-block;padding:10px 15px;border-radius:20px;background:var(--pop);color:#17101f}.mini-art{position:absolute;inset:0;background:linear-gradient(90deg,#13101df0,transparent),url(assets/cosmic-hero.png) 66% center/cover}.mini-bottom{padding:20px 8% 25px}.mini-bottom>strong{font-size:11px;font-size:3.5cqw;display:block;font-weight:500}.mini-columns{display:flex;gap:8px;margin-top:18px;font-size:6px;font-size:1.9cqw;line-height:1.6}.mini-columns span{flex:1;padding-top:9px;border-top:1px solid currentColor;opacity:.7}
.theme-forma{--paper:#efece4;--tone:#272c26;--pop:#d7ff64}.theme-forma .mini-nav{border-color:#272c2630}.theme-forma .mini-hero{padding-top:30px;min-height:270px}.theme-forma h3{font-family:'Bodoni Moda',serif;font-style:italic;font-size:12cqw;max-width:80%}.theme-forma .mini-art{background:#8c9c80;inset:36% -20% -10% 52%;transform:rotate(-28deg);border-radius:100% 0 0 0;box-shadow:-22px 0 0 #b5bfa6,-44px 0 0 #d0d5c5}.theme-tempo{--paper:#ddebff;--tone:#17304b;--pop:#203bff}.theme-tempo .mini-art{background:none;border:28px solid #6487ff;border-radius:50%;inset:30px -50% -20px 43%;box-shadow:0 0 0 15px #97b4ff}.theme-tempo .mini-cta{color:white}.theme-tempo h3{font-weight:600}.theme-studio{--paper:#f34325;--tone:#160d09;--pop:#ffe7c3}.theme-studio .mini-hero{min-height:250px;padding-top:50px}.theme-studio h3{font-size:12cqw;font-weight:800;max-width:100%}.theme-studio .mini-art{background:none}.theme-studio .mini-bottom{background:#ffe7c3}.theme-studio .mini-nav{border-color:#160d0940}.theme-essencia{--paper:#f0e8df;--tone:#4e442f;--pop:#d9c5a9}.theme-essencia h3{font-family:'Bodoni Moda',serif;font-size:12cqw;font-weight:400}.theme-essencia .mini-art{inset:15% -30% -35% 47%;border-radius:50%;background:#afbb97;box-shadow:-12px 0 0 #c5ceaf;transform:rotate(30deg)}.theme-essencia .mini-nav{border-color:#4e442f40}.theme-orbita{--paper:#082d29;--tone:#deffd7;--pop:#ceff84}.theme-orbita .mini-art{background:linear-gradient(90deg,#082d29ef,transparent),url(assets/cosmic-hero.png) 75% center/cover;filter:hue-rotate(110deg)}.theme-orbita h3{font-size:11cqw}.theme-orbita .mini-cta{border-radius:3px}
.copy-evidence{left:7%;top:21%;width:34%;height:63%;perspective:none}.copy-document{background:#f1eaf7;color:#302039;padding:29px 28px 20px;border-radius:7px;transform:rotate(-4deg);box-shadow:14px 30px 75px #0008}.document-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.02em;padding-bottom:20px;border-bottom:1px solid #30203930}.document-top span:last-child{color:#74627e}.copy-passage{position:relative;margin-top:22px;transition:opacity .6s}.passage-tag{display:block;text-transform:uppercase;letter-spacing:.09em;font-size:8px;margin-bottom:11px;color:#685577}.copy-passage h3{font-family:'Bodoni Moda',serif;font-weight:400;font-size:clamp(22px,2.5vw,39px);letter-spacing:-.035em;line-height:1.08;margin:0}.copy-passage h3 em{color:#6635a1}.copy-passage p{font-size:12px;line-height:1.85;margin:0;max-width:39ch}.copy-passage:not(.active-passage){opacity:.8}.copy-passage::after{content:'';position:absolute;left:-12px;right:-12px;top:-7px;bottom:-8px;background:#9c60db1c;border-radius:4px;opacity:0;transition:opacity .6s;pointer-events:none}.copy-passage.active-passage::after{opacity:1}.document-cta{font-size:10px;border-radius:25px;background:#37204d;color:#fff3ff;padding:12px 17px;display:flex;justify-content:space-between;gap:10px}.document-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:24px;font-size:9px;color:#685577}.document-bottom svg{width:18px;height:18px}.copy-progress{margin:27px 0 0 20px;display:flex;align-items:center;gap:10px}.copy-progress span{height:6px;width:6px;border-radius:50%;background:#cbb4ff;box-shadow:0 0 15px #cbb4ff}.copy-progress b{font-size:11px;font-weight:400;color:#d4c4e3}
.design-evidence{left:57%;top:17%;width:39%;height:69%;perspective:none}.page-gallery{position:absolute;inset:0;isolation:isolate;user-select:none;-webkit-user-select:none}.gallery-base{position:absolute;width:65%;top:6%;box-shadow:14px 24px 60px #0009;border-radius:7px;overflow:hidden;transition:opacity .35s}.gallery-back{left:0;transform:rotate(-11deg) translateY(32px)}.gallery-front{right:0;transform:rotate(9deg)}.gallery-base .mini-hero{min-height:220px;padding-top:29px}.gallery-base .mini-bottom{padding-bottom:25px}.gallery-next{position:absolute;left:0;right:0;bottom:-25px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:#d6c3ec;min-height:44px}.gallery-next svg{width:16px;height:16px}.gallery-touch{display:none}.trail-layer{position:absolute;inset:0;pointer-events:none;z-index:4}.trail-page{position:absolute;width:64%;left:var(--x);top:var(--y);transform:translate(-50%,-50%) rotate(var(--tilt));animation:page-arrive .45s cubic-bezier(.16,1,.3,1) both;box-shadow:12px 24px 60px #0009;border-radius:7px;overflow:hidden;will-change:transform,opacity}.trail-page .mini-hero{min-height:210px;padding-top:30px}.trail-page.leaving{opacity:0;transform:translate(-50%,-56%) rotate(var(--tilt)) scale(.9);transition:opacity .55s,transform .55s}.trail-active .gallery-base{opacity:.45}
.video-evidence{left:5%;top:27%;width:39%;height:52%;perspective:none}.vsl-player{position:relative;width:100%;aspect-ratio:1.6;background:#100819;box-shadow:14px 30px 80px #0009;border-radius:14px;overflow:hidden;transform:rotate(-3deg)}.vsl-player video{display:block;width:100%;height:100%;object-fit:cover}.vsl-shade{position:absolute;inset:0;background:linear-gradient(transparent,#0b051ed9)}.vsl-message{position:absolute;inset:13% 9% 18%;display:flex;flex-direction:column;justify-content:center;gap:20px}.vsl-message>span{font-size:10px;color:#e0cdee}.vsl-message strong{font-size:clamp(26px,3.3vw,50px);font-weight:400;letter-spacing:-.04em;line-height:1.05}.vsl-message strong em{color:#e5c9ff}.vsl-controls{position:absolute;left:6%;right:6%;bottom:10px;display:flex;align-items:center;gap:11px}.vsl-toggle{width:36px;height:36px;padding:8px;display:grid;place-items:center}.vsl-toggle svg{width:16px;height:16px}.vsl-time,.vsl-duration{font-size:9px;font-variant-numeric:tabular-nums}.vsl-track{height:3px;flex:1;background:#ffffff40;border-radius:3px;overflow:hidden}.vsl-track span{height:100%;width:0;display:block;background:#e5c9ff}
.offer-evidence{left:67%;top:22%;width:28%;height:63%;display:block}.launch-page{transform:rotate(6deg);width:91%;border-radius:8px;overflow:hidden;box-shadow:12px 28px 75px #0009}.domain-bar{padding:11px 14px;background:#2b2037;color:#ede1f8;display:flex;align-items:center;gap:6px;font-size:9px}.domain-bar svg{width:11px;height:11px}.domain-bar i{margin-left:auto;height:5px;width:5px;border-radius:50%;background:#d8b9fd}.launch-page .mini-hero{min-height:210px;padding-top:26px}.launch-connection{position:absolute;display:flex;align-items:center;gap:10px;font-size:11px;background:#251830;color:#f1ddff;box-shadow:0 12px 40px #0006;padding:13px 17px;border-radius:12px;opacity:.35;transform:translateY(10px);transition:opacity .7s,transform .7s}.connection-host{top:-5%;right:3%}.connection-dot{height:5px;width:5px;border-radius:50%;background:#d8b9fd;box-shadow:0 0 12px #b597ff}.connection-lead{top:47%;left:-16%;padding:16px 19px;transform:translateY(10px) rotate(-4deg);background:#e4d2fa;color:#2d1746}.connection-lead svg{width:22px;height:22px}.connection-lead small{display:block;font-size:9px;margin-top:5px}.connection-ab{bottom:0;right:0;font-size:10px}.connection-ab>span{display:grid;place-items:center;background:#b597ff33;border-radius:5px;width:22px;height:22px}.launch-connection.connected{opacity:1;transform:translateY(0)}
@keyframes caret{50%{opacity:0}}@keyframes page-arrive{from{opacity:0;transform:translate(-50%,-38%) rotate(calc(var(--tilt) - 7deg)) scale(.86)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--tilt)) scale(1)}}
@media(min-width:701px) and (max-height:760px){.product-space{top:17%;height:66%}.prompt-composer{top:37%;padding:18px}.mini-hero{min-height:205px;padding-top:25px}.creation-ready{bottom:0}.copy-evidence{top:18%;width:32%;left:8%}.copy-document{padding:22px}.copy-passage{margin-top:16px}.copy-passage h3{font-size:30px}.copy-passage p{font-size:11px}.copy-progress{margin-top:18px}.design-evidence{top:16%;height:68%}.gallery-base{width:59%}.gallery-base .mini-hero,.trail-page .mini-hero{min-height:190px}.offer-evidence{top:19%;height:64%}.launch-page .mini-hero{min-height:180px}.mini-bottom{padding-top:15px;padding-bottom:16px}}
@media(max-width:1050px) and (min-width:701px){.product-space{left:59%;width:36%;top:23%}.composer-title{font-size:13px}.typed-brief{font-size:12px}.build-steps{font-size:8px;gap:7px}.scene-create h1{font-size:5.2vw}.scene-copywriting h2,.scene-video h2{font-size:4.2vw}.scene-design h2{font-size:4vw}.copy-document{padding:20px}.copy-passage p{font-size:11px}.copy-evidence{left:5%;width:36%}.mini-hero{min-height:205px}.mini-nav{font-size:6px}.mini-nav b{font-size:8px}.gallery-base .mini-hero{min-height:180px}.scene-offer h2{font-size:3.9vw}.launch-connection{font-size:9px}.connection-ab{bottom:7%}}
@media(max-width:700px){
 .scene{padding:107px 24px 120px}.scene .scene-copy,.scene-create .scene-copy,.scene-design .scene-copy{width:100%;margin:0}.scene h1,.scene-create h1{font-size:clamp(31px,8.4vw,49px)}.scene-copywriting h2,.scene-design h2,.scene-video h2{font-size:clamp(29px,7.7vw,45px)}.scene p{font-size:13px;margin-top:17px;max-width:32ch}.scene-offer h2{font-size:clamp(28px,7.3vw,42px)}
 .product-space{left:12%;top:43%;width:76%;height:40%}.page-object{left:25%;top:0;width:68%}.mini-nav{height:24px;font-size:5px}.mini-nav b{font-size:7px}.mini-hero{min-height:145px;padding:21px 8%}.mini-page h3{margin-bottom:10px}.mini-page p{margin-bottom:12px}.mini-cta{padding:6px 10px}.mini-bottom{padding:12px 8% 15px}.mini-columns{margin-top:9px}.mini-columns span{padding-top:6px}.prompt-composer{top:30%;left:-4%;right:7%;padding:15px}.composer-title{font-size:13px}.composer-title img{width:19px;height:19px}.typed-brief{font-size:11px;min-height:53px;margin:13px 0}.build-steps{font-size:8px;gap:8px}.composer-send{width:27px;height:27px}.creation-ready{bottom:0;font-size:10px;left:10%}.theme-forma .mini-hero,.theme-studio .mini-hero{min-height:145px;padding-top:21px}
 .copy-evidence{left:19%;top:43%;width:66%;height:39%}.copy-document{padding:16px 18px}.document-top{font-size:6px;padding-bottom:10px}.copy-passage{margin-top:12px}.passage-tag{font-size:6px;margin-bottom:6px}.copy-passage h3{font-size:25px}.copy-passage p{font-size:9px;line-height:1.6}.document-cta{font-size:8px;padding:9px 11px}.document-bottom{font-size:7px;margin-top:13px}.document-bottom svg{width:13px;height:13px}.copy-progress{margin-top:16px;margin-left:0}.copy-progress b{font-size:9px}
 .design-evidence{left:14%;top:43%;width:72%;height:40%}.gallery-base{width:64%;top:0}.gallery-base .mini-hero,.trail-page .mini-hero{min-height:143px;padding-top:21px}.gallery-base .mini-bottom{padding-bottom:14px}.gallery-next{font-size:10px;bottom:-7px}.gallery-hint{display:none}.gallery-touch{display:inline}.trail-page{width:64%}.video-evidence{left:10%;top:44%;width:80%;height:37%}.vsl-message strong{font-size:34px}.vsl-message{gap:14px}.vsl-message>span{font-size:8px}.vsl-controls{bottom:5px}.vsl-time,.vsl-duration{font-size:8px}
 .offer{margin-top:22px}.offer .offer-trial{font-size:22px}.offer .offer-price{font-size:13px;max-width:none}.offer-start{margin-top:17px}.offer-evidence{left:56%;top:57%;width:37%;height:27%;opacity:1}.launch-page .mini-hero{min-height:103px;padding-top:15px}.launch-page .mini-bottom{padding:10px 8%}.launch-page .mini-nav{display:none}.domain-bar{font-size:5px;padding:7px}.domain-bar svg{width:9px;height:9px}.launch-connection{font-size:7px;padding:8px 10px;gap:5px}.connection-host{top:-13%}.connection-lead{left:-100%;top:58%;padding:10px;font-size:9px}.connection-lead small{font-size:7px}.connection-lead svg{width:15px;height:15px}.connection-ab{bottom:-7%;font-size:6px}.connection-ab>span{width:15px;height:15px}.experience-controls{bottom:10px}
}
@media(max-width:700px) and (max-height:740px){.scene{padding-top:92px}.scene p{font-size:12px;margin-top:13px}.scene-create h1{font-size:8vw}.product-space{top:45%;height:36%;width:72%;left:14%}.prompt-composer{top:19%;padding:13px}.creation-ready{font-size:9px;bottom:-4%}.page-object{width:60%;left:35%}.copy-evidence{top:44%;width:59%;left:23%}.copy-document{padding:12px 16px}.copy-passage{margin-top:8px}.copy-passage h3{font-size:22px}.copy-passage p{font-size:8px}.copy-progress{margin-top:12px}.design-evidence{top:44%;height:38%;width:66%;left:17%}.gallery-base .mini-hero,.trail-page .mini-hero{min-height:118px}.video-evidence{top:45%;width:74%;left:13%}.vsl-message strong{font-size:28px}.vsl-message{gap:10px}.offer{margin-top:17px}.offer .offer-trial{font-size:20px}.offer-start{margin-top:12px}.offer-evidence{top:60%;width:32%;left:62%;height:21%}.launch-page .mini-hero{min-height:80px}.connection-host{display:none}.connection-lead{left:-130%;top:64%}.connection-ab{display:none}}
@media(prefers-reduced-motion:reduce){.typed-brief i{animation:none}.trail-page{animation:none}.copy-passage{opacity:1}.new-art *{transition:none!important}.creation-ready{opacity:1;transform:none}}

/* A narrow highlight travels over the original text without changing its color. */
.subheadline-shimmer{position:relative;display:inline-block;max-width:100%}
.subheadline-light{position:absolute;inset:0;color:#fff;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent 40%,#000 50%,transparent 60%);mask-image:linear-gradient(90deg,transparent 40%,#000 50%,transparent 60%);-webkit-mask-size:400% 100%;mask-size:400% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:subheadline-light-sweep 2s linear infinite;animation-play-state:paused}
.scene p .subheadline-light em,.scene p .subheadline-light strong{color:inherit}
.scene[aria-hidden="false"] .subheadline-light{animation-play-state:running}
.page-hidden .subheadline-light{animation-play-state:paused!important}
@keyframes subheadline-light-sweep{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0% 0;mask-position:0% 0}}
@media(prefers-reduced-motion:reduce){.subheadline-light{display:none;animation:none}}

/* Captures of the eight authored fictional pages, shared across the experience. */
.page-preview{width:100%;overflow:hidden;background:#f5f0e4;border-radius:6px;line-height:0}
.page-preview img{display:block;width:100%;height:auto;aspect-ratio:6/7;object-fit:cover;object-position:top;user-select:none;-webkit-user-drag:none}
.created-page .page-preview{line-height:0}
.created-page .page-preview img{transition:filter .8s,opacity .8s,clip-path .8s;clip-path:inset(0 0 0 0)}
.product-space:not(.has-copy) .page-preview img{filter:blur(4px) grayscale(1);opacity:.45;clip-path:inset(0 0 30% 0)}
.product-space.has-copy:not(.has-images) .page-preview img{filter:grayscale(1);opacity:.8}
.product-space .page-object{left:7%;width:93%;top:0}
.product-space .prompt-composer{top:44%;transition:top .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.product-space.assembled .prompt-composer{top:63%;transform:rotate(-3deg) scale(.9);transform-origin:left top}
.product-space .creation-ready{bottom:-6%;font-size:11px}
.gallery-base .page-preview img,.trail-page .page-preview img{aspect-ratio:6/7}
.gallery-base{width:72%}.gallery-back{left:-4%;transform:rotate(-10deg) translateY(35px)}.gallery-front{right:-2%;transform:rotate(8deg)}
.trail-page{width:72%}
.copy-document .copy-passage h3{font-size:clamp(24px,2.3vw,36px);line-height:1.12}.copy-document .copy-passage strong{font-weight:600}
.launch-page .page-preview img{aspect-ratio:6/7}
@media(min-width:701px) and (max-height:760px){.gallery-base,.trail-page{width:64%}.product-space .prompt-composer{padding:15px}.product-space.assembled .prompt-composer{top:59%}.product-space .typed-brief{min-height:57px;margin:16px 0}.product-space .creation-ready{bottom:-5%}}
@media(max-width:700px){.product-space .page-object{left:19%;width:76%}.product-space .prompt-composer{top:30%}.product-space.assembled .prompt-composer{top:48%;transform:rotate(-3deg) scale(.92)}.product-space .creation-ready{bottom:-5%;font-size:9px}.gallery-base,.trail-page{width:76%}.gallery-back{left:-4%;transform:rotate(-10deg) translateY(30px)}.gallery-front{right:-3%;transform:rotate(8deg)}.copy-document .copy-passage h3{font-size:23px;line-height:1.12}}
@media(max-width:700px) and (max-height:740px){.product-space .page-object{width:66%;left:29%}.product-space.assembled .prompt-composer{top:39%}.product-space .creation-ready{bottom:-9%}.gallery-base,.trail-page{width:69%}.copy-document .copy-passage h3{font-size:20px}.copy-passage{margin-top:10px}}
/* Keep tall page captures clear of the fixed scene navigation. */
.product-space .creation-ready{display:none}
@media(min-width:701px){
 .product-space .page-object{left:auto;right:0;width:min(93%,calc((100svh - 250px)*.857))}
 .gallery-base,.trail-page{width:min(72%,calc((100svh - 250px)*.857))}
 .launch-page{width:min(91%,calc((100svh - 280px)*.857))}
}
@media(min-width:701px){.gallery-base,.trail-page{width:min(72%,calc((100svh - 300px)*.857))}}


.stage{overflow:clip}
/* Cursor trail: gently tilted pages follow the pointer across the entire Design scene. */
.stage>.trail-layer{position:absolute;inset:0;z-index:4;pointer-events:none;visibility:hidden}
.stage>.trail-layer.is-active{visibility:visible}
.scene-design{z-index:5}
.stage>.trail-layer .trail-page{width:var(--page-width,340px);left:var(--x);top:var(--y);border-radius:7px;box-shadow:0 14px 35px #0007;transform:translate(-50%,-50%) rotate(var(--tilt,0deg)) scale(1);animation:cursor-page-enter .5s cubic-bezier(.16,1,.3,1) both;will-change:transform;transition:opacity .28s}
.stage>.trail-layer .trail-page.leaving{animation:none;transform:translate(-50%,-50%) rotate(var(--tilt,0deg)) scale(0);opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s}
.trail-active .gallery-base{opacity:0;transition:opacity .25s}
@keyframes cursor-page-enter{from{transform:translate(-50%,-50%) rotate(var(--tilt,0deg)) scale(0)}to{transform:translate(-50%,-50%) rotate(var(--tilt,0deg)) scale(1)}}

@media(prefers-reduced-motion:reduce){.stage>.trail-layer .trail-page{animation:none;will-change:auto}.stage>.trail-layer .trail-page.leaving{transition:none;transform:translate(-50%,-50%);opacity:0}}

.stage>.trail-layer.copy-hover .trail-page.under-copy:not(.leaving){opacity:.2}

/* The page trail replaces the cursor only inside its interactive area. */
body.page-trail-cursor .gravity-cursor{opacity:0;visibility:hidden}


/* Seven-second choreography: product -> copy -> image -> assembled page. */
.product-space{top:16%;height:69%}
.product-space .prompt-composer,.product-space.assembled .prompt-composer{top:73%;left:-3%;right:0;padding:17px 20px;transform:rotate(-2deg);opacity:1;z-index:8;transition:box-shadow .5s,border-color .5s}
.product-space .composer-title{font-size:13px}
.product-space .composer-title img{width:20px;height:20px}
.product-space .typed-brief{font-size:13px;line-height:1.55;min-height:42px;margin:12px 0;opacity:1;max-height:none}
.product-space.is-building .typed-brief i{visibility:hidden}
.product-space .composer-foot{min-height:17px}
.product-space .composer-send{width:24px;height:24px;transition:opacity .3s}
.product-space.is-building .composer-send{opacity:0}
.product-space .build-status{position:absolute;left:0;right:0;top:-33px;display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.4;color:#e5d5ff;opacity:0;transition:opacity .3s}
.product-space .build-status svg{width:16px;height:16px;flex-shrink:0}
.product-space.is-building .build-status{opacity:1}
.product-space .build-steps{font-size:9px;gap:13px}
.product-space.assembled .prompt-composer{border-color:#dac8ff96;box-shadow:0 20px 50px #0009}
.product-space .page-object{right:11%;left:auto;top:0;width:min(67%,calc((100svh - 340px)*.857));opacity:0;z-index:4;transition:opacity .1s}
.product-space.is-assembling .page-object{opacity:1}
.product-space .created-page{transform:none;opacity:0;transition:opacity .15s .55s}
.product-space.assembled .created-page{opacity:1}
.product-space .page-preview img,.product-space:not(.has-copy) .page-preview img,.product-space.has-copy:not(.has-images) .page-preview img{opacity:1;filter:none;clip-path:none;transition:none}
.product-space .page-preview::after{display:none}
.creation-flow{position:absolute;inset:0 0 30%;pointer-events:none;perspective:1000px}
.creation-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.connection{opacity:0;transition:opacity .3s;fill:none;stroke:#bc8eff;stroke-width:1.5}
.connection>path:first-child{opacity:.3}
.connection .energy{stroke:#f5deff;stroke-width:4;stroke-dasharray:9 91;stroke-dashoffset:100;filter:drop-shadow(0 0 5px #bd8eff);opacity:0}
.has-product .connection-product,.has-copy .connection-copy,.has-images .connection-image,.is-assembling .connection-assemble{opacity:1}
.has-product .connection-product .energy,.has-copy .connection-copy .energy,.has-images .connection-image .energy,.is-assembling .connection-assemble .energy{animation:creation-transfer .9s ease-out both}
.flow-label{display:block;font:10px Manrope,sans-serif;letter-spacing:.01em;margin-bottom:12px;color:#d4b9ff}
.flow-product{position:absolute;left:-2%;top:10%;width:43%;padding:17px;background:#170f26;box-shadow:0 18px 40px #0008;border-radius:12px;opacity:0;transform:translate(-25px,35px) rotate(-8deg);transition:opacity .4s,transform .65s cubic-bezier(.16,1,.3,1),filter .5s}
.flow-product strong{font-size:19px;line-height:1.15;font-weight:500;color:#fff}
.product-facts{display:flex;flex-wrap:wrap;gap:5px;margin-top:15px}
.product-facts span{font-size:8px;padding:4px 6px;background:#352448;border-radius:4px;color:#e6d4f9;opacity:0}
.product-connected{display:flex;align-items:center;gap:5px;margin-top:13px;font-size:8px;color:#d4b9ff}
.product-connected svg{width:12px;height:12px}
.has-product .flow-product{opacity:1;transform:translate(0,0) rotate(-6deg)}
.has-product .product-facts span{animation:creation-fact .35s ease-out .15s both}.has-product .product-facts span:nth-child(2){animation-delay:.3s}.has-product .product-facts span:nth-child(3){animation-delay:.45s}
.flow-copy{position:absolute;right:-2%;top:1%;width:54%;padding:17px 19px;background:#f5f0e4;color:#332619;box-shadow:0 18px 45px #0009;transform:translate(20px,20px) rotate(6deg);opacity:0;transition:opacity .35s,transform .6s cubic-bezier(.16,1,.3,1),filter .5s;border-radius:7px}
.flow-copy .flow-label{color:#77533b;margin-bottom:9px}
.flow-copy p{font:clamp(14px,1.35vw,20px)/1.2 'Bodoni Moda',Georgia,serif;margin:0;clip-path:inset(0 0 100%);transition:clip-path .75s ease-out}
.flow-copy em{color:#915e3d;font-family:inherit}
.copy-wordline{display:block;background:#98836755;height:3px;margin-top:12px;width:85%}.copy-wordline.short{width:61%;margin-top:5px}
.has-copy .flow-copy{opacity:1;transform:translate(0,0) rotate(5deg)}
.has-copy .flow-copy p{clip-path:inset(0)}
.flow-image{position:absolute;left:34%;top:57%;width:53%;padding:6px;background:#f5f0e4;border-radius:8px;box-shadow:0 20px 45px #0009;opacity:0;transform:translate(15px,30px) rotate(-7deg) scale(.85);transition:opacity .35s,transform .65s cubic-bezier(.16,1,.3,1),filter .5s}
.image-reveal{position:relative;overflow:hidden;border-radius:4px}
.image-reveal img{display:block;width:100%;height:auto;clip-path:inset(0 100% 0 0);filter:blur(8px);transition:clip-path .85s cubic-bezier(.16,1,.3,1),filter .85s}
.flow-image>span{display:block;font-size:8px;color:#725641;padding:6px 3px 2px}
.has-images .flow-image{opacity:1;transform:translate(0,0) rotate(-5deg) scale(1)}
.has-images .image-reveal img{clip-path:inset(0);filter:blur(0)}
.image-scan{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:translateX(-110%)}
.has-images .image-scan{animation:creation-scan .85s ease-out both}
.is-assembling .flow-product{opacity:0;transform:translate(85px,35px) rotate(0) scale(.55);filter:blur(5px)}
.is-assembling .flow-copy{opacity:0;transform:translate(-25px,20px) rotate(0) scale(.6);filter:blur(5px)}
.is-assembling .flow-image{opacity:0;transform:translate(0,-75px) rotate(0) scale(.65);filter:blur(5px)}
.assembled .creation-links{opacity:0;transition:opacity .5s}
.assembly-pieces{position:absolute;inset:0;pointer-events:none}
.page-piece{position:absolute;inset:0;width:100%;height:auto;opacity:0;transition:opacity .3s,transform .8s cubic-bezier(.16,1,.3,1)}
.piece-title{clip-path:inset(0 0 79%);transform:translate(55px,-45px) rotate(7deg)}
.piece-image{clip-path:inset(21% 0 35%);transform:translate(-60px,55px) rotate(-7deg);transition-delay:.1s}
.piece-body{clip-path:inset(65% 0 0);transform:translate(30px,90px) rotate(5deg);transition-delay:.2s}
.is-assembling .page-piece{opacity:1;transform:translate(0,0) rotate(0)}
.assembled .assembly-pieces{opacity:0;transition:opacity .15s .55s}
.assembly-sheen{position:absolute;inset:0;overflow:hidden;opacity:0;background:linear-gradient(115deg,transparent 35%,#eadbff99 49%,transparent 63%);background-size:250% 100%;background-position:100% 0}
.is-assembling .assembly-sheen{animation:creation-seal 1.4s ease-out both}
@keyframes creation-transfer{0%{stroke-dashoffset:100;opacity:0}15%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes creation-fact{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes creation-scan{to{transform:translateX(110%)}}
@keyframes creation-seal{0%,35%{opacity:0;background-position:100% 0}55%{opacity:1}100%{opacity:0;background-position:0 0}}
.product-space:not(.demo-active) *{animation-play-state:paused!important}
@media(max-width:1050px) and (min-width:701px){.flow-product{padding:12px}.flow-product strong{font-size:16px}.flow-copy{padding:12px}.product-space .typed-brief{font-size:11px}.product-space .build-status{font-size:10px}}
@media(max-width:700px){
 .product-space{top:37%;height:46%;left:10%;width:80%}
 .product-space .prompt-composer,.product-space.assembled .prompt-composer{top:74%;left:0;right:0;padding:13px 15px;transform:rotate(-2deg)}
 .product-space .typed-brief{font-size:11px;min-height:35px;margin:10px 0}
 .product-space .composer-title{font-size:12px}.product-space .build-status{font-size:10px;top:-27px}.product-space .build-steps{font-size:8px}
 .product-space .page-object{width:58%;left:auto;right:20%;top:0}
 .flow-product{padding:12px;top:8%;width:43%}.flow-product strong{font-size:14px}.flow-label{font-size:8px;margin-bottom:8px}.product-facts{margin-top:9px;gap:4px}.product-facts span{font-size:7px;padding:3px 4px}.product-connected{font-size:7px;margin-top:9px}
 .flow-copy{padding:12px;width:54%}.flow-copy p{font-size:14px}.flow-image{width:47%;top:56%;left:43%}.flow-image>span{font-size:7px}
}
@media(max-width:700px) and (max-height:740px){.product-space{top:39%;height:40%}.product-space .prompt-composer,.product-space.assembled .prompt-composer{top:73%}.product-space .page-object{width:49%;right:24%}.flow-product{padding:9px}.flow-product strong{font-size:12px}.product-connected{display:none}.flow-copy p{font-size:12px}.flow-copy{padding:10px}.flow-image{width:40%;top:51%}}
@media(prefers-reduced-motion:reduce){.product-space *{animation:none!important;transition:none!important}.product-space .created-page{opacity:1}.product-space .assembly-pieces,.creation-flow{display:none}}
/* Keep the active step on the prompt surface, clear of the assembling paper. */
.product-space .build-status{top:auto;bottom:18px;left:20px;right:15px;font-size:11px}
.product-space.is-building .build-steps{opacity:0}
.connection{stroke-width:2.4}.connection>path:first-child{opacity:.55}.connection .energy{stroke-width:6}
@media(max-width:700px){.product-space .build-status{top:auto;bottom:15px;left:15px;right:10px;font-size:9px}}
@media(max-width:700px) and (max-height:740px){.product-space{top:41%;height:35%}.product-space .prompt-composer,.product-space.assembled .prompt-composer{top:66%}.product-space .page-object{width:43%;right:27%}}

.flow-image{width:32%;left:33%;top:43%}
@media(max-width:700px){.flow-image{width:31%;left:37%;top:44%}}
@media(max-width:700px) and (max-height:740px){.flow-image{width:26%;left:38%;top:37%}}

/* Fixed central prompt, with a horizontal product → copy → image sequence. */
.product-space{left:52%;width:44%;top:26%;height:60%}
.product-space .prompt-composer,.product-space.is-building .prompt-composer,.product-space.assembled .prompt-composer{top:18%;left:8%;right:2%;transform:rotate(-2deg);transition:box-shadow .5s,border-color .5s}
.product-space .typed-brief{margin-bottom:0}
.creation-flow{inset:52% 0 0}
.flow-product{left:0;top:7%;width:29%;padding:16px}
.flow-product strong{font-size:16px;line-height:1.3}
.product-analysis{display:flex;flex-direction:column;gap:8px;margin-top:18px}
.product-analysis span{display:block;width:90%;height:5px;padding:0;background:#a884db;border-radius:3px}
.product-analysis span:nth-child(2){width:68%}
.product-analysis span:nth-child(3){width:80%}
.flow-copy{left:35%;right:auto;top:7%;width:33%;padding:15px}
.flow-copy p{font-size:clamp(13px,1.15vw,18px)}
.flow-image{left:75%;top:0;width:25%}
.product-space .page-object{top:49%;right:29%;width:min(42%,calc(29svh * .857))}
.is-assembling .flow-product{transform:translate(120px,0) scale(.55)}
.is-assembling .flow-copy{transform:translate(0,0) scale(.6)}
.is-assembling .flow-image{transform:translate(-120px,0) scale(.65)}
@media(max-width:700px){
 .product-space{left:6%;width:88%;top:37%;height:46%}
 .product-space .prompt-composer,.product-space.is-building .prompt-composer,.product-space.assembled .prompt-composer{top:0;left:3%;right:3%;transform:rotate(-2deg)}
 .creation-flow{inset:40% 0 0}
 .flow-product{padding:10px;width:29%;top:7%}.flow-product strong{font-size:11px}
 .product-analysis{gap:6px;margin-top:12px}.product-analysis span{height:4px}
 .flow-copy{left:34%;top:7%;width:35%;padding:10px}.flow-copy p{font-size:11px}
 .flow-image{left:75%;top:7%;width:25%}.flow-image>span{font-size:6px}
 .product-space .page-object{top:34%;right:28%;width:min(44%,calc(25svh * .857))}
}
@media(max-width:700px) and (max-height:740px){
 .product-space{top:41%;height:39%}.creation-flow{inset:42% 0 0}
 .flow-copy p{font-size:10px}.flow-copy{padding:8px}.flow-label{font-size:7px;margin-bottom:5px}
 .flow-product{padding:8px}.flow-product strong{font-size:10px}
 .product-space .page-object{top:38%;width:min(39%,calc(23svh * .857));right:30%}
}

/* Once assembly is complete, lift the prompt and give the finished page the stage. */
.product-space .page-object{transition:opacity .1s,top .85s cubic-bezier(.16,1,.3,1),right .85s cubic-bezier(.16,1,.3,1),width .85s cubic-bezier(.16,1,.3,1)}
.product-space.assembled .prompt-composer{top:-12%;transition:top .85s cubic-bezier(.16,1,.3,1),box-shadow .5s,border-color .5s}
.product-space.assembled .page-object{top:16%;right:18%;width:min(64%,calc((100svh - 350px)*.857))}
@media(max-width:700px){
 .product-space.assembled .prompt-composer{top:-4%}
 .product-space.assembled .page-object{top:27%;right:16%;width:min(68%,calc(34svh * .857))}
}
@media(max-width:700px) and (max-height:740px){
 .product-space.assembled .prompt-composer{top:-2%;padding:11px 15px}
 .product-space.assembled .typed-brief{min-height:28px}
 .product-space.assembled .page-object{top:32%;right:26%;width:min(48%,calc(29svh * .857))}
}
@media(prefers-reduced-motion:reduce){.product-space.assembled .prompt-composer,.product-space .page-object{transition:none}}

/* Compact headline comparison. */
.copy-evidence.copy-comparison{left:8%;top:calc(50% - 135px);width:31%;height:auto;color:#f6eefc}
.comparison-content{min-height:270px}
.comparison-label{display:block;font:500 11px/1.3 Manrope,sans-serif;margin-bottom:10px;color:#c3b5d2}
.headline-generic{padding-bottom:20px;border-bottom:1px solid #dfbaff25}
.headline-generic p{font:400 clamp(14px,1.1vw,17px)/1.5 Manrope,sans-serif;margin:0;max-width:36ch;color:#c1b5cc}
.headline-extra{padding-top:20px}
.headline-extra .comparison-label{color:#dfb4ff}
.headline-extra h3{font:400 clamp(19px,1.65vw,26px)/1.25 'Bodoni Moda',serif;letter-spacing:-.02em;margin:0;text-wrap:pretty;max-width:32ch}
.headline-extra h3 em{color:#dfb4ff}
@media(max-width:700px){.copy-evidence.copy-comparison{left:8%;width:84%;top:44%}.comparison-content{min-height:225px}.comparison-label{font-size:10px;margin-bottom:8px}.headline-generic p{font-size:13px}.headline-generic{padding-bottom:16px}.headline-extra{padding-top:16px}.headline-extra h3{font-size:20px}}
@media(max-width:700px) and (max-height:740px){.copy-evidence.copy-comparison{top:46%}.headline-extra h3{font-size:18px}.headline-generic p{font-size:12px}}