*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f8fc;color:#10213a;font-family:Inter,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:#07172b;color:#fff;border-bottom:3px solid #ed3344;position:sticky;top:0;z-index:10}.brand{display:flex;gap:12px;align-items:center}.brand-mark{font-size:36px;color:#12c8ed;transform:rotate(90deg)}.brand strong{display:block;font-size:19px;letter-spacing:.5px}.brand em,.footer-brand em{font-style:normal;color:#ed3344}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#91b8d8;margin-top:4px}.topbar nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:600}.topbar nav a:hover{color:#28c9ee}.btn{border:0;border-radius:9px;padding:12px 18px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.2s}.btn-primary{background:#0879c9;color:white;box-shadow:0 7px 18px #0879c933}.btn-primary:hover{background:#0566ac;transform:translateY(-1px)}.btn-outline{border:1px solid #54708e;background:transparent;color:inherit}.topbar .btn-outline{color:white}.btn-small{padding:8px 12px;font-size:12px}.btn-block{width:100%}.icon-btn{background:transparent;border:0;color:inherit;font-size:19px;cursor:pointer;padding:8px}.hero{background:linear-gradient(115deg,#081a32 0%,#102c4d 65%,#0b4c78 100%);color:#fff;padding:70px max(8vw,28px);min-height:390px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero-copy{max-width:620px;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:800;color:#08bfe7}.hero h1{font-size:clamp(36px,5vw,60px);line-height:1.08;letter-spacing:-2px;margin:18px 0}.hero h1 span{color:#27c8ed}.hero p{color:#c2d3e4;max-width:520px;line-height:1.8;font-size:15px;margin:0 0 27px}.hero-art{width:330px;height:260px;position:relative;margin-right:6%;display:grid;place-items:center}.chip{width:160px;height:160px;border-radius:23px;background:linear-gradient(145deg,#182f4c,#07111e);border:2px solid #19c9eb;box-shadow:0 0 45px #0bc4ec44,inset 0 0 25px #000;display:grid;place-items:center;position:relative;color:#21c8e9;font-size:48px;font-weight:800;transform:rotate(-8deg)}.chip i{position:absolute;background:#9bb9cc;width:13px;height:5px}.chip i:nth-child(2){top:-6px;left:30px;box-shadow:30px 0 #9bb9cc,60px 0 #9bb9cc,90px 0 #9bb9cc}.chip i:nth-child(3){bottom:-6px;left:30px;box-shadow:30px 0 #9bb9cc,60px 0 #9bb9cc,90px 0 #9bb9cc}.chip i:nth-child(4){left:-9px;top:35px;transform:rotate(90deg);box-shadow:30px 0 #9bb9cc,60px 0 #9bb9cc}.chip i:nth-child(5){right:-9px;top:35px;transform:rotate(90deg);box-shadow:30px 0 #9bb9cc,60px 0 #9bb9cc}.chip b{position:absolute;bottom:18px;font-size:10px;letter-spacing:4px}.circuit{position:absolute;width:290px;height:190px;border:1px solid #18c4e5;opacity:.35;transform:rotate(25deg);border-radius:45%}.c2{transform:rotate(-25deg);width:340px;height:150px}.hero-chip-label{position:absolute;bottom:0;right:-35px;font-size:9px;line-height:1.8;letter-spacing:2px;color:#83b8d2}.trust-strip{background:white;display:flex;justify-content:center;gap:7vw;padding:19px 20px;box-shadow:0 5px 20px #0c28420a}.trust-strip div{display:flex;gap:9px;align-items:center;font-size:12px;color:#52647a}.trust-strip b{color:#0799be;font-size:16px}.section{padding:70px max(7vw,24px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.section h2{font-size:32px;margin:9px 0;color:#0d2039;letter-spacing:-1px}.section-heading p{margin:0;color:#75849a;font-size:13px}.catalog-tools{display:flex;gap:10px;min-width:min(470px,50%)}input,textarea,select{border:1px solid #d6e0eb;border-radius:8px;padding:11px 12px;background:white;color:#14243a;outline:none;width:100%;min-width:0}input:focus,textarea:focus,select:focus{border-color:#0a9fc9;box-shadow:0 0 0 3px #0a9fc91a}.catalog-tools input{flex:1}.catalog-tools select{max-width:175px}.notice{padding:17px;border:1px dashed #c5d4e2;border-radius:10px;color:#75849a;font-size:13px;background:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{background:white;border:1px solid #e1e9f1;border-radius:13px;overflow:hidden;box-shadow:0 5px 18px #142c4608;display:flex;flex-direction:column}.product-image{height:185px;background:#edf3f8;display:grid;place-items:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.image-placeholder{font-size:44px;color:#91a9bd}.product-info{padding:15px;display:flex;flex-direction:column;flex:1}.product-category{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#078bb7;font-weight:800}.product-info h3{font-size:15px;margin:7px 0 5px;line-height:1.4}.sku{font-size:10px;color:#8795a7}.description{font-size:11px;color:#66768b;line-height:1.6;margin:10px 0;flex:1}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.price{font-weight:800;font-size:17px;color:#0c2542}.stock{font-size:10px;color:#26845b;margin-top:7px}.stock.out{color:#bd4650}.add-btn{padding:9px 11px;font-size:11px}.how{background:#eaf1f8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:27px}.steps article{background:white;padding:25px;border-radius:12px;border:1px solid #dce7f1}.steps article>b{color:#0aa6cc;font-size:13px;letter-spacing:2px}.steps h3{margin:14px 0 8px;font-size:17px}.steps p,.small-note{font-size:11px;color:#6e7e91;line-height:1.7}.small-note{margin-top:15px}footer{text-align:center;padding:38px 20px;background:#07172b;color:#a9bbcf}footer p{font-size:12px}footer small{font-size:10px;color:#71859c}.footer-brand{font-size:19px;font-weight:800;color:white}.overlay,.modal-backdrop{position:fixed;inset:0;background:#07172bcc;z-index:30;opacity:0;pointer-events:none;transition:.2s}.overlay.show,.modal-backdrop.show{opacity:1;pointer-events:auto}.drawer{position:fixed;right:0;top:0;height:100%;width:min(440px,100%);background:white;z-index:31;padding:25px;transform:translateX(105%);transition:.25s;display:flex;flex-direction:column;box-shadow:-10px 0 40px #00152a22}.drawer.open{transform:translateX(0)}.drawer-head,.modal-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e4ebf2;padding-bottom:15px}.drawer h2,.modal h2{margin:6px 0;font-size:24px}.cart-lines{flex:1;overflow:auto;padding:15px 0}.cart-line{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px 0;border-bottom:1px solid #edf1f5}.cart-line strong{font-size:13px}.cart-line small{display:block;color:#7d8a9b;margin-top:4px}.qty-controls{display:flex;align-items:center;gap:8px;margin-top:9px}.qty-controls button{width:25px;height:25px;border:1px solid #d6e0e9;background:#fff;border-radius:6px;cursor:pointer}.remove-line{border:0;background:none;color:#c44;font-size:11px;cursor:pointer}.cart-total{display:flex;justify-content:space-between;border-top:1px solid #dce5ed;padding:17px 0;font-size:14px}.cart-total strong{font-size:20px}.modal-backdrop{z-index:40;display:grid;place-items:center;padding:18px;overflow:auto}.modal{background:#fff;border-radius:16px;padding:25px;width:min(650px,100%);max-height:92vh;overflow:auto;box-shadow:0 20px 70px #00152a55}.admin-modal{width:min(760px,100%)}.checkout-modal{width:min(620px,100%)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.form-grid label,.stack label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#40536a}.form-grid .full{grid-column:1/-1}.form-grid textarea,.stack textarea{resize:vertical}.checkout-summary{background:#f1f6fa;padding:15px;border-radius:9px;display:grid;grid-template-columns:1fr auto;gap:7px;margin:15px 0}.checkout-summary small{grid-column:1/-1;color:#75849a}.stack{display:flex;flex-direction:column;gap:14px;margin-top:20px}.muted{color:#75849a;font-size:12px;line-height:1.7}.form-message{font-size:12px;color:#b24b42}.admin-toolbar,.admin-section-title,.form-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-tabs{display:flex;gap:8px;border-bottom:1px solid #e2eaf1;margin:18px 0}.tab{padding:10px 13px;border:0;background:none;color:#66768b;cursor:pointer;border-bottom:2px solid transparent;font-weight:700;font-size:12px}.tab.active{color:#0879c9;border-color:#0879c9}.admin-section-title h3,.modal h3{font-size:16px}.admin-product-list{margin-top:12px}.admin-product-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f5}.admin-product-row img{width:48px;height:48px;object-fit:contain;background:#edf3f8;border-radius:7px}.admin-product-row strong{font-size:12px}.admin-product-row small{display:block;color:#7a899b;font-size:10px;margin-top:4px}.admin-product-row button{margin-left:5px}.admin-form{border:1px solid #dce6ef;background:#f8fbfd;border-radius:10px;padding:16px;margin-top:18px}.admin-form h3{margin:0}.check-label{flex-direction:row!important;align-items:center}.check-label input{width:auto}.form-actions{justify-content:flex-end;margin-top:15px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);background:#10243d;color:white;padding:12px 18px;border-radius:9px;font-size:12px;opacity:0;pointer-events:none;z-index:80;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art{margin-right:0;transform:scale(.85)}}
@media(max-width:650px){.topbar{height:68px;padding:0 15px}.brand strong{font-size:15px}.brand small{font-size:7px}.brand-mark{font-size:28px}.topbar nav{gap:12px;font-size:11px}.topbar nav>a{display:none}.topbar .btn{padding:9px 11px}.hero{padding:52px 24px;min-height:340px}.hero-art{display:none}.hero h1{font-size:42px}.trust-strip{gap:12px;flex-wrap:wrap;justify-content:flex-start;padding:16px 22px}.trust-strip div{font-size:10px}.section{padding:48px 18px}.section-heading{display:block}.catalog-tools{min-width:0;margin-top:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-image{height:135px}.product-info{padding:11px}.product-info h3{font-size:13px}.price{font-size:15px}.add-btn{padding:8px;font-size:10px}.steps{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal{padding:19px}.section h2{font-size:28px}}
@media(max-width:380px){.product-grid{grid-template-columns:1fr}.catalog-tools{flex-direction:column}.catalog-tools select{max-width:none}}

/* Cloudflare D1 admin order list */
.admin-order-card{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:14px;border:1px solid var(--line,#dbe4ef);border-radius:12px;margin:10px 0;background:#fff}
.admin-order-card>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.admin-order-card small{color:#64748b;overflow-wrap:anywhere}
.admin-order-card select{max-width:180px;padding:7px;border:1px solid #cbd5e1;border-radius:7px}
@media(max-width:600px){.admin-order-card{flex-direction:column}.admin-order-card>div:last-child{width:100%}}


/* FIX AVRECEIVER full business-site branding update */
:root{--navy:#061426;--navy2:#0b2340;--electric:#12bce8;--red:#ed2638;--silver:#dbe7f1}
body{background:#f3f7fb;color:#10243b}
.topbar{background:var(--navy);border-bottom:3px solid var(--red)}
.topbar nav{gap:16px}
.topbar nav a{white-space:nowrap}
.brand-mark{color:var(--electric)}
.hero{background:radial-gradient(ellipse at 78% 45%,#124a70 0%,#0a2948 42%,#061426 100%);padding-top:58px;padding-bottom:58px;min-height:430px}
.hero h1 span{color:var(--electric)}
.hero-banner-wrap{width:min(48%,680px);height:auto;margin:0;display:block;position:relative}
.hero-banner{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #1b9fce;border-radius:14px;box-shadow:0 18px 50px #0008}
.hero-copy{max-width:520px}
.about-section,.gallery-section,.reviews-section{background:#fff}
.about-grid,.service-grid,.gallery-placeholders,.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.about-card,.service-card{background:#fff;border:1px solid #dce6ef;border-radius:14px;padding:24px;box-shadow:0 8px 24px #0b29400a}
.about-card{border-top:3px solid var(--electric)}
.about-icon{font-size:27px;color:#079cc9}
.about-card h3,.service-card h3{margin:12px 0 8px;color:#0b2038}
.about-card p,.service-card p,.contact-grid p{margin:0;color:#66788c;font-size:14px;line-height:1.75}
.about-location{margin-top:22px;padding:15px 18px;border-left:4px solid var(--red);background:#f2f7fb;color:#38516a}
.services-section{background:linear-gradient(135deg,#07182c,#0d3152);color:#fff}
.services-section h2{color:#fff}
.services-section .eyebrow{color:#35c9ed}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.service-card{background:#0e2945;border-color:#244865;box-shadow:none}
.service-card span{font-size:30px;color:#21c4eb}
.service-card h3{color:#fff}
.service-card p{color:#bfd0df}
.services-section .small-note{color:#c4d6e5;margin-top:22px}
.gallery-placeholder{min-height:180px;border:1px dashed #9db4c8;border-radius:14px;background:linear-gradient(145deg,#f6f9fc,#eaf1f7);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;color:#36516b}
.gallery-placeholder span{font-size:35px;color:#0aa6d1}
.gallery-placeholder strong{margin:8px 0 4px}
.gallery-placeholder small{color:#788da1}
.youtube-section{background:#08192d}
.youtube-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px;border:1px solid #1b557b;border-radius:18px;background:linear-gradient(115deg,#0b2947,#071629)}
.youtube-copy{max-width:650px}
.youtube-copy h2{color:#fff}
.youtube-copy p{color:#c0d1df;line-height:1.8}
.btn-youtube{background:#e62132;color:white}
.youtube-mark{width:150px;height:105px;border-radius:22px;background:#e62132;color:white;display:grid;place-items:center;font-size:52px;box-shadow:0 10px 35px #e6213244}
.youtube-mark small{font-size:10px;letter-spacing:1px;font-weight:800}
.review-panel{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px;background:#f4f8fc;border:1px solid #dce6ef;border-radius:14px;margin-top:22px}
.review-panel strong{font-size:18px;color:#0c2945}
.review-panel p{color:#687c90;margin-bottom:0}
.contact-section{background:#eaf1f7}
.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-grid>div{padding:20px;background:#fff;border:1px solid #dce6ef;border-radius:12px}
.contact-grid strong{color:#0b2945}
.contact-actions{display:flex;gap:12px;margin-top:22px}
footer{background:#04101f;border-top:3px solid var(--red)}
footer a{color:#52ccef}
@media(max-width:900px){
 .topbar{height:auto;min-height:76px;align-items:flex-start;padding:16px 20px;gap:15px;flex-direction:column}
 .topbar nav{width:100%;overflow-x:auto;padding-bottom:4px;gap:18px}
 .hero{flex-direction:column;align-items:flex-start;gap:28px;padding:48px 24px}
 .hero-banner-wrap{width:100%;max-width:700px}
 .about-grid,.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gallery-placeholders{grid-template-columns:1fr}
}
@media(max-width:600px){
 .about-grid,.service-grid,.contact-grid{grid-template-columns:1fr}
 .youtube-panel,.review-panel{align-items:flex-start;flex-direction:column;padding:24px}
 .youtube-mark{width:110px;height:78px;font-size:38px}
 .contact-actions{flex-direction:column}
 .section{padding:48px 20px}
 .hero h1{font-size:38px}
 .trust-strip{flex-direction:column;gap:10px;align-items:flex-start;padding:18px 24px}
}