/* Eduardo Mata | Digital Business Card. Mobile-first static site. No remote fonts, trackers or JS dependencies. */
:root{--navy:#08192d;--navy2:#102c49;--gold:#d8a747;--gold-light:#f4c978;--ink:#14283d;--muted:#617083;--line:#dfe6ed;--paper:#f6f8fb;--white:#fff;--max:1160px}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}img{display:block;max-width:100%}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip{position:absolute;left:-9999px;top:0;z-index:30;background:white;padding:12px}.skip:focus{left:12px}.topbar{height:72px;background:#071626;border-bottom:1px solid rgba(255,255,255,.11);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));position:relative;z-index:5}.brand{text-decoration:none;color:white;font-size:26px;font-weight:800;letter-spacing:-1px}.dot{color:var(--gold)}.topnav{display:flex;align-items:center;gap:30px}.topnav a{color:#e4ebf2;text-decoration:none;font-size:13px;font-weight:600}.topnav a:hover{color:var(--gold-light)}.topnav .nav-contact{border:1px solid rgba(216,167,71,.6);padding:10px 15px;color:var(--gold-light);border-radius:4px}.hero{background:linear-gradient(122deg,#08192d 0%,#08192d 55%,#113456 100%);color:white;overflow:hidden;position:relative}.hero-shape{position:absolute;pointer-events:none;right:-20vw;top:-130px;width:60vw;height:650px;transform:skewX(-29deg);background:linear-gradient(90deg,transparent,rgba(216,167,71,.1) 2%,rgba(216,167,71,.02) 4%,transparent 36%,rgba(111,161,194,.1) 50%,transparent 55%);border-left:3px solid rgba(216,167,71,.85)}.hero-content{padding:74px 0 82px;display:grid;grid-template-columns:350px 1fr;gap:70px;align-items:center;position:relative}.photo-area{min-width:0}.portrait-frame{position:relative;background:#e3e4e8;border-radius:5px;overflow:hidden;aspect-ratio:4/4.65;max-width:340px;box-shadow:18px 20px 60px rgba(0,0,0,.27)}.portrait-frame:after{content:'';position:absolute;right:0;top:0;bottom:0;width:8px;background:var(--gold)}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:contrast(1.06)}.location{margin-top:20px;font-size:12px;color:#c9d7e2;line-height:1.5}.signal{width:7px;height:7px;background:var(--gold);border-radius:50%;display:inline-block;margin-right:6px}.eyebrow,.kicker{font-size:12px;letter-spacing:.16em;font-weight:800}.eyebrow{color:var(--gold-light);margin:0 0 18px}.eyebrow span{color:#9fb0bf;margin:0 8px}.hero h1{font-size:clamp(48px,6vw,80px);letter-spacing:-.055em;line-height:1.05;margin:0;color:white;font-weight:850}.hero h1 span{color:var(--gold-light)}.role{color:#e4ebf1;font-size:clamp(18px,2vw,26px);line-height:1.3;font-weight:400;margin:13px 0 34px}.hero-statement{font-size:clamp(26px,2.65vw,38px);font-weight:750;line-height:1.21;letter-spacing:-.02em;margin:0 0 24px}.hero-statement strong{color:var(--gold-light)}.hero-intro{max-width:650px;color:#d5e0ec;font-size:16px;line-height:1.77;margin:0 0 30px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;gap:16px;align-items:center;justify-content:space-between;text-decoration:none;padding:13px 20px;min-height:48px;font-weight:700;font-size:13px;border-radius:4px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold-light);color:#102339}.btn-gold:hover{background:#ffd88e}.btn-ghost{border:1px solid #9cacc2;color:white}.btn-ghost:hover{background:rgba(255,255,255,.1)}.stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;box-shadow:0 12px 40px rgba(8,25,45,.08);position:relative;z-index:2;margin-top:-32px;border:1px solid #eef0f2;border-radius:7px}.stats>div{padding:27px 32px;min-width:0}.stats>div+div{border-left:1px solid var(--line)}.stats strong{color:#102f4f;font-size:41px;letter-spacing:-.05em;line-height:1}.stats strong span{color:var(--gold);font-size:.7em}.stats p{color:var(--muted);font-size:13px;font-weight:600;margin:8px 0 0}.section{padding-top:95px;padding-bottom:95px}.kicker{color:#ac7d21;margin:0 0 15px}.section h2,.cyber-section h2{font-size:clamp(29px,3.5vw,43px);letter-spacing:-.035em;line-height:1.18;margin:0 0 22px;color:#112940}.intro-section{display:grid;grid-template-columns:1fr 1.12fr;gap:10%}.intro-section p:not(.kicker){color:#42556a;font-size:16px;margin:0 0 17px}.expertise-section{background:var(--paper)}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:33px}.expertise-card{border-radius:6px;border:1px solid #e1e8ef;padding:26px;background:white;min-height:198px;transition:box-shadow .2s}.expertise-card:hover{box-shadow:0 10px 30px rgba(16,46,75,.08)}.expertise-card .number{color:#b2822d;font-size:12px;letter-spacing:.16em;font-weight:800}.expertise-card h3{font-size:19px;line-height:1.25;letter-spacing:-.02em;margin:16px 0 9px;color:#132d46}.expertise-card p{font-size:14px;line-height:1.62;color:#5e6d7e;margin:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.section-heading>p{max-width:330px;font-size:14px;color:#6a7887;margin:0 0 23px}.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}.impact{border-top:3px solid var(--gold);padding:22px 6px 0 0}.impact span{font-weight:800;letter-spacing:.11em;font-size:11px;color:#996d29}.impact h3{color:#163450;font-size:19px;line-height:1.3;margin:15px 0 10px}.impact p{color:#5e6d7f;font-size:14px;line-height:1.7;margin:0}.cyber-section{background:linear-gradient(110deg,#0a2036,#133453);color:white;padding:69px 0}.cyber-layout{display:grid;grid-template-columns:115px 1fr;gap:36px;align-items:start}.cyber-badge{width:90px;height:90px;border:2px solid var(--gold);display:grid;place-items:center;font-size:52px;border-radius:50%;color:var(--gold-light)}.cyber-section h2{color:white}.cyber-section p:not(.kicker){max-width:900px;font-size:15px;color:#d6e2ec;line-height:1.8}.cyber-section .cyber-quote{color:var(--gold-light)!important;font-size:20px!important;font-weight:650;font-style:italic;margin-top:16px}.text-link{color:var(--gold-light);font-weight:750;font-size:14px;text-decoration-thickness:1px;text-underline-offset:5px}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.contact-section p:not(.kicker){color:#5a6d7e}.contact-section .privacy-note{color:#607487;font-size:12px;margin-top:20px}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-btn{border-radius:5px;border:1px solid #d7e0e8;padding:18px 16px;display:flex;justify-content:space-between;align-items:center;text-decoration:none;font-weight:750;font-size:14px}.contact-btn:hover{background:#f3f6fa}.contact-btn span{color:#a77628;font-size:18px}.contact-btn.prominent{background:var(--navy);color:white;border-color:var(--navy)}.contact-btn.prominent span{color:var(--gold-light)}.footer{background:#071626;color:#bdc9d5;padding:29px 0;font-size:12px}.foot-flex{display:flex;align-items:center;justify-content:space-between;gap:15px}.foot-flex a{text-decoration:none;color:#e8c37f}@media(max-width:950px){.hero-content{grid-template-columns:260px 1fr;gap:38px}.hero h1{font-size:57px}.stats>div{padding:22px}.expertise-grid{grid-template-columns:repeat(2,1fr)}.intro-section,.contact-section{gap:5%}}@media(max-width:680px){.topbar{height:62px;padding:0 22px}.topnav{gap:13px}.topnav a{font-size:11px}.topnav a[href="#impact"]{display:none}.topnav .nav-contact{padding:7px 9px}.wrap{width:calc(100% - 36px)}.hero-content{display:flex;flex-direction:column;gap:30px;padding:30px 0 72px;text-align:left;align-items:stretch}.photo-area{display:flex;align-items:center;gap:16px}.portrait-frame{width:116px;height:135px;aspect-ratio:auto;flex-shrink:0;border-radius:5px;box-shadow:8px 9px 35px rgba(0,0,0,.25)}.portrait-frame:after{width:5px}.location{margin-top:0;font-size:12px;line-height:1.6}.hero-shape{width:120vw;right:-70vw}.eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:13px}.eyebrow span{margin:0 3px}.hero h1{font-size:51px}.role{font-size:18px;margin:8px 0 24px}.hero-statement{font-size:29px}.hero-intro{font-size:15px;line-height:1.68}.hero-buttons .btn{flex:1;min-width:140px}.stats{margin-top:-24px;grid-template-columns:repeat(3,1fr)}.stats>div{padding:16px 10px}.stats strong{font-size:28px}.stats p{font-size:10px;line-height:1.32}.section{padding-top:62px;padding-bottom:62px}.intro-section,.contact-section{grid-template-columns:1fr;gap:20px}.intro-section p:not(.kicker){font-size:15px}.expertise-grid,.impact-grid{grid-template-columns:1fr;gap:13px}.expertise-card{min-height:0;padding:21px}.section-heading{display:block}.section-heading>p{margin:0 0 20px}.impact-grid{gap:23px}.cyber-section{padding:52px 0}.cyber-layout{grid-template-columns:1fr;gap:12px}.cyber-badge{height:54px;width:54px;font-size:33px}.contact-options{grid-template-columns:1fr 1fr}.contact-btn{padding:14px 12px;font-size:12px}.foot-flex{flex-wrap:wrap}.foot-flex span:nth-child(2){display:none}}@media(max-width:360px){.hero h1{font-size:44px}.stats strong{font-size:25px}.hero-buttons{flex-direction:column}.contact-options{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Additional content: existing colour palette and typography retained */
.sector-grid,.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.sector-card{padding:25px;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:5px;background:white}
.sector-card h3,.insight-card h3{color:#15324d;font-size:19px;line-height:1.35;margin:0 0 12px}
.sector-card p,.insight-card p,.languages-intro{color:#5a6c7e;font-size:14px;line-height:1.75;margin:0}
.languages-section{background:var(--paper)}.languages-intro{max-width:720px;margin-bottom:26px}
.language-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.language-grid>div{background:white;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:4px;padding:19px 15px;min-width:0}
.language-grid strong,.language-grid span{display:block}.language-grid strong{color:#163450;font-size:16px}.language-grid span{color:#667789;font-size:13px;margin-top:5px}
.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-card{background:var(--navy);color:white;border-radius:6px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.insight-card h3{color:white;font-size:22px;margin:0}.insight-card p{color:#d6e2ec;flex:1}.insight-topic{color:var(--gold-light);font-weight:800;font-size:11px;letter-spacing:.12em}.insight-note{font-size:13px;color:var(--muted);margin:18px 0 0}
.business-card-details{grid-column:1/-1;background:var(--paper);border-left:3px solid var(--gold);border-radius:4px;padding:18px 20px;overflow-wrap:anywhere}.business-card-details h3{font-size:16px;margin:0 0 8px;color:#183550}.business-card-details p{font-size:13px;margin:0 0 10px!important;line-height:1.7}.business-card-details p:last-child{margin-bottom:0!important}
@media(max-width:950px){.language-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.sector-grid,.insight-grid{grid-template-columns:1fr}.language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-card{padding:22px}.topnav a[href="#impact"]{display:none}}
@media(max-width:370px){.language-grid{grid-template-columns:1fr}.topnav{gap:9px}.topnav a{font-size:10px}}
