/* FILE: public_html/driver/assets/style.css
   FULL PATH: /home/u278181514/domains/connecto.website/public_html/driver/assets/style.css */
:root{--bg:#04080a;--bg2:#0a1315;--bg3:#0f1b1e;--border:#1e3439;--border2:#365c63;--accent:#d4960a;--accent-h:#f0b832;--teal:#14a594;--text:#fff;--muted:#b8c7c4;--ok:#3ddc97;--err:#f87171;--input:#0c1618}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}
body{margin:0;font:400 1.0625rem/1.6 "DM Sans",system-ui,sans-serif;color:var(--text);background:var(--bg)}
h1,h2,h3{font-family:"Syne","DM Sans",sans-serif;line-height:1.1;margin:0 0 .5em}
h1{font-size:clamp(2.1rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;max-width:17ch}
h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700}h3{font-size:1.2rem;font-weight:700}
a{color:var(--accent-h)}.wrap{width:min(1120px,92%);margin-inline:auto}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px;z-index:9}
:focus-visible{outline:3px solid var(--accent-h);outline-offset:2px}
.top{background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}
.logo{display:flex;align-items:center;gap:10px;font:800 1.25rem "Syne",sans-serif;text-decoration:none;color:var(--text)}
nav{display:flex;gap:22px;align-items:center}nav a{text-decoration:none;font-weight:500;color:var(--text)}nav a:hover{color:var(--accent-h)}
.burger{display:none;background:none;color:var(--text);border:1px solid var(--border2);border-radius:8px;padding:6px 12px;font:inherit}
.btn{display:inline-block;background:var(--accent);color:#000;font:700 1rem "DM Sans",sans-serif;padding:13px 22px;border:0;border-radius:10px;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--accent-h)}.btn.sm{padding:8px 14px}.btn.ghost{background:transparent;border:2px solid var(--border2);color:var(--text)}.btn.ghost:hover{border-color:var(--accent-h);background:transparent}.btn[disabled]{opacity:.6}
.hero{padding:clamp(40px,7vw,88px) 0;background:radial-gradient(900px 400px at 15% 0,#0f2a2c 0,transparent 70%),var(--bg)}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,64px);align-items:start}
.lead{font-size:1.2rem;max-width:52ch;color:#e4ecea}.note{color:var(--muted)}.cta{display:flex;gap:12px;flex-wrap:wrap}
.waybill{background:var(--bg3);border:1px solid var(--border2);border-top:6px solid var(--accent);border-radius:14px;padding:24px;display:grid;gap:14px}
.waybill h2{margin:0}label{display:grid;gap:5px;font-weight:600;font-size:.95rem}.opt{font-weight:400;color:var(--muted)}
input,select,textarea{font:inherit;padding:10px 12px;border:1px solid var(--border2);border-radius:8px;background:var(--input);color:var(--text);width:100%}
input::placeholder,textarea::placeholder{color:#7f9591}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hp{position:absolute;left:-9999px;height:0;width:0;opacity:0}
.msg{margin:0;min-height:1.4em;font-weight:600}.msg.ok{color:var(--ok)}.msg.err{color:var(--err)}
.band{padding:56px 0;background:var(--bg2);border-block:1px solid var(--border)}.band.dark{background:#0b2124}
.rows{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:0 48px}
.rows li{border-top:2px solid var(--teal);padding:16px 0 20px}.rows p{margin:0;color:var(--muted);max-width:46ch}
.how{padding:56px 0}.how ol{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.how li{counter-increment:s;border-left:4px solid var(--accent);padding-left:14px;color:var(--muted)}.how li strong{color:var(--text)}.how li::before{content:counter(s);display:block;font:800 1.8rem "Syne",sans-serif;color:var(--accent-h)}
.plain{padding-left:18px}.page{padding:48px 0 72px}.page.split{padding-top:56px}.narrow{max-width:720px}
.svc{border-top:2px solid var(--teal);padding:18px 0 22px;max-width:760px}.svc p{color:#e4ecea}.svc ul{padding-left:20px;color:var(--muted)}
.inline{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:16px 0}.inline label{flex:1;min-width:200px}.inline input,.inline select{width:auto;min-width:160px}
.timeline{list-style:none;padding:0;border-left:3px solid var(--border2);margin-left:6px}.timeline li{padding:0 0 18px 18px;position:relative}
.timeline li::before{content:"";position:absolute;left:-10px;top:6px;width:15px;height:15px;border-radius:50%;background:var(--accent);border:3px solid var(--bg)}
.timeline time{display:block;color:var(--muted);font-size:.9rem}
.foot{background:var(--bg2);border-top:1px solid var(--border);padding:40px 0 20px}.foot a{color:var(--text)}.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.fine{margin-top:24px;color:var(--muted);font-size:.9rem}
.adm .wrap{padding:32px 0}.job{background:var(--bg3);border:1px solid var(--border);border-left:6px solid var(--accent);border-radius:8px;padding:14px 18px;margin:14px 0}
.job dl{display:grid;grid-template-columns:120px 1fr;gap:4px 12px;margin:8px 0}.job dt{font-weight:600}.job dd{margin:0}
@media(max-width:860px){.split,.rows,.how ol,.cols{grid-template-columns:1fr}.burger{display:block}
 nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;padding:16px 4%}nav.open{display:flex}}
@media(max-width:480px){.two{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}