@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080d12;--panel:#101c27;--lime:#00c896;--muted:#adc3cf;--line:#2c414f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:#edf6f7;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header,main,footer{max-width:1440px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line)}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:29px;letter-spacing:-1.8px}.brand span{font-weight:400}.brand i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-left:4px}nav{display:flex;gap:32px;font-size:13px}.languages{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.languages button{border:0;background:transparent;color:inherit;padding:7px}.languages button[aria-pressed=true]{color:var(--lime)}section{padding:85px 6%}h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:500}h1{font-size:clamp(60px,6.7vw,96px);line-height:1.02;letter-spacing:-6px;margin:27px 0}h1 em{color:var(--lime);font-style:normal}h2{font-size:clamp(34px,4vw,53px);line-height:1.12;letter-spacing:-2px;margin:18px 0 25px}h3{font-size:25px;letter-spacing:-.7px}p{line-height:1.7;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--lime);font-weight:600}.dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:7px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:4%;padding-top:70px;padding-bottom:25px}.hero-copy{padding-bottom:30px}.intro{max-width:420px;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--lime);color:#062624;padding:18px 25px;border-radius:4px;font-weight:700;font-size:14px;margin-top:20px;transition:transform .2s,background .2s}.button:hover{background:#42dfb7;transform:translateY(-2px)}.micro{font-size:11px}.visual{margin-top:30px;position:relative;align-self:start;background:#081c20;border:1px solid #35505f;border-radius:12px;box-shadow:0 35px 100px #0005;transform:rotate(-2deg)}.screen-top,.screen-bottom{display:flex;justify-content:space-between;align-items:center;padding:18px;font-family:monospace;font-size:10px;color:#b2c7d2}.screen-top{border-bottom:1px solid var(--line)}.stage{height:345px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#334329 0,transparent 65%)}.grid{position:absolute;inset:0;background-image:linear-gradient(#9bb37d0b 1px,transparent 1px),linear-gradient(90deg,#9bb37d0b 1px,transparent 1px);background-size:40px 40px}.stage svg{width:100%;height:100%;position:relative}.athlete{fill:url(#body);stroke:#c6f287;stroke-width:19;stroke-linecap:round;stroke-linejoin:round;animation:breathe 4s ease-in-out infinite;transform-origin:50% 75%}.ghost{fill:#b4d28a;stroke:#b4d28a;stroke-width:19;stroke-linecap:round;stroke-linejoin:round;opacity:.13}.tag{position:absolute;left:18px;bottom:12px;text-transform:uppercase;font:9px monospace;letter-spacing:1px;color:#9dad91}.cross{position:absolute;color:#678058;font:20px monospace}.one{left:15px;top:8px}.two{right:15px;bottom:10px}.screen-bottom{gap:15px;border-top:1px solid var(--line)}.timeline{flex:1;background:#3d4c32;height:3px}.timeline i{display:block;width:55%;height:100%;background:var(--lime)}#demo{border:0;background:#00c89620;color:var(--lime);border-radius:50%;width:27px;height:27px}.floating{position:absolute;bottom:70px;right:-20px;display:flex;gap:13px;align-items:center;background:#e7f2f4;color:#062624;padding:16px 20px;border-radius:6px;transform:rotate(2deg);box-shadow:0 10px 30px #0004}.floating>span{font-size:32px}.floating strong,.floating small{display:block}.floating strong{font-size:12px}.floating small{font-size:10px;margin-top:4px;color:#526b76}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-top:30px;text-transform:uppercase;font-size:9px;letter-spacing:1.7px;color:var(--muted)}.hero-foot i{color:var(--lime);margin-left:18px}.statement{text-align:center;max-width:950px;margin:40px auto}.statement>p:last-child{max-width:660px;margin:auto}.how{background:#e7f2f4;color:#062624}.how .eyebrow{color:#006e59}.how p{color:#526b76}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.steps article{border-top:1px solid #b0c8d0;padding-top:22px}.steps article>span{font:12px monospace;color:#007d67}.steps p,.uses p{font-size:14px}.product{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.product-image{background:#101c27;padding:22px;border-radius:10px}.product-image img{width:100%;display:block;border-radius:6px}.product-image>span{display:block;font-size:10px;text-align:center;margin-top:18px;color:var(--muted)}.product ul{padding:0;list-style:none}.product li{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.product li:before{content:'↗';color:var(--lime);margin-right:15px}#use{border-top:1px solid var(--line)}.uses{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.uses article{padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:6px}.uses article>span{font-size:30px;color:var(--lime)}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:9%;border-top:1px solid var(--line)}details{padding:20px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:15px;line-height:1.5}details p{font-size:14px}.closing{text-align:center;background:#00c896;color:#062624;margin:0 6% 70px;border-radius:10px}.closing .eyebrow,.closing p{color:#063e35}.closing h2{font-size:clamp(42px,5vw,70px);max-width:750px;margin:20px auto}.closing .button{background:#062624;color:#edf6f7}.closing>p{max-width:580px;margin:20px auto}footer{padding:25px 6% 40px;display:flex;justify-content:space-between;align-items:center;gap:20px}footer p,footer>span{font-size:10px;color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}@keyframes breathe{50%{transform:rotate(3deg)}}.paused .athlete{animation-play-state:paused}@media(prefers-reduced-motion:reduce){*,html{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media(max-width:800px){header{height:80px}nav{display:none}section{padding:60px 6%}.hero{grid-template-columns:1fr;gap:15px;padding-top:35px}h1{letter-spacing:-3.5px;font-size:70px}.visual{margin:10px 10px 35px 0}.stage{height:300px}.floating{right:-10px}.hero-foot{font-size:8px;gap:20px;line-height:1.7}.steps,.uses{grid-template-columns:1fr;gap:20px}.steps{margin-top:30px}.steps h3{margin:15px 0}.product,.faq{grid-template-columns:1fr;gap:35px}.product-image{order:2}.statement{margin:10px auto}.closing{padding:45px 6%;margin-bottom:30px}footer{flex-wrap:wrap}footer p{width:100%;order:3}}

/* Brand assets and documented interface captures */
.brand{display:inline-flex;align-items:center;background:#f0f7f8;border-radius:7px;padding:5px 13px;line-height:0}.brand img{width:180px;height:auto;display:block}.product-hero{transform:none;overflow:visible;margin-top:70px}.hero-shot{display:block;width:100%;height:auto}.product-hero .screen-bottom{font-size:10px;line-height:1.6}.product-hero .floating{bottom:-35px;right:20px;transform:none;background:#00c896;color:#062624}.floating small{color:#124b42}.hero-copy h1{font-size:clamp(60px,6.7vw,96px)}.product-image{padding:15px}.gallery-section{border-top:1px solid var(--line);background:#0b1620}.gallery-section .section-heading>p:last-child{max-width:680px;font-size:14px}.media-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.media-gallery figure{margin:0;background:#101c27;border:1px solid #2c414f;border-radius:8px;overflow:hidden}.media-gallery img{display:block;width:100%;aspect-ratio:5/3;object-fit:contain;background:#080d12}.media-gallery figcaption{padding:20px}.media-gallery strong{display:block;font-size:16px;margin-bottom:10px}.media-gallery figcaption span{display:block;color:var(--muted);font-size:12px;line-height:1.7}.closing .button:hover{background:#103d40}@media(max-width:800px){.brand img{width:145px}.product-hero{margin-top:10px;margin-bottom:45px}.media-gallery{grid-template-columns:1fr}.hero-copy h1{font-size:70px}.screen-top{padding:14px}}

/* Audit: navigation, readability, conversion and screenshot access */
[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:16px;z-index:20;background:#fff;color:#062624;padding:14px}.skip-link:focus{top:12px}.product-definition{font-size:19px;color:#edf6f7;line-height:1.45;max-width:410px;margin:22px 0 0}.hero-copy h1{font-size:clamp(58px,6vw,85px);margin:18px 0;letter-spacing:-4px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:25px}.hero-actions .button{margin:0}.text-link{font-size:13px;color:#90e8d5;padding:12px 0;display:inline-flex;gap:12px;text-decoration:underline;text-underline-offset:5px}.availability{display:inline-block;background:#062624;color:#e7f2f4;padding:13px 20px;border-radius:30px;font-size:14px;margin:10px 0}.closing .micro{font-size:13px;max-width:500px}.closing .eyebrow{color:#063e35}.image-zoom{padding:0;border:0;background:transparent;display:block;width:100%;cursor:zoom-in;color:inherit}.image-zoom:focus-visible{outline:3px solid #00c896;outline-offset:4px}.image-zoom img{max-width:100%;height:auto}.hero-foot a{padding:5px 0;color:#adc3cf}.product-hero .screen-bottom{padding-bottom:40px}.micro{font-size:12px}.eyebrow{line-height:1.7}.brand img{height:auto}summary{min-height:44px;display:list-item;padding-right:12px}details[open] summary{color:#90e8d5}dialog{border:1px solid #41515d;border-radius:12px;background:#101c27;color:#edf6f7;padding:20px;max-width:min(1100px,94vw);max-height:92vh}dialog::backdrop{background:#000c}dialog>img{display:block;max-width:100%;max-height:72vh;object-fit:contain;margin:auto}dialog>button{display:block;margin:0 0 16px auto;background:#123139;color:#edf6f7;border:1px solid #41515d;border-radius:6px;min-height:44px;padding:10px 16px}dialog p{font-size:13px;margin-bottom:0}header .languages button{min-width:44px;min-height:44px}footer>span{font-size:12px}@media(max-width:800px){header{height:auto;min-height:82px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap;gap:10px}nav{display:flex;order:3;width:100%;justify-content:center;gap:25px;border-top:1px solid #2c414f;padding-top:8px}nav a{padding:10px 0;font-size:12px}.hero-copy h1{font-size:64px;letter-spacing:-3px}.product-definition{font-size:17px}.hero-actions{gap:12px 22px}.hero-foot{align-items:center}.product-hero .floating{right:10px;max-width:calc(100% - 20px)}.product-hero .screen-bottom{font-size:9px}.media-gallery img{aspect-ratio:auto}h2{overflow-wrap:break-word}.closing{margin-left:4%;margin-right:4%}}

/* VideoLoopCam wordmark */
.brand{background:transparent;padding:0;gap:9px;color:#edf6f7;letter-spacing:-1px;line-height:1;white-space:nowrap}.brand-symbol{display:inline-grid;place-items:center;border:1px solid #00c896;border-radius:11px;width:43px;height:43px;color:#00c896;font-family:system-ui;font-size:38px;font-weight:400;letter-spacing:0}.brand .brand-name{font-weight:600;font-size:25px}.brand .brand-name>span{font-weight:600;color:#00c896}.screen-top>span:first-child{font-size:10px}@media(max-width:800px){.brand{gap:6px}.brand-symbol{width:32px;height:32px;font-size:29px;border-radius:8px}.brand .brand-name{font-size:20px}.languages{gap:0}header{padding-left:5%;padding-right:5%}}

/* Public mobile audit: compact first screen and durable language links */
.language-pages{display:flex;gap:16px;font-size:12px;color:#adc3cf}.language-pages a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}nav a{min-height:44px;display:inline-flex;align-items:center}.hero>*,.product>*,.faq>*{min-width:0}.hero-shot{aspect-ratio:5/3;object-fit:contain}dialog{overscroll-behavior:contain}body:has(dialog[open]){overflow:hidden}@media(max-width:420px){header{gap:6px}.brand .brand-name{font-size:18px}.brand-symbol{width:29px;height:29px;font-size:25px}.languages button{padding:5px;min-width:36px!important}nav{padding-top:0;gap:22px}.hero{padding-top:24px}.hero .eyebrow{margin-top:0;font-size:10px;letter-spacing:1.4px}.product-definition{font-size:15px;margin-top:14px}.hero-copy h1{font-size:53px;margin:14px 0;letter-spacing:-2.5px}.intro{font-size:15px;line-height:1.6}.hero-actions{gap:8px 18px;margin-top:18px}.hero-actions .button{padding:15px 20px}.hero-foot{font-size:8px;letter-spacing:.7px}.hero-foot>a{white-space:nowrap}.screen-top{font-size:9px;gap:8px}.screen-top>span{min-width:0}.floating{padding:12px 15px}.closing h2{font-size:38px}footer{gap:10px}}