@font-face{font-family:Onest;src:url(Onest-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Onest;src:url(Onest-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}


:root{--blue:#1912c4;--action-blue:#1359ee;--ink:#10111c;--muted:#555e7d;--line:#dce0eb;--ground:#f3f5f7;--pale:#eeedff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--ground);font-family:Onest,Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7972f0;outline-offset:4px}button{color:inherit}svg{width:24px;height:24px;flex:none}button{border:0}::selection{background:#d9d6ff}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-thumb{background:#c5c8d7;border-radius:8px}a{color:var(--blue);text-underline-offset:4px}.reviewbar{height:64px;background:#151827;color:#fff;padding:0 24px;display:flex;align-items:center;gap:20px;position:sticky;top:0;z-index:20}.reviewbar b{font-size:16px}.reviewbar span{font-size:13px;color:#c4c8de}.reviewbar a{margin-left:auto;color:white}.reviewbar button{background:#30354d;border-radius:4px;color:#fff;padding:8px 12px}.rail{position:fixed;top:64px;bottom:0;width:256px;padding:20px 16px;overflow:auto;background:#f3f5f7;border-right:1px solid var(--line)}.rail h3{font-size:12px;letter-spacing:.04em;color:var(--muted);margin:20px 8px 8px}.rail button{display:flex;gap:10px;text-align:left;background:transparent;width:100%;padding:10px 8px;font-size:13px;line-height:1.35;border-radius:4px}.rail button em{font-style:normal;color:#69718a;font-variant-numeric:tabular-nums}.rail button.active{background:var(--blue);color:white}.rail button.active em{color:#d7d4ff}.workspace{margin-left:256px;padding:24px}.screen-shell{background:white;max-width:1480px;margin:auto;min-height:880px;display:flex;flex-direction:column}.header{padding:24px 44px 18px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.logo{width:117px;height:60px;object-fit:contain}.header-title{font-size:16px;color:var(--muted);border-left:1px solid var(--line);padding-left:28px}.close{margin-left:auto;background:transparent;width:44px;height:44px;display:grid;place-items:center;border-radius:4px}.progress{display:flex;align-items:center;gap:24px;padding:21px 44px 0;color:var(--muted);font-size:13px}.progress span{display:flex;align-items:center;gap:8px}.progress i{font-style:normal;width:21px;height:21px;border:1px solid #a5aabf;border-radius:50%;display:grid;place-items:center;font-size:11px}.progress .done i{background:var(--pale);border-color:var(--pale);color:var(--blue)}.progress .current{color:var(--blue)}.progress .current i{background:var(--blue);border-color:var(--blue);color:white}.progress b{width:40px;height:1px;background:var(--line)}.content{padding:34px 44px 38px;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(300px,.84fr);gap:58px;flex:1;align-items:start}.question h1{font-size:clamp(31px,2.8vw,43px);line-height:1.12;letter-spacing:-.035em;margin:0 0 18px;font-weight:600;max-width:730px}.intro{font-size:16px;line-height:1.55;color:var(--muted);margin:0 0 26px;max-width:670px}.body-content{font-size:15px;line-height:1.5}.art{background:var(--ground);padding:26px 28px 30px;align-self:stretch;min-height:510px;border-radius:5px;position:relative;overflow:hidden}.art h3{font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.025em;margin:22px 0 12px}.art p{font-size:15px;line-height:1.6;color:var(--muted);margin:0}.art-photo{height:320px;background:white;display:flex;align-items:center;justify-content:center}.art-photo img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.choices{display:grid;gap:10px}.choice{padding:17px 16px;display:flex;gap:15px;align-items:center;text-align:left;background:white;border:1px solid var(--line);border-radius:5px;transition:background .2s,border-color .2s}.choice:hover{background:#f8f8ff;border-color:#8d88d6}.choice.selected{border-color:var(--blue);background:#f4f3ff}.choice-icon{color:var(--blue);display:grid;place-items:center;width:30px}.choice strong{display:block;font-size:17px;font-weight:600}.choice small{display:block;font-size:13px;color:var(--muted);margin-top:3px}.radio{width:18px;height:18px;border-radius:50%;border:1px solid #a1a7bb;margin-left:auto;flex:none}.choice.selected .radio{border:5px solid var(--blue)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.field{display:block;min-width:0}.field.wide{grid-column:1/-1}.field>span{font-size:13px;display:block;margin-bottom:7px;color:var(--muted)}.input{border:1px solid #cbd0df;border-radius:4px;padding:15px 14px;min-height:53px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:16px;background:white}.input em{font-style:normal;color:#737a8d;font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 23px}.chip{background:white;border:1px solid var(--line);border-radius:4px;padding:11px 14px;font-size:14px}.chip.selected{background:var(--pale);border-color:var(--blue);color:var(--blue)}.checkrow{display:flex;align-items:center;gap:10px;font-size:14px;margin:14px 0;line-height:1.5}.box{border:1px solid #a3aabd;width:19px;height:19px;border-radius:3px;display:inline-grid;place-items:center;flex:none;font-size:14px}.box.yes{background:var(--blue);border-color:var(--blue);color:white}.help{color:var(--muted);font-size:13px;line-height:1.55;margin:18px 0 0}.secondary-question{font-size:15px;font-weight:600;margin:25px 0 12px}.upload{border:1px dashed #9ea6c0;background:#fafbfe;border-radius:5px;padding:22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;margin:20px 0}.upload svg{color:var(--blue);width:28px;height:28px;margin-bottom:3px}.upload strong{font-size:16px;font-weight:600}.upload span{font-size:12px;color:var(--muted)}.upload b{font-size:13px;font-weight:600;color:var(--blue);margin-top:7px}details{border-bottom:1px solid var(--line);padding:10px 0;color:var(--blue);font-size:14px}summary{cursor:pointer}.footer{padding:22px 44px 26px;border-top:1px solid var(--line);display:flex;align-items:center;gap:24px}.back{background:transparent;color:var(--muted);padding:10px 0;display:flex;align-items:center;gap:9px}.back svg{width:18px}.footer-note{margin-left:auto;font-size:12px;color:var(--muted)}.primary{display:flex;align-items:center;justify-content:center;gap:16px;background:var(--blue);color:white;font-size:17px;font-weight:600;border-radius:4px;min-height:54px;padding:15px 24px;transition:background .2s}.primary svg{width:18px}.primary:hover{background:#2b22ad}.primary[disabled]{opacity:.65;cursor:default}.review-note{max-width:1480px;margin:18px auto 6px;padding:20px 24px;background:#e9ecf2;color:#434d69;font-size:14px;line-height:1.6;border-radius:5px}.review-note strong{color:#151827}.review-note .nav{display:flex;gap:10px;margin-top:16px}.review-note button{background:white;padding:8px 14px;border-radius:4px}.start .content{display:block}.start .question h1{font-size:46px;margin-top:15px;max-width:none}.start .intro{max-width:850px}.start .art{display:none}.product-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.path{background:white;text-align:left;padding:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:5px;overflow:hidden;transition:border .2s,transform .2s}.path:hover{border-color:var(--blue);transform:translateY(-4px)}.path-image{height:270px;background:#f6f7f9;padding:22px;display:flex;align-items:center;justify-content:center}.path-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.path-copy{padding:24px;position:relative}.path h2{font-size:23px;letter-spacing:-.025em;margin:0 0 8px;font-weight:600}.path p{font-size:13px;color:var(--muted);margin:0 35px 0 0;min-height:40px}.path-arrow{position:absolute;right:22px;bottom:24px;color:var(--blue)}.understatement{font-size:14px;color:var(--muted);margin-top:30px}.parts-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.part{padding:16px;background:#fff;border:1px solid var(--line);border-radius:5px;text-align:left}.part img{width:100%;height:125px;object-fit:contain;display:block}.part strong{display:block;font-size:15px;margin-top:8px;font-weight:600}.diagram-part svg{display:block;width:70px;height:125px;margin:auto;color:var(--blue)}.project-sheet,.summary-sheet{padding:20px 10px}.sheet-symbol{display:block;color:var(--blue);margin:14px 0 44px}.sheet-symbol svg{width:88px;height:88px;stroke-width:1}.project-sheet h3{font-size:32px}.art ul{margin:24px 0;padding-left:19px;color:var(--muted);font-size:15px;line-height:2}.art .summary-sheet h3{margin-top:20px}.connection-chain{padding:15px 10px}.connection-chain h3{margin:10px 0 35px;font-size:30px}.connection-chain>div{display:flex;align-items:center;gap:20px;padding:15px 0;font-size:16px}.connection-chain>div svg{width:44px;height:44px;color:var(--blue);stroke-width:1.5}.connection-chain>i{display:block;margin-left:21px;height:36px;width:1px;background:#8a82dd}.result-lead{padding:5px 0 18px;position:relative}.result-lead h2{font-size:25px;letter-spacing:-.025em;line-height:1.2;margin:14px 0 10px;font-weight:600}.result-lead p{color:var(--muted);font-size:16px;margin:0}.result-check{display:inline-flex;color:var(--blue);background:var(--pale);padding:10px;border-radius:50%}.specs{margin:16px 0 24px;border-top:1px solid var(--line);font-size:14px}.specs>div{display:flex;justify-content:space-between;gap:24px;padding:14px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;text-align:right;font-weight:600}.reason h3{font-size:17px;margin:20px 0 10px;font-weight:600}.reason p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.pending{padding:12px 0;font-size:13px;line-height:1.55;color:#735826}.text-link{background:transparent;color:var(--blue);padding:8px 0;border-bottom:1px solid #bbb6f1;font-size:14px}.legal{font-size:12px;color:var(--blue);text-decoration:underline;text-underline-offset:3px}.success-symbol{background:var(--pale);border-radius:50%;width:86px;height:86px;color:var(--blue);display:grid;place-items:center;margin:35px 0}.success-symbol svg{width:44px;height:44px}.success-copy h2{font-size:27px;line-height:1.2;font-weight:600}.success-copy p{font-size:15px;color:var(--muted)}.request-number{font-size:23px;margin:25px 0}.request-number small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.outline{background:white;border:1px solid var(--blue);color:var(--blue);padding:13px 18px;border-radius:4px}.error-note{padding:22px;background:#fff2f0;border:1px solid #e8b9b2;border-radius:5px;margin:22px 0}.error-note strong{font-size:17px;color:#9b281d}.error-note p{font-size:14px;color:#8a443c;line-height:1.5;margin-bottom:0}.field-error{font-size:13px;color:#ad3127;margin-top:-12px}.tech-svg{width:100%;height:auto;max-height:350px;display:block;margin:15px 0 30px;font-family:Onest,Arial,sans-serif}.tech-svg text{font-family:inherit}.capture .reviewbar,.capture .rail,.capture .review-note{display:none}.capture .workspace{margin:0;padding:0}.capture .screen-shell{max-width:none;min-height:1000px}.capture .header{padding-left:56px;padding-right:56px}.capture .progress{padding-left:56px;padding-right:56px}.capture .content{padding-left:56px;padding-right:56px;gap:64px}.capture .footer{padding-left:56px;padding-right:56px}.motion .question{animation:arrive .4s cubic-bezier(.16,1,.3,1)}.motion .art{animation:arrive .55s cubic-bezier(.16,1,.3,1)}.motion .diagram-display{animation:screenbuild .8s ease-out}.motion .measure{stroke-dasharray:800;animation:measure .8s ease-out}.motion .signal{animation:signal 1.1s ease-out}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#151827;color:#fff;padding:14px 22px;border-radius:5px;font-size:14px;z-index:50}.mobile-preview .screen-shell{width:390px;min-height:844px}.mobile-preview .content{display:block}.mobile-preview .header{padding:14px 20px}.mobile-preview .content{padding:28px 20px}.mobile-preview .progress{gap:9px;padding:17px 20px 0;font-size:10px}.mobile-preview .progress b{width:8px}.mobile-preview .question h1{font-size:31px}.mobile-preview .intro{font-size:14px}.mobile-preview .header-title{font-size:12px;border:0;padding:0}.mobile-preview .logo{width:90px;height:46px}.mobile-preview .header{gap:15px}.mobile-preview .close{width:28px}.mobile-preview .art{min-height:0;margin-top:26px}.mobile-preview .art-photo{height:220px}.mobile-preview .footer{padding:20px;flex-wrap:wrap;gap:14px}.mobile-preview .footer .primary{width:100%;order:-1}.mobile-preview .footer-note{font-size:11px}.mobile-preview .product-paths{grid-template-columns:1fr;gap:14px}.mobile-preview .path{display:grid;grid-template-columns:108px 1fr}.mobile-preview .path-image{height:132px;padding:10px}.mobile-preview .path-copy{padding:18px 12px}.mobile-preview .path h2{font-size:19px}.mobile-preview .path p{font-size:12px}.mobile-preview .path-arrow{right:10px;bottom:10px}.mobile-preview .question h1{max-width:none}.mobile-preview .fields{gap:12px}.mobile-preview .input{font-size:14px}.mobile-preview .content .art h3{font-size:22px}.mobile-preview .tech-svg{max-height:260px}
@keyframes arrive{from{transform:translateY(14px);opacity:.5}to{transform:none;opacity:1}}@keyframes screenbuild{from{transform:translateY(8px);opacity:.4}to{transform:none;opacity:1}}@keyframes measure{from{stroke-dashoffset:800}to{stroke-dashoffset:0}}@keyframes signal{from{stroke-dashoffset:120}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:800px){.reviewbar{height:auto;min-height:64px;flex-wrap:wrap;padding:12px;gap:10px}.reviewbar span{display:none}.reviewbar b{font-size:13px}.reviewbar a{font-size:12px}.rail{position:static;width:100%;height:120px;display:flex;flex-wrap:wrap;gap:4px;padding:10px;overflow:auto}.rail h3{display:none}.rail button{width:auto;font-size:11px}.workspace{margin:0;padding:10px}.screen-shell{min-height:0}.header{padding:15px 20px;gap:14px}.logo{width:86px;height:44px}.header-title{font-size:12px;border:0;padding:0}.close{width:26px}.progress{gap:8px;padding:16px 20px 0;font-size:10px}.progress b{width:8px}.progress i{width:18px;height:18px;font-size:10px}.content,.capture .content{display:block;padding:28px 20px;gap:0}.question h1,.start .question h1{font-size:31px;margin-top:0}.intro{font-size:14px;margin-bottom:23px}.choice{padding:14px 12px;gap:10px}.choice strong{font-size:15px}.choice small{font-size:12px}.fields{gap:12px}.input{font-size:14px;padding:13px 10px}.art{min-height:0;margin-top:27px;padding:22px}.art-photo{height:240px}.art h3{font-size:23px}.art p{font-size:14px}.footer,.capture .footer{padding:20px;flex-wrap:wrap;gap:14px}.footer .primary{width:100%;order:-1}.footer-note{font-size:11px}.product-paths{grid-template-columns:1fr;gap:14px;margin-top:24px}.path{display:grid;grid-template-columns:108px 1fr}.path-image{height:132px;padding:10px}.path-copy{padding:18px 12px}.path h2{font-size:19px}.path p{font-size:12px}.path-arrow{right:10px;bottom:10px}.understatement{font-size:13px}.capture .header{padding:15px 20px}.capture .progress{padding:16px 20px 0}.capture .screen-shell{min-height:844px}.tech-svg{max-height:260px}.parts-grid{gap:10px}.part{padding:12px}.part img{height:100px}.part strong{font-size:13px}.diagram-part svg{height:100px}.review-note{font-size:12px;padding:18px}.project-sheet h3{font-size:26px}.connection-chain h3{font-size:26px}.result-lead h2{font-size:23px}}

.multi .radio{border-radius:3px}.multi .choice.selected .radio{border:1px solid var(--blue);background:var(--blue);position:relative}.multi .choice.selected .radio::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.success .footer .back,.success .footer-note{display:none}.success .footer .primary{margin-left:auto}
@media(max-width:800px){.screen-shell .footer,.capture .screen-shell .footer{position:sticky;bottom:0;z-index:10;background:white;flex-wrap:nowrap;gap:12px;padding:14px 20px;box-shadow:0 -7px 20px rgba(16,17,28,.05)}.screen-shell .footer .primary{order:0;width:auto;flex:1;font-size:15px;padding:14px 16px;min-height:51px}.screen-shell .footer .back{font-size:13px}.screen-shell .footer-note{display:none}}
.print .screen-shell .footer,.print.capture .screen-shell .footer{position:static!important;box-shadow:none!important}/* Native controls and responsive behavior of the approved storyboard. */
.native-quiz{background:#fff;caret-color:var(--blue);scrollbar-color:#9ea4b9 #f3f5f7}.native-quiz .screen-shell{min-height:100dvh;max-width:1480px;width:100%;margin:0 auto}.native-quiz .header{padding-top:20px;padding-bottom:16px}.native-quiz .header a{display:flex}.native-quiz .content{min-height:550px}.native-quiz #step-form{display:contents}.native-quiz .question h1{font-size:clamp(30px,2.8vw,43px)}.native-quiz .question h1:focus{outline:0}.native-quiz fieldset{padding:0;margin:0;border:0;min-width:0}.native-quiz .option-group{margin-bottom:16px}.native-quiz .product-paths,.native-quiz .parts-grid{margin-bottom:20px}.native-quiz label.path,.native-quiz label.part{cursor:pointer;display:block;border:1px solid var(--line)}.native-quiz label.part{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.native-quiz .part>svg{width:110px;height:100px;color:var(--blue)}.native-quiz .path:hover,.native-quiz .part:hover{border-color:#7b76be}.native-quiz .start .content{display:block;min-height:560px}.native-quiz .start .footer{margin-top:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.native-quiz .choice,.native-quiz .chip{cursor:pointer}.native-quiz .chip{position:relative;min-height:44px;display:inline-flex;align-items:center}.native-quiz .choice{position:relative;min-height:72px}.native-quiz .choices input:checked~.box:after{content:'';display:block;width:10px;height:6px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg);margin:3px}.native-quiz .choices input:checked~.box{background:var(--blue);border-color:var(--blue)}.native-quiz .choices .box{width:20px;height:20px;border:1px solid #888da0;flex:none;margin-left:auto;border-radius:3px}.native-quiz .input{display:flex;min-height:50px;padding:0 14px;background:white;align-items:center}.native-quiz .input input,.native-quiz .input textarea{font:inherit;line-height:1.5;min-width:0;width:100%;padding:13px 0;border:0;outline:0;color:var(--ink);background:transparent}.native-quiz .input textarea{resize:vertical;min-height:96px}.native-quiz .input em{padding-left:10px;white-space:nowrap}.native-quiz input::placeholder,.native-quiz textarea::placeholder{color:#636b80;opacity:1}.native-quiz .field.disabled{opacity:.6}.native-quiz input[type=checkbox]{width:21px;height:21px;accent-color:var(--blue);flex:none;cursor:pointer}.native-quiz .checkrow{cursor:pointer;min-height:44px;gap:12px;align-items:center}.native-quiz .checkrow input{margin:0}.native-quiz .consent{align-items:start;margin-top:22px}.native-quiz .consent input{margin-top:2px}.native-quiz .legal a{color:var(--blue)}.native-quiz .upload{cursor:pointer;margin-top:20px;min-height:170px}.native-quiz .upload-button{color:var(--blue);font-weight:600;padding:10px;min-height:44px}.native-quiz .file-row{padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;justify-content:space-between}.native-quiz .file-row>span{display:flex;gap:10px;align-items:center;min-width:0}.native-quiz .file-row span span{overflow-wrap:anywhere;font-size:14px}.native-quiz .file-row small{display:block;color:var(--muted);margin-top:4px}.native-quiz .file-row button{width:44px;height:44px;background:transparent;flex:none}.native-quiz .error-note{padding:16px;background:#fff2f0;color:#9c241a;border:1px solid #e5a5a0;border-radius:4px;font-size:15px}.native-quiz [hidden]{display:none!important}.native-quiz .field-error:empty{display:none}.native-quiz .field-error{color:#9c241a;font-size:13px;line-height:1.4;margin:6px 0 0}.native-quiz .technical,.native-quiz .all-answers{margin:20px 0}.native-quiz summary{cursor:pointer;color:var(--blue);padding:12px 0;min-height:44px}.native-quiz .specs dd{overflow-wrap:anywhere}.native-quiz .all-answers .specs{font-size:14px}.native-quiz .hp{position:absolute;left:-10000px;opacity:0;width:1px;height:1px;overflow:hidden}.native-quiz .art{min-height:510px}.native-quiz .tech-svg{width:100%;height:auto;max-height:360px}.native-quiz .progress svg{width:14px;height:14px}.native-quiz .footer{margin-top:auto}.native-quiz .footer button{min-height:48px}.native-quiz .footer .primary:disabled{cursor:default;background:#8d8bb9;color:white}.native-quiz .outline,.native-quiz .text-link{min-height:44px}.native-quiz .primary:hover:not(:disabled){background:#100c8e}.native-quiz .success .back{display:none}.native-quiz .loading-state{padding:50px}.native-quiz .test-note{font-size:13px}.native-quiz .step-enter{animation:quiz-step .32s cubic-bezier(.16,1,.3,1)}.native-quiz .signal{animation:quiz-signal .65s ease-out 1}.native-quiz .measure{animation:quiz-measure .4s ease-out 1;transform-origin:center}.native-quiz .result-lead{animation:quiz-step .4s ease-out 1}@keyframes quiz-step{from{opacity:.75;transform:translateY(10px);clip-path:inset(0 0 5% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes quiz-signal{from{stroke-dashoffset:35}to{stroke-dashoffset:0}}@keyframes quiz-measure{from{opacity:.5}to{opacity:1}}@media(min-width:801px){.native-quiz .start .question h1{font-size:46px}.native-quiz .footer{position:sticky;bottom:0;z-index:5;background:white}.native-quiz .content{padding-bottom:36px}.native-quiz .question{min-width:0}.native-quiz .art{align-self:start;position:sticky;top:24px}}@media(max-width:800px){.native-quiz .screen-shell{min-height:100dvh}.native-quiz .header{padding:14px 20px;gap:12px}.native-quiz .header-title{font-size:13px;padding-left:16px}.native-quiz .logo{width:91px;height:47px}.native-quiz .progress{padding:18px 20px 0;gap:9px;font-size:11px;justify-content:space-between}.native-quiz .progress b{width:12px}.native-quiz .progress span{gap:5px}.native-quiz .progress i{width:19px;height:19px}.native-quiz .content,.native-quiz .start .content{display:block;padding:27px 20px 30px;min-height:0;flex:1}.native-quiz .question h1{font-size:30px;line-height:1.14;letter-spacing:-.03em}.native-quiz .intro{font-size:15px;line-height:1.5;margin-bottom:24px}.native-quiz .art{margin-top:26px;min-height:0;padding:22px}.native-quiz .art h3{font-size:22px}.native-quiz .art-photo{height:240px}.native-quiz .product-paths{display:grid;grid-template-columns:1fr;gap:14px}.native-quiz label.path{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:stretch;min-height:132px;text-align:left}.native-quiz .path-image{width:108px;height:132px;flex:none}.native-quiz .path-copy{padding:18px 12px;flex:1;min-width:0}.native-quiz .path-copy h2{font-size:19px}.native-quiz .path-copy p{font-size:12px}.native-quiz .path-arrow{display:block;right:10px;bottom:10px}.native-quiz .parts-grid{grid-template-columns:1fr 1fr;gap:12px}.native-quiz .part img{height:120px;width:100%;object-fit:contain}.native-quiz label.part{min-height:180px;padding:12px}.native-quiz .part strong{font-size:14px;text-align:center}.native-quiz .fields{gap:14px}.native-quiz .footer{position:sticky;bottom:0;z-index:10;background:#fff;padding:12px 20px max(12px,env(safe-area-inset-bottom));display:flex;gap:14px;box-shadow:0 -4px 18px rgba(16,17,28,.07);border:0}.native-quiz .footer .primary{width:auto;flex:1;min-height:52px;font-size:14px;padding:13px 14px;justify-content:center}.native-quiz .footer .primary svg{width:18px}.native-quiz .footer .back{padding:10px 0;font-size:13px;gap:5px}.native-quiz .footer-note{display:none}.native-quiz .choice{padding:14px 12px;gap:12px}.native-quiz .choice strong{font-size:15px}.native-quiz .choice small{font-size:12px}.native-quiz .choice-icon{width:24px;flex:none}.native-quiz .specs div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.native-quiz .request-number{font-size:20px}.native-quiz .close{flex:none}.native-quiz .art .project-sheet{padding:0}}@media(max-width:360px){.native-quiz .progress{font-size:10px;gap:5px}.native-quiz .progress b{width:5px}.native-quiz .header-title{max-width:120px}.native-quiz .fields{grid-template-columns:1fr}.native-quiz .path-image{width:100px}}@media(prefers-reduced-motion:reduce){.native-quiz *,.native-quiz *::before,.native-quiz *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.native-quiz .download-answers{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:12px 18px;border:1px solid var(--blue);border-radius:4px;color:var(--blue);background:white}.native-quiz .download-answers:hover{background:#eeedff}

/* Selection and keyboard focus follow the control's own edge, with no outer halo. */
.native-quiz :is(.choice,.chip,.path,.part,.input,.upload){position:relative;transition:border-color .16s,background-color .16s,box-shadow .16s}
.native-quiz :is(.choice,.chip,.path,.part).selected{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.native-quiz :is(.choice,.chip,.path,.part,.upload):has(input:focus-visible),
.native-quiz .input:focus-within{outline:none;border-color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue)}
.native-quiz :is(.path,.part)::after{content:'';position:absolute;inset:0;border:0 solid var(--blue);border-radius:inherit;pointer-events:none}
.native-quiz :is(.path,.part).selected::after{border-width:1px}
.native-quiz :is(.path,.part):has(input:focus-visible)::after{border-width:2px}
.native-quiz :is(.path,.part):hover{transform:none}
.native-quiz :is(.choice,.chip,.path,.part).selected:hover{border-color:var(--blue)}
.native-quiz .input:has([aria-invalid=true]){border-color:#b12e25;box-shadow:inset 0 0 0 1px #b12e25}
.native-quiz .input:has([aria-invalid=true]):focus-within{box-shadow:inset 0 0 0 2px #b12e25}
.native-quiz .input :is(input,textarea)[aria-invalid=true]{outline:none}
.native-quiz .checkrow input{appearance:none;position:relative;display:grid;place-items:center;width:21px;height:21px;border:1px solid #7c87a1;border-radius:3px;background:white;outline:none}
.native-quiz .checkrow input:checked{border-color:var(--blue);background:var(--blue)}
.native-quiz .checkrow input:checked::after{content:'';width:10px;height:6px;border:solid white;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
.native-quiz .checkrow input:focus-visible{border-color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue)}
.native-quiz .checkrow input:checked:focus-visible{box-shadow:inset 0 0 0 2px white}
.native-quiz .checkrow input[aria-invalid=true]{border-color:#b12e25;box-shadow:inset 0 0 0 1px #b12e25}
.native-quiz .close:hover{background:#f3f3fa}
.native-quiz .back{transition:color .16s;background:transparent}
.native-quiz .back:is(:hover,:focus-visible){color:var(--action-blue);background:transparent;box-shadow:none;outline:none}
.native-quiz .back:focus-visible{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.native-quiz :is(button,a,summary):focus-visible{outline:none}
.native-quiz button:focus-visible{box-shadow:inset 0 0 0 2px var(--blue)}
.native-quiz .primary:focus-visible{box-shadow:inset 0 0 0 3px white}
.native-quiz :is(a,summary):focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.native-quiz .back:focus-visible{box-shadow:none}
.native-quiz .choice-icon{width:32px;flex:none}
.native-quiz .choice-icon svg{width:30px;height:30px}
.native-quiz .tech-svg{max-height:380px;margin:8px 0 24px}
.native-quiz .sheet-symbol svg{stroke-width:1.65}
.native-quiz .connection-chain>div svg{stroke-width:1.65}
.native-quiz .pending{color:var(--muted)}
@media(max-width:800px){.native-quiz .choice-icon{width:28px}.native-quiz .choice-icon svg{width:28px;height:28px}.native-quiz .tech-svg{max-height:300px}}
@media(prefers-reduced-motion:reduce){.native-quiz :is(.choice,.chip,.path,.part,.input,.upload,.back){transition:none}}

.native-quiz .art .diagram-caption{font-size:12px;line-height:1.45;text-align:center;margin:-18px 0 24px;color:var(--muted)}
.native-quiz fieldset.chips+.fields{margin-top:20px}
@media(max-width:800px){.native-quiz .art .diagram-caption{font-size:12px;margin:-10px 0 22px}}
/* Header stages and the catalogue proposal share the existing quiz visual system. */
.header{display:grid;grid-template-columns:auto auto minmax(0,1fr) 44px;gap:24px;align-items:center}
.header .header-title{padding-left:24px;line-height:1.35}
.header .close{margin:0}
.header .progress{padding:0;margin:0;gap:12px;justify-self:end;font-size:12px;white-space:nowrap}
.header .progress span{gap:6px}
.header .progress b{width:20px;flex:none}
.header .progress i{width:20px;height:20px;flex:none}
.header .progress i svg{width:14px;height:14px}
.field>small{display:block;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.5}
.chips>legend{padding:0;margin-bottom:12px;font-size:14px;font-weight:600;color:var(--ink)}
.fields[hidden]{display:none!important}
.max-connect{margin-top:8px;display:inline-flex;align-items:center;gap:12px;min-height:48px;text-decoration:none}
.quote-preview{padding:0 44px 36px;min-width:0}
.quote-preview h2{font-size:25px;line-height:1.25;letter-spacing:-.025em;margin:0 0 16px;font-weight:600}
.quote-notice{font-size:14px;line-height:1.6;color:var(--muted);max-width:82ch;margin:0 0 14px}
.quote-table{width:100%;border-collapse:collapse;margin:24px 0 0;font-size:14px;table-layout:fixed}
.quote-table th{color:var(--muted);font-size:12px;font-weight:400;text-align:left;padding:12px 14px;background:var(--ground)}
.quote-table th:first-child{width:53%}
.quote-table td{border-bottom:1px solid var(--line);padding:22px 14px;vertical-align:top;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.quote-table td:not(:first-child){white-space:normal}
.quote-table td>small{display:block;color:var(--muted);margin-top:5px}
.quote-table td strong{font-weight:600}
.quote-variant{display:block;color:var(--muted);font-size:12px;margin-bottom:12px}
.quote-product-main{display:flex;gap:18px;align-items:flex-start}
.quote-product-main>a{flex:none}
.quote-product-main img{width:96px;height:88px;object-fit:contain;display:block}
.quote-product-main>div{min-width:0}
.quote-product-main>div>a{font-weight:600;line-height:1.5}
.quote-product-main p{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 0}
.quote-stock{font-size:12px;color:var(--muted)}
.quote-product details{margin:14px 0 0;font-size:12px;color:var(--muted)}
.quote-product details summary{font-size:12px;line-height:1.5;padding:4px 0;color:var(--blue)}
.quote-product details p{line-height:1.5;margin:8px 0}
.quote-preview .help{margin-top:14px}
@media(max-width:1100px){
 .header{grid-template-columns:auto minmax(0,1fr) 44px;gap:16px 24px}
 .header .progress{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:space-between}
 .header .close{grid-column:3;grid-row:1}
 .quote-table th:first-child{width:46%}
}
@media(max-width:800px){
 .header{gap:12px;padding:14px 20px}
 .header .header-title{padding-left:14px;font-size:13px}
 .header .progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding-top:8px;font-size:11px}
 .header .progress span{flex-direction:column;gap:5px;justify-content:center}
 .header .progress b{display:none}
 .header .progress i{width:19px;height:19px}
 .quote-preview{padding:12px 20px 28px}
 .quote-preview h2{font-size:22px}
 .quote-table,.quote-table tbody{display:block}
 .quote-table thead{display:none}
 .quote-table tr{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;padding:22px 0;border-bottom:1px solid var(--line)}
 .quote-table td{display:block;border:0;padding:0;font-size:14px}
 .quote-table td:first-child{grid-column:1/-1}
 .quote-table td:last-child{grid-column:1/-1}
 .quote-table td[data-label]::before{content:attr(data-label);display:block;margin-bottom:6px;font-size:12px;color:var(--muted)}
 .quote-product-main{gap:14px}
 .quote-product-main img{width:72px;height:72px}
}