/*
 * Wat www.tachoanalyse.eu heeft naast de stijl van vystacho (vystacho-basis.css).
 * Het eerste deel is woordelijk de EXTRA-stijl van /tachograaf-analyse op
 * vystacho.nl (page.tsx), de rest is alleen voor deze site. Zelfde kleur-
 * variabelen, geen tweede kleurenstelsel, geen kleurovergangen.
 */
.ta-ab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:center}
.ta-ab.om .ta-tekst{order:2}
.ta-tekst h2{margin-bottom:14px}
.ta-tekst p{color:var(--muted);font-size:16.5px}
.ta-punten{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.ta-punten li{position:relative;padding-left:24px;color:var(--muted);font-size:15.5px;line-height:1.65}
.ta-punten li::before{content:'';position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:2px;background:var(--cyan)}
.ta-letop{margin-top:20px;border-left:2px solid var(--amber);background:rgba(245,166,35,.06);border-radius:0 8px 8px 0;padding:14px 18px}
.ta-letop b{color:var(--amber);font-family:var(--mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;display:block;margin-bottom:6px}
.ta-letop p{margin:0;font-size:14.5px;color:var(--muted)}
.ta-shot img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--borderf)}
.ta-wacht{border:1px dashed var(--borderf);border-radius:12px;background:var(--bg2);min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:28px}
.ta-wacht .k{font-family:var(--mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--dim)}
.ta-wacht .n{color:var(--muted);font-size:15px}
.ta-fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.ta-fkolom{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:22px}
.ta-fkolom h3{font-size:15px;font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);margin:0 0 14px}
.ta-fkolom dl{margin:0;display:grid;gap:12px}
.ta-fkolom dt{color:#fff;font-weight:600;font-size:15px}
.ta-fkolom dd{margin:2px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
@media(max-width:900px){.ta-ab{grid-template-columns:1fr;gap:26px}.ta-ab.om .ta-tekst{order:0}.ta-fgrid{grid-template-columns:1fr}}

/* ── alleen tachoanalyse.eu ── */
.ta-paneel{background:var(--bg0)}
.lnav2-mobile[hidden]{display:none}
.hero-demo{margin-top:16px;color:var(--muted);font-size:15.5px;max-width:720px}
.hero-demo b{color:#fff}
.intro{font-size:17.5px;color:var(--muted);max-width:820px}
.sub{color:var(--muted);max-width:780px}
.ta-meer{margin:18px 0 0;font-size:14.5px}
.ta-meer a{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.ta-sub{padding:44px 0 30px}
.ta-sub .ta-ab{margin-top:6px}
.ta-sub h1{font-size:clamp(30px,4.2vw,46px)}
.ta-sub .hero-actions{margin-top:30px}
.ta-kaarten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.ta-kaart{display:flex;flex-direction:column;gap:6px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:18px 20px;color:var(--text);transition:border-color .2s}
.ta-kaart:hover{border-color:var(--cyan);color:var(--text)}
.ta-kaart b{color:#fff;font-family:var(--serif);font-size:17px;font-weight:600}
.ta-kaart span{color:var(--muted);font-size:14px;line-height:1.55}
.ta-kaart .l{font-family:var(--mono);font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan)}
.ta-groep{margin-top:40px}
.ta-groep h2{font-size:clamp(22px,2.6vw,30px)}
.voet-groepen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:26px 0 10px}
.voet-groepen h4{font-family:var(--mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);margin:0 0 8px;font-weight:500}
.voet-groepen ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.voet-groepen a{color:var(--muted);font-size:13.5px}
.voet-groepen a:hover{color:#fff}
.ta-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.ta-form{display:grid;gap:14px;background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:26px}
.ta-form label{display:grid;gap:6px;font-size:13.5px;color:var(--muted);font-weight:500}
.ta-form input,.ta-form select,.ta-form textarea{background:var(--bg1);border:1px solid var(--borderf);border-radius:8px;color:var(--text);font:inherit;font-size:15px;padding:10px 12px;color-scheme:dark}
.ta-form input:focus,.ta-form select:focus,.ta-form textarea:focus{outline:none;border-color:var(--cyan)}
.ta-form button{justify-self:start;border:none;cursor:pointer}
.ta-form button:disabled{opacity:.6;cursor:default}
.ta-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ta-melding{margin:0;font-size:14.5px;color:var(--muted);min-height:1.4em}
.ta-melding.goed{color:var(--green)}
.ta-melding.fout{color:var(--amber)}
@media(max-width:900px){.ta-kaarten{grid-template-columns:1fr}.voet-groepen{grid-template-columns:repeat(2,minmax(0,1fr))}.ta-contact{grid-template-columns:1fr;gap:28px}}
@media(max-width:560px){.voet-groepen{grid-template-columns:1fr}.lwrap{padding:0 16px}}