.main-nav a.active { color: var(--red); }
.tracker-hero { position: relative; overflow: hidden; padding: 82px 0 74px; background: radial-gradient(circle at 77% 44%, rgba(227,29,43,.19), transparent 30%), linear-gradient(145deg,#08090a 0%,#111318 56%,#0b0c0e 100%); }
.tracker-hero-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(300px,.82fr); align-items:center; gap:76px; }
.tracker-hero-copy h1 { margin:10px 0 18px; font-size:clamp(3rem,7vw,5.6rem); line-height:.99; letter-spacing:-.055em; }
.tracker-hero-copy h1 span,.tracker-section-heading h2 span,.tracker-privacy-band h2 span,.tracker-final-cta h2 span { color:var(--red); }
.tracker-lead { margin:0 0 12px; font-size:1.32rem; font-weight:700; }
.tracker-intro { max-width:620px; color:var(--muted); font-size:1.08rem; }
.tracker-downloads { margin-top:28px; max-width:440px; }
.tracker-download-btn { display:inline-flex; align-items:center; gap:16px; min-height:74px; padding:14px 23px; border-radius:8px; box-shadow:0 14px 38px rgba(227,29,43,.18); }
.download-mark { display:grid; place-items:center; width:40px; height:40px; border:1px solid rgba(0,0,0,.25); border-radius:50%; font-size:1.6rem; font-weight:900; line-height:1; }
.tracker-download-btn strong,.tracker-download-btn small { display:block; text-align:left; }
.tracker-download-btn strong { font-size:1.04rem; }
.tracker-download-btn small { margin-top:2px; color:rgba(30,0,0,.78); font-size:.8rem; font-weight:700; }
.download-note { margin:12px 0 0; color:#9298a2; font-size:.8rem; line-height:1.55; }
.download-note code,.final-download-note code { color:#d9dce0; font-family:Consolas,monospace; }
.tracker-trust { margin-top:22px; color:#d6d8dc; font-size:.86rem; }
.tracker-trust span { color:var(--red); }
.tracker-trust i { padding:0 7px; color:#626771; font-style:normal; }
.tracker-hero-visual { position:relative; display:grid; justify-items:center; padding:18px 0 30px; }
.tracker-glow { position:absolute; inset:8% -15%; background:radial-gradient(ellipse,rgba(227,29,43,.28),transparent 68%); filter:blur(18px); }
.phone-frame { position:relative; width:min(100%,330px); padding:8px; overflow:hidden; border:1px solid rgba(255,255,255,.26); border-radius:34px; background:#070809; box-shadow:0 32px 78px rgba(0,0,0,.63),0 0 0 5px rgba(255,255,255,.035); }
.phone-frame img { display:block; width:100%; height:auto; border-radius:27px; }
.phone-caption { position:absolute; right:0; bottom:0; display:flex; align-items:center; gap:9px; padding:11px 15px; border:1px solid rgba(255,255,255,.12); border-radius:30px; background:rgba(17,19,24,.94); color:#d3d6dc; font-size:.69rem; font-weight:800; letter-spacing:.16em; }
.live-dot { width:8px; height:8px; border-radius:50%; background:#4adb89; box-shadow:0 0 12px #4adb89; }
.tracker-proof-strip { border-block:1px solid var(--line); background:#101216; }
.proof-grid { display:grid; grid-template-columns:repeat(4,1fr); padding:23px 0; }
.proof-grid div { display:grid; justify-items:center; gap:1px; border-right:1px solid var(--line); }
.proof-grid div:last-child { border:0; }
.proof-grid strong { color:#fff; font-size:1.15rem; }
.proof-grid span { color:#9298a2; font-size:.66rem; font-weight:800; letter-spacing:.16em; }
.tracker-features { background:#0c0d0f; }
.tracker-section-heading { align-items:end; margin-bottom:34px; }
.tracker-section-heading h2 { margin:6px 0 0; }
.tracker-section-heading > p { max-width:390px; margin:0; color:var(--muted); }
.tracker-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.tracker-feature { min-height:205px; padding:25px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(145deg,#191c21,#121418); }
.feature-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:10px; background:rgba(227,29,43,.12); color:#ff3444; font-size:1.45rem; font-weight:800; }
.tracker-feature h3 { margin:15px 0 5px; font-size:1.12rem; }
.tracker-feature p { margin:0; color:var(--muted); font-size:.94rem; }
.tracker-screens-section { background:#111318; }
.tracker-gallery { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:19px; }
.tracker-shot { min-width:0; margin:0; padding:9px; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:15px; background:#1a1d22; }
.tracker-shot img { display:block; width:100%; aspect-ratio:9/17.5; object-fit:cover; object-position:top; border-radius:9px; background:#0b0c0e; }
.tracker-shot figcaption { display:grid; gap:2px; padding:12px 5px 4px; }
.tracker-shot figcaption strong { font-size:.9rem; }
.tracker-shot figcaption span { color:#9da3ad; font-size:.76rem; }
.tracker-privacy-band { padding:65px 0; border-block:1px solid rgba(227,29,43,.2); background:linear-gradient(100deg,rgba(227,29,43,.1),transparent 68%),#0d0e10; }
.privacy-band-inner { display:grid; grid-template-columns:84px minmax(0,1fr) auto; align-items:center; gap:28px; }
.privacy-symbol { display:grid; place-items:center; width:76px; height:76px; border:1px solid rgba(227,29,43,.4); border-radius:22px; background:rgba(227,29,43,.1); color:#ff3141; font-size:2.5rem; }
.tracker-privacy-band h2 { margin:4px 0 5px; }
.tracker-privacy-band p:not(.section-kicker) { max-width:680px; margin:0; color:var(--muted); }
.export-badges { display:flex; gap:8px; flex-wrap:wrap; justify-content:end; }
.export-badges span { padding:9px 12px; border:1px solid rgba(255,255,255,.14); border-radius:6px; color:#e8e9ec; font-size:.72rem; font-weight:800; letter-spacing:.08em; }
.tracker-final-cta { padding:76px 0 82px; text-align:center; background:radial-gradient(ellipse at 50% 100%,rgba(227,29,43,.18),transparent 56%),#101216; }
.final-cta-inner { display:grid; justify-items:center; }
.tracker-final-cta h2 { margin:4px 0 8px; font-size:clamp(2rem,5vw,3.3rem); line-height:1.1; }
.tracker-final-cta p:not(.section-kicker) { margin:0 0 24px; color:var(--muted); }
.final-download-note { margin-top:14px; color:#969ca6; font-size:.78rem; }
.tracker-teaser { overflow:hidden; background:linear-gradient(110deg,#101216,#16191e 55%,#111318); }
.tracker-teaser-grid { display:grid; grid-template-columns:minmax(0,1fr) 260px; align-items:center; gap:75px; }
.tracker-teaser-copy h2 { max-width:540px; }
.tracker-teaser-copy .large-copy { max-width:650px; color:var(--muted); }
.tracker-teaser-screen { display:block; width:210px; max-height:330px; justify-self:center; overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:19px; background:#08090a; box-shadow:0 20px 48px rgba(0,0,0,.45); transform:rotate(3deg); }
.tracker-teaser-screen img { display:block; width:100%; }
@media (max-width:980px) { .tracker-hero-grid { gap:35px; }.tracker-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); }.tracker-feature-grid { grid-template-columns:repeat(2,1fr); }.tracker-teaser-grid { gap:30px; } }
@media (max-width:700px) { .tracker-hero { padding:55px 0 55px; }.tracker-hero-grid { grid-template-columns:1fr; gap:30px; }.tracker-hero-copy h1 { font-size:clamp(2.9rem,13vw,4.6rem); }.tracker-hero-visual { padding-top:0; }.phone-frame { width:min(74vw,300px); }.tracker-proof-strip .container { width:100%; }.proof-grid { grid-template-columns:repeat(2,1fr); row-gap:17px; }.proof-grid div:nth-child(2) { border-right:0; }.tracker-section-heading { align-items:start; gap:10px; flex-direction:column; }.tracker-feature-grid { grid-template-columns:1fr; }.tracker-feature { min-height:0; }.tracker-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.tracker-shot { padding:6px; border-radius:11px; }.tracker-shot figcaption { padding:9px 3px 3px; }.tracker-shot figcaption strong { font-size:.8rem; }.tracker-shot figcaption span { font-size:.68rem; }.privacy-band-inner { grid-template-columns:60px minmax(0,1fr); gap:16px; }.privacy-symbol { width:58px; height:58px; border-radius:16px; font-size:1.9rem; }.export-badges { grid-column:2; justify-content:start; }.tracker-teaser-grid { grid-template-columns:1fr 140px; gap:16px; }.tracker-teaser-screen { width:125px; max-height:230px; }.tracker-teaser-copy .large-copy { font-size:.96rem; }.tracker-teaser-copy .btn { padding:10px 13px; font-size:.86rem; }.tracker-teaser-copy h2 { font-size:1.8rem; } }