
:root{--m-bg:#f7fafc;--m-surface:#fff;--m-ink:#0b1324;--m-muted:#64748b;--m-border:#dfe7ef;--m-accent:#0ea5a8;--m-accent-dark:#0b7f82;--m-navy:#0b1220;--m-soft:#eef7f7;--m-radius:18px;--m-shadow:0 18px 50px rgba(15,23,42,.08)}
*{box-sizing:border-box}.site-main{overflow:hidden}.container{width:min(calc(100% - 48px),1320px);margin:0 auto}.narrow{width:min(calc(100% - 48px),900px);margin:0 auto}.marketing-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(223,231,239,.85)}.marketing-header .header-inner{min-height:78px;display:flex;align-items:center;gap:28px}.marketing-nav{display:flex;align-items:center;gap:24px;margin-left:auto}.marketing-nav a{font-size:14px;font-weight:700;color:#475569}.marketing-nav a:hover{color:var(--m-accent)}.mobile-toggle{display:none;border:1px solid var(--m-border);background:#fff;border-radius:10px;width:42px;height:42px}.marketing-hero{padding:96px 0 80px;background:radial-gradient(circle at 80% 18%,rgba(14,165,168,.12),transparent 30%),linear-gradient(180deg,#fbfefe 0,#fff 100%)}.marketing-hero .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.marketing-hero h1{font-size:clamp(46px,6vw,76px);line-height:1.01;letter-spacing:-.055em;margin:0 0 22px;color:var(--m-ink)}.marketing-hero .lead{font-size:20px;line-height:1.65;color:var(--m-muted);max-width:680px}.eyebrow{color:var(--m-accent);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:12px 17px;font-weight:800}.btn-primary{background:var(--m-accent);color:#fff}.btn-primary:hover{background:var(--m-accent-dark)}.btn-secondary{border:1px solid var(--m-border);background:#fff;color:var(--m-ink)}.btn-secondary:hover{border-color:#b9c7d7}.hero-visual{border:1px solid var(--m-border);background:#fff;border-radius:24px;padding:26px;box-shadow:var(--m-shadow)}.visual-top{display:flex;justify-content:space-between;align-items:center;color:#64748b;font-size:11px;font-weight:850;letter-spacing:.1em}.visual-route{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin:55px 0 48px}.visual-route .city{font-size:22px;font-weight:900}.visual-route small{display:block;color:#94a3b8;font-size:12px;margin-top:2px}.route-line{height:2px;background:#dbe6eb;position:relative}.route-line:after{content:"";position:absolute;left:10%;width:42%;height:3px;top:-1px;background:var(--m-accent);border-radius:99px}.route-line:before{content:"";position:absolute;left:42%;top:-8px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--m-accent)}.visual-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid var(--m-border);padding-top:20px}.visual-meta span{display:block;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.visual-meta strong{display:block;margin-top:4px;font-size:14px}.section{padding:100px 0}.section-soft{background:var(--m-bg)}.section-dark{background:var(--m-navy);color:#fff}.section-heading{max-width:780px;margin-bottom:46px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2{font-size:clamp(34px,4vw,52px);line-height:1.06;letter-spacing:-.04em;margin:10px 0 16px}.section-heading p:not(.eyebrow){font-size:17px;color:var(--m-muted);max-width:720px}.section-dark .section-heading p{color:#94a3b8}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid var(--m-border);border-radius:var(--m-radius);padding:25px;box-shadow:0 1px 2px rgba(15,23,42,.03)}.card:hover{border-color:#c9d6e2;transform:translateY(-2px);box-shadow:var(--m-shadow)}.card,.feature-link{transition:.2s ease}.card h3,.card h4{margin:0 0 8px;color:var(--m-ink)}.card p{margin:0;color:var(--m-muted);font-size:14px}.icon-block{width:44px;height:44px;border-radius:12px;background:var(--m-soft);display:grid;place-items:center;font-weight:900;color:var(--m-accent-dark);margin-bottom:18px}.link-arrow{display:inline-flex;margin-top:18px;color:var(--m-accent-dark);font-weight:800;font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dfe7ef;border:1px solid #dfe7ef;border-radius:18px;overflow:hidden}.stat{background:#fff;padding:24px}.stat strong{display:block;font-size:30px;letter-spacing:-.03em}.stat span{color:var(--m-muted);font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.check-list{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none}.check-list li{display:flex;gap:10px;align-items:flex-start;color:#475569}.check-list b{color:var(--m-accent)}.panel-dark{background:linear-gradient(145deg,#111b2f,#0b1220);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:28px;color:#fff;box-shadow:0 24px 60px rgba(2,6,23,.25)}.panel-dark .muted{color:#94a3b8}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.metric{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:14px;padding:18px}.metric span{display:block;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;margin-top:5px;font-size:26px}.timeline{border-left:2px solid #dce7ec;padding-left:24px;display:grid;gap:24px}.timeline-item{position:relative}.timeline-item:before{content:"";position:absolute;left:-32px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--m-accent);box-shadow:0 0 0 5px rgba(14,165,168,.1)}.table-wrap{overflow:auto;border:1px solid var(--m-border);border-radius:16px;background:#fff}.simple-table{width:100%;border-collapse:collapse;min-width:680px}.simple-table th,.simple-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--m-border);font-size:14px}.simple-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;background:#f8fafc}.simple-table tr:last-child td{border-bottom:0}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--m-border);border-radius:14px;background:#fff}.faq-item summary{cursor:pointer;padding:18px 20px;font-weight:800}.faq-item p{padding:0 20px 18px;color:var(--m-muted);margin:0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{padding:0;overflow:hidden}.article-cover{height:190px;background:linear-gradient(135deg,#0f766e,#0b1220);display:grid;place-items:end start;padding:20px;color:#fff;font-weight:850}.article-body{padding:22px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{padding:28px;border:1px solid var(--m-border);border-radius:20px;background:#fff}.price-card.featured{border:2px solid var(--m-accent);box-shadow:var(--m-shadow)}.price{font-size:42px;font-weight:950;letter-spacing:-.04em}.price small{font-size:13px;color:#64748b;font-weight:700}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}.contact-card{padding:26px;border:1px solid var(--m-border);border-radius:18px;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:grid;gap:7px}.form-group.full{grid-column:1/-1}.form-group label{font-weight:800;font-size:13px}.form-group input,.form-group textarea,.form-group select{width:100%;border:1px solid var(--m-border);border-radius:10px;padding:12px 13px;outline:none}.form-group textarea{min-height:150px;resize:vertical}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--m-accent);box-shadow:0 0 0 4px rgba(14,165,168,.1)}.page-hero{padding:82px 0 70px;background:linear-gradient(180deg,#f9fcfd,#fff)}.page-hero h1{font-size:clamp(42px,5vw,66px);line-height:1.04;letter-spacing:-.045em;margin:10px 0 16px}.page-hero p{max-width:750px;color:var(--m-muted);font-size:18px}.crumbs{font-size:12px;color:#94a3b8}.crumbs a:hover{color:var(--m-accent)}.cta-panel{padding:44px;border-radius:24px;background:linear-gradient(135deg,#0f766e,#0b1220);color:#fff;display:flex;justify-content:space-between;gap:28px;align-items:center}.cta-panel p{color:#cbd5e1;max-width:640px}.site-footer{background:#0b1220;color:#cbd5e1;padding:72px 0 28px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:42px}.footer-grid h4{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 14px}.footer-grid a,.footer-grid button{display:block;color:#94a3b8;margin:9px 0;background:none;border:0;padding:0;font:inherit;text-align:left}.footer-grid a:hover,.footer-grid button:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#64748b;font-size:12px}.mobile-only{display:none}
@media(max-width:1100px){.marketing-hero .hero-grid,.split,.contact-grid{grid-template-columns:1fr}.marketing-nav{display:none}.mobile-toggle{display:block;margin-left:auto}.mobile-menu{display:none}.mobile-menu.open{display:grid;padding:16px 24px 22px;border-top:1px solid var(--m-border);gap:12px;background:#fff}.grid-4{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.container,.narrow{width:min(calc(100% - 32px),1320px)}.section,.marketing-hero{padding:72px 0}.grid-3,.article-grid,.price-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}.visual-meta{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.hero-visual{padding:20px}.marketing-hero h1{font-size:46px}}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr}.cta-panel{padding:30px;align-items:flex-start;flex-direction:column}.cta-row .btn{width:100%}.marketing-header .header-inner{min-height:68px}.marketing-hero .lead{font-size:17px}.page-hero{padding:60px 0 52px}}
.status-chip{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.05em}.status-active{background:#dcfce7;color:#166534}
@media(max-width:780px){.input-row,.form-grid{grid-template-columns:1fr!important}}

/* Stage 5 polish */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(14,165,168,.24);outline-offset:2px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.feature-card,.modal{transition:none!important;animation:none!important}}
@media(max-width:900px){.hero-grid{gap:44px}.platform-grid{gap:42px}}

/* Freightara Global Marketing Polish — Sitewide */
html{color-scheme:light}
html.dark{color-scheme:dark}
body{background:var(--m-bg);color:var(--m-ink)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.brand{display:inline-flex;align-items:center;text-decoration:none!important;color:var(--m-ink);font-size:20px;font-weight:900;letter-spacing:.06em;line-height:1}
.brand span{color:var(--m-accent)}
.marketing-header{border-bottom:0!important;box-shadow:0 8px 30px rgba(15,23,42,.045)}
.mobile-menu{display:none!important}
.mobile-menu.open{display:grid!important;padding:16px 24px 22px;border-top:1px solid var(--m-border);gap:12px;background:var(--m-surface)}
.marketing-nav a,.footer-grid a,.footer-grid button,.crumbs a,.feature-link,.link-arrow,.card a,.article-card a{color:inherit;text-decoration:none!important}
.marketing-nav a:hover,.footer-grid a:hover,.crumbs a:hover,.feature-link:hover,.link-arrow:hover,.card a:hover,.article-card a:hover{color:var(--m-accent)}
.btn,.theme-toggle{text-decoration:none!important}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 13px;margin-left:8px;border:1px solid var(--m-border);border-radius:11px;background:var(--m-surface);color:var(--m-ink);font-size:13px;font-weight:850;line-height:1;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.theme-toggle:hover{transform:translateY(-1px);border-color:var(--m-accent)}
.theme-toggle:focus-visible{outline:3px solid rgba(14,165,168,.22);outline-offset:2px}
.theme-toggle-icon{font-size:15px;line-height:1}
html.dark{--m-bg:#0b1220;--m-surface:#111827;--m-ink:#f8fafc;--m-muted:#9aa9bd;--m-border:#263449;--m-accent:#2dd4bf;--m-accent-dark:#14b8a6;--m-soft:#12212a;--m-navy:#f8fafc;--m-shadow:0 20px 60px rgba(0,0,0,.28)}
html.dark .marketing-header{background:rgba(11,18,32,.86)}
html.dark .marketing-nav a{color:#cbd5e1}
html.dark .mobile-menu{background:#0b1220}
html.dark .btn-secondary{background:#111827;color:#f8fafc;border-color:#334155}
html.dark .hero-visual,html.dark .card,html.dark .feature-card,html.dark .price-card,html.dark .contact-card,html.dark .faq-item{background:#111827;color:#f8fafc;border-color:#263449;box-shadow:none}
html.dark .marketing-hero{background:radial-gradient(circle at 80% 18%,rgba(45,212,191,.08),transparent 30%),linear-gradient(180deg,#0f172a,#0b1220)}
html.dark .page-hero{background:linear-gradient(180deg,#0f172a,#0b1220)}
html.dark .page-hero p,html.dark .crumbs{color:#9aa9bd}
html.dark .section-soft{background:#0f172a}
html.dark .simple-table{background:#111827;color:#f8fafc}
html.dark .simple-table th{background:#0f172a;color:#94a3b8}
html.dark .form-group input,html.dark .form-group textarea,html.dark .form-group select{background:#0f172a;color:#f8fafc;border-color:#334155}
html.dark .article-card .article-body{background:#111827}
html.dark .site-footer{background:#070d18}
html.dark .footer-bottom{border-top-color:rgba(255,255,255,.08)}
html.dark .status-active{background:#123523;color:#86efac}
html.dark .cta-panel{box-shadow:none}
@media(max-width:1100px){.theme-toggle{margin-left:auto}}
@media(max-width:780px){.theme-toggle{min-width:42px;padding:0 11px}.theme-toggle .theme-toggle-label{display:none}}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}

body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif};

/* Dark mode readability: premium white widgets with dark readable type */
html.dark .hero-visual,
html.dark .card,
html.dark .feature-card,
html.dark .price-card,
html.dark .contact-card,
html.dark .faq-item,
html.dark .simple-table{
  background:#ffffff;
  color:#0f172a;
  border-color:#dbe4ec;
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}
html.dark .hero-visual .visual-top,
html.dark .hero-visual .visual-meta span,
html.dark .hero-visual .visual-meta strong,
html.dark .card p,
html.dark .card .muted,
html.dark .price-card p,
html.dark .contact-card p,
html.dark .faq-item p,
html.dark .simple-table td,
html.dark .simple-table th{
  color:#475569;
}
html.dark .hero-visual .city,
html.dark .hero-visual .visual-meta strong,
html.dark .card h3,
html.dark .card h4,
html.dark .price-card h3,
html.dark .contact-card h3,
html.dark .faq-item summary{
  color:#0f172a;
}
html.dark .icon-block{background:#eef7f7;color:#0b7f82}
html.dark .link-arrow{color:#0b7f82}
html.dark .simple-table th{background:#f8fafc;color:#475569}

/* Flagship homepage */
.hero-kicker{display:inline-flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid var(--m-border);border-radius:999px;background:color-mix(in srgb,var(--m-surface) 82%,transparent);font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--m-muted);text-transform:uppercase}
.hero-kicker i{width:7px;height:7px;border-radius:50%;background:var(--m-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--m-accent) 12%,transparent)}
.hero-live-panel{position:relative;border:1px solid var(--m-border);background:var(--m-surface);border-radius:28px;padding:22px;box-shadow:0 28px 70px rgba(15,23,42,.10);overflow:hidden}
.hero-live-panel:before{content:"";position:absolute;inset:-20% -10% auto auto;width:260px;height:260px;background:radial-gradient(circle,rgba(14,165,168,.14),transparent 65%);pointer-events:none}
.hero-panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1}
.hero-panel-title{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--m-muted);text-transform:uppercase}
.hero-panel-badge{padding:6px 9px;border-radius:999px;background:#dcfce7;color:#166534;font-size:10px;font-weight:900;letter-spacing:.05em}
.hero-route-card{margin-top:24px;padding:20px;border-radius:18px;background:linear-gradient(145deg,#0f172a,#18253a);color:#fff}
.hero-route-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.hero-route-id{font-size:12px;font-weight:900;letter-spacing:.08em;color:#94a3b8}
.hero-route-status{font-size:10px;font-weight:900;color:#99f6e4}
.hero-route-line{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin:28px 0 18px}
.hero-route-point strong{font-size:19px;display:block}
.hero-route-point span{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em}
.hero-route-bar{height:3px;background:#334155;border-radius:99px;position:relative}
.hero-route-bar:before{content:"";position:absolute;left:0;top:0;width:68%;height:100%;background:#2dd4bf;border-radius:inherit}
.hero-route-bar:after{content:"";position:absolute;left:66%;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #2dd4bf}
.hero-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.hero-meta{padding:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:12px}
.hero-meta span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}
.hero-meta strong{display:block;margin-top:5px;font-size:13px}
.hero-panel-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-top:12px}
.hero-panel-card{padding:15px;border:1px solid var(--m-border);background:var(--m-bg);border-radius:16px}
.hero-panel-card small{display:block;color:var(--m-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.hero-panel-card strong{display:block;margin-top:6px;font-size:24px;letter-spacing:-.03em}
.hero-mini-list{display:grid;gap:9px;margin-top:10px}
.hero-mini-row{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}
.hero-mini-row span:first-child{color:var(--m-muted)}
.hero-mini-dot{width:7px;height:7px;border-radius:50%;background:var(--m-accent);display:inline-block;margin-right:7px}
.hero-proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:28px;background:var(--m-border);border:1px solid var(--m-border);border-radius:18px;overflow:hidden}
.hero-proof{padding:18px;background:var(--m-surface)}
.hero-proof strong{display:block;font-size:14px}
.hero-proof span{display:block;margin-top:4px;font-size:11px;color:var(--m-muted)}
@media(max-width:900px){.hero-proof-strip{grid-template-columns:repeat(2,1fr)}.hero-panel-grid{grid-template-columns:1fr}.marketing-hero .hero-grid{gap:36px}}
@media(max-width:560px){.hero-proof-strip{grid-template-columns:1fr}.hero-meta-grid{grid-template-columns:1fr}.hero-route-line{gap:9px}.hero-route-point strong{font-size:16px}}
