:root{--ink:#07130f;--paper:#f5f0e6;--lime:#c9ff28;--green:#0f7a50;--red:#ff3b2f;--muted:#607068}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);background:#07130ff2;color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff1c;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:800;letter-spacing:.04em;font-size:21px}.brand small{display:block;font:600 9px Inter,sans-serif;letter-spacing:.23em;color:#a8b6af;margin-top:1px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-size:20px;transform:rotate(-3deg);box-shadow:5px 5px 0 #16855a}.site-header nav{display:flex;gap:28px;align-items:center}.site-header nav a{color:#d7e2dc;text-decoration:none;font-weight:700;font-size:13px}.site-header nav a:hover{color:var(--lime)}.nav-login{border:1px solid #ffffff44;padding:11px 18px;border-radius:2px}.hero{min-height:760px;position:relative;overflow:hidden;background:#081710;color:#fff;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;padding:clamp(70px,8vw,120px) clamp(24px,7vw,110px);align-items:center}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,#000,transparent)}.spray{position:absolute;border-radius:50%;filter:blur(2px)}.spray-one{width:550px;height:550px;background:#1e9e6855;right:-140px;top:-150px;box-shadow:0 0 100px #1e9e6844}.spray-two{width:250px;height:250px;background:#c9ff281f;left:42%;bottom:-170px}.hero-copy,.hero-visual{position:relative;z-index:2}.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.15em;font-size:11px;color:#b8c6bf;display:flex;align-items:center;gap:10px}.eyebrow span{display:inline-block;width:34px;height:3px;background:var(--lime)}.eyebrow.dark{color:var(--green)}.hero h1{font:800 clamp(72px,9vw,142px)/.76 'Barlow Condensed',sans-serif;letter-spacing:-.035em;margin:24px 0 34px;text-transform:uppercase}.hero h1 em{font-style:normal;color:var(--lime);text-shadow:6px 6px 0 #0c6b46}.hero-intro{font-size:clamp(16px,1.6vw,21px);line-height:1.65;color:#c9d4ce;max-width:690px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 25px;border:0;border-radius:2px;text-decoration:none;font-weight:800;font-family:inherit;cursor:pointer}.button.primary{background:var(--lime);color:var(--ink);box-shadow:6px 6px 0 #16784f}.button.primary:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #16784f}.button.ghost{border:1px solid #ffffff4d;color:#fff}.button.full{width:100%;margin-top:6px}.hero-stats{display:flex;gap:32px;margin-top:48px;padding-top:25px;border-top:1px solid #ffffff1f}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font:700 26px 'Barlow Condensed',sans-serif;color:#fff}.hero-stats span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#829089;margin-top:4px}.hero-visual{min-height:590px}.phone{position:absolute;width:min(340px,70%);height:600px;right:10%;top:0;background:#131b17;border:8px solid #26332d;border-radius:34px;overflow:hidden;box-shadow:35px 40px 0 #0005,0 0 0 2px #54635c;transform:rotate(3deg)}.phone-top{height:58px;display:flex;align-items:center;justify-content:center;gap:8px;font:700 14px 'Barlow Condensed';letter-spacing:.06em}.phone-top span{width:8px;height:8px;border-radius:50%;background:var(--lime)}.phone-top b{color:var(--lime)}.camera-scene{height:430px;position:relative;overflow:hidden;background:linear-gradient(155deg,#b8b6a9 0 36%,#86877d 36% 39%,#cac3ad 39%);}.wall-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 64px,#65665e 65px 67px);opacity:.35}.graffiti-word{position:absolute;left:22px;top:165px;font:800 84px 'Barlow Condensed';font-style:italic;transform:rotate(-12deg);color:#143b30;text-shadow:3px 3px 0 #d5ff42}.target-box{position:absolute;inset:100px 34px 70px;border:6px solid var(--red)}.phone-controls{height:100px;display:flex;align-items:center;justify-content:space-around;font-size:9px;color:var(--lime);letter-spacing:.12em}.phone-controls button{background:var(--red);color:#fff;border:0;padding:16px 23px;font-weight:800}.map-card{position:absolute;width:250px;height:225px;left:0;bottom:2px;background:#e9e2cf;color:var(--ink);box-shadow:18px 20px 0 #0006;transform:rotate(-4deg);overflow:hidden;border:5px solid #fff}.map-label{position:absolute;z-index:2;left:12px;top:12px;background:var(--ink);color:#fff;padding:7px 10px;font:700 10px Inter;letter-spacing:.11em}.map-lines{position:absolute;inset:0;background-image:linear-gradient(#16784f20 1px,transparent 1px),linear-gradient(90deg,#16784f20 1px,transparent 1px);background-size:27px 27px}.map-road{position:absolute;background:#fff;width:320px;height:22px}.road-a{transform:rotate(28deg);left:-40px;top:112px}.road-b{transform:rotate(-40deg);left:10px;top:74px}.pin{position:absolute;left:142px;top:92px;width:30px;height:38px;border-radius:50% 50% 50% 0;background:var(--red);transform:rotate(-45deg);box-shadow:0 3px 8px #0005}.pin i{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;left:10px;top:9px}.map-card p{position:absolute;bottom:7px;left:12px;font:700 10px/1.5 Inter}.process{padding:100px clamp(24px,7vw,110px)}.section-heading{max-width:800px}.section-heading h2,.tracker h2,.login-message h2{font:800 clamp(48px,6vw,86px)/.9 'Barlow Condensed';text-transform:uppercase;margin:18px 0}.section-heading>p:last-child{font-size:18px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid #b6beb8}.steps article{position:relative;padding:42px 26px 22px;border-right:1px solid #b6beb8}.steps article:first-child{border-left:1px solid #b6beb8}.steps article>b{position:absolute;top:-17px;left:20px;background:var(--paper);padding:5px 9px;color:var(--green);font:800 17px 'Barlow Condensed'}.step-icon{font-size:40px;color:var(--green)}.steps h3{font:800 29px 'Barlow Condensed';text-transform:uppercase;margin:18px 0 8px}.steps p{color:var(--muted);line-height:1.65;font-size:14px}.tracker{background:#0d2d22;color:#fff;padding:90px clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.tracker-art{height:440px;position:relative;background:#173d31;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:40px 40px;border:1px solid #ffffff20;overflow:hidden}.route{position:absolute;width:370px;height:250px;border:9px dashed var(--lime);border-left-color:transparent;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-20deg)}.route-dot{position:absolute;width:24px;height:24px;border:6px solid #fff;border-radius:50%;background:var(--red);box-shadow:0 0 0 8px #ff3b2f33}.route-dot.one{left:20%;top:65%}.route-dot.two{left:42%;top:24%}.route-dot.three{left:70%;top:49%}.route-dot.four{left:76%;top:74%}.tracker-chip{position:absolute;bottom:22px;left:22px;background:var(--lime);color:var(--ink);padding:13px 17px;font:800 13px Inter;box-shadow:6px 6px 0 #0006}.tracker-copy>p{color:#cbd8d1;line-height:1.7}.tracker-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0;list-style:none;margin-top:28px}.tracker-copy li{border-top:1px solid #ffffff2b;padding-top:13px;font-size:13px;font-weight:700}.tracker-copy li:before{content:'✓';color:var(--lime);margin-right:8px}.login-section{padding:110px clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr minmax(320px,470px);gap:10vw;align-items:center}.login-message>p{color:var(--muted);line-height:1.7}.privacy-note{margin-top:28px;padding:20px;border-left:5px solid var(--lime);background:#e8e4d9;color:var(--muted);line-height:1.55}.privacy-note b{color:var(--ink)}.auth-card{background:#fff;padding:clamp(25px,4vw,46px);box-shadow:14px 16px 0 #0d2d22;border:1px solid #cdd3ce}.auth-card h3{font:800 38px 'Barlow Condensed';text-transform:uppercase;margin:0 0 8px}.auth-card>p{color:var(--muted);line-height:1.6}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #cdd3ce;margin-bottom:28px}.auth-tabs button{border:0;background:transparent;padding:15px 6px;font-weight:800;color:#79857f;cursor:pointer}.auth-tabs button.active{color:var(--ink);border-bottom:4px solid var(--green)}.auth-panel{display:none}.auth-panel.active{display:block}.auth-panel label{display:block;font-size:12px;font-weight:800;margin:18px 0}.auth-panel label small{font-weight:500;color:var(--muted);float:right}.auth-panel input{display:block;width:100%;margin-top:8px;border:1px solid #b8c1bb;background:#faf9f5;padding:14px 13px;font:inherit;border-radius:0}.auth-panel input:focus{outline:3px solid #c9ff2866;border-color:var(--green)}.flash{padding:13px;margin-bottom:18px;font-size:13px;font-weight:700}.flash.error{background:#ffe0dc;color:#8e2019}.flash.success{background:#ddf5e7;color:#135b3b}.text-link{display:block;text-align:center;color:var(--green);margin-top:18px;font-weight:700;font-size:13px}footer{background:var(--ink);color:#94a39b;padding:40px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center;font-size:11px}footer .brand{color:#fff}@media(max-width:950px){.hero{grid-template-columns:1fr;padding-bottom:80px}.hero-visual{min-height:630px}.phone{right:8%}.steps{grid-template-columns:1fr 1fr}.tracker,.login-section{grid-template-columns:1fr}.tracker-art{order:2}.site-header nav a:not(.nav-login){display:none}footer{grid-template-columns:1fr}}@media(max-width:600px){.site-header{height:70px}.brand{font-size:17px}.brand-mark{width:36px;height:36px}.hero{padding-top:55px}.hero h1{font-size:76px}.hero-stats{gap:18px}.hero-visual{min-height:540px}.phone{width:290px;height:530px;right:0}.camera-scene{height:375px}.map-card{width:200px;height:180px}.steps{grid-template-columns:1fr}.steps article,.steps article:first-child{border-left:1px solid #b6beb8}.tracker-art{height:330px}.route{width:260px;height:190px}.tracker-copy ul{grid-template-columns:1fr}.login-section{padding-top:75px}.auth-card{box-shadow:8px 9px 0 #0d2d22}}
