.btn-gold{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  min-height:52px;
  padding:0 24px;

  background:#C6A15B;
  color:#071014;

  border:1px solid #C6A15B;
  border-radius:8px;

  font-family:"Inter",sans-serif;
  font-size:15px;
  font-weight:600;
  letter-spacing:.2px;

  text-decoration:none;
  cursor:pointer;

  transition:
  background .25s ease,
  transform .25s ease,
  border-color .25s ease;
}

.btn-gold:hover{
  background:#d4b57a;
  border-color:#d4b57a;
  transform:translateY(-2px);
}

.btn-gold:active{
  transform:translateY(0);
}

.btn-gold:focus-visible{
  outline:2px solid #F4F1EA;
  outline-offset:3px;
}

.btn-outline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  min-height:52px;
  padding:0 24px;

  background:transparent;
  color:#C6A15B;

  border:1px solid #C6A15B;
  border-radius:8px;

  font-family:"Inter",sans-serif;
  font-size:15px;
  font-weight:600;
  letter-spacing:.2px;

  text-decoration:none;
  cursor:pointer;

  transition:
  background .25s ease,
  color .25s ease,
  transform .25s ease;
}

.btn-outline:hover{
  background:rgba(198,161,91,.08);
  transform:translateY(-2px);
}

.btn-outline:active{
  transform:translateY(0);
}

.btn-outline:focus-visible{
  outline:2px solid #F4F1EA;
  outline-offset:3px;
}
/* =========================
HERO
========================= */

.hero-briefing{
position:relative;
min-height:100vh;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
background:#071014;
}

.hero-video{
position:absolute;
inset:0;

width:100%;
height:100%;

object-fit:cover;

opacity:.22;

pointer-events:none;
}

.hero-overlay{
position:absolute;
inset:0;

background:
linear-gradient(
rgba(22, 24, 25, 0.516),
rgba(21, 23, 23, 0.614)
);
}

.hero-container{
position:relative;
z-index:2;

width:min(1400px,92%);
margin:auto;
}

.hero-grid{
display:grid;
grid-template-columns:1.2fr .8fr;
gap:80px;
align-items:center;
}

.hero-content{
max-width:820px;
}

.hero-label{
color:#C6A15B;

text-transform:uppercase;

letter-spacing:4px;

font-size:13px;

margin-bottom:24px;

font-family:"JetBrains Mono",monospace;
}

.hero-heading{
font-family:"Fraunces",serif;

font-size:clamp(44px,6vw,72px);

line-height:1.02;

font-weight:500;

color:#F4F1EA;

margin-bottom:30px;
}

.hero-heading span{
display:block;
color:#C6A15B;
}

.hero-description{
font-size:clamp(18px,1.4vw,22px);

line-height:1.8;

color:#F4F1EA;

margin-bottom:22px;

max-width:760px;
}

.hero-support{
font-size:clamp(16px,1.2vw,18px);

line-height:1.9;

color:#B8C2BD;

max-width:760px;
}

.hero-actions{
display:flex;

gap:18px;

flex-wrap:wrap;

margin-top:40px;
}

/* =========================
SIGNAL PANEL
========================= */

.hero-side{
display:flex;
justify-content:center;
}

.signal-framework{
width:100%;
max-width:500px;

padding:36px;

border-radius:24px;

backdrop-filter:blur(18px);

background:
rgba(255,255,255,.04);

border:
1px solid rgba(255,255,255,.12);
}

.framework-label{
color:#C6A15B;

text-transform:uppercase;

letter-spacing:3px;

font-size:12px;

margin-bottom:24px;

font-family:"JetBrains Mono",monospace;
}

.framework-item{
color:#F4F1EA;

padding:18px 0;

font-size:18px;
}

.framework-line{
height:1px;

background:
rgba(255,255,255,.08);
}
.hero-heading,
.executive-section h2,
.section-title,
.pilot-panel h2{
  font-family:"Sora",sans-serif;
}

.hero-description,
.hero-support,
.app-card p,
.executive-section p{
  font-family:"Inter",sans-serif;
}

.hero-label,
.framework-label,
.num{
  font-family:"JetBrains Mono",monospace;
}

.signal-quote p{
  font-family:"Cormorant Garamond",serif;
}
/* =========================
RESPONSIVE
========================= */

@media (max-width:1200px){

.hero-grid{
grid-template-columns:1fr;
gap:50px;
}

.hero-side{
justify-content:flex-start;
}

}

@media (max-width:768px){

.hero-briefing{
min-height:auto;
padding:120px 0 80px;
}

.hero-grid{
gap:40px;
}

.hero-heading{
line-height:1.08;
}

.hero-actions{
flex-direction:column;
}

.btn-gold,
.btn-outline{
width:100%;
}

.signal-framework{
padding:28px;
}

}



/* =========================
EXECUTIVE SIGNAL
========================= */

.executive-signal{
background:#F4F1EA;
padding:140px 0;
}

.section-container{
width:min(1400px,92%);
margin:auto;
}

.signal-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
}

.signal-image{
overflow:hidden;
border-radius:24px;
}

.signal-image img{
width:100%;
display:block;
object-fit:cover;
min-height:650px;
}

.section-label{
font-family:"JetBrains Mono",monospace;

color:#C6A15B;

font-size:12px;

letter-spacing:3px;

text-transform:uppercase;

margin-bottom:24px;
}

.signal-content h2{
font-family:"Sora",sans-serif;

font-size:clamp(36px,5vw,64px);

line-height:1.05;

font-weight:600;

color:#071014;

margin-bottom:32px;
}

.signal-content p{
font-family:"Inter",sans-serif;

font-size:18px;

line-height:1.9;

color:#3D4A50;

margin-bottom:22px;
}

.signal-content blockquote{
margin-top:50px;

padding-left:28px;

border-left:3px solid #C6A15B;

font-family:"Cormorant Garamond",serif;

font-size:40px;

line-height:1.4;

color:#071014;
}

/* =========================
RESPONSIVE
========================= */

@media (max-width:1100px){

.signal-grid{
grid-template-columns:1fr;
}

.signal-image img{
min-height:450px;
}

}

@media (max-width:768px){

.executive-signal{
padding:90px 0;
}

.signal-content blockquote{
font-size:30px;
}

}
/* =========================
WHY THIS MATTERS
========================= */

.why-matters{
position:relative;
overflow:hidden;
padding:160px 0;
}

.why-bg{
position:absolute;
inset:0;

background-image:
url("./image_1.webp");

background-size:cover;
background-position:center;

opacity:.25;
}

.why-overlay{
position:absolute;
inset:0;

background:
linear-gradient(
rgba(7,16,20,.90),
rgba(7,16,20,.96)
);
}

.why-matters .section-container{
position:relative;
z-index:2;
}

.why-header{
max-width:1000px;
margin-bottom:80px;
}

.why-header h2{
font-family:"Sora",sans-serif;
font-size:clamp(40px,5vw,72px);
line-height:1.05;
color:#F4F1EA;
margin-bottom:32px;
}

.why-copy p{
font-family:"Inter",sans-serif;
font-size:18px;
line-height:1.9;
color:#B8C2BD;
margin-bottom:20px;
}

/* =========================
IMAGE PANELS
========================= */

.intelligence-grid{
display:grid;
grid-template-columns:repeat(12,1fr);
gap:24px;
}

.intel-card{
position:relative;
overflow:hidden;
border-radius:10px;
min-height:360px;
display:flex;
align-items:flex-end;
transition:.35s ease;
}

.intel-card:hover{
transform:translateY(-6px);
}

.intel-overlay{
position:absolute;
inset:0;

background:
linear-gradient(
transparent,
rgba(7,16,20,.90)
);
}

.intel-content{
position:relative;
z-index:2;
padding:32px;
}

.intel-content h3{
font-family:"Sora",sans-serif;
font-size:30px;
line-height:1.2;
color:#F4F1EA;
margin-bottom:14px;
}

.intel-content p{
font-family:"Inter",sans-serif;
font-size:16px;
line-height:1.8;
color:#D7D7D7;
}

/* Layout */

.reliability{
grid-column:span 6;
background:
url("./Industrial\ operations\ intelligence.webp")
center/cover;
}

.knowledge{
grid-column:span 6;
background:
url("./Institutional\ Knowledge.webp")
center/cover;
}

.contradiction{
grid-column:span 4;
background:
url("./Contradiction\ Discovery.webp")
center/cover;
}

.validation{
grid-column:span 4;
background:
url("./continous\ validation.webp")
center/cover;
}

.governance{
grid-column:span 4;
background:
url("./governance.webp")
center/cover;
}

@media(max-width:1100px){

.reliability,
.knowledge,
.contradiction,
.validation,
.governance{
grid-column:span 12;
}

}

@media(max-width:768px){

.why-matters{
padding:100px 0;
}

.intel-card{
min-height:300px;
}

.intel-content h3{
font-size:24px;
}

}


/* ======================================================
ARAMCO SCALE OPERATIONS
====================================================== */

.aramco-scale{
background:#F4F1EA;
padding:180px 0;
}

.aramco-header{
max-width:1100px;
margin-bottom:80px;
}

.aramco-header h2{
font-family:"Sora",sans-serif;
font-size:clamp(48px,5vw,72px);
line-height:1.05;
color:#071014;
margin-bottom:30px;
}

.aramco-header p{
font-family:"Inter",sans-serif;
font-size:18px;
line-height:1.9;
color:#4B555A;
margin-bottom:18px;
}

.highlight-line{
color:#C6A15B;
font-weight:600;
}

.intelligence-platform{
display:grid;
grid-template-columns:320px 1fr;
gap:32px;
}

.platform-nav{
display:flex;
flex-direction:column;
gap:12px;
}

.platform-tab{
border:none;
cursor:pointer;


padding:18px 22px;

border-radius:10px;

background:#ffffff;

border:1px solid #DDD5C8;

font-family:"Sora",sans-serif;

text-align:left;

transition:.25s ease;


}

.platform-tab:hover

.platform-tab.active{
background:#071014;
color:#ffffff;
border-color:#C6A15B;
}



.platform-tab{
  border:none;
  cursor:pointer;
  padding:18px 22px;
  border-radius:10px;
  background:#ffffff;
  border:1px solid #DDD5C8;
  color:#071014;
  transition:.25s ease;
}

.platform-tab:hover{
  background:#f8f5ef;
}

.platform-tab.active{
  background:#071014;
  color:#ffffff;
  border-color:#C6A15B;
  box-shadow:0 0 0 1px rgba(198,161,91,.35);
}
.platform-content{
position:relative;
}

.platform-panel{
display:none;


position:relative;

min-height:700px;

border-radius:20px;

overflow:hidden;

background-size:cover;
background-position:center center;


}

.platform-panel.active{
display:block;
}

.platform-overlay{
position:absolute;
inset:0;


background:
linear-gradient(
    90deg,
    rgba(7,16,20,.95) 0%,
    rgba(7,16,20,.82) 45%,
    rgba(7,16,20,.35) 100%
);


}

.platform-info{
position:relative;
z-index:2;


max-width:720px;

padding:80px;


}

.platform-tag{
display:block;


margin-bottom:20px;

color:#C6A15B;

font-family:"JetBrains Mono",monospace;

font-size:12px;

letter-spacing:3px;

text-transform:uppercase;


}

.platform-info h3{
font-family:"Sora",sans-serif;


font-size:clamp(42px,4vw,60px);

line-height:1.05;

color:#F4F1EA;

margin-bottom:40px;


}

.platform-info ul{
list-style:none;
padding:0;
margin:0;
}

.platform-info li{
position:relative;


padding-left:28px;

margin-bottom:20px;

color:#E2E2E2;

font-family:"Inter",sans-serif;

font-size:19px;

line-height:1.8;


}

.platform-info li::before{
content:"";


width:8px;
height:8px;

border-radius:50%;

background:#C6A15B;

position:absolute;

left:0;
top:13px;


}

@media(max-width:1100px){


.intelligence-platform{
    grid-template-columns:1fr;
}

.platform-panel{
    min-height:600px;
}


}

@media(max-width:768px){


.aramco-scale{
    padding:100px 0;
}

.platform-info{
    padding:40px 30px;
}

.platform-info h3{
    font-size:34px;
}

.platform-panel{
    min-height:500px;
}


}

.mobile-platform{
display:none;
}

@media(max-width:1100px){


.desktop-platform{
    display:none;
}

.mobile-platform{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.mobile-card{
    border:1px solid #DDD5C8;
    border-radius:14px;
    overflow:hidden;
    background:#fff;
}

.mobile-trigger{
    width:100%;
    background:none;
    border:none;
    cursor:pointer;

    padding:20px;

    display:flex;
    justify-content:space-between;
    align-items:center;

    font-family:"Sora",sans-serif;
    font-size:16px;
    text-align:left;
}

.mobile-content{
    display:none;
    padding:0 20px 20px;
}

.mobile-card.active .mobile-content{
    display:block;
}

.mobile-content img{
    width:100%;
    border-radius:10px;
    margin-bottom:20px;
}

.mobile-content ul{
    padding-left:18px;
}

.mobile-content li{
    margin-bottom:10px;
    line-height:1.6;
}


}
.mobile-content{
max-height:0;
overflow:hidden;


opacity:0;

transition:
max-height .35s ease,
opacity .25s ease,
padding .35s ease;

padding:0 20px;


}

.mobile-card.active .mobile-content{
max-height:800px;


opacity:1;

padding:0 20px 20px;


}

.mobile-trigger span{
transition:
transform .25s ease;
}

.mobile-card.active .mobile-trigger span{
transform:rotate(180deg);
}


/* ======================================================
WHAT DRAVIK IS
====================================================== */

.what-is-dravik{
position:relative;
overflow:hidden;


background:#071014;

padding:180px 0;


}

.what-is-dravik::before{
content:"";


position:absolute;
inset:0;

background-image:
url("./Institutional\ Knowledge.webp");

background-size:cover;
background-position:center;

opacity:.08;


}

.what-is-dravik .section-container{
position:relative;
z-index:2;
}

.dravik-grid{
display:grid;
grid-template-columns:1fr 1.2fr;
gap:80px;
align-items:start;
}

.dravik-intro h2{
font-family:"Sora",sans-serif;


font-size:clamp(48px,5vw,72px);

line-height:1.05;

color:#F4F1EA;

margin-bottom:32px;


}

.dravik-intro p{
font-family:"Inter",sans-serif;


font-size:18px;

line-height:1.9;

color:#B8C2BD;

margin-bottom:22px;


}

.dravik-statement{
margin-top:60px;


padding-left:24px;

border-left:3px solid #C6A15B;

font-family:"Sora",sans-serif;

font-size:32px;

line-height:1.4;

color:#F4F1EA;


}

.dravik-statement span{
display:block;


margin-top:14px;

color:#C6A15B;


}

.principles-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px;
}

.principle-card{
background:
rgba(255,255,255,.04);


border:
1px solid rgba(255,255,255,.08);

border-radius:18px;

padding:34px;

backdrop-filter:blur(12px);

transition:.3s ease;


}

.principle-card:hover{
border-color:
rgba(198,161,91,.45);


transform:translateY(-4px);


}

.principle-number{
display:block;


margin-bottom:18px;

color:#C6A15B;

font-family:"JetBrains Mono",monospace;

font-size:13px;

letter-spacing:2px;


}

.principle-card h3{
font-family:"Sora",sans-serif;


font-size:24px;

line-height:1.25;

color:#F4F1EA;

margin-bottom:16px;


}

.principle-card p{
font-family:"Inter",sans-serif;


font-size:16px;

line-height:1.8;

color:#B8C2BD;


}

@media(max-width:1100px){


.dravik-grid{
    grid-template-columns:1fr;
    gap:60px;
}


}

@media(max-width:768px){


.what-is-dravik{
    padding:100px 0;
}

.principles-grid{
    grid-template-columns:1fr;
}

.dravik-statement{
    font-size:24px;
}


}

/* ======================================================
WHAT DRAVIK IS NOT
====================================================== */

.dravik-positioning{
position:relative;


background:#F4F1EA;

padding:180px 0;

overflow:hidden;


}

.positioning-header{
max-width:900px;


margin-bottom:80px;


}

.positioning-header h2{
font-family:"Sora",sans-serif;


font-size:clamp(48px,5vw,72px);

line-height:1.05;

color:#071014;

margin-bottom:28px;


}

.positioning-header p{
font-family:"Inter",sans-serif;


font-size:18px;

line-height:1.9;

color:#4A555A;


}

.comparison-grid{
display:grid;


grid-template-columns:1fr 1fr;

gap:40px;


}

.comparison-column{
border-radius:20px;


overflow:hidden;

min-height:650px;


}

.comparison-negative{
background:#FFFFFF;


border:1px solid #E5DED3;


}

.comparison-positive{
background:#071014;


border:1px solid rgba(198,161,91,.35);


}

.comparison-title{
padding:32px 40px;


font-family:"Sora",sans-serif;

font-size:32px;

font-weight:600;


}

.comparison-negative .comparison-title{
color:#071014;


border-bottom:1px solid #E5DED3;


}

.comparison-positive .comparison-title{
color:#F4F1EA;


border-bottom:
1px solid rgba(255,255,255,.08);


}

.comparison-items{
padding:10px 0;
}

.comparison-item{
display:flex;


align-items:flex-start;

gap:18px;

padding:28px 40px;

font-family:"Inter",sans-serif;

font-size:20px;

line-height:1.6;


}

.comparison-negative .comparison-item{
color:#4A555A;


border-bottom:1px solid #ECE6DA;


}

.comparison-positive .comparison-item{
color:#D8D8D8;


border-bottom:
1px solid rgba(255,255,255,.06);


}

.comparison-icon{
font-size:28px;


line-height:1;

color:#9A9A9A;

flex-shrink:0;


}

.comparison-icon.positive{
color:#C6A15B;
}

@media(max-width:1100px){


.comparison-grid{
    grid-template-columns:1fr;
}

.comparison-column{
    min-height:auto;
}


}

@media(max-width:768px){


.dravik-positioning{
    padding:100px 0;
}

.comparison-item{
    padding:24px;
    font-size:18px;
}

.comparison-title{
    padding:24px;
    font-size:26px;
}


}

/* ======================================================
IMMEDIATE PILOT CONCEPT
====================================================== */

.pilot-concept{
position:relative;


background:#071014;

padding:180px 0;

overflow:hidden;


}

.pilot-concept::before{
content:"";


position:absolute;
inset:0;

background:
linear-gradient(
    rgba(7,16,20,.88),
    rgba(7,16,20,.94)
),
url("./Power\ &\ Energy\ Infrastructure.webp");

background-size:cover;
background-position:center;

z-index:1;


}

.pilot-concept .section-container{
position:relative;
z-index:2;
}

.pilot-header{
max-width:1000px;
margin-bottom:70px;
}

.pilot-header h2{
font-family:"Sora",sans-serif;


font-size:clamp(48px,5vw,72px);

line-height:1.05;

color:#F4F1EA;

margin-bottom:28px;


}

.pilot-header p{
font-family:"Inter",sans-serif;


font-size:18px;

line-height:1.9;

color:#B8C2BD;

margin-bottom:18px;


}

/* OBJECTIVE */

.pilot-objective{
max-width:1100px;


margin-bottom:80px;

padding:40px;

border-left:4px solid #C6A15B;

background:
rgba(255,255,255,.04);

backdrop-filter:blur(10px);


}

.objective-label{
display:block;


margin-bottom:16px;

color:#C6A15B;

font-family:"JetBrains Mono",monospace;

font-size:12px;

letter-spacing:3px;


}

.pilot-objective p{
color:#F4F1EA;


font-size:22px;

line-height:1.8;


}

/* PHASES */

.pilot-phases{
display:grid;


grid-template-columns:
repeat(4,1fr);

gap:24px;

margin-bottom:80px;


}

.phase-card{
background:
rgba(255,255,255,.04);


border:
1px solid rgba(255,255,255,.08);

border-radius:18px;

padding:32px;

transition:.3s ease;


}

.phase-card:hover{
transform:translateY(-5px);


border-color:
rgba(198,161,91,.35);


}

.phase-number{
display:block;


margin-bottom:16px;

color:#C6A15B;

font-family:"JetBrains Mono";

font-size:13px;

letter-spacing:2px;


}

.phase-card h3{
font-family:"Sora",sans-serif;


color:#F4F1EA;

font-size:24px;

margin-bottom:18px;


}

.phase-card p{
color:#B8C2BD;


line-height:1.8;


}

/* ASSURANCE */

.pilot-assurance{
background:#F4F1EA;


border-radius:20px;

padding:50px;


}

.pilot-assurance h3{
font-family:"Sora",sans-serif;


color:#071014;

margin-bottom:24px;


}

.pilot-assurance ul{
list-style:none;
padding:0;
margin:0;
}

.pilot-assurance li{
position:relative;


padding-left:30px;

margin-bottom:18px;

color:#4A555A;

line-height:1.8;


}

.pilot-assurance li::before{
content:"✓";


color:#C6A15B;

position:absolute;

left:0;


}

@media(max-width:1100px){


.pilot-phases{
    grid-template-columns:
    repeat(2,1fr);
}


}

@media(max-width:768px){


.pilot-concept{
    padding:100px 0;
}

.pilot-phases{
    grid-template-columns:1fr;
}

.pilot-assurance{
    padding:30px;
}


}

/* ======================================================
WHY QUINTIC LABS
====================================================== */

.why-quintic{
position:relative;


background:#F4F1EA;

padding:180px 0;

overflow:hidden;


}

.why-quintic::before{
content:"";


position:absolute;
inset:0;

background:
linear-gradient(
    rgba(244,241,234,.92),
    rgba(244,241,234,.96)
),
url("./Institutional\ Knowledge.webp");

background-size:cover;
background-position:center;

z-index:1;


}

.why-quintic .section-container{
position:relative;
z-index:2;
}

.why-quintic-content{
max-width:1000px;
margin-bottom:100px;
}

.why-quintic-content h2{
font-family:"Sora",sans-serif;


font-size:clamp(48px,5vw,72px);

line-height:1.05;

color:#071014;

margin-bottom:40px;


}

.why-quintic-story p{
font-family:"Inter",sans-serif;


font-size:18px;

line-height:1.9;

color:#4A555A;

margin-bottom:22px;

max-width:900px;


}

.realization-quote{
font-family:"Sora",sans-serif;


font-size:42px;

line-height:1.2;

color:#071014;

margin:50px 0;

padding-left:30px;

border-left:4px solid #C6A15B;

max-width:800px;


}

.highlight-statement{
color:#C6A15B !important;


font-weight:600;

font-size:22px !important;


}

/* TIMELINE */

.journey-timeline{
position:relative;


display:grid;

grid-template-columns:repeat(4,1fr);

gap:24px;


}

.timeline-line{
position:absolute;


top:28px;
left:0;
right:0;

height:1px;

background:#D8CEC0;


}

.timeline-step{
position:relative;
}

.timeline-number{
width:56px;
height:56px;


border-radius:50%;

background:#071014;

color:#C6A15B;

display:flex;
align-items:center;
justify-content:center;

font-family:"JetBrains Mono";

margin-bottom:30px;

position:relative;
z-index:2;


}

.timeline-card{
background:#FFFFFF;


border:1px solid #E4DBCF;

border-radius:18px;

padding:28px;

min-height:250px;


}

.timeline-card h3{
font-family:"Sora",sans-serif;


color:#071014;

margin-bottom:16px;

font-size:24px;


}

.timeline-card p{
color:#4A555A;


line-height:1.8;


}

@media(max-width:1100px){


.journey-timeline{
    grid-template-columns:repeat(2,1fr);
}

.timeline-line{
    display:none;
}


}

@media(max-width:768px){


.why-quintic{
    padding:100px 0;
}

.journey-timeline{
    grid-template-columns:1fr;
}

.realization-quote{
    font-size:30px;
}


}


/* ======================================================
EXECUTIVE CTA
====================================================== */

.executive-cta{
position:relative;


padding:180px 0;

background:#071014;

overflow:hidden;


}

.executive-cta::before{
content:"";


position:absolute;
inset:0;

background:
linear-gradient(
    rgba(7,16,20,.88),
    rgba(7,16,20,.94)
),
url("./Operational\ Reliability.webp");

background-size:cover;
background-position:center;

z-index:1;


}

.executive-cta .section-container{
position:relative;
z-index:2;
}

.cta-card{


max-width:1000px;

margin:0 auto;

text-align:center;

padding:80px;

background:
rgba(255,255,255,.04);

border:
1px solid rgba(255,255,255,.08);

border-radius:24px;

backdrop-filter:blur(14px);


}

.cta-card h2{


font-family:"Sora",sans-serif;

font-size:clamp(48px,5vw,72px);

line-height:1.05;

color:#F4F1EA;

margin-bottom:40px;


}

.cta-copy{


max-width:850px;

margin:0 auto 50px;


}

.cta-copy p{


font-family:"Inter",sans-serif;

font-size:18px;

line-height:1.9;

color:#B8C2BD;

margin-bottom:20px;


}

.cta-actions{
display:flex;
flex-direction:column;
align-items:center;
}

.cta-actions .btn{


min-width:320px;

justify-content:center;


}

.cta-note{


margin-top:20px;

color:#C6A15B;

font-family:"JetBrains Mono",monospace;

font-size:13px;

letter-spacing:1px;


}

@media(max-width:768px){


.executive-cta{
    padding:100px 0;
}

.cta-card{
    padding:40px 28px;
}

.cta-card h2{
    font-size:38px;
}

.cta-actions .btn{
    width:100%;
    min-width:auto;
}


}

/* ======================================================
SIGNALS & BRIEFINGS
====================================================== */

.signals-briefings{
position:relative;


background:#071014;

padding:180px 0;

overflow:hidden;


}

.signals-briefings::before{
content:"";


position:absolute;
inset:0;

background:
linear-gradient(
    rgba(7,16,20,.90),
    rgba(7,16,20,.95)
),
url("./data-executive.webp");

background-size:cover;
background-position:center;

z-index:1;


}

.signals-briefings .section-container{
position:relative;
z-index:2;
}

.signals-header{
max-width:900px;


margin-bottom:80px;


}

.signals-header h2{
font-family:"Sora",sans-serif;


font-size:clamp(48px,5vw,72px);

line-height:1.05;

color:#F4F1EA;

margin-bottom:28px;


}

.signals-header p{
font-family:"Inter",sans-serif;


font-size:18px;

line-height:1.9;

color:#B8C2BD;


}

.briefings-grid{
display:grid;


grid-template-columns:
repeat(3,1fr);

gap:30px;


}

.briefing-card{
background:
rgba(255,255,255,.04);


border:
1px solid rgba(255,255,255,.08);

border-radius:20px;

overflow:hidden;

backdrop-filter:blur(12px);

transition:.3s ease;


}

.briefing-card:hover{
transform:translateY(-6px);


border-color:
rgba(198,161,91,.35);


}

.briefing-image{
height:240px;
}

.briefing-image img{
width:100%;
height:100%;


object-fit:cover;

display:block;


}

.briefing-content{
padding:32px;
}

.briefing-tag{
display:inline-block;


margin-bottom:18px;

color:#C6A15B;

font-family:"JetBrains Mono",monospace;

font-size:12px;

letter-spacing:2px;

text-transform:uppercase;


}

.briefing-content h3{
font-family:"Sora",sans-serif;


font-size:28px;

line-height:1.25;

color:#F4F1EA;

margin-bottom:18px;


}

.briefing-content p{
font-family:"Inter",sans-serif;


font-size:16px;

line-height:1.8;

color:#B8C2BD;

margin-bottom:30px;


}

.briefing-footer{
color:#C6A15B;


font-family:"JetBrains Mono",monospace;

font-size:13px;

letter-spacing:1px;


}

@media(max-width:1100px){


.briefings-grid{
    grid-template-columns:1fr;
}


}

@media(max-width:768px){


.signals-briefings{
    padding:100px 0;
}

.briefing-content{
    padding:24px;
}

.briefing-content h3{
    font-size:24px;
}


}

/* =====================================================
EXECUTIVE CONTACT
===================================================== */

.executive-contact{
background:#F4F1EA;
padding:140px 0;
}

.executive-contact-card{


display:grid;
grid-template-columns:480px 1fr;

border-radius:28px;

overflow:hidden;

background:#ffffff;

border:1px solid #E6DED1;

box-shadow:
0 30px 80px rgba(0,0,0,.08);


}

/* LEFT SIDE */

.executive-contact-info{


position:relative;

background-image:
linear-gradient(
    rgba(7,16,20,.90),
    rgba(7,16,20,.94)
),
url("./continous\ validation.webp");

background-size:cover;
background-position:center;

color:#fff;


}

.contact-info-content{


position:relative;

z-index:2;

padding:60px 50px;

height:100%;


}

.contact-eyebrow{


color:#C6A15B;

font-size:12px;

letter-spacing:3px;

font-family:"JetBrains Mono",monospace;


}

.executive-contact-info h3{


margin-top:20px;

font-size:48px;

line-height:1.05;

color:#fff;

margin-bottom:24px;


}

.executive-contact-info p{


color:rgba(255,255,255,.75);

line-height:1.8;

margin-bottom:18px;


}

.briefing-topics{


display:flex;

flex-wrap:wrap;

gap:10px;

margin-top:35px;


}

.briefing-topic{


padding:10px 14px;

border-radius:999px;

background:
rgba(198,161,91,.15);

border:
1px solid rgba(198,161,91,.25);

color:#E4C98D;

font-size:13px;


}

.contact-divider{


height:1px;

background:
rgba(255,255,255,.08);

margin:40px 0;


}

.contact-detail{


margin-bottom:28px;


}

.contact-detail span{


display:block;

color:#C6A15B;

font-size:11px;

letter-spacing:3px;

margin-bottom:10px;


}

.contact-detail a{


color:#fff;

text-decoration:none;

font-size:20px;

font-weight:600;


}

.contact-detail p{


color:#fff;


}

/* FORM SIDE */

.executive-contact-form{


padding:60px;


}

.form-header{


margin-bottom:35px;


}

.form-header span{


color:#C6A15B;

font-size:12px;

letter-spacing:3px;

font-family:"JetBrains Mono",monospace;


}

.form-header h3{


margin-top:14px;

font-size:34px;

line-height:1.2;

color:#071014;


}

#executiveBriefingForm{


display:flex;

flex-direction:column;

gap:22px;


}

.form-row{


display:grid;

grid-template-columns:1fr 1fr;

gap:20px;


}

.form-group{


display:flex;

flex-direction:column;


}

.form-group label{


margin-bottom:10px;

color:#071014;

font-size:14px;

font-weight:600;


}

.form-group input,
.form-group select,
.form-group textarea{


width:100%;

padding:18px 20px;

border-radius:8px;

background:#FAF9F6;

border:1px solid #E1D8CA;

color:#071014;

font-size:16px;

transition:.25s ease;


}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{


outline:none;

border-color:#C6A15B;

background:#fff;

box-shadow:
0 0 0 5px rgba(198,161,91,.12);


}

.form-group textarea{


resize:vertical;


}

.briefing-submit-btn{


width:100%;

height:62px;

border:none;

border-radius:12px;

background:#C6A15B;

color:#071014;

font-weight:700;

font-size:16px;

cursor:pointer;

transition:.3s ease;


}

.briefing-submit-btn:hover{


transform:translateY(-2px);

box-shadow:
0 15px 35px rgba(198,161,91,.30);


}

.btn-loading{
display:none;
}

.briefing-submit-btn.loading .btn-text{
display:none;
}

.briefing-submit-btn.loading .btn-loading{
display:inline;
}

.contact-success{


display:none;

margin-top:20px;

padding:18px;

border-radius:12px;

background:#EEF8F0;

color:#2E7D32;

border:1px solid #C8E6C9;


}

.contact-success.show{
display:block;
}

.contact-note{


text-align:center;

margin-top:18px;

color:#6B7377;

font-size:14px;


}

/* MOBILE */

@media(max-width:1100px){


.executive-contact-card{

    grid-template-columns:1fr;
}

.executive-contact-info{

    min-height:500px;
}


}

@media(max-width:768px){


.executive-contact{
    padding:80px 0;
}

.executive-contact-form{
    padding:32px;
}

.contact-info-content{
    padding:40px 32px;
}

.form-row{
    grid-template-columns:1fr;
}

.executive-contact-info h3{
    font-size:38px;
}

.form-header h3{
    font-size:28px;
}


}
.btn-loading{
    display:none;
}

.briefing-submit-btn.loading .btn-text{
    display:none;
}

.briefing-submit-btn.loading .btn-loading{
    display:inline;
}

.briefing-submit-btn.loading{
    cursor:not-allowed;
    opacity:.85;
}