/*
Document Title: NexoProof Public Website Brand Reinforcement
Document ID: BLD-041-WEB-BRAND-CSS
Artifact Type: Public Website Stylesheet
Classification: PUBLIC
Disclosure Status: Approved for public website publication
Owner: NexoProof Intelligence
Author: Vitor Oliveira / NexoProof Intelligence
Date Created: 2026-07-13
Last Updated: 2026-07-15
Approval Required for External Sharing: No — founder-directed public update
Approved External Audience: Public
Repository Location: 07-website/brand-v4.1.css
Related Work Item: BLD-044 / GitHub Issue #71
Version: 4.13.2
Status: Published
*/

@import url("technology-v4.4.css");

/* Premium hero logo plate — approved horizontal asset, preserved without recoloring or distortion. */
.brand-v41-ready .hero-brand-lockup{
  display:inline-flex;
  align-items:center;
  margin-bottom:26px;
  padding:15px 19px;
  border:1px solid rgba(212,164,44,.58);
  border-radius:18px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
}
.brand-v41-ready .hero-brand-primary{
  display:block;
  width:min(430px,76vw);
  height:auto;
}

/* Branded intelligence-console details using the approved compact mark. */
.brand-v41-ready .visual-shell{position:relative;overflow:hidden}
.brand-v41-ready .visual-watermark{
  position:absolute;
  right:-28px;
  top:18px;
  width:180px;
  height:234px;
  opacity:.085;
  pointer-events:none;
}
.brand-v41-ready .visual-watermark img{width:100%;height:100%;object-fit:contain}
.brand-v41-ready .visual-title-group{display:flex;align-items:center;gap:12px}
.brand-v41-ready .visual-inline-mark{width:31px;height:40px;flex:0 0 auto;object-fit:contain}
.brand-v41-ready .ribbon-brand-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:40px;
  margin-left:12px;
  padding:4px 6px;
  border-left:1px solid rgba(255,255,255,.14);
}
.brand-v41-ready .ribbon-brand-mark img{width:22px;height:29px;object-fit:contain}

/* Restrained monogram field across the experience. */
.brand-v41-ready .section:not(.what),
.brand-v41-ready .lead-section{position:relative;overflow:hidden}
.brand-v41-ready .section:not(.what)::before,
.brand-v41-ready .lead-section::before{
  content:"";
  position:absolute;
  inset:-90px;
  pointer-events:none;
  background-image:url("assets/logos/nexoproof-icon-transparent-128.svg");
  background-repeat:repeat;
  background-size:118px 154px;
  opacity:.018;
  transform:rotate(-7deg) scale(1.03);
}
.brand-v41-ready .what::after{
  content:"";
  position:absolute;
  inset:-100px;
  pointer-events:none;
  background-image:url("assets/logos/nexoproof-icon-transparent-128.svg");
  background-repeat:repeat;
  background-size:126px 164px;
  opacity:.024;
  transform:rotate(7deg) scale(1.03);
}
.brand-v41-ready .section>.container,
.brand-v41-ready .lead-section>.container,
.brand-v41-ready .what>.container{position:relative;z-index:2}

/* Closing signature moment. */
.brand-v41-ready .signature-lockup{
  margin:22px 0 18px;
  padding:16px 18px;
  border-radius:18px;
  background:linear-gradient(135deg,#EEF4FF,#FFF9EA);
  border:1px solid rgba(212,164,44,.34);
  display:grid;
  grid-template-columns:52px 1fr;
  gap:14px;
  align-items:center;
}
.brand-v41-ready .signature-lockup img{width:40px;height:52px;object-fit:contain}
.brand-v41-ready .signature-lockup strong{display:block;color:var(--deep);font-size:.94rem;line-height:1.3}
.brand-v41-ready .signature-lockup span{display:block;margin-top:4px;color:#55657D;font-size:.81rem;line-height:1.55}

/* Stronger, cleaner footer signature. */
.brand-v41-ready footer{
  position:relative;
  padding:40px 0;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,#fff,#F8FAFD);
}
.brand-v41-ready footer::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background:linear-gradient(90deg,var(--blue),var(--gold),var(--green));
}
.brand-v41-ready .footer-grid{grid-template-columns:1.2fr auto auto;gap:24px}
.brand-v41-ready .footer-brand{display:flex;align-items:center;min-width:0}
.brand-v41-ready .footer-wordmark{width:260px;height:auto}

/* v4.13.1 — preserve the approved one-line Enterprise Expertise heading without overlap. */
@media(min-width:901px){
  .brand-v41-ready .expertise-header-v413{
    grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)!important;
    gap:44px!important;
  }
  .brand-v41-ready .expertise-heading-v413,
  .brand-v41-ready .expertise-intro-v413{min-width:0!important}
  .brand-v41-ready .expertise-heading-v413 h3{
    max-width:100%!important;
    font-size:clamp(2.75rem,3.45vw,4.3rem)!important;
    line-height:.96!important;
    letter-spacing:-.055em!important;
    white-space:nowrap!important;
  }
}
@media(min-width:901px) and (max-width:1180px){
  .brand-v41-ready .expertise-header-v413{
    grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;
    gap:32px!important;
  }
  .brand-v41-ready .expertise-heading-v413 h3{
    font-size:clamp(2.55rem,3.4vw,3.25rem)!important;
  }
}

@media(max-width:900px){
  .brand-v41-ready .footer-grid{grid-template-columns:1fr;justify-items:center;text-align:center}
  .brand-v41-ready .footer-brand{justify-content:center}
  .brand-v41-ready .expertise-heading-v413 h3{
    white-space:normal!important;
    overflow-wrap:normal!important;
  }
}
@media(max-width:680px){
  .brand-v41-ready .hero-brand-lockup{padding:12px 14px;border-radius:15px;margin-bottom:22px}
  .brand-v41-ready .hero-brand-primary{width:min(330px,79vw)}
  .brand-v41-ready .visual-watermark{width:126px;height:164px;right:-14px}
  .brand-v41-ready .signature-lockup{grid-template-columns:1fr;text-align:left}
  .brand-v41-ready .ribbon-brand-mark{display:none}
  .brand-v41-ready .section:not(.what)::before,
  .brand-v41-ready .lead-section::before,
  .brand-v41-ready .what::after{background-size:92px 120px;opacity:.014}
  .brand-v41-ready .footer-wordmark{width:min(270px,80vw)}

  /* v4.13.2 — readable, stable two-paragraph disclaimer on phones. */
  .brand-v41-ready .expertise-legal{
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:7px 12px!important;
    align-items:start!important;
    padding:15px 14px!important;
    font-size:.68rem!important;
    line-height:1.58!important;
    text-align:left!important;
  }
  .brand-v41-ready .expertise-legal>span{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:28px!important;
    height:28px!important;
    align-self:start!important;
  }
  .brand-v41-ready .expertise-legal>i{display:none!important}
  .brand-v41-ready .expertise-legal>p{
    grid-column:2!important;
    min-width:0!important;
    margin:0!important;
    overflow-wrap:anywhere!important;
  }
  html[dir="rtl"] .brand-v41-ready .expertise-legal{text-align:right!important}
}