@font-face{font-family:Manrope;src:url('assets/fonts/manrope-500.ttf') format('truetype');font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-700.ttf') format('truetype');font-weight:600 700;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-800.ttf') format('truetype');font-weight:750 900;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#101019;--ink:#f6f4fb;--muted:#a8a5b9;--violet:#b69cff;--line:#ffffff13;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:radial-gradient(ellipse 780px 500px at 50% 170px,#58348624,transparent 75%),var(--bg);font-family:Manrope,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid #95daff;outline-offset:5px}button:disabled{cursor:wait}img{display:block;max-width:100%}figure,p,h1,h2,h3{margin:0}main{max-width:1080px;padding:0 40px;margin:auto}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{display:block;width:112px;height:55px;overflow:hidden}.brand img{width:112px;height:auto;max-width:none;transform:translateY(-15px)}.max-badge{display:flex;align-items:center;gap:7px;font-size:11px;padding:9px 13px;border:1px solid var(--line);border-radius:30px;color:#c7c4d6;background:#ffffff03}.max-badge b{font-weight:800;color:#edeafa}.max-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(160deg,#6fcbff,#8670ff);box-shadow:0 0 12px #8a7cf55c}
.hero{text-align:center;padding:14px 0 0}.eyebrow{color:#bdb4d3;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700;line-height:1.5}.eyebrow>span{color:#c9a8ff;font-size:15px;margin-right:5px}h1{font-size:68px;font-weight:800;letter-spacing:-3.5px;line-height:1.08;margin:14px 0 18px}h1>span{background:linear-gradient(105deg,#63d6f5 10%,#9694ff 53%,#e2a2e9 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:16px;line-height:1.65;color:#c5c2d2}.hero-gallery{display:flex;gap:18px;margin:28px auto 0;max-width:880px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;isolation:isolate}.hero-gallery::-webkit-scrollbar{display:none}.hero-card{flex:1 0 0;min-width:0;scroll-snap-align:center;text-align:left}.hero-photo{position:relative;isolation:isolate;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#272331}.hero-result{width:100%;height:100%;object-fit:cover;object-position:50% 24%;transition:filter .3s,transform .8s var(--ease)}.hero-photo:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#090814c7);pointer-events:none;z-index:1}.hero-photo:hover .hero-result{transform:scale(1.035)}.photo-label{position:absolute;top:12px;left:12px;right:auto;max-width:calc(100% - 24px);font-size:9px;font-weight:600;background:#13121cb3;backdrop-filter:blur(10px);border:1px solid #ffffff17;padding:6px 9px;border-radius:20px}.hero-photo .photo-caption{position:absolute;bottom:22px;left:19px;right:65px;z-index:2;font-size:12px;line-height:1.45;color:#f1ebf5}.hero-photo .photo-caption strong{font-size:19px;font-weight:700;letter-spacing:-.6px}.compare-toggle{position:absolute;z-index:3;bottom:15px;right:14px;width:61px;height:81px;border:2px solid #f7f4fb;border-radius:11px;padding:0;overflow:hidden;background:#25202f;box-shadow:0 3px 16px #0006;transition:transform .3s var(--ease)}.compare-toggle:hover{transform:translateY(-4px)}.compare-toggle img{width:100%;height:100%;object-fit:cover;object-position:center 24%}.compare-toggle>span{position:absolute;bottom:0;left:0;right:0;font-size:9px;font-weight:700;text-align:center;background:#191522cf;padding:3px}.compare-toggle>span span{margin-left:5px}.show-before .hero-result{object-fit:contain;transform:none}.show-before .photo-caption{opacity:0}.show-before .photo-label{background:#492f65e6}.gallery-hint{max-width:880px;margin:12px auto 0;font-size:11px;color:#a6a0b5;display:flex;justify-content:center;gap:10px}.swipe-hint{display:none}.action{max-width:390px;margin:23px auto 0;min-height:83px}.cta{display:flex;position:relative;overflow:hidden;align-items:center;justify-content:center;gap:11px;text-decoration:none;border-radius:16px;min-height:59px;padding:15px 22px;font-size:15px;font-weight:800;letter-spacing:-.15px;background:linear-gradient(105deg,#7059ef,#a543da 76%,#bc54d0);box-shadow:0 5px 30px #8e4cde2e,inset 0 1px 0 #ffffff36;transition:filter .25s,transform .25s}.cta:hover{filter:brightness(1.12);transform:translateY(-2px)}.cta-spark{font-size:23px;line-height:1}.cta-arrow{font-size:23px;font-weight:500;margin-left:auto}.cta:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#ffffff24 50%,transparent 65%);transform:translateX(-110%);pointer-events:none;animation:shine 1.6s 1.2s ease-out 1}.action p{font-size:10px;color:#aca5b9;margin:11px -20px 0}
.stories{margin:65px auto 0;max-width:880px;border-top:1px solid var(--line);padding-top:44px}.section-heading{text-align:center;margin-bottom:30px}h2{font-weight:800;font-size:39px;letter-spacing:-1.8px;line-height:1.18}.section-heading h2{margin-top:12px}.section-heading h2 span{color:#d3cae7}.studio{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.comparison{position:relative;aspect-ratio:4/5;isolation:isolate;overflow:hidden;border-radius:20px;background:#23212c;touch-action:pan-y}.comparison-after{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 27%}.comparison-label{position:absolute;top:14px;z-index:2;font-size:10px;font-weight:700;border-radius:20px;background:#16131dc9;backdrop-filter:blur(10px);padding:6px 10px;pointer-events:none}.label-before{left:12px}.label-after{right:12px;background:#efedf5e6;color:#2b2337}.comparison:focus-within{outline:3px solid #95daff;outline-offset:4px}.compare-hint{font-size:11px;color:var(--muted);text-align:center;margin-top:12px}.compare-hint>span{font-size:18px;vertical-align:-1px;color:#bda7e2;margin-right:4px}.source-note{display:flex;gap:11px;align-items:center;margin-bottom:22px}.source-note img{width:47px;height:47px;border-radius:50%;object-fit:cover;object-position:50% 24%;border:2px solid #e8e0f06b}.source-note>div>span{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.source-note p{font-size:14px;font-weight:700}.source-arrow{font-size:29px;color:#9d80ca;margin-left:auto;padding-right:9px}.mini-label{font-size:12px;color:#d0c9df;margin-bottom:13px}.story-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.story-option{padding:0;background:none;border:0;min-width:0;text-align:left;font-size:10px;color:#b8afc9;line-height:1.4}.option-image{display:block;position:relative;aspect-ratio:1/1.06;border-radius:12px;overflow:hidden;margin:0 0 9px;background:#26202f;border:2px solid transparent;transition:border-color .3s,transform .3s var(--ease)}.option-image>img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;opacity:.72;transition:opacity .3s,transform .45s var(--ease)}.story-option:hover img{opacity:1;transform:scale(1.05)}.story-option[aria-selected=true]{color:#f0e8ff}.story-option[aria-selected=true] .option-image{border-color:#c8a0ff;box-shadow:0 0 0 3px #9a6bed18}.story-option[aria-selected=true] img{opacity:1}.option-check{position:absolute;right:5px;bottom:5px;display:grid;place-items:center;width:19px;height:19px;background:#d3b5ff;border-radius:50%;font-size:11px;color:#30213f;opacity:0;transform:scale(.5);transition:opacity .25s,transform .25s}.story-option[aria-selected=true] .option-check{opacity:1;transform:scale(1)}.story-panel{margin-top:22px;min-height:155px}.mode-tag{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:#c5a6f2;display:block;margin-bottom:9px;font-weight:800}.story-panel h3{font-size:23px;line-height:1.25;letter-spacing:-.8px;font-weight:800;margin-bottom:10px}.story-panel p{font-size:12px;line-height:1.7;color:#b9b2c7;max-width:350px}.journey{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:17px;gap:6px;font-size:10px;color:#c1b6d0}.journey span{white-space:nowrap}.journey b{color:#b995e8;font-size:9px;font-weight:800;margin-right:5px}.journey i{font-style:normal;color:#736881}.video-note{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 6px;margin-top:28px}.video-note h3{font-size:18px;font-weight:700;letter-spacing:-.5px;margin-bottom:6px}.video-note p{font-size:12px;line-height:1.6;color:var(--muted)}.video-label{margin-left:auto;border:1px solid #b98af42e;border-radius:20px;color:#bca6d8;padding:8px 12px;font-size:10px;white-space:nowrap}.motion-icon{position:relative;width:63px;height:49px;flex-shrink:0}.motion-icon>span{position:absolute;width:36px;height:45px;border-radius:8px;top:0;left:4px;transform:rotate(-13deg);border:1px solid #9d64d26b;background:#21182d}.motion-icon>span:nth-child(2){left:13px;transform:rotate(-4deg);background:#332047}.motion-icon>span:nth-child(3){left:23px;transform:rotate(7deg);display:grid;place-items:center;background:linear-gradient(145deg,#55467a,#443353);font-size:13px;color:#e4d0ff;box-shadow:0 2px 10px #0003;transition:transform .5s var(--ease)}.video-note:hover .motion-icon>span:nth-child(3){transform:rotate(15deg) translate(3px,-3px)}
.faq{max-width:880px;margin:34px auto 0}.faq h2{font-size:21px;letter-spacing:-.6px;margin-bottom:17px}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;padding:17px 0;font-size:12px;color:#dcd5e8;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:20px;color:#af99cc;line-height:1;transition:transform .3s}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{max-width:710px;font-size:12px;line-height:1.8;color:#ada4bd;padding:0 25px 18px 0}footer{max-width:880px;margin:24px auto 0;display:flex;align-items:center;padding:16px 0 30px;gap:20px;color:#7f758e;font-size:10px}footer>span{font-size:20px;font-weight:800;color:#bdb1d0;letter-spacing:-.6px}footer p{margin-left:auto}footer a{text-decoration:none;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:17px}
.intro{animation:arrive .7s var(--ease) both}.hero-card{animation:arrive .85s var(--ease) both}.hero-card:nth-child(2){animation-delay:.12s}.hero-card:nth-child(3){animation-delay:.24s}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js-motion .reveal.in-view{opacity:1;transform:translateY(0)}.is-changing{animation:content-in .5s var(--ease)}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{to{transform:translateX(110%)}}@keyframes content-in{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1200px){.hero-gallery{max-width:840px}.hero-photo{aspect-ratio:4/4.7}}
@media(max-width:760px){main{padding:0 24px}.site-header{height:70px}h1{font-size:52px;letter-spacing:-2.5px}.hero-gallery{gap:12px}.photo-label{font-size:8px;padding:5px 7px;left:8px;top:9px}.hero-photo .photo-caption{left:12px;bottom:18px;font-size:10px}.hero-photo .photo-caption strong{font-size:15px}.compare-toggle{width:47px;height:63px;right:9px;bottom:13px}.studio{gap:27px}.story-panel h3{font-size:20px}.story-panel p{font-size:11px}.story-picker{gap:8px}.video-label{display:none}.journey{font-size:9px}.source-note{gap:8px}.source-note p{font-size:12px}}
@media(max-width:600px){
 main{padding:0 22px}.site-header{height:66px}.brand{width:95px;height:48px}.brand img{width:95px;transform:translateY(-13px)}.max-badge{font-size:10px;padding:7px 10px;gap:5px}.max-dot{width:6px;height:6px}.hero{padding-top:12px}.eyebrow{font-size:9px;letter-spacing:1.55px}h1{font-size:42px;letter-spacing:-2px;line-height:1.1;margin:11px 0 14px}.lead{font-size:13px;line-height:1.65;max-width:310px;margin:auto}.desktop-break{display:none}.hero-gallery{margin:22px -22px 0;padding:0 22px;gap:12px;scroll-padding:22px}.hero-card{flex:0 0 65%;max-width:276px}.hero-photo{aspect-ratio:4/4.85;border-radius:17px}.hero-photo .photo-caption{font-size:11px;left:15px;bottom:20px}.hero-photo .photo-caption strong{font-size:18px}.photo-label{left:10px;top:11px;font-size:8px;padding:5px 8px}.compare-toggle{width:52px;height:70px;right:11px;bottom:14px}.gallery-hint{font-size:9px;justify-content:space-between;gap:5px;margin-top:12px}.swipe-hint{display:inline;white-space:nowrap;color:#c8b5de}.action{margin-top:22px;min-height:83px}.cta{min-height:58px;font-size:14px;padding:14px 18px;gap:9px}.cta-arrow{font-size:23px}.action p{font-size:9px;letter-spacing:-.15px;margin:10px -8px 0}.stories{margin-top:32px;padding-top:31px}.section-heading{text-align:left;margin-bottom:22px}.section-heading h2{font-size:30px;letter-spacing:-1.3px;margin-top:9px;line-height:1.2}.studio{display:flex;flex-direction:column;gap:20px;align-items:stretch}.comparison{aspect-ratio:1/1.12;max-height:405px;border-radius:17px}.comparison img{object-position:50% 27%}.comparison-label{font-size:9px;top:12px}.compare-hint{font-size:10px;margin-top:9px}.source-note{margin-bottom:18px;gap:11px}.source-note p{font-size:13px}.source-note>div>span{font-size:10px}.source-note img{width:42px;height:42px}.source-arrow{font-size:24px}.mini-label{font-size:11px;margin-bottom:11px}.story-picker{gap:12px}.option-image{aspect-ratio:1.12;border-radius:11px;margin-bottom:8px}.story-option{font-size:10px}.story-panel{margin-top:22px;min-height:129px}.mode-tag{font-size:9px;margin-bottom:8px}.story-panel h3{font-size:23px;letter-spacing:-.7px;line-height:1.23;margin-bottom:9px}.story-panel p{font-size:12px;line-height:1.7;max-width:330px}.journey{margin-top:8px;padding-top:15px;font-size:10px}.video-note{margin-top:25px;padding:22px 0;gap:14px}.motion-icon{width:58px;height:48px}.video-note h3{font-size:16px;letter-spacing:-.5px;margin-bottom:5px}.video-note p{font-size:11px;line-height:1.6;max-width:270px}.faq{margin-top:28px}.faq h2{font-size:18px;letter-spacing:-.6px;margin-bottom:10px}.faq summary{font-size:11px;line-height:1.6;padding:15px 0}.faq details p{font-size:11px;line-height:1.8;padding-right:12px}footer{margin-top:18px;padding:12px 0 30px;gap:13px}footer>span{font-size:18px}footer p{font-size:8px}footer a{width:28px;height:28px;flex-shrink:0}.cta-docked .cta{position:fixed;z-index:20;left:22px;right:22px;bottom:max(14px,env(safe-area-inset-bottom));box-shadow:0 0 0 10px #101019f0,0 -10px 40px #101019}.cta-docked footer{padding-bottom:96px}.cta-docked .cta:hover{transform:none}
}
@media(max-width:360px){main{padding:0 18px}h1{font-size:37px;letter-spacing:-1.7px}.hero-gallery{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.hero-card{flex-basis:72%}.gallery-hint{font-size:8px}.section-heading h2{font-size:27px}.story-picker{gap:9px}.journey{font-size:9px}.cta{font-size:13px}.cta-docked .cta{left:18px;right:18px}.source-note p{font-size:12px}}
/* Different poses stay in separate frames; the original can be enlarged. */
.comparison{overflow:visible;background:transparent;border-radius:0}
.comparison-output{position:absolute;inset:0 0 0 20%;border-radius:19px;overflow:hidden;background:#25202f;box-shadow:0 20px 50px #0003}
.comparison-origin{position:absolute;left:0;bottom:27px;width:37%;height:52%;padding:0;border:3px solid #e8e2f1;border-radius:13px;overflow:hidden;background:#26202f;transform:rotate(-7deg);z-index:3;box-shadow:0 8px 25px #0005;transition:transform .55s var(--ease)}
.comparison-origin:hover{transform:rotate(-2deg) translateY(-4px)}
.comparison-origin img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.comparison-origin>span{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;padding:9px;background:#ece7f4;color:#3a2d49}
.comparison-origin b{font-size:16px;font-weight:500;line-height:1}
.transform-arrow{position:absolute;left:2%;top:20%;font-size:50px;font-weight:400;color:#c4a3f1;transform:rotate(16deg)}
.comparison:focus-within{outline:none}
.comparison-origin:focus-visible{outline:3px solid #95daff;outline-offset:5px}
.js-motion .reveal:not(.in-view) .comparison-origin{transform:rotate(0) translate(16px,15px)}
.js-motion .reveal.in-view .comparison-origin{transition-delay:.12s}
.compare-hint{font-size:10px}
.source-note{border-bottom:1px solid var(--line);padding-bottom:17px}
@media(max-width:600px){.comparison{aspect-ratio:1/1.08;max-height:380px}.comparison-output{left:18%;border-radius:17px}.comparison-origin{width:37%;height:54%;bottom:22px;border-width:3px}.comparison-origin>span{font-size:9px;padding:8px}.transform-arrow{font-size:44px;left:1%;top:17%}.source-note{display:none}.story-panel p{font-size:13px}.faq summary{font-size:12px}.faq details p{font-size:12px}.video-note p{font-size:12px}}
/* V5: a clear MAX destination, discoverable photo controls and a larger gallery. */
.max-badge{gap:11px;padding:11px 15px;background:linear-gradient(120deg,#283b823e,#7753bb35);border-color:#9483ee65;box-shadow:0 0 28px #7466e915;font-size:12px;color:#eeeaf8}
.max-badge img{width:106px;height:28px;object-fit:contain}
.hero-card{flex:0 0 calc((100% - 36px)/3)}
.hero-gallery{scroll-behavior:smooth;overscroll-behavior-x:contain}
.hero-photo .photo-caption{right:95px}
.compare-toggle{width:76px;height:102px;border-radius:12px;box-shadow:0 0 0 4px #ffffff20,0 6px 18px #0006}
.compare-toggle>span{font-size:10px;font-weight:800;letter-spacing:-.15px;background:#f7f2ff;color:#402951;padding:6px 2px}
.compare-toggle:hover{transform:translateY(-3px) scale(1.035)}
.hero-card:first-child .compare-toggle{animation:compare-cue 1.1s 1.5s 2}
.gallery-hint{justify-content:space-between;align-items:center;font-size:11px;color:#b9adcd;min-height:36px;margin-top:13px}
.gallery-hint b{font-weight:700;color:#dfd0f2}
.gallery-nav{display:flex;align-items:center;gap:7px;white-space:nowrap}
.gallery-nav>span{margin-right:7px;font-size:10px;color:#b9afc7}
.gallery-nav button{display:grid;place-items:center;width:32px;height:32px;padding:0 0 3px;border:1px solid #c8affb48;background:#a47cd914;border-radius:50%;font-size:26px;line-height:1;color:#ece1fb;transition:background .2s}
.gallery-nav button:hover:not(:disabled){background:#a47cd938}
.gallery-nav button:disabled{opacity:.28;cursor:default}
.cta{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;gap:9px;text-align:center}
.cta-label{justify-self:center;text-align:center;white-space:nowrap}
.cta-spark{width:24px;text-align:center}
.cta-camera{width:24px;height:24px;display:block}
.cta-camera svg{display:block;width:24px;height:24px}
.transform-camera{position:absolute;left:1%;top:19%;width:48px;height:48px;color:#c4a3f1;transform:rotate(-9deg)}
.source-camera{margin-left:auto;width:32px;height:32px;color:#9d80ca;flex-shrink:0}
.transform-camera svg,.source-camera svg{width:100%;height:100%}
.comparison-origin>span{font-size:11px}
.mini-label{font-size:16px;line-height:1.4;font-weight:700;letter-spacing:-.4px;color:#f0e6ff;margin-bottom:14px}
.person-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.person-option{display:flex;align-items:center;flex-direction:column;gap:8px;padding:13px 6px 10px;background:#ffffff03;border:1px solid #ffffff13;border-radius:14px;color:#b5a9c8;font-size:11px;font-weight:600;transition:background .25s,border-color .25s}
.person-option>img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 20%;filter:saturate(.65);transition:filter .3s}
.person-option:hover{border-color:#b897eb66;background:#ab75ee0d}
.person-option[aria-selected=true]{border-color:#b48ce7a1;background:#aa71e915;color:#f0e5ff}
.person-option[aria-selected=true]>img{filter:none;box-shadow:0 0 0 2px #c59bf64f}
.variant-hint{font-size:11px;line-height:1.6;color:#b4a5c7;margin:15px 0 10px}
.story-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.story-picker[hidden]{display:none}
.story-option{font-size:10px}
.option-image{aspect-ratio:1/1.1;border-radius:10px}
.story-option[aria-pressed=true]{color:#f0e8ff}
.story-option[aria-pressed=true] .option-image{border-color:#c8a0ff;box-shadow:0 0 0 3px #9a6bed18}
.story-option[aria-pressed=true] img{opacity:1}
.story-option[aria-pressed=true] .option-check{opacity:1;transform:scale(1)}
.story-panel{min-height:142px;margin-top:19px}
.closing-heading{text-align:center;position:relative;padding:32px 15px 30px;margin-bottom:9px;background:radial-gradient(ellipse at center,#8753c919,transparent 70%)}
.closing-spark{display:block;color:#c5a1ef;font-size:24px;margin-bottom:13px}
.faq .closing-heading h2{font-size:39px;font-weight:800;line-height:1.13;letter-spacing:-1.7px;margin:0 0 15px}
.closing-heading h2 span{background:linear-gradient(100deg,#84d4f7,#bba2ff 60%,#e8b4e9);background-clip:text;color:transparent}
.closing-heading p{font-size:13px;line-height:1.65;color:#b7aac8}
.cta-docked .cta{position:fixed;left:50%;right:auto;bottom:20px;width:390px;transform:translateX(-50%);z-index:20;box-shadow:0 0 0 9px #101019e8,0 -6px 35px #101019}
.cta-docked .cta:hover{transform:translateX(-50%) translateY(-2px)}
.cta-docked footer{padding-bottom:98px}
@keyframes compare-cue{0%,100%{box-shadow:0 0 0 4px #ffffff20,0 6px 18px #0006}50%{box-shadow:0 0 0 8px #c5a4fa3d,0 0 22px #c29be844}}
@media(max-width:760px){.hero-card{flex-basis:calc((100% - 24px)/3)}.max-badge{font-size:11px}.max-badge img{width:96px;height:26px}.hero-photo .photo-caption{right:78px}.compare-toggle{width:63px;height:87px}.compare-toggle>span{font-size:9px}.gallery-hint{font-size:10px}.story-picker{gap:6px}.mini-label{font-size:15px}}
@media(max-width:600px){
 .site-header{height:73px}.max-badge{font-size:10px;gap:8px;padding:9px 10px}.max-badge img{width:84px;height:23px}
 .hero-card{flex-basis:68%;max-width:285px}.compare-toggle{width:73px;height:97px;right:11px;bottom:14px}.compare-toggle>span{font-size:9px;padding:6px 2px}.hero-photo .photo-caption{right:87px;font-size:10px}.hero-photo .photo-caption strong{font-size:17px}
 .gallery-hint{font-size:9px;gap:8px;line-height:1.5}.gallery-hint>span{max-width:170px}.gallery-nav{gap:5px}.gallery-nav>span{font-size:9px;margin-right:2px}.gallery-nav button{width:29px;height:29px;font-size:24px}
 .cta{padding-left:14px;padding-right:14px;font-size:14px;gap:7px}.cta-camera,.cta-camera svg{width:24px;height:24px}
 .transform-camera{width:41px;height:41px;top:17%}.comparison-origin>span{font-size:10px}.compare-hint{font-size:10px;line-height:1.5}
 .mini-label{font-size:16px;margin-bottom:13px}.person-option{padding-top:11px;padding-bottom:9px;font-size:11px}.person-option>img{width:44px;height:44px}.person-picker{gap:9px}.variant-hint{font-size:11px;margin:14px 0 11px}.story-picker{gap:9px}.story-option{font-size:10px}.option-image{aspect-ratio:1/1.15}.story-panel{min-height:138px}
 .closing-heading{padding:25px 0 26px}.faq .closing-heading h2{font-size:33px;letter-spacing:-1.4px}.closing-heading p{font-size:12px}.closing-spark{font-size:22px;margin-bottom:12px}
 .cta-docked .cta{left:22px;right:22px;width:auto;bottom:max(14px,env(safe-area-inset-bottom));transform:none}.cta-docked .cta:hover{transform:none}
}
@media(max-width:360px){.max-badge{gap:7px;padding:8px}.max-badge img{width:75px;height:21px}.max-badge>span{font-size:9px}.cta{font-size:12px;gap:4px}.hero-card{flex-basis:75%}.gallery-nav>span{display:none}.gallery-hint{font-size:9px}.cta-docked .cta{left:18px;right:18px}.story-picker{gap:7px}.story-option{font-size:9px}.faq .closing-heading h2{font-size:30px}}
@media(min-width:601px) and (max-width:760px){.hero-card{flex-basis:calc((100% - 12px)/2)}}
/* V6: a real photo-to-video example, loaded only on request. */
.motion-demo{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;margin-top:32px}
.motion-copy h3{font-size:30px;line-height:1.18;letter-spacing:-1px;margin:11px 0 15px;font-weight:800}
.motion-copy h3 span{color:#d2b6f4}
.motion-copy p{font-size:13px;color:var(--muted);line-height:1.7;max-width:300px}
.motion-stage{position:relative;max-width:360px;width:100%;margin:auto;padding-left:27%}
.motion-player{position:relative;border-radius:20px;overflow:hidden;background:#292030;box-shadow:0 18px 45px #0003}
.motion-player video{display:block;width:100%;height:auto;aspect-ratio:796/1280;object-fit:cover}
.motion-badge{position:absolute;left:11px;top:11px;z-index:1;background:#1a142dc7;border:1px solid #ffffff36;backdrop-filter:blur(12px);color:#f0e6ff;padding:6px 10px;border-radius:20px;font-size:9px;font-weight:700;pointer-events:none}
.motion-original{position:absolute;left:0;top:19%;width:32%;margin:0;transform:rotate(-8deg);border:3px solid #e4deee;border-radius:12px;overflow:hidden;z-index:2;box-shadow:0 8px 25px #0005;background:#e4deee}
.motion-original img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center}
.motion-original figcaption{padding:7px 4px 6px;font-size:9px;color:#3a2d49;font-weight:700;text-align:center;line-height:1.4}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:9px;padding:15px 12px;width:154px;max-width:85%;border:1px solid #ffffff55;border-radius:18px;background:#171023bd;backdrop-filter:blur(12px);color:#fff;font-size:11px;font-weight:700;box-shadow:0 8px 35px #0004;transition:background .2s}
.video-play>span:first-child{display:grid;place-items:center;width:45px;height:45px;padding-left:3px;background:#e6d2ff;border-radius:50%;font-size:18px;color:#42255f}
.video-play:hover{background:#38254ae6}
.video-play[hidden]{display:none}
.video-play:focus-visible{outline:3px solid #95daff;outline-offset:4px}
.video-status{grid-column:1/-1;font-size:12px;color:#cfbddf;line-height:1.6}
.video-status:empty{display:none}
@media(max-width:760px){.person-picker{gap:6px}.person-option{font-size:10px;padding-left:2px;padding-right:2px}.motion-copy h3{font-size:26px}.motion-demo{gap:20px}.motion-original figcaption{font-size:8px}}
@media(max-width:600px){.motion-demo{grid-template-columns:1fr;gap:23px;margin-top:26px;padding:26px 0}.motion-copy{text-align:center}.motion-copy h3{font-size:28px;margin:10px 0 12px}.motion-copy h3 br{display:none}.motion-copy p{font-size:12px;max-width:280px;margin:auto}.motion-stage{max-width:320px;padding-left:28%}.motion-player{border-radius:17px}.motion-original{width:33%;top:22%}.motion-original figcaption{font-size:9px}.person-picker{gap:7px}.video-play{width:145px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html,.hero-gallery{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}