@font-face{font-family:satoshi;src:url(../media/Satoshi_Regular-s.p.0xf6l9b8zzkzm.woff)format("woff");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:satoshi;src:url(../media/Satoshi_Medium-s.p.0w8v4cn.hv82p.woff)format("woff");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:satoshi;src:url(../media/Satoshi_Bold-s.p.15wa.g6sx3nph.woff)format("woff");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:satoshi;src:url(../media/Satoshi_Black-s.p.05~ll4mt70dub.woff)format("woff");font-display:swap;font-weight:900;font-style:normal}@font-face{font-family:satoshi Fallback;src:local(Arial);ascent-override:102.23%;descent-override:24.29%;line-gap-override:10.12%;size-adjust:98.8%}.satoshi_cd239e16-module__A3_Wxq__className{font-family:satoshi,satoshi Fallback}.satoshi_cd239e16-module__A3_Wxq__variable{--font-satoshi:"satoshi", "satoshi Fallback"}
:root{--brand-name:"trakking";--ck-primary:#1f8a9b;--ck-primary-ink:#fff;--ck-secondary:#2e496a;--ck-tertiary:#3c9e5d;--ck-surface:#fff;--ck-surface-low:#f4f8f6;--ck-text:#10212d;--ck-text-muted:#425564;--ck-outline:#c1ccd4;--ink-soft:#71808d;--navy:#10212d;--lime:#76c13b;--cyan:#1f8a9b;--amber:#d99a2b;--danger:#d85b52;--panel:#f7faf8;--shadow:0 24px 60px -42px #10212d7a;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-out:cubic-bezier(.4, 0, 1, 1);--content-max:80rem}*{box-sizing:border-box}html{scroll-behavior:smooth;margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-satoshi), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ck-text);background:var(--ck-surface);margin:0;padding:0;overflow-x:hidden}a{color:inherit}.page{width:100%;min-height:100vh;overflow:hidden}.landing-unified-bg{background-color:#fff;background-image:radial-gradient(78% 46% at 8% 0,#1f8a9b0f,#0000 66%),radial-gradient(74% 44% at 88% 100%,#3c9e5d09,#0000 72%),linear-gradient(#fff 0% 58%,#f7fbfa 100%);background-repeat:no-repeat;background-size:100% 100%}.lp-card{border:1px solid var(--ck-outline);background:var(--ck-surface);border-radius:12px;box-shadow:0 8px 30px -22px #10212d47}::selection{color:var(--ck-text);background:#1f8a9b33}.lp-section,.lp-section-muted{background:0 0}.page:not(.landing-unified-bg){background:linear-gradient(to bottom, #fff 0%, #fff 50%, #f6faf7 100%), var(--ck-surface)}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}.topbar{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc2;border-bottom:1px solid #c1ccd4c7;transition:background-color .3s,border-color .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 10px 30px -28px #10212d52}.topbar-scrolled{background:#ffffffeb;border-color:#c1ccd4e6;box-shadow:0 16px 38px -30px #10212d6b}.topbar-inner{min-width:0;min-height:64px;transition:min-height .3s var(--ease-spring);justify-content:space-between;align-items:center;gap:18px;display:flex}.topbar-scrolled .topbar-inner{min-height:56px}.brand{min-height:44px;color:var(--navy);letter-spacing:0;white-space:nowrap;align-items:center;gap:0;text-decoration:none;display:inline-flex}.brand-logo{color:var(--navy);transition:opacity .2s}.brand:hover .brand-logo{opacity:.8}.nav-links{color:var(--ck-text-muted);align-items:center;gap:24px;font-size:14px;font-weight:700;display:none}.nav-links a,.nav-actions a,.mobile-menu a{text-decoration:none}.nav-link{color:var(--ck-text-muted);padding:8px 0;transition:color .2s;position:relative}.nav-link:hover,.nav-link-active{color:var(--ck-text)}.nav-link-indicator{background:var(--ck-primary);border-radius:999px;height:2px;position:absolute;bottom:0;left:0}.nav-actions{align-items:center;gap:10px;min-width:0;display:flex}.button,.btn-primary,.btn-outline-pill{letter-spacing:0;text-align:center;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:.75rem 1.25rem;font-size:14px;font-weight:700;line-height:1;text-decoration:none;transition:transform .18s,border-color .18s,background-color .2s,box-shadow .18s;display:inline-flex}.button:hover,.btn-primary:hover,.btn-outline-pill:hover{transform:translateY(-1px)}.button-primary,.btn-primary{border:1px solid var(--ck-primary);color:var(--ck-primary-ink);background:var(--ck-primary);box-shadow:0 8px 24px -14px #1f8a9b9e}.btn-primary:hover,.button-primary:hover{background:#187988;box-shadow:0 12px 30px -14px #1f8a9bad}.btn-primary:active,.button-primary:active,.btn-outline-pill:active,.button-secondary:active{transform:scale(.98)}.button-secondary,.button-ghost,.btn-outline-pill{border:1px solid var(--ck-outline);color:var(--ck-secondary);background:#ffffffeb}.button-secondary:hover,.button-ghost:hover,.btn-outline-pill:hover{color:var(--ck-primary);background:#1f8a9b0f;border-color:#1f8a9b70}.btn-primary:focus-visible,.btn-outline-pill:focus-visible,.mobile-menu-button:focus-visible,.faq-item button:focus-visible{outline-offset:3px;outline:2px solid #1f8a9b73}.nav-cta{min-height:42px;padding:.72rem 1.15rem}.nav-suite{min-height:42px;padding:.72rem 1rem}.mobile-menu-button{width:52px;height:44px;color:var(--ck-text);text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;font-size:12px;font-weight:700;display:none}.mobile-menu-button:hover{background:#1f8a9b14}.mobile-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffffa;border-top:1px solid #c1ccd4b3;overflow:hidden}.mobile-menu-inner{flex-direction:column;gap:4px;padding-top:12px;padding-bottom:12px;display:flex}.mobile-menu a{min-height:48px;color:var(--ck-secondary);border-radius:12px;align-items:center;padding:0 14px;font-weight:700;display:flex}.mobile-menu a:hover{color:var(--ck-text);background:#1f8a9b14}.hero{background:0 0;padding:158px 0 88px}.hero-grid{align-items:center;gap:44px;min-width:0;display:grid}.hero-copy{width:100%;min-width:0;max-width:720px}.eyebrow{color:var(--ck-secondary);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:700}h1,h2,h3,p{letter-spacing:0}h1{max-width:760px;color:var(--navy);text-wrap:balance;margin:0;font-size:46px;font-weight:700;line-height:1.04}.hero-subtitle{max-width:650px;color:var(--ck-text-muted);text-wrap:pretty;margin:20px 0 0;font-size:18px;line-height:1.6}.hero-actions,.final-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.trust-line{color:var(--ink-soft);margin:14px 0 0;font-size:13px;font-weight:700}.hero-visual{width:100%;min-width:0;min-height:480px;position:relative}.desktop-map-panel{border:1px solid var(--ck-outline);min-height:420px;box-shadow:var(--shadow);background:#fff;border-radius:18px;position:relative;overflow:hidden}.panel-top,.browser-bar{min-height:48px;color:var(--ck-text-muted);background:#fbfcfd;border-bottom:1px solid #dce4e9;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-size:13px;font-weight:800;display:flex}.panel-top strong{color:var(--ck-primary)}.status-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid;position:absolute;bottom:16px;left:16px;right:16px}.status-strip span,.phone-actions span,.sync-badge{min-height:34px;color:var(--ck-secondary);background:#ffffffeb;border:1px solid #2e496a29;border-radius:10px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.phone-shell{background:#111820;border:8px solid #111820;border-radius:30px;width:210px;position:absolute;bottom:0;right:0;box-shadow:0 28px 60px -34px #10212db8}.phone-screen{background:#fff;border-radius:22px;min-height:390px;padding:13px;overflow:hidden}.phone-status{color:var(--navy);justify-content:space-between;font-size:11px;font-weight:900;display:flex}.phone-card,.driver-panel,.route-list{background:#fff;border:1px solid #dce4e9;border-radius:12px;box-shadow:0 18px 40px -34px #10212d8a}.phone-card{margin-top:12px;padding:12px}.phone-card strong,.phone-card span,.phone-screen p{display:block}.phone-card strong{color:var(--navy);font-size:14px}.phone-card span,.phone-screen p{color:var(--ck-text-muted);font-size:12px;font-weight:700}.phone-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.phone-screen p{margin:14px 0 0}.mini-map{background:linear-gradient(30deg,#2e496a1f 0 2px,#0000 2px 42px),linear-gradient(120deg,#1f8a9b1a 0 2px,#0000 2px 52px),linear-gradient(#eef5f7,#f8fbf8);min-height:300px;position:relative;overflow:hidden}.phone-screen .mini-map{border-radius:8px;min-height:170px;margin-top:12px}.map-grid{background-image:linear-gradient(90deg,#2e496a14 1px,#0000 1px),linear-gradient(#2e496a12 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.map-route{background:var(--cyan);transform-origin:0;height:6px;animation:trakking-route-flow 2.8s var(--ease-spring) infinite;border-radius:999px;position:absolute;box-shadow:0 0 0 1px #1f8a9b14}.route-a{width:54%;top:45%;left:16%;transform:rotate(-16deg)}.route-b{background:var(--lime);width:36%;top:61%;left:48%;transform:rotate(24deg)}.map-pin{color:#fff;background:var(--navy);width:28px;height:28px;animation:trakking-pin-pop 2.8s var(--ease-spring) infinite;border:2px solid #fff;border-radius:999px;place-items:center;font-size:11px;font-weight:900;display:grid;position:absolute;box-shadow:0 12px 20px -14px #10212dcc}.pin-a{top:39%;left:16%}.pin-b{background:var(--ck-primary);animation-delay:.18s;top:30%;left:42%}.pin-c{background:var(--ck-primary);animation-delay:.34s;top:52%;left:66%}.pin-d{background:var(--amber);animation-delay:.5s;top:70%;left:80%}.geofence-zone{background:#d85b5214;border:2px solid #d85b527a;border-radius:999px;width:142px;height:142px;animation:2.4s ease-in-out infinite trakking-geofence-pulse;position:absolute;top:26%;left:55%}.sync-badge{padding:0 12px;animation:1.8s ease-in-out infinite trakking-sync-breathe;position:absolute;top:18px;right:18px}.section{padding:86px 0;position:relative}.section-anchor{width:1px;height:1px;position:absolute;top:-84px}.section-quiet{background:#f8fbf9;border-top:1px solid #c1ccd4b3;border-bottom:1px solid #c1ccd4b3}.section-heading{max-width:720px}.section-heading h2,.upgrade-grid h2,.final-cta h2{color:var(--navy);text-wrap:balance;margin:0;font-size:34px;font-weight:700;line-height:1.12}.outcome-grid,.pricing-grid,.steps{grid-template-columns:1fr;gap:14px;margin-top:30px;display:grid}.outcome-card,.price-card,.steps article{border-radius:12px;padding:20px}.outcome-card h3,.price-card h3,.steps h3,.feature-copy h3{color:var(--navy);margin:0;font-size:20px;font-weight:700;line-height:1.22}.outcome-card p,.price-card p,.steps p,.feature-copy p,.upgrade-grid p,.faq-list p{color:var(--ck-text-muted);margin:10px 0 0;font-size:15px;line-height:1.58}.feature-stack{gap:18px;margin-top:28px;display:grid}.feature-row{border-top:1px solid #c1ccd4c2;align-items:center;gap:24px;min-width:0;padding:28px 0 10px;display:grid;position:relative}.feature-number{color:#2e496a38;font-size:26px;font-weight:900;position:absolute;top:28px;right:0}.feature-copy{max-width:510px;padding-right:60px}.feature-visual{min-width:0}.product-browser,.visual-stage{border:1px solid var(--ck-outline);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.browser-bar{justify-content:flex-start}.browser-bar span{background:#d8dee3;border-radius:999px;width:10px;height:10px}.browser-bar span:first-child{background:#e3736a}.browser-bar span:nth-child(2){background:#e1b652}.browser-bar span:nth-child(3){background:#68bd83}.browser-bar p{color:var(--ck-text-muted);margin:0 auto;font-size:12px}.dashboard-image{width:100%;height:auto;display:block}.visual-stage{min-height:320px;position:relative}.visual-stage .mini-map{min-height:320px}.route-list,.driver-panel{width:min(280px,100% - 36px);padding:16px;position:absolute;bottom:18px;left:18px}.route-list span,.driver-panel span,.steps span,.price-card span,.upgrade-path span{color:var(--ck-secondary);text-transform:uppercase;font-size:12px;font-weight:900}.route-list strong,.driver-panel strong{color:var(--navy);margin-top:4px;font-size:20px;line-height:1.2;display:block}.route-list p,.driver-panel p{color:var(--ck-text-muted);margin:8px 0 0;font-size:13px;line-height:1.45}.visual-mobile{min-height:430px}.visual-mobile .phone-shell{bottom:20px;left:24px;right:auto}.visual-mobile .driver-panel{width:260px;bottom:70px;left:auto;right:22px}.steps article span{margin-bottom:18px;display:inline-block}.upgrade-section{background:#fff}.upgrade-grid{align-items:center;gap:28px;display:grid}.upgrade-grid>div:first-child{max-width:700px}.upgrade-path{gap:12px;display:grid}.upgrade-path div{padding:20px}.upgrade-path strong{color:var(--navy);margin-top:10px;font-size:28px;font-weight:900;display:block}.price-card{flex-direction:column;align-items:flex-start;display:flex}.price-card-featured{border-color:#1f8a9bb8;box-shadow:0 24px 60px -38px #1f8a9b94}.price{color:var(--navy);margin:20px 0 4px;font-size:40px;font-weight:900;line-height:1}.price-card .button,.price-card .btn-primary,.price-card .btn-outline-pill{width:100%;margin-top:22px}.faq-grid{gap:28px;display:grid}.faq-list{gap:10px;display:grid}.faq-item{border:1px solid var(--ck-outline);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px -24px #10212d38}.faq-item button{cursor:pointer;width:100%;min-height:62px;color:var(--navy);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:0 18px;font-family:inherit;font-size:16px;font-weight:900;display:flex}.faq-icon{width:28px;height:28px;color:var(--ck-primary);background:#1f8a9b1a;border-radius:999px;flex:none;place-items:center;font-size:20px;line-height:1;display:inline-grid}.faq-answer{overflow:hidden}.faq-list summary::marker{color:var(--ck-primary)}.faq-list p{margin:0;padding:0 18px 18px}.final-cta{color:#fff;background:var(--navy);padding:62px 0}.final-cta .eyebrow{color:#a8d8df}.final-cta h2{color:#fff}.final-cta-inner{align-items:center;gap:24px;display:grid}.final-cta .button-secondary,.final-cta .btn-outline-pill{color:#fff;background:#ffffff14;border-color:#ffffff52}.final-cta .btn-outline-pill:hover{color:#fff;background:#ffffff24;border-color:#ffffff85}.footer{color:#b9c6cf;background:#09151e;border-top:1px solid #ffffff1a;padding:24px 0}.footer-inner{flex-direction:column;gap:8px;font-size:14px;font-weight:700;display:flex}@keyframes trakking-route-flow{0%,to{filter:drop-shadow(0 0 #1f8a9b00)}50%{filter:drop-shadow(0 0 8px #1f8a9b47)}}@keyframes trakking-pin-pop{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2px)scale(1.07)}}@keyframes trakking-geofence-pulse{0%,to{box-shadow:0 0 #d85b5200}50%{box-shadow:0 0 0 12px #d85b521a}}@keyframes trakking-sync-breathe{0%,to{box-shadow:none;transform:translateY(0)}50%{transform:translateY(-2px);box-shadow:0 12px 22px -18px #10212d8c}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}[style*="opacity: 0"]{opacity:1!important;filter:none!important;transform:none!important}.map-route,.map-pin,.geofence-zone,.sync-badge{animation:none!important}}@media (max-width:720px){.nav-suite,.nav-links{display:none}.mobile-menu-button{display:grid}.topbar-inner{gap:10px;min-height:60px}.brand{font-size:17px}.brand em{display:none}.nav-cta{min-height:40px;padding:0 13px;font-size:13px}h1{overflow-wrap:break-word;max-width:100%;font-size:35px}.hero-subtitle{font-size:16px}.hero-grid,.hero-copy,.hero-visual,.feature-row,.feature-copy,.feature-visual{max-width:100%;overflow:hidden}.hero-visual{min-height:520px}.desktop-map-panel{min-height:390px}.phone-shell{left:18px;right:auto}.status-strip{grid-template-columns:1fr}.section-heading h2,.upgrade-grid h2,.final-cta h2{font-size:30px}.visual-mobile .driver-panel{bottom:18px;left:18px;right:auto}}@media (max-width:520px){.container{max-width:390px;margin-left:0;margin-right:0;padding-left:20px;padding-right:20px}.nav-cta{display:none}h1{font-size:32px;line-height:1.08}.section-heading h2,.upgrade-grid h2,.final-cta h2{font-size:28px}.hero{padding-top:112px}.hero-actions,.final-actions{flex-direction:column;align-items:stretch}.hero-actions .button,.hero-actions .btn-primary,.hero-actions .btn-outline-pill,.final-actions .button,.final-actions .btn-primary,.final-actions .btn-outline-pill{width:100%}.phone-shell{width:196px}.phone-screen{min-height:370px}}@media (min-width:760px){.container{padding:0 28px}.outcome-grid,.pricing-grid,.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.upgrade-grid,.faq-grid,.final-cta-inner{grid-template-columns:1.1fr .9fr}.final-actions{justify-content:flex-end}.footer-inner{flex-direction:row;justify-content:space-between}}@media (min-width:980px){.nav-links{display:flex}.hero-grid,.feature-row{grid-template-columns:.9fr 1.1fr}.feature-row.feature-row-alt{grid-template-columns:1.1fr .9fr}.feature-row.feature-row-alt .feature-copy{order:2;padding-left:60px;padding-right:0}.feature-row.feature-row-alt .feature-visual{order:1}.hero{padding:150px 0 92px}.hero-visual{min-height:530px}h1{font-size:62px}.section-heading h2,.upgrade-grid h2,.final-cta h2{font-size:42px}}
