:root{--navy:#12345a;--blue:#2563a6;--ink:#172b3a;--line:#dce3ea;--soft:#f5f7fa}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.035em;line-height:1.15;font-weight:700}h1{font-size:clamp(2.25rem,4vw,3.8rem)}h2{font-size:clamp(1.8rem,2.6vw,2.5rem)}.btn{border-radius:5px;padding:.75rem 1.2rem;font-weight:600}.btn-primary{--bs-btn-bg:var(--navy);--bs-btn-border-color:var(--navy);--bs-btn-hover-bg:var(--blue)}.btn-warning{background:#f5ac27;border-color:#f5ac27;color:#172b3a}.utility{font-size:.65rem;letter-spacing:.1em;background:var(--navy);color:#fff;padding:.6rem 0}.utility a{color:white}.brand{font-weight:750;letter-spacing:-.04em;white-space:normal;display:flex;gap:10px;align-items:center;font-size:1.2rem;max-width:65%}.brand-mark{background:var(--navy);color:white;padding:6px 11px;border-radius:5px;font-size:1.4rem}.nav-link{font-size:.9rem}.hero{background:radial-gradient(ellipse at 95% 5%,#2b5375,transparent 55%),#102d4b;color:white;padding:75px 0 100px}.hero h1{max-width:790px}.hero .lead{color:#cbd8e6;max-width:620px;font-size:1.15rem}.eyebrow{font-size:.69rem;font-weight:750;letter-spacing:.15em;color:var(--blue);margin-bottom:1rem}.technical-panel{border:1px solid #ffffff33;background:#ffffff08;padding:26px;border-radius:10px}.technical-panel .eyebrow{color:#b1c5da;font-size:.6rem}.circuit-symbol{height:140px;display:grid;place-items:center;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:22px 22px;margin:16px 0}.circuit-symbol i{font-size:90px;color:#90b4d5}.technical-row{display:flex;gap:16px;border-top:1px solid #ffffff22;padding:15px 0;align-items:center}.technical-row>span{color:#efb144;font-size:.7rem}.technical-row>div{flex:1}.technical-row strong{font-size:.85rem}.technical-row small{display:block;color:#b4c7d9;font-size:.72rem}.search-band{position:relative;margin-top:-38px;background:white;box-shadow:0 10px 30px #12345a12;border:1px solid var(--line);padding:26px;border-radius:8px}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-heading>a{white-space:nowrap;font-size:.85rem}.category-card{display:block;border:1px solid var(--line);padding:26px;border-radius:8px;height:100%;transition:box-shadow .2s}.category-card:hover{box-shadow:0 8px 20px #12345a12;text-decoration:none}.category-card>i{font-size:2rem;display:block;margin-bottom:25px;color:var(--blue)}.category-card>span{font-size:.75rem;color:#5f7080}.bg-soft,.page-banner{background:var(--soft)}.page-banner{padding:45px 0;border-bottom:1px solid var(--line)}.page-banner h1{font-size:2.7rem}.product-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:white}.product-picture{height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f0f3f6;color:#667e93;gap:8px}.product-picture>i{font-size:65px}.product-picture>span{font-size:.7rem}.product-picture img{width:100%;height:100%;object-fit:contain;padding:15px}.detail-picture{height:400px}.product-card .eyebrow{font-size:.6rem}.filter-panel,.form-panel{border:1px solid var(--line);padding:25px;border-radius:8px;background:#fff}.form-control,.form-select{border-color:#cbd5df;min-height:46px}.empty{padding:30px;border:1px dashed #bac9d5;background:var(--soft);border-radius:8px;color:#526778}.brand-list{border-block:1px solid var(--line);padding:25px;display:flex;flex-wrap:wrap;gap:35px;font-weight:bold}.institutional{background:var(--navy);color:white;padding:38px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:30px}.institutional h2{font-size:1.9rem}.institutional p{color:#cbd8e6}.institutional .btn{flex-shrink:0}.site-footer{background:#0c2136;color:white;padding:55px 0 20px}.site-footer a{display:block;color:#b8c7d6;font-size:.8rem;margin:9px 0}.site-footer p{font-size:.85rem}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff22;padding-top:20px;margin-top:35px;font-size:.7rem;color:#b8c7d6}.preserve{white-space:pre-line;overflow-wrap:anywhere}.prose{max-width:900px;font-size:1.05rem;line-height:1.9}.skip{position:absolute;background:white;padding:10px;z-index:9999}:focus-visible{outline:3px solid #dc8d06!important;outline-offset:3px}.admin-shell{display:flex;min-height:100vh;background:var(--soft)}.admin-sidebar{width:245px;background:#102d4b;color:white;flex-shrink:0;padding:25px 18px}.admin-sidebar a{display:block;color:#c8d6e5;padding:8px 12px;border-radius:5px;font-size:.85rem}.admin-sidebar a:hover,.admin-sidebar a.active{background:#ffffff15;color:white;text-decoration:none}.admin-sidebar .brand{color:white;margin-bottom:30px;max-width:100%}.admin-main{flex:1;min-width:0;padding:35px}.admin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:15px}.metric{background:white;padding:24px;border:1px solid var(--line);border-radius:8px}.metric strong{display:block;font-size:2rem}.table{font-size:.9rem}.table td{vertical-align:middle;max-width:350px;overflow-wrap:anywhere}.form-panel textarea{min-height:120px}.auth-shell{min-height:100vh;display:grid;place-items:center;background:#102d4b;padding:20px}.auth-card{width:100%;max-width:450px;background:white;padding:40px;border-radius:12px}.admin-main h1{font-size:2rem}.admin-main h2{font-size:1.4rem}@media(max-width:991px){.hero{padding:45px 0 80px}.technical-panel{max-width:550px}.section{padding-block:40px}.admin-shell{display:block}.admin-sidebar{width:auto;padding:15px}.admin-sidebar nav{display:flex;gap:5px;overflow:auto}.admin-sidebar nav a{white-space:nowrap}.admin-sidebar .brand{margin-bottom:10px}.admin-main{padding:20px}.institutional{display:block}.institutional .btn{margin-top:12px}}@media(max-width:575px){.utility a{display:none}.brand{font-size:1rem}.hero h1{font-size:2.4rem}.technical-panel{padding:18px}.search-band{width:calc(100% - 24px);padding:20px}.section-heading{display:block}.section-heading>a{display:inline-block;margin-top:10px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:10px}.form-panel{padding:18px}.detail-picture{height:280px}.institutional{padding:25px}.admin-top{flex-wrap:wrap}.auth-card{padding:25px}.page-banner h1{font-size:2rem}}
.row.g-5{--bs-gutter-x:1.5rem}