/* Interface illustrations and documentary captures are deliberately separate. */
.evi-demo{isolation:isolate;background:radial-gradient(ellipse at 85% 15%,#7bb6ff 0,transparent 48%),linear-gradient(145deg,#e9f1ff,#c9dafa 58%,#aabfe9);display:grid;place-items:center;padding:18px 18px 37px;color:#142651}
.evi-demo::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff38 1px,transparent 1px),linear-gradient(90deg,#ffffff38 1px,transparent 1px);background-size:28px 28px;transform:rotate(-12deg) scale(1.3)}
.evi-orbit{position:absolute;width:210px;height:210px;border:36px solid #2276ed30;border-radius:50%;left:-85px;top:-70px;z-index:-1;animation:evi-orbit 9s ease-in-out infinite alternate}
.evi-demo-panel{max-width:260px;width:100%;background:#fffffff2;border:1px solid #fff;border-radius:16px;padding:15px 17px;box-shadow:0 16px 38px #10275926;transform:rotate(-4deg);animation:evi-float 6s ease-in-out infinite alternate}
.evi-demo-panel strong{font-family:var(--med,system-ui);display:block;font-size:15px;line-height:1.25;color:#142651}
.evi-demo-icon{float:right;font-size:35px;line-height:1;color:#007aff;margin:0 0 5px 8px}
.evi-demo-row{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.35;color:#53627f;margin-top:9px}
.evi-demo-row i{display:block;flex:0 0 5px;width:5px;height:5px;background:#6b9cf0;border-radius:50%}
.evi-demo-label{position:absolute;bottom:10px;left:10px;right:10px;text-align:center;font:500 10px/1.3 var(--mono,monospace);letter-spacing:.015em;color:#223555}
.evi-demo-video{background:radial-gradient(ellipse at 70% 10%,#a5a5ff,transparent 55%),linear-gradient(145deg,#dedbff,#b7b6f1)}
.evi-demo-review{background:radial-gradient(ellipse at 80% 15%,#90c9ff,transparent 50%),linear-gradient(150deg,#ecf6ff,#c0d5ef)}
.evi-demo-look{background:radial-gradient(ellipse at 85% 15%,#c3c6ff,transparent 48%),linear-gradient(140deg,#eeecff,#b4b6e8)}
.evi-demo-cart{background:radial-gradient(ellipse at 80% 15%,#96dddc,transparent 50%),linear-gradient(150deg,#e3f7f6,#b3d6da)}
.evi-demo-sections{background:linear-gradient(150deg,#edf3ff,#bacbeb)}
.cv .evi-demo-panel{padding:12px 14px}.cv .evi-demo-panel strong{font-size:13px}.cv .evi-demo-icon{font-size:27px}
.head .evi-demo-panel{padding:28px;max-width:310px;transform:rotate(-5deg)}
.head .evi-demo-panel strong{font-size:23px}.head .evi-demo-row{font-size:13px}.head .evi-demo-icon{font-size:58px}
.head .evi-demo-label{font-size:11px;bottom:17px}.shot .evi-demo-panel{max-width:235px}
.evi-inline-label{display:block;margin:0 0 13px;font:500 10px/1.5 var(--mono,monospace);color:#47617d;letter-spacing:.01em}
.evi-empty-review{padding:22px 8px;text-align:center}.evi-empty-review>span{display:block;font-size:25px;letter-spacing:3px;color:#5c83be;margin-bottom:15px}
.evi-empty-review b{display:block;font-size:16px}.evi-empty-review p,.evi-mock-caption{font-size:13px;line-height:1.5;color:#526078;margin-top:10px}
.evi-tryon{display:flex;justify-content:center;align-items:center;gap:14px;background:linear-gradient(145deg,#f4f7fd,#e6eeff);border-radius:12px;margin-top:16px;padding:10px}.evi-tryon>span{font-size:70px;color:#9ab6e2;line-height:1}.evi-tryon svg{width:94px;height:86px}.evi-tryon>b{color:#7596cb;font-size:22px}
.evi-mock-button{margin-top:14px;background:var(--blue,#007aff);color:white;padding:10px;border-radius:10px;text-align:center;font-family:var(--med,system-ui);font-size:13px}
.evi-piece{display:grid;place-items:center;width:34px;height:42px;flex:0 0 34px;background:linear-gradient(145deg,#dce9ff,#b3c9f2);border-radius:8px;color:#315ca5;font:500 11px var(--mono,monospace)}
.evi-video-placeholder{display:grid;place-items:center;gap:4px;height:150px;margin-top:14px;border-radius:12px;background:linear-gradient(140deg,#253b7f,#718be0);color:white}.evi-video-placeholder span{font-size:56px;line-height:1}.evi-video-placeholder b{font-size:12px;margin-bottom:10px}
.evi-suggestion{margin-top:12px;padding:12px;border-radius:12px;background:#007aff0d;border:1px solid #007aff28}.evi-suggestion>b{font-size:13px}
/* A filmstrip of full compositions, not a logo wall; visible without JavaScript. */
.evi-sites{margin:56px 0 40px;padding:34px 0 22px;border-top:1px solid #dce3ef;border-bottom:1px solid #dce3ef;min-width:0}
.evi-sites-head{max-width:670px;padding:0 2px}.evi-kicker{font:500 10.5px/1.5 var(--mono,monospace);text-transform:uppercase;letter-spacing:.12em;color:#3264a8}
.evi-sites-head h2{font-size:clamp(24px,3vw,38px);line-height:1.1;margin:12px 0 0;color:#182748}
.evi-sites-head>p{font-size:14px;line-height:1.65;color:#5c687d;margin-top:13px}
.evi-film{display:flex;gap:22px;overflow-x:auto;padding:26px 8px 20px;margin:0 -8px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-color:#adbfdf #edf1f8;scrollbar-width:thin}
.evi-case{flex:0 0 min(440px,87%);min-width:0;scroll-snap-align:center;background:#fff;border:1px solid #e0e6f0;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #172d5912;transform:rotate(var(--case-tilt,0deg));transition:transform .5s cubic-bezier(.2,.7,.3,1),box-shadow .5s}
.evi-case:hover,.evi-case:focus-within{transform:rotate(0) translateY(-5px);box-shadow:0 18px 36px #172d5925}
.evi-browser{display:flex;align-items:center;gap:9px;padding:12px 13px;color:#65748f;font:500 10px/1.3 var(--mono,monospace);border-bottom:1px solid #e3e8f2;background:#f8faff}
.evi-browser i{width:5px;height:5px;border-radius:50%;background:#bdd0e8;box-shadow:8px 0 #bdd0e8,16px 0 #bdd0e8;margin-right:17px}
.evi-window{aspect-ratio:1.56;background:#f6f6f4;display:flex;align-items:center;overflow:hidden}.evi-capture{display:block;width:100%;height:auto;max-height:100%;flex:1}
.evi-caption{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;padding:18px 17px;border-top:1px solid #edf0f5}.evi-caption h3{font-size:17px;line-height:1.2;color:#1a2948}.evi-caption p{font-size:12px;line-height:1.4;color:#6b7587;margin-top:6px}.evi-caption a{flex-shrink:0;font-size:12px;font-family:var(--med,system-ui);color:#2364b9;padding:8px 0}.evi-source-note{font:400 11px/1.6 var(--mono,monospace);color:#6c7a92;margin-top:13px}
.evi-sites a:focus-visible,.evi-film:focus-visible{outline:3px solid #007aff;outline-offset:4px;border-radius:5px}
.evi-how>.evi-sites{max-width:1100px;width:calc(100% - 52px);margin:75px auto}
/* Owned how-it-works scenes: visibility is baseline; entrance is progressive enhancement. */
.evi-how .rv,.evi-how .sticky-item .col>*{opacity:1;transform:none}
.evi-how .sticky-item .mock{opacity:1;transform:translateY(-50%)}
.evi-how .sticky-item.on .col>*{animation:evi-scene-in .7s cubic-bezier(.2,.7,.3,1) both}
.evi-how .sticky-item.on .mock{animation:evi-mock-in .8s cubic-bezier(.2,.7,.3,1) both}
.evi-kiosco-crop{display:block;width:100%;height:100%;position:absolute;inset:0}.evi-kiosco-note{font-size:12px!important;line-height:1.5!important;text-align:left;max-width:700px;color:#657087!important;margin-top:17px!important}.evi-kiosco-note a{text-decoration:underline;text-underline-offset:3px}
@keyframes evi-float{from{translate:0 3px;rotate:-1deg}to{translate:0 -5px;rotate:1deg}}
@keyframes evi-orbit{from{transform:translate(0,0) scale(.9)}to{transform:translate(45px,30px) scale(1.08)}}
@keyframes evi-scene-in{from{opacity:.55;translate:0 25px}to{opacity:1;translate:0 0}}
@keyframes evi-mock-in{from{opacity:.55;translate:32px 0}to{opacity:1;translate:0 0}}
@media(max-width:820px){.evi-sites{margin-top:36px}.evi-case{flex-basis:88%;transform:none}.evi-sites-head>p{font-size:14px}.evi-caption{align-items:start;flex-direction:column;gap:8px}.evi-caption h3{font-size:18px}.evi-browser{font-size:10px}.evi-how .sticky-item .mock{transform:none}.evi-how>.evi-sites{width:calc(100% - 36px);margin:48px auto}.evi-demo-label{font-size:10px}.evi-demo-panel{max-width:250px}}
@media(prefers-reduced-motion:reduce){.evi-demo-panel,.evi-orbit,.evi-how .sticky-item.on .col>*,.evi-how .sticky-item.on .mock{animation:none!important}.evi-case{transform:none;transition:none}.evi-film{scroll-behavior:auto}}