/* TARYKI neutral brand UI with #008FFC as its single interface accent. */
:root{--ink:#191919;--muted:#636363;--surface:#f4f4f4;--line:#e1e1e1;--accent:#191919;--deep:#191919;--brand:#008FFC}
body{background:#ffffff;color:var(--ink)}
.site-header{background:#ffffff;color:var(--ink);border-bottom:1px solid var(--line)}
.wordmark{color:#282828}.wordmark span{color:#8d8d8d}
.desktop-nav a{color:#4d4d4d}.desktop-nav a[aria-current=page]{background:#f1f1f1;color:var(--deep)}
.desktop-nav a:hover,.nav-help:hover{background:#f7f7f7;color:var(--deep)}
.nav-actions>.button{background:var(--ink);border-color:var(--ink);color:#ffffff}
.nav-actions>.button:hover{background:#545454;border-color:#545454}
.menu-toggle{border-color:#d0d0d0;color:var(--ink)}
.mobile-nav{background:#ffffff;border-color:var(--line)}.mobile-nav a{color:var(--ink)}
.page-subnav{background:#ffffff;border-color:var(--line)}
.page-subnav>.container>span{color:#424242}.page-subnav nav a{color:#636363}
.button{background:var(--deep);border-color:var(--deep);color:#ffffff}
.button:hover{background:#575757;border-color:#575757}
.button-light{background:var(--accent);border-color:var(--accent);color:#343434}
.button-light:hover{background:#bbbbbb;border-color:#bbbbbb}
.text-link{color:var(--deep)}
.eyebrow{color:#565656}
.headline-emphasis{color:#666666}
.campaign-hero{background:#e0e0e0;color:var(--ink);min-height:630px;border-radius:24px;margin-top:24px;isolation:isolate}
.campaign-hero:before{display:none}
.campaign-media{position:absolute;inset:0 0 0 46%;z-index:-1}
.campaign-media img{object-position:55% center}
.campaign-media:after{display:none}
.campaign-content{width:46%;max-width:none;padding:58px 37px 62px;background:#e0e0e0}
.campaign-content>.eyebrow{color:#565656;font-size:.75rem;letter-spacing:.08em;max-width:390px;margin-bottom:23px}
.campaign-content h1{font-size:clamp(3.25rem,5.15vw,4.9rem);line-height:1.02;letter-spacing:-.065em;margin-bottom:25px}
.campaign-content h1>span{color:#5e5e5e}
.campaign-description{color:#505050;font-size:1rem;line-height:1.75;max-width:375px;margin-bottom:28px}
.campaign-description br{display:none}
.campaign-actions{gap:15px 19px;align-items:center}
.campaign-actions .button{font-size:.9375rem;padding:15px 21px;gap:15px;background:#aaaaaa;border-color:#aaaaaa;color:#343434}
.campaign-actions .button:hover{background:#bbbbbb;border-color:#bbbbbb}
.campaign-secondary{font-size:.875rem;color:#3a3a3a;border-color:#8d8d8d}
.campaign-secondary:hover{border-color:#3a3a3a}
.campaign-release{color:#5d5d5d;font-size:.8125rem;margin-top:23px}
.campaign-bottom{left:auto;right:26px;bottom:24px;width:auto;max-width:calc(54% - 52px);background:#fffffff5;border:1px solid #ffffff80;color:#3c3c3c;padding:11px 17px 11px 20px;border-radius:40px;gap:14px;font-size:.75rem;letter-spacing:.025em;box-shadow:0 5px 22px #33333314;justify-content:space-between}
.campaign-bottom .icon{border-color:#d6d6d6;background:#f4f4f4;width:27px;height:27px}
.promise-strip{border-color:#e4e4e4}.promise-strip>div,.promise-strip>a{color:#515151}.promise-strip .icon{color:#666666}
.service-card{background:#efefef;color:#353535;border-color:#eaeaea}
.service-card:nth-child(2){background:#e0e0e0;border-color:#e0e0e0}
.service-card:nth-child(3){background:#e0e0e0;border-color:#e0e0e0}
.service-card:hover{background:#e4e4e4;border-color:#a9a9a9}
.service-card:nth-child(2):hover{background:#d1d1d1;border-color:#a9a9a9}
.service-card:nth-child(3):hover{background:#d3d3d3;border-color:#a4a4a4}
.service-card p{color:#5c5c5c}
.service-symbol{color:#616161;opacity:.6}.service-card:nth-child(2) .service-symbol{color:#616161}
.service-action{color:#373737}
.how-section{background:#a4a4a4;color:#333333}
.how-section .eyebrow{color:#3b3b3b}.how-section .text-link{color:#333333}
.how-section .step-top{border-color:#7676765c}
.how-section .step-top>span:first-child{color:#3b3b3b}
.how-section .step h3{color:#333333}
.how-section .step p,.how-section .section-heading>p{color:#3b3b3b}
.how-section .step-top .icon{color:#333333}
.filter{background:#ffffff;border-color:#dbdbdb;color:#505050}
.filter:hover{background:#f2f2f2}
.filter.active{background:#363636;border-color:#363636;color:#ffffff}
.circle-button{border-color:#d1d1d1;color:#3a3a3a}
.circle-button:not(:disabled):hover{background:#efefef}
.vehicle-card{background:#f2f2f2;color:#363636}
.vehicle-card:nth-child(3n+2){background:#e5e5e5}
.vehicle-card:nth-child(3n){background:#ededed}
.vehicle-card:hover{background:#e8e8e8;border-color:#b3b3b3}
.vehicle-card:nth-child(3n+2):hover{background:#d9d9d9;border-color:#bfbfbf}
.vehicle-card:nth-child(3n):hover{background:#e2e2e2;border-color:#b5b5b5}
.vehicle-card .card-kicker{color:#5f5f5f}
.vehicle-card p{color:#5d5d5d}
.vehicle-tag{color:#595959;background:#ffffffc9}
.vehicle-card .circle-icon{background:#ffffffe0;color:#4a4a4a}
.planning-visual{min-height:510px;background:#a4a4a4;border-radius:22px}
.planning-visual>img{object-position:center center}
.plan-note{background:#fffffff5;color:#353535;border:1px solid #ffffff}
.plan-note>.icon{color:#686868}
.plan-note span:not(.icon){color:#606060}
.booking-options .option-icon{color:#6a6a6a}
.driver-banner{background:#cdcdcd;color:#353535;border-radius:23px}
.driver-copy .eyebrow{color:#555555}
.driver-copy h2{color:#333333}
.driver-copy p:not(.eyebrow){color:#565656}
.driver-copy .button-light{background:#363636;border-color:#363636;color:#ffffff}
.driver-copy .button-light:hover{background:#565656;border-color:#565656}
.driver-bottom{border-color:#ababab;color:#545454}
.photo-note{display:inline-block;width:max-content;max-width:calc(100% - 48px);background:#ffffffeb;padding:8px 12px;border-radius:8px;color:#404040;text-shadow:none;font-size:.75rem;letter-spacing:.035em;left:24px;bottom:23px}
.safety-emblem{background:#b2b2b2;color:#3d3d3d}
.safety-strip h2{color:#333333}
.safety-strip .text-link{color:#454545}
.launch-section{background:#eaeaea}
.launch-section h2{color:#333333}
.app-download-card{background:#ffffff;border-color:#dcdcdc}
.app-download-card:hover{border-color:#a8a8a8;box-shadow:0 8px 25px #3f3f3f0b}
.app-monogram{background:#545454;color:#ffffff}
.app-monogram>span{color:#b5b5b5}
.driver-monogram{background:#c3c3c3;color:#3a3a3a}
.driver-monogram>span{color:#575757}
.app-download-card .eyebrow{color:#6f6f6f}
.app-download-card>.icon{color:#666666}
.app-availability{color:#696969}
.launch-contact{color:#616161}
.launch-contact a{color:#454545}
.faq-list summary{color:#3d3d3d}.faq-list details p{color:#636363}
.faq-plus:before,.faq-plus:after{background:#696969}
.site-footer{background:#343434;color:#ffffff}
.site-footer .wordmark{color:white}.site-footer .wordmark span{color:#afafaf}
.footer-top p,.footer-links>div>span{color:#d8d8d8}
.footer-links a{color:#f9f9f9}
.footer-bottom{border-color:#595959;color:#d2d2d2}
.footer-bottom [lang=ar]{color:#efefef}
.back-top{border-color:#7c7c7c;color:#e6e6e6}
.back-top:hover{background:#4b4b4b}
.sub-hero h1{color:#333333}.sub-hero .headline-emphasis{color:#6a6a6a}
.sub-hero-image{background:#bfbfbf}
.driver-perks article{background:#f1f1f1;color:#373737}
.driver-perks article:nth-child(2){background:#e5e5e5}
.driver-perks article:nth-child(3){background:#e4e4e4}
.driver-perks article>.icon{color:#595959}
.driver-perks p{color:#5f5f5f}
.requirements-list .icon{color:#6c6c6c}
.store-badge{background:#ffffffc9;border-color:#c7c7c7;color:#4e4e4e}
.safety-hero{background:#dcdcdc}
.safety-hero h1{color:#373737}
.safety-hero .headline-emphasis{color:#666666}
.safety-hero p:not(.eyebrow){color:#595959}
.safety-guide{background:#f1f1f1;border:1px solid #eeeeee;color:#3d3d3d}
.safety-guide>.icon{color:#646464}
.safety-guide li{border-color:#d6d6d6;color:#505050}
.safety-guide li:before{color:#686868}
.safety-features article>.icon{color:#666666}
.safety-features p{color:#5f5f5f}
.emergency-panel{background:#525252;color:#ffffff}
.emergency-panel .eyebrow{color:#ececec}
.emergency-panel p{color:#e6e6e6}
.emergency-panel .text-link{color:#ffffff}
dialog{color:#333333;background:#ffffff}
dialog::backdrop{background:#31313194}
dialog>img{background:#efefef}
dialog>.eyebrow{color:#5e5e5e}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#454545}
.skip-link{background:#3d3d3d;color:#ffffff}

@media(min-width:1500px){.campaign-content{padding:63px 48px 66px}.campaign-content h1{font-size:5.1rem}.campaign-hero{min-height:650px}}
@media(max-width:1200px){
 .campaign-hero{min-height:620px}.campaign-content{padding:51px 32px 57px}.campaign-content h1{font-size:4.2rem}.campaign-description{max-width:335px}.campaign-actions{gap:13px 17px}.campaign-actions .button{font-size:.875rem;padding:14px 19px;gap:12px}.campaign-bottom{right:22px;bottom:22px;max-width:calc(54% - 44px);font-size:.75rem;letter-spacing:0;padding-left:16px}.planning-visual{min-height:515px}
}
@media(max-width:950px){
 .campaign-hero{min-height:610px}.campaign-content{padding:43px 27px 46px}.campaign-content h1{font-size:3.65rem}.campaign-content>.eyebrow{font-size:.75rem;letter-spacing:.05em}.campaign-description{font-size:1rem;line-height:1.7}.campaign-actions{align-items:flex-start;flex-direction:column;gap:13px}.campaign-release{font-size:.8125rem;margin-top:19px}.campaign-media{left:46%}.campaign-media img{object-position:58% center}.campaign-bottom{max-width:calc(54% - 36px);right:18px;bottom:20px;gap:9px;font-size:.75rem;line-height:1.5;padding:10px 12px 10px 15px}.campaign-bottom .icon{width:27px;height:27px}.planning-visual{min-height:580px}
}
@media(max-width:700px){
 .campaign-hero{display:flex;flex-direction:column;min-height:0;margin-top:18px;background:#e0e0e0;border-radius:21px}.campaign-content{width:100%;padding:36px 28px 32px;max-width:none;order:0}.campaign-content h1{font-size:clamp(3.3rem,12.5vw,4.8rem);line-height:1.02;margin-bottom:23px}.campaign-content>.eyebrow{font-size:.75rem;letter-spacing:.07em;margin-bottom:23px}.campaign-description{max-width:470px;font-size:1rem;line-height:1.75;margin-bottom:25px}.campaign-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:16px 21px}.campaign-actions .button{font-size:.875rem;padding:15px 21px;min-height:50px}.campaign-secondary{font-size:.875rem}.campaign-release{font-size:.8125rem;margin-top:21px}.campaign-media{position:relative;inset:auto;z-index:0;height:345px;order:1}.campaign-media img{object-position:center 64%}.campaign-media:after{display:none}.campaign-bottom{left:20px;right:20px;bottom:20px;max-width:none;font-size:.75rem;padding:10px 14px 10px 18px;gap:14px;border-radius:35px;letter-spacing:.025em}.campaign-bottom .icon{height:29px;width:29px}
 .planning-visual{min-height:355px;order:1}.planning-visual>img{object-position:center center}.plan-note{left:19px;right:19px;bottom:19px;padding:19px}.photo-note{font-size:.75rem;max-width:calc(100% - 40px);left:20px;bottom:20px;padding:8px 11px;letter-spacing:.015em}.driver-banner{border-radius:20px}.safety-hero{background:#dcdcdc}.safety-guide{padding:28px}.service-card:first-child img{width:115px}.service-card:first-child .service-action{max-width:175px}
}
@media(max-width:370px){
 .campaign-content{padding:32px 23px 29px}.campaign-content h1{font-size:3.25rem}.campaign-actions{flex-direction:column;align-items:flex-start;gap:13px}.campaign-media{height:295px}.campaign-bottom{left:17px;right:17px;font-size:.75rem;letter-spacing:0;padding-left:13px;gap:8px}.campaign-release{font-size:.8125rem}.planning-visual{min-height:325px}
}

/* Brand colors apply equally to desktop, mobile, hover and active states. */
body{color:#191919;background:#ffffff}
.site-header,.page-subnav,.mobile-nav{background:#ffffff;color:#191919;border-color:#e1e1e1}
.wordmark,.page-subnav>.container>span,.mobile-nav a{color:#191919}
.wordmark span{color:#777777}
.desktop-nav a,.nav-help,.page-subnav nav a{color:#555555}
.desktop-nav a[aria-current=page],.desktop-nav a:hover,.nav-help:hover{background:#eeeeee;color:#191919}
.button,.nav-actions>.button,.campaign-actions .button,.button-light,.driver-copy .button-light{background:#191919;border-color:#191919;color:#ffffff}
.button:hover,.nav-actions>.button:hover,.campaign-actions .button:hover,.button-light:hover,.driver-copy .button-light:hover{background:#3b3b3b;border-color:#3b3b3b;color:#ffffff}
.text-link,.campaign-secondary,.campaign-secondary:hover,.service-action{color:#191919}
.campaign-hero,.campaign-content{background:#f4f4f4;color:#191919}
.campaign-content h1{color:#191919}.campaign-content h1>span,.headline-emphasis,.sub-hero .headline-emphasis,.safety-hero .headline-emphasis{color:#686868}
.campaign-content>.eyebrow,.campaign-description,.campaign-release{color:#555555}
.campaign-secondary{border-color:#8c8c8c}.campaign-secondary:hover{border-color:#191919}
.campaign-bottom{color:#191919;background:#fffffff5;border-color:#ffffff80;box-shadow:0 5px 22px #00000014}
.campaign-bottom .icon{background:#f4f4f4;border-color:#dddddd}
.service-card,.service-card:nth-child(2),.service-card:nth-child(3),.vehicle-card,.vehicle-card:nth-child(3n+2),.vehicle-card:nth-child(3n),.driver-perks article,.driver-perks article:nth-child(2),.driver-perks article:nth-child(3){background:#f2f2f2;border-color:#eeeeee;color:#191919}
.service-card:hover,.service-card:nth-child(2):hover,.service-card:nth-child(3):hover,.vehicle-card:hover,.vehicle-card:nth-child(3n+2):hover,.vehicle-card:nth-child(3n):hover{background:#e8e8e8;border-color:#bbbbbb}
.service-card p,.vehicle-card p,.vehicle-card .card-kicker,.driver-perks p{color:#5a5a5a}
.how-section{background:#191919;color:#ffffff}
.how-section h2,.how-section .text-link,.how-section .step h3,.how-section .step-top .icon{color:#ffffff}
.how-section .eyebrow,.how-section .step-top>span:first-child,.how-section .step p,.how-section .section-heading>p{color:#cccccc}
.how-section .step-top{border-color:#4a4a4a}
.filter{background:#ffffff;border-color:#dddddd;color:#555555}.filter:hover{background:#f2f2f2}
.filter.active{background:#191919;color:#ffffff;border-color:#191919}
.driver-banner,.launch-section,.safety-hero{background:#f1f1f1;color:#191919}
.driver-copy h2,.launch-section h2,.safety-hero h1,.sub-hero h1,.safety-strip h2{color:#191919}
.driver-copy .eyebrow,.driver-copy p:not(.eyebrow),.driver-bottom,.safety-hero p:not(.eyebrow){color:#555555}
.driver-bottom{border-color:#d3d3d3}
.safety-guide{background:#ffffff;color:#191919;border-color:#e2e2e2}
.safety-emblem{background:#191919;color:#ffffff}
.app-monogram{background:#191919;color:#ffffff}.app-monogram>span{color:#bcbcbc}
.driver-monogram{background:#dddddd;color:#191919}.driver-monogram>span{color:#777777}
.emergency-panel,.site-footer{background:#191919;color:#ffffff}
.emergency-panel p,.emergency-panel .eyebrow,.footer-top p,.footer-links>div>span,.footer-bottom{color:#cccccc}
.emergency-panel .text-link,.site-footer .wordmark,.footer-links a{color:#ffffff}
.site-footer .wordmark span{color:#bcbcbc}.footer-bottom{border-color:#484848}
.back-top{border-color:#777777;color:#ffffff}.back-top:hover{background:#373737}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ffffff;outline-offset:2px;box-shadow:0 0 0 5px #191919}

/* Homepage clarity: specific benefits, readable service cards and ordered steps. */
body[data-page="home"] .promise-strip{gap:28px;padding-block:34px}
body[data-page="home"] .promise-strip>.benefit-item{align-items:flex-start;justify-content:flex-start;gap:14px;border:0;min-width:0}
body[data-page="home"] .benefit-item>.icon{width:24px;height:24px;margin-top:2px;color:var(--ink)}
body[data-page="home"] .benefit-item>div{min-width:0}
body[data-page="home"] .benefit-item strong{display:block;color:var(--ink);font-size:1rem;font-weight:700;line-height:1.4;margin-bottom:6px}
body[data-page="home"] .benefit-item>div>span{display:block;font-size:.875rem;line-height:1.65;font-weight:400;color:var(--muted)}
body[data-page="home"] a.benefit-item:hover{text-decoration:none}
body[data-page="home"] a.benefit-item:hover strong{text-decoration:underline;text-underline-offset:4px}
body[data-page="home"] .services-section .section-heading>p{max-width:670px}
body[data-page="home"] .service-card{display:grid;grid-template-rows:1fr 76px;gap:22px;min-height:0;padding:28px;overflow:hidden}
body[data-page="home"] .service-card h3{max-width:none}
body[data-page="home"] .service-card p{max-width:none;font-size:1rem;line-height:1.7;margin-bottom:24px}
body[data-page="home"] .service-card .service-action{max-width:none;padding-right:0;align-items:center}
body[data-page="home"] .service-card>img{position:static;width:130px;height:76px;object-fit:contain;justify-self:end;align-self:end;opacity:1}
body[data-page="home"] .service-card>.service-symbol{position:static;justify-self:end;align-self:center;display:flex;opacity:1;color:#707070}
body[data-page="home"] .service-symbol>.icon{width:52px;height:52px}
body[data-page="home"] .how-section ol.steps-grid{list-style:none;margin:0;padding:0;grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-page="home"] .how-section .step-top>span:first-child{font-size:2rem;letter-spacing:-.04em;line-height:1;color:#ffffff}
body[data-page="home"] .how-section .step{min-width:0}
body[data-page="home"] .how-section .step h3{max-width:none;font-size:1.5rem;line-height:1.2}
body[data-page="home"] .app-availability{display:block}
body[data-page="home"] .app-card-action{display:block;margin-top:12px;color:var(--ink);font-size:.875rem;font-weight:600;line-height:1.5;text-decoration:underline;text-underline-offset:4px}
body[data-page="home"] .faq-list details[open]{background:#f4f4f4;border-radius:12px;padding-inline:22px;border-color:transparent}
body[data-page="home"] .faq-list details[open] summary{color:var(--ink)}
body[data-page="home"] .faq-list details[open] p{padding-bottom:24px}
@media(max-width:1050px){
 body[data-page="home"] .promise-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px}
 body[data-page="home"] .service-card{padding:24px;gap:18px}
}
@media(max-width:700px){
 body[data-page="home"] .promise-strip{gap:26px 24px;padding-block:30px}
 body[data-page="home"] .promise-strip>.benefit-item{flex-direction:column;gap:11px}
 body[data-page="home"] .service-card{grid-template-rows:1fr 64px;padding:26px}
 body[data-page="home"] .service-card>img{height:64px;width:116px}
 body[data-page="home"] .how-section ol.steps-grid{grid-template-columns:1fr;gap:30px}
 body[data-page="home"] .faq-list details[open]{padding-inline:18px}
}
@media(max-width:370px){
 body[data-page="home"] .promise-strip{grid-template-columns:1fr;gap:24px}
 body[data-page="home"] .promise-strip>.benefit-item{flex-direction:row;gap:14px}
}

/* Official TARYKI accent. Neutral surfaces and editorial imagery remain unchanged. */
.wordmark span,.site-footer .wordmark span{color:var(--brand)}
.desktop-nav a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--brand)}
.page-subnav nav a:hover{text-decoration-color:var(--brand);text-decoration-thickness:2px}
.mobile-nav a[aria-current=page]{box-shadow:inset 3px 0 0 var(--brand);padding-left:12px}
.button,.nav-actions>.button,.campaign-actions .button,.button-light,.driver-copy .button-light{background:var(--brand);border-color:var(--brand);color:#191919}
.button:hover,.nav-actions>.button:hover,.campaign-actions .button:hover,.button-light:hover,.driver-copy .button-light:hover{background:var(--brand);border-color:var(--brand);color:#191919;box-shadow:0 8px 20px #008FFC33}
.campaign-content h1>span,.headline-emphasis,.sub-hero .headline-emphasis{color:var(--brand)}
.safety-hero .headline-emphasis,.compact-launch .headline-emphasis{color:#191919;text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:.11em;text-underline-offset:.12em}
.campaign-release{display:flex;align-items:center;gap:9px}
.campaign-release:before{content:'';width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--brand)}
.campaign-bottom .icon{background:var(--brand);border-color:var(--brand);color:#191919}
body[data-page="home"] .benefit-item>.icon{color:var(--brand)}
.service-action .icon,.service-symbol,.service-card:nth-child(2) .service-symbol{color:var(--brand)}
.service-card:hover,.service-card:nth-child(2):hover,.service-card:nth-child(3):hover{border-color:var(--brand)}
.how-section .step-top>span:first-child,.how-section .step-top .icon,body[data-page="home"] .how-section .step-top>span:first-child{color:var(--brand)}
.filter.active{background:var(--brand);border-color:var(--brand);color:#191919}
.vehicle-card:hover,.vehicle-card:nth-child(3n+2):hover,.vehicle-card:nth-child(3n):hover{border-color:var(--brand)}
.vehicle-card .circle-icon{background:var(--brand);color:#191919}
.plan-note>.icon,.booking-options .option-icon,.requirements-list .icon,.driver-perks article>.icon,.safety-guide>.icon,.safety-guide li:before,.safety-features article>.icon{color:var(--brand)}
.driver-banner{border-top:6px solid var(--brand)}
.safety-emblem{background:var(--brand);color:#191919}
.app-download-card:hover{border-color:var(--brand);box-shadow:0 8px 25px #008FFC1f}
.app-monogram{background:var(--brand);color:#191919}.app-monogram>span{color:#191919}
.driver-monogram{background:#191919;color:#ffffff}.driver-monogram>span{color:var(--brand)}
body[data-page="home"] .app-card-action{text-decoration-color:var(--brand);text-decoration-thickness:2px}
body[data-page="home"] .faq-list details[open]{box-shadow:inset 4px 0 0 var(--brand)}
.faq-plus:before,.faq-plus:after{background:var(--brand)}
.back-top:hover{background:var(--brand);border-color:var(--brand);color:#191919}
.skip-link{background:var(--brand);color:#191919}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--brand);outline-offset:3px;box-shadow:0 0 0 6px #ffffff}

/* Category guidance inspired by clear service-class presentation. */
.vehicle-detail-hint{display:block;margin-top:20px;padding-top:15px;border-top:1px solid #d4d4d4;font-size:.875rem;font-weight:600;line-height:1.5;text-decoration:underline;text-decoration-color:var(--brand);text-underline-offset:5px;text-decoration-thickness:2px}
.vehicle-card-bottom>div{min-width:0}
.vehicle-card-bottom p{line-height:1.65}
#vehicle-dialog{max-height:85vh;max-height:85dvh;overflow-y:auto;overscroll-behavior:contain}
.vehicle-guide{margin:24px 0;text-align:left}
.vehicle-guide>div{padding:15px 0;border-top:1px solid var(--line)}
.vehicle-guide dt{font-size:.875rem;font-weight:700;color:var(--ink);margin-bottom:5px}
.vehicle-guide dd{margin:0;font-size:1rem;line-height:1.65;color:var(--muted)}

/* Lighter type, white action labels, and restrained motion. */
:root{--action-blue:color-mix(in srgb,var(--brand) 80%,#191919);--ease-soft:cubic-bezier(.22,1,.36,1)}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:400}
h1,h2,.campaign-content h1,.sub-hero h1,.safety-hero h1,.safety-strip h2,dialog h2{font-weight:450;letter-spacing:-.045em}
h3,.vehicle-card h3{font-weight:500;letter-spacing:-.025em}
.eyebrow,.card-kicker,.vehicle-card .card-kicker,.page-subnav>.container>span,.faq-list summary,.service-action,.vehicle-detail-hint,.vehicle-guide dt,body[data-page="home"] .benefit-item strong,body[data-page="home"] .app-card-action{font-weight:500}
.wordmark{font-weight:750}
.button,.nav-actions>.button,.campaign-actions .button,.button-light,.driver-copy .button-light,.filter.active{background:var(--action-blue);border-color:var(--action-blue);color:#ffffff;font-weight:500}
.button:hover,.nav-actions>.button:hover,.campaign-actions .button:hover,.button-light:hover,.driver-copy .button-light:hover,.filter.active:hover{background:var(--action-blue);border-color:var(--action-blue);color:#ffffff}
.circle-button,.menu-toggle{background:#191919;color:#ffffff;border-color:#191919}
.circle-button:not(:disabled):hover,.menu-toggle:hover{background:#363636;color:#ffffff;border-color:#363636}
.button,.filter,.circle-button,.menu-toggle,.service-card,.vehicle-card,.app-download-card{transition:transform .35s var(--ease-soft),background-color .25s ease,border-color .25s ease,box-shadow .35s ease}
.button:active,.circle-button:active,.menu-toggle:active{transform:translateY(0) scale(.98)}
@media(hover:hover) and (pointer:fine){
 .service-card:hover,.vehicle-card:hover,.app-download-card:hover{transform:translateY(-4px)}
 .button:hover{transform:translateY(-2px)}
}
@keyframes taryki-enter{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.campaign-content,.sub-hero>div:first-child{animation:taryki-enter .65s var(--ease-soft) both}
dialog[open]{animation:taryki-enter .25s var(--ease-soft) both}
.faq-list details[open]>p{animation:taryki-enter .25s var(--ease-soft) both}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{animation:none!important;transition:none!important}
 .button:hover,.button:active,.circle-button:active,.menu-toggle:active,.service-card:hover,.vehicle-card:hover,.app-download-card:hover{transform:none}
}