/* Layered frames: transparent border, source artwork, real page background. */
.framed{isolation:isolate;filter:drop-shadow(0 22px 22px #20100080);transform-style:preserve-3d}
.framed .frame-img{z-index:2;filter:none;clip-path:polygon(3.95% 3.4%,94.2% 3.4%,96.7% 6%,96.7% 90.8%,94.2% 92.8%,3.95% 92.8%);border-radius:0;pointer-events:none}
.framed[data-line="premium"] .frame-img{clip-path:inset(2.8% 5.6% 8.6% 3.8%);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H100V100H0Z M13.7 12.7H86.2V83.2H13.7Z'/%3E%3C/svg%3E");mask-size:100% 100%}
.art-slot{z-index:1!important;padding:0!important;overflow:hidden;mask-image:none!important;-webkit-mask-image:none!important;display:flex!important;background-image:none!important;box-shadow:none;transform:translateZ(-1px)}
.art-slot img{position:relative;z-index:1;max-width:none;max-height:none;width:100%;height:100%;object-fit:contain;box-shadow:none;border-radius:0}
.art-slot img.art-backdrop{position:absolute;z-index:0;inset:-7%;width:114%;height:114%;object-fit:cover;filter:blur(18px);opacity:.85}
.framed[data-line="premium"] .art-slot .art-backdrop{opacity:0}
.hero-visual{perspective:1100px}.hero-parallax{transition:transform .18s ease-out;will-change:transform}.hero-frame{animation:none;transform:translateZ(24px);transition:filter .4s}.hero-parallax:hover .hero-frame{filter:drop-shadow(0 30px 28px #20100099)}
.note-nfc{bottom:auto;top:57%;left:-2%;animation:none}.hero-phone{z-index:4}.note-ai{z-index:5}
.offer-visual .framed,.offer:hover .offer-visual .framed{transform:perspective(1000px) rotateX(var(--frame-rx,0deg)) rotateY(var(--frame-ry,0deg));transition:transform .22s ease-out}
.offer-visual{background:radial-gradient(ellipse at center,#ffefb814,transparent 65%);border-color:#ffedc627}.offer-visual::after{display:none}
.app-static{pointer-events:none;user-select:none}.app-static .app-scan{display:none}.app-static span.app-card,.app-static span.app-btn{display:flex}.app-static .app-video{display:block!important}.app-static .app-art img,.app-art img{object-fit:cover;object-position:center 32%}
.app-title{font-family:var(--serif);font-size:1.6em;line-height:1.1;margin:.3em 0 .12em;color:var(--a-text)}
.app-artist{font-size:1.06em;margin-bottom:2.2cqw}.app-status{font-size:1.85em}.app-art{margin-top:3.5cqw!important;margin-bottom:3.2cqw!important;width:31cqw!important;height:31cqw!important}.app-coll{margin-bottom:1.5cqw!important}.app-inner{padding-top:4.5cqw!important}
.app-video img{object-position:center 35%}.hero-phone .app{border-radius:20px}#modal-app-preview{width:100%}.player-screen::before{background-image:var(--film-art)!important}.player-frame{aspect-ratio:auto;width:85%;height:100%;border-radius:0;box-shadow:none}.player-img{object-fit:contain;transform:scale(1)!important}.player.is-playing .player-img{transform:scale(1.1)!important}
/* Editorial benefits: pictures, artifacts and moments instead of a ruled table. */
.benefit-list{grid-template-columns:repeat(12,minmax(0,1fr));gap:25px;border:0;align-items:stretch}
.benefit{grid-column:span 6;display:flex;flex-direction:column;padding:28px;border:1px solid #ffebc32e;border-radius:26px;background:linear-gradient(140deg,#fff4d912,#35200632);overflow:hidden;box-shadow:0 15px 40px #22140120;transition:transform .5s,border-color .5s,box-shadow .5s}
.benefit:nth-child(1),.benefit:nth-child(5){grid-column:span 7}.benefit:nth-child(2),.benefit:nth-child(6){grid-column:span 5}.benefit:hover{transform:translateY(-7px);border-color:#ffedc66b;box-shadow:0 25px 55px #22140150}
.benefit h3{font-size:clamp(1.7rem,2.3vw,2.5rem);line-height:1.12;max-width:100%;margin-bottom:13px}.benefit:hover h3{transform:none}.benefit p:not(.benefit-tag):not(.benefit-feature){font-size:.88rem;line-height:1.8}.benefit-feature{margin-top:auto;font-size:.68rem;max-width:100%;flex-wrap:wrap}.benefit-tag{margin-top:26px;margin-bottom:14px}.benefit-art{height:174px;flex:0 0 174px;position:relative;border-radius:15px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 60% 30%,#e5c27725,transparent 65%),#39290d66}
.benefit-art-portrait{background:linear-gradient(90deg,#17191077,#17191000),url('../assets/artworks/vermeer-original.jpg') center 36%/cover}.benefit-art-portrait>span{position:absolute;bottom:17px;left:20px;font:italic 26px var(--serif);text-shadow:0 2px 10px #000}
.benefit-art-emblem>svg{width:82px;height:68px;fill:#e5c88e;filter:drop-shadow(0 4px 10px #0007)}.benefit-art-emblem>span{position:absolute;bottom:15px;font-size:8px;letter-spacing:2.6px;text-transform:uppercase}.benefit-art-emblem>i{position:absolute;width:125px;height:125px;border:1px solid #ffeccf44;border-radius:50%;animation:ref-ring 4s infinite}.benefit-art-emblem>i:last-child{animation-delay:2s}
.benefit-art-docs{perspective:700px}.document{position:absolute;width:120px;height:143px;border-radius:6px;background:linear-gradient(130deg,#f4eedc,#c6bc9d);box-shadow:0 10px 15px #0004;top:29px}.doc-back{transform:translateX(-23px) rotate(-12deg);opacity:.6}.doc-front{transform:rotate(7deg);padding:20px}.document>i{display:block;height:2px;background:#87764f66;margin:8px 0}.document>b{display:block;color:#68552c;font:italic 16px var(--serif);margin-top:10px}.document>small{font-size:4px;letter-spacing:1px;color:#806b3b;line-height:1.5;display:block;margin-top:5px}
.benefit-art-link{gap:24px}.benefit-art-link>span{display:grid;place-items:center;border:1px solid #ffeccf55;width:65px;height:65px;border-radius:50%;font-size:30px}.benefit-art-link>i{width:65px;height:1px;background:linear-gradient(90deg,#fff2ca20,#fff4dc,#fff2ca20);position:relative}.benefit-art-link>i::after{content:'';position:absolute;left:0;top:-3px;width:7px;height:7px;border-radius:50%;background:#fff0ce;animation:ref-travel 3s infinite}.benefit-art-link>small{position:absolute;bottom:14px;font-size:6px;letter-spacing:2px}
.benefit-art-film{background:linear-gradient(#05223f22,#07162499),url('../assets/artworks/hokusai-original.jpg') center 45%/cover;gap:20px}.benefit-art-film>span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:1px solid #fff9;background:#ffffff18;backdrop-filter:blur(5px);padding-left:3px}.benefit-art-film>small{position:absolute;bottom:15px;left:20px;font:italic 26px var(--serif)}
.benefit-art-chat{flex-direction:column;gap:12px;padding:20px}.benefit-art-chat>span{padding:12px 17px;border-radius:18px 18px 3px 18px;background:#ece4cb22;align-self:flex-end;font-size:11px}.benefit-art-chat>span+span{border-radius:18px 18px 18px 3px;background:#faf1d7;color:#62491c;align-self:flex-start;animation:ref-message 5s infinite}
.benefit-art-privacy{flex-direction:column;gap:9px;padding:15px}.benefit-art-privacy>span{width:85%;padding:12px 16px;border:1px solid #ffebc338;border-radius:12px;font-size:10px;background:#ffefc608;display:flex;justify-content:space-between}.benefit-art-privacy b{font-weight:400}.benefit-art-privacy>small{font-size:5px;letter-spacing:2px;margin-top:3px}
.benefit-art-legacy{gap:12px;padding:15px}.benefit-art-legacy>span{font:italic 20px var(--serif);max-width:80px;text-align:center}.benefit-art-legacy>i{height:1px;flex:1;background:#ffe9b777;position:relative}.benefit-art-legacy>i::after{content:'';position:absolute;top:-3px;left:50%;width:6px;height:6px;border-radius:50%;background:#ffebc1;box-shadow:0 0 15px #fff0c0}
/* A compact, animated story with a stable stage. */
.exp-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:start}
.exp-step{min-height:0;padding:0 0 18px 24px}.exp-step-copy{max-width:none;width:100%;padding:23px 26px;opacity:.75;transform:none;backdrop-filter:none}.exp-step.is-active .exp-step-copy{opacity:1}.exp-step h3{font-size:clamp(1.8rem,2.6vw,2.6rem);margin-bottom:10px}.exp-step p{font-size:.86rem;line-height:1.7}.exp-step .step-count{font-size:.65rem;margin-bottom:10px}.exp-step .text-link{font-size:.77rem}.exp-steps::before{top:8%;bottom:12%}
.exp-stage{min-height:660px;max-height:800px;height:calc(100svh - var(--header-h) - 35px);position:sticky;top:calc(var(--header-h) + 15px);align-self:start;overflow:hidden;transform:translateZ(0)}
.stage-frame{width:66%;top:22%;left:1%;transform:perspective(950px) rotateX(var(--frame-rx,0deg)) rotateY(calc(10deg + var(--frame-ry,0deg))) rotateZ(-3deg);opacity:1;transition:transform .35s ease-out,opacity .6s}
.exp-stage[data-active="1"] .stage-frame,.exp-stage[data-active="2"] .stage-frame{transform:perspective(950px) rotateX(var(--frame-rx,0deg)) rotateY(calc(-8deg + var(--frame-ry,0deg))) rotateZ(-4deg) scale(.94);opacity:.7;left:-5%}
.stage-phone{width:43%;left:51%;top:53%;transform:translate(0,-45%) rotate(-3deg);max-height:none}
.exp-stage[data-active="1"] .stage-phone,.exp-stage[data-active="2"] .stage-phone{left:52%;transform:translate(-6%,-45%) rotate(0) scale(1.02)}
.stage-hud{bottom:65px}.scene-label{position:absolute;z-index:5;top:90px;left:30px;right:30px;display:flex;justify-content:space-between;gap:15px;align-items:center}.scene-label>span{font-size:8px;letter-spacing:2px;color:var(--soft)}.scene-label>strong{font:italic 21px var(--serif);font-weight:400}.scene-controls{position:absolute;z-index:7;left:50%;bottom:19px;transform:translateX(-50%);display:flex;border:1px solid #ffeccf40;border-radius:30px;padding:4px;background:#2a1c0666;white-space:nowrap}.scene-controls button{font-size:9px;padding:8px 15px;border-radius:30px;color:#f8edd3}.scene-controls button[aria-pressed="true"]{color:#60491e;background:#f6eedc}
.step-visual{height:76px;margin:-3px 0 15px;border-radius:12px;background:#24160035;display:flex;align-items:center;justify-content:center;gap:20px;position:relative;overflow:hidden}
.mini-chip{border:1px solid #ffe4ac60;border-radius:11px;width:39px;height:39px;display:grid;place-items:center;color:#ebd5a2;font:24px var(--serif)}.signal-waves{display:flex;gap:5px;align-items:center}.signal-waves>i{width:6px;height:17px;border-right:1px solid #f9edce;border-radius:50%;animation:ref-signal 2s infinite}.signal-waves>i:nth-child(2){height:25px;animation-delay:.2s}.signal-waves>i:nth-child(3){height:33px;animation-delay:.4s}.mini-passport{font-size:24px;color:#f5ebd2}.mini-passport small{display:block;font:5px var(--sans);letter-spacing:1px;margin-top:3px}
.film-art{position:absolute;inset:0;background:linear-gradient(#31231244,#31231288),url('../assets/artworks/vermeer-original.jpg') center 31%/cover;opacity:.75}.film-play{z-index:1;width:35px;height:35px;display:grid;place-items:center;border:1px solid #fff8;border-radius:50%;font-size:12px;padding-left:2px}.film-wave{display:flex;gap:5px;align-items:center;height:35px;z-index:1}.film-wave>i{height:12px;width:2px;background:#fff0ce;animation:ref-sound 1.6s infinite alternate}.film-wave>i:nth-child(2n){height:28px;animation-delay:.5s}.film-wave>i:nth-child(3n){height:20px;animation-delay:.8s}
.chat-visual{flex-direction:column;gap:6px;align-items:flex-start;padding:10px 16px}.chat-question{background:#f6e7bd22;padding:5px 11px;border-radius:12px 12px 2px 12px;font-size:8px;align-self:flex-end}.chat-response{font-size:9px;background:#f2e9d5;color:#5d461e;padding:7px 12px;border-radius:12px 12px 12px 2px;display:flex;gap:12px}.chat-response>span{display:flex;gap:3px;align-items:center}.chat-response i{width:3px;height:3px;background:#8b703d;border-radius:50%;animation:ref-signal 1.3s infinite}.chat-response i:nth-child(2){animation-delay:.2s}.chat-response i:nth-child(3){animation-delay:.4s}
@keyframes ref-ring{0%{transform:scale(.75);opacity:.7}100%{transform:scale(1.6);opacity:0}}@keyframes ref-travel{to{left:100%;opacity:.1}}@keyframes ref-message{0%,15%{transform:translateY(4px);opacity:.6}40%,100%{transform:none;opacity:1}}@keyframes ref-signal{50%{opacity:.2}}@keyframes ref-sound{to{transform:scaleY(.35)}}
@media(max-width:1100px){.benefit{padding:23px}.benefit-art{height:150px;flex-basis:150px}.exp-layout{gap:24px}.exp-step-copy{padding:19px}.exp-stage{min-height:600px}.stage-frame{top:25%}.stage-phone{top:55%}.scene-label{left:22px;right:22px;top:85px}.scene-label>strong{font-size:18px}.note-nfc{top:55%}}
@media(max-width:900px){.exp-layout{display:flex;flex-direction:column}.exp-stage{order:-1;position:relative;top:0;width:min(100%,650px);min-height:0;height:auto;aspect-ratio:1/1.12;max-height:none;margin:auto}.exp-steps{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.exp-step{padding:0;align-items:stretch}.exp-step::before,.exp-steps::before{display:none}.exp-step-copy{padding:18px}.exp-step h3{font-size:1.7rem}.exp-step .text-link{font-size:.7rem}.stage-frame,.exp-stage[data-active] .stage-frame{width:67%;left:0;top:20%;opacity:1}.exp-stage[data-active] .stage-phone{width:42%;left:54%;top:52%;transform:translate(-5%,-43%) rotate(-3deg)}.benefit:nth-child(n){grid-column:span 6}.note-nfc{top:53%}}
@media(max-width:620px){.benefit-list{grid-template-columns:1fr;gap:18px}.benefit:nth-child(n){grid-column:auto;padding:23px}.benefit-art{height:170px;flex-basis:170px}.benefit h3{font-size:2rem}.hero-visual{padding-bottom:45px}.hero-phone{right:-1%;bottom:-8%;width:35%}.note-nfc{top:44%;left:0;font-size:8px;max-width:65%;padding:10px 12px}.note-nfc strong{font-size:9px}.note-nfc .note-icon{width:25px;height:25px;flex-basis:25px}.note-ai{right:1%;top:3%}.scene-label{top:75px;left:20px;right:20px}.scene-label>strong{font-size:17px}.theme-switch{top:20px}.exp-stage{aspect-ratio:1/1.25}.exp-stage[data-active] .stage-frame{top:25%;left:0;width:67%}.exp-stage[data-active] .stage-phone{top:55%;width:43%;left:53%}.stage-hud{bottom:61px}.stage-hud strong{font-size:6px}.scene-controls button{font-size:8px;padding:8px 12px}.scene-label>span{font-size:6px}.exp-steps{grid-template-columns:1fr}.exp-step-copy{padding:22px;display:grid;grid-template-columns:1fr 1.5fr;column-gap:18px}.step-visual{grid-row:1/5;align-self:center;margin:0;height:115px;flex-direction:column;gap:10px}.exp-step .step-count{grid-column:2}.exp-step h3{grid-column:2;font-size:1.65rem}.exp-step p:not(.step-count){grid-column:2;font-size:.75rem}.exp-step .text-link{grid-column:2;justify-self:start}.chat-visual{padding:10px;gap:10px}.chat-question{font-size:6px;padding:5px}.chat-response{font-size:7px;display:block;padding:8px}.chat-response>span{margin-top:5px}.scan-visual{gap:5px}.signal-waves{transform:rotate(90deg);height:12px}.film-wave{height:20px}.offer-visual .framed{width:88%}.offer-visual{padding:16px 10px 24px}.benefit-art-legacy>span{font-size:18px}}
@media(prefers-reduced-motion:reduce){.hero-parallax,.framed{transition:none!important}.stage-phone{transition:none!important}.benefit-art *, .step-visual *{animation:none!important}.hero-phone{animation:none}}