/*
Theme Name: ANDSTARS Vehicle Electronics
Description: B2B vehicle electronics website theme.
Version: 1.0.0
*/
:root{--ink:#151c26;--muted:#667180;--paper:#f3f5f8;--white:#fff;--brand:#1859a9;--brand2:#68c8ef;--line:#dce2e9;--dark:#0d1b2d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(243,245,248,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;flex-direction:column;line-height:1.15}.brand strong{font-size:24px;letter-spacing:.1em}.brand span{font-size:10px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:5px}.main-nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:600}.main-nav a:hover{color:var(--brand)}.main-nav .nav-cta{background:var(--brand);color:white;padding:11px 17px;border-radius:4px}.main-nav .nav-cta:hover{background:var(--dark);color:white}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#e9f0f7 0%,#f3f5f8 55%,#dce8f4 100%);border-bottom:1px solid var(--line)}.hero:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(24,89,169,.15);box-shadow:0 0 0 70px rgba(24,89,169,.035),0 0 0 140px rgba(24,89,169,.025);border-radius:50%;right:-170px;top:-170px}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.45fr .75fr;gap:80px;align-items:center;padding-top:100px;padding-bottom:100px}.eyebrow{color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px}.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.04;letter-spacing:-.045em;margin:0 0 28px;max-width:800px}.hero h1 em{font-style:normal;color:var(--brand)}.hero-lead{font-size:19px;color:#4f5c6c;max-width:680px;margin:0 0 34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-block;border:0;border-radius:4px;background:var(--brand);color:white;padding:14px 22px;font:700 14px/1.2 inherit;cursor:pointer}.button:hover{background:var(--dark)}.button.secondary{background:transparent;color:var(--brand);border:1px solid var(--brand)}.button.secondary:hover{background:var(--brand);color:white}.button.light{background:white;color:var(--brand)}.hero-card{background:var(--dark);color:white;padding:34px;box-shadow:0 24px 70px rgba(13,27,45,.2)}.hero-card>span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand2);font-weight:700}.hero-card ol{padding-left:21px;margin:24px 0 28px;color:#d7e1ec}.hero-card li{margin:12px 0}.hero-card a{color:var(--brand2);font-weight:700}.section{padding:90px 0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}.section-heading h2,.split h2,.cta-band h2{font-size:clamp(30px,4vw,46px);line-height:1.15;letter-spacing:-.03em;margin:0}.section-heading>p{max-width:390px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{background:var(--white);border:1px solid var(--line);padding:27px;min-height:320px;display:flex;flex-direction:column;transition:.2s}.product-card:hover{transform:translateY(-5px);border-color:var(--brand);box-shadow:0 18px 45px rgba(21,28,38,.09)}.card-index{font-size:12px;letter-spacing:.16em;color:var(--brand);font-weight:800}.product-card h3{font-size:24px;line-height:1.2;margin:35px 0 15px}.product-card p{color:var(--muted);margin:0 0 28px}.product-card strong{margin-top:auto;font-size:13px;color:var(--brand)}.dark-section{background:var(--dark);color:white}.dark-section .eyebrow{color:var(--brand2)}.split{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center}.split>div>p:last-child{color:#c0ccda}.video-cta{border-left:3px solid var(--brand2);padding:8px 0 8px 30px}.video-cta>span{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--brand2)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps>div{border-top:1px solid var(--line);padding-top:24px}.steps b{display:inline-grid;place-items:center;width:38px;height:38px;background:var(--brand);color:white;border-radius:50%}.steps h3{font-size:20px;margin:20px 0 8px}.steps p{color:var(--muted);margin:0}.cta-band{background:#dbe8f4;padding:50px 0}.cta-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-band .eyebrow{margin-bottom:10px}.site-footer{background:#091422;color:white;padding:55px 0 22px}.footer-grid{display:flex;justify-content:space-between;gap:40px}.footer-grid strong{font-size:22px;letter-spacing:.1em}.footer-grid p,.footer-grid span{color:#aab7c5;font-size:13px}.footer-grid>div:last-child{display:flex;flex-direction:column;gap:8px}.copyright{border-top:1px solid #243243;margin-top:35px;padding-top:20px;color:#8492a2;font-size:12px}.page-hero{background:var(--dark);color:white;padding:65px 0}.page-hero .eyebrow{color:var(--brand2)}.page-hero h1{font-size:clamp(36px,5vw,58px);line-height:1.1;margin:0;letter-spacing:-.035em}.content-narrow{max-width:860px}.page-content{font-size:17px}.page-content h2{color:var(--brand);font-size:28px;margin-top:38px}.page-content h3{font-size:21px}.page-content ul{padding-left:22px}.page-content li{margin:8px 0}.page-content a{color:var(--brand);text-decoration:underline}.inquiry-form{background:white;border:1px solid var(--line);padding:30px;margin-top:35px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inquiry-form label{display:block;font-size:13px;font-weight:700;margin-bottom:18px}.inquiry-form input,.inquiry-form textarea{display:block;width:100%;border:1px solid #cbd3dd;background:white;border-radius:3px;padding:12px;margin-top:7px;font:15px inherit}.inquiry-form input:focus,.inquiry-form textarea:focus{outline:2px solid var(--brand2);border-color:var(--brand)}.hp{position:absolute!important;left:-9999px!important}.notice{padding:15px 18px;margin:20px 0;border-left:4px solid}.notice.success{background:#e6f2e6;border-color:#267044}.notice.error{background:#fae9e7;border-color:#a83a2d}@media(max-width:1000px){.product-grid{grid-template-columns:1fr 1fr}.product-card{min-height:280px}}@media(max-width:900px){.main-nav{gap:14px;flex-wrap:wrap;justify-content:flex-end}.main-nav a:not(.nav-cta){display:none}.hero-grid,.split{grid-template-columns:1fr;gap:40px}.hero-grid{padding-top:70px;padding-bottom:70px}.section-heading{display:block}.section{padding:65px 0}}@media(max-width:620px){.wrap{width:min(100% - 28px,1160px)}.header-inner{min-height:72px}.brand strong{font-size:20px}.main-nav .nav-cta{font-size:12px;padding:10px 12px}.hero h1{font-size:43px}.hero-lead{font-size:17px}.hero-card{padding:26px}.product-grid,.steps,.form-grid{grid-template-columns:1fr}.product-card{min-height:250px}.cta-band .wrap,.footer-grid{display:block}.cta-band .button{margin-top:22px}.footer-grid>div:last-child{margin-top:25px}.inquiry-form{padding:22px}}