header{background:#fff;color:#151619}.logo-window{position:relative!important;display:block!important;width:235px;aspect-ratio:1306 / 240;height:auto;overflow:hidden;margin:0!important;letter-spacing:normal!important}.logo-window img{position:absolute;width:135.84%;height:auto;max-width:none;left:-18.15%;top:-137.9%;display:block}.logo{line-height:1;flex-shrink:0}.logo img{filter:hue-rotate(212deg)}body[data-brand=green] .logo img,.green-preview img{filter:none}body[data-brand=green]{--accent:#176344;--accent-light:#8ec8a8}body[data-brand=green] .markets{background:#176344}body[data-brand=green] .hero h1 em{color:#8ec8a8}footer .logo{align-self:center}.custom-banner{display:flex;align-items:center;gap:30px;justify-content:space-between;border:1px solid #d6dde1;background:var(--paper);padding:24px;margin:25px 0}.custom-banner strong{font-size:20px}.custom-banner p{font-size:13px;color:#5c6875;max-width:650px;margin-bottom:0}.custom-banner .button{flex-shrink:0}#color-feedback{font-size:13px;color:var(--accent);min-height:24px;margin-bottom:12px}dialog{border:0;padding:30px;width:min(860px,94vw);max-height:92vh;overflow:auto;color:#18212b;box-shadow:0 25px 100px #0006}dialog::backdrop{background:#080f19ba}body:has(dialog[open]){overflow:hidden}.editor-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.editor-heading h2{font-size:39px;letter-spacing:-1px;margin:0}.editor-heading .eyebrow{margin-bottom:10px}#close-color{background:#eef1f4;border:0;width:42px;height:42px;font-size:28px;cursor:pointer}#color-base{font-size:12px;color:#657181;margin:15px 0 23px}.color-workspace{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px}#color-preview{height:290px;border:1px solid #0002;background:#414347;background-image:repeating-linear-gradient(43deg,#fff0 0px,#fff0 2px,#ffffff0a 3px,#00000007 4px)}.color-value{font-size:22px;font-family:monospace;margin:12px 0}.wheel-row{display:flex;gap:20px;align-items:center;margin-bottom:18px}.wheel-row>p{font-size:11px;color:#657181;flex:1}.color-controls label{margin:13px 0;display:block;font-size:12px}.color-controls output{float:right;font-weight:400;color:#5f6b78}.color-controls input[type=range]{padding:0;border:0;min-height:26px;accent-color:var(--accent);cursor:pointer}.color-inputs{display:grid;grid-template-columns:1fr 95px;gap:15px}.color-inputs input[type=color]{height:46px;padding:5px;cursor:pointer}#hue-wheel{height:128px;width:128px;border-radius:50%;background:conic-gradient(from 90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative;touch-action:none;cursor:crosshair;flex-shrink:0}#hue-wheel:before{content:'';position:absolute;inset:30%;border-radius:50%;background:white}#wheel-indicator{position:absolute;width:15px;height:15px;left:50%;top:50%;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #0008;pointer-events:none}.editor-actions{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid #d6dde1;padding-top:20px;margin-top:20px}.editor-actions .outline{color:#18212b}.text-button{border:0;background:transparent;text-decoration:underline;padding:12px;cursor:pointer;font-size:12px}#color-error{color:#a42d28;font-size:12px;min-height:18px}.custom-selection{display:flex;align-items:center;gap:15px;border-bottom:1px solid #d6dde1;padding:14px 0}.custom-selection>span:first-child{width:36px;height:36px;border:1px solid #0002;flex-shrink:0}.custom-selection p{font-size:12px;flex:1;margin:0}.custom-selection button{border:1px solid #cad3dc;background:white;padding:8px;cursor:pointer;font-size:11px}.brand-review>p:not(.eyebrow){max-width:700px;color:#596675}.brand-options{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}.brand-options article{border:1px solid #d4dce2}.brand-logo{background:white;padding:30px;display:flex;justify-content:center}.brand-mini{padding:40px 25px;color:white;background:linear-gradient(90deg,#101113ed,#10111377),url('assets/car-interior.png') center/cover}.brand-mini h2{font-size:36px;letter-spacing:-1px;line-height:1.15}.brand-mini span{font-size:9px;letter-spacing:2px}.brand-mini.green-preview{border-bottom:5px solid #176344}.brand-mini.red-preview{border-bottom:5px solid #d83b2b}.brand-description{padding:25px}.brand-description p{font-size:13px;color:#5b6876}.brand-options article:first-child .button{background:#176344}.red-preview img{filter:hue-rotate(212deg)}
@media(max-width:1150px){.menu+nav{background:white;color:#151619}}@media(max-width:760px){.logo-window{width:200px;height:auto}.custom-banner{display:block;padding:20px}.custom-banner .button{margin-top:20px}.color-workspace{grid-template-columns:1fr}.color-workspace>div:first-child{display:grid;grid-template-columns:100px 1fr;gap:10px}.color-workspace>div:first-child .small{grid-column:2;grid-row:1;margin-top:35px;font-size:10px}.color-value{grid-column:2;grid-row:1;margin:0}#color-preview{height:100px;grid-row:1 / 3}.editor-heading h2{font-size:31px}dialog{padding:20px;max-height:94vh}.editor-actions{flex-direction:column}.editor-actions button{width:100%}.brand-options{grid-template-columns:1fr}.brand-review h1{font-size:50px!important}.custom-selection{flex-wrap:wrap}}

[hidden]{display:none!important}
.menu{display:none}
@media(max-width:1150px){header{height:78px;padding:0 5%;box-shadow:0 2px 12px #142c2010}.menu{display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:0;border-radius:10px;background:#edf4ef;color:#176344;cursor:pointer;flex-shrink:0}.menu:hover,.menu[aria-expanded=true]{background:#dcebe1}.menu-icon{position:relative;width:22px;height:18px;display:block}.menu-icon i{position:absolute;left:0;width:22px;height:2px;background:currentColor;border-radius:2px;transition:transform .18s ease,opacity .18s ease}.menu-icon i:nth-child(1){top:0}.menu-icon i:nth-child(2){top:8px}.menu-icon i:nth-child(3){top:16px}.menu[aria-expanded=true] i:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu[aria-expanded=true] i:nth-child(2){opacity:0}.menu[aria-expanded=true] i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.menu+nav{top:78px;padding:12px 5% 22px;border-top:1px solid #e5eae6;box-shadow:0 14px 22px #13241d1c;max-height:calc(100dvh - 110px);overflow:auto;gap:5px}.menu+nav a{font-size:14px;padding:13px 16px;border-radius:7px}.menu+nav a[aria-current=page]{text-decoration:none;background:#edf4ef;color:#176344}.menu+nav a.button{background:#176344;color:white;margin-top:8px}.menu:focus-visible{outline:3px solid #176344;outline-offset:3px}}
@media(prefers-reduced-motion:reduce){.menu-icon i{transition:none}}
