.dar-page { background: #f4f7fb; }
.dar-page .site-header { border-bottom-color: rgba(126,170,235,.18); }
.dar-hero { position: relative; overflow: hidden; padding: 84px 0 92px; background: radial-gradient(circle at 75% 10%, rgba(40,112,220,.25), transparent 35%), linear-gradient(145deg,#030a18,#071a3d 60%,#0b2a61); }
.dar-hero::before { content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(to bottom,#000,transparent 95%); }
.dar-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns: .95fr 1.05fr; gap:44px; align-items:center; }
.dar-hero-copy h1 { max-width:780px; font-size:clamp(3rem,6vw,6.5rem); }
.dar-slogan { margin:-8px 0 22px; color:#78b3ff; font-size:clamp(1.15rem,2.4vw,1.7rem); font-weight:900; letter-spacing:.04em; }
.dar-hero-art { margin:0; overflow:hidden; border:1px solid rgba(154,197,255,.28); border-radius:30px; background:#020714; box-shadow:0 36px 100px rgba(0,0,0,.5),0 0 45px rgba(54,123,226,.17); transform:perspective(1200px) rotateY(-2deg); }
.dar-hero-art img { display:block; width:100%; height:auto; }
.dar-value-band { color:#eef5ff; background:linear-gradient(90deg,#11356d,#1d5aaa); }
.dar-value-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.dar-value-grid div { padding:27px 23px; border-right:1px solid rgba(255,255,255,.16); }
.dar-value-grid div:last-child { border-right:0; }
.dar-value-grid strong,.dar-value-grid span { display:block; }
.dar-value-grid span { margin-top:5px; color:#d0e0f5; font-size:.9rem; }
.narrative-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:60px; align-items:start; }
.narrative-copy { color:#35445a; font-size:1.12rem; }
.narrative-copy p:last-of-type { margin-bottom:28px; }
.dar-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.dar-feature-card { padding:29px; border:1px solid #d9e2ee; border-radius:22px; background:#fff; box-shadow:0 14px 42px rgba(15,39,75,.07); }
.dar-feature-card > span { display:grid; place-items:center; width:50px; height:50px; margin-bottom:20px; color:#fff; border-radius:15px; background:linear-gradient(145deg,#3479dc,#0a2b61); font-size:1.35rem; }
.dar-feature-card p { margin-bottom:0; color:#46556a; }
.operations-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:55px; align-items:start; }
.section-dark-copy { color:#c0cee0; font-size:1.08rem; }
.operations-list { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.operations-list span { padding:14px 15px; color:#e6effb; border:1px solid rgba(255,255,255,.13); border-radius:12px; background:rgba(255,255,255,.055); }
.dar-steps { list-style:none; margin:0; padding:0; border-top:1px solid #d7e0eb; }
.dar-steps li { display:grid; grid-template-columns:100px 1fr; gap:22px; padding:31px 0; border-bottom:1px solid #d7e0eb; }
.dar-steps strong { color:#2d6dca; font-size:1.8rem; }
.dar-steps h3 { margin:0 0 6px; font-size:1.45rem; }
.dar-steps p { margin:0; color:#4d5c70; }
.audience-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.audience-grid span { padding:18px 15px; border-left:3px solid #2d6dca; border-radius:10px; background:#fff; box-shadow:0 10px 30px rgba(15,39,75,.055); font-weight:750; }
.mobility-banner { position:relative; overflow:hidden; padding:90px 0; text-align:center; background:linear-gradient(145deg,rgba(3,10,24,.93),rgba(7,26,61,.96)),url("../assets/texas-hero-panorama-wide.png") center/cover no-repeat; }
.mobility-banner .container { max-width:980px; }
.mobility-banner h2 { font-size:clamp(2.1rem,4vw,4.2rem); }
.mobility-banner p { color:#c2d0e3; font-size:1.12rem; }
.mobility-banner strong { display:inline-block; margin-top:12px; color:#75b1ff; font-size:1.15rem; letter-spacing:.09em; text-transform:uppercase; }
.faq-shell { max-width:1000px; }
.faq-list { display:grid; gap:12px; }
.faq-list details { padding:0 22px; border:1px solid #d3dfeb; border-radius:15px; background:#fff; }
.faq-list summary { cursor:pointer; padding:20px 0; font-weight:850; font-size:1.05rem; }
.faq-list p { padding:0 0 20px; color:#46556a; }
.demo-section { position:relative; overflow:hidden; background:linear-gradient(180deg,#eef3f9,#e6edf7); }
.demo-section::after { content:""; position:absolute; right:-120px; bottom:-110px; width:460px; aspect-ratio:1; opacity:.22; background:url("../assets/texas-light-showcase.png") center/contain no-repeat; }
.demo-grid { position:relative; z-index:1; display:grid; grid-template-columns:.8fr 1.2fr; gap:58px; align-items:start; }
.demo-copy { position:sticky; top:110px; }
.demo-note { display:grid; gap:4px; margin:27px 0 18px; padding:18px; border-left:4px solid #2d6dca; border-radius:0 12px 12px 0; background:#fff; }
.business-phone-note { color:#46556a; }
.dar-footer .footer-bottom a { display:inline; margin:0; }
.honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
@media (max-width:1050px) {
  .dar-hero-grid,.narrative-grid,.operations-grid,.demo-grid { grid-template-columns:1fr; }
  .dar-feature-grid { grid-template-columns:repeat(2,1fr); }
  .audience-grid { grid-template-columns:repeat(3,1fr); }
  .dar-value-grid { grid-template-columns:repeat(2,1fr); }
  .dar-value-grid div:nth-child(2) { border-right:0; }
  .dar-value-grid div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.16); }
  .demo-copy { position:static; }
  .dar-hero-art { transform:none; }
}
@media (max-width:680px) {
  .dar-hero { padding:54px 0 66px; }
  .dar-hero-copy h1 { font-size:clamp(2.6rem,13vw,4.3rem); }
  .dar-hero-art { border-radius:18px; }
  .dar-value-grid,.dar-feature-grid,.audience-grid,.operations-list { grid-template-columns:1fr; }
  .dar-value-grid div { border-right:0; border-bottom:1px solid rgba(255,255,255,.16); }
  .dar-steps li { grid-template-columns:62px 1fr; }
}
