:root{color-scheme:dark;--bg:#041d29;--panel:#0b2a37;--text:#f5f8fa;--muted:#b6cad4;--line:#254753;--accent:#36d9e6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(ellipse at top right,#0b3541 0,transparent 60%),var(--bg)}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid white;outline-offset:5px}img{display:block}.shell{width:min(1280px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-100px;z-index:10;background:white;color:#041d29;padding:12px}.skip-link:focus{top:10px}.topbar{border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:88px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:32px;text-decoration:none;flex-shrink:0}.nav-actions{display:flex;align-items:center;gap:26px}.login{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:14px}.login:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:14px 23px;background:var(--accent);color:#00212b;border:2px solid var(--accent);border-radius:8px;font-size:15px;font-weight:750;text-decoration:none;text-align:center}.button:hover{background:#90eef3}.button.small{min-height:44px;padding:10px 18px;font-size:13px}.intro{padding-top:42px;padding-bottom:30px;text-align:center}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2.5px;color:var(--accent);font-weight:700;margin:0 0 16px}h1{font-size:clamp(32px,3.8vw,50px);line-height:1.14;letter-spacing:-1.4px;margin:0}h2{font-size:27px;line-height:1.25;letter-spacing:-.6px;margin:0 0 22px}.lead{font-size:17px;line-height:1.6;color:#d0dfe6;max-width:720px;margin:20px auto 0}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-bottom:16px}.section-heading h2{font-size:20px;margin:0}.section-heading>span{font-size:12px;color:var(--muted)}.recording-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.recording-card{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow:hidden;text-decoration:none}.recording-card:hover{border-color:var(--accent)}.card-copy{display:flex;flex-direction:column;flex:1;padding:18px 15px}.card-copy strong{font-size:20px;line-height:1.3;letter-spacing:-.3px}.card-description{font-size:14px;color:var(--muted);line-height:1.5;margin:10px 0 20px}.card-action{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:12px;font-weight:600;color:var(--accent);min-height:44px}.card-action>span{font-size:20px}.photo{display:block;position:relative;overflow:hidden;isolation:isolate;aspect-ratio:1.5;width:100%;background:#153542}.photo img{position:absolute;max-width:none;width:var(--width);height:auto;left:var(--left);top:var(--top)}.photo-police{--width:368.282%;--left:-1.762%;--top:-2.365%}.photo-unsafe{--width:231.9%;--left:-65.603%;--top:-16%}.photo-exchange{--width:370.732%;--left:-268.514%;--top:-2.365%}.photo-dashcam{--width:394.34%;--left:-288.91%;--top:-110.6%}.recording-note{font-size:13px;color:var(--muted);line-height:1.6;text-align:center;margin:18px 0 6px}.recording-note a{color:var(--text)}.image-note{font-size:11px;color:var(--muted);text-align:center;margin:0 0 28px;line-height:1.5}.section-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.how{padding:30px 0;background:#062330}.how h2{font-size:25px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;margin:0;padding:0}.steps li{display:flex;gap:14px;align-items:flex-start}.step-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border:1px solid #347582;border-radius:50%;color:var(--accent);font-size:12px;font-weight:700}.steps h3{font-size:17px;margin:4px 0 8px;line-height:1.3}.steps p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.timing-note{font-size:11px;line-height:1.6;color:var(--muted);margin:22px 0 0}.support{padding-block:30px}.support h2{font-size:25px}.support-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.support-link{display:flex;align-items:center;gap:12px;min-height:68px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-size:14px;font-weight:600}.support-link:hover{background:var(--panel);border-color:var(--accent)}.support-icon{font-size:24px;color:var(--accent);min-width:26px;text-align:center}.arrow{margin-left:auto;color:var(--accent)}.prepare{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:26px 30px;margin-bottom:36px}.prepare h2{font-size:26px;margin-bottom:10px}.prepare p{font-size:15px;color:var(--muted);line-height:1.6;margin:0 0 12px;max-width:650px}.prepare .button{flex-shrink:0}.learn{font-size:13px;color:var(--accent)}footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:11px;line-height:1.7}footer .shell{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:26px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:12px}.footer-links a:hover{text-decoration:underline}footer .shell>div:last-child{width:100%}
@media(max-width:1000px){.recording-grid,.support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo{aspect-ratio:1.8}.photo-police{--top:-3%}.photo-unsafe{--top:-23%}.photo-exchange{--top:-3%}.photo-dashcam{--top:-132.72%}.steps{gap:18px}.prepare{padding:24px}.card-description{margin-bottom:16px}}
@media(max-width:600px){.shell{width:calc(100% - 32px)}.topbar-inner{min-height:78px;gap:8px}.brand{font-size:26px;gap:7px}.brand .lukhoo-logo-mark{width:32px;height:32px}.nav-actions{gap:12px}.login{font-size:12px}.button.small{font-size:12px;padding:9px 11px;min-height:42px}.intro{padding-top:30px;padding-bottom:26px;text-align:left}h1{font-size:clamp(29px,7.8vw,41px);letter-spacing:-.7px}.lead{font-size:15px;line-height:1.6;margin-top:16px}.eyebrow{font-size:10px;letter-spacing:1.8px}.section-heading{display:block;margin-bottom:14px}.section-heading h2{font-size:19px}.section-heading>span{display:none}.recording-grid{gap:12px}.photo{aspect-ratio:1.5}.photo-police{--top:-2.365%}.photo-unsafe{--top:-16%}.photo-exchange{--top:-2.365%}.photo-dashcam{--top:-110.6%}.card-copy{padding:13px 11px}.card-copy strong{font-size:17px;line-height:1.3}.card-description{font-size:13px;line-height:1.5;margin:8px 0 12px}.card-action{font-size:11px;line-height:1.5;padding-top:10px}.recording-note{text-align:left;font-size:12px}.image-note{text-align:left;font-size:10px}.how{padding:26px 0}.how h2,.support h2{font-size:25px}.steps{grid-template-columns:1fr;gap:22px}.steps h3{font-size:17px}.steps p{font-size:14px}.timing-note{font-size:11px}.support{padding-block:26px}.support-grid{gap:10px}.support-link{padding:12px 10px;font-size:13px;gap:8px;min-height:76px}.support-icon{font-size:21px;min-width:20px}.prepare{flex-direction:column;align-items:stretch;gap:20px;padding:22px 18px;margin-bottom:26px}.prepare h2{font-size:25px}.prepare p{font-size:14px}footer .shell{justify-content:center;text-align:center}.footer-links{justify-content:center;gap:8px 18px}footer .shell>div:last-child{text-align:center}}
@media(max-width:360px){.brand{font-size:22px}.brand .lukhoo-logo-mark{width:28px;height:28px}.nav-actions{gap:8px}.button.small{font-size:11px;padding:8px}.login{font-size:11px}.card-copy{padding:11px 9px}.card-copy strong{font-size:15px}.support-link{font-size:12px}}