/* ============================================================
   3EH — Evidence-Based Feasibility, Due Diligence & Decision Support
   Shared design system. Single cached stylesheet across all pages.
   ============================================================ */

:root{
  --navy:#07131f; --navy2:#0d2132; --navy3:#15344a;
  --ink:#11202c; --muted:#5c6b79; --muted2:#7d8a95;
  --sand:#f4f0e8; --paper:#fbfaf7; --line:#e2e6e3; --line2:#d3dad6;
  --white:#fff; --amber:#e0a82e; --amber2:#f2c35a; --teal:#2a7f78; --teal2:#3a9d94;
  --green:#2f8f6a; --red:#c0553f; --blue:#3f6d94;
  --radius:22px; --radius-sm:14px; --shadow:0 24px 70px rgba(7,19,31,.12);
  --shadow-sm:0 8px 26px rgba(7,19,31,.08); --max:1200px; --nav-h:72px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;font-family:"DM Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.container{width:min(var(--max),calc(100% - 44px));margin-inline:auto}
h1,h2,h3,h4{font-family:Manrope,sans-serif;margin:0;line-height:1.08;letter-spacing:-.03em;color:var(--ink)}
h1{font-size:clamp(2.35rem,5vw,4.4rem)}
h2{font-size:clamp(1.85rem,3.6vw,3.1rem)}
h3{font-size:1.2rem}
h4{font-size:1rem}
p{margin:0;color:var(--muted)}
.lead{font-size:clamp(1.02rem,1.4vw,1.2rem);color:var(--muted)}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.eyebrow::before{content:"";width:26px;height:2px;background:currentColor}
.center{text-align:center}
.center .eyebrow{justify-content:center}
section{padding:96px 0}
.tight{padding:70px 0}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 24px;border-radius:999px;font-weight:800;font-size:.9rem;border:1px solid transparent;cursor:pointer;transition:.2s}
.btn-primary{background:var(--amber);color:var(--navy)}
.btn-primary:hover{background:var(--amber2);transform:translateY(-1px)}
.btn-dark{background:var(--navy);color:#fff}
.btn-dark:hover{background:var(--navy2)}
.btn-ghost{border-color:var(--line2);color:var(--ink);background:#fff}
.btn-ghost:hover{background:var(--sand)}
.btn-ghost-light{border-color:rgba(255,255,255,.28);color:#fff}
.btn-ghost-light:hover{background:rgba(255,255,255,.08)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}

/* ---------- Navigation ---------- */
.nav{position:fixed;inset:0 0 auto 0;z-index:80;background:rgba(7,19,31,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
.navin{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;color:#fff}
.logo{width:44px;height:44px;border:1px solid rgba(242,195,90,.55);border-radius:13px;display:grid;place-items:center;font:800 .82rem Manrope;color:var(--amber2);background:linear-gradient(145deg,rgba(224,168,46,.2),rgba(255,255,255,.03))}
.brandtext b{display:block;font-family:Manrope;font-size:.95rem;letter-spacing:-.01em}
.brandtext span{display:block;font-size:.63rem;color:rgba(255,255,255,.55);letter-spacing:.1em;text-transform:uppercase}
.links{display:flex;align-items:center;gap:22px;color:rgba(255,255,255,.78);font-size:.82rem;font-weight:700}
.links a:hover{color:#fff}
.has-drop{position:relative}
.drop{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);min-width:250px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:9px;opacity:0;visibility:hidden;transition:.18s}
.has-drop:hover .drop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.drop a{display:block;padding:10px 13px;border-radius:10px;color:var(--ink);font-size:.83rem;font-weight:600}
.drop a:hover{background:var(--sand);color:var(--navy)}
.navcta{padding:11px 17px;border:1px solid var(--amber2);border-radius:999px;color:#fff!important;background:rgba(224,168,46,.12)}
.navcta:hover{background:rgba(224,168,46,.2)}
.langs{display:flex;gap:4px;padding-left:14px;border-left:1px solid rgba(255,255,255,.16)}
.langs a{font-size:.7rem;padding:4px 7px;border-radius:8px}
.langs a.on{background:rgba(255,255,255,.12);color:#fff}
.menu{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;border-radius:11px;font-size:1.1rem}

/* ---------- Hero ---------- */
.hero{background:var(--navy);color:#fff;padding:calc(var(--nav-h) + 70px) 0 84px;position:relative;isolation:isolate;overflow:hidden}
.hero::before{content:"";position:absolute;width:760px;height:760px;border-radius:50%;right:-280px;top:-260px;background:radial-gradient(circle,rgba(42,127,120,.34),transparent 66%);z-index:-1}
.hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,black,transparent 90%);z-index:-1}
.hero h1,.hero h2{color:#fff}
.hero .eyebrow{color:var(--amber2)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:60px;align-items:center}
.hero h1 em{font-style:normal;color:var(--amber2)}
.hero .lead{color:rgba(255,255,255,.72);max-width:640px;margin-top:22px}

/* decision card */
.decision-card{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);backdrop-filter:blur(14px);border-radius:26px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.25)}
.decision-card .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--amber2);font-weight:800}
.decision-card .question{font-family:Manrope;font-weight:800;font-size:1.45rem;line-height:1.2;margin:11px 0 20px;color:#fff}
.decision-list{display:grid;gap:9px}
.decision{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:13px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.82);font-size:.84rem;font-weight:600}
.dot{width:9px;height:9px;border-radius:50%;background:var(--teal2);box-shadow:0 0 0 5px rgba(42,127,120,.15);flex:none}
.decision.is-final .dot{background:var(--amber);box-shadow:0 0 0 5px rgba(224,168,46,.15)}

/* proof bar */
.proof{margin-top:52px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden}
.proofitem{padding:19px 22px;border-right:1px solid rgba(255,255,255,.1)}
.proofitem:last-child{border-right:0}
.proofitem b{display:block;font-family:Manrope;font-size:1.5rem;color:#fff}
.proofitem span{display:block;color:rgba(255,255,255,.55);font-size:.73rem;margin-top:3px}

/* ---------- Section heads ---------- */
.section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:end;margin-bottom:44px}
.section-head h2{margin-top:12px}
.section-head.center{display:block;text-align:center;max-width:760px;margin-inline:auto}

/* ---------- Breadcrumb ---------- */
.crumb{background:var(--sand);border-bottom:1px solid var(--line);padding:calc(var(--nav-h) + 20px) 0 20px}
.crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;font-size:.78rem;color:var(--muted2);font-weight:600}
.crumb a:hover{color:var(--teal)}
.crumb li::after{content:"›";margin-left:8px;color:var(--line2)}
.crumb li:last-child::after{content:""}
.crumb li:last-child{color:var(--ink)}

/* ---------- Cards / services ---------- */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:26px;display:flex;flex-direction:column;transition:.25s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line2)}
.card .num{font:800 .72rem Manrope;color:var(--teal);letter-spacing:.12em}
.card h3{margin:30px 0 10px}
.card p{font-size:.9rem}
.card .more{margin-top:auto;padding-top:20px;font-weight:800;font-size:.82rem;color:var(--navy)}
.card .more::after{content:" →"}

/* generic feature grid */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}

/* checklist / ticks */
.ticks{display:grid;gap:10px;margin-top:22px}
.tick{position:relative;padding-left:30px;font-size:.92rem;color:var(--ink)}
.tick::before{content:"";position:absolute;left:0;top:6px;width:18px;height:18px;border-radius:6px;background:var(--teal);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center/13px no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center/13px no-repeat}

/* panel boxes */
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}
.panel.sand{background:var(--sand);border-color:transparent}
.panel.dark{background:var(--navy2);border-color:rgba(255,255,255,.1);color:#fff}
.panel.dark h3,.panel.dark h2{color:#fff}
.panel.dark p{color:rgba(255,255,255,.68)}

/* prose (article/info pages) */
.prose{max-width:760px}
.prose h2{margin:46px 0 16px}
.prose h3{margin:32px 0 10px;font-size:1.3rem}
.prose p{color:var(--ink);margin-bottom:16px;font-size:1.02rem}
.prose ul,.prose ol{color:var(--ink);padding-left:22px;margin:0 0 20px}
.prose li{margin-bottom:8px}
.prose strong{color:var(--navy)}

/* tables */
.tbl{width:100%;border-collapse:collapse;font-size:.9rem;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.tbl th,.tbl td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line)}
.tbl th{background:var(--navy);color:#fff;font:800 .82rem Manrope;letter-spacing:.01em}
.tbl tr:last-child td{border-bottom:0}
.tbl tr:nth-child(even) td{background:var(--paper)}

/* decision bands */
.bands{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}
.band{border-radius:14px;padding:18px;color:#fff;font-weight:700}
.band b{display:block;font:800 1rem Manrope;margin-bottom:5px}
.band span{font-size:.8rem;opacity:.9;font-weight:600}
.band.proceed{background:var(--green)}
.band.cond{background:var(--teal)}
.band.revise{background:var(--amber);color:var(--navy)}
.band.reject{background:var(--red)}

/* methodology wheel */
.method{background:var(--navy);color:#fff}
.method .eyebrow{color:var(--amber2)}
.method h2{color:#fff}
.framework{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.wheel{aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:grid;place-items:center;position:relative;max-width:440px;margin:auto;background:radial-gradient(circle,rgba(42,127,120,.18),transparent 65%)}
.core{width:160px;height:160px;border-radius:50%;background:var(--amber);color:var(--navy);display:grid;place-items:center;text-align:center;font:800 1.4rem Manrope;box-shadow:0 0 0 16px rgba(224,168,46,.08)}
.orbit{position:absolute;width:92px;height:92px;border-radius:50%;background:var(--navy2);border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;text-align:center;font-weight:800;font-size:.74rem;color:#fff}
.o1{top:3%;left:50%;transform:translateX(-50%)}
.o2{right:3%;top:50%;transform:translateY(-50%)}
.o3{bottom:3%;left:50%;transform:translateX(-50%)}
.o4{left:3%;top:50%;transform:translateY(-50%)}
.method-list{display:grid;gap:12px}
.method-item{padding:18px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}
.method-item b{display:block;font:800 1rem Manrope;color:#fff}
.method-item span{display:block;color:rgba(255,255,255,.6);font-size:.84rem;margin-top:4px}

/* flow */
.flow{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin-top:26px}
.flow .step{flex:1;min-width:135px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 15px}
.flow .step b{display:block;font:800 .72rem Manrope;color:var(--teal);letter-spacing:.1em;margin-bottom:6px}
.flow .step span{font-size:.86rem;color:var(--ink);font-weight:600}
.flow .arrow{align-self:center;color:var(--line2);font-weight:800}

/* industries / logos */
.industries{background:var(--sand)}
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.industry{min-height:120px;padding:19px;border-radius:16px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}
.industry b{font:800 .92rem Manrope}
.industry span{font-size:.8rem;color:var(--muted2)}
.logos{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;justify-content:center;margin-top:8px}
.logos span{font:700 .95rem Manrope;color:var(--muted2);opacity:.85;letter-spacing:.01em}

/* FAQ */
.faq{display:grid;gap:10px;max-width:820px;margin-inline:auto}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:2px 20px}
.faq summary{cursor:pointer;list-style:none;padding:18px 30px 18px 0;font:700 1.02rem Manrope;color:var(--navy);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:15px;font-size:1.5rem;color:var(--teal);font-weight:400}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 20px;color:var(--muted)}

/* about */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.credential{background:var(--sand);border-radius:26px;padding:36px;position:relative}
.credential::before{content:"\201C";position:absolute;right:24px;top:-6px;font:800 6rem Georgia;color:rgba(224,168,46,.22)}
.credential p{font-size:1.06rem;color:var(--ink)}
.credential b{display:block;margin-top:20px;color:var(--navy);font-family:Manrope}
.credential span{color:var(--muted);font-size:.84rem}

/* CTA band */
.cta{padding:78px 0;background:var(--teal);color:#fff}
.cta h2{color:#fff;max-width:760px}
.cta p{color:rgba(255,255,255,.82);margin-top:12px}
.cta-grid{display:flex;justify-content:space-between;gap:36px;align-items:center;flex-wrap:wrap}
.cta .btn-primary{background:var(--navy);color:#fff}
.cta .btn-primary:hover{background:var(--navy2)}

/* forms */
.form{display:grid;gap:14px}
.field{display:grid;gap:6px}
.field label{font:700 .8rem Manrope;color:var(--navy)}
.field input,.field select,.field textarea{padding:13px 14px;border:1px solid var(--line2);border-radius:12px;background:#fff;color:var(--ink)}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--teal2);border-color:transparent}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}

/* footer */
footer{background:#050e17;color:#fff;padding:56px 0 26px}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,.72fr);gap:36px}
.footer-brand p{color:rgba(255,255,255,.5);font-size:.84rem;max-width:340px;margin-top:16px}
.footer-col b{display:block;font:800 .75rem Manrope;text-transform:uppercase;letter-spacing:.1em;color:var(--amber2);margin-bottom:14px}
.footer-col a{display:block;color:rgba(255,255,255,.6);font-size:.83rem;margin:8px 0}
.footer-col a:hover{color:#fff}
.bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);margin-top:38px;padding-top:22px;color:rgba(255,255,255,.42);font-size:.75rem;flex-wrap:wrap}

/* utilities */
.mt-0{margin-top:0}.mt-s{margin-top:14px}.mt-m{margin-top:24px}
.muted{color:var(--muted)}
.pill{display:inline-block;font:800 .7rem Manrope;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);background:rgba(42,127,120,.1);padding:6px 12px;border-radius:999px}

/* ---------- Responsive ---------- */
@media(max-width:1050px){
  .links{display:none;position:absolute;top:var(--nav-h);left:0;right:0;background:var(--navy);padding:16px 22px 24px;flex-direction:column;align-items:flex-start;gap:6px;border-bottom:1px solid rgba(255,255,255,.1)}
  .links.open{display:flex}
  .links a{padding:9px 0;width:100%}
  .has-drop .drop{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;background:transparent;border:0;padding:0 0 6px 12px;min-width:0}
  .has-drop .drop a{color:rgba(255,255,255,.7);padding:6px 0}
  .has-drop .drop a:hover{background:transparent;color:#fff}
  .langs{border:0;padding:0;margin-top:8px}
  .menu{display:block}
  .hero-grid,.section-head,.framework,.about-grid,.grid-2{grid-template-columns:1fr}
  .cards,.grid-3{grid-template-columns:repeat(2,1fr)}
  .industry-grid,.grid-4,.bands{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .container{width:calc(100% - 30px)}
  .brandtext span{display:none}
  section{padding:64px 0}
  .proof{grid-template-columns:1fr 1fr}
  .cards,.grid-3,.industry-grid,.grid-4,.bands,.row2{grid-template-columns:1fr}
  .actions{flex-direction:column}
  .actions .btn{width:100%}
  .flow .arrow{display:none}
  .footer-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


/* === PRODUCTION V1 HOMEPAGE DESIGN SYNC === */

:root{
  --ink:#0b1821; --ink2:#102733; --teal:#167d78; --teal2:#1c918a;
  --gold:#efb631; --sand:#f4f1ea; --paper:#fffdfa; --muted:#63717a; --line:#dfe5e7;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.topbar{background:#09151d;color:#cdd6dc;font-size:12px}
.topbar .container{height:34px;display:flex;justify-content:space-between;align-items:center}
.topbar b{color:var(--gold)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,250,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(10,24,33,.08)}
.nav{height:78px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:12px;min-width:245px}
.brand-mark{width:46px;height:46px;border-radius:13px;background:var(--ink);color:var(--gold);display:grid;place-items:center;font:800 15px Manrope}
.brand b{display:block;font:800 17px Manrope}
.brand small{display:block;color:#7c8990;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}
.navlinks{display:flex;align-items:center;gap:22px;margin-left:auto}
.navlinks a{font-size:13px;font-weight:700;color:#33434c}
.navlinks a:hover{color:var(--teal)}
.nav-actions{display:flex;align-items:center;gap:10px}
.lang{font-size:12px;font-weight:800;color:#5d6a72}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 19px;font-weight:800;font-size:13px;border:1px solid transparent;transition:.2s ease}
.btn:hover{transform:translateY(-1px)}
.btn-gold{background:var(--gold);color:#111a1f}
.btn-dark{background:var(--ink);color:#fff}
.btn-outline{border-color:#cfd7da;background:#fff;color:var(--ink)}
.menu-btn{display:none}

.hero{padding:72px 0 52px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-130px;top:-70px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(22,125,120,.14),transparent 68%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:60px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--teal);font:800 11px Manrope;letter-spacing:.12em;text-transform:uppercase}
.eyebrow:before{content:"";width:28px;height:2px;background:currentColor}
.hero h1{font:800 clamp(48px,5.4vw,76px)/.98 Manrope;margin:19px 0 22px;letter-spacing:-.055em;max-width:780px}
.hero h1 span{color:var(--teal)}
.hero .lead{font-size:18px;line-height:1.65;color:#5f6e76;max-width:760px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}
.trustline{display:flex;gap:18px;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.trustline span{font-size:12px;color:#69777f}
.trustline b{color:var(--ink)}

.decision-panel{background:var(--ink);color:#fff;border-radius:24px;padding:28px;box-shadow:0 28px 70px rgba(8,22,31,.18);position:relative;overflow:hidden}
.decision-panel:after{content:"";position:absolute;right:-100px;bottom:-120px;width:320px;height:320px;border-radius:50%;border:1px solid rgba(239,182,49,.25)}
.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
.panel-head strong{font:800 15px Manrope}
.badge{font-size:10px;letter-spacing:.1em;background:rgba(239,182,49,.14);color:var(--gold);border:1px solid rgba(239,182,49,.28);border-radius:99px;padding:6px 9px}
.metric{display:grid;grid-template-columns:1fr auto;gap:18px;padding:16px 0;border-top:1px solid rgba(255,255,255,.10)}
.metric:first-of-type{border-top:0}
.metric b{display:block;font-size:14px}
.metric span{display:block;color:#9fb0ba;font-size:11px;margin-top:4px}
.metric em{font:800 25px Manrope;color:var(--gold);font-style:normal}
.decision{margin-top:14px;border-radius:14px;background:rgba(239,182,49,.09);border:1px solid rgba(239,182,49,.22);padding:15px}
.decision small{display:block;color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.decision b{font-size:14px}

.intel-strip{background:#0d1d27;color:#cad4da;border-block:1px solid #263741;overflow:hidden}
.intel-inner{height:52px;display:flex;align-items:center;gap:26px}
.live{color:var(--gold);font:800 10px Manrope;letter-spacing:.12em;white-space:nowrap}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:7px}
.ticker-wrap{overflow:hidden;flex:1}
.ticker{display:flex;width:max-content;gap:44px;animation:ticker 30s linear infinite;font-size:12px}
.ticker span{white-space:nowrap}
.ticker span:before{content:"◆";font-size:6px;color:var(--gold);margin-right:9px}
@keyframes ticker{to{transform:translateX(-50%)}}

.ai-stage{padding:76px 0;background:linear-gradient(135deg,#10232d,#163640);color:#fff}
.ai-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:66px;align-items:center}
.ai-stage h2{font:800 clamp(38px,4.4vw,60px)/1.04 Manrope;margin:17px 0 20px;letter-spacing:-.04em}
.ai-stage p{color:#c6d3d9;font-size:16px;line-height:1.65}
.prompt-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}
.prompt-chips button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.045);color:#fff;border-radius:999px;padding:10px 13px;font:600 12px "DM Sans";cursor:pointer}
.prompt-chips button:hover{border-color:var(--gold);color:var(--gold)}
.advisor-card{background:#f9fbfc;color:var(--ink);border-radius:20px;overflow:hidden;box-shadow:0 30px 75px rgba(0,0,0,.28)}
.advisor-head{height:58px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e8eb}
.advisor-head b{font-size:14px}
.bot-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gold);margin-right:8px}
.ai-beta{font-size:9px;font-weight:800;letter-spacing:.1em;background:var(--ink);color:white;padding:5px 8px;border-radius:99px}
.advisor-chat{height:260px;overflow:auto;padding:18px;background:linear-gradient(#fff,#f5f7f8);display:flex;flex-direction:column;gap:10px}
.msg{max-width:88%;padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.5}
.msg.bot{background:#e7edef;align-self:flex-start}
.msg.user{background:#17323d;color:#fff;align-self:flex-end}
.advisor-form{display:grid;grid-template-columns:1fr 46px;gap:8px;padding:12px;background:#fff;border-top:1px solid #e3e9eb}
.advisor-form textarea{resize:none;border:1px solid #d7dfe2;border-radius:11px;padding:12px;font:inherit;outline:none}
.advisor-form textarea:focus{border-color:#90a3ab}
.advisor-form button{border:0;border-radius:11px;background:var(--gold);font-size:21px;cursor:pointer}
.advisor-note{padding:0 13px 12px;background:#fff;color:#849098;font-size:9px}

.section{padding:78px 0}
.section.sand{background:var(--sand)}
.section-head{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:end;margin-bottom:34px}
.section-head h2{font:800 clamp(34px,4vw,54px)/1.05 Manrope;letter-spacing:-.045em;margin:13px 0 0}
.section-head p{color:#627078;line-height:1.65}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;min-height:250px;display:flex;flex-direction:column;transition:.22s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(12,32,42,.08);border-color:#c9d3d7}
.num{color:var(--teal);font:800 11px Manrope;letter-spacing:.12em}
.card h3{font:800 19px/1.15 Manrope;margin:24px 0 10px}
.card p{color:#66757d;line-height:1.6;font-size:14px}
.more{margin-top:auto;padding-top:20px;font-size:12px;font-weight:800}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px}
.panel h3{font:800 18px Manrope;margin:0 0 8px}
.panel p{margin:0;color:#66757d;line-height:1.55;font-size:14px}
.cta{background:var(--teal);color:#fff;padding:55px 0}
.cta-grid{display:flex;justify-content:space-between;gap:28px;align-items:center}
.cta h2{font:800 clamp(32px,4vw,50px) Manrope;margin:0 0 8px}
.cta p{margin:0;color:#d7efed}
.site-footer{background:#07131b;color:#dce5ea;padding:54px 0 26px}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:50px}
.site-footer b{display:block;color:white;margin-bottom:13px}
.site-footer a{display:block;color:#a9b9c2;margin:8px 0;font-size:13px}
.site-footer p{color:#8ea0aa;max-width:470px;line-height:1.6;font-size:13px}
.footer-bottom{border-top:1px solid #1f313b;margin-top:30px;padding-top:20px;color:#7d909b;font-size:11px}

@media(max-width:1050px){
 .navlinks{display:none}.menu-btn{display:block;margin-left:auto;border:1px solid #d2dadd;background:#fff;border-radius:9px;width:40px;height:40px}
 .hero-grid,.ai-grid,.section-head{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
 .container{width:min(var(--max),calc(100% - 28px))}
 .topbar{display:none}.nav{height:68px}.brand small{display:none}.nav-actions .btn{display:none}
 .hero{padding:48px 0 38px}.hero h1{font-size:48px}.hero-grid{gap:30px}
 .cards,.grid-4,.footer-grid{grid-template-columns:1fr}.section{padding:54px 0}.ai-stage{padding:54px 0}
 .cta-grid{display:block}.cta .btn{margin-top:22px}.advisor-chat{height:230px}
}
@media(prefers-reduced-motion:reduce){.ticker{animation:none}}



/* === 3EH HEADER UNIFICATION v1.2 === */
.topbar{
  background:#09151d !important;
  color:#cdd6dc !important;
  font-size:12px !important;
}
.topbar .container{
  height:34px !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
}
.topbar b{color:#efb631 !important;}
.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:50 !important;
  background:rgba(255,253,250,.96) !important;
  backdrop-filter:blur(14px) !important;
  border-bottom:1px solid rgba(10,24,33,.08) !important;
}
.site-header .nav{
  height:78px !important;
  display:flex !important;
  align-items:center !important;
  gap:30px !important;
}
.site-header .brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:245px !important;
}
.site-header .brand-mark{
  width:46px !important;
  height:46px !important;
  border-radius:13px !important;
  background:#0b1821 !important;
  color:#efb631 !important;
  display:grid !important;
  place-items:center !important;
  font:800 15px Manrope,sans-serif !important;
}
.site-header .brand b{
  display:block !important;
  color:#0b1821 !important;
  font:800 17px Manrope,sans-serif !important;
}
.site-header .brand small{
  display:block !important;
  color:#7c8990 !important;
  font-size:10px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  margin-top:2px !important;
}
.site-header .navlinks{
  display:flex !important;
  align-items:center !important;
  gap:22px !important;
  margin-left:auto !important;
}
.site-header .navlinks a{
  font-size:13px !important;
  font-weight:700 !important;
  color:#33434c !important;
}
.site-header .navlinks a:hover{color:#167d78 !important;}
.site-header .nav-actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.site-header .lang{
  font-size:12px !important;
  font-weight:800 !important;
  color:#5d6a72 !important;
}
.site-header .btn.btn-gold{
  background:#efb631 !important;
  color:#111a1f !important;
}
@media(max-width:1050px){
  .site-header .navlinks{display:none !important;}
  .site-header .menu-btn{display:block !important;}
}


/* === 3EH NAV CONFLICT FIX v1.3 ===
   Legacy .nav was fixed/dark. The site-header navigation must always use
   the premium light header system on every page.
*/
header.site-header{
  position:sticky !important;
  top:0 !important;
  inset:auto !important;
  z-index:100 !important;
  width:100% !important;
  background:rgba(255,253,250,.97) !important;
  border-bottom:1px solid rgba(10,24,33,.08) !important;
  backdrop-filter:blur(14px) !important;
}

header.site-header > .container.nav{
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  z-index:auto !important;

  width:min(1240px,calc(100% - 48px)) !important;
  height:78px !important;
  margin:0 auto !important;
  padding:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:30px !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

header.site-header .brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:245px !important;
  color:#0b1821 !important;
}

header.site-header .brand-mark{
  width:46px !important;
  height:46px !important;
  flex:0 0 46px !important;
  border:0 !important;
  border-radius:13px !important;
  background:#0b1821 !important;
  color:#efb631 !important;
  display:grid !important;
  place-items:center !important;
  font:800 15px Manrope,sans-serif !important;
}

header.site-header .brand b{
  display:block !important;
  color:#0b1821 !important;
  font:800 17px Manrope,sans-serif !important;
}

header.site-header .brand small{
  display:block !important;
  color:#7c8990 !important;
  font-size:10px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  margin-top:2px !important;
}

header.site-header .navlinks{
  position:static !important;
  display:flex !important;
  align-items:center !important;
  gap:22px !important;
  margin-left:auto !important;
  padding:0 !important;
  background:transparent !important;
}

header.site-header .navlinks a{
  color:#33434c !important;
  font-size:13px !important;
  font-weight:700 !important;
  opacity:1 !important;
}

header.site-header .navlinks a:hover{
  color:#167d78 !important;
}

header.site-header .nav-actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

header.site-header .lang{
  color:#5d6a72 !important;
  font-size:12px !important;
  font-weight:800 !important;
}

header.site-header .btn.btn-gold{
  background:#efb631 !important;
  color:#111a1f !important;
  border:0 !important;
}

header.site-header .menu-btn{
  display:none !important;
}

@media(max-width:1050px){
  header.site-header > .container.nav{
    width:min(1240px,calc(100% - 28px)) !important;
    height:70px !important;
  }
  header.site-header .navlinks{
    display:none !important;
  }
  header.site-header .nav-actions .lang{
    display:none !important;
  }
  header.site-header .menu-btn{
    display:block !important;
    margin-left:auto !important;
    width:40px !important;
    height:40px !important;
    border:1px solid #d2dadd !important;
    border-radius:9px !important;
    background:#fff !important;
    color:#0b1821 !important;
  }
}

@media(max-width:650px){
  header.site-header .brand{
    min-width:0 !important;
  }
  header.site-header .brand small{
    display:none !important;
  }
  header.site-header .nav-actions .btn{
    display:none !important;
  }
}


/* === 3EH VERTICAL RHYTHM v1.4 ===
   Keep the first screen visually stable when navigating between
   homepage, services/Quick Check, and the Guide.
*/
.hero,
.service-hero,
.guide-hero{
  min-height:610px !important;
}

.hero,
.service-hero{
  display:flex !important;
  align-items:center !important;
}

.guide-hero{
  display:flex !important;
  align-items:center !important;
  padding-top:66px !important;
  padding-bottom:44px !important;
}

.guide-hero > .container{
  width:min(1240px,calc(100% - 48px)) !important;
}

.guide-hero h1{
  max-width:920px !important;
  font:800 clamp(44px,5vw,68px)/1 Manrope,sans-serif !important;
  letter-spacing:-.05em !important;
  margin:18px 0 20px !important;
}

.guide-hero .lead{
  max-width:900px !important;
  font-size:17px !important;
  line-height:1.68 !important;
}

.guide-list{
  padding-top:18px !important;
  padding-bottom:78px !important;
}

.guide-list .cards{
  margin-top:0 !important;
}

/* Standardize the opening space on premium service pages */
.service-hero{
  padding-top:66px !important;
  padding-bottom:44px !important;
}

/* Homepage remains slightly more expressive, but occupies same first-screen height */
.hero{
  padding-top:66px !important;
  padding-bottom:44px !important;
}

@media(max-width:900px){
  .hero,
  .service-hero,
  .guide-hero{
    min-height:auto !important;
  }
  .guide-hero{
    padding-top:48px !important;
    padding-bottom:34px !important;
  }
  .guide-list{
    padding-top:20px !important;
    padding-bottom:54px !important;
  }
}

@media(max-width:650px){
  .guide-hero > .container{
    width:min(1240px,calc(100% - 28px)) !important;
  }
  .guide-hero h1{
    font-size:46px !important;
  }
}


/* === 3EH GLOBAL UNIFICATION v1.5 === */
:root{
  --ink:#0b1821 !important;
  --ink2:#102733 !important;
  --teal:#167d78 !important;
  --teal2:#1c918a !important;
  --gold:#efb631 !important;
  --sand:#f4f1ea !important;
  --paper:#fffdfa !important;
  --muted:#63717a !important;
  --line:#dfe5e7 !important;
  --max:1240px !important;
}

html,body{
  background:var(--paper) !important;
  color:var(--ink) !important;
  font-family:"DM Sans",Arial,sans-serif !important;
}

.container{
  width:min(var(--max),calc(100% - 48px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.topbar{
  background:#09151d !important;
  color:#cdd6dc !important;
}
.topbar b{color:var(--gold) !important;}

header.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:100 !important;
  background:rgba(255,253,250,.97) !important;
  border-bottom:1px solid rgba(10,24,33,.08) !important;
  backdrop-filter:blur(14px) !important;
}

header.site-header > .container.nav{
  position:relative !important;
  inset:auto !important;
  width:min(var(--max),calc(100% - 48px)) !important;
  min-height:78px !important;
  height:78px !important;
  margin:0 auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:30px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

header.site-header .brand{
  min-width:245px !important;
  color:var(--ink) !important;
}
header.site-header .brand-mark{
  width:46px !important;
  height:46px !important;
  border-radius:13px !important;
  background:var(--ink) !important;
  color:var(--gold) !important;
  display:grid !important;
  place-items:center !important;
}
header.site-header .brand b{color:var(--ink) !important;}
header.site-header .brand small{color:#7c8990 !important;}
header.site-header .navlinks{
  display:flex !important;
  align-items:center !important;
  gap:22px !important;
  margin-left:auto !important;
  background:transparent !important;
}
header.site-header .navlinks a{
  color:#33434c !important;
  font-size:13px !important;
  font-weight:700 !important;
}
header.site-header .navlinks a:hover{color:var(--teal) !important;}
header.site-header .lang{color:#5d6a72 !important;}
header.site-header .btn.btn-gold{
  background:var(--gold) !important;
  color:#111a1f !important;
}

/* SAME opening geometry for all main menu destinations */
.hero,
.service-hero,
.guide-hero,
.tight,
main > section:first-of-type{
  box-sizing:border-box !important;
}

.hero,
.service-hero,
.guide-hero{
  min-height:610px !important;
  padding-top:66px !important;
  padding-bottom:44px !important;
}

.service-hero,
.hero{
  display:flex !important;
  align-items:center !important;
}

.guide-hero{
  display:flex !important;
  align-items:center !important;
}

/* Legacy TR/EN pages frequently use .tight */
main > section.tight:first-of-type{
  min-height:610px !important;
  padding-top:66px !important;
  padding-bottom:44px !important;
  display:flex !important;
  align-items:center !important;
}

main > section.tight:first-of-type > .container{
  width:min(var(--max),calc(100% - 48px)) !important;
}

main > section:first-of-type h1,
.guide-hero h1,
.service-hero h1,
.hero h1{
  max-width:920px;
  font-family:Manrope,sans-serif !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:-.05em !important;
}

/* Normalize English/TR legacy colors */
body,
main,
section{
  background-color:transparent;
}

.eyebrow,
.num,
.kicker{
  color:var(--teal) !important;
}

.btn-gold,
.btn-primary{
  background:var(--gold) !important;
  color:#111a1f !important;
  border-color:var(--gold) !important;
}

.btn-dark{
  background:var(--ink) !important;
  color:#fff !important;
}

.card,.panel,.scope-card,.step{
  background:#fff !important;
  border-color:var(--line) !important;
}

.ai-stage,
.output,
.decision-panel,
.service-side{
  background:#102731 !important;
}

.cta{
  background:var(--teal) !important;
}

/* Remove page-specific top margins that cause visible jumping */
main{
  margin-top:0 !important;
  padding-top:0 !important;
}
main > section:first-child{
  margin-top:0 !important;
}

/* EN/TR language sections use exact same header spacing */
html[lang="en"] .hero,
html[lang="en"] .service-hero,
html[lang="en"] .guide-hero,
html[lang="en"] main > section.tight:first-of-type,
html[lang="tr"] .hero,
html[lang="tr"] .service-hero,
html[lang="tr"] .guide-hero,
html[lang="tr"] main > section.tight:first-of-type{
  min-height:610px !important;
  padding-top:66px !important;
  padding-bottom:44px !important;
}

/* Avoid min-height on article/detail pages nested below guides */
.rehber-detail main > section:first-of-type,
.article-page main > section:first-of-type{
  min-height:auto !important;
}

@media(max-width:1050px){
  header.site-header > .container.nav{
    width:min(var(--max),calc(100% - 28px)) !important;
    height:70px !important;
    min-height:70px !important;
  }
  header.site-header .navlinks{display:none !important;}
  header.site-header .menu-btn{display:block !important;}
  .hero,.service-hero,.guide-hero,
  main > section.tight:first-of-type{
    min-height:auto !important;
  }
}

@media(max-width:650px){
  .container,
  main > section.tight:first-of-type > .container{
    width:min(var(--max),calc(100% - 28px)) !important;
  }
  header.site-header .brand{min-width:0 !important;}
  header.site-header .brand small{display:none !important;}
  header.site-header .nav-actions .btn{display:none !important;}
}

/* === 3EH HEADER STABILITY v1.6 === */
html{
  scrollbar-gutter:stable !important;
  overflow-y:scroll !important;
}
body{
  width:100% !important;
  overflow-x:hidden !important;
}
.topbar > .container,
header.site-header > .container.nav{
  width:min(1240px,calc(100% - 48px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
header.site-header{
  width:100% !important;
}
@media(max-width:650px){
  .topbar > .container,
  header.site-header > .container.nav{
    width:min(1240px,calc(100% - 28px)) !important;
  }
}

/* === 3EH CROSS-PAGE ALIGNMENT v1.7 === */
html{
  scrollbar-gutter:stable !important;
  overflow-y:scroll !important;
}
body{
  margin:0 !important;
  width:100% !important;
  overflow-x:hidden !important;
}

/* Global canvas */
:root{
  --page-max:1240px !important;
  --header-top:34px !important;
  --header-main:78px !important;
  --hero-min:610px !important;
  --hero-pt:66px !important;
  --hero-pb:44px !important;
}

.topbar > .container,
header.site-header > .container.nav,
main > section:first-of-type > .container,
.hero > .container,
.service-hero > .container,
.guide-hero > .container{
  width:min(var(--page-max),calc(100% - 48px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Exact header heights on every page */
.topbar{
  height:var(--header-top) !important;
  min-height:var(--header-top) !important;
}
.topbar > .container{
  height:var(--header-top) !important;
  min-height:var(--header-top) !important;
}
header.site-header{
  min-height:var(--header-main) !important;
}
header.site-header > .container.nav{
  height:var(--header-main) !important;
  min-height:var(--header-main) !important;
}

/* First visible section must begin at same y-position */
main{
  margin:0 !important;
  padding:0 !important;
}
main > section:first-of-type,
.hero,
.service-hero,
.guide-hero,
main > section.tight:first-of-type{
  margin-top:0 !important;
  padding-top:var(--hero-pt) !important;
  padding-bottom:var(--hero-pb) !important;
  min-height:var(--hero-min) !important;
  box-sizing:border-box !important;
}

/* All landing/menu pages vertically center the opening content inside identical canvas */
.hero,
.service-hero,
.guide-hero,
main > section.tight:first-of-type{
  display:flex !important;
  align-items:center !important;
}

/* Remove legacy offsets that create jumps */
main > section:first-of-type .container{
  padding-top:0 !important;
  padding-bottom:0 !important;
}
main > section:first-of-type .eyebrow{
  margin-top:0 !important;
}
main > section:first-of-type h1{
  margin-top:18px !important;
  margin-bottom:20px !important;
  line-height:1 !important;
  letter-spacing:-.05em !important;
}
main > section:first-of-type p.lead,
main > section:first-of-type .lead{
  margin-top:0 !important;
}

/* Premium two-column opening pages share exact column geometry */
.hero-grid,
.service-hero-grid,
.ai-grid{
  width:100% !important;
  align-items:center !important;
}

/* Guide page: keep content on same opening baseline without excessive whitespace */
.guide-hero{
  align-items:center !important;
}
.guide-hero h1{
  max-width:920px !important;
}
.guide-list{
  padding-top:28px !important;
}

/* Header content itself cannot shift */
header.site-header .brand{
  flex:0 0 245px !important;
  min-width:245px !important;
}
header.site-header .navlinks{
  flex:0 0 auto !important;
  margin-left:auto !important;
}
header.site-header .nav-actions{
  flex:0 0 auto !important;
}

/* Stop active/current styles from changing item dimensions */
header.site-header a,
header.site-header .lang,
header.site-header .btn{
  line-height:1.2 !important;
}
header.site-header .navlinks a{
  padding:0 !important;
  border:0 !important;
}

/* EN uses exact same spacing */
html[lang="en"] main > section:first-of-type,
html[lang="en"] .hero,
html[lang="en"] .service-hero,
html[lang="en"] .guide-hero{
  padding-top:var(--hero-pt) !important;
  padding-bottom:var(--hero-pb) !important;
  min-height:var(--hero-min) !important;
}

/* Mobile/tablet: equal rhythm, but no artificial desktop min-height */
@media(max-width:1050px){
  :root{
    --header-main:70px !important;
  }
  .topbar{display:none !important;}
  main > section:first-of-type,
  .hero,
  .service-hero,
  .guide-hero,
  main > section.tight:first-of-type{
    min-height:auto !important;
    padding-top:48px !important;
    padding-bottom:36px !important;
  }
}

@media(max-width:650px){
  .topbar > .container,
  header.site-header > .container.nav,
  main > section:first-of-type > .container,
  .hero > .container,
  .service-hero > .container,
  .guide-hero > .container{
    width:min(var(--page-max),calc(100% - 28px)) !important;
  }
  header.site-header .brand{
    flex:0 1 auto !important;
    min-width:0 !important;
  }
}

/* === 3EH EYEBROW / HERO START ALIGNMENT v1.8 ===
   Standardize the small label above every first-page H1:
   "Fizibilite Danışmanlığı", "3EH · Türkiye", "3EH Quick Check",
   "Teknik Due Diligence", etc.
*/
main > section:first-of-type .eyebrow,
.hero .eyebrow,
.service-hero .eyebrow,
.guide-hero .eyebrow,
main > section.tight:first-of-type .eyebrow{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;

  width:100% !important;
  height:18px !important;
  min-height:18px !important;

  margin:0 0 18px 0 !important;
  padding:0 !important;

  color:#167d78 !important;
  font-family:Manrope,sans-serif !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:18px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

/* Identical line segment before every opening label */
main > section:first-of-type .eyebrow::before,
.hero .eyebrow::before,
.service-hero .eyebrow::before,
.guide-hero .eyebrow::before,
main > section.tight:first-of-type .eyebrow::before{
  content:"" !important;
  display:block !important;
  flex:0 0 30px !important;
  width:30px !important;
  height:2px !important;
  margin:0 12px 0 0 !important;
  padding:0 !important;
  background:#167d78 !important;
}

/* The H1 must start at exactly the same distance below the label.
   Remove page-specific margins that were causing the remaining jump. */
main > section:first-of-type .eyebrow + h1,
.hero .eyebrow + h1,
.service-hero .eyebrow + h1,
.guide-hero .eyebrow + h1,
main > section.tight:first-of-type .eyebrow + h1{
  margin-top:0 !important;
}

/* Same left origin for all first-section text wrappers */
main > section:first-of-type > .container,
.hero > .container,
.service-hero > .container,
.guide-hero > .container,
main > section.tight:first-of-type > .container{
  padding-left:0 !important;
  padding-right:0 !important;
}

/* When the first section uses a grid, its left column must also begin at x=0 */
.hero-grid > :first-child,
.service-hero-grid > :first-child,
main > section:first-of-type .section-head > :first-child{
  margin-left:0 !important;
  padding-left:0 !important;
}

@media(max-width:650px){
  main > section:first-of-type .eyebrow,
  .hero .eyebrow,
  .service-hero .eyebrow,
  .guide-hero .eyebrow,
  main > section.tight:first-of-type .eyebrow{
    white-space:normal !important;
    height:auto !important;
    min-height:18px !important;
  }
}

/* === 3EH COMPACT MENU v1.9 === */
header.site-header > .container.nav{
  display:grid !important;
  grid-template-columns:245px minmax(0,1fr) auto !important;
  column-gap:24px !important;
  align-items:center !important;
  width:min(1240px,calc(100% - 48px)) !important;
}

header.site-header .brand{
  width:245px !important;
  min-width:245px !important;
  margin:0 !important;
}

header.site-header .navlinks{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:18px !important;
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
  white-space:nowrap !important;
}

header.site-header .navlinks a{
  font-size:12.5px !important;
  font-weight:700 !important;
  line-height:1 !important;
  padding:0 !important;
  margin:0 !important;
  white-space:nowrap !important;
}

header.site-header .nav-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  margin:0 !important;
  white-space:nowrap !important;
}

header.site-header .nav-actions .btn{
  padding:12px 18px !important;
  font-size:12.5px !important;
}

header.site-header .lang{
  font-size:12px !important;
  min-width:auto !important;
}

/* Keep every page's navigation starting at exactly the same x coordinate */
header.site-header .navlinks{
  transform:none !important;
  position:static !important;
  left:auto !important;
  right:auto !important;
}

@media(max-width:1180px){
  header.site-header > .container.nav{
    grid-template-columns:220px minmax(0,1fr) auto !important;
    column-gap:18px !important;
  }
  header.site-header .brand{
    width:220px !important;
    min-width:220px !important;
  }
  header.site-header .navlinks{
    gap:14px !important;
  }
  header.site-header .navlinks a{
    font-size:12px !important;
  }
  header.site-header .nav-actions .btn{
    padding:11px 15px !important;
  }
}

@media(max-width:1050px){
  header.site-header > .container.nav{
    display:flex !important;
  }
  header.site-header .navlinks{
    display:none !important;
  }
  header.site-header .brand{
    width:auto !important;
    min-width:0 !important;
  }
}

/* === 3EH MOBILE MENU + TICKER v2.0 === */

/* Ticker sits immediately below the site header */
.intel-strip{
  margin-top:0 !important;
  position:relative !important;
  z-index:20 !important;
}

/* Desktop remains unchanged */
.mobile-nav-panel{
  display:none;
}

/* Mobile / tablet navigation */
@media(max-width:1050px){
  header.site-header{
    position:sticky !important;
    top:0 !important;
    z-index:120 !important;
  }

  header.site-header > .container.nav{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    width:min(1240px,calc(100% - 28px)) !important;
    min-height:70px !important;
    height:70px !important;
  }

  header.site-header .navlinks{
    display:none !important;
  }

  header.site-header .nav-actions{
    margin-left:auto !important;
  }

  header.site-header .nav-actions .lang{
    display:none !important;
  }

  header.site-header .nav-actions .btn{
    display:none !important;
  }

  header.site-header .menu-btn{
    display:grid !important;
    place-items:center !important;
    flex:0 0 42px !important;
    width:42px !important;
    height:42px !important;
    margin-left:12px !important;
    padding:0 !important;
    border:1px solid #d2dadd !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#0b1821 !important;
    font-size:0 !important;
    cursor:pointer !important;
    position:relative !important;
    z-index:132 !important;
  }

  header.site-header .menu-btn::before,
  header.site-header .menu-btn::after{
    content:"" !important;
    position:absolute !important;
    left:11px !important;
    width:18px !important;
    height:2px !important;
    background:#0b1821 !important;
    border-radius:2px !important;
    transition:transform .22s ease, top .22s ease !important;
  }

  header.site-header .menu-btn::before{
    top:14px !important;
    box-shadow:0 6px 0 #0b1821 !important;
  }

  header.site-header .menu-btn::after{
    top:26px !important;
  }

  body.mobile-menu-open header.site-header .menu-btn::before{
    top:20px !important;
    transform:rotate(45deg) !important;
    box-shadow:none !important;
  }

  body.mobile-menu-open header.site-header .menu-btn::after{
    top:20px !important;
    transform:rotate(-45deg) !important;
  }

  .mobile-nav-panel{
    display:block !important;
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:70px !important;
    z-index:115 !important;
    background:#fffdfa !important;
    border-top:1px solid #e0e5e7 !important;
    border-bottom:1px solid #d8dfe2 !important;
    box-shadow:0 18px 40px rgba(9,21,29,.14) !important;
    transform:translateY(-130%) !important;
    opacity:0 !important;
    visibility:hidden !important;
    transition:transform .24s ease, opacity .2s ease, visibility .2s ease !important;
  }

  body.mobile-menu-open .mobile-nav-panel{
    transform:translateY(0) !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  .mobile-nav-inner{
    width:min(1240px,calc(100% - 28px)) !important;
    margin:0 auto !important;
    padding:18px 0 20px !important;
  }

  .mobile-nav-links{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
  }

  .mobile-nav-links a{
    display:flex !important;
    align-items:center !important;
    min-height:48px !important;
    padding:0 4px !important;
    border-bottom:1px solid #edf0f1 !important;
    color:#263740 !important;
    font-size:15px !important;
    font-weight:700 !important;
  }

  .mobile-nav-links a:last-child{
    border-bottom:0 !important;
  }

  .mobile-nav-actions{
    display:grid !important;
    grid-template-columns:auto 1fr !important;
    gap:10px !important;
    margin-top:16px !important;
  }

  .mobile-nav-actions .mobile-lang{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:54px !important;
    height:46px !important;
    border:1px solid #d4dcdf !important;
    border-radius:999px !important;
    color:#394a53 !important;
    font-size:13px !important;
    font-weight:800 !important;
  }

  .mobile-nav-actions .btn{
    width:100% !important;
    min-height:46px !important;
  }

  body.mobile-menu-open{
    overflow:hidden !important;
  }

  body.mobile-menu-open::after{
    content:"" !important;
    position:fixed !important;
    inset:70px 0 0 0 !important;
    z-index:110 !important;
    background:rgba(6,17,24,.30) !important;
  }

  /* ticker is directly below header, compact on mobile */
  .intel-strip{
    position:relative !important;
    z-index:30 !important;
  }
  .intel-strip .container{
    width:100% !important;
  }
  .intel-inner{
    height:44px !important;
    padding:0 14px !important;
    gap:16px !important;
  }
  .live{
    font-size:9px !important;
  }
  .ticker{
    gap:28px !important;
    font-size:11px !important;
  }
}

@media(max-width:650px){
  .brand b{
    font-size:15px !important;
  }
  .brand-mark{
    width:42px !important;
    height:42px !important;
    flex-basis:42px !important;
  }
}