:root{--bg-base: #FDFCFB;--bg-raised: #F7F5F3;--bg-overlay: #F0EDEA;--bg-hover: #E8E4E0;--text-heading: #171412;--text-primary: #2E2926;--text-secondary: #5C534E;--text-muted: #8A7F79;--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .1);--border-hover: rgba(0, 0, 0, .16);--viz-outline: rgba(23, 20, 18, .18);--viz-line: rgba(23, 20, 18, .12);--viz-line-faint: rgba(23, 20, 18, .08);--ping-default: rgba(23, 20, 18, .3);--transporter: #FF2A2A;--consignor: #25D366;--driver: #1C6585;--owner-operator: var(--transporter);--transporter-on: var(--text-heading);--consignor-on: var(--text-heading);--driver-on: #FFFFFF;--owner-operator-on: var(--transporter-on);--transporter-ink: #D00000;--consignor-ink: #157639;--driver-ink: #1C6585;--owner-operator-ink: var(--transporter-ink);--transporter-cta: var(--transporter-ink);--transporter-cta-on: #FFFFFF;--owner-operator-cta: var(--transporter-cta);--owner-operator-cta-on: var(--transporter-cta-on);--consignor-cta: var(--consignor);--consignor-cta-on: var(--consignor-on);--driver-cta: var(--driver);--driver-cta-on: var(--driver-on);--transporter-app: var(--transporter);--consignor-app: var(--consignor);--driver-app: var(--driver);--owner-operator-app: var(--owner-operator);--transporter-bg: rgba(255, 42, 42, .07);--consignor-bg: rgba( 37, 211, 102, .1);--driver-bg: rgba( 28, 101, 133, .08);--owner-operator-bg: var(--transporter-bg);--success: #4CAF50;--warning: #F9A825;--error: #BA1A1A;--success-ink: #327435;--warning-ink: #905B04;--error-ink: var(--error);--device-chrome: #1A1A1A;--device-chrome-edge: #333333;--device-chrome-on: #F0F0F0;--elevation-0: none;--elevation-1: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px 1px rgba(0,0,0,.15);--elevation-2: 0 1px 2px rgba(0,0,0,.3), 0 2px 6px 2px rgba(0,0,0,.15);--elevation-3: 0 4px 8px 3px rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.3);--elevation-4: 0 6px 10px 4px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.3);--elevation-5: 0 8px 12px 6px rgba(0,0,0,.15), 0 4px 4px rgba(0,0,0,.3);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--sp-4: 4px;--sp-8: 8px;--sp-12: 12px;--sp-16: 16px;--sp-24: 24px;--sp-32: 32px;--sp-48: 48px;--radius-extra-small: 4px;--radius-small: 8px;--radius-medium: 12px;--radius-large: 16px;--radius-extra-large: 28px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-display: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-family: var(--font-body);--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-weight-body: 400;--icon-sm: 16px;--icon-md: 24px;--icon-lg: 32px;--icon-xl: 48px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--motion-standard: cubic-bezier(.2, 0, 0, 1);--motion-standard-decel: cubic-bezier(0, 0, 0, 1);--motion-standard-accel: cubic-bezier(.3, 0, 1, 1);--motion-emphasized-decel: cubic-bezier(.05, .7, .1, 1);--motion-emphasized-accel: cubic-bezier(.3, 0, .8, .15);--duration-short2: .1s;--duration-short4: .2s;--duration-medium2: .3s;--duration-medium4: .4s;--duration-long2: .5s;--duration-extra-long2: .8s;--surface: var(--bg-base);--surface-container-lowest: #FFFFFF;--surface-container-low: var(--bg-raised);--surface-container: var(--bg-raised);--surface-container-high: var(--bg-overlay);--surface-container-highest: var(--bg-hover);--on-surface: var(--text-primary);--on-surface-variant: var(--text-secondary);--outline: var(--text-muted);--outline-variant: var(--border-default);--scrim: rgba(23, 20, 18, .32);--photo-mask: rgba(0, 0, 0, .5);--on-photo: #FFFFFF;--cta: var(--text-heading);--cta-on: var(--bg-base);--container-max: 1200px;--container-padding: var(--space-lg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-body);line-height:1.6;letter-spacing:.01em;color:var(--text-primary);background-color:var(--bg-base);font-feature-settings:"tnum" 1,"zero" 1,"cv05" 1}code,kbd,samp,pre,.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1,"zero" 1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-heading);font-weight:600;line-height:1.2;letter-spacing:-.015em}h1{font-size:var(--font-size-6xl);font-weight:700;letter-spacing:-.035em}h2{font-size:var(--font-size-4xl);font-weight:700;letter-spacing:-.025em}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}.display{font-family:var(--font-display);font-size:var(--font-size-7xl);font-weight:800;line-height:1.05;letter-spacing:-.04em;color:var(--text-heading)}p{color:var(--text-secondary);max-width:65ch}a{color:inherit;text-decoration:none}strong{font-weight:600;color:var(--text-heading)}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding)}.section{padding-block:var(--space-4xl)}.kicker{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--kicker-ink, var(--text-secondary));margin-bottom:var(--space-md)}body[data-accent=transporter],body[data-accent=owner-operator]{--kicker-ink: var(--transporter-ink)}body[data-accent=consignor]{--kicker-ink: var(--consignor-ink)}body[data-accent=driver]{--kicker-ink: var(--driver-ink)}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity var(--duration-long2) var(--motion-standard),transform var(--duration-extra-long2) var(--motion-emphasized-decel)}.js .reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}}@media(max-width:640px){:root{--container-padding: var(--space-md)}body{font-size:15px;line-height:1.5}h1{font-size:var(--font-size-3xl);letter-spacing:-.02em}h2{font-size:var(--font-size-2xl);letter-spacing:-.015em}h3{font-size:var(--font-size-xl)}.display{font-size:var(--font-size-4xl);letter-spacing:-.025em}}@media(min-width:641px)and (max-width:1024px){h1{font-size:var(--font-size-5xl)}.display{font-size:var(--font-size-6xl)}}@media(min-width:1920px){:root{--container-max: 1400px}}.card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);transition:border-color var(--transition-base)}.card:hover{border-color:var(--border-hover)}.icon-container{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-xl);height:var(--icon-xl);border-radius:var(--radius-lg);background:var(--bg-overlay);border:1px solid var(--border-subtle);color:var(--text-secondary);flex-shrink:0}.icon-container svg{width:var(--icon-lg);height:var(--icon-lg)}.icon-container--transporter{background:var(--transporter-bg);border-color:color-mix(in srgb,var(--transporter) 22%,transparent);color:var(--transporter-ink)}.icon-container--consignor{background:var(--consignor-bg);border-color:color-mix(in srgb,var(--consignor) 22%,transparent);color:var(--consignor-ink)}.icon-container--driver{background:var(--driver-bg);border-color:color-mix(in srgb,var(--driver) 22%,transparent);color:var(--driver-ink)}.icon-container--owner-operator{background:var(--owner-operator-bg);border-color:color-mix(in srgb,var(--owner-operator) 22%,transparent);color:var(--owner-operator-ink)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:500;cursor:pointer;border:none;transition:all var(--transition-base);text-decoration:none}.btn-primary{background:var(--cta);color:var(--cta-on)}body[data-accent=transporter]{--cta: var(--transporter-cta);--cta-on: var(--transporter-cta-on)}body[data-accent=consignor]{--cta: var(--consignor-cta);--cta-on: var(--consignor-cta-on)}body[data-accent=driver]{--cta: var(--driver-cta);--cta-on: var(--driver-cta-on)}body[data-accent=owner-operator]{--cta: var(--owner-operator-cta);--cta-on: var(--owner-operator-cta-on)}.btn-primary:hover{filter:brightness(.92)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{border-color:var(--border-hover);background:var(--bg-raised)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;background:var(--bg-raised);border:1px solid var(--border-subtle);color:var(--text-secondary)}.feature-card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);transition:border-color var(--transition-base)}.feature-card:hover{border-color:var(--border-hover)}.feature-card__icon{margin-bottom:var(--space-md)}.feature-card__title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-heading);margin-bottom:var(--space-sm)}.feature-card__text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}@media(max-width:1024px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.feature-grid{grid-template-columns:1fr}}.cta-section__actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-lg)}.section-header{text-align:center;max-width:700px;margin-inline:auto;margin-bottom:var(--space-3xl)}.section-header__badge,.section-header__title{margin-bottom:var(--space-md)}.section-header__subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-inline:auto}.js .reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity var(--duration-long2) var(--motion-standard),transform var(--duration-extra-long2) var(--motion-emphasized-decel);transition-delay:calc(var(--i, 0) * 70ms)}.js .reveal-stagger.visible>*{opacity:1;transform:none}@keyframes rise{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:none}}.rise{animation:rise .9s var(--motion-emphasized-decel) .12s both}@keyframes screen-settle{0%{transform:translateY(36px) scale(.965);opacity:.6}to{transform:none;opacity:1}}@supports (animation-timeline: view()){.screen--depth{animation:screen-settle linear both;animation-timeline:view();animation-range:entry 0% cover 38%}}@keyframes ping{0%{box-shadow:0 0 0 0 var(--ping-color, var(--ping-default))}to{box-shadow:0 0 0 28px transparent}}.ping{animation:ping var(--duration-extra-long2, .8s) var(--motion-linear, linear) 1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.counter{font-variant-numeric:tabular-nums}.line-draw{stroke-dasharray:var(--path-length);stroke-dashoffset:var(--path-length);transition:stroke-dashoffset 1.5s ease-in-out}.line-draw.visible{stroke-dashoffset:0}@media(prefers-reduced-motion:reduce){.ping{animation:none}.js .reveal-stagger>*{opacity:1;transform:none;transition:none}.rise,.screen--depth{animation:none}.line-draw{stroke-dashoffset:0;transition:none}}.logo[data-astro-cid-tvrurpns]{display:inline-flex;line-height:0}.logo[data-astro-cid-tvrurpns] svg{height:var(--logo-h);width:auto;display:block}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:color-mix(in srgb,var(--bg-base) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.navbar__logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none}.navbar__links{display:flex;gap:var(--space-lg)}.navbar__link{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:600;letter-spacing:-.01em;color:var(--text-heading);transition:color var(--transition-fast)}.navbar__link:hover{color:var(--cta)}.navbar__link{position:relative;padding-block:var(--space-sm)}.navbar__link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:var(--radius-full);background:var(--cta);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-medium2) var(--motion-emphasized-decel)}.navbar__link:hover:after{transform:scaleX(.4)}.navbar__link[aria-current=page]{color:var(--text-heading);font-weight:700}.navbar__link[aria-current=page]:after{transform:scaleX(1)}.navbar__mobile-link[aria-current=page]{color:var(--text-heading);font-weight:600;box-shadow:inset 3px 0 0 var(--cta);padding-left:var(--space-md)}.navbar__cta{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm)}.login-dropdown{position:relative}.login-dropdown__trigger{border:none;cursor:pointer}.login-dropdown__menu{position:absolute;top:calc(100% + var(--space-sm));right:0;min-width:180px;background:var(--bg-raised);border:1px solid var(--border-hover);border-radius:var(--radius-lg);padding:var(--space-xs);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast);z-index:200}.login-dropdown:hover .login-dropdown__menu,.login-dropdown:focus-within .login-dropdown__menu{opacity:1;visibility:visible;transform:translateY(0)}.login-dropdown__item{display:block;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);text-decoration:none;transition:background var(--transition-fast)}.login-dropdown__item:hover{background:var(--bg-hover);color:var(--text-heading)}.navbar__menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-sm)}.navbar__menu-btn span{width:20px;height:2px;background:var(--text-secondary);border-radius:1px;transition:all var(--transition-fast)}main{padding-top:64px}.footer{border-top:1px solid var(--border-subtle);padding-block:var(--space-3xl)}.footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-xl) var(--space-2xl)}.footer__brand-logo{margin-bottom:var(--space-sm)}.footer__tagline{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-xs)}.footer__nav{display:flex;flex-direction:column;gap:var(--space-md);align-items:flex-end}.footer__links{display:flex;gap:var(--space-xl)}.footer__links--secondary a{color:var(--text-muted)}.footer__links a{font-size:var(--font-size-sm);color:var(--text-secondary);transition:color var(--transition-fast)}.footer__links a:hover{color:var(--text-heading)}.footer__copy{flex-basis:100%;padding-top:var(--space-lg);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.footer__copy p{max-width:none;color:inherit}.footer__copy a{margin-right:var(--space-md);text-decoration:underline;text-underline-offset:3px}.footer__copy a:hover{color:var(--text-heading)}.navbar__mobile{display:none;flex-direction:column;padding:var(--space-lg) var(--space-lg) var(--space-xl);background:color-mix(in srgb,var(--bg-base) 98%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle)}.navbar__mobile--open{display:flex}.navbar__mobile-link{padding:var(--space-md) 0;font-size:var(--font-size-lg);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);transition:color var(--transition-fast)}.navbar__mobile-link:hover{color:var(--text-heading)}.navbar__menu-btn--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__menu-btn--open span:nth-child(2){opacity:0}.navbar__menu-btn--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.navbar__links,.navbar__cta{display:none}.navbar__menu-btn{display:flex}.footer__inner{flex-direction:column;gap:var(--space-lg);text-align:center}.footer__nav{align-items:center}.footer__links{flex-wrap:wrap;justify-content:center}}
