@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.ml-1{margin-left:.25rem}.mr-1{margin-right:.25rem}.mt-10{margin-top:2.5rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.py-12{padding-bottom:3rem;padding-top:3rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-32{padding-bottom:8rem;padding-top:8rem}.pb-20{padding-bottom:5rem}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tracking-wider{letter-spacing:.05em}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--cf-page-width:1580px;--cf-page-gutter:80px;--cf-page-gutter-md:48px;--cf-page-gutter-sm:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--octa-section-gap:48px;--octa-section-gap-lg:80px;--octa-primary:#005a94;--octa-primary-dark:#003f6b;--octa-navy:#063b5c;--octa-navy-deep:#001d3d;--octa-accent:#007eb3;--octa-accent-light:#33a1cc;--octa-interactive:#2563eb;--octa-bg-page:#f4f7fa;--octa-bg-card:#fff;--octa-bg-soft:#f8fafc;--octa-text-primary:#0f172a;--octa-text-secondary:#64748b;--octa-text-heading:#003566;--octa-border:#e2e8f0;--octa-border-light:#f1f5f9;--octa-success:#16a34a;--octa-warning:#f59e0b;--octa-danger:#dc2626;--octa-info:#2563eb;--octa-radius-card:12px;--octa-radius-card-sm:8px;--octa-radius-btn:8px;--octa-radius-btn-sm:6px;--octa-radius-table:10px;--octa-radius-pill:999px;--octa-card-padding:32px 36px;--octa-table-header-from:#0b3f66;--octa-table-header-to:#064b78;--octa-table-hover:#f8fafc;--octa-table-highlight-blue:#eaf4ff;--octa-table-highlight-yellow:#fff7e6;--octa-shadow-card:0 6px 20px rgba(15,23,42,.04);--octa-shadow-card-hover:0 8px 30px rgba(15,23,42,.08);--navy:var(--octa-primary);--navy-dark:var(--octa-primary-dark);--accent-blue:var(--octa-accent);--accent-blue-light:var(--octa-accent-light);--white:#fff;--bg:#fff;--bg-soft:var(--octa-bg-page);--card:var(--octa-bg-card);--text:var(--octa-text-primary);--text-muted:var(--octa-text-secondary);--line:var(--octa-border);--nav-bg:#fff;--nav-text:var(--octa-text-primary);--nav-accent:var(--octa-accent);--hero-bg:var(--octa-primary);--container:1440px;--cf-color-primary:var(--octa-primary);--cf-color-primary-dark:var(--octa-primary-dark);--cf-color-text:var(--octa-text-primary);--cf-color-border:var(--octa-border);--cf-color-success:var(--octa-success);--cf-radius-pill:var(--octa-radius-pill);--cf-shadow-card:var(--octa-shadow-card);--cf-radius-card:var(--octa-radius-card);--cf-radius-card-md:var(--octa-radius-card-sm)}html.dark-mode{--octa-bg-page:#0f1729;--octa-bg-card:#1a2332;--octa-bg-soft:#1e2a3a;--octa-text-primary:#e2e8f0;--octa-text-secondary:#94a3b8;--octa-text-heading:#f1f5f9;--octa-border:#2d3b4e;--octa-border-light:#253040;--octa-shadow-card:0 4px 20px rgba(0,0,0,.3);--octa-shadow-card-hover:0 8px 32px rgba(0,0,0,.4);--octa-table-hover:#1e2a3a;--octa-table-highlight-blue:#172540;--octa-table-highlight-yellow:#2a2520;--white:#1a2332;--bg:#0f1729;--bg-soft:#1e2a3a;--card:#1a2332;--text:#e2e8f0;--text-muted:#94a3b8;--line:#2d3b4e;--nav-bg:#0f1729;--nav-text:#e2e8f0;color-scheme:dark}.cf-pill-btn{align-items:center;border:none;border-radius:99px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;height:48px;justify-content:center;padding:0 32px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.cf-pill-btn.is-white{background:#fff;color:var(--octa-primary)}.cf-pill-btn.is-navy{background:var(--octa-primary);color:#fff}.cf-pill-btn.is-outline{background:transparent;border:2px solid hsla(0,0%,100%,.3);color:#fff}.cf-pill-btn:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.cf-pill-btn.full{width:100%}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.55;margin:0;transition:background-color .3s ease,color .3s ease}*{box-sizing:border-box}a{color:inherit}.container{margin:0 auto;width:min(var(--container),calc(100% - 32px))}.card{background:var(--octa-bg-card);border:1px solid var(--octa-border);border-radius:var(--octa-radius-card-sm);box-shadow:var(--octa-shadow-card)}.section{margin-top:30px}.h2{font-size:18px;font-weight:var(--font-weight-extrabold);margin:0}.small{color:var(--octa-text-secondary);font-size:12px}.link{color:var(--octa-interactive);font-weight:var(--font-weight-bold);text-decoration:none}.link:hover{text-decoration:underline}.btn{align-items:center;background:#ffffff14;border:1px solid hsla(0,0%,100%,.18);border-radius:var(--octa-radius-btn);color:#fff;cursor:pointer;display:inline-flex;font-weight:var(--font-weight-bold);gap:8px;height:36px;justify-content:center;padding:0 14px;text-decoration:none}.btn:hover{filter:brightness(1.03)}.btnLight{align-items:center;background:var(--octa-bg-soft);border:1px solid var(--octa-border);border-radius:12px;color:var(--octa-interactive);cursor:pointer;display:inline-flex;font-weight:var(--font-weight-bold);height:36px;justify-content:center;padding:0 14px;text-decoration:none}.btnLight:hover{filter:brightness(1.02)}.sectionHead{align-items:flex-end;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.sectionHead .left{display:flex;flex-direction:column;gap:4px}.sectionHead .title{font-size:18px;font-weight:var(--font-weight-bold);margin:0}.sectionHead .desc{color:var(--octa-text-secondary);font-size:12px}.sectionHead .right{align-items:center;display:flex;gap:10px}.sectionHead .more{color:var(--octa-interactive);font-size:13px;font-weight:var(--font-weight-bold);text-decoration:none}.sectionHead .more:hover{text-decoration:underline}.cf-container{margin:0 auto;max-width:none;width:min(var(--cf-page-width),calc(100% - var(--cf-page-gutter)))}.cf-page-main{background:linear-gradient(180deg,#fff,#fbfdff)}.cf-section{margin-top:22px}.cf-card{background:var(--octa-bg-card)}.cf-card,.cf-card-soft{border:1px solid var(--octa-border);border-radius:var(--octa-radius-card);box-shadow:var(--octa-shadow-card)}.cf-card-soft{background:var(--octa-bg-soft)}.cf-section-desc{color:#667b93;font-size:14px;margin:0 0 18px}.cf-pill-btn-sm{background:#fff;border:1px solid #e2e8f0;border-radius:var(--cf-radius-pill);color:#475569;cursor:pointer;font-size:13px;font-weight:600;height:34px;padding:0 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.cf-pill-btn-sm:hover{background:#eff6ff;border-color:var(--octa-interactive);box-shadow:0 2px 8px #2563eb1a;color:var(--octa-interactive);transform:translateY(-1px)}.cf-primary-btn{background:linear-gradient(135deg,#004b87,#003566);border:0;border-radius:var(--cf-radius-pill);color:#fff;cursor:pointer;font-weight:700;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.cf-primary-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.cf-primary-btn:hover:before{left:100%}.cf-primary-btn:hover{filter:brightness(1.02)}.cf-input{background:#fff;border:1px solid #dbe6f0;border-radius:14px;color:#18324c;font-size:14px;height:46px;outline:none;padding:0 14px;width:100%}.cf-input:focus{border-color:#2f8fff;box-shadow:0 0 0 3px #2f8fff1f}.cf-spec-table{background:#fff;border:1px solid #e3ebf3;border-radius:14px;overflow:hidden}.cf-spec-row{display:grid;grid-template-columns:42% 58%}.cf-spec-row+.cf-spec-row{border-top:1px solid #edf2f7}.cf-spec-label,.cf-spec-value{align-items:center;display:flex;font-size:14px;line-height:1.6;min-height:46px;padding:10px 16px}.cf-spec-label{background:#fbfdff;color:#5f7288;font-weight:600}.cf-spec-value{color:#19334c}.cf-status-dot{border-radius:50%;display:inline-block;height:9px;margin-right:8px;vertical-align:middle;width:9px}.cf-status-dot.success{background:var(--cf-color-success)}.cf-state-card{background:var(--octa-bg-soft);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-card);padding:24px;text-align:center}.cf-breadcrumb{align-items:center;display:flex;font-size:11px;font-weight:700;letter-spacing:.1em;padding:24px 0;text-transform:uppercase}.cf-breadcrumb-link{color:var(--octa-primary);opacity:.6;text-decoration:none;transition:opacity .2s}.cf-breadcrumb-link:hover{opacity:1}.cf-breadcrumb-sep{font-weight:400;margin:0 12px;opacity:.2}.cf-breadcrumb-text{opacity:.4}@media(max-width:1439px){.cf-container{width:calc(100% - var(--cf-page-gutter-md))}}@media(max-width:1279px){.cf-container{width:calc(100% - var(--cf-page-gutter-md))}}@media(max-width:767px){.container{width:min(var(--container),calc(100% - 24px))}.cf-container{width:calc(100% - var(--cf-page-gutter-sm))}.cf-card,.cf-card-soft,.cf-state-card{border-radius:var(--octa-radius-card-sm)}.cf-spec-row{grid-template-columns:1fr}}.octa-card{background:var(--octa-bg-card);border:1px solid var(--octa-border);border-radius:var(--octa-radius-card);box-shadow:var(--octa-shadow-card);padding:var(--octa-card-padding)}.octa-section{margin-top:var(--octa-section-gap)}.octa-section-title{color:var(--octa-text-heading);font-size:24px;font-weight:var(--font-weight-bold);letter-spacing:-.01em;line-height:1.2;margin:0 0 6px}.octa-section-desc{color:var(--octa-text-secondary);font-size:14px;line-height:1.6;margin:0 0 24px}.octa-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--octa-border);border-radius:var(--octa-radius-table)}.octa-table{border-collapse:collapse;font-size:13px;width:100%}.octa-table th{background:linear-gradient(135deg,var(--octa-table-header-from) 0,var(--octa-table-header-to) 100%);border-bottom:none;color:#fff;font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.octa-table td{border-bottom:1px solid var(--octa-border-light);color:#4a5568;font-size:13px;line-height:1.5;padding:14px 16px;vertical-align:middle}.octa-table tbody tr:last-child td{border-bottom:none}.octa-table tbody tr:hover td{background:var(--octa-table-hover)}.octa-table .octa-row-current td{background:var(--octa-table-highlight-blue)!important}.octa-table .octa-row-current td:first-child{box-shadow:inset 3px 0 0 var(--octa-info)}.octa-table .octa-cell-diff{background:var(--octa-table-highlight-yellow);color:#c2410c;font-weight:600}.octa-table .octa-mpn-link{color:var(--octa-text-heading);font-size:14px;font-weight:var(--font-weight-bold);text-decoration:none;transition:color .2s}.octa-table .octa-mpn-link:hover{color:var(--octa-info);text-decoration:underline}.octa-table .octa-mpn-text{color:var(--octa-text-heading);font-size:14px;font-weight:var(--font-weight-bold)}.octa-btn-lg{align-items:center;background:linear-gradient(135deg,var(--octa-primary) 0,var(--octa-primary-dark) 100%);border:none;border-radius:var(--octa-radius-card-sm);box-shadow:0 4px 12px #005a9433;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:var(--font-weight-bold);height:48px;justify-content:center;padding:0 36px;text-decoration:none;transition:all .25s ease}.octa-btn-lg:hover{box-shadow:0 8px 24px #005a944d;filter:brightness(1.08);transform:translateY(-2px)}.octa-btn-primary{align-items:center;background:linear-gradient(135deg,var(--octa-primary) 0,var(--octa-primary-dark) 100%);border:none;border-radius:var(--octa-radius-btn);box-shadow:0 2px 8px #005a9433;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:var(--font-weight-bold);height:44px;justify-content:center;padding:0 28px;text-decoration:none;transition:all .25s ease}.octa-btn-primary:hover{box-shadow:0 4px 16px #005a944d;filter:brightness(1.08);transform:translateY(-1px)}.octa-btn-rfq{align-items:center;background:var(--octa-primary);border:none;border-radius:var(--octa-radius-btn-sm);box-shadow:0 2px 6px #005a9426;color:#fff;display:inline-flex;font-size:12px;font-weight:var(--font-weight-bold);height:32px;justify-content:center;letter-spacing:.3px;min-width:64px;padding:0 16px;text-decoration:none;transition:all .2s ease}.octa-btn-rfq:hover{background:var(--octa-primary-dark);box-shadow:0 4px 10px #005a9440;transform:translateY(-1px)}.octa-btn-secondary{align-items:center;background:var(--octa-bg-soft);border:1px solid var(--octa-border);border-radius:var(--octa-radius-btn);color:var(--octa-text-heading);cursor:pointer;display:inline-flex;font-size:14px;font-weight:var(--font-weight-semibold);gap:6px;height:40px;justify-content:center;padding:0 24px;text-decoration:none;transition:all .2s ease}.octa-btn-secondary:hover{background:#e8ecf2;border-color:var(--octa-primary);box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.octa-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:700;gap:5px;height:26px;padding:0 10px;white-space:nowrap}.octa-badge .dot{background:currentColor;border-radius:50%;flex-shrink:0;height:6px;width:6px}.octa-badge.active,.octa-badge.in-stock{background:#ecfdf5;color:#065f46}.octa-badge.verify{background:#fffbeb;color:#92400e}.octa-badge.rohs{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#15803d}.octa-badge.price-badge{background:linear-gradient(135deg,#f97316,#ea580c);border:none;color:#fff;font-size:13px;font-weight:800;height:28px;padding:0 12px}.octa-badge.current{background:linear-gradient(135deg,#dbeafe,#eff6ff);border:1px solid #bfdbfe;color:#1d4ed8;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.octa-qty-input{background:#fff;border:1px solid var(--octa-border);border-radius:var(--octa-radius-btn-sm);color:var(--octa-text-heading);font-size:13px;font-weight:700;height:32px;outline:none;padding:0 8px;text-align:center;transition:all .2s;width:56px}.octa-qty-input:hover{border-color:#94a3b8}.octa-qty-input:focus{border-color:var(--octa-primary);box-shadow:0 0 0 3px #005a9414}.octa-hero{background:linear-gradient(135deg,#001d3d,#003566 40%,#004b87 70%,#003a6b);background-position:50%;background-size:cover;margin-bottom:32px;overflow:hidden;position:relative}.octa-hero-overlay{background-image:radial-gradient(circle at 20% 50%,rgba(0,123,255,.08) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,180,240,.06) 0,transparent 40%);inset:0}.octa-hero-overlay,.octa-hero:after{pointer-events:none;position:absolute}.octa-hero:after{animation:octaHeroGlow 8s ease-in-out infinite alternate;background:radial-gradient(circle,hsla(0,0%,100%,.03) 0,transparent 70%);content:"";height:600px;right:-15%;top:-40%;width:600px}@keyframes octaHeroGlow{0%{opacity:.5;transform:translate(0) scale(1)}to{opacity:1;transform:translate(-30px,20px) scale(1.1)}}.octa-breadcrumb{align-items:center;display:flex;font-size:12px;font-weight:600;letter-spacing:.08em;padding:20px 0;position:relative;text-transform:uppercase;z-index:2}.octa-breadcrumb a{color:#ffffff8c;text-decoration:none;transition:color .2s}.octa-breadcrumb a:hover{color:#fff}.octa-breadcrumb .sep{color:#ffffff40;margin:0 10px}.octa-breadcrumb .current{color:#fff;opacity:.9}.octa-hero-tag{align-items:center;background:#ffffff1a;border:1px solid hsla(0,0%,100%,.15);border-radius:6px;color:#ffffffd9;display:inline-flex;font-size:12px;font-weight:600;height:28px;padding:0 12px}.octa-footer-cta{background:linear-gradient(135deg,var(--octa-primary) 0,var(--octa-primary-dark) 100%);padding:48px 0;text-align:center}.octa-footer-cta h3{color:#fff;font-size:24px;font-weight:var(--font-weight-extrabold);margin:0 0 8px}.octa-footer-cta p{color:#ffffffbf;font-size:15px;margin:0 auto 24px;max-width:600px}.octa-footer-cta .octa-btn-primary{background:#fff;color:var(--octa-primary);font-weight:var(--font-weight-extrabold)}.octa-footer-cta .octa-btn-primary:hover{background:#f0f7ff;box-shadow:0 4px 20px #ffffff4d}@media(max-width:767px){.octa-card{border-radius:12px;padding:24px 20px}.octa-table td,.octa-table th{font-size:12px;padding:10px 12px}}:focus-visible{outline:2px solid var(--octa-accent,#2276e3);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px #2276e326;outline:2px solid var(--octa-accent,#2276e3);outline-offset:0}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.cf-section-title{color:var(--octa-primary);font-size:28px;font-weight:900;letter-spacing:-.01em;margin:0 0 20px;padding-bottom:12px;position:relative}.block-sub{color:#718096;font-size:15px;line-height:1.5;margin:0 0 28px}.block-section{margin-bottom:56px}.rich-text{color:#2d3748;font-size:16px;line-height:1.8}.rich-text :deep(p){margin-bottom:16px}.rich-text :deep(ol),.rich-text :deep(ul){margin-bottom:16px;padding-left:24px}.rich-text :deep(li){margin-bottom:8px}.accent-line{background:var(--octa-primary);border-radius:99px;height:4px;margin:12px 0 24px;width:40px}.cp-sec{margin-bottom:40px}.cp .cf-section-title,.cp-sec .cf-section-title{color:var(--octa-navy);font-size:24px;font-weight:800;margin:0 0 24px;padding-bottom:0;position:relative}.cp .cf-section-title:after,.cp-sec .cf-section-title:after{display:none}.section-card{background:#fff;border:1px solid var(--octa-border);border-radius:16px;padding:40px}.cf-card-soft{box-shadow:0 4px 20px #00000008}@media(max-width:768px){.section-card{padding:24px}}.info-tip-box{align-items:flex-start;border-radius:var(--octa-radius-table,10px);display:flex;font-size:14px;gap:12px;line-height:1.7;margin-bottom:24px;padding:16px 20px}.info-tip-icon{flex-shrink:0;font-size:20px;margin-top:1px}.info-tip-content{color:var(--octa-text-primary,#1e293b)}.info-tip-content p{margin:0 0 6px}.info-tip-content b,.info-tip-content strong{font-weight:700}.info-tip-box.sourcing-tip,.info-tip-box.summary-tip{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:1px solid #c8e6c9}.info-tip-box.comparison-note{background:linear-gradient(135deg,#fff8e1,#fffde7);border:1px solid #ffe082}@media(max-width:768px){.info-tip-box{font-size:13px;padding:12px 14px}}.detail-section{margin-top:40px}.section-card{background:#fff;border:1px solid var(--octa-border,#e2e8f0);border-radius:16px;padding:40px}.cf-section-title{color:var(--octa-primary,#0b1e36);font-size:28px;font-weight:900;letter-spacing:-.01em;margin:0 0 20px;padding-bottom:12px;position:relative}.cf-section-title:after{background:var(--octa-accent,#0f6fd8);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:40px}.section-head-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.section-title-wrap{display:flex;flex-direction:column;gap:8px}.section-subtitle{color:var(--octa-text-secondary,#718096);font-size:16px;margin:0}.cf-outline-btn{align-items:center;background:transparent;border:2px solid var(--octa-primary,#0b1e36);border-radius:99px;color:var(--octa-primary,#0b1e36);cursor:pointer;display:flex;font-size:14px;font-weight:700;height:44px;padding:0 24px;text-decoration:none;transition:all .3s}.cf-outline-btn:hover{background:var(--octa-primary,#0b1e36);color:#fff}.bn-detail-block{margin-top:0}.bn-section-card{padding:40px}@media(max-width:768px){.bn-section-card{padding:24px}}.bn-card-soft{background:#fff;border:1px solid var(--octa-border,#e2e8f0);border-radius:16px;box-shadow:0 1px 3px #0000000a}.bn-section-title{color:var(--octa-primary,#0b1e36);font-size:1.35rem;font-weight:900;letter-spacing:-.01em;margin:0 0 20px;padding-bottom:12px;position:relative}.bn-section-title:after{background:var(--octa-accent,#0f6fd8);border-radius:2px;bottom:0;content:"";left:0;position:absolute;width:4px}.bn-section-subtitle{color:var(--octa-text-secondary,#64748b);font-size:15px;line-height:1.6;margin:-12px 0 20px;max-width:700px}.blog-hero-override{min-height:380px;padding:0}.blog-page-title{color:#fff;font-size:48px;font-weight:800;letter-spacing:-.012em;line-height:1.1;margin:0}.blog-page-subtitle{color:#ffffffb3;font-size:18px;font-weight:500;line-height:1.5;margin:16px 0 0}.blog-category-pills{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:56px;padding-bottom:80px}.blog-pill-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid hsla(0,0%,100%,.15);border-radius:999px;color:#fff;display:flex;font-size:15px;font-weight:700;height:48px;justify-content:center;padding:0 28px;text-decoration:none;transition:all .3s cubic-bezier(.165,.84,.44,1)}.blog-pill-btn:hover{background:#ffffff1f;border-color:#ffffff4d;color:#fff;transform:translateY(-2px)}.blog-pill-btn.active{background:var(--octa-accent,#f60);border-color:var(--octa-accent,#f60);color:#fff}.blog-main-content{margin-top:-48px;position:relative;z-index:20}.blog-state{background:#fff;border-radius:20px;box-shadow:0 20px 40px #00000008;padding:100px 0;text-align:center}.blog-articles-grid{display:grid;gap:32px;grid-template-columns:repeat(4,1fr)}.blog-article-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;transition:all .4s cubic-bezier(.165,.84,.44,1)}.blog-article-card:hover{box-shadow:0 20px 40px #00000014;transform:translateY(-10px)}.blog-card-media{aspect-ratio:16/9;background:#01162c;overflow:hidden;position:relative}.blog-card-media img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease;width:100%}.blog-media-overlay{align-items:center;background:#01162c66;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s}.blog-read-badge{background:#fff;border-radius:999px;color:#01162c;font-size:13px;font-weight:800;padding:8px 20px;transform:translateY(10px);transition:transform .3s}.blog-article-card:hover .blog-card-media img{transform:scale(1.1)}.blog-article-card:hover .blog-media-overlay{opacity:1}.blog-article-card:hover .blog-read-badge{transform:translateY(0)}.blog-card-info{display:flex;flex:1;flex-direction:column;padding:24px}.blog-info-tag{color:var(--octa-primary,#2563eb);font-size:13px;font-weight:800;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.blog-info-title{color:#0c1a30;font-size:19px;font-weight:850;-webkit-line-clamp:2;line-clamp:2;line-height:1.4;margin:0 0 16px}.blog-info-desc,.blog-info-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-info-desc{color:#64748b;flex:1;font-size:15px;-webkit-line-clamp:3;line-clamp:3;line-height:1.6;margin-bottom:24px}.blog-info-footer{align-items:center;border-top:1px solid #f1f5f9;color:#94a3b8;display:flex;font-size:13px;justify-content:space-between;padding-top:16px}.blog-author-box{align-items:center;display:flex;gap:6px}.blog-meta-sep{opacity:.5}@media(max-width:1500px){.blog-articles-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.blog-articles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.blog-articles-grid{grid-template-columns:1fr}}body{background-color:var(--cf-color-bg-light);color:var(--cf-color-text);font-family:Inter,system-ui,-apple-system,sans-serif;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cf-app-root{display:flex;flex-direction:column;min-height:100vh}.cf-main-content{flex:1}.cf-breadcrumb{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:13px;gap:0;padding:24px 0}.cf-breadcrumb-link{color:#475569;text-decoration:none;transition:all .2s ease}.cf-breadcrumb-link:hover{color:var(--cf-color-primary)}.cf-breadcrumb-sep{color:#cbd5e1;font-size:14px;margin:0 10px}.cf-breadcrumb-text{color:#94a3b8;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only[data-v-fb45ad11]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.site-header[data-v-fb45ad11]{background:var(--octa-navy-deep)!important;box-shadow:0 6px 20px #00000040;position:sticky;top:0;width:100%;z-index:1000}.utility-bar[data-v-fb45ad11]{background:#002d5a;border-bottom:1px solid hsla(0,0%,100%,.06);font-size:11px;height:36px;overflow:hidden;transition:transform .3s ease,opacity .3s ease}.site-header.scrolled .utility-bar[data-v-fb45ad11]{margin-bottom:-36px;opacity:0;pointer-events:none;transform:translateY(-100%)}.utility-inner[data-v-fb45ad11]{align-items:center;display:flex;height:100%;justify-content:space-between}.utility-left[data-v-fb45ad11],.utility-right[data-v-fb45ad11]{align-items:center;display:flex;gap:18px}.utility-link[data-v-fb45ad11]{color:#ffffffbf;font-weight:600;text-decoration:none;transition:color .2s}.utility-link[data-v-fb45ad11]:hover{color:#fff}.utility-item[data-v-fb45ad11]{color:#ffffff80;font-weight:600}.utility-sep[data-v-fb45ad11]{color:#ffffff26;font-size:10px}.dark-toggle[data-v-fb45ad11]{align-items:center;background:none;border:1px solid hsla(0,0%,100%,.15);border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.dark-toggle[data-v-fb45ad11]:hover{background:#ffffff14;border-color:#fff6;color:#fff}html.dark-mode{background:#0f1729!important}html.dark-mode{background:#0f1729;border-bottom-color:#2d3b4e}html.dark-mode{background:#0f1729}html.dark-mode{background:#1a2332;border-top-color:#2d3b4e}html.dark-mode{background:#1e2a3a;border-color:#2d3b4e}html.dark-mode{background:#1a2332;border-color:var(--octa-accent)}html.dark-mode{color:#94a3b8}html.dark-mode{color:#e2e8f0}html.dark-mode{border-color:#2d3b4e;color:#f59e0b}html.dark-mode{background:#f59e0b1a;border-color:#f59e0b}html.dark-mode{background:#1a2332;border-color:#2d3b4e}html.dark-mode{background:#253040}.main-header-center[data-v-fb45ad11]{background:var(--octa-navy-deep);height:88px}.header-center-inner[data-v-fb45ad11]{align-items:center;display:flex;gap:48px;height:100%;justify-content:space-between}.site-logo[data-v-fb45ad11]{display:block;text-decoration:none}.logo-text[data-v-fb45ad11]{color:#fff;font-size:32px;font-weight:900;letter-spacing:-1.2px}.logo-accent[data-v-fb45ad11]{color:var(--octa-accent-light)}.header-search-wrap[data-v-fb45ad11]{flex:1;max-width:960px;position:relative}.search-hero-form[data-v-fb45ad11]{position:relative;width:100%}.input-group[data-v-fb45ad11]{align-items:center;background:#ffffff14;border:2px solid hsla(0,0%,100%,.12);border-radius:50px;display:flex;height:48px;overflow:visible;padding:0 4px 0 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-group[data-v-fb45ad11]:focus-within{background:#ffffff1f;border-color:var(--octa-accent-light);box-shadow:0 0 0 4px #4db8e81a}.input-group.has-suggestions[data-v-fb45ad11]{border-radius:24px 24px 0 0}.search-icon[data-v-fb45ad11]{align-items:center;color:#fff6;display:flex}.search-main-input[data-v-fb45ad11]{background:transparent;border:none;color:#fff;flex:1;font-size:15px;font-weight:500;height:100%;outline:none;padding:0 16px}.search-main-input[data-v-fb45ad11]::-moz-placeholder{color:#ffffff59;font-weight:400}.search-main-input[data-v-fb45ad11]::placeholder{color:#ffffff59;font-weight:400}.search-spinner[data-v-fb45ad11]{animation:spin-fb45ad11 .6s linear infinite;border:2px solid hsla(0,0%,100%,.2);border-radius:50%;border-top:2px solid var(--octa-accent-light);flex-shrink:0;height:18px;margin-right:8px;width:18px}@keyframes spin-fb45ad11{to{transform:rotate(1turn)}}.search-submit-btn[data-v-fb45ad11]{background:var(--octa-accent);border:none;border-radius:50px;box-shadow:0 4px 12px #004b8733,inset 0 1px #ffffff1a;color:#fff;cursor:pointer;font-size:13px;font-weight:800;height:40px;letter-spacing:.08em;padding:0 28px;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-submit-btn[data-v-fb45ad11]:hover{background:#009dd6;transform:translateY(-1px)}.suggest-dropdown[data-v-fb45ad11]{background:#fff;border:2px solid var(--octa-accent-light);border-radius:0 0 16px 16px;border-top:1px solid var(--octa-border);box-shadow:0 12px 32px #00000026;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.suggest-item[data-v-fb45ad11]{align-items:center;cursor:pointer;display:flex;gap:12px;padding:10px 20px;transition:background .15s}.suggest-item.active[data-v-fb45ad11],.suggest-item[data-v-fb45ad11]:hover{background:var(--octa-bg-page)}.suggest-item[data-v-fb45ad11]:last-child{border-radius:0 0 14px 14px}.suggest-icon[data-v-fb45ad11]{color:var(--octa-text-secondary);display:flex;flex-shrink:0}.suggest-text[data-v-fb45ad11]{flex:1;min-width:0}.suggest-label[data-v-fb45ad11]{color:var(--octa-text-primary);display:block;font-size:14px;font-weight:600}.suggest-sublabel[data-v-fb45ad11]{color:var(--octa-text-secondary);font-size:12px}.suggest-type[data-v-fb45ad11]{background:#007eb314;border-radius:4px;color:var(--octa-accent);flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.suggest-type[data-v-fb45ad11]:empty{display:none}.suggest-header[data-v-fb45ad11]{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:10px 20px 6px}.suggest-header-label[data-v-fb45ad11]{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.suggest-header-clear[data-v-fb45ad11]{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:11px;font-weight:600;padding:2px 6px;transition:all .15s}.suggest-header-clear[data-v-fb45ad11]:hover{background:#fef2f2;color:#ef4444}.suggest-remove[data-v-fb45ad11]{background:none;border:none;border-radius:4px;color:#cbd5e1;cursor:pointer;display:flex;flex-shrink:0;padding:4px;transition:all .15s}.suggest-remove[data-v-fb45ad11]:hover{background:#fef2f2;color:#ef4444}.header-actions[data-v-fb45ad11]{flex-shrink:0}.pill-rfq-btn[data-v-fb45ad11]{align-items:center;background:#f60;border-radius:50px;box-shadow:0 4px 15px #ff660040,inset 0 1px #ffffff26;color:#fff;display:inline-flex;font-size:13px;font-weight:800;height:46px;justify-content:center;padding:0 28px;text-decoration:none;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.pill-rfq-btn[data-v-fb45ad11]:hover{background:#ff8533;transform:translateY(-2px) scale(1.02)}.mobile-search-btn[data-v-fb45ad11]{align-items:center;background:none;border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#ffffffb3;cursor:pointer;display:none;height:42px;justify-content:center;transition:all .2s;width:42px}.mobile-search-btn[data-v-fb45ad11]:hover{background:#ffffff14;border-color:#ffffff80;color:#fff}.category-nav-bar[data-v-fb45ad11]{background:var(--octa-navy-deep);border-top:1px solid hsla(0,0%,100%,.04);height:48px}.category-nav-inner[data-v-fb45ad11]{height:100%}.category-nav-inner[data-v-fb45ad11],.nav-links[data-v-fb45ad11]{align-items:center;display:flex;justify-content:center}.nav-links[data-v-fb45ad11]{gap:48px;width:100%}.nav-link[data-v-fb45ad11]{align-items:center;color:#ffffffa6;display:flex;font-size:15px;font-weight:700;height:100%;padding:0 4px;position:relative;text-decoration:none;transition:all .2s}.nav-link.active[data-v-fb45ad11],.nav-link[data-v-fb45ad11]:hover{color:#fff}.nav-link[data-v-fb45ad11]:after{background:var(--octa-accent-light);bottom:0;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link.active[data-v-fb45ad11]:after{width:100%}.mobile-search-overlay[data-v-fb45ad11]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;position:fixed;z-index:9999}.mobile-search-panel[data-v-fb45ad11]{background:var(--octa-navy-deep);border-bottom:2px solid var(--octa-accent)}.mobile-search-top[data-v-fb45ad11]{align-items:center;display:flex;gap:12px;padding:12px 16px}.mobile-search-form[data-v-fb45ad11]{align-items:center;display:flex;flex:1;gap:10px}.mobile-search-ico[data-v-fb45ad11]{color:#fff6;flex-shrink:0}.mobile-search-input[data-v-fb45ad11]{background:transparent;border:none;color:#fff;flex:1;font-size:17px;font-weight:500;outline:none;padding:8px 0}.mobile-search-input[data-v-fb45ad11]::-moz-placeholder{color:#ffffff59}.mobile-search-input[data-v-fb45ad11]::placeholder{color:#ffffff59}.mobile-search-close[data-v-fb45ad11]{background:none;border:none;color:#fff9;cursor:pointer;display:flex;padding:4px}.mobile-search-close[data-v-fb45ad11]:hover{color:#fff}.mobile-suggest-list[data-v-fb45ad11]{border-top:1px solid hsla(0,0%,100%,.1)}.mobile-suggest-item[data-v-fb45ad11]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.05);cursor:pointer;display:flex;justify-content:space-between;padding:14px 20px;transition:background .15s}.mobile-suggest-item[data-v-fb45ad11]:hover{background:#ffffff0d}.mobile-suggest-item .suggest-label[data-v-fb45ad11]{color:#fff;font-size:15px;font-weight:600}.mobile-suggest-item .suggest-sublabel[data-v-fb45ad11]{color:#fff6;font-size:13px}.mobile-search-enter-active[data-v-fb45ad11],.mobile-search-leave-active[data-v-fb45ad11]{transition:opacity .2s ease}.mobile-search-enter-from[data-v-fb45ad11],.mobile-search-leave-to[data-v-fb45ad11]{opacity:0}.hamburger-btn[data-v-fb45ad11]{background:none;border:1px solid hsla(0,0%,100%,.15);border-radius:10px;cursor:pointer;display:none;flex-direction:column;gap:5px;height:42px;justify-content:center;padding:10px;transition:all .2s;width:42px}.hamburger-btn[data-v-fb45ad11]:hover{background:#ffffff0d;border-color:#fff6}.hamburger-line[data-v-fb45ad11]{background:#fffc;border-radius:2px;display:block;height:2px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.hamburger-btn.is-open .hamburger-line[data-v-fb45ad11]:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.is-open .hamburger-line[data-v-fb45ad11]:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.is-open .hamburger-line[data-v-fb45ad11]:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-drawer-overlay[data-v-fb45ad11]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;inset:0;position:fixed;z-index:9998}.mobile-drawer[data-v-fb45ad11]{background:var(--octa-navy-deep);box-shadow:-8px 0 40px #0006;display:flex;flex-direction:column;height:100vh;max-width:85vw;overflow-y:auto;position:fixed;right:0;top:0;width:320px}.drawer-header[data-v-fb45ad11]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;justify-content:space-between;padding:20px 24px}.drawer-logo[data-v-fb45ad11]{text-decoration:none}.drawer-logo .logo-text[data-v-fb45ad11]{color:#fff;font-size:24px;font-weight:900;letter-spacing:-.8px}.drawer-logo .logo-accent[data-v-fb45ad11]{color:var(--octa-accent-light)}.drawer-close[data-v-fb45ad11]{background:none;border:none;color:#ffffff80;cursor:pointer;display:flex;padding:4px;transition:color .2s}.drawer-close[data-v-fb45ad11]:hover{color:#fff}.drawer-cta[data-v-fb45ad11]{padding:16px 24px}.drawer-rfq-btn[data-v-fb45ad11]{align-items:center;background:#f60;border-radius:10px;box-shadow:0 4px 15px #ff66004d;color:#fff;display:flex;font-size:14px;font-weight:800;gap:10px;height:48px;justify-content:center;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:all .2s;width:100%}.drawer-rfq-btn[data-v-fb45ad11]:hover{background:#ff8533;transform:translateY(-1px)}.drawer-nav[data-v-fb45ad11]{padding:8px 0}.drawer-nav-link[data-v-fb45ad11]{align-items:center;color:#ffffffbf;display:flex;font-size:16px;font-weight:700;justify-content:space-between;padding:14px 24px;text-decoration:none;transition:all .2s}.drawer-nav-link.active[data-v-fb45ad11],.drawer-nav-link[data-v-fb45ad11]:hover{background:#ffffff0d;color:#fff}.drawer-nav-link.active[data-v-fb45ad11]{border-left:3px solid var(--octa-accent-light)}.drawer-arrow[data-v-fb45ad11]{color:#fff3;transition:all .2s}.drawer-nav-link:hover .drawer-arrow[data-v-fb45ad11]{color:#ffffff80;transform:translate(3px)}.drawer-divider[data-v-fb45ad11]{background:#ffffff14;height:1px;margin:4px 24px}.drawer-utility[data-v-fb45ad11]{padding:8px 0}.drawer-util-link[data-v-fb45ad11]{color:#ffffff73;display:block;font-size:13px;font-weight:600;padding:10px 24px;text-decoration:none;transition:color .2s}.drawer-util-link[data-v-fb45ad11]:hover{color:#fffc}.drawer-footer[data-v-fb45ad11]{border-top:1px solid hsla(0,0%,100%,.08);margin-top:auto;padding:20px 24px}.drawer-email[data-v-fb45ad11]{align-items:center;color:var(--octa-accent-light);display:flex;font-size:13px;font-weight:600;gap:10px;margin-bottom:12px;text-decoration:none;transition:color .2s}.drawer-email[data-v-fb45ad11]:hover{color:#fff}.drawer-meta[data-v-fb45ad11]{align-items:center;color:#ffffff59;display:flex;font-size:12px;font-weight:600;gap:8px}.drawer-dot[data-v-fb45ad11]{opacity:.5}.dark-toggle-drawer[data-v-fb45ad11]{align-items:center;background:none;border:1px solid hsla(0,0%,100%,.15);border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.dark-toggle-drawer[data-v-fb45ad11]:hover{border-color:#fff6;color:#fff}.drawer-enter-active[data-v-fb45ad11]{transition:opacity .3s ease}.drawer-enter-active .mobile-drawer[data-v-fb45ad11]{transition:transform .3s cubic-bezier(.16,1,.3,1)}.drawer-leave-active[data-v-fb45ad11]{transition:opacity .25s ease}.drawer-leave-active .mobile-drawer[data-v-fb45ad11]{transition:transform .25s ease-in}.drawer-enter-from[data-v-fb45ad11]{opacity:0}.drawer-enter-from .mobile-drawer[data-v-fb45ad11]{transform:translate(100%)}.drawer-leave-to[data-v-fb45ad11]{opacity:0}.drawer-leave-to .mobile-drawer[data-v-fb45ad11]{transform:translate(100%)}@media(max-width:1024px){.header-search-wrap[data-v-fb45ad11]{display:none}.hamburger-btn[data-v-fb45ad11],.mobile-search-btn[data-v-fb45ad11]{display:flex}.category-nav-bar[data-v-fb45ad11],.header-actions[data-v-fb45ad11],.utility-bar[data-v-fb45ad11]{display:none}.main-header-center[data-v-fb45ad11]{height:64px}.header-center-inner[data-v-fb45ad11]{gap:12px}.logo-text[data-v-fb45ad11]{font-size:26px}.site-header.scrolled .utility-bar[data-v-fb45ad11]{margin-bottom:0;opacity:1;transform:none}}@media(max-width:480px){.main-header-center[data-v-fb45ad11]{height:56px}.logo-text[data-v-fb45ad11]{font-size:22px}.mobile-drawer[data-v-fb45ad11]{max-width:100vw;width:100%}}.mobile-search-loading[data-v-fb45ad11]{align-items:center;color:#ffffff80;display:flex;font-size:14px;font-weight:600;gap:10px;padding:20px}.mobile-search-spinner[data-v-fb45ad11]{animation:spin-fb45ad11 .6s linear infinite;border:2px solid hsla(0,0%,100%,.15);border-radius:50%;border-top:2px solid var(--octa-accent-light);height:18px;width:18px}.footer[data-v-af3147c0]{background:var(--octa-primary-dark);color:#fff;overflow:hidden;padding-top:0;position:relative}.footer-bg-overlay[data-v-af3147c0]{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.footer-bg-img[data-v-af3147c0]{background-image:url(../images/footer-electronics.jpg);background-position:50%;background-size:cover;filter:grayscale(1) brightness(.5);height:100%;opacity:.12;width:100%}.footer-gradient[data-v-af3147c0]{background:radial-gradient(circle at 50% 0,rgba(0,75,135,.4) 0,var(--octa-primary-dark) 100%);inset:0;position:absolute}.footer-inner[data-v-af3147c0]{padding-top:80px;position:relative;z-index:5}.footer-main[data-v-af3147c0]{display:grid;gap:80px;grid-template-columns:minmax(300px,1fr) minmax(0,1.5fr);padding-bottom:60px}.site-logo[data-v-af3147c0]{margin-bottom:24px}.logo-text[data-v-af3147c0]{color:#fff;font-size:28px;font-weight:900;letter-spacing:-.5px}.logo-accent[data-v-af3147c0]{color:var(--octa-accent)}.footer-desc[data-v-af3147c0]{color:#fff9;font-size:15px;line-height:1.6;margin:0 0 32px;max-width:400px}.footer-contact[data-v-af3147c0]{display:flex;flex-direction:column;gap:12px}.footer-contact p[data-v-af3147c0]{align-items:flex-start;color:#fffc;display:flex;font-size:14px;gap:12px;margin:0}.footer-contact p span[data-v-af3147c0]{color:var(--octa-accent);font-weight:900}.footer-cols[data-v-af3147c0]{display:grid;gap:60px;grid-template-columns:repeat(3,minmax(0,1fr))}.footer-col h4[data-v-af3147c0]{color:#fff;font-size:16px;font-weight:900;letter-spacing:.05em;margin:0 0 24px;text-transform:uppercase}.footer-col a[data-v-af3147c0]{color:#ffffffb3;display:block;font-size:14px;font-weight:500;margin:0 0 14px;text-decoration:none;transition:all .2s}.footer-col a[data-v-af3147c0]:hover{color:#fff}.footer-bottom[data-v-af3147c0]{border-top:1px solid hsla(0,0%,100%,.1)}.bottom-inner[data-v-af3147c0]{align-items:center;color:#ffffff4d;display:flex;font-size:13px;gap:16px;justify-content:space-between;min-height:80px;padding:20px 0}.bottom-left[data-v-af3147c0]{gap:12px 24px}.bottom-left[data-v-af3147c0],.footer-policy-links[data-v-af3147c0]{align-items:center;display:flex;flex-wrap:wrap}.footer-policy-links[data-v-af3147c0]{gap:4px 8px;opacity:.6}.footer-policy-links a[data-v-af3147c0]{color:#fff9;font-size:13px;text-decoration:none;transition:color .2s;white-space:nowrap}.footer-policy-links a[data-v-af3147c0]:hover{color:#fff}.footer-policy-links a+a[data-v-af3147c0]:before{color:#ffffff4d;content:"·";margin-right:8px;pointer-events:none}@media(max-width:1024px){.footer-main[data-v-af3147c0]{gap:48px;grid-template-columns:1fr}}@media(max-width:900px){.footer-cols[data-v-af3147c0]{gap:32px 40px;grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.bottom-inner[data-v-af3147c0],.bottom-left[data-v-af3147c0]{align-items:flex-start;flex-direction:column}.bottom-left[data-v-af3147c0]{gap:8px}.footer-policy-links[data-v-af3147c0]{gap:4px 6px}.octa-footer-cta h3[data-v-af3147c0]{font-size:24px}.octa-footer-cta p[data-v-af3147c0]{font-size:15px}}@media(max-width:640px){.octa-footer-cta h3[data-v-af3147c0]{font-size:20px}.octa-footer-cta p[data-v-af3147c0]{font-size:14px}}.error-page[data-v-60c4db58]{background:var(--octa-bg-page,#f8fafc);display:flex;flex-direction:column;font-family:var(--font-sans);min-height:100vh}.error-main[data-v-60c4db58]{align-items:center;display:flex;flex:1;justify-content:center;overflow:hidden;padding:80px 0;position:relative;text-align:center}.bg-texture[data-v-60c4db58]{inset:0;position:absolute;z-index:1}.bg-pattern[data-v-60c4db58]{background-image:linear-gradient(var(--octa-primary) 1px,transparent 1px),linear-gradient(90deg,var(--octa-primary) 1px,transparent 1px);background-size:60px 60px;height:100%;opacity:.04;width:100%}.bg-gradient[data-v-60c4db58]{background:radial-gradient(circle at center,hsla(0,0%,100%,0) 0,var(--octa-bg-page,#f8fafc) 80%);inset:0;position:absolute}.content[data-v-60c4db58]{max-width:680px;position:relative;z-index:10}.error-visual[data-v-60c4db58]{align-items:center;display:inline-flex;justify-content:center;margin-bottom:32px;position:relative}.code-404[data-v-60c4db58]{background:linear-gradient(135deg,var(--octa-primary) 0,var(--octa-accent) 100%);-webkit-background-clip:text;background-clip:text;font-size:160px;font-weight:900;letter-spacing:-8px;line-height:1;-webkit-text-fill-color:transparent;opacity:.15}.signal-icon[data-v-60c4db58]{align-items:center;color:var(--octa-primary);display:flex;height:120px;justify-content:center;opacity:.8;position:absolute;width:120px}.title[data-v-60c4db58]{color:var(--octa-text-primary,#1e293b);font-size:42px;font-weight:900;letter-spacing:-1px;margin:0 0 16px}.message[data-v-60c4db58]{color:var(--octa-text-secondary,#64748b);font-size:18px;line-height:1.6;margin:0 0 48px}.actions[data-v-60c4db58]{gap:16px;margin-bottom:64px}.actions[data-v-60c4db58],.err-btn[data-v-60c4db58]{display:flex;justify-content:center}.err-btn[data-v-60c4db58]{align-items:center;border-radius:var(--octa-radius-pill);cursor:pointer;font-size:15px;font-weight:800;height:52px;letter-spacing:.05em;padding:0 32px;text-decoration:none;text-transform:uppercase;transition:all .3s}.err-btn.is-navy[data-v-60c4db58]{background:var(--octa-primary);border:none;color:#fff}.err-btn.is-outline[data-v-60c4db58]{background:transparent;border:2px solid rgba(0,75,135,.1);color:var(--octa-primary)}.err-btn[data-v-60c4db58]:hover{box-shadow:0 10px 25px #004b8726;transform:translateY(-2px)}.error-footer-text[data-v-60c4db58]{color:var(--octa-text-secondary,#94a3b8);font-size:14px}.error-footer-text a[data-v-60c4db58]{color:var(--octa-primary);font-weight:700;text-decoration:none}.error-footer-text a[data-v-60c4db58]:hover{text-decoration:underline}@media(max-width:640px){.code-404[data-v-60c4db58]{font-size:100px}.title[data-v-60c4db58]{font-size:32px}.actions[data-v-60c4db58]{flex-direction:column;width:100%}}