:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#13213a;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f4f6f8;margin:0}button,input,select{font:inherit}.catalog-page{min-height:100vh}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #e4e8ed;justify-content:space-between;align-items:center;min-height:72px;padding:0 max(24px,50vw - 590px);display:flex;position:sticky;top:0}.wordmark{color:#17233a;align-items:center;gap:11px;font-weight:850;text-decoration:none;display:flex}.wordmark-mark{color:#fff;background:#ff6b1a;border-radius:10px;place-items:center;width:36px;height:36px;font-size:13px;display:grid}.site-header nav{align-items:center;gap:28px;display:flex}.site-header nav a{color:#425067;font-size:14px;font-weight:700;text-decoration:none}.quote-nav{background:#fff;border:1px solid #dfe4ea;border-radius:10px;padding:10px 13px}.quote-nav b{color:#fff;background:#ff6b1a;border-radius:11px;place-items:center;min-width:22px;height:22px;margin-left:7px;display:inline-grid}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;width:min(1180px,100% - 48px);min-height:590px;margin:auto;padding:72px 0 76px;display:grid}.hero-copy h1{color:#13213a;letter-spacing:-.055em;margin:10px 0 22px;font-size:clamp(42px,5.5vw,72px);line-height:.98}.hero-copy>p:not(.eyebrow){color:#5c6878;max-width:650px;font-size:18px;line-height:1.65}.eyebrow{color:#ff6b1a;letter-spacing:.14em;margin:0 0 9px;font-size:12px;font-weight:900}.trust-row{color:#516078;flex-wrap:wrap;gap:20px;margin-top:28px;font-size:13px;font-weight:750;display:flex}.finder-card{background:#fff;border:1px solid #e0e5eb;border-radius:20px;padding:30px;box-shadow:0 24px 70px #1a2a421a}.step-label{align-items:center;gap:10px;margin-bottom:22px;font-weight:850;display:flex}.step-label span{color:#fff;background:#13213a;border-radius:50%;place-items:center;width:29px;height:29px;font-size:13px;display:grid}.brand-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.brand{color:#758094;background:#f9fafb;border:1px solid #e2e6eb;border-radius:12px;place-content:center;gap:2px;min-height:72px;display:grid}.brand.active{color:#17233a;background:#fff6f0;border-color:#ff6b1a;box-shadow:inset 0 0 0 1px #ff6b1a}.brand small{color:#8792a5;text-transform:uppercase;font-size:10px;font-weight:700}.brand.active small{color:#dc5710}.device-label{color:#36445b;gap:8px;margin-top:22px;font-size:13px;font-weight:800;display:grid}.device-label select{color:#17233a;background:#fff;border:1px solid #d9dfe7;border-radius:10px;width:100%;min-height:50px;padding:0 14px}.finder-note{color:#7a8597;margin:12px 0 0;font-size:12px;line-height:1.5}.catalog-section{background:#fff;padding:74px max(24px,50vw - 590px) 90px}.section-heading,.quote-header{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.section-heading h2,.process h2,.quote-header h2{color:#17233a;letter-spacing:-.035em;margin:0;font-size:clamp(28px,4vw,42px)}.product-count,.quote-header>span{color:#596579;background:#f0f3f6;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.badge-legend{color:#6b7688;flex-wrap:wrap;gap:22px;margin:26px 0;font-size:12px;display:flex}.badge-legend span{align-items:center;gap:7px;display:flex}.dot{background:#25a66a;border-radius:50%;width:8px;height:8px}.dot.check{background:#e7a321}.dot.accessory{background:#7178d4}.category-tabs{gap:7px;padding-bottom:15px;display:flex;overflow-x:auto}.category-tabs button{white-space:nowrap;color:#657186;cursor:pointer;background:#fff;border:1px solid #e1e5ea;border-radius:9px;align-items:center;gap:8px;padding:10px 13px;font-size:13px;font-weight:800;display:flex}.category-tabs button.active{color:#fff;background:#17233a;border-color:#17233a}.category-tabs span{opacity:.65}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:12px;display:grid}.product-card{background:#fff;border:1px solid #e3e7ec;border-radius:15px;padding:24px;box-shadow:0 10px 28px #17233a0a}.product-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.category-pill{color:#657084;letter-spacing:.06em;text-transform:uppercase;background:#f1f3f6;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:900}.compatibility{color:#687489;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.compatibility i{background:#25a66a;border-radius:50%;width:7px;height:7px}.compatibility.configuration_check_required i{background:#e7a321}.compatibility.additional_component_required i{background:#7178d4}.product-card h3{color:#162239;min-height:48px;margin:18px 0 8px;font-size:18px;line-height:1.35}.part-code{color:#7a8595;margin:0 0 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.offer-list{gap:8px;display:grid}.offer-row{background:#f7f8fa;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;padding:13px;display:flex}.offer-row>div:first-child{gap:6px;display:grid}.offer-row b{color:#344158;font-size:12px}.stock{color:#2a8b5e;width:fit-content;font-size:11px;font-weight:800}.stock.limited_stock,.stock.quantity_confirmation{color:#c17b12}.offer-action{justify-items:end;gap:7px;display:grid}.offer-action strong{color:#17233a;font-size:14px}.offer-action button,.quote-summary button{color:#fff;cursor:pointer;background:#ff6b1a;border:0;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:850}.state-card{color:#657186;text-align:center;border:1px dashed #ccd4df;border-radius:14px;margin-top:15px;padding:34px}.error-state{color:#a34747;background:#fff8f8;border-color:#eccfcf}.process{color:#fff;background:#13213a;padding:82px max(24px,50vw - 590px)}.process h2{color:#fff}.process-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px;display:grid}.process-grid>div{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:14px;padding:26px}.process-grid span{color:#ff7b32;font-size:12px;font-weight:900}.process-grid h3{margin:18px 0 8px}.process-grid p{color:#aab5c6;margin:0;font-size:14px;line-height:1.6}.quote-section{background:#f4f6f8;padding:78px max(24px,50vw - 590px)}.empty-quote{color:#6d788a;text-align:center;background:#fff;border:1px dashed #cbd3de;border-radius:14px;margin-top:28px;padding:35px}.quote-layout{grid-template-columns:1fr 320px;align-items:start;gap:20px;margin-top:28px;display:grid}.quote-lines{grid-auto-rows:max-content;align-content:start;gap:9px;display:grid}.quote-line{background:#fff;border:1px solid #e0e5eb;border-radius:11px;grid-template-columns:1fr auto auto auto;align-items:center;gap:15px;padding:17px;display:grid}.quote-line>div:first-child{gap:5px;display:grid}.quote-line b{font-size:13px}.quote-line span{color:#7a8595;font-size:11px}.quantity-control{align-items:center;gap:8px;display:flex}.quantity-control button,.remove{color:#46536a;cursor:pointer;background:#fff;border:1px solid #dfe4ea;border-radius:6px}.quantity-control button{width:27px;height:27px}.remove{color:#a24d4d;padding:7px;font-size:11px}.quote-summary{color:#fff;background:#17233a;border-radius:14px;height:fit-content;padding:24px}.quote-summary>span{color:#aab4c3;font-size:12px}.quote-summary>strong{margin:9px 0;font-size:25px;display:block}.quote-summary p{color:#aeb7c5;font-size:12px;line-height:1.5}.quote-summary button{width:100%;margin-top:10px;padding:12px}.quote-summary button:disabled{cursor:not-allowed;opacity:.72}.quote-summary small{color:#96a2b4;margin-top:10px;line-height:1.45;display:block}footer{color:#7b8596;background:#fff;border-top:1px solid #e1e5ea;justify-content:space-between;gap:20px;padding:24px max(24px,50vw - 590px);font-size:11px;display:flex}.shell{background:#fff;border:1px solid #dfe5ec;border-radius:20px;width:min(760px,100% - 40px);margin:10vh auto;padding:44px;box-shadow:0 18px 50px #17233a17}.shell h1{margin:0;font-size:44px}.shell p{color:#617087;line-height:1.6}.auth-shell{width:min(520px,100% - 40px)}.auth-form{gap:18px;margin-top:28px;display:grid}.auth-form label{color:#26344c;gap:8px;font-weight:700;display:grid}.auth-form input{border:1px solid #ccd7e7;border-radius:10px;width:100%;padding:13px 14px}.shell button{color:#fff;cursor:pointer;background:#2a55bf;border:0;border-radius:10px;padding:12px 16px;font-weight:800}.form-error{background:#fff1f1;border-radius:10px;padding:12px 14px;font-size:14px;color:#a51f2d!important}@media (max-width:850px){.site-header nav>a:not(.quote-nav){display:none}.hero{grid-template-columns:1fr;gap:35px;padding-top:50px}.product-grid,.process-grid,.quote-layout{grid-template-columns:1fr}.quote-line{grid-template-columns:1fr auto}}@media (max-width:560px){.site-header{padding-inline:18px}.wordmark>span:last-child{display:none}.hero{width:min(100% - 32px,1180px)}.hero-copy h1{font-size:43px}.finder-card{padding:20px}.brand-grid{grid-template-columns:1fr}.brand{min-height:54px}.section-heading,.quote-header{flex-direction:column;align-items:flex-start}.product-card{padding:18px}.product-topline,.offer-row{flex-direction:column;align-items:flex-start}.offer-action{justify-items:stretch;width:100%}.offer-action button{padding:10px}.quote-line{grid-template-columns:1fr}footer{flex-direction:column}}.form-pending,.form-success{color:#c5ceda;border:1px solid #ffffff26;border-radius:9px;margin-top:16px;padding:14px;font-size:12px;line-height:1.5}.form-success{color:#d6f5e7;background:#23a66a21;gap:5px;display:grid}.request-form{gap:11px;margin-top:18px;display:grid}.request-form label{color:#c9d2df;gap:5px;font-size:11px;font-weight:750;display:grid}.request-form input,.request-form select,.request-form textarea{color:#fff;resize:vertical;background:#253249;border:1px solid #ffffff2e;border-radius:7px;width:100%;padding:9px 10px}.form-columns{grid-template-columns:1fr 1fr;gap:9px;display:grid}.request-form>button{color:#fff;background:#ff6b1a;border:0;border-radius:7px;width:100%;padding:12px;font-weight:850}.request-form>button:disabled{cursor:not-allowed;opacity:.55}.honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-9999px!important}.turnstile-slot{min-height:65px}.request-error{margin:0;color:#ffb0b0!important;font-size:11px!important}@media (max-width:560px){.form-columns{grid-template-columns:1fr}}.admin-page{background:#f3f5f8;min-height:100vh}.admin-topbar{background:#fff;border-bottom:1px solid #dfe4ea;justify-content:space-between;align-items:center;min-height:76px;padding:0 28px;display:flex}.admin-topbar strong{font-size:19px}.admin-user{color:#69758a;align-items:center;gap:16px;font-size:13px;display:flex}.secondary-button{color:#344158!important;background:#fff!important;border:1px solid #d5dce6!important}.admin-layout{grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 76px);display:grid}.admin-sidebar{background:#18243a;border-right:1px solid #dfe4ea;padding:26px 18px}.admin-sidebar>p{color:#8290a6;letter-spacing:.14em;margin:0 10px 16px;font-size:10px;font-weight:900}.admin-sidebar>button{color:#aeb8c8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;width:100%;margin:4px 0;padding:12px;font-weight:750;display:block}.admin-sidebar>button.active{color:#fff;background:#ff6b1a}.admin-phase-note{color:#fff;border:1px solid #ffffff1a;border-radius:10px;gap:6px;margin:28px 8px 0;padding:14px;font-size:12px;display:grid}.admin-phase-note span{color:#929eb1;line-height:1.5}.admin-content{min-width:0;padding:34px}.admin-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.admin-heading h1{letter-spacing:-.035em;margin:0;font-size:34px}.admin-heading>button,.admin-create>button,.row-actions button{color:#fff;cursor:pointer;background:#ff6b1a;border:0;border-radius:8px;padding:10px 13px;font-weight:800}.admin-heading>button:disabled{cursor:not-allowed;opacity:.45}.admin-banner,.admin-message{color:#8b5c12;background:#fff6e9;border-radius:8px;padding:11px 14px;font-size:13px}.admin-message{color:#28538a;background:#eaf3ff}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.admin-stats>div{background:#fff;border:1px solid #e0e5eb;border-radius:12px;gap:7px;padding:18px;display:grid}.admin-stats span{color:#758094;text-transform:uppercase;font-size:11px;font-weight:800}.admin-stats b{font-size:25px}.admin-create{background:#fff;border:1px solid #dce2ea;border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0;padding:20px;display:grid}.admin-create h2{grid-column:1/-1;margin:0 0 8px}.admin-create input,.admin-create select,.admin-create textarea{background:#fff;border:1px solid #d6dde7;border-radius:8px;width:100%;min-height:42px;padding:9px 10px}.admin-create textarea{grid-column:1/-1;min-height:80px}.admin-create>button{align-self:stretch}.admin-table-wrap{background:#fff;border:1px solid #dfe4ea;border-radius:13px;overflow:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf0f4;padding:14px 15px}.admin-table th{color:#788397;text-transform:uppercase;background:#f8f9fb;font-size:10px}.admin-table td b,.admin-table td small{display:block}.admin-table td small{color:#7c8798;margin-top:4px}.status-chip{color:#21875b;background:#e8f6ef;border-radius:999px;padding:6px 8px;font-size:10px;font-weight:850;display:inline-block}.status-chip.warning{color:#9b6713;background:#fff2d9}.row-actions{justify-content:flex-end;gap:6px;display:flex}.row-actions button{white-space:nowrap;background:#263b5c;padding:7px 9px;font-size:10px}.admin-empty{color:#748095;text-align:center;padding:35px}@media (max-width:900px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{border-right:0;gap:6px;display:flex;overflow:auto}.admin-sidebar>p,.admin-phase-note{display:none}.admin-sidebar>button{white-space:nowrap}.admin-content{padding:22px}.admin-create{grid-template-columns:1fr 1fr}}@media (max-width:580px){.admin-topbar{padding:14px 18px}.admin-user>span{display:none}.admin-content{padding:17px}.admin-heading{flex-direction:column;align-items:flex-start}.admin-stats,.admin-create{grid-template-columns:1fr}.admin-table{min-width:760px}}.sourcing-entry{background:#fff;border:1px solid #dfe4ea;border-radius:14px;grid-template-columns:minmax(220px,1.35fr) repeat(3,minmax(140px,1fr)) auto;align-items:end;gap:10px;margin-top:28px;padding:18px;display:grid}.sourcing-entry>div{gap:5px;display:grid}.sourcing-entry b{font-size:13px}.sourcing-entry span{color:#778296;font-size:11px;line-height:1.45}.sourcing-entry input{border:1px solid #d5dce6;border-radius:8px;min-width:0;padding:10px}.sourcing-entry button{color:#fff;cursor:pointer;background:#263b5c;border:0;border-radius:8px;padding:11px 13px;font-size:12px;font-weight:800}.sourcing-entry button:disabled{cursor:not-allowed;opacity:.45}@media (max-width:1000px){.sourcing-entry{grid-template-columns:1fr 1fr}.sourcing-entry>div{grid-column:1/-1}}@media (max-width:560px){.sourcing-entry{grid-template-columns:1fr}}.operation-note{color:#26344c;background:#fff;border:1px solid #d6dde7;border-radius:8px;width:100%;margin:12px 0;padding:10px 11px}
