:root { --ink:#102b3a; --muted:#607783; --teal:#08b7a5; --teal-dark:#087f7b; --pink:#c42c79; --cream:#f6faf9; --white:#fff; --line:#dceae8; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--white); font-family:Inter,Arial,sans-serif; line-height:1.6; }
a { color:inherit; text-decoration:none; }
.container { width:min(1160px, calc(100% - 40px)); margin:auto; }
.topbar { background:var(--ink); color:#d9f4f0; font-size:.84rem; }
.topbar .container { display:flex; justify-content:flex-end; gap:24px; padding:8px 0; }
.topbar a:hover { color:#fff; }
header { position:sticky; top:0; z-index:10; background:rgba(255,255,255,.95); backdrop-filter:blur(12px); border-bottom:1px solid var(--line); }
.nav { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.brand img { display:block; width:170px; height:auto; object-fit:contain; }
.navlinks { display:flex; align-items:center; gap:28px; font-size:.9rem; font-weight:600; }
.navlinks a { position:relative; padding:8px 0; }
.navlinks a::after { content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:var(--teal); transition:width .2s; }
.navlinks a:hover::after, .navlinks a.active::after { width:100%; }
.nav-cta, .button { display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:5px; background:var(--teal); color:#fff; padding:13px 21px; font-weight:700; cursor:pointer; box-shadow:0 8px 22px rgba(8,183,165,.2); transition:transform .2s,background .2s; }
.nav-cta:hover, .button:hover { background:var(--teal-dark); transform:translateY(-2px); }
.menu { display:none; border:0; background:none; font-size:1.7rem; color:var(--ink); }
.hero { position:relative; overflow:hidden; min-height:650px; display:flex; align-items:center; background-image:linear-gradient(90deg,rgba(9,34,46,.88) 0%,rgba(9,34,46,.62) 42%,rgba(9,34,46,.12) 100%),url('assets/hero-driving-v2.png'); background-position:center,center; background-size:cover; background-attachment:scroll; color:#fff; }
.hero::before { content:''; position:absolute; inset:0; background:linear-gradient(120deg,rgba(8,183,165,.18),transparent 55%,rgba(196,44,121,.14)); pointer-events:none; z-index:0; }
.hero::after { display:none; }
.hero-content { position:relative; z-index:1; max-width:680px; padding:85px 0; }
.hero .eyebrow { color:#63e2d4; }
.hero .lead { color:rgba(255,255,255,.82); }
.eyebrow { text-transform:uppercase; letter-spacing:.16em; color:var(--pink); font-size:.78rem; font-weight:700; }
h1,h2,h3 { margin:0 0 18px; line-height:1.06; font-family:'Barlow Condensed',Arial,sans-serif; letter-spacing:-.02em; }
h1 { max-width:720px; font-size:clamp(3.7rem,8vw,7rem); text-transform:uppercase; }
h1 span { color:var(--teal); }
h2 { font-size:clamp(2.4rem,5vw,4.4rem); text-transform:uppercase; }
h3 { font-size:1.65rem; }
.lead { max-width:620px; font-size:1.14rem; color:var(--muted); }
.actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }
.button.secondary { background:transparent; border:1px solid var(--teal); color:var(--teal-dark); box-shadow:none; }
.button.secondary:hover { color:#fff; }
.ticker { background:var(--teal); color:#fff; padding:15px 0; font-weight:700; font-size:.9rem; }
.ticker .container { display:flex; justify-content:space-between; gap:20px; }
.section { padding:100px 0; }
.section.soft { background:var(--cream); }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:42px; }
.section-head p { max-width:460px; color:var(--muted); margin:0; }
.grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.card { padding:30px; border:1px solid var(--line); background:#fff; border-radius:8px; min-height:210px; }
.card .number { color:var(--pink); font-family:'Barlow Condensed'; font-size:1.4rem; font-weight:700; }
.card p { color:var(--muted); margin:0; }
.split { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.statbox { background:var(--ink); color:#fff; padding:48px; border-radius:8px; position:relative; overflow:hidden; }
.statbox::before { content:'TDS'; position:absolute; right:-10px; bottom:-45px; color:rgba(255,255,255,.05); font:700 12rem 'Barlow Condensed'; }
.stat { position:relative; z-index:1; border-top:1px solid rgba(255,255,255,.25); padding:18px 0; }
.stat strong { display:block; font:700 2.5rem 'Barlow Condensed'; color:#5ce0d1; }
.page-hero { padding:110px 0 85px; background:linear-gradient(110deg,#edf8f6,#fff); }
.page-hero h1 { font-size:clamp(3.3rem,7vw,6rem); }
.contact-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:50px; }
.contact-list { display:grid; gap:18px; }
.contact-item { display:flex; gap:16px; padding:18px 0; border-bottom:1px solid var(--line); }
.contact-item b { display:block; }
.contact-item span { color:var(--muted); }
form { display:grid; gap:15px; padding:32px; border:1px solid var(--line); border-radius:8px; background:var(--cream); }
label { font-weight:600; font-size:.9rem; }
input,textarea { width:100%; border:1px solid #c7dad8; border-radius:4px; padding:14px; font:inherit; background:#fff; color:var(--ink); }
textarea { min-height:150px; resize:vertical; }
footer { background:var(--ink); color:#d7eeeb; padding:52px 0 24px; }
.footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:40px; padding-bottom:35px; }
footer h3 { color:#fff; font-size:1.35rem; }
footer p, footer li { color:#a6c3c1; font-size:.9rem; }
footer ul { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.copyright { border-top:1px solid rgba(255,255,255,.15); padding-top:20px; color:#8ba9a7; font-size:.78rem; display:flex; justify-content:space-between; gap:20px; }
.notice { padding:18px 20px; background:#fff8ed; border-left:4px solid #e3a23b; color:#76551b; }
@media (min-width:761px) { .hero { background-attachment:fixed; } }
@media (max-width:760px) { .container{width:min(100% - 28px,1160px)} .topbar .container{justify-content:center;font-size:.75rem}.topbar .container span:first-child{display:none}.nav{min-height:70px}.menu{display:block}.navlinks{display:none;position:absolute;left:14px;right:14px;top:70px;background:#fff;padding:20px;box-shadow:0 14px 30px rgba(16,43,58,.13);flex-direction:column;align-items:stretch;gap:5px}.navlinks.open{display:flex}.nav-cta{display:none}.hero{min-height:590px;background-position:center,center}.hero-content{padding:65px 0}.section{padding:70px 0}.section-head,.split,.contact-grid{display:block}.section-head p{margin-top:15px}.grid-3{grid-template-columns:1fr}.split>*+*{margin-top:35px}.statbox{padding:32px}.footer-grid{grid-template-columns:1fr;gap:25px}.copyright{display:block}.copyright span{display:block;margin-top:8px} }