/* BregoTech Premium UI Layer — responsive polish */
:root{
 --bt-primary:#1768c5;--bt-primary-2:#3988e8;--bt-ink:#102544;
 --bt-muted:#687b94;--bt-line:#e6edf6;--bt-soft:#f4f8fd;
 --bt-radius:22px;--bt-shadow:0 18px 55px rgba(16,43,85,.09);
}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{font-family:'Cairo',sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video,canvas,svg{max-width:100%}
button,a,input,textarea,select{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
 outline:3px solid rgba(23,104,197,.28);outline-offset:3px
}
.container{width:min(100% - 40px,1280px)}
.site-header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand img{display:block}
.nav-link-custom{transition:color .2s ease,transform .2s ease}
.nav-link-custom:hover{transform:translateY(-2px)}
.site-footer{position:relative;overflow:hidden}
.site-footer:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#7db8f5,transparent)}
.section-space{padding-block:clamp(64px,8vw,112px)}
.inner-hero{padding-block:clamp(125px,16vw,180px) 70px}
.inner-hero .container{max-width:1280px}
.inner-hero h1{font-size:clamp(2rem,5vw,3.65rem);line-height:1.35;font-weight:900;letter-spacing:-.04em}
.inner-hero p{max-width:720px;line-height:2;color:var(--bt-muted);font-size:clamp(.95rem,1.4vw,1.12rem)}
.section-kicker{letter-spacing:.12em;font-weight:800}
.inner-services-grid,.products-grid,.portfolio-grid{align-items:stretch}
.inner-service-card,.product-card,.portfolio-card,.why-card,.service-card{
 border:1px solid var(--bt-line);border-radius:var(--bt-radius);overflow:hidden;
 box-shadow:0 8px 30px rgba(16,43,85,.045);
 transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.inner-service-card:hover,.product-card:hover,.portfolio-card:hover,.why-card:hover,.service-card:hover{
 transform:translateY(-7px);box-shadow:var(--bt-shadow);border-color:#c8def8
}
.product-image,.portfolio-image{overflow:hidden}
.product-image img,.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.product-card:hover img,.portfolio-card:hover img{transform:scale(1.045)}
.product-info,.inner-service-card{padding:clamp(20px,3vw,30px)}
.product-info h3,.inner-service-card h2{font-weight:900;line-height:1.5}
.product-info p,.inner-service-card p{line-height:1.9;color:var(--bt-muted)}
.portfolio-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.filter-button{border:1px solid var(--bt-line);background:#fff;color:var(--bt-muted);border-radius:999px;padding:9px 18px;font:inherit;font-weight:800;transition:.2s}
.filter-button:hover,.filter-button.active{background:var(--bt-primary);border-color:var(--bt-primary);color:#fff}
.contact-grid{align-items:start}
.contact-information,.contact-form,.contact-card{border-radius:var(--bt-radius)}
.contact-form,.contact-information{min-width:0}
.form-control,.form-select{min-height:48px;border-radius:12px;border-color:#dce6f2;padding:11px 14px}
textarea.form-control{min-height:140px}
.form-control:focus,.form-select:focus{border-color:#77afea;box-shadow:0 0 0 .22rem rgba(23,104,197,.12)}
.primary-button,.secondary-button,.nav-cta,.mobile-menu-cta{min-height:46px}
.primary-button,.nav-cta{box-shadow:0 9px 24px rgba(23,104,197,.18)}
.empty-showcase{grid-column:1/-1;text-align:center;padding:clamp(30px,6vw,70px);border:1px dashed #bfd2e9;border-radius:var(--bt-radius);background:linear-gradient(135deg,#f8fbff,#fff)}
.back-to-top{z-index:1000}
::selection{background:rgba(23,104,197,.18);color:var(--bt-ink)}
@media(max-width:767.98px){
 .container{width:min(100% - 30px,1280px)}
 .section-space{padding-block:58px}
 .inner-hero{padding-top:120px;padding-bottom:48px}
 .hero{min-height:auto;padding-bottom:38px}
 .hero-title{font-size:clamp(2.15rem,10vw,3.4rem);line-height:1.25}
 .hero-description{font-size:15px;line-height:1.9}
 .hero-actions{gap:10px;flex-wrap:wrap}
 .hero-actions a{justify-content:center}
 .hero-stage{transform:scale(.88);transform-origin:top center;margin-bottom:-45px}
 .products-grid,.portfolio-grid,.inner-services-grid{grid-template-columns:1fr!important}
 .product-card,.portfolio-card,.inner-service-card{width:100%;min-width:0}
 .product-image,.portfolio-image{max-height:280px}
 .contact-grid{grid-template-columns:1fr!important;gap:24px}
 .footer-main{grid-template-columns:1fr 1fr!important}
 .footer-about,.footer-contact{grid-column:1/-1}
 .site-header .container{width:calc(100% - 28px)}
 .nav-cta{display:none}
 .mobile-menu{max-width:min(88vw,380px)}
}
@media(max-width:420px){
 body{font-size:15px}
 .hero-actions{flex-direction:column;align-items:stretch}
 .hero-actions a{width:100%}
 .hero-stage{transform:scale(.78);margin-bottom:-85px}
 .footer-main{grid-template-columns:1fr!important}
 .footer-about,.footer-contact{grid-column:auto}
 .portfolio-filters{gap:7px}
 .filter-button{padding:8px 13px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}