.demo-hero{min-height:640px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding-top:95px;padding-bottom:95px}.demo-hero h1{font-family:"IBM Plex Sans",Inter,sans-serif;font-size:clamp(48px,6vw,83px);font-weight:600;letter-spacing:-.05em;line-height:1.07;margin:18px 0 26px}.demo-hero p{font-size:19px;color:#c9c9c9;max-width:650px}.demo-art{min-height:360px;background:radial-gradient(circle at 50% 35%,#a3ff1225,transparent 52%),#121512;border:1px solid #343a32;border-radius:22px;display:flex;align-items:center;justify-content:center;position:relative}.demo-art img{width:65%;filter:drop-shadow(0 18px 35px #000)}.demo-art:after{content:"PRIVATE VIDEO / 01";position:absolute;bottom:25px;left:28px;font:500 11px Inter;letter-spacing:.2em;color:#a3ff12}.demo-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:32px}.demo-outline{border:1px solid #555;padding:13px 22px;border-radius:99px;font-size:14px}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.demo-card{background:#111;border:1px solid #303030;padding:32px;min-height:220px}.demo-card .n{color:#A3FF12;font:600 28px Manrope}.demo-card h3{font:600 22px Manrope;margin:17px 0 10px}.demo-card p{color:#aaa;margin:0}.demo-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.demo-flow article{border-top:2px solid #A3FF12;padding:24px 8px}.demo-flow strong{font:600 24px Manrope}.demo-flow p{color:#aaa}.demo-note{color:#888;font-size:13px}.demo-cta{text-align:center;padding:100px 0;border-top:1px solid #242424}.demo-cta h2{font:600 clamp(36px,5vw,65px) Manrope;margin:12px 0 28px}.demo-cta p{color:#aaa}.demo-section{padding:90px 0;border-top:1px solid #242424}.demo-section h2{font:600 clamp(36px,5vw,62px) Manrope;letter-spacing:-.035em;line-height:1.06;margin:15px 0 40px}.demo-kicker{font:500 12px Inter;letter-spacing:.18em;text-transform:uppercase;color:#aaa}@media(max-width:850px){.demo-hero{grid-template-columns:1fr;gap:30px;min-height:auto;padding-top:70px;padding-bottom:70px}.demo-art{min-height:270px}.demo-grid,.demo-flow{grid-template-columns:1fr}.demo-section{padding:65px 0}.demo-cta{padding:70px 0}}@media(prefers-reduced-motion:reduce){.demo-art{animation:none}}
/* V3: video-access product visual; presentation only, never collects passwords */
.demo-art{padding:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 36%,rgba(163,255,18,.13),transparent 62%),#0b0e0b;animation:previewFloat 7s ease-in-out infinite}
.demo-art:after{content:none!important}
.preview-window{width:100%;max-width:520px;padding:12px;background:#111612;border:1px solid #354135;border-radius:17px;box-shadow:0 30px 80px #0008,0 0 60px #a3ff1209;transform:perspective(900px) rotateY(-3deg);transition:transform .5s ease,box-shadow .5s ease}
.demo-art:hover .preview-window{transform:perspective(900px) rotateY(0deg) translateY(-4px);box-shadow:0 35px 90px #000a,0 0 75px #a3ff1220}
.preview-dots{height:27px;display:flex;gap:7px;align-items:center;padding:0 5px}.preview-dots i{height:7px;width:7px;border-radius:50%;background:#637166}.preview-dots span{margin-left:auto;font:600 9px Inter,sans-serif;letter-spacing:.14em;color:#738474}
.preview-screen{border:1px solid #354135;border-radius:10px;padding:25px 16px 22px;text-align:center;background:radial-gradient(ellipse at 50% 10%,#a3ff1210,transparent 65%),#090d0a}
.preview-lock{display:grid;place-items:center;width:56px;height:56px;border:1px solid #75ab00;border-radius:50%;color:#a3ff12;background:#a3ff120b;margin:0 auto 17px;box-shadow:0 0 30px #a3ff1214}
.preview-screen h3{font:700 clamp(16px,2vw,21px) Manrope,Inter,sans-serif;margin:0 0 7px;color:#fafafa}
.preview-screen p{font:400 12px Inter,sans-serif;color:#a8b7aa;margin:0 0 20px}
.preview-input{border:1px solid #526050;border-radius:6px;height:40px;max-width:235px;margin:auto;display:grid;place-items:center;color:#aeb8ae;letter-spacing:2px;font-size:12px}
.preview-button{margin:10px auto 0;width:max-content;min-width:155px;padding:11px 17px;border-radius:6px;background:#a3ff12;color:#080808;font:800 11px Inter,sans-serif;letter-spacing:.01em;box-shadow:0 0 22px #a3ff121c}
.preview-bottom{display:flex;gap:7px;align-items:center;color:#8a9a8a;font:500 9px Inter,sans-serif;letter-spacing:.08em;padding:13px 3px 2px}.preview-pulse{height:6px;width:6px;background:#a3ff12;border-radius:50%;box-shadow:0 0 9px #a3ff12;animation:pulse 2s infinite}.preview-id{margin-left:auto;color:#6d806e}
@keyframes previewFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pulse{50%{opacity:.35}}
@media(max-width:600px){.demo-art{padding:10px;min-height:320px}.preview-window{transform:none}.preview-screen{padding:22px 10px}.preview-dots span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.demo-art,.preview-pulse{animation:none}.preview-window{transition:none}}