.customs-comparison{color:var(--ink);padding:24px 2vw 60px}.compare-intro{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.compare-intro h1{margin:0 0 12px;font-size:clamp(36px,4vw,60px)}.compare-intro p{max-width:620px}.compare-intro a{text-underline-offset:5px;font-size:14px;text-decoration:underline}.compare-toolbar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.compare-toolbar p{color:var(--muted);font-size:13px}.compare-toolbar nav{flex-wrap:wrap;gap:4px;display:flex}.customs-comparison button{font:inherit;cursor:pointer;color:inherit}.compare-toolbar button{border:1px solid var(--line);background:#fff;min-height:44px;padding:12px 16px;font-size:13px}.compare-toolbar button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.compare-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.compare-grid>div[hidden]{display:none}.compare-single{grid-template-columns:1fr;max-width:1150px;margin:auto}.compare-example-heading{padding:20px 0}.compare-example-heading h2{margin:0 0 8px;font-size:32px}.compare-example-heading p{color:var(--muted);font-size:14px;line-height:1.5}.compare-example-body{border:1px solid var(--line)}.compare-steps{border-bottom:1px solid var(--line);padding:8px;display:flex}.compare-steps button{background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:10px 3px;font-size:12px;display:flex}.compare-steps button span{border:1px solid var(--line);border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.compare-steps button[aria-current=step]{color:var(--green)}.compare-steps button[aria-current=step] span{background:var(--green);border-color:var(--green);color:#fff}.compare-editor{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;min-height:480px;display:grid}.compare-preview{background:var(--field);padding:18px 12px;position:sticky;top:16px}.compare-preview-label{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.compare-preview>svg{background:#fff;width:100%;height:330px;display:block}.compare-preview>p{color:var(--muted);margin:12px 0 0;font-size:11px;line-height:1.5}.compare-views{justify-content:center;gap:4px;margin-top:10px;display:flex}.compare-views button{background:0 0;border:0;border-bottom:2px solid #0000;min-height:44px;padding:8px;font-size:12px}.compare-views button[aria-pressed=true]{border-color:var(--ink)}.compare-controls{min-width:0;padding:18px}.compare-controls h3{font-family:var(--font-body,"Dudek Pro"),sans-serif;margin:0 0 16px;font-size:17px;font-weight:500}.compare-products{gap:10px;display:grid}.compare-products button{text-align:left;border:1px solid var(--line);background:#fff;align-items:center;gap:9px;width:100%;padding:10px 8px;display:flex}.compare-products button[aria-pressed=true]{border-color:var(--green);background:var(--soft)}.compare-products img{object-fit:contain;width:42px;height:62px}.compare-products strong{font-size:13px;display:block}.compare-products small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.4;display:block}.compare-products button>span:last-child{margin-left:auto}.compare-design{gap:24px;display:grid}.compare-upload{border:1px dashed var(--muted);overflow-wrap:anywhere;gap:8px;min-width:0;padding:14px;font-size:13px;display:grid}.compare-upload span{color:var(--muted);font-size:11px}.compare-upload input{width:100%;min-width:0;font:inherit;font-size:11px}.compare-upload input::file-selector-button{border:1px solid var(--line);background:var(--soft);min-height:44px;font:inherit;margin-right:6px}.compare-design fieldset{border:0;min-width:0;margin:0;padding:0}.compare-design legend{margin-bottom:10px;font-size:13px}.compare-design legend span{color:var(--muted);margin-left:8px}.compare-colors{flex-wrap:wrap;gap:2px;display:flex}.compare-colors button{background:#fff;border:1px solid #0000;width:44px;height:44px;padding:7px}.compare-colors button span{background:var(--chip);border:1px solid #777;border-radius:50%;width:28px;height:28px;display:block}.compare-branding{gap:10px;display:grid}.compare-branding button{border:1px solid var(--line);text-align:left;background:#fff;padding:8px}.compare-branding button[aria-pressed=true]{border-color:var(--green);outline:1px solid var(--green)}.compare-brand-views{display:flex}.compare-brand-views svg{width:50%;height:110px}.compare-branding strong{margin-top:8px;font-size:13px;display:block}.compare-branding small{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.5;display:block}.compare-note,.compare-bottom-note{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.6}.compare-error{color:var(--warning);font-size:13px}.compare-quantity label{font-size:14px;display:block}.compare-quantity input{border:1px solid var(--line);width:100%;font:inherit;margin:12px 0;padding:12px}.compare-quantity p,.compare-review p{font-size:13px;line-height:1.6}.compare-review h4{margin:0 0 20px;font-size:26px}.compare-controls dl{margin:20px 0;font-size:13px}.compare-controls dl>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.compare-controls dd{text-align:right;margin:0}.compare-section{border-bottom:1px solid var(--line)}.compare-section h3{margin:0}.compare-section h3 button{text-align:left;background:0 0;border:0;justify-content:space-between;gap:12px;width:100%;min-height:60px;padding:16px 0;display:flex}.compare-section h3 small{color:var(--muted);margin-top:5px;font-size:11px;font-weight:400;line-height:1.5;display:block}.compare-section>div:not([hidden]){padding:4px 0 20px}.compare-action{border-top:1px solid var(--line);align-items:center;gap:12px;min-height:80px;padding:16px;display:flex}.compare-action>span{color:var(--muted);margin-right:auto;font-size:12px}.compare-primary{background:var(--ink);border:1px solid var(--ink);min-height:44px;padding:12px 16px;color:#fff!important;font-size:13px!important}.compare-text{text-underline-offset:4px;background:0 0;border:0;min-height:44px;text-decoration:underline;font-size:13px!important}.compare-bottom-note{max-width:850px;margin-top:28px}.customs-comparison button:hover{filter:brightness(.94)}.customs-comparison :focus-visible{outline:2px solid var(--green);outline-offset:3px}.compare-colors button{border-radius:50%}.compare-branding-label{justify-content:space-between;gap:12px;padding-top:14px;font-size:14px;display:flex}.compare-branding-label span{color:var(--muted);font-size:12px}.compare-colors button[aria-pressed=true]{border-color:#0000}.compare-colors button[aria-pressed=true] span{outline:1px solid var(--green);outline-offset:2px}@media (width>=1100px){.compare-single .compare-preview>svg{height:500px}.compare-single .compare-controls{padding:28px}.compare-single .compare-branding{grid-template-columns:1fr 1fr}}@media (width<=1100px){.compare-grid{grid-template-columns:1fr}.compare-preview>svg{height:370px}.compare-intro,.compare-toolbar{flex-direction:column;align-items:start}}@media (width<=560px){.customs-comparison{padding:20px 16px 40px}.compare-editor{grid-template-columns:1fr}.compare-preview{padding:12px;position:static}.compare-preview>svg{height:250px}.compare-controls{padding:18px}.compare-action{z-index:1;background:#fff;flex-wrap:wrap;position:sticky;bottom:0}.compare-branding{grid-template-columns:1fr 1fr}.compare-toolbar button{padding:10px}.compare-steps button{flex-direction:column;gap:5px}.compare-grid{gap:32px}}.compare-single{max-width:1380px}.compare-intro{margin-bottom:24px}.compare-toolbar{align-items:start}.compare-alternatives{text-align:right;font-size:13px}.compare-alternatives summary{cursor:pointer;text-underline-offset:4px;min-height:44px;padding:10px 0;text-decoration:underline}.compare-alternatives nav{justify-content:end;margin-top:8px}.compare-example-heading h2{font-size:26px}.compare-example-heading p{font-size:13px}.is-expandable .compare-example-body{border:0}.is-expandable .compare-editor{grid-template-columns:minmax(0,1.4fr) minmax(330px,1fr);gap:32px}.is-expandable .compare-preview{padding:24px;top:12px}.compare-single .is-expandable .compare-preview>svg{mix-blend-mode:multiply;height:clamp(350px,48vw,560px)}.is-expandable .compare-preview-label{margin-bottom:16px;font-size:14px}.is-expandable .compare-controls{padding:0}.is-expandable .compare-section:first-child{border-top:1px solid var(--line)}.is-expandable .compare-section h3 button{align-items:center;padding:19px 0;font-size:16px}.is-expandable .compare-section h3 small{margin-top:7px;font-size:12px}.is-expandable .compare-section>div:not([hidden]){padding:4px 0 26px}.compare-start{color:var(--muted);font-size:14px}.compare-upload{cursor:pointer;background:var(--soft);text-align:center;place-items:center;gap:8px;padding:24px;position:relative}.compare-upload:focus-within{outline:2px solid var(--green);outline-offset:3px}.compare-upload strong{font-size:17px;font-weight:500}.compare-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.compare-upload span{max-width:270px;font-size:12px;line-height:1.6}.compare-upload-thumbnail{object-fit:contain;width:72px;height:48px}.compare-upload-status{color:var(--green);margin-top:-12px;font-size:12px}.compare-design{gap:22px}.compare-design legend{font-size:14px}.compare-branding-disclosure{border-top:1px solid var(--line);padding-top:4px}.compare-branding-disclosure>summary{cursor:pointer;min-height:48px;padding:12px 0;font-size:14px}.compare-branding-disclosure>summary>span{float:right;color:var(--muted);font-size:12px}.compare-branding-disclosure .compare-branding{margin-top:16px}.compare-single .compare-brand-views svg{height:150px}.compare-branding small{font-size:12px}.compare-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.compare-action{background:var(--paper);z-index:2;margin-top:24px;padding:16px 0;position:sticky;bottom:0}.compare-action>span>strong{color:var(--ink);font-size:22px;font-weight:500;display:block}.compare-action>span>small{margin-top:2px;font-size:12px;line-height:1.5;display:block}.compare-primary{min-height:48px;padding:14px 24px}.compare-mobile-preview{display:none}.compare-bottom-note{max-width:1380px;margin-inline:auto}.compare-review dd{overflow-wrap:anywhere}.compare-review h4{font-family:var(--display);font-size:32px;font-weight:400}@media (width<=1100px){.is-expandable .compare-editor{grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:24px}.compare-single .is-expandable .compare-preview>svg{height:400px}.compare-single .compare-branding{grid-template-columns:1fr 1fr}.compare-toolbar{flex-direction:row}.compare-intro{gap:16px}.compare-intro a{font-size:13px}}@media (width<=700px){.is-expandable .compare-editor{grid-template-columns:1fr;gap:20px}.is-expandable .compare-preview{z-index:1;padding:12px 16px;position:sticky;top:0}.compare-single .is-expandable .compare-preview>svg,.is-expandable .compare-preview>svg{mix-blend-mode:multiply;height:clamp(140px,27svh,240px)}.is-expandable .compare-preview-label{align-items:center;margin-bottom:6px;font-size:12px}.compare-mobile-preview{background:0 0;border:0;min-height:44px;margin-left:auto;text-decoration:underline;display:block;font-size:11px!important}.is-expandable .preview-is-compact .compare-preview>svg,.is-expandable.preview-is-compact .compare-preview>svg{height:80px}.is-expandable .compare-preview>p{display:none}.is-expandable .compare-views{margin-top:0}.is-expandable .compare-views button{min-height:40px}.compare-controls{scroll-margin-top:330px}.is-expandable .compare-section h3 button{scroll-margin-top:340px}.compare-toolbar{flex-direction:column;gap:0}.compare-alternatives{text-align:left}.compare-example-heading{padding:12px 0 20px}.compare-action{margin-top:12px}.compare-branding-disclosure>summary>span{float:none;margin-left:10px}.compare-single .compare-brand-views svg{height:115px}.compare-single .compare-controls{padding:0}}@media (height<=600px) and (width<=700px){.is-expandable .compare-preview{position:static}}.project-chat{border:1px solid var(--line);background:var(--paper);max-width:900px;color:var(--ink);margin:28px auto 0;padding:24px;scroll-margin-top:24px}.project-chat[hidden]{display:none}.project-chat header{justify-content:space-between;align-items:start;gap:20px;display:flex}.project-chat h2{margin:0 0 8px;font-size:32px}.project-chat header p,.project-chat-context{color:var(--muted);font-size:13px}.project-chat button{cursor:pointer}.project-chat .text-link{background:0 0;border:0;border-bottom:1px solid;align-items:center;min-height:44px;display:inline-flex}.project-chat .button-primary,.customs-comparison .project-chat .button-primary{color:var(--paper)}.project-chat-notice{background:var(--soft);margin:20px 0;padding:14px;font-size:13px;line-height:1.6}.project-chat-context summary{cursor:pointer;min-height:44px;padding:10px 0}.project-chat-context p{overflow-wrap:anywhere;margin:8px 0}.project-chat-messages{gap:16px;max-height:340px;margin:24px 0;font-size:14px;line-height:1.6;display:grid;overflow:auto}.project-chat-messages article{border-bottom:1px solid var(--line);padding-bottom:16px}.project-chat-messages strong{font-size:12px;font-weight:500}.project-chat-messages p{white-space:pre-wrap;overflow-wrap:anywhere}.project-chat form label{gap:8px;font-size:14px;display:grid}.project-chat textarea{resize:vertical;width:100%;min-height:100px;font:inherit;border:1px solid var(--line);background:var(--paper);border-radius:0;padding:12px}.project-chat-actions{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.project-chat-handoff{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.project-chat-handoff h3{font:500 16px var(--body);margin-bottom:10px}.project-chat-handoff p,.project-chat-status{margin-bottom:16px;font-size:13px;line-height:1.6}.project-chat-status{color:var(--green);margin-top:20px}@media (width<=560px){.project-chat{padding:16px}.project-chat header{gap:12px}.project-chat h2{font-size:28px}.project-chat-actions{flex-direction:column}.project-chat-actions button{width:100%}}.floating-support{left:24px;bottom:max(20px,env(safe-area-inset-bottom));z-index:90;flex-direction:column;align-items:start;gap:12px;max-width:calc(100vw - 32px);display:flex;position:fixed}.floating-support .project-chat{overscroll-behavior:contain;width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 116px);margin:0;overflow-y:auto;box-shadow:0 12px 36px #20232126}.floating-support .support-launcher{border:1px solid var(--ink);background:var(--ink);min-height:48px;color:var(--paper);font:inherit;cursor:pointer;align-items:center;gap:10px;padding:12px 18px;font-size:14px;display:flex;box-shadow:0 6px 20px #2023211f}.floating-support .support-launcher:hover{background:var(--green)}.floating-support .project-chat h2{font-size:28px}.floating-support .project-chat-messages{max-height:180px}@media (width<=560px){.floating-support{left:16px;bottom:max(16px,env(safe-area-inset-bottom))}.floating-support .project-chat{max-height:calc(100dvh - 100px)}}.customs-live .compare-single{width:100%;max-width:none}.customs-event-context{background:var(--field);flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:20px;padding:20px 24px;font-size:13px;display:flex}.customs-event-context>div{flex:1;gap:8px;min-width:200px;display:grid}.customs-event-context>p{flex:1;min-width:200px;line-height:1.5}.customs-project-items{gap:12px;padding:4px 0 12px;display:flex;overflow-x:auto}.customs-project-items button{text-align:left;background:var(--paper);min-height:64px;color:var(--ink);border:1px solid var(--line);font:inherit;flex:none;gap:6px;padding:12px 16px;font-size:13px;display:grid}.customs-project-items button[aria-pressed=true]{border-color:var(--ink);background:var(--field)}.customs-project-items button span{font-size:12px}.customs-live .compare-bottom-note{max-width:none}.customs-live .compare-toolbar>a,.customs-live .compare-toolbar .customs-actions>a{text-underline-offset:4px;font-size:13px;text-decoration:underline}.customs-secondary{border-top:1px solid var(--line);margin-top:16px;font-size:13px}.customs-secondary>summary{cursor:pointer;min-height:48px;padding:14px 0}.customs-photo-reference{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:13px}.customs-source-switch{gap:8px;margin-top:12px;display:flex}.customs-placement-options .customs-source-switch{flex-wrap:wrap}.customs-placement-options .customs-source-switch button{flex:100px}.customs-source-switch button{border:1px solid var(--line);background:var(--paper);flex:1;min-height:44px;padding:10px 12px}.customs-source-switch button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.customs-field{gap:8px;min-width:0;margin:16px 0;font-size:13px;display:grid}.customs-field input,.customs-field select,.customs-field textarea{border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;color:var(--ink);font:inherit;border-radius:0;padding:12px}.customs-field textarea{resize:vertical;min-height:90px}.customs-delivery{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.customs-delivery h5{font:500 16px var(--body);margin:0 0 4px}.customs-delivery-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.customs-delivery .customs-field small{color:var(--muted);font-size:12px;line-height:1.5}.customs-delivery input:disabled{background:var(--soft);color:var(--muted)}.customs-no-date{cursor:pointer;align-items:center;gap:8px;min-height:44px;margin-top:-12px;font-size:13px;display:flex}.customs-no-date input{width:18px;height:18px;accent-color:var(--green)}@media (width<=1100px){.customs-delivery-grid{grid-template-columns:1fr;gap:0}}.customs-field input[type=range]{accent-color:var(--green);padding:0}.customs-field input[type=checkbox]{vertical-align:middle;width:18px;height:18px;accent-color:var(--green);margin-right:8px;padding:0}.customs-size-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.customs-size-grid label{font-size:12px}.customs-size-grid input{margin:6px 0}.customs-actions{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.customs-live button:disabled{opacity:.45;cursor:not-allowed}.customs-review-lines article{border-bottom:1px solid var(--line);grid-template-columns:72px minmax(0,1fr);gap:16px;padding:18px 0;display:grid}.customs-review-lines article>svg{background:var(--field);width:72px;height:96px}.customs-review-lines strong{font-size:14px;font-weight:500}.customs-review-lines p{margin:5px 0}.customs-export-previews{clip-path:inset(50%);pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.customs-export-previews svg{width:520px;height:580px}.customs-notice{background:var(--soft);border:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:12px 16px;font-size:13px;display:flex}.customs-live-embedded{padding-top:0;padding-bottom:20px}.customs-live-embedded .compare-preview{top:var(--host-sticky-top,12px)}.customs-live-embedded .compare-action{position:static}.customs-live-embedded .compare-single .is-expandable .compare-preview>svg{height:clamp(350px,48vw,560px)}@media (width<=1100px){.customs-live-embedded .compare-single .is-expandable .compare-preview>svg{height:400px}}@media (width<=700px){.customs-live-embedded .compare-single .is-expandable .compare-preview>svg{height:clamp(140px,calc(var(--host-height,800px)*.27),240px)}.customs-live-embedded .compare-single .is-expandable.preview-is-compact .compare-preview>svg{height:80px}.customs-review-lines article{grid-template-columns:56px minmax(0,1fr);gap:12px}.customs-review-lines article>svg{width:56px;height:76px}}
