:root{
  --navy:#11345C;
  --navy-deep:#0A2340;
  --orange:#FC6200;
  --cream:#FAF9F6;
  --paper:#FFFFFF;
  --ink:#16202B;
  --ink-soft:#5B6B7A;
  --line:#E4E1DA;
  --radius:18px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--cream);color:var(--ink);font-family:'Manrope',sans-serif;line-height:1.65;overflow-x:hidden;}
h1,h2,h3{font-family:'Outfit',sans-serif;color:var(--navy);letter-spacing:-.025em;line-height:1.12;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
.wrap{width:min(1120px,calc(100% - 64px));margin:0 auto;}
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:var(--orange);font-weight:600;}
.skip-link{position:absolute;left:20px;top:-100px;background:var(--navy);color:#fff;padding:10px 16px;border-radius:8px;z-index:100;}
.skip-link:focus{top:12px;}
header{position:sticky;top:0;z-index:50;background:rgba(250,249,246,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.logo{width:205px;height:auto;}
.nav-links{display:flex;align-items:center;gap:28px;color:var(--navy);font-size:.92rem;font-weight:600;}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--orange);}
.lang-switch{display:flex;gap:6px;align-items:center;font-family:'JetBrains Mono',monospace;font-size:.78rem;}
.lang-switch .active{color:var(--orange);font-weight:800;}
.hero{padding:86px 0 72px;}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:68px;align-items:center;}
.hero h1{font-size:clamp(2.7rem,5.5vw,4.75rem);margin:15px 0 22px;}
.hero h1 em{font-style:normal;color:var(--orange);}
.lede{font-size:1.15rem;color:var(--ink-soft);max-width:650px;}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:999px;font-weight:700;font-size:.93rem;transition:transform .2s ease,background .2s ease,color .2s ease;}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--orange);color:#fff;box-shadow:0 10px 24px -12px rgba(252,98,0,.7);}
.btn-secondary{border:1.5px solid var(--navy);color:var(--navy);}
.btn-secondary:hover{background:var(--navy);color:#fff;}
.hero-photo{border-radius:24px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 28px 58px -30px rgba(17,52,92,.55);}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 28%;}
.quick-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.fact b{display:block;font-family:'Outfit',sans-serif;color:var(--navy);font-size:1rem;margin-bottom:2px;}
.fact span{font-size:.9rem;color:var(--ink-soft);}
section{padding:82px 0;}
.section-head{max-width:700px;margin-bottom:42px;}
.section-head h2{font-size:clamp(2rem,4vw,3rem);margin-top:10px;}
.section-head p{margin-top:14px;color:var(--ink-soft);font-size:1.03rem;}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:64px;}
.content-block h2{font-size:clamp(1.8rem,3vw,2.35rem);margin-bottom:18px;}
.content-block p{color:var(--ink-soft);margin-bottom:15px;}
.takeaways{list-style:none;display:grid;gap:14px;}
.takeaways li{position:relative;padding-left:22px;color:var(--ink-soft);}
.takeaways li::before{content:'';position:absolute;left:0;top:.72em;width:8px;height:8px;background:var(--orange);border-radius:2px;}
.framework{background:var(--navy-deep);color:#fff;border-radius:28px;padding:44px;}
.framework h2,.framework h3{color:#fff;}
.framework h2{font-size:clamp(1.8rem,3.5vw,2.6rem);margin:8px 0 28px;}
.framework-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 34px;}
.framework-grid.three{grid-template-columns:repeat(3,1fr);}
.framework-item{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start;}
.framework-item .num{font-family:'JetBrains Mono',monospace;color:var(--orange);font-size:.8rem;padding-top:3px;}
.framework-item h3{font-size:1rem;margin-bottom:3px;}
.framework-item p{color:#C9D4DF;font-size:.86rem;line-height:1.5;}
.fit{background:#F1EEE8;}
.fit-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:30px;}
.fit-card h3{font-size:1.3rem;margin-bottom:10px;}
.fit-card p{color:var(--ink-soft);}
.speaker{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;max-width:760px;}
.speaker img{width:150px;height:150px;object-fit:cover;object-position:center top;border-radius:50%;}
.speaker h2{font-size:2rem;margin-bottom:10px;}
.speaker p{color:var(--ink-soft);}
.more-talks{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:32px;}
.talk-link{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:transform .2s ease,box-shadow .2s ease;}
.talk-link:hover{transform:translateY(-4px);box-shadow:0 18px 34px -24px rgba(17,52,92,.5);}
.talk-link h3{font-size:1.18rem;margin:8px 0 6px;}
.talk-link p{font-size:.9rem;color:var(--ink-soft);}
.talk-link span:last-child{display:block;color:var(--orange);font-weight:700;margin-top:14px;}
.cta{background:var(--navy);border-radius:28px;text-align:center;color:#fff;padding:58px 34px;}
.cta h2{color:#fff;font-size:clamp(2rem,4vw,3rem);}
.cta p{color:#D3DCE5;max-width:590px;margin:14px auto 28px;}
.cta .btn-secondary{border-color:#fff;color:#fff;}
.cta .btn-secondary:hover{background:#fff;color:var(--navy);}
footer{border-top:1px solid var(--line);padding:34px 0;margin-top:70px;}
.footer-grid{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;color:var(--ink-soft);font-size:.84rem;}
.footer-links{display:flex;gap:20px;}
.footer-links a:hover{color:var(--orange);}
a:focus-visible{outline:2px solid var(--orange);outline-offset:4px;}
@media(max-width:850px){
  .hero-grid,.two-col{grid-template-columns:1fr;}
  .hero-grid{gap:40px;}
  .hero-photo{max-width:680px;}
  .framework-grid.three{grid-template-columns:1fr;}
}
@media(max-width:680px){
  .wrap{width:min(100% - 40px,1120px);}
  .logo{width:164px;}
  .nav-links>a{display:none;}
  .hero{padding:58px 0 50px;}
  .hero h1{font-size:clamp(2.35rem,12vw,3.4rem);}
  .facts,.framework-grid,.more-talks{grid-template-columns:1fr;}
  .facts{gap:16px;}
  section{padding:64px 0;}
  .framework{padding:32px 24px;}
  .speaker{grid-template-columns:1fr;text-align:center;}
  .speaker img{margin:0 auto;}
  .hero-actions .btn{width:100%;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}.btn,.talk-link{transition:none;}}