/* Opt-in service compositions. Inherits VW V2 tokens, buttons and FAQ. */
#key-fob-main .hero{padding:34px 0 48px}
#key-fob-main .kf-breadcrumb{font-size:13px;color:var(--steel);margin:0 0 22px}
#key-fob-main .kf-breadcrumb a{color:var(--blue)}
#key-fob-main .hero .wrap{gap:44px;grid-template-columns:1.15fr .85fr}
#key-fob-main .hero h1{margin-bottom:18px}
#key-fob-main .hero .answer{margin-bottom:18px;max-width:52ch}
#key-fob-main .kf-price-cue{border-left:3px solid var(--blue);padding:8px 0 8px 16px;margin:0 0 24px;font-size:14px;line-height:1.55}
#key-fob-main .kf-price-cue strong{color:var(--navy)}
#key-fob-main .hero-media img{aspect-ratio:1/1;object-fit:cover}
#key-fob-main figcaption{font-size:12px;line-height:1.5;color:var(--steel);margin-top:10px}
#key-fob-main .hero-facts{font-size:13px;gap:10px 18px}
#key-fob-main .kf-section{padding:64px 0}
#key-fob-main .kf-heading{max-width:680px;margin-bottom:30px}
#key-fob-main .kf-heading h2{margin-bottom:14px}
#key-fob-main .kf-heading p{max-width:65ch}
#key-fob-main .kf-costs{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr);gap:40px;align-items:start}
#key-fob-main .kf-costs>*{min-width:0}
#key-fob-main .service-price-table{margin:0}
#key-fob-main .kf-quote{padding:28px}
#key-fob-main .kf-quote .hero-actions{margin-bottom:0;gap:12px}
#key-fob-main .kf-quote .hero-actions a{justify-content:center}
#key-fob-main .kf-quote>p{color:#DCE5F3}
#key-fob-main .kf-quote .hero-actions{display:grid}
#key-fob-main .kf-fine{font-size:13px;line-height:1.6;margin-top:20px;color:var(--body)}
#key-fob-main .kf-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
#key-fob-main .kf-choice{border-top:3px solid var(--blue);padding-top:22px;min-width:0}
#key-fob-main .kf-choice>span{font-weight:700;color:var(--blue);font-size:13px}
#key-fob-main .kf-choice h3{font-size:23px;margin:8px 0 14px}
#key-fob-main .kf-choice p{font-size:15px;line-height:1.65}
#key-fob-main .kf-choice .kf-result{border-top:1px solid var(--line);padding-top:14px;margin-top:18px;font-size:14px}
#key-fob-main .kf-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
#key-fob-main .kf-split>*{min-width:0}
#key-fob-main .kf-split h2{margin-bottom:18px}
#key-fob-main .kf-split img{width:100%;border-radius:var(--r-md);aspect-ratio:16/10;object-fit:cover}
#key-fob-main .kf-rows{margin-top:22px}
#key-fob-main .kf-rows>div{display:grid;grid-template-columns:115px minmax(0,1fr);gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}
#key-fob-main .kf-rows dt{color:var(--navy);font-weight:750;font-size:14px}
#key-fob-main .kf-rows dd{margin:0;font-size:14px;line-height:1.6}
#key-fob-main .kf-symptoms{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}
#key-fob-main .kf-symptoms article{display:grid;grid-template-columns:42px 1fr;gap:16px;border-top:1px solid var(--line);padding:24px 0}
#key-fob-main .kf-symptoms svg{width:26px;height:26px;color:var(--blue)}
#key-fob-main .kf-symptoms h3{font-size:19px;line-height:1.3;margin-bottom:8px}
#key-fob-main .kf-symptoms p{font-size:14px;line-height:1.65}
#key-fob-main .kf-process{background:var(--navy);color:#DCE5F3}
#key-fob-main .kf-process h2,#key-fob-main .kf-process h3{color:#fff}
#key-fob-main .kf-process ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
#key-fob-main .kf-process li{border-top:1px solid #60708B;padding-top:20px}
#key-fob-main .kf-process li>span{font-size:13px;color:#BBD8FF;font-weight:700}
#key-fob-main .kf-process h3{font-size:21px;margin:10px 0}
#key-fob-main .kf-process li p{font-size:14px;line-height:1.65}
#key-fob-main .kf-process-note{margin-top:30px;padding-top:24px;border-top:1px solid #60708B;font-size:14px}
#key-fob-main .kf-visit{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}
#key-fob-main .kf-visit h2{margin-bottom:16px}
#key-fob-main .kf-visit dl{margin:0}
#key-fob-main .kf-closing{padding:46px 0;background:var(--tint)}
#key-fob-main .kf-closing .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}
#key-fob-main .kf-closing h2{font-size:28px;margin-bottom:10px}
#key-fob-main .kf-closing p{max-width:58ch;font-size:15px}
#key-fob-main .kf-closing .hero-actions{margin:0;flex:none}
@media(max-width:1024px){#key-fob-main .hero .wrap{grid-template-columns:1fr 1fr;gap:28px}#key-fob-main .kf-costs{grid-template-columns:1.35fr 1fr;gap:26px}#key-fob-main .kf-split{gap:30px}#key-fob-main .kf-closing .wrap{display:block}#key-fob-main .kf-closing .hero-actions{margin-top:24px}}
@media(max-width:800px){#key-fob-main .hero .wrap,#key-fob-main .kf-costs,#key-fob-main .kf-split,#key-fob-main .kf-visit{grid-template-columns:1fr}#key-fob-main .hero-media{max-width:540px;width:100%;margin:0 auto}#key-fob-main .hero-media img{aspect-ratio:4/3}#key-fob-main .kf-quote .hero-actions{display:flex}#key-fob-main .kf-three{gap:24px}#key-fob-main .kf-choice h3{font-size:20px}}
@media(max-width:600px){#key-fob-main .hero{padding:24px 0 36px}#key-fob-main .hero h1{font-size:36px}#key-fob-main .kf-section{padding:44px 0}#key-fob-main .kf-three,#key-fob-main .kf-symptoms,#key-fob-main .kf-process ol{grid-template-columns:1fr}#key-fob-main .kf-heading{margin-bottom:24px}#key-fob-main .kf-rows>div{grid-template-columns:100px minmax(0,1fr);gap:12px}#key-fob-main .kf-quote{padding:24px}#key-fob-main .hero-actions{gap:12px}#key-fob-main .hero-actions a{min-height:48px}#key-fob-main .service-price-table tbody th,#key-fob-main .service-price-table tbody td{padding:16px 12px}#key-fob-main .kf-three{gap:28px}#key-fob-main .kf-process ol{gap:28px}}