@font-face{font-family:Inter;src:url(fonts/Inter-400.ttf);font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(fonts/Inter-500.ttf);font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url(fonts/Inter-600.ttf);font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url(fonts/Inter-700.ttf);font-weight:700;font-display:swap}
:root{--ink:#101c1b;--paper:#f7f8f4;--white:#fff;--muted:#52615d;--accent:#f7e7a1;--line:#d6ded6;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;font:16px/1.6 Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a78323;outline-offset:5px}::selection{background:var(--accent);color:var(--ink)}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-thumb{background:#82958c;border-radius:8px}body::-webkit-scrollbar-track{background:var(--paper)}input{caret-color:#366e45}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.04em;line-height:1.06;font-weight:500;text-wrap:balance}h3{font-weight:500;letter-spacing:-.025em}p{max-width:70ch}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:white;padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.header{position:absolute;z-index:20;top:28px;left:50%;transform:translateX(-50%);width:min(900px,calc(100% - 64px));display:flex;gap:25px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;color:white;font-weight:600;font-size:27px;letter-spacing:-.04em}.brand-mark{width:46px;height:46px;display:grid;place-items:center;background:transparent;color:var(--ink)}.brand-mark svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.brand-dot{color:var(--accent)}.desktop-nav{display:flex;gap:28px;margin-left:auto;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.desktop-nav a{font-size:13px;padding:10px 0;font-weight:500;color:#d4ded7;border-radius:0}.desktop-nav a:hover{background:transparent;color:white}.desktop-nav a[aria-current]{background:transparent;color:white}.portal-button{border:1px solid #ffffff50;background:#122221d9;color:white;border-radius:999px;padding:12px 18px;font-size:13px;display:flex;gap:16px;align-items:center}.portal-button:hover{background:#26433d}.portal-button .icon{width:18px;height:18px}.menu-button{display:none}.mobile-menu[hidden]{display:none}.mobile-menu{position:fixed;inset:85px 20px auto;z-index:30;padding:22px;background:white;border-radius:24px;box-shadow:0 20px 60px #0005}.mobile-menu nav{display:flex;flex-direction:column;gap:4px}.mobile-menu a,.mobile-menu button{padding:14px;text-align:left;border:0;background:transparent;font-size:18px}.mobile-menu button{display:flex;justify-content:space-between;background:var(--ink);color:white;border-radius:12px;margin-top:10px}
.hero{height:100svh;min-height:760px;max-height:1100px;position:relative;display:flex;align-items:flex-start;justify-content:center;background:#101c1b;color:white;overflow:hidden}.hero-bg,.hero-shade{position:absolute;inset:0}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center bottom}.hero-bg img{position:absolute}.hero-shade{background:linear-gradient(180deg,#0310119c 0%,#071c2869 47%,#071a2350 70%,#071710ed 100%)}.hero-copy{position:relative;z-index:1;text-align:center;padding:clamp(148px,19vh,220px) 20px 0;width:100%}.hero h1{font-size:clamp(48px,5.9vw,85px);margin-bottom:24px;line-height:1.08}.hero h1 span{display:block}.hero-copy>p{font-size:17px;line-height:1.6;color:#e3eae4;margin:0 auto 28px}.hero-action{display:flex;flex-direction:column;align-items:center;gap:18px}.vehicle-switch{display:flex;padding:4px;background:#11231bd9;border:1px solid #d9e7d64f;border-radius:999px;gap:2px}.vehicle-switch button{border:0;background:transparent;color:#e6eee5;display:flex;align-items:center;gap:10px;padding:10px 22px;border-radius:999px;font-size:14px;transition:background .25s,color .25s}.vehicle-switch .selected{background:white;color:var(--ink)}.vehicle-switch button:hover{background:#ffffff25}.vehicle-switch .selected:hover{background:var(--accent)}.primary-button,.light-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:0;border-radius:999px;background:var(--accent);color:var(--ink);font-weight:600;font-size:14px;padding:16px 26px;min-height:52px;transition:background .25s var(--ease),transform .25s var(--ease)}.primary-button:hover{background:#fff1bd;transform:translateY(-2px)}.hero-help{display:inline-block;font-size:12px;color:#e2e8df;margin-top:20px;text-decoration:underline;text-underline-offset:5px}.hero-help:hover{color:white}.hero-bottom{position:absolute;bottom:42px;left:5%;right:5%;display:flex;gap:50px;align-items:flex-end;z-index:1}.hero-bottom span{display:block;color:#c1cfc1;font-size:12px;margin-bottom:5px}.hero-bottom strong{font-weight:500;font-size:16px}.explore{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:13px}.options-strip{padding:38px 6%;display:flex;align-items:center;gap:50px;justify-content:space-between;border-bottom:1px solid var(--line)}.options-strip p{font-size:14px;line-height:1.5;margin:0;color:var(--muted)}.options-strip strong{font-weight:500;color:var(--ink)}.options-strip>div{display:flex;gap:38px;font-size:17px;letter-spacing:-.025em}
.section{max-width:1440px;margin:auto;padding:110px 7%}.process,.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.section h2{font-size:clamp(36px,4vw,55px);margin-bottom:26px}.section-heading>p{color:var(--muted);font-size:17px}.text-button{display:inline-flex;align-items:center;gap:26px;border:0;border-bottom:1px solid var(--ink);padding:7px 0;background:transparent;font-size:14px;font-weight:500;margin-top:15px}.text-button:hover{color:#367342;border-color:#367342}.process-list{list-style:none;margin:0;padding:0}.process-list li{display:flex;gap:25px;padding:28px 0;border-top:1px solid var(--line)}.step-number{font-size:13px;color:#5a6d5a;padding-top:5px;min-width:30px}.process-list h3{font-size:24px;line-height:1.3;margin:0 0 12px}.process-list p{color:var(--muted);font-size:15px;margin:0;max-width:44ch}.cover{padding-top:30px;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.cover-photo{position:relative;height:620px;overflow:hidden;border-radius:3px;background:var(--ink)}.cover-photo img{width:100%;height:112%;object-fit:cover;object-position:30% bottom;filter:brightness(.75)}.photo-caption{position:absolute;bottom:35px;left:32px;color:white;font-size:33px;letter-spacing:-.03em;font-weight:500;line-height:1.25}.cover-copy>p{font-size:17px;color:var(--muted);max-width:35ch;margin-bottom:30px}.benefit{padding:18px 0;border-top:1px solid var(--line)}.benefit h3{font-size:19px;margin:0 0 8px}.benefit p{font-size:14px;color:var(--muted);margin:0;max-width:42ch}.faq{padding-top:45px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;padding:24px 0;font-size:16px;font-weight:500;line-height:1.4}summary::-webkit-details-marker{display:none}summary .icon{width:18px;height:18px;transition:transform .25s}details[open] summary .icon{transform:rotate(180deg)}details>p{color:var(--muted);font-size:15px;line-height:1.65;padding:0 35px 22px 0;margin:0}.help{max-width:none;background:#f4ecc7;display:flex;align-items:center;justify-content:space-between;gap:50px;padding-top:80px;padding-bottom:80px}.help h2{font-size:46px;margin-bottom:22px}.help p{font-size:16px;color:#354d3d;margin-bottom:0}.light-button{background:var(--ink);color:white}.light-button:hover{background:#294e3c;transform:translateY(-2px)}.footer{padding:60px 7% 25px;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px;background:var(--ink);color:#e5ede3}.footer-brand{font-size:46px;letter-spacing:-.04em;font-weight:600;line-height:1}.footer>p{font-size:18px;margin:0;color:#bccabf}.footer>div:not(.footer-base){display:flex;flex-direction:column;gap:12px;font-size:13px}.footer-link{border:0;padding:0;color:inherit;background:transparent;text-align:left}.footer a:hover,.footer-link:hover{text-decoration:underline;text-underline-offset:4px}.footer-base{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #476052;padding-top:25px;margin-top:45px;font-size:12px;color:#bbc7b9}
 dialog{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:0;padding:30px;background:var(--paper);color:var(--ink);border-radius:20px}dialog::backdrop{background:#05100ddd;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.dialog-brand{font-size:27px;font-weight:600;letter-spacing:-.04em}.close-button{display:grid;place-items:center;border:1px solid var(--line);background:transparent;border-radius:50%;width:40px;height:40px}.close-button:hover{background:#e0e8dc}dialog h2{font-size:38px;margin:20px 0 18px}.dialog-intro{color:var(--muted);font-size:15px;margin-bottom:24px}.quote-progress{display:flex;gap:24px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.quote-progress span{padding-bottom:9px}.quote-progress .active{color:var(--ink);border-bottom:2px solid var(--ink)}dialog label{display:block;font-size:13px;font-weight:500;margin:18px 0 8px}dialog input,dialog select{width:100%;border:1px solid #aabbaa;background:white;border-radius:8px;padding:12px;color:var(--ink);height:48px}dialog input::placeholder{color:#65766b}dialog .primary-button{width:100%;margin-top:26px}dialog .preview-note{color:#5b6c60;font-size:12px;line-height:1.5;margin:18px 0 0}.premium-preview{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin-top:25px}.premium-preview>span{font-size:13px;color:var(--muted)}.premium-preview strong{display:block;font-size:40px;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:2px 0 10px}.premium-preview p,.quote-explanation{font-size:12px;color:#52615d;margin:0}.quote-explanation{margin-top:18px}.portal-case{border-top:1px solid var(--line);padding:22px 0 0}.portal-case>span{font-size:12px;color:var(--muted)}.portal-case h3{font-size:24px;margin:8px 0}.portal-case p{font-size:14px;color:var(--muted)}.portal-case ol{padding-left:24px;font-size:14px;color:#52615d}.portal-case li{padding:9px 0}.portal-case .complete{color:#366e45}.portal-case .current{font-weight:600;color:var(--ink)}.help-choices{display:flex;flex-direction:column}.help-choices button{background:transparent;border:0;border-top:1px solid var(--line);text-align:left;padding:18px 0;display:flex;justify-content:space-between;font-size:14px}.help-choices button:hover{color:#366e45}#help-answer{padding:18px;background:#f7efcf;font-size:14px;color:#514822;margin-top:12px}body:has(dialog[open]:not(#whatsapp-dialog)){overflow:hidden}[hidden]{display:none!important}
@media(max-width:1000px){.header{gap:15px;width:calc(100% - 40px)}.desktop-nav a{padding:10px 0}.hero h1{font-size:64px}.section{padding-left:6%;padding-right:6%}.process,.faq{gap:40px}.cover{gap:45px}.cover-photo{height:570px}.options-strip>div{gap:22px;font-size:15px}}
@media(max-width:720px){.header{top:20px;left:20px;right:20px;transform:none;width:auto}.brand{font-size:25px}.brand-mark{width:44px;height:44px}.desktop-nav,.header>.portal-button{display:none}.menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:46px;height:46px;border:1px solid #ffffff6b;background:#142721;color:white;border-radius:50%}.menu-button span{display:block;width:17px;height:1.5px;background:currentColor;transition:transform .2s}.menu-button[aria-expanded=true]{background:white;color:var(--ink)}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.hero{min-height:780px;max-height:none;height:100svh}.hero-bg img{object-position:43% bottom}.hero-copy{padding:155px 23px 0}.hero h1{font-size:clamp(38px,9.8vw,63px);line-height:1.1;margin-bottom:23px;letter-spacing:-.04em}.hero-copy>p{font-size:14px;line-height:1.65}.hero-action{gap:18px}.vehicle-switch button{padding:10px 19px;font-size:13px}.primary-button{font-size:14px;padding:15px 24px}.hero-help{font-size:12px;margin-top:20px}.hero-bottom{left:24px;right:24px;bottom:33px;gap:20px;justify-content:space-between}.hero-bottom>div:nth-child(2){display:none}.hero-bottom strong{font-size:13px}.hero-bottom span{font-size:12px}.explore{font-size:12px;gap:8px}.options-strip{display:block;padding:28px 24px}.options-strip p br{display:none}.options-strip p{font-size:12px;margin-bottom:16px}.options-strip>div{gap:14px;flex-wrap:wrap;font-size:13px}.section{padding:65px 24px}.process,.cover,.faq{grid-template-columns:1fr;gap:34px}.section h2{font-size:39px}.section-heading>p{font-size:15px}.process-list h3{font-size:21px}.process-list p{font-size:14px}.process-list li{padding:25px 0;gap:16px}.cover{padding-top:0}.cover-photo{height:430px}.photo-caption{font-size:30px;left:25px;bottom:25px}.cover-copy>p{font-size:16px}.benefit{padding:20px 0}.faq{padding-top:5px}.faq .section-heading{margin-bottom:8px}.faq summary{font-size:15px}.faq details>p{font-size:14px}.help{display:block;padding-top:55px;padding-bottom:55px}.help h2{font-size:39px}.help p{font-size:15px}.help .light-button{margin-top:30px}.footer{padding:45px 24px 25px;grid-template-columns:1fr;gap:25px}.footer>p{font-size:16px}.footer-base{display:block;margin-top:10px;font-size:12px}.footer-base span{display:block;margin-bottom:10px}dialog{padding:24px}dialog h2{font-size:33px}.premium-preview strong{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.brand{font-size:23px}.footer-brand{font-size:39px}.dialog-brand{font-size:24px}.trlabs-credit{grid-column:1/-1;display:flex!important;flex-direction:row!important;justify-content:center;align-items:center;gap:10px!important;margin-top:12px;padding-top:15px;color:#bbc7b9;font-size:12px!important}.trlabs-credit img{display:block;width:92px;height:24px}.trlabs-credit a{display:inline-block}@media(max-width:720px){.brand{font-size:22px}.footer-brand{font-size:36px}.trlabs-credit{margin-top:0}}

.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}

@media(max-width:720px){.menu-button{margin-left:auto}}

/* Pastel yellow identity and static centred opening. */
.header{position:fixed;top:0;left:0;right:auto;transform:none;width:100%;max-width:none;padding:24px 6%;background:transparent;transition:background .2s,color .2s}
.header.is-scrolled{background:var(--accent)}
.brand-mark{background:var(--accent);-webkit-mask:url(assets/rodacover-mark.png) center/contain no-repeat;mask:url(assets/rodacover-mark.png) center/contain no-repeat}
.brand-mark img{opacity:0}
.header.is-scrolled .brand-mark{background:var(--ink)}
.header.is-scrolled .desktop-nav a{color:var(--ink)}
.header.is-scrolled .desktop-nav a:hover{opacity:.65}
.hero{align-items:center}
.hero-copy{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:96px 24px}
.hero h1{max-width:1000px;font-size:clamp(46px,5.3vw,76px);margin-bottom:20px}
.hero-copy>p{margin-bottom:14px}
.hero-action{gap:14px}
.vehicle-choices{padding:0;gap:36px;background:transparent;border:0;border-radius:0}
.vehicle-choices button,.vehicle-choices button.selected{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;width:200px;padding:0 0 10px;background:transparent;border-radius:0;color:white;font-size:15px;opacity:.65;border-bottom:2px solid transparent}
.vehicle-choices button.selected{opacity:1;border-bottom-color:var(--accent);color:var(--accent)}
.vehicle-choices button:hover,.vehicle-choices button.selected:hover{background:transparent;opacity:1}
.vehicle-choices img{width:100%;height:126px;object-fit:contain}
.hero-help{margin-top:16px}
.insurer-strip{padding:34px 6% 42px;background:var(--paper);border-bottom:1px solid var(--line);text-align:center}
.insurer-strip>p{font-size:13px;max-width:none;margin-bottom:24px;color:var(--muted)}
.insurer-logos{display:flex;align-items:center;justify-content:center;gap:clamp(35px,5vw,80px);flex-wrap:wrap}
.insurer-logos img{object-fit:contain;height:44px;max-width:165px}
.process{display:block}
.process .section-heading{text-align:center;margin-bottom:55px}
.process .section-heading>p{margin-left:auto;margin-right:auto}
.process-list{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;position:relative}
.process-list:before{content:"";position:absolute;top:24px;left:24px;right:calc((100% - 90px)/3 - 24px);height:2px;background:#e4d697}
.process-list li{display:block;border:0;padding:0;position:relative}
.step-number{display:grid;place-items:center;width:48px;height:48px;min-width:0;background:var(--accent);border:6px solid var(--paper);border-radius:50%;padding:0;color:var(--ink);font-size:15px;font-weight:600;margin:0 0 20px}
.process-list h3{font-size:23px}
.process-list p{max-width:34ch}
@media(max-width:1000px){.hero h1{font-size:58px}.vehicle-choices button,.vehicle-choices button.selected{width:180px}.process-list{gap:28px}}
@media(max-width:720px){.header{padding:18px 24px}.header.is-scrolled .menu-button{color:var(--ink);border-color:#101c1b66;background:transparent}.hero-copy{padding:90px 24px}.hero h1{font-size:clamp(34px,9.3vw,58px);margin-bottom:18px}.hero-copy>p{font-size:13px;margin-bottom:14px}.vehicle-choices{gap:20px}.vehicle-choices button,.vehicle-choices button.selected{width:140px;font-size:14px}.vehicle-choices img{height:106px}.hero-action{gap:18px}.hero-help{font-size:12px;max-width:300px;text-wrap:balance}.insurer-strip{padding:30px 24px}.insurer-logos{gap:25px 30px}.insurer-logos img{width:120px;height:38px}.process .section-heading{text-align:left;margin-bottom:38px}.process-list{grid-template-columns:1fr;gap:32px;padding-left:0}.process-list:before{left:23px;right:auto;top:24px;bottom:35px;width:2px;height:auto}.process-list li{display:flex;gap:20px}.step-number{flex:none;margin:0}.process-list h3{font-size:21px}.process-list p{max-width:40ch}}

.hero h1{margin-bottom:36px}@media(max-width:720px){.hero h1{margin-bottom:28px}}

.hero-copy>p{margin-bottom:38px}@media(max-width:720px){.hero-copy>p{margin-bottom:30px}}

/* Compact navigation, continuous insurer ribbon and illustrated renewal steps. */
.header{padding:10px 6%}.brand-mark{width:36px;height:36px}.desktop-nav a{min-height:44px;display:flex;align-items:center}
.insurer-strip{padding:32px 0 36px;overflow:hidden}.insurer-window{overflow:hidden;width:100%;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.insurer-logos{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;width:max-content;animation:insurerGlide 48s linear infinite;will-change:transform}
.insurer-set{display:flex;align-items:center;gap:64px;padding-right:64px;flex:none}.insurer-logos img{width:150px;height:44px;flex:none;filter:grayscale(1);opacity:.45;transition:filter .25s,opacity .25s}.insurer-logos img:hover{filter:grayscale(0);opacity:1}.insurer-window:hover .insurer-logos{animation-play-state:paused}
@keyframes insurerGlide{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.process .section-heading{margin-bottom:48px}.process-list{gap:24px;align-items:stretch}.process-list:before{display:none}
.process-list li{display:flex;flex-direction:column;padding:30px 28px 0;border:1px solid #dfe4dc;border-radius:16px;background:#f0f2ec;overflow:hidden;min-height:560px}
.step-copy{position:relative;z-index:1}.step-number{border:0;width:40px;height:40px;font-size:16px;margin-bottom:22px}.process-list h3{font-size:24px;max-width:20ch;min-height:62px;margin-bottom:16px}.process-list p{font-size:15px;line-height:1.65;max-width:34ch}
.step-visual{position:relative;margin-top:auto;padding-top:34px;min-height:285px;pointer-events:none;user-select:none}.mini-screen{position:relative;background:white;padding:22px 20px;border-radius:14px 14px 0 0;box-shadow:0 10px 35px #15271b10;min-height:265px}
.mini-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;font-size:12px}.mini-top>span{font-size:10px;color:#52615d}.mini-vehicles{display:flex;gap:12px;font-size:11px;margin-bottom:17px}.mini-vehicles>div{display:flex;gap:6px;align-items:center;color:#52615d;padding:7px 8px;border-radius:7px}.mini-vehicles .mini-selected{background:var(--accent);color:var(--ink)}.mini-vehicles .icon{width:18px;height:18px}
.mini-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.mini-field>span{font-size:10px;color:#52615d}.mini-field>strong{font-size:12px;font-weight:500;border:1px solid #dfe4dc;padding:8px 10px;border-radius:6px}
.mini-action{display:flex;align-items:center;justify-content:space-between;background:var(--accent);border-radius:7px;padding:11px 12px;font-size:11px;font-weight:600;margin-top:17px}.mini-action .icon{width:17px;height:17px}
.mini-car{position:absolute;right:-25px;bottom:-14px;width:165px;height:110px;object-fit:contain;filter:drop-shadow(0 8px 8px #18251b1c)}.vehicle-visual .mini-action{padding-right:115px}
.quote-visual{padding-top:40px;padding-bottom:30px}.quote-screen{border-radius:14px;min-height:245px}.mini-premium>span{font-size:10px;color:#52615d}.mini-premium>strong{display:block;font-size:31px;font-weight:600;letter-spacing:-.03em;margin-top:3px;margin-bottom:18px;font-variant-numeric:tabular-nums}.mini-premium strong>span{font-size:20px}.mini-cover-line{display:flex;gap:8px;align-items:center;font-size:11px;margin:10px 0}.mini-cover-line .icon{width:15px;height:15px}.mini-team{position:absolute;right:-10px;bottom:10px;display:flex;align-items:center;gap:8px;padding:13px 17px;border-radius:10px;background:var(--ink);color:var(--accent);font-size:11px;box-shadow:0 8px 22px #16251d18}.mini-team .icon{width:17px;height:17px}
.policy-screen{text-align:center;min-height:285px}.policy-check{display:grid;place-items:center;width:54px;height:54px;background:var(--accent);border-radius:50%;margin:10px auto 14px}.policy-check .icon{width:28px;height:28px}.policy-ready{display:block;font-size:19px;letter-spacing:-.02em}.policy-screen>p{font-size:11px;line-height:1.6;margin:8px 0 20px}.mini-document{display:flex;align-items:center;gap:10px;background:#f2f4ee;padding:13px 11px;border-radius:8px;text-align:left}.mini-document div{flex:1}.mini-document strong{display:block;font-size:11px}.mini-document span{display:block;font-size:10px;color:#52615d;margin-top:3px}.mini-document>.icon{width:22px;height:22px}.mini-document>.icon:last-child{width:16px;height:16px}
@media(max-width:1000px){.process-list{gap:18px}.process-list li{padding:24px 18px 0}.process-list h3{font-size:22px}.mini-screen{padding:20px 14px}.mini-vehicles{gap:2px}.mini-vehicles>div{padding:6px 4px}.mini-top{gap:5px}.mini-top>strong{font-size:11px}.mini-car{width:135px}.vehicle-visual .mini-action{padding-right:90px}}
@media(max-width:900px){.process-list{grid-template-columns:1fr;gap:24px;max-width:520px;margin:auto}.process-list li{padding:28px 28px 0;min-height:530px}.process-list h3{font-size:24px;min-height:0;max-width:none}.process-list p{max-width:40ch}.mini-screen{padding:22px 24px}.mini-top>strong{font-size:13px}.mini-vehicles{gap:14px}.mini-vehicles>div{padding:7px 12px}.mini-car{width:185px}.vehicle-visual .mini-action{padding-right:130px}}
@media(max-width:720px){.header{padding:9px 24px}.brand-mark{width:34px;height:34px}.menu-button{width:44px;height:44px}.insurer-set{gap:42px;padding-right:42px}.insurer-logos img{width:130px;height:38px}.process .section-heading{text-align:center;margin-bottom:34px}.process-list li{display:flex;gap:0;padding:26px 22px 0}.step-number{margin-bottom:18px}.step-visual{padding-top:28px}.mini-screen{padding:22px 18px}.mini-car{right:-16px;width:165px}.mini-vehicles>div{padding:7px 8px}.quote-visual{padding-bottom:30px}.process .text-button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.insurer-window{mask-image:none}.insurer-logos{width:100%;will-change:auto}.insurer-set{flex-wrap:wrap;justify-content:center;gap:28px;padding:0 24px;width:100%}.insurer-set[aria-hidden]{display:none}}

.process .section-heading>.primary-button{margin-top:15px}

.hero-copy>p{margin-bottom:64px}@media(max-width:720px){.hero-copy>p{margin-bottom:44px}}

/* Scroll into a floating pastel-yellow navigation pill. */
.header{left:50%;transform:translateX(-50%);border-radius:0;transition:width .3s var(--ease),top .3s var(--ease),padding .3s var(--ease),border-radius .3s var(--ease),background .25s,color .25s,box-shadow .3s var(--ease)}
.header.is-scrolled{top:12px;width:min(1100px,calc(100% - 48px));padding:10px 24px;border-radius:999px;box-shadow:0 8px 28px #101c1b1f}
@media(max-width:720px){.header.is-scrolled{top:12px;width:calc(100% - 24px);padding:9px 14px}}

.whatsapp-fab{position:fixed;bottom:24px;right:24px;z-index:25;display:grid;place-items:center;width:58px;height:58px;border:0;border-radius:50%;background:var(--accent);color:var(--ink);box-shadow:0 6px 24px #101c1b30;transition:background .2s,transform .2s}
.whatsapp-fab svg{width:28px;height:28px}.whatsapp-fab:hover{background:#fff1bd;transform:translateY(-2px)}
#whatsapp-form textarea{display:block;width:100%;border:1px solid #aabbaa;background:white;border-radius:8px;padding:12px;color:var(--ink);resize:vertical;min-height:96px;max-height:240px;caret-color:var(--ink)}
#whatsapp-form textarea::placeholder{color:#65766b}.optional{font-weight:400;color:var(--muted)}#whatsapp-status{font-size:13px;color:var(--ink);margin-bottom:0}#whatsapp-link{text-decoration:underline;text-underline-offset:3px}
@media(max-width:720px){.whatsapp-fab{right:18px;bottom:max(18px,env(safe-area-inset-bottom));width:54px;height:54px}}

#whatsapp-form textarea{font-family:var(--font-sans,Inter,system-ui,sans-serif);font-size:14px;line-height:1.5}

.hero-action{gap:32px}@media(max-width:720px){.hero-action{gap:28px}}

.whatsapp-fab{background:#25d366;color:#fff;border:2px solid #fff}.whatsapp-fab:hover{background:#1db954}

.desktop-nav .nav-quote{min-height:44px;padding:10px 18px;font-size:13px;gap:14px}.nav-quote .icon{width:18px;height:18px}.header.is-scrolled .nav-quote{background:var(--ink);color:var(--accent)}.header.is-scrolled .nav-quote:hover{background:#294e3c}
.mobile-menu .nav-quote{align-items:center;justify-content:space-between;padding:14px 18px;background:var(--accent);color:var(--ink);border-radius:999px;font-size:15px}
@media(max-width:1000px){.desktop-nav{gap:18px}.desktop-nav .nav-quote{padding:10px 14px;gap:10px}}

/* Split ABC introduction and compact visual steps, followed by warm benefits. */
.process{display:grid;grid-template-columns:.8fr 1.5fr;gap:70px;align-items:start}
.process .section-heading{text-align:left;position:sticky;top:130px;margin:30px 0 0}.process .section-heading>p{margin-left:0;margin-right:0}.process .section-heading h2{max-width:9ch}
.process-list{display:grid;grid-template-columns:1fr;gap:22px;max-width:none;margin:0;width:100%}
.process-list li{display:grid;grid-template-columns:1fr 1.05fr;gap:24px;align-items:center;padding:26px 24px;min-height:0;overflow:hidden}
.process-list h3{min-height:0;font-size:22px;margin-bottom:14px;max-width:18ch}.process-list p{font-size:14px;line-height:1.65}.step-number{margin-bottom:18px}
.process .step-visual{margin:0;padding:0;min-height:0;min-width:0}.process .mini-screen{border-radius:12px;padding:20px 16px;min-height:0}.process .mini-top{gap:8px}.process .mini-top>strong{font-size:11px}.process .mini-vehicles{gap:4px}.process .mini-vehicles>div{padding:6px 5px}.process .mini-car{width:135px;right:-14px;bottom:-17px}.process .vehicle-visual .mini-action{padding-right:80px}.process .quote-visual{padding-bottom:20px}.process .mini-team{bottom:-2px;right:-10px;font-size:10px;padding:10px 12px}.process .policy-screen>p{font-size:11px}.process .policy-check{width:44px;height:44px}.process .policy-ready{font-size:17px}
.why-us{background:#f4ecc7}.why-inner{padding-top:90px;padding-bottom:90px}.why-heading{text-align:center;margin-bottom:48px}.why-heading h2{margin-bottom:18px}.why-heading>p{color:#615a3c;font-size:17px;margin:0 auto}
.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.why-card{display:flex;flex-direction:column;min-width:0;min-height:480px;background:#faf7e8;border:1px solid #e5dcb8;border-radius:16px;overflow:hidden;padding:26px 20px 0}.why-copy>.icon{width:26px;height:26px;display:block;margin-bottom:22px;color:#61501d}.why-card h3{font-size:22px;line-height:1.25;margin:0 0 16px;letter-spacing:-.025em}.why-card p{font-size:14px;line-height:1.65;color:#615a3c;margin:0;max-width:30ch}.why-visual{position:relative;margin-top:auto;padding-top:34px;min-height:220px;pointer-events:none;user-select:none}.why-visual .mini-screen{padding:18px 14px;min-height:0}.why-visual .mini-top{gap:8px}.why-visual .mini-top>strong{font-size:11px}.why-visual .mini-premium>strong{font-size:28px}.why-visual .mini-cover-line{font-size:10px}.why-quote{border-radius:12px 12px 0 0}
.why-vehicles{min-height:230px}.why-vehicles>img{position:absolute;object-fit:contain}.why-vehicles>img:first-child{width:105%;height:150px;left:-22px;top:15px}.why-vehicles>img:nth-child(2){width:58%;height:150px;right:-15px;top:90px}.why-vehicle-labels{display:flex;gap:12px;padding:8px 12px;border-radius:8px;background:var(--accent);font-size:11px;position:absolute;bottom:18px;left:0}.why-vehicle-labels span+span{border-left:1px solid #d7c778;padding-left:12px}
.why-insurers{display:grid;grid-template-columns:1fr 1fr;gap:25px 14px;align-items:center;padding:22px 10px;background:white;border-radius:12px}.why-insurers img{width:100%;height:43px;object-fit:contain}.why-choice{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:15px 10px;font-size:11px}.why-choice .icon{width:18px;height:18px}
.why-chat{padding:18px 14px;background:white;border-radius:12px 12px 0 0}.why-chat .mini-top{margin-bottom:18px}.chat-out,.chat-in{font-size:11px;line-height:1.55;padding:11px 12px;border-radius:10px;margin-bottom:12px}.chat-out{background:var(--accent);margin-left:18px}.chat-in{background:#f0f2ec;margin-right:12px}
@media(max-width:1100px){.process{grid-template-columns:.75fr 1.5fr;gap:35px}.process-list li{gap:18px;padding:22px 18px}.process-list h3{font-size:20px}.process .mini-screen{padding:16px 12px}.process .mini-top>strong{font-size:10px}.process .mini-vehicles{gap:0}.process .mini-vehicles>div{padding:5px 3px;font-size:10px}.why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.why-card{min-height:440px;padding:26px 26px 0}.why-visual{max-width:320px;width:100%;align-self:center}.why-card h3{font-size:24px}}
@media(max-width:900px){.process{grid-template-columns:1fr;gap:40px}.process .section-heading{position:static;text-align:center;margin:0}.process .section-heading h2{max-width:none}.process .section-heading>p{margin-left:auto;margin-right:auto}.process-list{max-width:700px;margin:auto}.process-list li{padding:26px;gap:28px}.process-list h3{font-size:24px}.process .mini-screen{padding:20px}.process .mini-top>strong{font-size:12px}.process .mini-vehicles>div{padding:7px 8px;font-size:11px}}
@media(max-width:600px){.process-list li{grid-template-columns:1fr;padding:26px 22px;gap:28px}.process-list h3{max-width:none}.process .step-visual{width:100%;max-width:310px;justify-self:center}.process .mini-screen{padding:22px 18px}.process .mini-car{width:165px}.process .vehicle-visual .mini-action{padding-right:110px}.process .quote-visual{padding-bottom:20px}.process-list p{font-size:14px}.why-grid{grid-template-columns:1fr;gap:22px;max-width:430px;margin:auto}.why-inner{padding:65px 24px}.why-heading{margin-bottom:34px}.why-heading>p{font-size:15px}.why-card{min-height:430px}.why-card h3{font-size:24px}.why-card h3 br{display:none}.why-card h3 br:after{content:' '}.why-vehicles{min-height:250px}.why-vehicles>img:first-child{height:170px}.why-vehicles>img:nth-child(2){height:170px}}

/* AJ Chauffeur's aligned review belt, adapted to RodaCover. */
.google-reviews{min-height:calc(100dvh - 88px);padding:76px 0;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:var(--paper)}
.reviews-heading{text-align:center;padding:0 24px}.reviews-heading h2{font-size:clamp(39px,4vw,55px);margin-bottom:26px}.review-summary{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.google-word{font-size:23px;font-weight:600;letter-spacing:-.03em}.google-word span:nth-child(1),.google-word span:nth-child(4){color:#4285f4}.google-word span:nth-child(2),.google-word span:nth-child(6){color:#ea4335}.google-word span:nth-child(3){color:#fbbc05}.google-word span:nth-child(5){color:#34a853}.review-summary>strong{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.review-summary>strong>span{font-weight:400;color:var(--muted)}
.review-stars{display:flex;gap:3px;color:#aa7b17}.review-stars svg{display:block;width:17px;height:17px;fill:currentColor}.review-sample-note{font-size:12px;color:var(--muted);margin:14px auto 0;max-width:48ch}
.reviews-window{overflow:hidden;width:100%;margin-top:36px;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.reviews-track{display:flex;width:max-content;animation:reviewBelt 50s linear infinite;will-change:transform}.review-group{display:flex;gap:20px;padding-right:20px;flex:none}.review-card{width:310px;min-height:235px;padding:26px;background:#fff;border:1px solid var(--line);border-radius:32px 32px 16px 16px;flex:none}.review-person{display:flex;align-items:center;gap:12px;margin-bottom:18px}.review-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f4ecc7;color:#51451e;font-size:13px;font-weight:600;flex:none}.review-person h3{font-size:15px;margin:0 0 2px}.review-person div>span{font-size:12px;color:var(--muted)}.review-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:16px 0 0}.reviews-window:hover .reviews-track,.reviews-window:focus-within .reviews-track{animation-play-state:paused}
@keyframes reviewBelt{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.review-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:34px;padding:0 24px}.review-google-link{background:transparent;border:0;font-size:13px;padding:5px;color:var(--muted);text-decoration:underline;text-underline-offset:4px;min-height:36px}.review-google-link:hover{color:var(--ink)}#review-link-status{font-size:12px;color:var(--muted);text-align:center;margin:0;max-width:50ch}.review-controls{display:none;justify-content:center;gap:12px;margin-top:20px}.review-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:white}.review-controls button:hover{background:var(--accent)}[data-review-prev] .icon{transform:rotate(180deg)}
@media(max-width:900px){.google-reviews{min-height:calc(100svh - 88px);padding:65px 0}.reviews-window{overflow-x:auto;mask-image:none;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.reviews-window::-webkit-scrollbar{display:none}.reviews-track{animation:none;width:max-content;will-change:auto}.review-group{padding:0 24px;gap:20px}.review-group[aria-hidden]{display:none}.review-card{width:min(400px,calc(100vw - 48px));scroll-snap-align:center;min-height:230px}.review-controls{display:flex}.review-actions{margin-top:24px}.review-summary{gap:12px}.review-summary>.review-stars svg{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){.reviews-track{animation:none;will-change:auto}.review-group[aria-hidden]{display:none}.reviews-window{overflow-x:auto;mask-image:none}.reviews-track{padding:0 24px}.review-group{padding-right:0}.review-controls{display:flex}}

/* Cards rise through the centre and turn along the moving arc. */
@media(min-width:901px) and (prefers-reduced-motion:no-preference){.reviews-track{position:relative}.reviews-window{padding:24px 0 92px;margin-top:18px}.review-card{transform-origin:center center;will-change:transform}.google-reviews .review-actions{margin-top:0}}

/* Useful FAQ feedback, confident close, and a single-view footer. */
.faq{grid-template-columns:.85fr 1.25fr;gap:80px;padding-top:100px;padding-bottom:100px;align-items:start}.faq .section-heading{position:sticky;top:130px}.faq .section-heading>p{max-width:27ch;line-height:1.65}.faq-assist{margin-top:34px;padding:24px;background:#f4ecc7;border-radius:12px;max-width:330px}.faq-assist h3{font-size:19px;margin:0 0 8px}.faq-assist p{font-size:14px;color:#615a3c;margin:0}.faq-assist .text-button{font-size:13px;margin-top:14px;min-height:44px}
.faq-list details{border-top:1px solid var(--line)}.faq-list summary{padding:24px 0;font-size:17px;gap:24px}.faq-toggle{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;flex:none;transition:background .2s,border-color .2s}.faq-toggle .icon{width:18px;height:18px;transition:transform .25s var(--ease)}.faq-list summary:hover .faq-toggle{background:var(--accent);border-color:var(--accent)}.faq-list details[open] .faq-toggle{background:var(--accent);border-color:var(--accent)}.faq-list details[open] summary .icon{transform:rotate(45deg)}.faq-answer p{font-size:15px;color:var(--muted);line-height:1.75;margin:0;padding:0 52px 26px 0;max-width:60ch}
.renewal-cta{background:var(--accent);overflow:hidden}.cta-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;padding-top:75px;padding-bottom:75px}.cta-copy h2{font-size:clamp(42px,4.8vw,68px);margin-bottom:24px}.cta-copy>p{font-size:17px;color:#514822;max-width:34ch;line-height:1.65;margin-bottom:30px}.cta-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.cta-help{display:inline-flex;align-items:center;gap:14px;border:0;border-bottom:1px solid var(--ink);padding:12px 0;background:transparent;font-size:14px;font-weight:500;min-height:44px}.cta-actions .icon,.faq-assist .icon{transition:transform .2s var(--ease)}.cta-actions button:hover .icon,.faq-assist button:hover .icon{transform:translateX(4px)}.cta-actions button:active{transform:translateY(1px)}.cta-vehicles{height:330px;position:relative}.cta-road{position:absolute;width:115%;height:100%;left:-5%;bottom:-20px;color:#c5b260}.cta-car{position:absolute;width:88%;height:290px;object-fit:contain;left:-2%;top:-15px;filter:drop-shadow(0 10px 12px #78601b18)}.cta-motor{position:absolute;width:43%;height:210px;object-fit:contain;right:-5%;bottom:-10px;filter:drop-shadow(0 8px 10px #78601b18)}
.footer{height:calc(100dvh - 88px);min-height:620px;padding:54px 7% 26px;display:flex;flex-direction:column;gap:0;background:var(--ink);color:#e5ede3}.footer-top{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:60px;width:100%;max-width:1240px;margin:0 auto}.footer-identity .footer-brand{display:inline-flex;align-items:center;gap:12px;font-size:36px;letter-spacing:-.035em}.footer .brand-mark{width:40px;height:40px;background:var(--accent)}.footer-identity>p{font-size:14px;line-height:1.8;margin:22px 0 0;color:#bccabf;max-width:34ch}.footer h3{font-size:13px;font-weight:500;color:#f7e7a1;margin:0 0 18px}.footer-navigation{display:flex;flex-direction:column;gap:11px;font-size:14px}.footer-navigation h3{margin-bottom:7px}.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-contact h3{margin-bottom:7px}.footer-contact .footer-link{display:flex;gap:14px;align-items:center;font-size:14px;min-height:24px}.footer-contact .icon{width:17px;height:17px;transition:transform .2s}.footer-contact button:hover .icon{transform:translateX(4px)}.footer-contact p{font-size:12px;color:#bccabf;line-height:1.7;margin:8px 0 0}.footer-signoff{flex:1;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1240px;margin:0 auto;gap:30px;padding:35px 0}.footer-signoff p{font-size:clamp(48px,6vw,84px);line-height:1.03;letter-spacing:-.04em;color:#f7e7a1;font-weight:500;margin:0}.footer-back{width:54px;height:54px;display:grid;place-items:center;border:1px solid #71847b;border-radius:50%;flex:none;transition:background .2s}.footer-back .icon{transform:rotate(-90deg)}.footer-back:hover{background:#294e3c}.footer-bottom{width:100%;max-width:1240px;margin:0 auto}.footer-base{grid-column:auto;margin:0;padding-top:20px;border-color:#476052;font-size:12px}.footer .trlabs-credit{margin:18px 0 0;padding:0;gap:10px!important;min-height:24px}.footer>div:not(.footer-base){font-size:inherit}.footer>div.footer-top{display:grid;flex-direction:initial;gap:60px}.footer>div.footer-signoff{flex-direction:row;gap:30px}.footer>div.footer-bottom{display:block}
@media(max-width:1000px){.faq{gap:45px}.footer{padding-left:6%;padding-right:6%}.footer>div.footer-top{gap:35px}.footer-identity .footer-brand{font-size:30px}.cta-inner{gap:20px}.cta-vehicles{height:280px}.cta-car{height:240px}.cta-motor{height:180px}.cta-actions{gap:18px}.footer-signoff p{font-size:64px}}
@media(max-height:780px) and (min-width:721px){.footer{min-height:0;padding-top:34px;padding-bottom:20px}.footer-signoff{padding:24px 0}.footer-signoff p{font-size:54px}.footer-top{gap:30px}.footer-navigation{gap:8px}.footer-contact{gap:8px}.footer-identity>p{margin-top:16px}}
@media(max-width:720px){.faq{grid-template-columns:1fr;gap:38px;padding:65px 24px}.faq .section-heading{position:static}.faq .section-heading>p{max-width:36ch}.faq-assist{max-width:none;margin-top:24px;padding:20px}.faq-list summary{font-size:16px;padding:21px 0;gap:18px}.faq-answer p{font-size:14px;padding-right:10px;padding-bottom:22px}.cta-inner{grid-template-columns:1fr;padding:60px 24px 30px;gap:20px}.cta-copy h2{font-size:46px}.cta-copy>p{font-size:15px;max-width:38ch}.cta-actions{gap:20px}.cta-help{font-size:13px}.cta-vehicles{height:230px;max-width:470px;width:100%;margin:auto}.cta-car{height:220px;top:0}.cta-motor{height:160px;bottom:-5px;right:0}.cta-road{bottom:-10px}.footer{height:auto;min-height:0;padding:42px 24px 26px}.footer>div.footer-top{grid-template-columns:1fr 1fr;gap:34px 20px}.footer-identity{grid-column:1/-1}.footer-identity .footer-brand{font-size:34px}.footer-identity>p{margin-top:16px}.footer-navigation,.footer-contact .footer-link{font-size:13px}.footer-contact p{font-size:12px}.footer-signoff{padding:44px 0 32px}.footer-signoff p{font-size:48px}.footer-back{width:44px;height:44px}.footer-base{display:flex;flex-direction:column;gap:8px}.footer-base span{margin:0}.footer .trlabs-credit{margin-top:22px;font-size:12px!important}}

/* Two-font hierarchy and a complete viewport footer. */
@font-face{font-family:Manrope;src:url(fonts/Manrope-variable.ttf);font-weight:200 800;font-display:swap}
:root{--font-display:Manrope,Inter,sans-serif}
h1,h2,h3,.footer-brand,.dialog-brand,.footer-signoff p{font-family:var(--font-display)}
.footer{height:100dvh;min-height:620px}
@media(max-height:780px) and (min-width:721px){.footer{min-height:0}}
@media(max-width:720px){.footer{height:auto;min-height:100dvh}}

/* Approved vivid-red theme: brand expression and readable action roles. */
:root{--accent:#f02d3a;--ink:#15191f;--paper:#f7f7f8;--muted:#5b6470;--line:#dde0e5;--action:#d91f2b}
.primary-button,.light-button{background:var(--action);color:#fff}.primary-button:hover,.light-button:hover{background:#b81723}
.brand-mark{background:#fff}.vehicle-choices button.selected{color:#fff}.vehicle-choices button.selected:after{background:var(--accent)}
.header.is-scrolled{background:var(--accent)}.header.is-scrolled .brand-mark{background:#fff}
.header.is-scrolled .nav-quote{background:var(--ink);color:#fff}.header.is-scrolled .nav-quote:hover{background:#303641}
.step-number,.mini-action,.policy-check,.mini-vehicles .mini-selected,.why-vehicle-labels{background:var(--action);color:#fff}
.why-us,.faq-assist{background:#fdecee}.why-card{background:#fff;border-color:#efd6d9}.why-heading>p,.why-card p,.faq-assist p{color:var(--muted)}.why-copy>.icon{color:var(--action)}
.why-vehicles .why-vehicle-labels span+span{border-color:#ffffff70}.chat-out{background:#fdecee;color:var(--ink)}
.review-avatar{background:#fdecee;color:var(--action)}.review-stars{color:var(--action)}
.faq-list details[open] .faq-toggle,.faq-list summary:hover .faq-toggle{background:var(--action);border-color:var(--action);color:#fff}
.renewal-cta{background:var(--accent);color:#fff}.cta-copy>p{color:var(--ink)}.cta-help{color:var(--ink);border-color:var(--ink)}.cta-road{color:#ffffff65}
.cta-actions .primary-button{background:var(--ink);color:#fff}.cta-actions .primary-button:hover{background:#303641}
.footer h3,.footer-signoff p{color:#fff}.footer .brand-mark{background:var(--accent)}.footer-back:hover{background:#303641}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--action)}
::selection{background:var(--action);color:#fff}

:root{--ink:#101216}.cta-actions .light-button{background:var(--ink);color:#fff}.cta-actions .light-button:hover{background:#303641}.header.is-scrolled .desktop-nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}

/* Stronger why-us field, with soft wave transitions into the paper sections. */
.why-us{position:relative;background:var(--action);overflow:hidden;padding:48px 0}
.why-us::before,.why-us::after{content:"";position:absolute;left:0;width:100%;height:64px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath fill='%23f7f7f8' d='M0 0H1440V24C1200 76 960 4 720 32S240 76 0 24Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.why-us::before{top:-1px}.why-us::after{bottom:-1px;transform:rotate(180deg)}
.why-heading h2,.why-heading>p{color:#fff}.why-inner{position:relative;z-index:1}
.header.is-scrolled{background:var(--action)}
.header.is-scrolled .brand-mark{background:#fff}
.header.is-scrolled .desktop-nav a,.header.is-scrolled .desktop-nav a[aria-current],.header.is-scrolled .desktop-nav a:hover{color:#fff;opacity:1}
.header.is-scrolled .menu-button{color:#fff;border-color:#ffffff80}
@media(max-width:600px){.why-us{padding:28px 0}.why-us::before,.why-us::after{height:40px}}

/* WhatsApp enquiry belongs to its floating button, not the modal layer. */
#whatsapp-dialog{position:fixed;inset:auto 24px 96px auto;margin:0;width:min(380px,calc(100vw - 36px));max-height:calc(100dvh - 120px);padding:22px;z-index:40;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 50px #10121630;overscroll-behavior:contain}
#whatsapp-dialog .dialog-top{margin-bottom:16px}#whatsapp-dialog .dialog-brand{font-size:20px}#whatsapp-dialog .close-button{width:36px;height:36px}
#whatsapp-dialog h2{font-size:27px;margin:0 0 10px}#whatsapp-dialog .dialog-intro{font-size:13px;margin-bottom:16px}
#whatsapp-dialog label{font-size:12px;margin:12px 0 6px}#whatsapp-dialog input,#whatsapp-dialog select{height:42px;padding:9px 11px;font-size:14px;border-color:#bac0c9}
#whatsapp-form textarea{min-height:74px;font-size:14px;border-color:#bac0c9;padding:10px}
#whatsapp-dialog .primary-button{min-height:46px;margin-top:18px;padding:12px 15px;gap:15px;font-size:13px}
#whatsapp-dialog .preview-note{font-size:12px;margin-top:12px;color:var(--muted)}
@media(max-width:720px){#whatsapp-dialog{right:18px;bottom:calc(max(18px,env(safe-area-inset-bottom)) + 68px);max-height:calc(100dvh - 110px)}}

/* White floating navigation, with red brand and action accents. */
.header.is-scrolled{background:#fff;color:var(--ink)}
.header.is-scrolled .brand-mark{background:var(--accent)}
.header.is-scrolled .desktop-nav a,.header.is-scrolled .desktop-nav a[aria-current],.header.is-scrolled .desktop-nav a:hover{color:var(--ink);opacity:1}
.header.is-scrolled .nav-quote{background:var(--action);color:#fff}.header.is-scrolled .nav-quote:hover{background:#b81723}
.header.is-scrolled .menu-button{color:var(--ink);border-color:var(--line);background:transparent}

/* Straight edges for the why-us section. */
.why-us{padding:0}
.why-us::before,.why-us::after{display:none}