/* ============================================================
   PIM X — EIOS | compro.css | Company Profile | v4.0
   ============================================================ */

/* ── PAGE OFFSET ────────────────────────────────────────────── */
.page-public { padding-top: 68px; }

/* ── NAVBAR ─────────────────────────────────────────────────── */
.navbar {
    position:fixed; top:0; left:0; right:0;
    z-index:var(--z-navbar);
    background:#FFFFFF;
    height:68px;
    border-bottom:1px solid var(--border);
    box-shadow:var(--shadow-sm);
    transition:height .3s ease, box-shadow .3s ease;
}
.navbar-scrolled { height:60px; box-shadow:0 2px 16px rgba(0,0,0,.10); }
.navbar-container {
    max-width:1200px; margin:0 auto; padding:0 1.5rem;
    height:100%; display:flex; align-items:center;
    justify-content:space-between; gap:1rem;
}
.navbar-brand      { display:flex; align-items:center; flex-shrink:0; }
.navbar-logo       { height:36px; width:auto; object-fit:contain; transition:height .3s ease; }
.navbar-scrolled .navbar-logo { height:30px; }
.navbar-logo-mobile{ display:none; height:32px; width:auto; object-fit:contain; }
.navbar-menu {
    display:flex; align-items:center; gap:.125rem;
    list-style:none; margin:0; padding:0;
}
.nav-link {
    display:inline-flex; align-items:center;
    padding:.5rem .875rem; color:var(--text-muted);
    font-size:.875rem; font-weight:500;
    border-radius:var(--radius-sm);
    transition:var(--transition); white-space:nowrap; position:relative;
}
.nav-link:hover  { color:var(--navy); background:var(--bg-surface); }
.nav-link.active { color:var(--gold); font-weight:600; }
.nav-link.active::after {
    content:''; position:absolute; bottom:2px; left:50%;
    transform:translateX(-50%); width:4px; height:4px;
    background:var(--gold); border-radius:50%;
}
.navbar-actions { display:flex; align-items:center; gap:.875rem; flex-shrink:0; }
.lang-toggle { display:flex; align-items:center; gap:.25rem; font-size:.8rem; }
.lang-btn { color:var(--text-light); font-weight:500; padding:.2rem .375rem; border-radius:4px; transition:var(--transition); }
.lang-btn:hover { color:var(--navy); }
.lang-btn.lang-active { color:var(--gold); font-weight:700; }
.lang-divider { color:var(--border-md); }
.btn-navbar-login {
    display:inline-flex; align-items:center;
    padding:.5rem 1.125rem; background:var(--gold);
    color:var(--navy); font-size:.85rem; font-weight:600;
    border-radius:var(--radius-md); border:1.5px solid var(--gold);
    transition:var(--transition); white-space:nowrap;
}
.btn-navbar-login:hover { background:var(--gold-dark); border-color:var(--gold-dark); color:#fff; }
.navbar-hamburger { display:none; flex-direction:column; gap:5px; padding:.5rem; cursor:pointer; background:none; border:none; }
.hamburger-line { display:block; width:22px; height:2px; background:var(--text-dark); border-radius:2px; transition:var(--transition); }
.navbar-hamburger.is-active .hamburger-line:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.navbar-hamburger.is-active .hamburger-line:nth-child(2) { opacity:0; }
.navbar-hamburger.is-active .hamburger-line:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
.navbar-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,.3); z-index:calc(var(--z-navbar) - 1); }
.navbar-overlay.overlay-open { display:block; }

/* ── SECTIONS ───────────────────────────────────────────────── */
.compro-section       { padding:80px 0; }
.compro-section-white { background:var(--bg-white); }
.compro-section-light { background:var(--bg-page); }
.compro-section-navy  { background:var(--navy); }
.section-header-compro{ text-align:center; margin-bottom:3rem; }
.section-eyebrow {
    display:inline-flex; align-items:center; gap:.5rem;
    font-size:.72rem; font-weight:600; color:var(--gold);
    text-transform:uppercase; letter-spacing:.12em; margin-bottom:.875rem;
}
.section-title-compro {
    font-size:clamp(1.5rem,3vw,2.25rem); font-weight:700;
    color:var(--text-primary); margin-bottom:.875rem; line-height:1.25;
}
.section-title-compro .gold { color:var(--gold); }
.section-subtitle-compro { font-size:1rem; color:var(--text-muted); max-width:580px; margin:0 auto; line-height:1.7; }
.compro-section-navy .section-title-compro { color:#fff; }
.compro-section-navy .section-subtitle-compro { color:rgba(255,255,255,.55); }
.title-decorated { position:relative; display:inline-block; }
.title-decorated::after { content:''; display:block; width:48px; height:3px; background:var(--gold); border-radius:2px; margin:.75rem auto 0; }

/* ── HERO ───────────────────────────────────────────────────── */
.hero-section {
    min-height:100vh; background:var(--bg-page);
    display:flex; align-items:center;
    position:relative; overflow:hidden; padding:4rem 0;
}
.hero-section::before {
    content:''; position:absolute; width:480px; height:480px;
    border-radius:50%; background:rgba(245,158,11,.06);
    top:-160px; right:-120px; pointer-events:none;
}
.hero-section::after {
    content:''; position:absolute; width:300px; height:300px;
    border-radius:50%; background:rgba(10,22,40,.04);
    bottom:-100px; right:100px; pointer-events:none;
}
.hero-container {
    max-width:1200px; margin:0 auto; padding:0 1.5rem;
    display:grid; grid-template-columns:1fr 1fr;
    gap:4rem; align-items:center;
    position:relative; z-index:1; width:100%;
}
.hero-eyebrow {
    display:inline-flex; align-items:center; gap:.5rem;
    font-size:.72rem; font-weight:600; color:var(--gold-dark);
    text-transform:uppercase; letter-spacing:.12em;
    margin-bottom:1.25rem; border-left:3px solid var(--gold);
    padding-left:.75rem;
}
.hero-title { font-size:clamp(1.875rem,4vw,2.875rem); font-weight:700; color:var(--text-primary); line-height:1.2; margin-bottom:1.25rem; }
.hero-title .gold { color:var(--gold); text-decoration:underline; text-decoration-color:rgba(245,158,11,.3); text-underline-offset:4px; }
.hero-subtitle { font-size:1rem; color:var(--text-muted); line-height:1.75; margin-bottom:2rem; max-width:480px; }
.hero-actions { display:flex; gap:1rem; flex-wrap:wrap; }
.btn-hero-primary {
    display:inline-flex; align-items:center; gap:.5rem;
    padding:.875rem 1.75rem; background:var(--gold); color:var(--navy);
    font-weight:700; font-size:.95rem; border-radius:var(--radius-lg);
    border:2px solid var(--gold); transition:var(--transition);
    position:relative; overflow:hidden; white-space:nowrap;
}
.btn-hero-primary::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.05) 100%); pointer-events:none; }
.btn-hero-primary:hover { background:var(--gold-dark); border-color:var(--gold-dark); color:#fff; transform:translateY(-2px); box-shadow:var(--shadow-gold); }
.btn-hero-secondary {
    display:inline-flex; align-items:center; gap:.5rem;
    padding:.875rem 1.75rem; background:transparent; color:var(--navy);
    font-weight:600; font-size:.95rem; border-radius:var(--radius-lg);
    border:2px solid var(--navy); transition:var(--transition); white-space:nowrap;
}
.btn-hero-secondary:hover { background:var(--navy); color:#fff; transform:translateY(-2px); }
.hero-visual { display:flex; align-items:center; justify-content:center; position:relative; }
.hero-logo-card {
    width:100%; max-width:400px; aspect-ratio:1;
    background:var(--bg-white); border-radius:var(--radius-xl);
    border:1px solid var(--border); box-shadow:var(--shadow-lg);
    display:flex; align-items:center; justify-content:center;
    padding:3rem; position:relative; overflow:hidden;
}
.hero-logo-card::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,var(--gold),var(--gold-dark)); }
.hero-logo-card img { max-width:260px; animation:heroFloat 4s ease-in-out infinite; }
@keyframes heroFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
.scroll-indicator { position:absolute; bottom:1.5rem; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:.375rem; color:var(--text-light); font-size:.65rem; letter-spacing:.1em; text-transform:uppercase; animation:scrollBounce 2.5s ease-in-out infinite; }
.scroll-arrow { font-size:1rem; color:var(--gold); }
@keyframes scrollBounce { 0%,100%{transform:translateX(-50%) translateY(0);opacity:.5} 50%{transform:translateX(-50%) translateY(6px);opacity:1} }

/* ── STATS BAR ──────────────────────────────────────────────── */
.stats-bar { background:var(--navy); padding:2.5rem 0; }
.stats-bar-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:2rem; text-align:center; max-width:1200px; margin:0 auto; padding:0 1.5rem; }
.stats-bar-item { position:relative; }
.stats-bar-item:not(:last-child)::after { content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); height:40%; width:1px; background:rgba(255,255,255,.1); }
.stats-bar-number { font-size:2rem; font-weight:700; color:var(--gold); line-height:1; margin-bottom:.375rem; }
.stats-bar-label { font-size:.78rem; color:rgba(255,255,255,.5); text-transform:uppercase; letter-spacing:.08em; }

/* ── DNA CARDS ──────────────────────────────────────────────── */
.dna-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1.25rem; }
.dna-card { text-align:center; padding:1.75rem 1.25rem; background:var(--bg-white); border-radius:var(--radius-lg); border:1px solid var(--border); transition:all .3s ease; position:relative; overflow:hidden; }
.dna-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:transparent; transition:var(--transition); }
.dna-card:hover { border-color:var(--gold); transform:translateY(-3px); box-shadow:var(--shadow-md); }
.dna-card:hover::before { background:var(--gold); }
.dna-icon { width:52px; height:52px; background:var(--gold-light); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; font-size:1.5rem; margin:0 auto 1rem; transition:var(--transition); }
.dna-card:hover .dna-icon { background:var(--gold); }
.dna-title { font-size:.875rem; font-weight:600; color:var(--text-dark); margin-bottom:.375rem; line-height:1.4; }
.dna-desc  { font-size:.78rem; color:var(--text-muted); line-height:1.5; }

/* ── FLOW ───────────────────────────────────────────────────── */
.flow-container { display:flex; align-items:stretch; gap:0; position:relative; }
.flow-step { flex:1; text-align:center; padding:1.5rem 1rem; background:var(--bg-white); border:1px solid var(--border); position:relative; transition:all .3s ease; }
.flow-step:first-child { border-radius:var(--radius-lg) 0 0 var(--radius-lg); }
.flow-step:last-child  { border-radius:0 var(--radius-lg) var(--radius-lg) 0; }
.flow-step:not(:last-child)::after { content:'→'; position:absolute; right:-14px; top:50%; transform:translateY(-50%); font-size:1.1rem; color:var(--gold); z-index:2; background:var(--bg-page); padding:.25rem; font-weight:700; }
.flow-step:hover { background:var(--gold-light); border-color:var(--gold); z-index:1; }
.flow-num { width:32px; height:32px; background:var(--gold); color:var(--navy); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.78rem; font-weight:700; margin:0 auto .75rem; }
.flow-title { font-size:.8rem; font-weight:700; color:var(--text-dark); text-transform:uppercase; letter-spacing:.04em; margin-bottom:.25rem; line-height:1.3; }
.flow-desc  { font-size:.72rem; color:var(--text-muted); line-height:1.4; }

/* ── MRI CARDS ──────────────────────────────────────────────── */
.mri-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.25rem; }
.mri-card { background:var(--bg-white); border-radius:var(--radius-lg); border:1px solid var(--border); padding:1.5rem; transition:all .3s ease; position:relative; overflow:hidden; display:flex; flex-direction:column; gap:.875rem; }
.mri-card::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:var(--gold); }
.mri-card:hover { border-color:var(--gold); transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.mri-badge { display:inline-flex; padding:.25rem .625rem; background:var(--gold-light); color:var(--gold-dark); border-radius:var(--radius-sm); font-size:.72rem; font-weight:700; letter-spacing:.06em; width:fit-content; }
.mri-title { font-size:1.05rem; font-weight:700; color:var(--text-primary); line-height:1.3; }
.mri-desc  { font-size:.82rem; color:var(--text-muted); line-height:1.6; flex:1; }
.mri-price { font-size:1rem; font-weight:700; color:var(--gold-dark); }
.mri-target{ font-size:.78rem; color:var(--text-light); }
.mri-divider{ height:1px; background:var(--border); }

/* ── PILOT CARDS ────────────────────────────────────────────── */
.pilot-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
.pilot-card { background:var(--bg-white); border-radius:var(--radius-lg); border:1px solid var(--border); padding:1.5rem; transition:all .3s ease; }
.pilot-card:hover { border-color:var(--gold); transform:translateY(-3px); box-shadow:var(--shadow-md); }
.pilot-card-header { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:.875rem; gap:.75rem; }
.pilot-sector  { font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--text-light); margin-bottom:.375rem; }
.pilot-name    { font-size:1rem; font-weight:700; color:var(--text-primary); line-height:1.3; }
.pilot-location{ font-size:.8rem; color:var(--text-muted); margin-top:.25rem; }
.pilot-status  { padding:.2rem .625rem; border-radius:var(--radius-sm); font-size:.72rem; font-weight:700; flex-shrink:0; }
.pilot-status-aktif  { background:#DBEAFE; color:#1E40AF; }
.pilot-status-proses { background:#FEF3C7; color:#92400E; }
.pilot-status-selesai{ background:#D1FAE5; color:#065F46; }
.pilot-divider { height:1px; background:var(--border); margin:.875rem 0; }
.pilot-meta { display:flex; gap:1rem; flex-wrap:wrap; }
.pilot-meta-item  { display:flex; flex-direction:column; gap:.125rem; }
.pilot-meta-label { font-size:.65rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:var(--text-light); }
.pilot-meta-value { font-size:.85rem; font-weight:600; color:var(--text-dark); }

/* ── TIMELINE ───────────────────────────────────────────────── */
.timeline-container { position:relative; padding:1rem 0; }
.timeline-line { position:absolute; top:50%; left:0; right:0; height:2px; background:var(--border); transform:translateY(-50%); }
.timeline-line-fill { height:100%; width:20%; background:linear-gradient(90deg,var(--gold),var(--gold-dark)); }
.timeline-steps { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; position:relative; z-index:1; }
.timeline-step { text-align:center; padding:.5rem; }
.timeline-dot { width:40px; height:40px; border-radius:50%; background:var(--bg-white); border:2px solid var(--border); display:flex; align-items:center; justify-content:center; margin:0 auto .75rem; font-size:.78rem; font-weight:700; color:var(--text-muted); transition:var(--transition); }
.timeline-step.active .timeline-dot { background:var(--gold); border-color:var(--gold); color:var(--navy); box-shadow:var(--shadow-gold); }
.timeline-year    { font-size:.72rem; font-weight:700; color:var(--text-light); text-transform:uppercase; letter-spacing:.06em; margin-bottom:.375rem; }
.timeline-revenue { font-size:.9rem; font-weight:700; color:var(--text-dark); margin-bottom:.25rem; }
.timeline-desc    { font-size:.72rem; color:var(--text-muted); line-height:1.4; }

/* ── WHY PIM X ──────────────────────────────────────────────── */
.why-grid    { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; }
.why-tagline { font-size:1.5rem; font-weight:700; color:var(--text-primary); margin-bottom:.5rem; line-height:1.3; }
.why-tagline .gold { color:var(--gold); }
.why-sub     { font-size:.95rem; color:var(--text-muted); line-height:1.7; margin-bottom:2rem; }
.rules-list  { display:flex; flex-direction:column; gap:.75rem; }
.rule-item   { display:flex; align-items:flex-start; gap:.875rem; padding:1rem 1.25rem; background:var(--bg-white); border-radius:var(--radius-md); border:1px solid var(--border); transition:var(--transition); }
.rule-item:hover { border-color:var(--gold); box-shadow:var(--shadow-sm); }
.rule-num    { width:32px; height:32px; min-width:32px; background:var(--gold); color:var(--navy); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.75rem; font-weight:800; }
.rule-text   { font-size:.875rem; font-weight:500; color:var(--text-dark); line-height:1.5; padding-top:.25rem; }
.why-visual  { display:flex; align-items:center; justify-content:center; }
.why-visual-card { background:var(--navy); border-radius:var(--radius-xl); padding:2.5rem; text-align:center; width:100%; max-width:380px; }
.why-visual-logo { max-width:160px; margin:0 auto 1.5rem; }
.why-visual-motto{ font-size:.78rem; color:rgba(255,255,255,.5); text-transform:uppercase; letter-spacing:.15em; line-height:2; }

/* ── CTA BOTTOM ─────────────────────────────────────────────── */
.cta-section { background:var(--navy); padding:80px 0; position:relative; overflow:hidden; text-align:center; }
.cta-section::before { content:''; position:absolute; width:400px; height:400px; border-radius:50%; background:rgba(245,158,11,.05); top:-150px; right:-100px; pointer-events:none; }
.cta-inner   { position:relative; z-index:1; }
.cta-eyebrow { display:inline-flex; align-items:center; gap:.5rem; font-size:.72rem; font-weight:600; color:var(--gold); text-transform:uppercase; letter-spacing:.12em; margin-bottom:1rem; }
.cta-title   { font-size:clamp(1.5rem,3vw,2.25rem); font-weight:700; color:#fff; margin-bottom:.75rem; line-height:1.25; }
.cta-title .gold { color:var(--gold); }
.cta-subtitle{ font-size:1rem; color:rgba(255,255,255,.55); margin-bottom:2.5rem; max-width:520px; margin-left:auto; margin-right:auto; line-height:1.7; }
.cta-actions { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
.btn-cta-gold {
    display:inline-flex; align-items:center; gap:.5rem;
    padding:.875rem 2rem; background:var(--gold); color:var(--navy);
    font-weight:700; font-size:.95rem; border-radius:var(--radius-lg);
    border:2px solid var(--gold); transition:var(--transition); position:relative; overflow:hidden;
}
.btn-cta-gold::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.05) 100%); pointer-events:none; }
.btn-cta-gold:hover { background:var(--gold-dark); border-color:var(--gold-dark); color:#fff; transform:translateY(-2px); box-shadow:var(--shadow-gold); }
.btn-cta-ghost { display:inline-flex; align-items:center; gap:.5rem; padding:.875rem 2rem; background:transparent; color:rgba(255,255,255,.8); font-weight:600; font-size:.95rem; border-radius:var(--radius-lg); border:2px solid rgba(255,255,255,.25); transition:var(--transition); }
.btn-cta-ghost:hover { border-color:var(--gold); color:var(--gold); }

/* ── FOOTER ─────────────────────────────────────────────────── */
.footer-public { background:var(--navy); padding-top:4rem; }
.footer-container { max-width:1200px; margin:0 auto; padding:0 1.5rem 3rem; display:grid; grid-template-columns:2fr 1fr 1.5fr 1.5fr; gap:3rem; }
.footer-logo { height:40px; width:auto; opacity:.9; }
.footer-tagline { font-size:.72rem; color:var(--gold); text-transform:uppercase; letter-spacing:.12em; margin-bottom:.75rem; }
.footer-subdesc { font-size:.8rem; color:rgba(255,255,255,.35); line-height:1.6; max-width:240px; }
.footer-holding { font-size:.72rem; color:rgba(255,255,255,.25); margin-top:1rem; font-style:italic; }
.footer-col-title { font-size:.72rem; font-weight:600; color:rgba(255,255,255,.45); text-transform:uppercase; letter-spacing:.12em; margin-bottom:1rem; }
.mt-footer { margin-top:1.5rem; }
.footer-links { display:flex; flex-direction:column; gap:.5rem; }
.footer-links a { font-size:.85rem; color:rgba(255,255,255,.4); transition:var(--transition); }
.footer-links a:hover { color:var(--gold); }
.footer-contact-list { display:flex; flex-direction:column; gap:.75rem; }
.footer-contact-list li { display:flex; align-items:center; gap:.625rem; }
.footer-contact-icon { font-size:.875rem; flex-shrink:0; }
.footer-contact-list a { font-size:.85rem; color:rgba(255,255,255,.45); transition:var(--transition); }
.footer-contact-list a:hover { color:var(--gold); }
.footer-cta { margin-top:1.25rem; }
.btn-footer-cta { display:inline-flex; align-items:center; padding:.5rem 1.25rem; background:var(--gold); color:var(--navy); font-size:.85rem; font-weight:600; border-radius:var(--radius-md); border:1.5px solid var(--gold); transition:var(--transition); }
.btn-footer-cta:hover { background:transparent; color:var(--gold); }
.footer-lang { display:flex; align-items:center; gap:.5rem; margin-top:1.25rem; font-size:.8rem; color:rgba(255,255,255,.2); }
.footer-lang-btn { color:rgba(255,255,255,.35); transition:var(--transition); }
.footer-lang-btn:hover,.footer-lang-btn.lang-active { color:var(--gold); font-weight:600; }
.footer-divider { height:1px; background:rgba(255,255,255,.08); max-width:1200px; margin:0 auto; }
.footer-bottom { padding:1.25rem 0; }
.footer-bottom-inner { max-width:1200px; margin:0 auto; padding:0 1.5rem; display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; }
.footer-copy  { font-size:.78rem; color:rgba(255,255,255,.25); }
.footer-motto { font-size:.72rem; color:rgba(245,158,11,.4); font-style:italic; letter-spacing:.08em; }

/* ── ABOUT ──────────────────────────────────────────────────── */
.about-intro-grid { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:start; }
.about-card { background:var(--bg-white); border-radius:var(--radius-lg); padding:2rem; border:1px solid var(--border); }
.about-card-title { font-size:1rem; font-weight:700; color:var(--text-dark); margin-bottom:1rem; padding-bottom:.75rem; border-bottom:2px solid var(--gold); display:inline-block; }
.about-list { display:flex; flex-direction:column; gap:.625rem; margin-top:1rem; }
.about-list li { display:flex; align-items:flex-start; gap:.625rem; font-size:.875rem; color:var(--text-muted); line-height:1.5; }
.about-list-bukan li::before { content:'✕'; color:var(--red); font-weight:700; flex-shrink:0; margin-top:1px; }
.about-list-adalah li::before { content:'✓'; color:var(--emerald); font-weight:700; flex-shrink:0; margin-top:1px; }

/* ── CONTACT ────────────────────────────────────────────────── */
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:start; }
.contact-item { display:flex; align-items:flex-start; gap:1rem; padding:1rem 0; border-bottom:1px solid var(--border); }
.contact-item:last-of-type { border-bottom:none; }
.contact-icon { width:44px; height:44px; min-width:44px; background:var(--gold-light); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; font-size:1.1rem; }
.contact-label { font-size:.72rem; color:var(--text-light); font-weight:600; text-transform:uppercase; letter-spacing:.08em; margin-bottom:.25rem; }
.contact-value { font-size:.95rem; font-weight:600; color:var(--text-dark); }
.contact-value a { color:var(--text-dark); }
.contact-value a:hover { color:var(--gold); }
.contact-cta-card { background:var(--navy); border-radius:var(--radius-xl); padding:2.5rem; text-align:center; }
.contact-cta-title { font-size:1.25rem; font-weight:700; color:#fff; margin-bottom:.5rem; }
.contact-cta-desc  { font-size:.875rem; color:rgba(255,255,255,.5); margin-bottom:1.5rem; line-height:1.6; }

/* ── TEAM ───────────────────────────────────────────────────── */
.team-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; }
.team-card { text-align:center; background:var(--bg-white); border-radius:var(--radius-lg); padding:2rem 1.5rem; border:1px solid var(--border); transition:all .3s ease; }
.team-card:hover { border-color:var(--gold); transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.team-avatar { width:84px; height:84px; border-radius:50%; overflow:hidden; margin:0 auto 1.25rem; background:var(--navy); border:3px solid var(--gold-light); display:flex; align-items:center; justify-content:center; }
.team-avatar img { width:100%; height:100%; object-fit:cover; }
.team-avatar-initial { font-size:1.75rem; font-weight:700; color:var(--gold); }
.team-name { font-size:1rem; font-weight:700; color:var(--text-primary); margin-bottom:.25rem; }
.team-role { font-size:.72rem; color:var(--gold-dark); font-weight:600; text-transform:uppercase; letter-spacing:.08em; margin-bottom:.875rem; }
.team-desc { font-size:.8rem; color:var(--text-muted); line-height:1.6; }

/* ── SCORING PAGE ───────────────────────────────────────────── */
.scoring-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.scoring-card { background:var(--bg-white); border-radius:var(--radius-lg); padding:1.75rem; border:1px solid var(--border); border-top:4px solid var(--gold); transition:all .3s ease; }
.scoring-card:hover { box-shadow:var(--shadow-md); transform:translateY(-3px); }
.scoring-card-icon  { font-size:1.5rem; margin-bottom:.875rem; }
.scoring-card-title { font-size:1rem; font-weight:700; color:var(--text-primary); margin-bottom:.5rem; }
.scoring-card-formula { font-size:.78rem; color:var(--gold-dark); font-family:monospace; background:var(--gold-light); padding:.5rem .75rem; border-radius:var(--radius-sm); margin:.75rem 0; }
.scoring-card-desc { font-size:.85rem; color:var(--text-muted); }
.decision-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:1.5rem; }
.decision-card { padding:1.5rem; border-radius:var(--radius-lg); text-align:center; border:1px solid transparent; }
.decision-card-go          { background:#F0FDF4; border-color:#BBF7D0; }
.decision-card-conditional { background:#FFFBEB; border-color:#FDE68A; }
.decision-card-nogo        { background:#FEF2F2; border-color:#FECACA; }
.decision-label { font-size:1.1rem; font-weight:800; letter-spacing:.08em; margin-bottom:.5rem; }
.decision-card-go .decision-label          { color:#065F46; }
.decision-card-conditional .decision-label { color:#92400E; }
.decision-card-nogo .decision-label        { color:#991B1B; }
.decision-condition { font-size:.8rem; color:var(--text-muted); }

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width:1024px) {
    .dna-grid    { grid-template-columns:repeat(3,1fr); }
    .mri-grid    { grid-template-columns:repeat(2,1fr); }
    .team-grid   { grid-template-columns:repeat(2,1fr); }
    .footer-container { grid-template-columns:1fr 1fr; }
    .timeline-steps { grid-template-columns:repeat(3,1fr); }
    .why-grid    { grid-template-columns:1fr; }
    .why-visual  { display:none; }
    .scoring-grid{ grid-template-columns:1fr; }
    .decision-grid { grid-template-columns:1fr; }
}
@media (max-width:768px) {
    .page-public { padding-top:68px; }
    .compro-section { padding:56px 0; }
    .navbar-logo { display:none!important; }
    .navbar-logo-mobile { display:block!important; }
    .navbar-hamburger { display:flex!important; }
    .navbar-menu {
        position:fixed!important; top:68px!important; left:0!important; right:0!important;
        background:#fff!important; flex-direction:column!important;
        padding:1rem 1.5rem 1.5rem!important; gap:.25rem!important;
        border-bottom:1px solid var(--border)!important;
        box-shadow:0 4px 16px rgba(0,0,0,.08)!important;
        transform:translateY(-120%)!important; transition:transform .3s ease!important; z-index:999!important;
    }
    .navbar-menu.menu-open { transform:translateY(0)!important; }
    .nav-link { padding:.75rem 1rem!important; width:100%!important; }
    .hero-container { grid-template-columns:1fr; text-align:center; gap:2rem; }
    .hero-visual { display:none; }
    .hero-eyebrow,.hero-subtitle { margin-left:auto; margin-right:auto; }
    .hero-actions { justify-content:center; }
    .stats-bar-grid { grid-template-columns:repeat(2,1fr); }
    .dna-grid   { grid-template-columns:repeat(2,1fr); }
    .mri-grid   { grid-template-columns:1fr; }
    .pilot-grid { grid-template-columns:1fr; }
    .team-grid  { grid-template-columns:repeat(2,1fr); }
    .about-intro-grid { grid-template-columns:1fr; }
    .contact-grid { grid-template-columns:1fr; }
    .flow-container { flex-direction:column; }
    .flow-step { border-radius:var(--radius-md)!important; border:1px solid var(--border)!important; }
    .flow-step::after { display:none!important; }
    .timeline-line  { display:none; }
    .timeline-steps { grid-template-columns:1fr; }
    .footer-container { grid-template-columns:1fr; gap:2rem; }
    .footer-bottom-inner { flex-direction:column; text-align:center; }
}
@media (max-width:480px) {
    .compro-section { padding:48px 0; }
    .dna-grid   { grid-template-columns:1fr; }
    .team-grid  { grid-template-columns:1fr; }
    .stats-bar-grid { grid-template-columns:1fr; }
    .hero-title { font-size:1.75rem; }
    .btn-hero-primary,.btn-hero-secondary { width:100%; justify-content:center; }
    .cta-actions { flex-direction:column; align-items:center; }
    .cta-actions .btn-cta-gold,.cta-actions .btn-cta-ghost { width:100%; justify-content:center; }
}