/* Approved MIB-derived composition; Trucker Digital's own red/charcoal identity. */
.button.primary{color:#fff}
.button.primary:hover{background:#ad2819}
.button.outline.light{border-color:#fff;color:#fff}
.button.outline.light:hover{background:#fff;color:var(--ink)}
.site-header :focus-visible,.site-footer :focus-visible,.dark-section :focus-visible,.inner-hero :focus-visible{outline-color:#f27765}
.nav-toggle svg,.main-nav>a.active,.main-nav>a:hover,.nav-toggle:hover{color:#f27765}
.dark-section .text-link,.slider-section.dark-section .card-link{color:#fff}
.cta-band{color:#fff}
.cta-band .button{background:#fff;color:var(--ink)}
.cta-band .button:hover{background:#f0efed}
.faq-item h3 button>span,.process-steps li>span{color:#fff}
.pricing-table thead th:nth-child(3) .button{color:#fff}
.hero-price strong{color:#fff}
.nav-column h3,.text-link{color:#303c47}
.nav-panel .td-icon{color:var(--accent)}
.inner-hero{background:#252e36}
.hero-photo{object-position:62% 57%}
.hero-shade{background:linear-gradient(90deg,rgba(10,16,22,.76),rgba(10,16,22,.28) 54%,rgba(10,16,22,.08)),linear-gradient(0deg,#10171e 0%,transparent 66%)}
.home-hero h1{max-width:640px;font-size:58px}
.home-hero-content>div{max-width:635px}
.home-hero p{max-width:600px}
.photo-credit{position:absolute;right:24px;bottom:19px;font-size:11px;color:#e7e7e7;text-decoration:underline;text-underline-offset:3px}
.choice-heading{display:flex;align-items:flex-start;gap:16px}
.choice-heading .td-icon{color:var(--accent);margin-top:1px;flex:0 0 30px}
.choice-heading h2{margin-bottom:14px}
.nav-column h3{display:flex;align-items:center;gap:10px}
.contact-grid>div:first-child>h3{margin-top:36px}
.service-intro-icon{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:600;margin-bottom:22px}
.service-intro-icon .td-icon{color:#f27765}
.service-inclusions h2{display:flex;align-items:center;gap:18px}
.service-inclusions h2 .td-icon{color:var(--accent)}
.service-inclusions .scope-note{max-width:960px}
.service-feature{padding:54px 0 58px}
.service-feature-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.service-feature-copy h2{font-size:40px;margin-bottom:22px;max-width:540px}
.service-feature-copy>p{max-width:580px}
.service-feature-copy .text-link{margin-top:25px}
.service-feature-copy ul{list-style:none;margin-top:24px;display:grid;gap:15px}
.service-feature-copy li{display:flex;align-items:flex-start;gap:12px}
.service-feature-copy li svg{flex:0 0 20px;margin-top:5px;color:var(--accent)}
.service-work-preview{display:block;background:#eeece9;padding:24px;border-radius:24px}
.service-work-preview img{width:100%;border:1px solid #d2d1cf;aspect-ratio:1.5;object-fit:cover;object-position:top}
.service-work-preview>span{display:flex;justify-content:space-between;gap:16px;font-size:16px;font-weight:600;margin-top:18px}
.service-detail-table{width:100%;border-collapse:collapse;font-size:17px;line-height:1.5}
.service-detail-table caption{text-align:left;font-size:22px;font-weight:700;margin-bottom:20px}
.service-detail-table tr{border-bottom:1px solid #c7c9cb}
.service-detail-table th,.service-detail-table td{padding:18px 0;vertical-align:top;text-align:left}
.service-detail-table th{width:35%;padding-right:25px;font-weight:600}
.email-addresses{background:var(--mist);padding:36px;border-radius:24px}
.email-addresses h3{font-size:27px;margin-bottom:24px}
.email-addresses>div{display:flex;gap:16px;align-items:flex-start;padding-block:20px;border-bottom:1px solid #c7c9cb}
.email-addresses .td-icon{color:var(--accent);margin-top:3px}
.email-addresses strong{font-size:20px;display:block;overflow-wrap:anywhere}
.email-addresses p{font-size:16px;margin-top:4px}
.email-addresses small{font-size:14px;display:block;margin-top:20px}
.logo-deliverables{border:1px solid #d4d5d6;border-radius:24px;overflow:hidden}
.logo-deliverables figure{min-height:230px;display:flex;align-items:center;padding:44px;background:#f0efed}
.logo-deliverables figure img{width:100%;height:auto}
.logo-deliverables>div{padding:25px 32px;display:flex;justify-content:space-between;gap:20px;font-size:16px}
.logo-deliverables>p{padding:0 32px 26px;font-size:14px;color:#555d65}
.service-preparation{padding-bottom:56px}
.preparation-inner{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;border-top:1px solid #c7c9cb;padding-top:36px}
.preparation-inner h2{font-size:30px}
.preparation-inner p{font-size:18px}
.preparation-inner ul{display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;padding-left:20px;margin-top:20px;font-size:17px}
.service-fit{font-size:16px;margin-top:22px!important;max-width:530px}
.portfolio-note{font-size:16px;max-width:900px;margin:0 0 36px;color:#555d65}
.project-grid{grid-template-columns:1fr;gap:54px}
.project-tile{display:grid;grid-template-columns:1.35fr 1fr;gap:46px;align-items:center}
.project-grid .project-tile img{aspect-ratio:1.45;object-fit:cover;object-position:top;width:100%;border-radius:16px;border:1px solid #d3d5d6}
.project-tile>div{padding-block:12px}
.project-tile h2{font-size:36px}
.project-tile .card-category{margin:0 0 14px;font-size:15px;color:#626970}
.project-tile p:not(.card-category){font-size:19px;margin-top:20px}
.project-tile .button{margin-top:24px}


.project-tile dl{display:flex;gap:28px;margin-top:24px;font-size:16px}
.project-tile dt{font-weight:700;margin-bottom:4px}
.project-tile dd{margin:0}
.case-meta{display:flex;gap:42px;flex-wrap:wrap;margin-top:28px;font-size:17px}
.case-meta dt{font-size:14px;color:#cdd2d7;margin-bottom:5px}
.case-meta dd{margin:0}
.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-block:50px}
.case-intro h2{font-size:34px;margin-bottom:22px}
.case-intro p+p{margin-top:18px}
.concept-screen{border:1px solid #cbd0d3;border-radius:16px;overflow:hidden;display:block;background:#efefef}
.concept-screen img{width:100%;height:auto}
.concept-screen-caption{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:16px}
.case-detail-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;padding-block:54px}
.case-detail-row h2{font-size:36px;margin-bottom:22px}
.case-detail-row ul{list-style:none;display:grid;gap:20px}
.case-detail-row li{display:flex;gap:14px}
.case-detail-row li .td-icon{flex:0 0 24px;margin-top:2px;color:var(--accent)}
.case-detail-row strong{display:block;margin-bottom:5px;font-size:21px}
.case-mobile-example{background:#efedeb;padding:32px;border-radius:24px;display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:center}
.case-mobile-example img{width:220px;max-height:510px;object-fit:cover;object-position:top;border:1px solid #c3c6c8;border-radius:12px}
.case-mobile-example h3{font-size:28px;margin-bottom:15px}
.case-mobile-example p{font-size:17px}
.concept-disclosure{font-size:15px;padding:20px 0;color:#59616a;max-width:900px}
.service-cta{margin-bottom:20px}
@media(max-width:1279px){.main-nav .nav-column h3{color:#fff}.service-feature-grid{gap:36px}.case-mobile-example{grid-template-columns:180px 1fr;padding:24px;gap:24px}.case-mobile-example img{width:180px}.project-tile{gap:32px}}
@media(max-width:767px){.home-hero h1{font-size:40px}.hero-photo{height:100%;top:0;object-position:72% 50%}.hero-shade{background:linear-gradient(0deg,#10171e 0%,rgba(10,16,22,.78) 48%,rgba(10,16,22,.12))}.home-hero-content{padding-bottom:48px}.photo-credit{right:16px;bottom:15px;font-size:10px}.service-feature{padding-block:36px}.service-feature-grid,.preparation-inner,.project-tile,.project-tile:nth-of-type(2),.case-intro,.case-detail-row{grid-template-columns:1fr;gap:28px}.service-feature-copy h2{font-size:32px}.service-work-preview{padding:18px;border-radius:20px}.service-intro-icon{margin-bottom:18px}.email-addresses{padding:26px 22px}.email-addresses strong{font-size:18px}.logo-deliverables figure{min-height:180px;padding:30px}.logo-deliverables>div{padding:22px;flex-wrap:wrap;gap:10px 22px}.logo-deliverables>p{padding:0 22px 24px}.service-preparation{padding-bottom:36px}.preparation-inner{padding-top:26px}.preparation-inner ul{grid-template-columns:1fr;gap:12px;margin-top:16px}.service-detail-table{font-size:16px}.service-detail-table th{padding-right:16px}.project-tile h2{font-size:31px}.project-tile:nth-of-type(2)>a{order:0}.project-tile dl{gap:24px}.project-tile p:not(.card-category){font-size:18px}.project-grid{gap:42px}.case-meta{gap:20px 30px}.case-intro{padding-block:36px}.case-intro h2,.case-detail-row h2{font-size:31px}.case-detail-row{padding-block:36px}.concept-screen-caption{flex-direction:column;gap:14px}.case-mobile-example{grid-template-columns:150px 1fr;padding:22px;gap:22px}.case-mobile-example img{width:150px;max-height:360px}.case-mobile-example h3{font-size:24px}.case-mobile-example p{font-size:16px}.concept-disclosure{font-size:14px}.choice-heading{gap:14px}.service-inclusions h2{gap:12px}.service-inclusions h2 .td-icon{width:28px}}
@media(max-width:420px){.case-mobile-example{grid-template-columns:1fr}.case-mobile-example img{width:240px;max-height:520px;margin:auto}}

/* Keep focus visible on the accent band and avoid doubled action spacing. */
.cta-band :focus-visible{outline-color:var(--ink)}
.inner-hero .actions{margin-top:32px}
.inner-hero .actions .button{margin-top:0}
.soft-section + .cta-wrap{padding-top:40px}
.request-form input,.request-form select,.request-form textarea,.support-form input,.support-form select,.support-form textarea{border-color:#7b838a}

.home-hero-content>div,.hero-photo{animation:none}
@media(max-width:1279px){.nav-panel .td-icon{color:#f27765}}