.exx-finder-widget @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--ink:#f4f3ef;--muted:#a6a9a5;--orange:#ff9c35;--line:#303430;--bg:#101210;--panel:#1b1e1a}
.exx-finder-widget,.exx-finder-widget *{box-sizing:border-box}
.exx-finder-widget{background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;margin:0}
.exx-finder-widget button,.exx-finder-widget input,.exx-finder-widget select,.exx-finder-widget textarea{font:inherit}
.exx-finder-widget a{color:inherit}
.exx-finder-widget .top{height:76px;border-bottom:1px solid #30332e;display:flex;justify-content:space-between;align-items:center;padding:0 max(5vw,24px)}
.exx-finder-widget .brand{text-decoration:none;font-family:Manrope,sans-serif;font-size:19px;font-weight:800;letter-spacing:.08em}
.exx-finder-widget .mark{color:var(--orange);font-size:21px;letter-spacing:-8px;margin-right:12px}
.exx-finder-widget .topnote,.exx-finder-widget .finder-label,.exx-finder-widget .eyebrow,.exx-finder-widget .intro-aside,.exx-finder-widget footer,.exx-finder-widget .count{font-size:10px;letter-spacing:.15em;font-weight:700}
.exx-finder-widget .topnote{color:#a8aaa5}
.exx-finder-widget .topnote span{color:var(--orange);padding:0 8px}
.exx-finder-widget .shell{max-width:1160px;margin:auto;padding:0 32px}
.exx-finder-widget .intro{display:flex;justify-content:space-between;align-items:end;padding:75px 0 43px}
.exx-finder-widget .eyebrow{color:var(--orange);margin:0 0 18px}
.exx-finder-widget .dot{display:inline-block;background:var(--orange);height:7px;width:7px;border-radius:50%;margin-right:8px}
.exx-finder-widget h1{font:800 clamp(48px,7vw,88px)/.98 Manrope,sans-serif;letter-spacing:-.065em;margin:0}
.exx-finder-widget h1 em{font-style:normal;color:var(--orange)}
.exx-finder-widget .lede{color:#bbc0b9;max-width:505px;font-size:16px;line-height:1.65;margin:23px 0 0}
.exx-finder-widget .intro-aside{display:grid;gap:13px;color:#777d75;padding-bottom:4px}
.exx-finder-widget .intro-aside span:first-child{color:#e8e8e2}
.exx-finder-widget .finder{background:var(--panel);border:1px solid #30352f;border-radius:4px;box-shadow:0 24px 70px #0004;overflow:hidden}
.exx-finder-widget .finder-top{background:#222620;padding:20px 30px 0}
.exx-finder-widget .finder-top>div:first-child{display:flex;justify-content:space-between}
.exx-finder-widget .finder-label{color:#e0e1d9}
.exx-finder-widget .count{color:#9da39a}
.exx-finder-widget .track{height:3px;background:#3a3e38;margin-top:19px}
.exx-finder-widget .track div{background:var(--orange);height:100%;transition:width .25s}
.exx-finder-widget .content{padding:38px 40px 32px;min-height:380px}
.exx-finder-widget .section-kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--orange);font-weight:700;margin:0 0 10px}
.exx-finder-widget .question{font:700 clamp(25px,3vw,34px)/1.2 Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 8px}
.exx-finder-widget .helper{color:var(--muted);margin:0 0 25px;font-size:14px;line-height:1.6}
.exx-finder-widget .choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.exx-finder-widget .choice{background:#222620;border:1px solid #3b4039;border-radius:4px;min-height:91px;padding:18px;text-align:left;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;gap:12px}
.exx-finder-widget .choice:hover,.exx-finder-widget .choice[aria-pressed=true]{border-color:var(--orange);background:#2b2b20}
.exx-finder-widget .choice strong{font-size:15px;display:block}
.exx-finder-widget .choice small{color:var(--muted);display:block;margin-top:5px;line-height:1.45;font-size:12px}
.exx-finder-widget .choice .arrow{color:var(--orange);font-size:21px}
.exx-finder-widget .nav{display:flex;justify-content:space-between;align-items:center;margin-top:26px}
.exx-finder-widget .btn{border:0;border-radius:3px;padding:14px 19px;background:var(--orange);color:#17150f;font-weight:700;cursor:pointer}
.exx-finder-widget .btn:hover{background:#ffb15b}
.exx-finder-widget .btn.ghost{background:transparent;color:#c8cbc5;padding-left:0}
.exx-finder-widget .btn:disabled{opacity:.4;cursor:not-allowed}
.exx-finder-widget .error{color:#ffc382;font-size:13px;margin:14px 0 0}
.exx-finder-widget .result-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}
.exx-finder-widget .result-main,.exx-finder-widget .result-side{border:1px solid #3a4038;background:#222620;padding:26px}
.exx-finder-widget .result-main{border-top:3px solid var(--orange)}
.exx-finder-widget .tag{font-size:10px;letter-spacing:.13em;color:var(--orange);font-weight:800}
.exx-finder-widget .result-main h3{font:800 31px/1.15 Manrope,sans-serif;letter-spacing:-.04em;margin:12px 0}
.exx-finder-widget .result-main p,.exx-finder-widget .result-side p,.exx-finder-widget .result-side li{color:#c5c9c2;font-size:14px;line-height:1.65}
.exx-finder-widget .result-side h4{font-size:14px;margin:0 0 12px}
.exx-finder-widget .result-side ul{padding-left:18px;margin:0}
.exx-finder-widget .result-side li{margin-bottom:9px}
.exx-finder-widget .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.exx-finder-widget .cta{display:inline-block;text-decoration:none;background:var(--orange);color:#18150e;padding:14px 18px;font-weight:700;font-size:13px}
.exx-finder-widget .cta.secondary{background:transparent;color:#eee;border:1px solid #555b51}
.exx-finder-widget .note{font-size:12px;color:#9da39a;margin-top:18px}
.exx-finder-widget .form{margin-top:25px;border:1px solid #41473e;padding:24px}
.exx-finder-widget .form h3{font:700 21px Manrope;margin:0 0 5px}
.exx-finder-widget .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.exx-finder-widget .field{display:grid;gap:7px;font-size:12px;color:#c9ccc6;font-weight:700}
.exx-finder-widget .field input,.exx-finder-widget .field select,.exx-finder-widget .field textarea{border:1px solid #51584e;background:#141714;color:white;border-radius:3px;padding:12px;width:100%}
.exx-finder-widget .checkline{display:flex;gap:10px;color:#c9ccc6;font-size:13px;line-height:1.5;margin:18px 0}
.exx-finder-widget .checkline input{accent-color:var(--orange)}
.exx-finder-widget .summary{white-space:pre-wrap;background:#151815;border-left:2px solid var(--orange);padding:14px;font-size:12px;line-height:1.6;color:#c5c9c2;overflow-wrap:anywhere}
.exx-finder-widget footer{display:flex;justify-content:space-between;color:#7d837a;margin:35px 0 55px}
.exx-finder-widget footer a{color:#d5d8d0;letter-spacing:0;font-size:12px;text-decoration:none}
.exx-finder-widget button:focus-visible,.exx-finder-widget a:focus-visible,.exx-finder-widget input:focus-visible,.exx-finder-widget select:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:700px){.exx-finder-widget .shell{padding:0 18px}
.exx-finder-widget .top{height:65px;padding:0 18px}
.exx-finder-widget .topnote{display:none}
.exx-finder-widget .intro{padding:48px 0 30px}
.exx-finder-widget .intro-aside{display:none}
.exx-finder-widget .content{padding:26px 20px}
.exx-finder-widget .finder-top{padding:18px 20px 0}
.exx-finder-widget .choices,.exx-finder-widget .result-layout,.exx-finder-widget .form-grid{grid-template-columns:1fr}
.exx-finder-widget .choice{min-height:76px}
.exx-finder-widget footer{gap:20px;flex-direction:column}
}
.exx-finder-widget{font-family:'Poppins',sans-serif;background:transparent}
.exx-finder-widget .shell{max-width:1160px;margin:0 auto;padding:0}
.exx-finder-widget .question,.exx-finder-widget .result-main h3,.exx-finder-widget .form h3{font-family:'Poppins',sans-serif}
@media(max-width:700px){.exx-finder-widget .shell{padding:0}
}
.exx-finder-widget .plan-steps{padding-left:19px;color:#d2d5ce;font-size:13px;line-height:1.6}
.exx-finder-widget .plan-steps li{margin-bottom:9px}
.exx-finder-widget .result-main h4{font-size:14px;margin:22px 0 8px}
.exx-finder-widget{--ink:#fff;--muted:#b3b3ba;--orange:#ff9e1b;--line:#333333;--bg:#000000;--panel:#121212}
.exx-finder-widget .finder{background:#121212;border-color:#333333}
.exx-finder-widget .finder-top{background:#000000}
.exx-finder-widget .finder-label{color:#fff}
.exx-finder-widget .track{background:#4d4d4d}
.exx-finder-widget .choice,.exx-finder-widget .result-main,.exx-finder-widget .result-side{background:#000000;border-color:#4d4d4d}
.exx-finder-widget .choice:hover,.exx-finder-widget .choice[aria-pressed=true]{background:#333333;border-color:#ff9e1b}
.exx-finder-widget .btn,.exx-finder-widget .cta{border-radius:999px;background:#ff9e1b;color:#fff;font-family:'Poppins',sans-serif;font-weight:600;padding:10px 30px}
.exx-finder-widget .btn:hover,.exx-finder-widget .cta:hover{background:#ffb149;color:#fff}
.exx-finder-widget .btn.ghost{background:transparent;color:#e6e6e8;padding-left:0}
.exx-finder-widget .btn.ghost:hover{color:#ffb149}
.exx-finder-widget .cta.secondary{border-radius:999px;background:transparent;border:1px solid #808080;color:#fff}
.exx-finder-widget .cta.secondary:hover{border-color:#ff9e1b;color:#ffb149}
.exx-finder-widget .result-main{border-top-color:#ff9e1b}
.exx-finder-widget .form{border-color:#4d4d4d}
.exx-finder-widget .field input,.exx-finder-widget .field select,.exx-finder-widget .field textarea,.exx-finder-widget .summary{background:#000000;border-color:#666666}
.exx-finder-widget .finder{border-radius:20px;overflow:hidden}
.exx-finder-widget .choice,.exx-finder-widget .result-main,.exx-finder-widget .result-side,.exx-finder-widget .form{border-radius:12px}
.exx-finder-widget .field input,.exx-finder-widget .field select,.exx-finder-widget .field textarea{border-radius:8px}

/* Integrate with the surrounding page and suppress an empty error region. */
.exx-finder-widget .finder,.exx-finder-widget .finder-top{background:transparent;border:0;box-shadow:none}
.exx-finder-widget .error:empty{display:none}
.exx-finder-widget .btn,.exx-finder-widget .choice{appearance:none;-webkit-appearance:none;box-shadow:none;text-shadow:none}
.exx-finder-widget .btn{border:0;color:#fff}
.exx-finder-widget .btn.ghost{background:transparent;color:#e6e6e8}

.exx-finder-widget .error[hidden]{display:none !important}

/* Exxentric website CTA styling, scoped to the finder. */
.exx-finder-widget .cta,.exx-finder-widget .btn:not(.ghost){position:relative;display:inline-block;font-weight:500;line-height:1em;padding:8px 45px 8px 35px;border-radius:18px;transition:ease-in-out .3s;color:#fff !important;background:#f99a2a;text-decoration:none}
.exx-finder-widget .cta:hover,.exx-finder-widget .btn:not(.ghost):hover{background:#ca8028;text-decoration:none;color:#fff !important}
.exx-finder-widget .cta::after,.exx-finder-widget .btn:not(.ghost)::after{content:"";position:absolute;top:50%;right:1.75em;width:.4375rem;height:.4375rem;transform:translateY(-50%) rotate(45deg);border-right:.125rem solid #fff;border-top:.125rem solid #fff;transition:ease-in-out .3s}
.exx-finder-widget .cta:hover::after,.exx-finder-widget .btn:not(.ghost):hover::after{transform:translate(50%,-50%) rotate(45deg)}
.exx-finder-widget .cta.secondary{background:transparent;border:1px solid #808080;color:#fff !important}
.exx-finder-widget .cta.secondary:hover{background:#ca8028;border-color:#ca8028}

.exx-finder-widget .result-side li a{color:#fff;text-decoration:underline;background:transparent;padding:0;border:0;display:inline;font-weight:700}
.exx-finder-widget .result-side li a::after{content:none}

.exx-finder-widget .inline-advice-link{color:#fff!important;text-decoration:underline!important;background:transparent!important;padding:0!important;border:0!important;display:inline!important;font-weight:700}
.exx-finder-widget .inline-advice-link::after{content:none!important}

.exx-finder-widget .finder-help,.exx-finder-widget .finder-answers a{color:#fff!important;text-decoration:underline!important;background:transparent!important;padding:0!important;border:0!important;display:inline!important}.exx-finder-widget .finder-help::after,.exx-finder-widget .finder-answers a::after{content:none!important}.exx-finder-widget .refine-area{margin-top:24px}.exx-finder-widget .refine-area .btn{margin:0 22px 10px 0}.exx-finder-widget .finder-answers{margin-top:16px;font-size:13px;line-height:1.7}.exx-finder-widget .finder-answers .note{margin-top:4px}

.exx-finder-widget .finder-answers,.exx-finder-widget .finder-followup{margin-top:18px;padding:16px 0;border-top:1px solid #444}.exx-finder-widget .finder-answers summary,.exx-finder-widget .finder-followup summary{cursor:pointer;color:#fff;font-weight:600}.exx-finder-widget .finder-alternatives{padding-left:20px;color:#ddd;font-size:13px;line-height:1.7}.exx-finder-widget .finder-alternatives a{color:#fff!important;background:transparent!important;text-decoration:underline!important;padding:0!important;border:0!important;display:inline!important}.exx-finder-widget .finder-alternatives a::after{content:none!important}.exx-finder-widget .finder-followup .form{margin-top:12px}

/* The finder is for customers who need guidance, not direct catalogue browsing. */
.exx-finder-widget .choice[data-answer="shop"]{display:none}
