/*  — Brand/UI layer. Functional V5.2 styles remain underneath. */
:root{
  --v53-navy:#0c1830;
  --v53-navy-2:#132544;
  --v53-ink:#152033;
  --v53-soft:#f4f1ea;
  --v53-soft-2:#f8f7f3;
  --v53-card:#ffffff;
  --v53-orange:#ef633c;
  --v53-cobalt:#335fd1;
  --v53-line:#dddcd7;
  --v53-muted:#697184;
  --v53-shadow:0 22px 60px rgba(12,24,48,.10);
}
body{background:var(--v53-soft-2);color:var(--v53-ink);letter-spacing:-.006em}
.container{width:min(1280px,calc(100% - 48px))}
.nav{background:rgba(248,247,243,.92);border-bottom:1px solid rgba(12,24,48,.09);box-shadow:0 1px 0 rgba(255,255,255,.8)}
.nav-in{height:78px}
.brand{font-size:15px;color:var(--v53-navy)}
.brand-mark{background:var(--v53-navy);border-radius:50%;width:38px;height:38px;box-shadow:0 7px 18px rgba(12,24,48,.15)}
.brand-mark:before,.brand-mark:after{left:8px;right:8px;height:4px}
.brand-mark:after{background:var(--v53-orange)}
.nav-links{gap:27px}.nav-links a{color:#445066}.nav-links a:hover{color:var(--v53-navy)}
.nav-cta,.btn.primary{background:var(--v53-navy);border-color:var(--v53-navy);box-shadow:0 10px 22px rgba(12,24,48,.12)}
.nav-cta:hover,.btn.primary:hover{background:#172a4e;transform:translateY(-1px)}
.btn{transition:.18s ease}.btn.secondary,.btn.ghost{border-color:#d4d4d0;background:rgba(255,255,255,.78)}
.language-switcher{background:rgba(255,255,255,.72);border-color:#d9d9d4}

/* Home hero */
.v53-home .hero{background:linear-gradient(180deg,#faf9f5 0%,#f4f1ea 100%);padding:78px 0 78px}
.v53-home .hero-grid{grid-template-columns:minmax(0,.96fr) minmax(520px,1.04fr);gap:66px}
.v53-home .eyebrow{color:#7c6b5f}.v53-home .hero h1{font-size:clamp(52px,5.8vw,82px);color:var(--v53-navy);max-width:760px}
.v53-home .hero p{color:#626b79;max-width:650px}.v53-home .trust-row{color:#586173}
.v53-hero-showcase{height:570px;position:relative;border-radius:36px;background:var(--v53-navy);overflow:hidden;box-shadow:0 30px 80px rgba(12,24,48,.22)}
.v53-hero-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 20%,rgba(51,95,209,.45),transparent 34%),radial-gradient(circle at 20% 88%,rgba(239,99,60,.35),transparent 31%);pointer-events:none}
.v53-hero-card{position:absolute;background:#fff;border-radius:23px;padding:11px;box-shadow:0 16px 40px rgba(0,0,0,.19);overflow:hidden}
.v53-hero-card img{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:15px;display:block}
.v53-hero-card span{position:absolute;left:20px;bottom:18px;background:rgba(12,24,48,.88);color:#fff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;letter-spacing:.02em;backdrop-filter:blur(10px)}
.v53-hero-main{width:61%;height:65%;left:5%;top:7%;transform:rotate(-2.2deg)}
.v53-hero-small{width:35%;height:34%;right:4%}.v53-hero-small.top{top:6%;transform:rotate(2.2deg)}.v53-hero-small.bottom{bottom:6%;transform:rotate(-2.2deg)}
.v53-hero-note{position:absolute;left:6%;bottom:7%;color:#fff;display:flex;align-items:center;gap:13px}.v53-hero-note b{font-size:38px;letter-spacing:-.06em}.v53-hero-note span{font-size:12px;line-height:1.3;color:#c9d1e1;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.v53-proof-band{background:#fff;border-top:1px solid #e3e1da;border-bottom:1px solid #e3e1da}
.v53-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:22px;padding-bottom:22px}
.v53-proof-grid>div{padding:4px 26px;border-left:1px solid #e5e2dc}.v53-proof-grid>div:first-child{border-left:0;padding-left:0}.v53-proof-grid b,.v53-proof-grid span{display:block}.v53-proof-grid b{font-size:14px;color:var(--v53-navy);margin-bottom:3px}.v53-proof-grid span{font-size:12px;color:#717888;line-height:1.35}

/* Shared sections */
.section{padding:96px 0}.section.soft{background:var(--v53-soft)}
.section-head h2,.page-hero h1{color:var(--v53-navy)}
.section-head h2{font-size:clamp(38px,4vw,58px)}.section-head p,.page-hero p{color:var(--v53-muted)}
.feature{border-color:#e1dfd8;border-radius:24px;box-shadow:0 1px 0 rgba(255,255,255,.8)}.feature:hover{box-shadow:var(--v53-shadow);transform:translateY(-3px)}.feature{transition:.22s ease}
.category-strip{gap:16px}.cat-card{border-radius:27px;min-height:230px;box-shadow:0 15px 36px rgba(12,24,48,.10)}
.cat-card:first-child{background:var(--v53-navy)}.cat-card:nth-child(2){background:var(--v53-cobalt)}.cat-card:nth-child(3){background:#efb945}.cat-card:nth-child(4){background:var(--v53-orange)}
.tech-note{border-radius:34px;background:var(--v53-navy);box-shadow:0 32px 80px rgba(12,24,48,.17)}.tech-copy{padding:58px}.tech-visual{background:radial-gradient(circle at 34% 27%,#315fd8,transparent 37%),radial-gradient(circle at 72% 72%,#ef633c,transparent 35%),#101f3a}
.step{border-top-color:#c4c1b8}.step h3{color:var(--v53-navy)}
.article-card{background:#fff;border-color:#dfddd6;border-radius:24px;box-shadow:0 10px 30px rgba(12,24,48,.05);transition:.2s}.article-card:hover{transform:translateY(-4px);box-shadow:var(--v53-shadow)}
.footer{background:var(--v53-navy);margin-top:0}.copyright{border-top-color:rgba(255,255,255,.11)}

/* General page heroes */
.page-hero{background:linear-gradient(180deg,#f7f5ef,#f1eee5);padding:72px 0 52px;border-bottom:1px solid #e1ded6}
.v53-content .page-hero{background:linear-gradient(135deg,var(--v53-navy) 0%,#182c50 100%);border:0;color:white}
.v53-content .page-hero h1,.v53-content .page-hero .crumb{color:white}.v53-content .page-hero p{color:#c5ccda}.v53-content .eyebrow{color:#97aee4}
.v53-page-kicker{display:inline-flex;background:#e7e2d8;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:850;letter-spacing:.10em;text-transform:uppercase;color:#6b6257;margin-bottom:18px}

/* Catalogue */
.v53-catalog-hero{background:var(--v53-navy);color:#fff;border:0;padding:68px 0 58px}.v53-catalog-hero h1{color:#fff;font-size:clamp(46px,5vw,68px);max-width:770px}.v53-catalog-hero p{color:#bdc7d8;max-width:760px}.v53-catalog-hero .crumb{color:#aeb8ca}.v53-catalog-hero .v53-page-kicker{background:rgba(255,255,255,.10);color:#dce4f2}
.v53-search-hints{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.v53-search-hints span{font-size:11px;color:#d8dfeb;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.05)}
.v53-catalog-section{background:#f3f1eb}.catalog-layout{grid-template-columns:275px 1fr;gap:34px}
.filters{top:102px;border:1px solid #ddd9cf;border-radius:24px;padding:20px;background:#faf9f6;box-shadow:0 16px 36px rgba(12,24,48,.06)}
.v53-filter-heading{padding:2px 2px 18px;border-bottom:1px solid #e2ded5;margin-bottom:4px}.v53-filter-heading strong,.v53-filter-heading span{display:block}.v53-filter-heading strong{font-size:17px;color:var(--v53-navy)}.v53-filter-heading span{font-size:11px;color:#818795;margin-top:4px}
.filter-group label.title{color:#5e6675}.filter-group select,.search-input{border-color:#d9d7d0;background:#fff;border-radius:13px}.catalog-search .search-input{max-width:none;height:48px;padding-left:16px;box-shadow:0 8px 20px rgba(12,24,48,.04)}
.product-grid{gap:20px}.product-card{border-color:#dfddd6;border-radius:25px;box-shadow:0 8px 24px rgba(12,24,48,.05);background:#fff}.product-card:hover{box-shadow:0 23px 54px rgba(12,24,48,.12);transform:translateY(-5px)}
.product-photo-card{aspect-ratio:1.18/1;background:#f2f1ed;border-bottom-color:#e4e1da}.product-photo-card img{padding:18px;mix-blend-mode:multiply}.product-body{padding:21px 21px 22px}.product-body h3{font-size:19px;color:var(--v53-navy);letter-spacing:-.025em}.product-body p{color:#737a87;font-size:13px}.badge{background:#f1efe9;color:#5b6270;border-radius:999px;padding:6px 9px}.variant-count{background:var(--v53-navy)}.catalog-ref{background:rgba(255,255,255,.9)!important;color:#667083!important}.product-link{color:var(--v53-cobalt);font-weight:800}

/* Product detail */
.v53-product{background:#f5f3ed}.v53-product .compact-hero{background:#f5f3ed;border:0;padding:35px 0 0}.v53-product .section{padding-top:35px}.product-detail{gap:58px}.v53-image-label{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:850;color:#7e8490;margin:0 0 10px 8px}.product-photo-shell{background:#fff;border-color:#dedbd2;border-radius:30px;box-shadow:0 22px 55px rgba(12,24,48,.08);min-height:560px}.detail-product-image{max-height:520px}.variant-thumbs{padding-top:14px}.thumb{border-color:#ddd9cf;border-radius:13px}.thumb.active{outline-color:var(--v53-cobalt)}
.detail h1{color:var(--v53-navy);font-size:clamp(42px,4vw,62px);line-height:1.02}.detail .lead{color:#6f7684;font-size:17px}.notice{border:1px solid #e3d7c7;background:#fff8ed;border-radius:16px;padding:15px 17px;color:#735b3c}
.family-summary{gap:12px}.mini-stat{background:#fff;border-color:#dedbd3;border-radius:17px}.mini-stat b{color:var(--v53-navy)}
.v53-product .section.soft{background:#ebe8df}.variant-grid{gap:16px}.variant-card{border-color:#dad7ce;border-radius:18px;background:#fff}.variant-card:hover,.variant-card.selected{border-color:#9db2ec;box-shadow:0 15px 32px rgba(12,24,48,.09)}

/* Content pages */
.v53-content .section:nth-of-type(even){background:var(--v53-soft)}
.v53-contact .contact-panel{background:var(--v53-navy);box-shadow:0 25px 60px rgba(12,24,48,.17)}
.v53-content .flow-item,.v53-content .oem-card{border-color:#dfddd6;border-radius:22px;box-shadow:0 8px 24px rgba(12,24,48,.04)}
.v53-content .article{background:#fff;border-radius:28px;padding:46px 54px;margin-top:44px;margin-bottom:70px;box-shadow:0 16px 50px rgba(12,24,48,.06)}

@media(max-width:1050px){
  .v53-home .hero-grid{grid-template-columns:1fr}.v53-hero-showcase{max-width:720px;width:100%;margin:auto}.v53-proof-grid{grid-template-columns:1fr 1fr}.v53-proof-grid>div:nth-child(3){border-left:0}.catalog-layout{grid-template-columns:1fr}.filters{position:static}.product-detail{gap:32px}
}
@media(max-width:700px){
  .container{width:min(100% - 28px,1280px)}.v53-home .hero{padding:48px 0}.v53-home .hero h1{font-size:48px}.v53-hero-showcase{height:430px;border-radius:26px}.v53-hero-main{width:67%;height:59%}.v53-hero-small{width:39%;height:29%}.v53-hero-note{left:7%;bottom:8%}.v53-proof-grid{grid-template-columns:1fr}.v53-proof-grid>div{border-left:0;border-top:1px solid #e5e2dc;padding:13px 0}.v53-proof-grid>div:first-child{border-top:0}.section{padding:68px 0}.product-grid{grid-template-columns:1fr}.product-photo-card{aspect-ratio:1.25/1}.tech-copy{padding:35px 26px}.v53-content .article{padding:28px 22px;border-radius:22px}.product-photo-shell{min-height:350px;border-radius:22px}.detail h1{font-size:42px}
}