.transformation{overflow:hidden;background:linear-gradient(180deg,#fff 0,#eef8fa 100%)}
.transformation-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:38px}.transformation-head .intro{max-width:760px}.reveal-controls{display:flex;gap:10px}
.reveal-arrow{width:52px;height:52px;border:1px solid #b8dce1;border-radius:50%;background:#fff;color:var(--navy);font-size:1.35rem;font-weight:900;cursor:pointer;box-shadow:0 10px 28px rgba(4,21,50,.08)}.reveal-arrow:hover,.reveal-arrow:focus-visible{color:#fff;background:var(--navy);border-color:var(--navy)}
.reveal-shell{position:relative;padding:14px;border:1px solid #b9dce2;border-radius:30px;background:linear-gradient(145deg,#06203c,#020c18);box-shadow:0 34px 90px rgba(4,21,50,.24);perspective:1500px}
.reveal-stage{position:relative;min-height:620px;overflow:hidden;border-radius:20px;transform-style:preserve-3d}
.reveal-scene{position:absolute;inset:0;display:flex;align-items:flex-end;padding:48px;background-position:center;background-size:cover;opacity:0;transform:rotateY(12deg) translateX(5%) scale(.96);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.75,.2,1);pointer-events:none}
.reveal-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,24,.94),rgba(2,13,24,.56) 48%,rgba(2,13,24,.04)),linear-gradient(0deg,rgba(2,13,24,.88),transparent 62%)}
.reveal-scene.active{opacity:1;transform:rotateY(0) translateX(0) scale(1);pointer-events:auto}.reveal-problem{background-image:url('veri-snap-house-flooded.png')}.reveal-owners{background-image:url('veri-snap-owners.png');background-position:center 34%}.reveal-owners:before{background:linear-gradient(90deg,rgba(2,13,24,.92),rgba(2,13,24,.16) 62%),linear-gradient(0deg,rgba(2,13,24,.84),transparent 58%)}.reveal-protected{background-image:url('veri-snap-house-sunny.png')}
.scene-copy{position:relative;z-index:2;max-width:600px;color:#fff}.scene-copy span{color:var(--aqua);font-size:.74rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.scene-copy h3{margin:12px 0 13px;font-size:clamp(2.25rem,5vw,4.8rem);line-height:.92;letter-spacing:-.055em}.scene-copy p{margin:0;color:#d0e0e6;font-size:1.04rem;line-height:1.65}
.reveal-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 7px 4px}.reveal-dots{display:flex;gap:8px;flex-wrap:wrap}.reveal-dots button{min-height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:transparent;color:#a9bdc7;font-weight:850;cursor:pointer}.reveal-dots button.active{border-color:var(--aqua);background:rgba(34,222,215,.12);color:var(--aqua)}
@media(max-width:800px){.transformation-head{grid-template-columns:1fr}.reveal-controls{justify-content:flex-end}.reveal-stage{min-height:520px}.reveal-scene{padding:30px}.reveal-owners{background-position:center top}.reveal-footer{align-items:stretch;flex-direction:column}.reveal-footer .btn{width:100%}}@media(max-width:520px){.reveal-stage{min-height:500px}.reveal-scene{padding:24px}.scene-copy h3{font-size:2.45rem}.scene-copy p{font-size:.96rem}.reveal-dots{display:grid;grid-template-columns:repeat(3,1fr)}.reveal-dots button{padding:0 8px}.reveal-shell{padding:8px;border-radius:22px}}@media(prefers-reduced-motion:reduce){.reveal-scene{transition:none}}