/* v3.5.7 — Flatsome-inspired visual refinement (original Estana Lahza implementation) */
:root{
  --home-panel:#111113;
  --home-panel-soft:#151316;
  --home-border:#343035;
  --home-red:#ed1c2e;
  --home-red-2:#ff3b4c;
}

/* Header: cleaner retail-grade rhythm without changing navigation. */
.site-header{box-shadow:0 10px 34px rgba(0,0,0,.26)}
.header-inner{min-height:80px}
.nav a{font-weight:700;transition:background .18s ease,color .18s ease,transform .18s ease}
.nav a:hover{transform:translateY(-1px)}
.header-cta{box-shadow:0 10px 28px rgba(237,28,46,.2)}

/* Hero: large banner treatment inspired by premium section builders. */
.authority-hero{padding:34px 0 28px}
.authority-hero .compact-hero-grid{
  position:relative;
  overflow:hidden;
  gap:18px;
  border:1px solid #40252a;
  border-radius:32px;
  padding:18px;
  background:
    radial-gradient(circle at 10% 0,rgba(237,28,46,.22),transparent 32%),
    radial-gradient(circle at 92% 88%,rgba(237,28,46,.1),transparent 31%),
    linear-gradient(145deg,#171315,#0a0a0b 66%);
  box-shadow:0 30px 90px rgba(0,0,0,.34);
}
.authority-hero .compact-hero-grid:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;
  background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.035) 50%,transparent 62%);
}
.compact-hero-copy{position:relative;z-index:1;border:0;background:transparent;box-shadow:none;padding:36px 34px}
.compact-hero-copy h1{max-width:760px;font-size:clamp(2.55rem,5.3vw,5rem);line-height:1.12}
.compact-hero-copy .lead{max-width:650px;color:#e1dde0}
.compact-hero-copy .actions{gap:10px}
.compact-hero-copy .actions .btn{min-height:52px;padding:.83rem 1.1rem;border-radius:14px}
.compact-hero-copy .actions .btn-primary{box-shadow:0 14px 34px rgba(237,28,46,.25)}
.compact-hero-copy .trust-chips{margin-top:20px}
.compact-hero-copy .trust-chips span{background:rgba(255,255,255,.045);border-color:#3a3336}
.hero-decision-panel{position:relative;z-index:1;border-radius:24px;background:rgba(8,8,9,.72);backdrop-filter:blur(12px);box-shadow:none}
.hero-decision-panel>a{position:relative;overflow:hidden;border-color:#343036;background:linear-gradient(145deg,#171517,#0d0d0e);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.hero-decision-panel>a:after{content:"";position:absolute;inset:auto -20% -50% auto;width:120px;height:120px;border-radius:50%;background:rgba(237,28,46,.08)}
.hero-decision-panel>a:hover{transform:translateY(-3px);border-color:#6d333a;box-shadow:0 18px 34px rgba(0,0,0,.24)}
.hero-decision-panel>a:first-of-type{border-color:#7a2f38;background:linear-gradient(135deg,#301116,#151113)}
.hero-decision-panel>a:first-of-type b{color:#fff;font-size:1.08rem}

/* Three flagship tools. */
.home-tools-strip{padding:22px 0 38px}
.home-tools-intro{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}
.home-tools-intro h2{margin:.5rem 0 0;font-size:clamp(1.55rem,2.6vw,2.25rem)}
.home-tools-intro p{max-width:520px;margin:0;color:#aaa}
.home-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-tool-card{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start;min-height:190px;border:1px solid var(--home-border);border-radius:22px;padding:22px;background:linear-gradient(155deg,#171719,#0d0d0f);box-shadow:0 16px 38px rgba(0,0,0,.2);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.home-tool-card:hover,.home-tool-card:focus-visible{transform:translateY(-4px);border-color:#6b3b41;box-shadow:0 24px 52px rgba(0,0,0,.3)}
.home-tool-card.home-tool-primary{border-color:#71323a;background:radial-gradient(circle at 90% 0,rgba(237,28,46,.18),transparent 40%),linear-gradient(150deg,#251116,#100d0f)}
.home-tool-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid #5f2a31;border-radius:16px;background:#281116;color:#fff;font-size:1.6rem;font-weight:900}
.home-tool-card b{display:block;margin:2px 0 7px;font-size:1.18rem}
.home-tool-card div span{display:block;color:#c8c3c6;line-height:1.75}
.home-tool-card em{grid-column:2;color:#ff9fa8;font-style:normal;font-weight:900;margin-top:auto}

/* Section styling: stronger hierarchy and cleaner whitespace. */
.home-problem-section,.home-awareness-section,.home-knowledge-section,.home-engagement-section{position:relative}
.home-problem-section .section-head,.home-awareness-section .section-head,.home-knowledge-section .section-head{border-bottom:1px solid #252227;padding-bottom:16px}
.home-problem-section .section-head:before,.home-awareness-section .section-head:before,.home-knowledge-section .section-head:before{content:"";width:42px;height:4px;border-radius:99px;background:var(--home-red);position:absolute;margin-top:-12px}
.section-head h2{letter-spacing:-.02em}

/* Premium card treatment, still original to Estana Lahza. */
.problem-grid>a,.knowledge-card,.video-card,.action-card,.large-link-card,.awareness-card{
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.problem-grid>a:hover,.knowledge-card:hover,.video-card:hover,.action-card:hover,.large-link-card:hover,.awareness-card:hover{
  transform:translateY(-4px);border-color:#704047;box-shadow:0 24px 52px rgba(0,0,0,.28)
}
.problem-grid>a{border-radius:22px;background:linear-gradient(145deg,#171719,#0e0e10);padding:22px}
.problem-grid>a>span{box-shadow:0 10px 24px rgba(237,28,46,.16)}
.knowledge-card{overflow:hidden;border-radius:24px;background:#111113}
.knowledge-card .card-media{overflow:hidden}
.knowledge-card .card-media img{transition:transform .35s ease,filter .35s ease}
.knowledge-card:hover .card-media img{transform:scale(1.025);filter:contrast(1.04)}
.knowledge-card .card-body{padding:20px}
.knowledge-card .text-link{color:#ff9ba5;font-weight:900}
.awareness-card{border-radius:24px}
.awareness-body{padding:22px}
.share-actions .btn{border-radius:12px}
.action-card{border-radius:22px}
.large-link-card{position:relative;overflow:hidden;border-radius:24px;padding:28px;background:radial-gradient(circle at 100% 0,rgba(237,28,46,.12),transparent 42%),linear-gradient(145deg,#161416,#0c0c0d)}
.large-link-card:after{content:"";position:absolute;left:-35px;bottom:-45px;width:150px;height:150px;border-radius:50%;border:1px solid rgba(237,28,46,.15)}

/* Buttons and accessibility. */
.btn{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.btn-primary:hover,.btn-primary:focus-visible{box-shadow:0 14px 30px rgba(237,28,46,.24)}
a:focus-visible,button:focus-visible{outline:3px solid rgba(255,255,255,.9);outline-offset:3px}

@media(max-width:980px){
  .authority-hero .compact-hero-grid{padding:12px;border-radius:26px}
  .compact-hero-copy{padding:28px 24px}
  .home-tools-grid{grid-template-columns:1fr 1fr}
  .home-tool-card:first-child{grid-column:1/-1}
  .home-tools-intro{align-items:start;flex-direction:column}
}

@media(max-width:640px){
  .header-inner{min-height:68px}
  .authority-hero{padding:14px 0 18px}
  .authority-hero .compact-hero-grid{padding:8px;border-radius:22px;gap:8px}
  .compact-hero-copy{padding:22px 17px}
  .compact-hero-copy h1{font-size:2.34rem;line-height:1.16;margin:.75rem 0 .8rem}
  .compact-hero-copy .actions{display:grid;grid-template-columns:1fr}
  .compact-hero-copy .actions .btn{width:100%;min-height:50px}
  .compact-hero-copy .trust-chips{display:flex;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;flex-wrap:nowrap}
  .compact-hero-copy .trust-chips::-webkit-scrollbar{display:none}
  .compact-hero-copy .trust-chips span{flex:0 0 auto}
  .home-tools-strip{padding:14px 0 28px}
  .home-tools-intro{margin-bottom:12px}
  .home-tools-grid{grid-template-columns:1fr;gap:10px}
  .home-tool-card:first-child{grid-column:auto}
  .home-tool-card{min-height:0;grid-template-columns:46px 1fr;padding:17px;border-radius:18px}
  .home-tool-icon{width:46px;height:46px;border-radius:14px;font-size:1.35rem}
  .home-tool-card b{font-size:1.05rem}
  .home-tool-card em{margin-top:8px}
  .problem-grid>a,.knowledge-card,.awareness-card,.action-card,.large-link-card{border-radius:18px}
  .problem-grid>a:hover,.knowledge-card:hover,.video-card:hover,.action-card:hover,.large-link-card:hover,.awareness-card:hover{transform:none}
  .knowledge-card .card-body,.awareness-body{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  .nav a,.hero-decision-panel>a,.home-tool-card,.problem-grid>a,.knowledge-card,.video-card,.action-card,.large-link-card,.awareness-card,.knowledge-card .card-media img,.btn{transition:none!important}
  .hero-decision-panel>a:hover,.home-tool-card:hover,.problem-grid>a:hover,.knowledge-card:hover,.video-card:hover,.action-card:hover,.large-link-card:hover,.awareness-card:hover{transform:none!important}
}