/* FEJOLEM corporate refinement layer */
html{font-size:16px}
body{font-size:1rem;line-height:1.65}
.shell{width:min(1180px,calc(100% - 3rem))}

/* Brand lockup */
.nav-shell{min-height:80px}
.brand{gap:.9rem}
.brand-official-logo{width:58px;height:58px;object-fit:contain;border-radius:12px;background:#fff;padding:4px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.brand-copy strong{font-size:1.08rem;letter-spacing:.13em}
.brand-copy small{margin-top:.28rem;font-size:.66rem;letter-spacing:.08em}
.footer-brand .brand-official-logo{width:60px;height:60px}

/* Navigation */
.site-nav{gap:1.35rem}
.site-nav a{font-size:.84rem;font-weight:700}
.site-nav .nav-cta{padding:.64rem 1rem}

/* Corporate typography scale */
.section{padding:5.5rem 0}
.section-heading{max-width:720px;margin-bottom:2.5rem}
.section-heading h2,.vision-copy h2,.company-copy h2,.contact-copy h2{font-size:clamp(2rem,3.2vw,3rem);line-height:1.08;letter-spacing:-.035em}
.section-heading>p:last-child,.split-heading>p,.vision-copy p,.company-copy p,.contact-copy p{font-size:1rem;line-height:1.72}
.eyebrow{margin-bottom:.75rem;font-size:.7rem;letter-spacing:.15em}

/* Hero: authoritative, but not oversized */
.hero{min-height:auto;padding:5.25rem 0 3.2rem}
.hero-grid{grid-template-columns:1.02fr .98fr;gap:3.25rem}
.hero-copy{max-width:650px}
.hero h1{max-width:690px;font-size:clamp(2.8rem,4.6vw,4rem);line-height:1.02;letter-spacing:-.045em}
.hero h1 span{display:inline;background:none;-webkit-background-clip:initial;background-clip:initial;color:inherit}
.hero-lead{max-width:640px;margin-top:1.35rem;font-size:1.05rem;line-height:1.72}
.hero-actions{margin-top:1.65rem}
.button{min-height:45px;padding:.67rem 1.08rem;font-size:.82rem}
.hero-proof{margin-top:1.75rem;font-size:.74rem;gap:.6rem 1rem}

/* Hero technology visual */
.hero-system{position:relative;width:min(455px,100%);border-radius:30px;overflow:hidden}
.hero-system::before{content:'';position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#0c3eb7 0%,#2467e8 52%,#28c8bc 100%);z-index:6}
.system-core{width:186px;padding:1.1rem}
.system-core small{font-size:.52rem}
.system-core strong{font-size:1rem}
.system-chip{width:116px;padding:.65rem .7rem}
.system-chip span{font-size:.86rem}
.system-chip small{font-size:.55rem}
.confidence-strip{margin-top:3.5rem}
.confidence-strip article{padding:1rem}
.confidence-strip strong{font-size:.78rem}
.confidence-strip span{font-size:.68rem}

/* Products */
.product-grid{gap:1.35rem}
.product-card{padding:1.65rem}
.product-card h3{font-size:1.28rem;line-height:1.28}
.product-summary,.product-card li{font-size:.9rem;line-height:1.62}
.product-topline{margin-bottom:1rem}
.product-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}
.product-actions .button{min-height:42px;padding:.6rem .95rem}
.cre-product-logo{display:block;width:min(150px,45%);max-height:86px;object-fit:contain;margin:0 0 1rem}
.product-card-cre{border-color:#b9d8ff;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)}

/* Technology / vision */
.tech-stack h3,.vision-cards h3{font-size:1.08rem}
.tech-stack p,.vision-cards p{font-size:.9rem;line-height:1.6}
.architecture-panel h3{font-size:1.4rem}

/* Leadership */
.company-copy{max-width:700px}
.leadership-card{display:grid;grid-template-columns:auto 1fr;gap:1.3rem;align-items:start;margin-top:2rem;padding:1.4rem;border:1px solid #dce5eb;border-radius:20px;background:linear-gradient(145deg,#fff,#f7fafc);box-shadow:0 16px 44px rgba(5,18,34,.08)}
.leadership-monogram{display:grid;place-items:center;width:70px;height:70px;border-radius:18px;background:linear-gradient(145deg,#0c3eb7,#16388a);color:#fff;font-size:1.25rem;font-weight:900;letter-spacing:.08em}
.leadership-card h3{margin:.1rem 0 .2rem;font-size:1.22rem}
.leadership-role{margin:0 0 .65rem;color:#0c3eb7;font-size:.8rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.leadership-card p:last-child{margin-bottom:0;color:#5e6b78}
.contact-card{padding:2.5rem}

/* Light corporate theme */
body{background:#fff;color:#17212b}
.section-dark{background:#fff;color:#17212b}
.section-dark .eyebrow{color:#0a8179}
.hero{background:linear-gradient(180deg,#fff 0%,#fff 72%,#f8fbff 100%)}
.hero h1{color:#102033}
.hero-lead{color:#566878}
.button-ghost{border-color:#cfd9e1;background:#fff;color:#183047}
.hero-proof{color:#607285}
.hero-proof i{background:#25bda8;box-shadow:none}
.hero-system{border:1px solid #c9dbf5;background:radial-gradient(circle at 82% 10%,rgba(12,62,183,.18),transparent 34%),radial-gradient(circle at 18% 84%,rgba(40,200,188,.12),transparent 32%),linear-gradient(145deg,#f9fcff 0%,#eef5ff 100%);box-shadow:0 24px 60px rgba(12,62,183,.12)}
.system-grid{background-image:linear-gradient(rgba(12,62,183,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(12,62,183,.055) 1px,transparent 1px)}
.system-core{border-color:#8dcfc8;background:#fff;box-shadow:0 12px 34px rgba(12,62,183,.12)}
.system-core small{color:#0a8179}
.system-core strong{color:#173047}
.system-chip{border-color:#cfdcf0;background:rgba(255,255,255,.96);box-shadow:0 10px 26px rgba(12,62,183,.1)}
.system-chip span{color:#0a8179}
.system-chip small{color:#6f8090}
.system-orbit{border-color:rgba(12,62,183,.18)}
.confidence-strip{border-top-color:#d7e3f4;border-bottom-color:#d7e3f4;background:linear-gradient(90deg,#fff 0%,#f7faff 50%,#eef5ff 100%)}
.confidence-strip article{border-right-color:#dbe5f1}
.confidence-strip strong{color:#17212b}
.confidence-strip span{color:#6b7b89}

/* Deliberate section contrast rhythm */
.section-soft{background:linear-gradient(180deg,#f4f8fd 0%,#eef4fb 100%)}
.technology-section{background:#fff}
.technology-section .tech-stack article{border-color:#d9e5f2;background:#fbfdff}
.technology-section .tech-icon{background:#eaf2ff;color:#0c3eb7;border-color:#c8daf7}
.architecture-panel{border-color:#0a3295;background:linear-gradient(145deg,#0c3eb7 0%,#0a3295 72%,#082b7e 100%);color:#fff;box-shadow:0 22px 56px rgba(12,62,183,.18)}
.architecture-panel .eyebrow{color:#bceee8}
.architecture-panel h3,.architecture-panel p{color:#fff}
.architecture-diagram div{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08)}
.architecture-diagram small{color:#c7d7ff}
.architecture-diagram span{color:#fff}
#vision{background:linear-gradient(145deg,#eef5ff 0%,#f8fbff 58%,#eefaf8 100%);color:#17212b}
.section-dark .vision-copy p{color:#5e6b78}
.vision-cards article{border-color:#d7e3f2;background:#fff;color:#17212b;box-shadow:0 10px 28px rgba(31,72,118,.06)}
.vision-cards p{color:#5e6b78}
#company{background:#fff}
.sector-panel{border-color:#d5e2f0;background:linear-gradient(145deg,#f8fbff,#eef5ff)}
.sector-grid span{border-color:#d6e2f0;background:#fff;color:#304458}
.contact-section{background:linear-gradient(180deg,#fff 0%,#f2f6fb 100%)}
.contact-card{border:1px solid #0a3295;background:linear-gradient(120deg,#0c3eb7 0%,#174fc4 58%,#0a8179 145%);box-shadow:0 24px 56px rgba(12,62,183,.18)}
.contact-card .eyebrow{color:#bff4eb}
.contact-card h2,.contact-card p,.contact-card span{color:#fff}
.contact-card .button-primary{background:#fff;color:#0c3eb7;box-shadow:none}
.contact-card .button-light{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.1);color:#fff}
.site-footer{background:#edf3fb;color:#253442;border-top:1px solid #d4e0ee}
.site-footer .brand-copy strong{color:#102033}
.site-footer .brand-copy small,.site-footer p,.site-footer a{color:#556b80}
.site-footer .footer-links strong{color:#0c3eb7}

/* Product grid balance: preserve a strong enterprise anchor without making the page dark */
.product-card{border-color:#d7e2ed;box-shadow:0 10px 28px rgba(31,72,118,.06)}
.product-card-aeop{background:linear-gradient(145deg,#0e2c4a 0%,#0c3b65 100%);border-color:#0c3b65;box-shadow:0 18px 44px rgba(12,59,101,.18)}
.product-card-aeop h3,.product-card-aeop .product-summary,.product-card-aeop li{color:#f3f7fb}
.product-card-aeop li::marker{color:#44d4c4}
.product-card-aeop .product-code{color:#9fc8ef}
.product-card:nth-child(n+3){background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}

/* FEJOLEM brand-blue header */
.site-header,.site-header.is-scrolled{background:#0c3eb7;border-bottom-color:#0a3295;box-shadow:0 8px 24px rgba(9,57,181,.16)}
.site-header .brand-copy strong{color:#fff}
.site-header .brand-copy small{color:#dce7ff}
.site-header .site-nav a{color:#edf3ff}
.site-header .site-nav a:hover,.site-header .site-nav a.is-active{color:#fff}
.site-header .site-nav .nav-cta{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.1);color:#fff}
.site-header .site-nav .nav-cta:hover{background:#fff;color:#0c3eb7}

@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:2.5rem}
  .hero-system{justify-self:start;width:min(500px,100%)}
  .confidence-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split-heading{grid-template-columns:1fr;gap:1.2rem}
}

@media(max-width:760px){
  .shell{width:min(100% - 1.5rem,1180px)}
  .nav-shell{min-height:70px}
  .brand-official-logo{width:50px;height:50px}
  .brand-copy strong{font-size:1rem}
  .brand-copy small{font-size:.61rem}
  .section{padding:4.25rem 0}
  .hero{padding:3.8rem 0 2.5rem}
  .hero h1{font-size:clamp(2.25rem,9.5vw,3rem);line-height:1.04}
  .hero-lead{font-size:1rem}
  .section-heading h2,.vision-copy h2,.company-copy h2,.contact-copy h2{font-size:clamp(1.8rem,7vw,2.4rem)}
  .hero-system{border-radius:24px}
  .confidence-strip{grid-template-columns:1fr;margin-top:2.5rem;background:#f7faff}
  .confidence-strip article{border-right:0;border-bottom:1px solid #dbe5f1;padding:1rem 0}
  .confidence-strip article:last-child{border-bottom:0}
  .product-card{padding:1.3rem}
  .cre-product-logo{width:min(135px,52%)}
  .leadership-card{grid-template-columns:1fr}
  .leadership-monogram{width:62px;height:62px}
  .product-actions{align-items:stretch}
  .product-actions .button{width:100%}
  .contact-card{padding:1.5rem}
  .site-header .site-nav{background:#0c3eb7;border-color:#0a3295}
}