.hubspot-form-iframe{width:100%}.hubspot-form-iframe iframe{width:100%;height:var(--height-desktop);border:0;display:block}@media(max-width:749px){.hubspot-form-iframe iframe{height:var(--height-mobile)}}.system-quiz{--sq-primary: #ff6700;--sq-primary-hover: #e05c00;--sq-border: #e2e8f0;--sq-border-active: #ff6700;--sq-bg: #ffffff;--sq-bg-tile: #f8fafc;--sq-bg-tile-active: #fff5ee;--sq-text: #1a202c;--sq-text-muted: #64748b;--sq-error: #dc2626;--sq-success: #16a34a;--sq-radius: 12px;--sq-radius-tile: 10px;background:#f1f5f9;padding:60px 20px;min-height:100vh;display:flex;align-items:flex-start;justify-content:center}.system-quiz__container{background:var(--sq-bg);border-radius:var(--sq-radius);box-shadow:0 4px 24px #00000014;max-width:760px;width:100%;padding:48px 48px 52px}.system-quiz__steps{display:flex;align-items:center;margin-bottom:36px;gap:0}.system-quiz__step{display:flex;align-items:center;gap:10px;flex-shrink:0}.system-quiz__step-dot{width:32px;height:32px;border-radius:50%;background:var(--sq-border);color:var(--sq-text-muted);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .25s,color .25s}.system-quiz__step--active .system-quiz__step-dot,.system-quiz__step--done .system-quiz__step-dot{background:var(--sq-primary);color:#fff}.system-quiz__step-label{font-size:13px;font-weight:600;color:var(--sq-text-muted);transition:color .25s}.system-quiz__step--active .system-quiz__step-label,.system-quiz__step--done .system-quiz__step-label{color:var(--sq-text)}.system-quiz__step-line{flex:1;height:2px;background:var(--sq-border);margin:0 12px;transition:background .25s}.system-quiz__step-line--done{background:var(--sq-primary)}.system-quiz__heading{font-size:clamp(22px,3vw,28px);font-weight:700;color:var(--sq-text);margin:0 0 8px;line-height:1.25}.system-quiz__subheading{font-size:16px;color:var(--sq-text-muted);margin:0 0 32px;line-height:1.5;pointer-events:none;cursor:default}.system-quiz__fieldset{border:none;padding:0;margin:0 0 32px}.system-quiz__legend{font-size:15px;font-weight:600;color:var(--sq-text);margin-bottom:16px;display:block;width:100%}.system-quiz__tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.system-quiz__tile{cursor:pointer;display:block}.system-quiz__tile-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.system-quiz__tile-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:20px 14px;border:2px solid var(--sq-border);border-radius:var(--sq-radius-tile);background:var(--sq-bg-tile);transition:border-color .18s,background .18s,box-shadow .18s;min-height:120px;justify-content:center;position:relative}.system-quiz__tile-inner:before{content:"";position:absolute;top:8px;right:8px;width:16px;height:16px;border:2px solid var(--sq-border);border-radius:3px;background:#fff;transition:border-color .18s,background .18s;flex-shrink:0}.system-quiz__tile-input:checked+.system-quiz__tile-inner:before{border-color:var(--sq-primary);background:var(--sq-primary);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4l3 3 5-6' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px 8px}.system-quiz__tile:hover .system-quiz__tile-inner{border-color:var(--sq-primary);box-shadow:0 0 0 3px #ff67001a}.system-quiz__tile:hover .system-quiz__tile-inner:before{border-color:var(--sq-primary)}.system-quiz__tile-input:checked+.system-quiz__tile-inner{border-color:var(--sq-border-active);background:var(--sq-bg-tile-active);box-shadow:0 0 0 3px #ff67001f}.system-quiz__tile-input:focus-visible+.system-quiz__tile-inner{outline:2px solid var(--sq-primary);outline-offset:2px}.system-quiz__tile-icon{color:var(--sq-primary);display:flex;align-items:center;justify-content:center}.system-quiz__tile-name{font-size:14px;font-weight:600;color:var(--sq-text);line-height:1.3}.system-quiz__tile-desc{font-size:12px;color:var(--sq-text-muted);line-height:1.3}.system-quiz__size-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.system-quiz__size-tile{cursor:pointer;display:block}.system-quiz__size-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:16px 10px;border:2px solid var(--sq-border);border-radius:var(--sq-radius-tile);background:var(--sq-bg-tile);transition:border-color .18s,background .18s,box-shadow .18s}.system-quiz__size-tile:hover .system-quiz__size-inner{border-color:var(--sq-primary);box-shadow:0 0 0 3px #ff67001a}.system-quiz__tile-input:checked+.system-quiz__size-inner{border-color:var(--sq-border-active);background:var(--sq-bg-tile-active);box-shadow:0 0 0 3px #ff67001f}.system-quiz__tile-input:focus-visible+.system-quiz__size-inner{outline:2px solid var(--sq-primary);outline-offset:2px}.system-quiz__size-range{font-size:14px;font-weight:700;color:var(--sq-text);line-height:1.2}.system-quiz__size-desc{font-size:12px;color:var(--sq-text-muted)}.system-quiz__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;font-size:16px;font-weight:600;border-radius:8px;padding:14px 32px;transition:background .18s,transform .1s;line-height:1}.system-quiz__btn--primary{background:var(--sq-primary);color:#fff;margin-top:8px}.system-quiz__btn--primary:hover{background:var(--sq-primary-hover)}.system-quiz__btn--primary:active{transform:scale(.98)}.system-quiz__btn--primary:disabled{opacity:.65;cursor:not-allowed}.system-quiz__back{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--sq-text-muted);font-size:14px;font-weight:500;cursor:pointer;padding:0;margin-bottom:24px;transition:color .15s}.system-quiz__back:hover{color:var(--sq-text)}.system-quiz__row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.system-quiz__field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.system-quiz__row .system-quiz__field{margin-bottom:0}.system-quiz__field-label{font-size:14px;font-weight:600;color:var(--sq-text);display:flex;align-items:center;gap:4px}.system-quiz__required{color:var(--sq-error)}.system-quiz__optional{font-size:12px;font-weight:400;color:var(--sq-text-muted)}.system-quiz__input{width:100%;border:1.5px solid var(--sq-border);border-radius:8px;padding:11px 14px;font-size:15px;color:var(--sq-text);background:var(--sq-bg);transition:border-color .15s,box-shadow .15s;box-sizing:border-box;font-family:inherit}.system-quiz__input:focus{outline:none;border-color:var(--sq-primary);box-shadow:0 0 0 3px #ff67001f}.system-quiz__input--error{border-color:var(--sq-error)}.system-quiz__textarea{resize:vertical;min-height:90px}.system-quiz__consent-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin-bottom:8px}.system-quiz__consent-input{margin-top:2px;width:16px;height:16px;flex-shrink:0;accent-color:var(--sq-primary);cursor:pointer}.system-quiz__consent-text{font-size:13px;color:var(--sq-text-muted);line-height:1.5}.system-quiz__consent-text a{color:var(--sq-primary);text-decoration:underline}.system-quiz__field-error{font-size:13px;color:var(--sq-error);margin:6px 0 0}.system-quiz__spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:sq-spin .6s linear infinite}@keyframes sq-spin{to{transform:rotate(360deg)}}.system-quiz__screen{animation:sq-fadein .25s ease}.system-quiz__screen--hidden{display:none}@keyframes sq-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.system-quiz__success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 0 16px}.system-quiz__success-icon{color:var(--sq-success);margin-bottom:20px}@media(max-width:600px){.system-quiz{padding:24px 12px;align-items:flex-start}.system-quiz__container{padding:28px 20px 32px}.system-quiz__tiles,.system-quiz__size-tiles{grid-template-columns:1fr 1fr}.system-quiz__row{grid-template-columns:1fr}}@media(max-width:380px){.system-quiz__tiles{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/91/compiled_assets/styles.css.map */