.cinematicCanvas{position:relative;aspect-ratio:16/8.7;min-height:560px;background:#061326}.cinematicStage{position:absolute;inset:0;overflow:hidden;opacity:0;transform:scale(1.015);transition:opacity .65s ease,transform 1.8s ease;pointer-events:none;background:#071426}.cinematicStage.active{opacity:1;transform:scale(1)}.cinematicStage.photoScene{background:linear-gradient(90deg,transparent 42%,rgba(4,17,34,.76) 67%,#071426 100%),url("assets/demo-snap-flyer.png") center/cover no-repeat}.cinematicStage.emailScene{background:linear-gradient(90deg,transparent 42%,rgba(4,17,34,.76) 67%,#071426 100%),url("assets/demo-forward-email.png") center/cover no-repeat}.sceneCaption{position:absolute;left:6%;bottom:9%;max-width:430px;padding:17px 20px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:rgba(5,18,35,.72);box-shadow:0 14px 35px rgba(0,0,0,.3);backdrop-filter:blur(12px)}.sceneCaption span{display:block;margin-bottom:7px;color:#52dbb9;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.sceneCaption strong{font-size:23px;line-height:1.25}.shutter{position:absolute;left:35.5%;top:47%;width:58px;height:58px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.18),0 0 35px rgba(255,255,255,.4);animation:shutterPulse 2.2s ease-in-out infinite}.shutter:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.sendPulse{position:absolute;left:35%;top:69%;width:44px;height:44px;border-radius:50%;border:2px solid #4e91ff;box-shadow:0 0 0 10px rgba(58,128,255,.15),0 0 38px rgba(58,128,255,.35);animation:shutterPulse 2.2s ease-in-out infinite}.extractPanel{position:absolute;right:5%;top:8%;width:38%;padding:24px;border:1px solid #2e4a69;border-radius:24px;background:linear-gradient(145deg,rgba(16,42,70,.96),rgba(7,22,40,.97));box-shadow:0 26px 60px rgba(0,0,0,.42)}.extractPanel .eyebrow{color:#51ddba;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.extractPanel h3{margin:8px 0 18px;font-size:25px}.extractItems{display:grid;gap:10px}.extractItem{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;padding:12px;border:1px solid #294560;border-radius:14px;background:#102640;opacity:0;transform:translateX(16px);animation:itemIn .45s ease forwards}.extractItem:nth-child(2){animation-delay:.28s}.extractItem:nth-child(3){animation-delay:.56s}.extractItem:nth-child(4){animation-delay:.84s}.extractItem i{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:linear-gradient(145deg,#4385ff,#2868d5);font-style:normal}.extractItem:nth-child(2) i{background:linear-gradient(145deg,#35d0ae,#158c78)}.extractItem:nth-child(3) i{background:linear-gradient(145deg,#9b68e9,#6740bd)}.extractItem:nth-child(4) i{background:linear-gradient(145deg,#ff8d4d,#dd5a25)}.extractItem b{display:block;font-size:12px}.extractItem span{display:block;margin-top:4px;color:#8ea4bc;font-size:9px}.autoBadge{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:8px 11px;border-radius:99px;background:#103b38;color:#4ce0bc;font-size:10px;font-weight:800}.autoBadge:before{content:"✓";display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#36cdaa;color:#06271f}.handledScene{padding:5% 7%;background:radial-gradient(circle at 50% 20%,#123b65,transparent 42%),#071426;text-align:center}.handledScene h3{margin:8px 0;font-size:clamp(30px,4vw,50px)}.handledScene>p{margin:0;color:#9cafc4}.handledGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px;text-align:left}.handledCard{padding:20px;border:1px solid #294761;border-radius:18px;background:linear-gradient(145deg,#122c49,#0b1d32);box-shadow:0 16px 35px rgba(0,0,0,.26);opacity:0;transform:translateY(14px);animation:itemUp .45s ease forwards}.handledCard:nth-child(2){animation-delay:.18s}.handledCard:nth-child(3){animation-delay:.36s}.handledCard:nth-child(4){animation-delay:.54s}.handledCard i{display:grid;width:38px;height:38px;place-items:center;margin-bottom:15px;border-radius:11px;background:linear-gradient(145deg,#3e82ff,#28cda9);font-style:normal}.handledCard b{font-size:12px}.handledCard span{display:block;margin-top:6px;color:#8da3bb;font-size:9px;line-height:1.5}.cinematicCanvas+.demoTimeline{padding-top:22px}@keyframes shutterPulse{50%{transform:scale(.87);opacity:.72}}@keyframes itemIn{to{opacity:1;transform:none}}@keyframes itemUp{to{opacity:1;transform:none}}@media(max-width:850px){.cinematicCanvas{aspect-ratio:auto;min-height:610px}.cinematicStage.photoScene,.cinematicStage.emailScene{background-position:40% center}.extractPanel{left:5%;right:5%;top:auto;bottom:5%;width:auto;padding:18px}.extractPanel h3{font-size:20px}.extractItems{grid-template-columns:1fr 1fr}.handledGrid{grid-template-columns:1fr 1fr}.sceneCaption{left:5%;right:5%;max-width:none}.shutter,.sendPulse{display:none}}@media(max-width:560px){.cinematicCanvas{min-height:640px}.extractItems,.handledGrid{grid-template-columns:1fr}.extractItem:nth-child(4),.handledCard:nth-child(4){display:none}.handledScene{padding:8% 6%}}