:root{
  --bg:#070707; --bg2:#111; --text:#f7f4ec; --muted:#b9b4aa; --gold:#d89a24; --gold2:#f0b84a; --line:rgba(255,255,255,.12); --card:rgba(255,255,255,.075); --white:#fff;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#faf7f0;color:#1d1b18;line-height:1.6} a{color:inherit;text-decoration:none} img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:10;background:rgba(8,8,8,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:78px;width:min(1220px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:900;letter-spacing:.2px}.brand img{width:48px;height:48px;border-radius:14px;object-fit:cover;box-shadow:0 8px 25px rgba(216,154,36,.3)}.nav-links{display:flex;align-items:center;gap:28px;color:#eee;font-size:14px;font-weight:700}.nav-links a:not(.nav-cta){opacity:.82}.nav-links a:hover{opacity:1;color:var(--gold2)}.nav-cta{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;padding:12px 18px;border-radius:999px;box-shadow:0 8px 25px rgba(216,154,36,.22)}.nav-toggle{display:none;background:none;color:#fff;border:0;font-size:30px}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 75% 25%,rgba(216,154,36,.28),transparent 26%),linear-gradient(120deg,#050505,#17120b 58%,#050505)}.hero-bg-logo{position:absolute;inset:0;background:url('assets/stinatrans-logo.jpeg') center/cover no-repeat;opacity:.13;filter:blur(2px) saturate(.9);transform:scale(1.04)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.66),rgba(0,0,0,.9))}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr .65fr;gap:56px;align-items:center;padding-top:82px}.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900;margin:0 0 16px}.eyebrow.dark{color:#a96e0d}.hero h1{color:var(--text);font-size:clamp(44px,7vw,86px);line-height:.95;margin:0 0 26px;letter-spacing:-.06em;max-width:920px}.hero-text{color:#ded8cc;font-size:clamp(18px,2vw,22px);max-width:720px;margin:0 0 32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:999px;font-weight:900;transition:.25s transform,.25s box-shadow}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;box-shadow:0 14px 40px rgba(216,154,36,.28)}.btn-ghost{border:1px solid rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.05)}.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:36px}.trust-row span{border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.06);font-size:13px;font-weight:800}.hero-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:34px;padding:26px;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.35);backdrop-filter:blur(18px)}.hero-card img{border-radius:24px;margin-bottom:20px}.hero-card h2{margin:0 0 10px}.hero-card p{color:#ddd}.hero-card a{color:var(--gold2);font-weight:800}.section{padding:96px 0}.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.section h2{font-size:clamp(32px,4vw,54px);line-height:1.02;letter-spacing:-.04em;margin:0}.intro p:last-child{font-size:19px;color:#4b463e}.dark-section,.quality,.contact-section{background:var(--bg);color:var(--text);position:relative;overflow:hidden}.dark-section:before,.quality:before,.contact-section:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 80% 20%,rgba(216,154,36,.18),transparent 28%);pointer-events:none}.section-head{position:relative;z-index:1;max-width:760px;margin-bottom:42px}.cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:28px;min-height:230px}.icon{display:inline-flex;width:44px;height:44px;border-radius:14px;align-items:center;justify-content:center;background:rgba(216,154,36,.16);color:var(--gold2);font-weight:900;margin-bottom:28px}.card h3{margin:0 0 12px;font-size:21px}.card p{margin:0;color:#c8c3ba}.fleet{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.fleet-visual{height:420px;border-radius:38px;background:linear-gradient(145deg,#151515,#282018);position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.18)}.truck-line{position:absolute;left:12%;right:12%;top:50%;height:10px;border-radius:999px;background:var(--gold);box-shadow:0 55px 0 #2c2c2c,80px 55px 0 #2c2c2c,230px 55px 0 #2c2c2c}.truck-line:before{content:"";position:absolute;left:22%;bottom:10px;width:44%;height:70px;border-radius:10px 10px 2px 2px;border:7px solid var(--gold);border-bottom:none}.truck-line:after{content:"";position:absolute;right:5%;bottom:10px;width:110px;height:92px;border-radius:22px 10px 2px 2px;border:7px solid var(--gold);border-bottom:none}.fleet-badge{position:absolute;left:28px;bottom:28px;background:#fff;color:#111;border-radius:999px;padding:12px 18px;font-weight:900}.fleet-text p{color:#514c44;font-size:18px}.check-list{padding:0;margin:26px 0 0;list-style:none}.check-list li{margin:12px 0;padding-left:34px;position:relative;font-weight:800}.check-list li:before{content:"✓";position:absolute;left:0;color:#a96e0d}.quality-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats div{background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:24px;padding:24px}.stats strong{display:block;color:var(--gold2);font-size:34px;line-height:1;font-weight:900}.stats span{display:block;color:#cbc6bd;margin-top:10px;font-size:14px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{border-top:3px solid #d89a24;background:#fff;border-radius:0 0 24px 24px;padding:26px;box-shadow:0 20px 50px rgba(0,0,0,.08)}.step span{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:#111;color:var(--gold2);font-weight:900}.step h3{margin:20px 0 8px}.step p{margin:0;color:#565047}.contact-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr .85fr;gap:60px;align-items:start}.contact-copy p{color:#d6d0c5;font-size:18px;max-width:640px}.contact-card{background:#fff;color:#1d1b18;border-radius:32px;padding:34px;box-shadow:0 20px 70px rgba(0,0,0,.24)}.contact-card h3{font-size:30px;margin:0 0 18px}.contact-card a{color:#a96e0d;font-weight:900}.legal{display:grid;grid-template-columns:1fr 1fr;gap:22px}.legal-box{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:26px;padding:30px;box-shadow:0 16px 42px rgba(0,0,0,.06)}.legal-box h2{font-size:28px;margin-bottom:14px}.footer{background:#050505;color:#ccc;padding:26px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer a{color:var(--gold2);font-weight:900}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease, transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:880px){.nav-toggle{display:block}.nav-links{position:absolute;left:16px;right:16px;top:84px;display:none;flex-direction:column;background:#111;border:1px solid var(--line);border-radius:24px;padding:22px}.nav-links.open{display:flex}.hero-grid,.intro,.fleet,.quality-grid,.contact-grid,.legal{grid-template-columns:1fr}.hero{min-height:auto;padding:120px 0 60px}.hero-card{max-width:420px}.cards{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.footer-inner{flex-direction:column}.section{padding:68px 0}.fleet-visual{height:300px}}
