.quote-experience{--quote-aqua:#00dce4;--quote-muted:#9cb3bf;position:relative;display:flex;flex-direction:column;isolation:isolate;min-width:0;min-height:480px;height:100%;padding:24px 30px 20px;overflow:hidden;border-radius:12px;background:#091c29;color:#edf7fa;font-family:inherit;box-sizing:border-box;text-align:left}
.quote-experience *, .quote-experience *::before,.quote-experience *::after{box-sizing:border-box}
.quote-experience .quote-experience__heading{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:16px;font-weight:400;letter-spacing:-.02em;line-height:1.35}
.quote-experience .quote-experience__live{width:6px;height:6px;border-radius:50%;background:var(--quote-aqua);flex-shrink:0;box-shadow:0 0 0 5px #00dce40a}
.quote-experience .quote-experience__specimen{height:166px;position:relative;margin:7px -15px 0;flex:1 1 166px;min-height:138px}
.quote-experience .quote-experience__roof{display:block;width:100%;height:100%;overflow:visible}
.quote-experience .quote-experience__material-label{position:absolute;left:15px;bottom:14px;font-size:11px;color:var(--quote-muted);font-weight:350}
.quote-experience .quote-experience__gaf{position:absolute;top:15px;right:20px;display:grid;place-items:center;width:51px;height:28px;background:#c9202a;color:#fff;font:bold 22px/1 Arial,sans-serif;letter-spacing:-1.5px;box-shadow:0 3px 12px #0002}
.quote-experience .quote-experience__gaf[hidden]{display:none}
.quote-experience .quote-experience__construction{transform-origin:240px 115px;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.quote-experience .quote-experience__surface{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.quote-experience .quote-experience__underlay{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.quote-experience[data-tier="0"] .quote-experience__surface{transform:translateY(14px)}
.quote-experience[data-tier="0"] .quote-experience__underlay{transform:translateY(7px)}
.quote-experience[data-tier="0"] .quote-experience__shingle-light{stop-color:#617381}
.quote-experience[data-tier="0"] .quote-experience__shingle-dark{stop-color:#3b4d5a}
.quote-experience[data-tier="1"] .quote-experience__surface{transform:translateY(5px)}
.quote-experience[data-tier="1"] .quote-experience__shingle-light{stop-color:#58717e}
.quote-experience[data-tier="1"] .quote-experience__shingle-dark{stop-color:#304959}
.quote-experience[data-tier="2"] .quote-experience__surface{transform:translateY(-5px)}
.quote-experience[data-tier="2"] .quote-experience__construction{transform:translateY(-1px)}
.quote-experience .quote-experience__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;margin:0 0 16px;min-width:0;gap:4px;border:1px solid #45616f99;border-radius:8px;background:#05141f}
.quote-experience .quote-experience__options legend{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.quote-experience .quote-experience__options label{position:relative;display:block;margin:0;cursor:pointer;min-width:0}
.quote-experience .quote-experience__options input{position:absolute;display:block;width:1px;height:1px;opacity:0;inset:50% auto auto 50%;margin:0;transform:none;z-index:0;appearance:none}
.quote-experience .quote-experience__options label>span{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:auto;min-width:0;min-height:40px;margin:0;padding:7px 4px;border-radius:5px;color:#b6cbd5;font-size:13px;line-height:1.3;font-weight:400;transition:color .2s,background .2s,box-shadow .2s}
.quote-experience .quote-experience__options input+span::before,.quote-experience .quote-experience__options input+span::after{content:none;display:none}
.quote-experience .quote-experience__options input:checked+span{color:#09202c;background:#bdf5f1;box-shadow:0 1px 4px #0003}
.quote-experience .quote-experience__options input:focus-visible+span{outline:2px solid #fff;outline-offset:3px}
.quote-experience .quote-experience__options label:hover input:not(:checked)+span{background:#193342;color:#fff}
.quote-experience .quote-experience__result{margin-bottom:14px}
.quote-experience .quote-experience__amount-mask{overflow:hidden;padding-bottom:3px}
.quote-experience .quote-experience__range-label{font-size:11px;color:var(--quote-muted);margin-bottom:7px;line-height:1.2}
.quote-experience .quote-experience__amount{font-size:clamp(27px,3.05vw,40px);font-weight:350;font-variant-numeric:tabular-nums;letter-spacing:-.05em;line-height:1.14;white-space:nowrap}
.quote-experience .quote-experience__detail{font-size:13px;font-weight:350;color:#b4c9d3;margin-top:9px;line-height:1.35}
.quote-experience .quote-experience__footer{display:flex;align-items:center;gap:15px;margin-top:auto;border-top:1px solid #69849238;padding-top:12px}
.quote-experience .quote-experience__note{flex:1;min-width:0;font-size:10px;font-weight:350;line-height:1.5;color:#9cb3bf}
.quote-experience .quote-experience__replay{display:grid;place-items:center;width:34px;height:34px;min-width:34px;padding:7px;border:1px solid #65879555;border-radius:50%;background:transparent;color:#bed5df;cursor:pointer;transition:color .2s,background .2s,border-color .2s;touch-action:manipulation}
.quote-experience .quote-experience__replay:hover{color:#fff;background:#173745;border-color:#6dafb6}
.quote-experience .quote-experience__replay:focus-visible{outline:2px solid #00dce4;outline-offset:4px}
.quote-experience .quote-experience__replay svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.quote-experience .quote-experience__shadow{transform-origin:245px 172px}
.quote-experience.is-assembling .quote-experience__construction,.quote-experience.is-assembling .quote-experience__underlay,.quote-experience.is-assembling .quote-experience__surface{transition:none}
.quote-experience .quote-experience__outline{pointer-events:none}
@media(max-width:600px){.quote-experience{padding:24px 20px 20px;min-height:465px}.quote-experience .quote-experience__heading{font-size:14px}.quote-experience .quote-experience__specimen{height:155px;min-height:135px;margin-inline:-15px}.quote-experience .quote-experience__amount{font-size:clamp(27px,8vw,42px)}.quote-experience .quote-experience__options{margin-bottom:20px}.quote-experience .quote-experience__options label>span{font-size:12px}.quote-experience .quote-experience__note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.quote-experience *, .quote-experience *::before,.quote-experience *::after{transition:none!important;animation:none!important}}
