/* Northline Auto — Back2Life Designs Free Automotive Starter */
:root,
html[data-theme="signal-red"]{--accent:#ad2d26;--accent-dark:#89211c;--accent-soft:#f7e6e4;--accent-bright:#ff8b7d;--accent-rgb:173,45,38}
html[data-theme="service-blue"]{--accent:#1b5d8f;--accent-dark:#174a70;--accent-soft:#e4eff8;--accent-bright:#91d3ff;--accent-rgb:27,93,143}
html[data-theme="garage-green"]{--accent:#27634d;--accent-dark:#1a503b;--accent-soft:#e2f0e8;--accent-bright:#9ddfc0;--accent-rgb:39,99,77}
html[data-theme="track-orange"]{--accent:#98521b;--accent-dark:#7c4116;--accent-soft:#f8ecdf;--accent-bright:#ffc38b;--accent-rgb:152,82,27}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:#f7f8f6;color:#14242a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}svg{display:block}
:focus-visible{outline:3px solid #66c9e4;outline-offset:4px}
.container{width:min(1180px,calc(100% - 52px));margin-inline:auto}
.skip-link{position:absolute;left:14px;top:-70px;z-index:10000;background:white;color:#14242a;padding:12px 18px;border-radius:6px}.skip-link:focus{top:10px}
.demo-ribbon{display:flex;justify-content:space-between;gap:16px;padding:8px max(26px,calc((100vw - 1180px)/2));background:#102027;color:#c4d0d3;font-size:10px;font-weight:750;letter-spacing:.13em}
.site-header{position:relative;z-index:10;background:#fff;border-bottom:1px solid #e0e7e7}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{width:46px;height:46px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:12px;transition:background .2s}.brand-mark svg{width:32px;height:32px}.brand-name{display:block;font-weight:900;font-size:19px;line-height:1;letter-spacing:-.045em}.brand-name strong{color:var(--accent)}.brand-name small{display:block;margin-top:7px;font-weight:800;font-size:9px;letter-spacing:.23em;color:#708189}.nav-links{display:flex;align-items:center;gap:29px;font-size:14px;font-weight:750}.nav-links>a:not(.nav-cta):hover{color:var(--accent)}.nav-cta{padding:14px 19px;background:#14242a;color:white;border-radius:8px;white-space:nowrap}.nav-cta span{margin-left:14px}.nav-cta:hover{background:var(--accent)}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;min-height:615px;background:#13232a;color:#fff;overflow:hidden}.hero:before{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(90deg,#13232a 0%,#13232a 31%,rgba(19,35,42,.87) 48%,rgba(19,35,42,.18) 77%,rgba(19,35,42,.1) 100%)}.hero-image{position:absolute;z-index:-2;inset:0 0 0 auto;width:57%;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:47% 55%;filter:saturate(.93)}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 61%,rgba(19,35,42,.44))}.hero-inner{min-height:615px;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:72px;padding-bottom:96px}.hero-copy{width:min(850px,100%)}.eyebrow{color:var(--accent);letter-spacing:.16em;font-size:12px;font-weight:850;margin:0 0 20px}.eyebrow-light{color:var(--accent-bright)}.eyebrow-line{display:inline-block;width:23px;height:2px;background:currentColor;vertical-align:middle;margin-right:10px}.hero h1{font-size:clamp(49px,6.9vw,93px);line-height:.99;letter-spacing:-.076em;max-width:950px;font-weight:850;margin:0 0 27px}.hero h1 em{font-weight:850;font-style:normal;color:var(--accent-bright)}.hero-description{font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:#d1dde0;max-width:590px;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:49px;border-radius:8px;padding:14px 21px;font-size:14px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-accent{background:var(--accent);color:white}.button-accent:hover{background:var(--accent-dark)}.button-ghost{border:1px solid #8a9c9d;color:#fff;background:rgba(255,255,255,.03)}.button-ghost:hover{background:rgba(255,255,255,.11)}
.theme-picker{display:inline-flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:36px}.theme-picker-label{font-size:11px;font-weight:800;letter-spacing:.16em;color:#b6c6ca}.theme-options{display:flex;flex-wrap:wrap;gap:8px}.theme-options button{color:#f5f6f6;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.28);padding:9px 11px 9px 9px;display:inline-flex;align-items:center;gap:8px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer}.theme-options button[aria-pressed="true"]{border-color:var(--accent-bright);background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px var(--accent-bright)}.theme-options button:hover{background:rgba(255,255,255,.16)}.swatch{width:16px;height:16px;display:inline-block;border-radius:50%;background:var(--swatch);border:1px solid rgba(255,255,255,.8);flex:0 0 16px}.hero-visual-caption{position:absolute;bottom:26px;right:0;display:flex;gap:25px;font-size:10px;letter-spacing:.13em;font-weight:750;color:#e4edef}
.category-strip{background:#fff;border-bottom:1px solid #d9e1e1}.strip-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#455860;font-size:11px;font-weight:850;letter-spacing:.1em}.strip-inner i{font-size:14px;font-style:normal;color:var(--accent)}
.section{padding:92px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-heading h2,.about-content h2,.contact-section h2{margin:0;font-weight:850;letter-spacing:-.067em;line-height:1.05;font-size:clamp(36px,4.4vw,60px)}.accent-text{color:var(--accent)}.section-heading>p{color:#62747b;font-size:16px;line-height:1.7;max-width:360px;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.service-card{background:#fff;border:1px solid #e0e4e4;border-radius:13px;overflow:hidden;box-shadow:0 10px 30px rgba(14,27,30,.035)}.service-card img{display:block;width:100%;height:124px;object-fit:cover;object-position:center}.service-card-inner{padding:25px 22px 28px}.service-index{font-size:10px;letter-spacing:.14em;color:var(--accent);font-weight:850}.service-card h3{font-size:19px;letter-spacing:-.04em;margin:14px 0 12px;color:#14242a}.service-card p{font-size:14px;line-height:1.7;color:#68777c;margin:0}
.about-section{background:#e9edeb}.about-grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,85px)}.about-photo{position:relative;align-self:stretch;min-height:370px;border-radius:13px;overflow:hidden;background:#23333b}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:45% 50%;display:block}.photo-note{position:absolute;bottom:17px;left:17px;background:rgba(20,36,42,.93);color:white;font-size:10px;font-weight:800;letter-spacing:.11em;border-radius:5px;padding:12px 15px}.about-content h2{font-size:clamp(37px,4vw,58px)}.about-content>p:not(.eyebrow){color:#566a70;font-size:17px;line-height:1.75;max-width:540px;margin:27px 0 23px}.text-link{display:inline-flex;gap:25px;align-items:center;color:#162930;border-bottom:2px solid var(--accent);font-weight:800;padding-bottom:7px}.about-mini{display:flex;gap:8px;flex-wrap:wrap;margin-top:38px}.about-mini span{font-size:10px;font-weight:850;letter-spacing:.1em;padding:9px 11px;border:1px solid #cdd7d4;border-radius:6px;color:#4f6469}
.process-section{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.process-grid article{padding:28px 26px 22px;border-top:3px solid var(--accent);background:#f5f7f6;border-radius:0 0 10px 10px;min-height:184px}.process-grid article>span{font-size:31px;letter-spacing:-.05em;font-weight:850;color:var(--accent)}.process-grid h3{margin:14px 0 8px;letter-spacing:-.03em;font-size:21px}.process-grid p{line-height:1.7;color:#64757a;font-size:14px;margin:0}
.contact-section{background:#13232a;color:#fff}.contact-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,8vw,110px)}.contact-section h2{font-size:clamp(48px,5.2vw,74px)}.accent-dot{color:var(--accent-bright)}.contact-section .contact-grid>div:first-child>p:not(.eyebrow){color:#c6d1d3;line-height:1.75;max-width:480px;font-size:17px;margin:26px 0}.demo-flag{display:inline-block;border:1px solid #71858c;border-radius:5px;padding:10px 12px;color:#cedfe3;font-size:10px;font-weight:800;letter-spacing:.13em}.contact-details{border-top:1px solid #60747c}.contact-details>div{border-bottom:1px solid #60747c;padding:19px 0}.contact-details>div span{display:block;color:var(--accent-bright);font-weight:850;font-size:10px;letter-spacing:.15em;margin-bottom:10px}.contact-details>div strong{font-weight:600;font-size:17px}.contact-details>p{color:#bbcccf;line-height:1.6;font-size:12px}
.site-footer{background:#0d191e;color:white}.footer-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-weight:900;letter-spacing:-.03em}.footer-brand strong{color:var(--accent-bright)}.footer-inner p{font-size:12px;color:#a6b9be}.footer-inner>a:last-child{font-size:12px;font-weight:800}
@media(max-width:1020px){.nav-links{gap:17px}.hero h1{font-size:clamp(50px,7vw,74px)}.hero-image{width:67%}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card img{height:150px}}
@media(max-width:760px){.container{width:min(100% - 36px,600px)}.demo-ribbon{padding:8px 18px;justify-content:center}.demo-ribbon span:last-child{display:none}.header-inner{min-height:70px}.brand-name{font-size:17px}.brand-mark{width:39px;height:39px}.brand-mark svg{width:28px;height:28px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:1px solid #d8e0e0;background:#fff;border-radius:7px;padding:9px;cursor:pointer}.menu-toggle span{display:block;height:2px;width:100%;background:#20313b}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:17px 18px 23px;box-shadow:0 18px 24px rgba(10,28,31,.13);flex-direction:column;align-items:stretch;gap:0}.nav-links.is-open{display:flex}.nav-links>a{padding:13px;border-bottom:1px solid #e8eeee}.nav-links .nav-cta{text-align:center;margin-top:11px;padding:14px}.hero,.hero-inner{min-height:0}.hero-image{width:100%;opacity:.40}.hero:before{background:linear-gradient(90deg,rgba(19,35,42,.95),rgba(19,35,42,.72))}.hero-inner{padding-top:75px;padding-bottom:91px}.hero h1{font-size:clamp(46px,9vw,70px);letter-spacing:-.065em}.hero-description{font-size:16px}.hero-visual-caption{right:auto;left:0;gap:11px;bottom:25px;flex-wrap:wrap}.hero-visual-caption span:last-child{display:none}.strip-inner{justify-content:center;flex-wrap:wrap;min-height:0;padding:18px 0;column-gap:13px;row-gap:9px;font-size:10px}.strip-inner i:last-of-type{display:none}.section{padding:65px 0}.section-heading{display:block}.section-heading>p{margin-top:19px;max-width:none}.about-grid,.contact-grid{grid-template-columns:1fr}.about-photo{min-height:270px}.process-grid{grid-template-columns:1fr;gap:12px}.process-grid article{min-height:0}.footer-inner{padding:24px 0;flex-direction:column;align-items:flex-start}}
@media(max-width:460px){.container{width:calc(100% - 30px)}.demo-ribbon{font-size:9px}.hero-inner{padding-top:57px;padding-bottom:82px}.hero h1{font-size:clamp(40px,10vw,54px)}.hero-actions .button{width:100%}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.theme-options button{justify-content:flex-start}.category-strip .strip-inner i{display:none}.service-grid{grid-template-columns:1fr}.service-card img{height:170px}.service-card-inner{padding:21px}.about-photo{min-height:225px}.section-heading h2,.about-content h2{font-size:39px}.contact-section h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}