html,body{margin:0;padding:0;background:transparent;color-scheme:light}body{padding:8px 0;box-sizing:border-box}
#quote-visual{--paper:light-dark(#fff,#191a22);--ink:light-dark(#1c2032,#f5f5fb);--sub:light-dark(#6a6b7a,#bcbcca);--line:light-dark(#e8e8f0,#3a3b49);font-family:Arial,sans-serif;background:var(--paper);color:var(--ink);max-width:650px;margin:auto;border-radius:22px;padding:26px;box-sizing:border-box;box-shadow:0 14px 45px #0000000d}#quote-visual *{box-sizing:border-box}#quote-visual .top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:700;letter-spacing:.6px}#quote-visual .badge{font-size:11px;padding:6px 9px;border-radius:20px;background:light-dark(#f0edff,#332b51);color:light-dark(#5f46bd,#c5b8ff);white-space:nowrap}#quote-visual h2{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:26px 0 10px}#quote-visual p{color:var(--sub);font-size:14px;line-height:1.6;margin:0 0 22px}#quote-visual .steps{display:flex;gap:6px;margin:24px 0}#quote-visual .step{flex:1;text-align:center;font-size:11px;color:var(--sub)}#quote-visual .dot{display:flex;align-items:center;justify-content:center;margin:0 auto 8px;width:28px;height:28px;border-radius:50%;background:light-dark(#f0eff5,#30313c);color:var(--sub);font-size:12px}#quote-visual .step.active{color:var(--ink);font-weight:700}#quote-visual .active .dot{background:#6952dc;color:#fff;box-shadow:0 0 0 4px light-dark(#f1edff,#342b53)}#quote-visual .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}#quote-visual button{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px;min-height:46px}#quote-visual .choice{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px 10px;font-size:15px;font-weight:600;box-shadow:0 5px 12px #00000005;min-width:0}#quote-visual .choice:hover{border-color:#8e7ee6;background:light-dark(#faf9ff,#262236)}#quote-visual img{display:block;height:112px;width:100%;object-fit:contain;background:#fff;border-radius:9px}#quote-visual img.brand-logo{height:90px;padding:18px;background:white}#quote-visual .choice small{font-size:11px;font-weight:400;color:var(--sub)}#quote-visual .actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}#quote-visual .primary{background:#6952dc;color:white;border-color:#6952dc}#quote-visual .field{display:block;font-size:13px;font-weight:600;margin:18px 0}#quote-visual input,#quote-visual textarea,#quote-visual select{display:block;width:100%;padding:13px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;font-size:16px;font-family:inherit;margin-top:8px}#quote-visual .summary{padding:16px;border-radius:12px;background:light-dark(#f5f3fc,#2b273b);line-height:1.8;font-size:14px;overflow-wrap:anywhere;white-space:pre-line}#quote-visual .footer{font-size:11px;text-align:center;margin:24px 0 0}#quote-visual .check{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5;color:var(--sub);margin-top:18px}#quote-visual .check input{width:18px;height:18px;flex-shrink:0;margin:0}#quote-visual [hidden]{display:none}#quote-visual .other{width:100%;margin-top:14px;font-size:13px}#quote-visual .mailtitle{font-size:12px;font-weight:700;margin:20px 0 8px;color:var(--sub)}@media(max-width:380px){#quote-visual .steps{flex-wrap:wrap;row-gap:14px}#quote-visual .step{flex:0 0 calc(33.333% - 6px)}#quote-visual{padding:18px}#quote-visual .grid{gap:10px}#quote-visual img{height:90px}#quote-visual h2{font-size:26px}}
#quote-visual #qv-brands.console-grid{grid-template-columns:1fr;gap:16px}
#quote-visual .console-choice{display:grid;grid-template-columns:minmax(100px,42%) 1fr;grid-template-rows:auto auto auto;column-gap:22px;row-gap:8px;text-align:left;align-items:center;position:relative;padding:22px;background:light-dark(#fafbfe,#23242e);border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 18px #15182e08;overflow:hidden}
#quote-visual .console-choice:hover{border-color:#8c7add;box-shadow:0 8px 24px #46337d16}
#quote-visual .console-choice .console-photo{grid-column:1;grid-row:1 / 5;width:100%;height:175px;object-fit:contain;background:white;padding:12px;border-radius:12px}
#quote-visual .console-choice>span:not(.console-photo-stage){grid-column:2;grid-row:2;font-size:18px;line-height:1.3;letter-spacing:-.3px}
#quote-visual .console-choice>small:not(.console-hint){grid-column:2;grid-row:3;font-size:13px}
#quote-visual .console-choice img.console-mark{grid-column:2;grid-row:1;width:64px;height:35px;padding:7px;object-fit:contain;background:#fff;border-radius:7px}
#quote-visual .console-choice .console-hint{grid-column:2;grid-row:4;font-size:12px;color:light-dark(#5943ae,#c7baff);margin-top:6px;line-height:1.5}
#quote-visual #qv-brand-image.console-hero{height:230px!important;padding:18px;background:#fff;border-radius:16px;object-fit:contain}
@media(max-width:380px){#quote-visual .console-choice{column-gap:14px;padding:14px}#quote-visual .console-choice .console-photo{height:150px;padding:8px}#quote-visual .console-choice>span:not(.console-photo-stage){font-size:16px}}
#quote-visual .console-photo-stage{grid-column:1;grid-row:1 / 5;display:flex;align-items:center;justify-content:center;width:100%;height:175px;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#edf0f8 0%,#d4dce9 56%,#b7c4d7 100%);isolation:isolate}
#quote-visual .console-choice .console-photo-stage .console-photo{width:100%;height:100%;padding:12px;object-fit:contain;background:transparent;border-radius:0;mix-blend-mode:multiply}
@media(max-width:380px){#quote-visual .console-photo-stage{height:150px}#quote-visual .console-choice .console-photo-stage .console-photo{padding:8px}}
#quote-visual .jpq-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#quote-visual #jpq-error{color:#a32525;background:#fff1f1;padding:14px;border-radius:10px;margin:12px 0}#quote-visual button:disabled{opacity:.6;cursor:wait}#quote-visual :focus-visible{outline:3px solid #6551d5;outline-offset:3px}