.audiences{background:linear-gradient(180deg,#fff,#f6fafc)}
.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.audience-grid article{padding:26px 22px;border:1px solid var(--line);border-radius:15px;background:#fff;position:relative;transition:.3s}
.audience-grid article:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.audience-grid article>b{color:var(--cyan);font-size:12px}.audience-grid h3{color:var(--navy);font-size:17px}.audience-grid p{color:var(--muted);font-size:13px}
.project-facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;background:var(--navy);border-radius:18px;padding:26px;color:#fff}
.project-facts>div{display:flex;align-items:center;justify-content:center;gap:13px;border-left:1px solid rgba(255,255,255,.12)}.project-facts>div:last-child{border:0}.project-facts b{font-size:27px;color:var(--cyan);direction:ltr}.project-facts span{font-size:10px;color:#b9cad8}
.contact-card{gap:45px}.demo-form{width:min(430px,100%);display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#fff;padding:22px;border:1px solid var(--line);border-radius:15px}.demo-form label{display:flex;flex-direction:column;font-size:11px;color:var(--muted)}.demo-form input,.demo-form textarea{font:inherit;border:1px solid var(--line);border-radius:8px;padding:9px;background:#fbfdfe;outline:0}.demo-form input:focus,.demo-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(3,169,198,.1)}.demo-form label:nth-of-type(4),.demo-form .consent,.demo-form button{grid-column:1/-1}.demo-form .consent{flex-direction:row;align-items:center;gap:8px}.demo-form .consent input{width:auto}.demo-form button{border:0;font-family:inherit;justify-content:center;cursor:pointer}.hp{position:absolute!important;left:-9999px!important}
@media(max-width:900px){.audience-grid{grid-template-columns:1fr 1fr}.project-facts{grid-template-columns:1fr 1fr;gap:20px}.project-facts>div{border:0}.contact-card{align-items:stretch}}
@media(max-width:600px){.audience-grid,.project-facts,.demo-form{grid-template-columns:1fr}.demo-form label{grid-column:1}.project-facts>div{justify-content:flex-start}}
/* Brand mark sizing: primary board-system identity remains visually dominant. */
.site-header .brand img,
footer .footer-brand img{width:66px;height:66px;object-fit:contain}
.mini-brand img{width:40px;height:40px}
@media(max-width:600px){
  .site-header .brand img,
  footer .footer-brand img{width:52px;height:52px}
}

/* Security heading: balanced contrast on the navy panel. */
.security-card .eyebrow.light{
  color:#baf4f7;
  background:rgba(3,169,198,.12);
  border:1px solid rgba(106,226,235,.3);
  padding:8px 14px;
  border-radius:999px;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.12);
  text-shadow:0 1px 10px rgba(3,169,198,.2);
}
.security-card .eyebrow.light i{
  background:linear-gradient(90deg,#59dce7,#fff);
  box-shadow:0 0 12px rgba(89,220,231,.55);
}

/* White circular logo plates keep both identities clear on the dark footer. */
footer .footer-brand img,
footer .footer-signature>img{
  flex:0 0 auto;
  aspect-ratio:1;
  object-fit:contain;
  box-sizing:border-box;
  padding:7px;
  border-radius:50%;
  background:#fff;
  border:1px solid rgba(255,255,255,.82);
  box-shadow:0 8px 24px rgba(0,0,0,.25),0 0 0 4px rgba(255,255,255,.08);
  filter:none;
}
footer .footer-signature>img{width:52px;height:52px;padding:6px}

@media(max-width:600px){
  .security-card .eyebrow.light{font-size:12px;padding:7px 11px}
  footer .footer-brand img{width:58px;height:58px}
  footer .footer-signature>img{width:50px;height:50px}
}

/* Viewport guard: prevent decorative layers and dense grids from widening the page. */
html,body{width:100%;max-width:100%;overflow-x:clip}
main,section,header,footer,.container{max-width:100%}
.hero-grid,.workflow-grid,.reports-grid,.visual-story-grid,.about-grid,
.security-card,.contact-card,.footer-grid,.product-browser,.product-stage,
.dashboard-card,.report-window{min-width:0}
img,svg,video,canvas{max-width:100%}
.hero-orbit,.ambient-field,.stage-glow,.product-stage:before,
.product-stage:after,.hero:before,.hero:after{pointer-events:none}

/* Laptop and browser-zoom range. */
@media (min-width:901px) and (max-width:1180px){
  .container{width:min(100% - 48px,1080px)}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:38px}
  .workflow-grid,.reports-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
  .visual-story-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:38px}
  .security-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;padding:48px}
  .about-grid{grid-template-columns:230px minmax(0,1fr);gap:42px}
  .contact-card{gap:34px}
  .nav{gap:14px;font-size:13px}
  .product-stage:before{inset:-14px}
  .fc-one{left:0}.fc-two{right:0}
}

@media(max-width:900px){
  html,body{overflow-x:hidden}
  .container{width:min(100% - 32px,1180px)}
  .hero-grid,.workflow-grid,.reports-grid,.visual-story-grid,.about-grid,
  .security-card{grid-template-columns:minmax(0,1fr)}
  .product-stage:before{inset:-8px}
}