/*
Document Title: NexoProof Clean Portfolio Preview Overrides
Artifact Type: Public Website Stylesheet
Classification: PUBLIC
Disclosure Status: Founder-directed preview candidate under GitHub Issue #225
Owner: NexoProof Intelligence
Date: 2026-09-14
Purpose: Preview a lighter corporate hero and a compact one-screen product catalog while preserving approved NexoProof identity and motion.
*/

/* Shared public header: one clear brand mark, enlarged within a deliberately taller bar. */
.np-premium .site-header{min-height:102px}
.np-premium .header-shell{min-height:102px;padding:12px 0;align-items:center}
.np-premium .brand-link{width:340px;max-width:27vw}
.np-premium .brand-link img{display:block;width:100%;height:auto;max-height:76px;object-fit:contain}
.hero-brand-lockup{display:none!important}

/* Lighter corporate landing experience. */
.np-corporate-hero{
  min-height:calc(100vh - 138px);
  color:#111827;
  background:
    radial-gradient(circle at 76% 15%,rgba(11,78,219,.10),transparent 28%),
    radial-gradient(circle at 14% 88%,rgba(212,164,44,.07),transparent 26%),
    linear-gradient(180deg,#FFFFFF 0%,#F6F9FD 100%)!important;
  border-bottom:1px solid #E5EAF1;
}
.np-corporate-hero:before{opacity:.24!important;background-image:linear-gradient(rgba(10,61,145,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(10,61,145,.05) 1px,transparent 1px)!important}
.np-corporate-hero:after{background:linear-gradient(90deg,rgba(255,255,255,.32),transparent 45%,rgba(11,78,219,.025))!important}
.np-corporate-grid{min-height:calc(100vh - 232px);padding:66px 0 50px}
.np-corporate-copy h1{color:#04142F}
.np-corporate-copy h1 em{color:#0B4EDB;text-shadow:0 10px 30px rgba(11,78,219,.10)}
.np-corporate-copy>p{color:#56647A}
.np-corporate-hero .np-kicker{color:#0A3D91}
/* Corporate section-number labels use the vivid primary NexoProof blue. */
.np-section .np-kicker{color:#0B4EDB!important}
.np-btn-ghost{border-color:#C9D6EA;background:#FFFFFF;color:#0A3D91;box-shadow:0 10px 24px rgba(10,61,145,.08)}
.np-intelligence-console{border-color:#DCE5F0;background:rgba(255,255,255,.90);box-shadow:0 30px 80px rgba(10,61,145,.12),inset 0 1px 0 rgba(255,255,255,.9)}
.np-intelligence-console:before{background:linear-gradient(145deg,rgba(11,78,219,.22),transparent 42%,rgba(212,164,44,.30))}
.np-console-head{border-color:#E5EAF1}.np-console-brand small{color:#0B4EDB}.np-console-brand strong{color:#04142F}.np-console-state{border-color:#DCE5F0;color:#0A3D91;background:#F7FAFF}
.np-console-canvas{border-color:#E5EAF1;background:radial-gradient(circle at 50% 48%,rgba(11,78,219,.10),rgba(238,244,255,.42))}
.np-console-output article{border-color:#E5EAF1;background:#FFFFFF}.np-console-output small{color:#0B4EDB}.np-console-output strong{color:#111827}
.np-orbit{border-color:#D9E3F0;background:rgba(255,255,255,.94);color:#0A3D91;box-shadow:0 10px 28px rgba(10,61,145,.10)}
.np-ribbon{border-color:#E5EAF1}.np-ribbon>strong{color:#0A3D91}.np-ribbon span{border-color:#DCE5F0;background:#FFFFFF;color:#4E6079}

/* Products: very light, one-screen on desktop, but use the viewport rather than leaving unused space. */
.np-product-stage{
  min-height:calc(100vh - 138px)!important;
  color:#111827!important;
  background:
    radial-gradient(circle at 86% 2%,rgba(11,78,219,.08),transparent 30%),
    radial-gradient(circle at 8% 98%,rgba(212,164,44,.055),transparent 25%),
    linear-gradient(180deg,#FFFFFF 0%,#F7F9FC 100%)!important;
}
.np-product-stage:before{opacity:.22!important;background-image:linear-gradient(rgba(10,61,145,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(10,61,145,.045) 1px,transparent 1px)!important}
.np-product-stage:after{background:linear-gradient(90deg,rgba(255,255,255,.40),transparent 46%,rgba(11,78,219,.02))!important}
.np-product-stage-inner{min-height:calc(100vh - 138px);padding:24px 0 18px!important;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px}
.np-product-intro{gap:28px!important;margin-bottom:0!important;align-items:center!important}
.np-product-intro h1{max-width:760px!important;margin:5px 0 0!important;color:#04142F!important;font-size:clamp(2.35rem,3.65vw,3.65rem)!important;line-height:.98!important}
.np-product-intro h1 .np-headline-second{display:block;white-space:nowrap}
.np-product-intro p{max-width:490px!important;color:#667085!important;font-size:.84rem!important;line-height:1.52!important}
.np-product-stage .np-kicker{color:#0A3D91!important;font-size:.68rem!important}
.np-catalog-grid{height:100%;min-height:0;gap:12px!important;grid-template-rows:minmax(0,1.06fr) minmax(0,.94fr)}
.np-product-tile{
  min-height:0!important;
  padding:21px 23px!important;
  border:1px solid #DCE5F0!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.97)!important;
  color:#111827!important;
  box-shadow:0 14px 38px rgba(6,27,66,.085)!important;
  backdrop-filter:blur(12px);
}
.np-product-tile:before{background:radial-gradient(circle at 90% 6%,rgba(11,78,219,.065),transparent 38%)!important}
.np-product-tile:hover{border-color:rgba(11,78,219,.28)!important;box-shadow:0 22px 50px rgba(6,27,66,.12),0 0 0 1px rgba(212,164,44,.08)!important}
.np-product-tile.np-reunite,.np-product-tile.np-road,.np-product-tile.np-higher{min-height:0!important}
.np-product-status{padding:6px 9px!important;border-color:rgba(11,78,219,.18)!important;background:#EEF4FF!important;color:#0A3D91!important;font-size:.52rem!important}
.np-product-status.pending{border-color:rgba(212,164,44,.28)!important;background:#FFF9E9!important;color:#735500!important}
.np-product-tile h2{margin:13px 0 8px!important;color:#061B42!important;font-size:clamp(1.28rem,1.95vw,1.92rem)!important;line-height:1.04!important;letter-spacing:-.038em!important}
.np-product-tile p{color:#5E6A7D!important;font-size:.77rem!important;line-height:1.48!important}
.np-product-action{margin-top:auto!important;padding-top:12px!important;color:#0A3D91!important;font-size:.70rem!important}
.np-product-action.disabled{color:#7B8492!important}
.np-product-mark{width:34px!important;right:17px!important;bottom:16px!important;opacity:.13!important;filter:drop-shadow(0 7px 16px rgba(10,61,145,.08))!important}
.np-catalog-foot{margin-top:0!important;padding-top:12px!important;color:#061B42!important;border-color:#DCE5F0!important;font-size:.74rem!important;align-self:end}
.np-catalog-foot strong{color:#0A3D91!important}
.np-catalog-foot a{color:#0A3D91!important;font-weight:800}

@media(max-width:1120px){
  .np-premium .site-header,.np-premium .header-shell{min-height:94px}
  .np-premium .brand-link{width:292px;max-width:30vw}
  .np-premium .brand-link img{max-height:68px}
  .np-corporate-grid{padding:56px 0 46px}
  .np-product-tile{padding:18px!important}
  .np-product-tile h2{font-size:1.38rem!important}
}
@media(max-width:900px){
  .np-premium .site-header,.np-premium .header-shell{min-height:auto}
  .np-premium .brand-link{width:258px;max-width:100%}
  .np-corporate-hero{min-height:auto}
  .np-corporate-grid{min-height:auto;padding:48px 0 40px}
  .np-product-stage{min-height:auto!important}
  .np-product-stage-inner{min-height:auto;display:block;padding:24px 0 34px!important}
  .np-product-intro{grid-template-columns:1fr!important;margin-bottom:16px!important}
  .np-product-intro h1 .np-headline-second{white-space:normal}
  .np-catalog-grid{height:auto;grid-template-rows:none}
  .np-product-tile,.np-product-tile.np-reunite,.np-product-tile.np-road,.np-product-tile.np-higher{min-height:180px!important}
  .np-product-tile h2{font-size:1.38rem!important}
  .np-product-tile p{font-size:.78rem!important}
  .np-catalog-foot{margin-top:14px!important}
}
@media(max-width:680px){.np-premium .brand-link{width:250px}.np-corporate-grid{padding:38px 0 34px}.np-product-stage-inner{padding-top:20px!important}.np-product-intro h1{font-size:2.05rem!important}.np-product-tile{padding:16px!important}}