/* =====================================================
SECTION 1 — HERO
===================================================== */

.hero{


position:relative;

min-height:100vh;

display:flex;

align-items:center;

overflow:hidden;

background:#071014;


}

.hero-bg{


position:absolute;

inset:0;


}

.hero-video{


width:100%;

height:100%;

object-fit:cover;


}

.hero-overlay{


position:absolute;

inset:0;

background:
linear-gradient(
    rgba(7,16,20,.74),
    rgba(7,16,20,.86)
);


}

.hero .container{


position:relative;

z-index:5;

width:100%;

max-width:1180px;

margin:0 auto;

padding:10px 20px 120px;


}

.hero-grid{


display:grid;

grid-template-columns:
1.4fr
.9fr;

gap:90px;

align-items:center;


}

.hero-content{


max-width:720px;


}

.hero-label{


display:flex;

align-items:center;

gap:14px;

margin-bottom:34px;

font-family:
"JetBrains Mono",
monospace;

font-size:13px;

letter-spacing:2px;

text-transform:uppercase;

color:#C6A15B;


}

.hero-label-line{


width:50px;

height:1px;

background:#C6A15B;


}

.hero h1{


margin:0;

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

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

font-weight:600;

line-height:1.02;

color:#F4F1EA;


}

.hero h1 span{


display:block;

margin-top:12px;

color:#C6A15B;


}

.hero-subtitle{

margin-top:42px;
font-family:
"Inter",
sans-serif;
font-size:clamp(18px,1.4vw,22px);
line-height:1.8;
color:#F4F1EA;
}

.hero-support{
margin-top:24px;
max-width:650px;
font-family:
"Inter",
sans-serif;
font-size:clamp(16px,1.2vw,18px);
line-height:1.8;
color:#B6C0BB;


}

.hero-buttons{


display:flex;

flex-wrap:wrap;

gap:18px;

margin-top:48px;


}

/* ==========================
RIGHT PANEL
========================== */

.hero-panel{


padding:36px;

border-radius:24px;

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

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

backdrop-filter:
blur(16px);


}

.hero-panel-top{


margin-bottom:28px;


}

.hero-panel-top span{


font-family:
"JetBrains Mono",
monospace;

font-size:12px;

letter-spacing:2px;

text-transform:uppercase;

color:#C6A15B;


}

.hero-domain-card{


display:flex;

gap:18px;

align-items:flex-start;

padding:10px;

margin-bottom:18px;

border-radius:10px;

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

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

transition:.3s ease;


}

.hero-domain-card:last-child{

margin-bottom:0;

}

.hero-domain-card:hover{


transform:
translateX(8px);

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

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


}

.domain-number{


min-width:44px;

height:44px;

border-radius:12px;

display:flex;

align-items:center;

justify-content:center;

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

font-family:
"JetBrains Mono",
monospace;

font-size:12px;

color:#C6A15B;


}

.domain-content h3{


margin:0;

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

font-size:16px;

font-weight:600;

color:#F4F1EA;


}

.domain-content p{


margin-top:10px;

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

font-size:14px;

line-height:1.7;

color:#B6C0BB;


}

/* ==========================
TABLET
========================== */

@media(max-width:992px){

.hero .container{


padding:80px 24px 90px;


}

.hero-grid{


grid-template-columns:1fr;

gap:60px;


}

.hero h1{


font-size:56px;


}

.hero-subtitle{


font-size:20px;


}

.hero-support{


font-size:17px;


}

}

/* ==========================
MOBILE
========================== */

@media(max-width:768px){

.hero{


min-height:auto;


}

.hero .container{


padding:80px 20px 80px;


}

.hero-label{


font-size:11px;


}

.hero-label-line{


width:35px;


}

.hero h1{


font-size:40px;


}

.hero-subtitle{


margin-top:28px;

font-size:18px;


}

.hero-support{


margin-top:20px;

font-size:16px;


}

.hero-buttons{


flex-direction:column;


}

.hero-buttons a{


width:100%;

text-align:center;


}

.hero-panel{


padding:24px;


}

.hero-domain-card{


padding:18px;


}

}

/* =====================================================
SECTION 2 — EXECUTIVE SIGNAL
===================================================== */

.executive-signal{


padding:120px 0;

background:#F4F1EA;


}

.executive-signal-grid{


display:grid;

grid-template-columns:
1.4fr
.8fr;

gap:80px;

margin-top:70px;

align-items:start;


}

.executive-signal-content p{


margin:0 0 34px;

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

font-size:clamp(18px,1.4vw,22px);

line-height:1.9;

color:#3A4347;


}

.executive-signal-content p:last-child{


margin-bottom:0;


}

.executive-signal-panel{

    position:sticky;

    top:120px;

    padding:42px;

    border-radius:24px;

    color:#F4F1EA;

    overflow:hidden;

    background-image:

    linear-gradient(
        rgba(7, 16, 20, 0.902),
        rgba(7, 16, 20, 0.945)
    ),

    url("./data-executive.webp");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

}

.executive-signal-panel::after{

    content:"";

    position:absolute;

    inset:0;

    background:
    radial-gradient(
        circle at top right,
        rgba(198,161,91,.08),
        transparent 55%
    );

    pointer-events:none;

}

.executive-signal-panel > *{

    position:relative;

    z-index:2;

}
.executive-signal-panel::before{


content:"";

position:absolute;

top:0;
left:0;

width:100%;
height:3px;

background:#C6A15B;


}

.signal-panel-label{


font-family:
"JetBrains Mono",
monospace;

font-size:12px;

letter-spacing:2px;

text-transform:uppercase;

color:#C6A15B;


}

.signal-divider{


width:60px;

height:1px;

margin:28px 0;

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


}

.executive-signal-panel blockquote{


margin:0;

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

font-size:18px;

line-height:1.5;

font-weight:300;

color:#F4F1EA;
padding: 20px 0;

}

/* ==========================
TABLET
========================== */

@media(max-width:992px){

.executive-signal{


padding:90px 0;


}

.executive-signal-grid{


grid-template-columns:1fr;

gap:50px;


}

.executive-signal-panel{


position:relative;

top:auto;


}

.executive-signal-panel blockquote{


font-size:26px;


}

.executive-signal-content p{


font-size:19px;


}

}

/* ==========================
MOBILE
========================== */

@media(max-width:768px){

.executive-signal{


padding:70px 0;


}

.executive-signal-grid{


margin-top:50px;


}

.executive-signal-content p{


font-size:17px;

line-height:1.8;


}

.executive-signal-panel{


padding:28px;


}

.executive-signal-panel blockquote{


font-size:22px;

line-height:1.6;


}

}

/* =====================================================
SECTION 3 — WHY QUINTIC LABS
===================================================== */

.why-quintic{

    position:relative;

    padding:120px 0;

    overflow:hidden;

    background-image:

    linear-gradient(
        rgba(7, 16, 20, 0.9),
        rgba(7, 16, 20, 0.966)
    ),

    url("./Industrial operations intelligence.webp");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

}

.why-quintic::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    radial-gradient(
        circle at top right,
        rgba(198,161,91,.08),
        transparent 45%
    );

    pointer-events:none;

}

.why-quintic .container{

    position:relative;

    z-index:2;

}

.why-quintic .section-head h2{


color:#F4F1EA;


}

.why-quintic-grid{


display:grid;

grid-template-columns:
1fr
1fr;

gap:80px;

margin-top:70px;

align-items:center;


}

.why-quintic-image{

    position:relative;

    min-height:620px;

    border-radius:24px;

    overflow:hidden;

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

    background-image:

    linear-gradient(
        rgba(7,16,20,.20),
        rgba(7,16,20,.55)
    ),

    url("./Institutional Knowledge Preservation.webp");

    background-size:cover;

    background-position:center;

}
.image-overlay{


position:absolute;

inset:0;
background:
linear-gradient(
    rgba(7,16,20,.35),
    rgba(7,16,20,.78)
);
}
.image-caption{
position:absolute;
left:35px;
bottom:35px;
z-index:5;
font-family:
"JetBrains Mono",
monospace;
font-size:12px;
letter-spacing:2px;
color:#C6A15B;
}
.why-quintic-content p{
margin:0 0 34px;
font-family:
"Inter",
sans-serif;
font-size:20px;
line-height:1.9;
color:#D7DBD9;
}
.quintic-principles{
display:grid;
grid-template-columns:
repeat(2,1fr);
gap:18px;
margin-top:50px;
}
.quintic-principles div{
padding:20px;
border-radius:16px;
background:
rgba(255,255,255,.04);
border:1px solid
rgba(255,255,255,.08);
font-family:
"JetBrains Mono",
monospace;
font-size:13px;
letter-spacing:1.5px;
color:#F4F1EA;
transition:.3s ease;
}
.quintic-principles div:hover{
transform:
translateY(-4px);
border-color:
rgba(198,161,91,.4);
}

/* ==========================
TABLET
========================== */

@media(max-width:992px){
.why-quintic{
padding:90px 0;
}
.why-quintic-grid{
grid-template-columns:1fr;
}
.why-quintic-image{
min-height:500px;
}
}

/* ==========================
MOBILE
========================== */

@media(max-width:768px){
.why-quintic{
padding:70px 0;
}
.why-quintic-grid{
margin-top:50px;
gap:50px;
}
.why-quintic-image{
min-height:380px;
}
.why-quintic-content p{
font-size:17px;
line-height:1.8;
}
.quintic-principles{
grid-template-columns:1fr;

}

}

/* =====================================================
SECTION 4 — RESEARCH PHILOSOPHY
===================================================== */

.research-philosophy{


position:relative;

padding:120px 0;

background-image:

linear-gradient(
    rgba(244, 241, 234, 0.918),
    rgb(244, 241, 234)
),

url("./philosophy.webp");

background-size:cover;

background-position:center;


}

.research-philosophy .container{


position:relative;

z-index:2;


}

.philosophy-intro{


max-width:820px;

margin-top:70px;


}

.philosophy-intro p{


margin:0 0 34px;

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

font-size:20px;

line-height:1.9;

color:#556065;


}

.manifesto{


position:relative;

margin-top:90px;


}

.manifesto-line{


position:absolute;

left:30px;

top:0;

width:1px;

height:100%;

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


}

.manifesto-item{


position:relative;

display:grid;

grid-template-columns:
60px
1fr;

gap:50px;

margin-bottom:70px;


}

.manifesto-item:last-child{


margin-bottom:0;


}

.manifesto-number{


position:relative;

z-index:2;

width:60px;

height:60px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:#FFFFFF;

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

font-family:
"JetBrains Mono",
monospace;

font-size:13px;

color:#C6A15B;

transition:.3s;


}

.manifesto-item:hover
.manifesto-number{


transform:scale(1.08);

background:#C6A15B;

color:#071014;


}

.manifesto-content{


padding-bottom:18px;

border-bottom:1px solid
rgba(227, 133, 18, 0.491);
width: fit-content;

}

.manifesto-content h3{


margin:0;

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

font-size:34px;

font-weight:600;

color:#071014;


}

.manifesto-content p{


max-width:700px;

margin-top:20px;

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

font-size:18px;

line-height:1.9;

color:#5E676B;


}

/* ==========================
TABLET
========================== */

@media(max-width:992px){

.research-philosophy{


padding:90px 0;


}

.manifesto-content h3{


font-size:28px;


}

}

/* ==========================
MOBILE
========================== */

@media(max-width:768px){

.research-philosophy{


padding:70px 0;


}

.philosophy-intro p{


font-size:17px;


}

.manifesto-item{


grid-template-columns:
45px
1fr;

gap:20px;


}

.manifesto-line{


left:22px;


}

.manifesto-number{


width:45px;

height:45px;

font-size:11px;


}

.manifesto-content h3{


font-size:22px;


}

.manifesto-content p{


font-size:16px;


}

}

/* =====================================================
SECTION 5 — DRAVIK
===================================================== */

.dravik-home{


position:relative;

padding:120px 0;

overflow:hidden;

background-image:

linear-gradient(
    rgb(7, 16, 20),
    rgba(7, 16, 20, 0.952)
),

url("./the-dravik-ai.webp");

background-size:cover;

background-position:center;


}

.dravik-home-grid{


display:grid;

grid-template-columns:
1.2fr
.8fr;

gap:90px;

align-items:center;


}

.dravik-home-content h2{


margin-top:24px;

color:#F4F1EA;


}

.dravik-home-content p{


margin:0 0 30px;

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

font-size:20px;

line-height:1.9;

color:#D4DBD8;


}

.dravik-home-actions{


margin-top:50px;


}

.dravik-home-panel{


padding:40px;

border-radius:28px;

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

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

backdrop-filter:
blur(14px);


}

.dravik-panel-label{


font-family:
"JetBrains Mono",
monospace;

font-size:12px;

letter-spacing:2px;

color:#C6A15B;


}

.dravik-panel-line{


width:60px;

height:1px;

margin:28px 0;

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


}

.dravik-feature{


padding:20px 0;

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

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

font-size:20px;

line-height:1.5;

color:#F4F1EA;


}

.dravik-feature:last-child{


border-bottom:none;


}

/* ==========================
TABLET
========================== */

@media(max-width:992px){

.dravik-home{


padding:90px 0;


}

.dravik-home-grid{


grid-template-columns:1fr;

gap:60px;


}

}

/* ==========================
MOBILE
========================== */

@media(max-width:768px){

.dravik-home{


padding:70px 0;


}

.dravik-home-content p{


font-size:17px;


}

.dravik-home-panel{


padding:28px;


}

.dravik-feature{


font-size:20px;


}

}
/* =====================================================
SECTION 6 — POTENTIAL APPLICATIONS
===================================================== */

.applications{


position:relative;

padding:120px 0;

overflow:hidden;

background:#071014;

background-image:

linear-gradient(
    rgba(7,16,20,.82),
    rgba(7,16,20,.90)
),

url("./images/applications-bg.webp");

background-size:cover;

background-position:center;


}

.applications .section-head h2{


color:#F4F1EA;


}

.applications .lead{


color:#C5CFCA;


}

.applications-list{


margin-top:80px;


}

.application-item{


display:flex;

align-items:center;

gap:40px;

padding:34px 0;

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

transition:.3s ease;


}

.application-item:hover{


padding-left:18px;


}

.application-item span{


min-width:55px;

font-family:
"JetBrains Mono",
monospace;

font-size:13px;

letter-spacing:2px;

color:#C6A15B;


}

.application-item h3{


margin:0;

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

font-size:36px;

font-weight:500;

color:#F4F1EA;

transition:.3s ease;


}

.application-item:hover h3{


color:#C6A15B;


}

.applications-footer{


margin-top:70px;

text-align:center;


}

/* ==========================
TABLET
========================== */

@media(max-width:992px){

.applications{


padding:90px 0;


}

.application-item h3{


font-size:30px;


}

}

/* ==========================
MOBILE
========================== */

@media(max-width:768px){

.applications{


padding:70px 0;


}

.applications-list{


margin-top:50px;


}

.application-item{


gap:20px;

padding:24px 0;


}

.application-item span{


min-width:40px;

font-size:11px;


}

.application-item h3{


font-size:22px;

line-height:1.4;


}

.applications-footer{


margin-top:50px;


}

.applications-footer a{


width:100%;

text-align:center;


}

}



.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:40px;

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;
}

/* ==========================================
EXECUTIVE NETWORK
========================================== */

.executive-network{


margin-top:40px;


}

.network-label{


display:block;

margin-bottom:22px;

font-family:
"JetBrains Mono",
monospace;

font-size:12px;

letter-spacing:2px;

color:#C6A15B;


}

.network-links{


display:flex;

flex-direction:column;

gap:16px;


}

.network-link{


display:flex;

align-items:center;

gap:18px;

padding:18px 22px;

border-radius:18px;

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

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

text-decoration:none;

transition:.3s ease;


}

.network-link:hover{


transform:
translateX(8px);

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

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


}

.network-icon{


width:52px;

height:52px;

border-radius:14px;

display:flex;

align-items:center;

justify-content:center;

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

color:#C6A15B;

font-size:20px;


}

.network-content{


flex:1;

display:flex;

flex-direction:column;

gap:4px;


}

.network-content strong{


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

font-size:17px;

font-weight:500;

color:#F4F1EA;


}

.network-content span{


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

font-size:14px;

color:#AEB7B3;


}

.network-link
.fa-arrow-right{


color:#C6A15B;

transition:.3s;


}

.network-link:hover
.fa-arrow-right{


transform:
translateX(4px);


}