:root{
    --navy:#15233d; --navy2:#22345a; --navy3:#2c4068;
    --gold:#b8901f; --gold-br:#d6ab3e;
    --azure:#dce7f5; --azure-2:#eef3fb; --azure-deep:#c3d6ef;
    --ink:#15233d; --paper:#f6f9fd; --white:#ffffff;
    --body:#3c4763; --muted:#6c7689; --line:#d7dfeb;
    --disp:"Fraunces", Georgia, "Times New Roman", serif;
    --sans:"Hanken Grotesk", "Segoe UI", system-ui, sans-serif;
    --maxw:1180px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:var(--sans); color:var(--body); background:var(--paper);
    line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden;
  }
  h1,h2,h3,h4{font-family:var(--disp); color:var(--ink); line-height:1.1; font-weight:600; letter-spacing:-.01em}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px}
  .eyebrow{font-family:var(--sans); font-weight:700; font-size:.72rem; letter-spacing:.22em;
    text-transform:uppercase; color:var(--gold)}
  a{color:inherit; text-decoration:none}

  /* ---------- HEADER ---------- */
  header{position:fixed; top:0; left:0; right:0; z-index:50; transition:all .35s ease;
    padding:20px 0; background:transparent}
  header.scrolled{background:rgba(21,35,61,.92); backdrop-filter:blur(10px);
    padding:13px 0; box-shadow:0 1px 0 rgba(255,255,255,.06)}
  .nav{display:flex; align-items:center; justify-content:space-between}
  .brand{display:flex; align-items:center; gap:11px; color:#fff}
  .brand .mark{width:30px;height:30px;border-radius:7px;
    background:linear-gradient(135deg,var(--gold),var(--gold-br));
    display:flex;align-items:center;justify-content:center;
    font-family:var(--disp); font-weight:700; color:var(--navy); font-size:1rem}
  .brand b{font-family:var(--disp); font-weight:600; font-size:1.12rem; letter-spacing:.01em}
  .brand span{font-size:.66rem; letter-spacing:.18em; text-transform:uppercase; color:var(--azure-deep); display:block; margin-top:-3px}
  .menu{display:flex; gap:24px}
  .menu a{color:#cdd8ec; font-size:.86rem; font-weight:500; position:relative; padding:4px 0}
  .menu a::after{content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px;
    background:var(--gold-br); transition:width .3s ease}
  .menu a:hover{color:#fff}
  .menu a:hover::after{width:100%}
  .burger{display:none; background:none; border:0; cursor:pointer; flex-direction:column; gap:5px}
  .burger span{width:24px;height:2px;background:#fff;display:block}

  /* ---------- HERO ---------- */
  .hero{position:relative; min-height:100vh; display:flex; align-items:center;
    background:radial-gradient(120% 120% at 75% 15%, #1f3158 0%, #15233d 55%, #0f1a30 100%);
    color:#fff; overflow:hidden; padding:140px 0 120px}
  .hero .grain{position:absolute; inset:0; opacity:.05; pointer-events:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  .hero .glow{position:absolute; width:620px;height:620px;border-radius:50%;
    background:radial-gradient(circle, rgba(184,144,31,.22), transparent 60%);
    top:-160px; right:-120px; filter:blur(20px); pointer-events:none}
  .hero-inner{position:relative; z-index:2; max-width:880px}
  .hero .eyebrow{margin-bottom:22px; opacity:0}
  .hero h1{color:#fff; font-size:clamp(3rem,8.5vw,6.4rem); font-weight:600; letter-spacing:-.025em; opacity:0}
  .hero h1 em{font-style:italic; color:var(--gold-br)}
  .hero .lede{font-size:clamp(1.05rem,2.1vw,1.35rem); color:#c9d5ea; max-width:640px;
    margin:28px 0 0; font-weight:400; opacity:0}
  .hero .moral{margin-top:40px; display:inline-flex; align-items:center; gap:14px;
    font-family:var(--disp); font-style:italic; font-size:1.12rem; color:#fff; opacity:0}
  .hero .moral::before{content:""; width:34px;height:2px;background:var(--gold-br)}
  .hero .pills{display:flex; gap:14px; margin-top:46px; flex-wrap:wrap; opacity:0}
  .hero .pill{border:1px solid rgba(255,255,255,.22); border-radius:40px; padding:9px 20px;
    font-size:.82rem; font-weight:600; letter-spacing:.03em; color:#dce7f5}
  .hero .pill b{color:var(--gold-br); font-weight:700}
  @keyframes rise{to{opacity:1; transform:translateY(0)}}
  .hero [class]{animation:none}
  .hero .eyebrow,.hero h1,.hero .lede,.hero .moral,.hero .pills{transform:translateY(26px)}
  .loaded .hero .eyebrow{animation:rise .8s .15s ease forwards}
  .loaded .hero h1{animation:rise .9s .3s cubic-bezier(.2,.7,.2,1) forwards}
  .loaded .hero .lede{animation:rise .8s .55s ease forwards}
  .loaded .hero .moral{animation:rise .8s .75s ease forwards}
  .loaded .hero .pills{animation:rise .8s .9s ease forwards}
  .scrollcue{position:absolute; bottom:34px; left:50%; transform:translateX(-50%); z-index:2;
    font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; color:#8fa1c2; text-align:center}
  .scrollcue::after{content:""; display:block; width:1px; height:34px; margin:10px auto 0;
    background:linear-gradient(var(--gold-br),transparent); animation:pulse 2s infinite}
  @keyframes pulse{0%,100%{opacity:.3}50%{opacity:1}}

  /* wave divider */
  .wave{display:block; width:100%; height:70px}

  /* ---------- SECTIONS ---------- */
  section{padding:108px 0}
  .sec-head{max-width:720px; margin-bottom:54px}
  .sec-head .eyebrow{display:block; margin-bottom:16px}
  .sec-head h2{font-size:clamp(2rem,4.5vw,3.1rem)}
  .sec-head p{margin-top:18px; font-size:1.12rem; color:var(--body)}

  .reveal{opacity:0; transform:translateY(34px); transition:opacity .7s ease, transform .7s ease}
  .reveal.in{opacity:1; transform:none}
  .reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}.reveal.d4{transition-delay:.4s}

  /* ABOUT */
  #about{background:var(--white)}
  .about-grid{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center}
  .about-grid .lead-num{font-family:var(--disp); font-size:5.4rem; color:var(--azure-deep);
    font-weight:600; line-height:1}
  .about-copy p{margin-bottom:18px}
  .about-copy p strong{color:var(--ink)}
  .stat-row{display:flex; gap:40px; margin-top:30px; flex-wrap:wrap}
  .stat b{display:block; font-family:var(--disp); font-size:2.4rem; color:var(--gold); line-height:1}
  .stat span{font-size:.84rem; color:var(--muted); letter-spacing:.04em}

  /* MODEL */
  #model{background:linear-gradient(180deg,#15233d,#101c33); color:#fff; position:relative}
  #model .grain{position:absolute;inset:0;opacity:.05;pointer-events:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  #model .wrap{position:relative; z-index:2}
  #model .sec-head h2{color:#fff}
  #model .sec-head p{color:#c4d1e6}
  .pillars{display:grid; grid-template-columns:repeat(3,1fr); gap:24px}
  .pillar{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1);
    border-radius:16px; padding:34px 30px; transition:transform .35s ease, border-color .35s ease}
  .pillar:hover{transform:translateY(-6px); border-color:rgba(214,171,62,.5)}
  .pillar .tag{font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; color:var(--gold-br); font-weight:700}
  .pillar h3{color:#fff; font-size:1.7rem; margin:12px 0 6px}
  .pillar .role{font-size:.86rem; color:#9fb0cd; font-weight:600; margin-bottom:14px}
  .pillar p{font-size:.96rem; color:#c4d1e6}
  .flow{display:flex; align-items:center; justify-content:center; gap:18px; margin-top:48px; flex-wrap:wrap}
  .flow .step{font-family:var(--disp); font-size:1.15rem; color:#fff}
  .flow .step b{color:var(--gold-br)}
  .flow .arrow{color:var(--gold-br); font-size:1.3rem}
  .flow-note{text-align:center; margin-top:18px; color:#9fb0cd; font-size:.95rem}

  /* 3D.DET */
  #det{background:var(--azure-2)}
  .det-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:center}
  .det-visual{position:relative; aspect-ratio:1/.82; border-radius:18px;
    background:radial-gradient(120% 120% at 30% 20%, #22345a, #15233d);
    overflow:hidden; box-shadow:0 26px 60px -24px rgba(21,35,61,.55)}
  .det-visual .ring{position:absolute; border:1px solid rgba(214,171,62,.4); border-radius:50%}
  .det-visual .r1{inset:14%} .det-visual .r2{inset:26%} .det-visual .r3{inset:38%}
  .det-visual .node{position:absolute; width:13px;height:13px;border-radius:50%;
    background:var(--gold-br); box-shadow:0 0 16px 2px rgba(214,171,62,.7)}
  .det-visual .label{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
    text-align:center; color:#fff}
  .det-visual .label b{font-family:var(--disp); font-size:2rem; display:block}
  .det-visual .label span{font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; color:var(--azure-deep)}
  .det-copy h2{font-size:clamp(1.9rem,4vw,2.7rem)}
  .det-copy p{margin:18px 0}
  .badge{display:inline-flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--line);
    border-radius:40px; padding:9px 18px; font-size:.85rem; font-weight:600; color:var(--ink); margin-top:8px}
  .badge .dot{width:9px;height:9px;border-radius:50%;background:#2bb673}
  .det-moral{margin-top:24px; padding:18px 22px; border-left:3px solid var(--gold);
    background:#fff; border-radius:0 12px 12px 0; font-family:var(--disp); font-style:italic; color:var(--ink)}

  /* MARKETS */
  #markets .sec-head{max-width:760px}
  .market{padding:64px 0; border-top:1px solid var(--line)}
  .market:first-of-type{border-top:0}
  .market-top{display:flex; align-items:baseline; gap:18px; margin-bottom:8px; flex-wrap:wrap}
  .market-top .mnum{font-family:var(--disp); font-size:1.1rem; color:var(--gold); font-weight:700}
  .market h3{font-size:clamp(1.7rem,3.6vw,2.5rem)}
  .market .sub{font-size:1.08rem; color:var(--body); max-width:760px; margin:14px 0 36px}
  .cards{display:grid; gap:20px}
  .cards.c3{grid-template-columns:repeat(3,1fr)}
  .cards.c4{grid-template-columns:repeat(4,1fr)}
  .feat{background:var(--white); border:1px solid var(--line); border-radius:14px; padding:26px 24px;
    transition:transform .3s ease, box-shadow .3s ease}
  .feat:hover{transform:translateY(-5px); box-shadow:0 18px 40px -22px rgba(21,35,61,.4)}
  .feat .ic{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;
    background:var(--azure); color:var(--navy); margin-bottom:16px}
  .feat .ic svg{width:22px;height:22px;stroke:var(--navy);fill:none;stroke-width:1.7}
  .feat h4{font-size:1.12rem; margin-bottom:8px}
  .feat p{font-size:.92rem; color:var(--body)}
  .feat.gold{background:linear-gradient(160deg,#1b2a47,#15233d); border-color:#15233d}
  .feat.gold h4,.feat.gold p{color:#fff}
  .feat.gold p{color:#c4d1e6}
  .feat.gold .ic{background:rgba(214,171,62,.18)}
  .feat.gold .ic svg{stroke:var(--gold-br)}

  .benefits{margin-top:14px}
  .benefit-row{display:grid; grid-template-columns:auto 1fr; gap:18px; padding:18px 0; border-bottom:1px solid var(--line)}
  .benefit-row:last-child{border-bottom:0}
  .benefit-row .tick{width:26px;height:26px;border-radius:50%;background:var(--navy);
    display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
  .benefit-row .tick svg{width:14px;height:14px;stroke:var(--gold-br);fill:none;stroke-width:2.4}
  .benefit-row b{color:var(--ink); font-family:var(--disp); font-weight:600; font-size:1.08rem}
  .benefit-row p{color:var(--body); font-size:.96rem; margin-top:2px}

  .levels{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:30px}
  .level{border-radius:14px; padding:28px 24px; border:1px solid var(--line); background:var(--white)}
  .level.l1{background:var(--azure-2)}
  .level.l3{background:linear-gradient(160deg,#1b2a47,#15233d); border-color:#15233d}
  .level .when{font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:var(--gold)}
  .level h4{font-size:1.2rem; margin:10px 0 8px}
  .level p{font-size:.94rem; color:var(--body)}
  .level.l3 .when{color:var(--gold-br)} .level.l3 h4{color:#fff} .level.l3 p{color:#c4d1e6}

  /* CLOSING */
  #contact{background:linear-gradient(180deg,#101c33,#15233d); color:#fff; text-align:center; padding:120px 0}
  #contact h2{color:#fff; font-size:clamp(2rem,5vw,3.4rem); max-width:880px; margin:0 auto}
  #contact h2 em{font-style:italic; color:var(--gold-br)}
  #contact p{color:#c4d1e6; margin:24px auto 0; max-width:560px}
  .cta{display:inline-flex; align-items:center; gap:10px; margin-top:38px;
    background:linear-gradient(135deg,var(--gold),var(--gold-br)); color:var(--navy);
    font-weight:700; padding:16px 34px; border-radius:44px; font-size:1rem; letter-spacing:.01em;
    transition:transform .25s ease, box-shadow .25s ease}
  .cta:hover{transform:translateY(-3px); box-shadow:0 16px 36px -14px rgba(214,171,62,.6)}

  footer{background:#0d1729; color:#8fa1c2; padding:48px 0; font-size:.86rem}
  .foot{display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; align-items:center}
  .foot .fb{color:#fff; font-family:var(--disp); font-size:1.05rem}
  .foot .fb span{display:block; font-family:var(--sans); font-size:.72rem; letter-spacing:.14em;
    text-transform:uppercase; color:var(--azure-deep); margin-top:2px}
  .foot a:hover{color:var(--gold-br)}

  /* ---------- RESPONSIVE ---------- */
  @media (max-width:900px){
    .menu{position:fixed; inset:0 0 0 auto; width:74%; max-width:320px; background:var(--navy);
      flex-direction:column; padding:100px 32px; gap:22px; transform:translateX(100%);
      height:100dvh; overflow-y:auto; -webkit-overflow-scrolling:touch;
      transition:transform .35s ease; box-shadow:-20px 0 50px rgba(0,0,0,.4)}
    .menu.open{transform:translateX(0)}
    .menu a{font-size:1.05rem}
    .burger{display:flex}
    .about-grid,.det-grid{grid-template-columns:1fr; gap:36px}
    .about-grid .lead-num{font-size:4rem}
    .pillars,.cards.c3,.cards.c4,.levels{grid-template-columns:1fr}
    .det-visual{max-width:420px;margin:0 auto}
    section{padding:76px 0}
  }
  @media (max-width:600px){
    .wrap{padding:0 20px}
    .hero{padding:120px 0 90px}
    .flow{flex-direction:column; gap:6px}
  }
  /* ---------- MISSING LAYER ---------- */
  #missing{background:linear-gradient(180deg,#101c33,#15233d); color:#fff; position:relative}
  #missing .grain{position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  #missing .wrap{position:relative; z-index:2}
  #missing .sec-head h2{color:#fff} #missing .sec-head p{color:#c4d1e6}
  .ml-top{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center}
  .ml-stack{display:flex; flex-direction:column}
  .ml-band{border-radius:14px; padding:20px 24px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.05)}
  .ml-band .bt{font-size:.68rem; letter-spacing:.16em; text-transform:uppercase; color:#9fb0cd; font-weight:700}
  .ml-band b{font-family:var(--disp); font-size:1.2rem; color:#fff; display:block; margin-top:3px}
  .ml-band p{font-size:.88rem; color:#c4d1e6; margin-top:5px}
  .ml-mid{background:linear-gradient(135deg,var(--gold),var(--gold-br)); border-color:transparent; box-shadow:0 14px 36px -12px rgba(214,171,62,.5)}
  .ml-mid .bt{color:#5c4a10} .ml-mid b{color:#15233d} .ml-mid p{color:#3a2e08}
  .ml-conn{height:26px; display:flex; align-items:center; justify-content:center; color:var(--gold-br); font-size:1.1rem}
  .ml-copy h3{color:#fff; font-size:1.7rem; margin-bottom:14px}
  .ml-copy p{color:#c4d1e6; margin-bottom:14px}
  .ml-copy p strong{color:#fff}
  .ml-cols{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:48px}
  .ml-card{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:16px; padding:30px 28px}
  .ml-card h4{color:#fff; font-size:1.25rem; margin-bottom:14px; font-family:var(--disp)}
  .ml-card .li{display:flex; gap:12px; padding:9px 0; color:#c4d1e6; font-size:.95rem; line-height:1.5}
  .ml-card .li svg{width:16px; height:16px; flex-shrink:0; margin-top:4px; stroke:var(--gold-br); fill:none; stroke-width:2.4}
  .ml-card .li b{color:#fff}
  .ml-note{margin-top:16px; font-size:.9rem; color:#9fb0cd; font-style:italic}
  .ml-close{margin-top:54px; text-align:center}
  .ml-close h3{font-family:var(--disp); font-size:clamp(1.8rem,4.4vw,2.9rem); color:#fff; line-height:1.12}
  .ml-close h3 em{font-style:italic; color:var(--gold-br)}
  .ml-close p{color:#c4d1e6; max-width:680px; margin:18px auto 0}
  @media (max-width:900px){ .ml-top,.ml-cols{grid-template-columns:1fr; gap:28px} }
  /* ---------- AI ENGINE ---------- */
  #ai-engine{background:var(--paper)}
  .cl-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:50px; align-items:center}
  .cl-grid h3{font-size:1.7rem; margin-bottom:14px}
  .cl-grid p{margin-bottom:14px}
  .cl-grid p strong{color:var(--ink)}
  .cl-vs{display:flex; flex-direction:column; gap:12px}
  .cl-opt{border-radius:14px; padding:22px 24px; border:1px solid var(--line); background:#fff}
  .cl-opt .t{font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:var(--muted)}
  .cl-opt b{font-family:var(--disp); font-size:1.18rem; color:var(--ink); display:block; margin-top:3px}
  .cl-opt p{font-size:.92rem; color:var(--body); margin-top:6px}
  .cl-opt.win{background:linear-gradient(160deg,#1b2a47,#15233d); border-color:#15233d}
  .cl-opt.win .t{color:var(--gold-br)} .cl-opt.win b{color:#fff} .cl-opt.win p{color:#c4d1e6}
  .cl-vs-arrow{text-align:center; color:var(--gold); font-size:1.1rem; font-weight:700}
  .cl-raci{margin-top:56px; background:linear-gradient(135deg,#15233d,#101c33); border-radius:20px;
    padding:48px; color:#fff; display:grid; grid-template-columns:.82fr 1.18fr; gap:48px; align-items:center}
  .cl-raci .big{font-family:var(--disp); font-size:clamp(3.4rem,7vw,5.4rem); color:var(--gold-br); line-height:.95; font-weight:600}
  .cl-raci .big span{display:block; font-family:var(--sans); font-size:1rem; color:#c4d1e6; font-weight:600; letter-spacing:.02em; margin-top:12px}
  .cl-raci h3{color:#fff; font-size:1.4rem; margin-bottom:10px}
  .cl-raci .li{display:flex; gap:12px; padding:7px 0; color:#c4d1e6; font-size:.95rem; line-height:1.5}
  .cl-raci .li svg{width:16px; height:16px; flex-shrink:0; margin-top:4px; stroke:var(--gold-br); fill:none; stroke-width:2.4}
  .cl-raci .li b{color:#fff}
  .cl-close{margin-top:42px; text-align:center; font-family:var(--disp); font-style:italic; font-size:1.45rem; color:var(--ink)}
  @media (max-width:900px){ .cl-grid,.cl-raci{grid-template-columns:1fr; gap:28px} .cl-raci{padding:32px} }
  /* ---------- FOR ADIZES ---------- */
  #adizes{background:#fff}
  .az-soul{display:grid; grid-template-columns:1fr auto 1fr; align-items:stretch; border-radius:16px; overflow:hidden; border:1px solid var(--line)}
  .az-skel{background:var(--azure-2); padding:30px 28px}
  .az-d{background:linear-gradient(160deg,#1b2a47,#15233d); padding:30px 28px}
  .az-plus{display:flex; align-items:center; justify-content:center; background:var(--gold); color:var(--navy); font-family:var(--disp); font-size:1.7rem; font-weight:700; padding:0 18px}
  .az-skel .t,.az-d .t{font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700}
  .az-skel .t{color:var(--navy2)} .az-d .t{color:var(--gold-br)}
  .az-skel b,.az-d b{font-family:var(--disp); display:block; font-size:1.3rem; margin:4px 0 10px}
  .az-skel b{color:var(--ink)} .az-d b{color:#fff}
  .az-skel p{color:var(--body); font-size:.92rem} .az-d p{color:#c4d1e6; font-size:.92rem}
  .az-cap{text-align:center; font-family:var(--disp); font-style:italic; color:var(--ink); font-size:1.15rem; margin-top:18px}
  .az-band{margin-top:48px; background:linear-gradient(135deg,var(--gold),var(--gold-br)); border-radius:18px; padding:42px 44px; text-align:center; box-shadow:0 18px 44px -16px rgba(184,144,31,.5)}
  .az-band h3{color:var(--navy); font-size:clamp(1.6rem,3.6vw,2.3rem)}
  .az-band p{color:#3a2e08; max-width:760px; margin:12px auto 0; font-size:1.06rem}
  #adizes-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:48px}
  .az-card{background:var(--azure-2); border:1px solid var(--line); border-radius:14px; padding:28px 26px}
  .az-card .ic{width:42px; height:42px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid var(--line); margin-bottom:16px}
  .az-card .ic svg{width:22px; height:22px; stroke:var(--gold); fill:none; stroke-width:1.7}
  .az-card h4{font-family:var(--disp); font-size:1.15rem; margin-bottom:8px; color:var(--ink)}
  .az-card p{font-size:.93rem; color:var(--body)}
  @media (max-width:900px){ .az-soul{grid-template-columns:1fr} .az-plus{padding:12px} #adizes-cards{grid-template-columns:1fr} }
  /* ---------- AI ENGINE EXTRAS ---------- */
  .cl-grow,.cl-ask{margin-top:58px}
  .cl-grow h3,.cl-ask h3{font-size:1.7rem; margin-bottom:8px}
  .cl-grow .sub,.cl-ask .sub{color:var(--body); margin-bottom:30px; max-width:780px; font-size:1.02rem}
  .cl-timeline{display:grid; grid-template-columns:repeat(4,1fr); margin-bottom:30px}
  .cl-step{position:relative; padding:0 16px; text-align:center}
  .cl-step .ln{position:absolute; top:7px; left:50%; width:100%; height:2px; background:var(--line); z-index:0}
  .cl-step:last-child .ln{display:none}
  .cl-step .dot{position:relative; z-index:1; width:16px; height:16px; border-radius:50%; background:var(--gold); margin:0 auto 16px; box-shadow:0 0 0 4px rgba(184,144,31,.16)}
  .cl-step b{display:block; font-family:var(--disp); color:var(--ink); font-size:1.05rem}
  .cl-step span{font-size:.85rem; color:var(--muted)}
  .cl-curve{max-width:620px; margin-top:6px}
  .cl-curve svg{width:100%; height:auto}
  .cl-qa{display:flex; flex-direction:column; gap:14px; max-width:940px}
  .cl-q{align-self:flex-start; background:var(--navy); color:#fff; border-radius:14px 14px 14px 4px; padding:13px 20px; font-weight:600; max-width:78%}
  .cl-a{align-self:flex-end; background:#fff; border:1px solid var(--line); border-radius:14px 14px 4px 14px; padding:14px 20px; color:var(--body); width:82%; box-shadow:0 8px 22px -16px rgba(21,35,61,.5)}
  .cl-a .tag{font-size:.62rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); font-weight:700; display:block; margin-bottom:5px}
  .cl-a b{color:var(--ink)}
  @media (max-width:900px){ .cl-timeline{grid-template-columns:1fr 1fr; gap:24px 0} .cl-step .ln{display:none} }
  /* ---------- WHY THIS AI ---------- */
  #why{background:linear-gradient(180deg,#0f1a30,#15233d); color:#fff; position:relative}
  #why .grain{position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  #why .wrap{position:relative; z-index:2}
  #why .sec-head h2{color:#fff} #why .sec-head p{color:#c4d1e6}
  .why-cards{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:42px}
  .why-card{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:16px; padding:30px 28px}
  .why-card .t{font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; color:#9fb0cd; font-weight:700}
  .why-card h3{color:#fff; font-size:1.5rem; margin:6px 0 12px; font-family:var(--disp)}
  .why-card p{color:#c4d1e6; font-size:.97rem; line-height:1.55}
  .why-intro{color:#c4d1e6; max-width:840px; margin-bottom:18px; font-size:1.02rem}
  .why-pillars{display:grid; grid-template-columns:1fr 1fr; gap:24px}
  .why-pillar{display:flex; gap:16px; align-items:flex-start; padding:22px 24px; background:rgba(255,255,255,.03); border-radius:14px; border-left:3px solid var(--gold)}
  .why-pillar .n{font-family:var(--disp); color:var(--gold-br); font-size:1.7rem; font-weight:700; line-height:1}
  .why-pillar b{color:#fff; display:block; margin-bottom:4px} .why-pillar p{color:#c4d1e6; font-size:.93rem}
  .peace{margin-top:50px; background:linear-gradient(135deg,#1b2a47,#22345a); border:1px solid rgba(214,171,62,.35); border-radius:20px; padding:46px}
  .peace h3{font-family:var(--disp); color:#fff; font-size:clamp(1.5rem,3.4vw,2.1rem); margin-bottom:16px}
  .peace h3 em{font-style:italic; color:var(--gold-br)}
  .peace p{color:#c4d1e6; margin-bottom:14px; max-width:920px; line-height:1.6}
  .peace p strong{color:#fff}
  .why-close{margin-top:42px; text-align:center; font-family:var(--disp); font-style:italic; font-size:1.4rem; color:#ffd86b}
  @media (max-width:900px){ .why-cards,.why-pillars{grid-template-columns:1fr} .peace{padding:30px} }
  .why-act{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:34px}
  .why-act > div{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:16px; padding:28px}
  .why-act .t{font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; color:#9fb0cd; font-weight:700; display:block; margin-bottom:6px}
  .why-act h3{color:#fff; font-size:1.35rem; margin-bottom:10px; font-family:var(--disp)}
  .why-act p{color:#c4d1e6; font-size:.95rem; line-height:1.55}
  .act-btn{display:inline-flex; align-items:center; gap:8px; margin-top:16px; background:linear-gradient(135deg,var(--gold),var(--gold-br)); color:#15233d; font-weight:700; padding:11px 22px; border-radius:30px; font-size:.92rem; transition:transform .25s ease}
  .act-btn:hover{transform:translateY(-2px)}
  @media (max-width:900px){ .why-act{grid-template-columns:1fr} }
  #concept{background:#0b1424}
  #concept .sec-head h2{color:#fff}
  .concept-img{display:block; width:100%; max-width:1180px; margin:6px auto 0; border-radius:16px; border:1px solid rgba(255,255,255,.08); box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}



/* ---- graphic refresh: animated Crystal waves + language toggle ---- */
.hero{position:relative}
#contact{position:relative}
#contact .wrap{position:relative; z-index:2}
.cdw-waves{position:absolute; left:0; right:0; bottom:0; height:36%; overflow:hidden; z-index:1; pointer-events:none; opacity:.55}
.cdw-waves .wv{position:absolute; bottom:0; left:0; width:200%; height:100%}
.cdw-waves .wv svg{width:100%; height:100%; display:block}
.cdw-waves .w1{animation:cdwWave 26s linear infinite; opacity:.5}
.cdw-waves .w2{animation:cdwWave 38s linear infinite reverse; opacity:.34}
.cdw-waves .w3{animation:cdwWave 52s linear infinite; opacity:.24}
@keyframes cdwWave{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.det-visual{animation:cdwFloat 9s ease-in-out infinite}
@keyframes cdwFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.lang{display:flex; border:1px solid rgba(255,255,255,.28); border-radius:30px; overflow:hidden; margin-left:18px}
.lang button{background:none; border:0; color:#cdd8ec; font-family:inherit; font-size:.74rem; font-weight:700; letter-spacing:.04em; padding:6px 13px; cursor:pointer; transition:.2s}
.lang button.on{background:var(--gold-br); color:var(--navy)}
header.scrolled .lang{border-color:rgba(255,255,255,.28)}
@media (prefers-reduced-motion:reduce){.cdw-waves .wv,.det-visual{animation:none}}
@media (max-width:900px){.lang{margin-left:auto; margin-right:8px}}



/* ============ LIGHT RE-THEME (Crystal Digital Wave look) ============ */
:root{
  --disp:'Playfair Display',Georgia,serif;
  --sans:'Source Sans 3',system-ui,sans-serif;
  --ink:#1b2c4d; --body:#54637d; --muted:#74809a; --line:#e2eaf4; --paper:#f3f7fc;
  --crystal:#1593a6; --crystal-br:#27b1c4; --crystal-soft:#dcf0f4;
  --gold:#bf8f1c; --gold-br:#e0ad34;
}
body{background:transparent; color:var(--body)}
.eyebrow{color:var(--crystal)}

/* animated background field */
.bg-field{position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none;
  background:linear-gradient(180deg,#f5f9fd,#eaf2f9 55%,#f4f8fc)}
.bg-field .blob{position:absolute; border-radius:50%; filter:blur(70px); opacity:.4}
.bg-field .b1{width:560px;height:560px;left:-120px;top:-120px;background:radial-gradient(circle,#bfe6ec,transparent 68%);animation:bf1 30s ease-in-out infinite}
.bg-field .b2{width:520px;height:520px;right:-140px;top:30vh;background:radial-gradient(circle,#dfe9fb,transparent 68%);animation:bf2 34s ease-in-out infinite}
.bg-field .b3{width:480px;height:480px;left:35%;bottom:-160px;background:radial-gradient(circle,#f4ecd2,transparent 68%);animation:bf3 38s ease-in-out infinite}
@keyframes bf1{0%,100%{transform:translate(0,0)}50%{transform:translate(60px,40px)}}
@keyframes bf2{0%,100%{transform:translate(0,0)}50%{transform:translate(-50px,60px)}}
@keyframes bf3{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,-50px)}}

/* recolor the animated waves for light theme */
.cdw-waves .w1 svg path{fill:#9fd3dd!important}
.cdw-waves .w2 svg path{fill:#c5d6f2!important}
.cdw-waves .w3 svg path{fill:#ead9a8!important}

/* hide the navy section-divider waves */
svg.wave{display:none}

/* header / nav -> light */
header.scrolled{background:rgba(243,247,252,.86); box-shadow:0 1px 0 var(--line)}
.brand{color:var(--ink)} .brand span{color:var(--crystal)}
.menu a{color:var(--body)} .menu a:hover{color:var(--crystal)} .menu a::after{background:var(--crystal-br)}
.burger span{background:var(--crystal)}
.lang{border-color:var(--line); background:#fff}
.lang button{color:var(--body)} .lang button.on{background:var(--crystal); color:#fff}
header.scrolled .lang{border-color:var(--line)}
@media(max-width:900px){.menu{background:#15233d !important; z-index:200; box-shadow:-20px 0 50px rgba(0,0,0,.45)} .menu a{color:#eef3fa !important}}

/* HERO -> light */
.hero{background:linear-gradient(180deg,#f6fafe,#e9f1f9 60%,#f4f8fc); color:var(--ink)}
.hero .grain{opacity:.03}
.hero .glow{background:radial-gradient(circle,rgba(127,224,238,.30),transparent 60%)}
.hero h1{color:var(--ink)}
.hero h1 em{background:linear-gradient(100deg,var(--gold),var(--gold-br)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:var(--gold-br)}
.hero .lede{color:var(--body)}
.hero .moral{color:var(--crystal)} .hero .moral::before{background:var(--gold)}
.hero .pill{border-color:var(--line); color:var(--body); background:rgba(255,255,255,.6)} .hero .pill b{color:var(--crystal)}
.hero .eyebrow{color:var(--gold)}
.scrollcue{color:var(--muted)} .scrollcue::after{background:linear-gradient(var(--crystal),transparent)}

/* ABOUT */
.about-grid .lead-num{background:linear-gradient(120deg,var(--crystal),#3a5a9c); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:var(--crystal)}
.stat b{color:var(--gold)}

/* MODEL -> light */
#model{background:linear-gradient(180deg,rgba(243,247,252,.84),rgba(233,241,249,.84)); color:var(--ink)}
#model .grain{opacity:.02}
#model .sec-head h2{color:var(--ink)} #model .sec-head p{color:var(--body)}
.pillar{background:#fff; border:1px solid var(--line)} .pillar:hover{border-color:var(--crystal)}
.pillar .tag{color:var(--crystal)} .pillar h3{color:var(--ink)} .pillar .role{color:var(--ink)} .pillar p{color:var(--body)}
.flow .step{color:var(--ink)} .flow .step b{color:var(--crystal)} .flow .arrow{color:var(--gold)} .flow-note{color:var(--muted)}

/* 3D.DET visual -> animated constellation (card stays dark) */
#det{background:linear-gradient(180deg,rgba(238,243,251,.85),rgba(243,247,252,.85))}
.det-visual{position:relative; padding:0; overflow:hidden;
  background:radial-gradient(120% 95% at 72% 8%,#1d4d70,#0e2339 58%,#091628)}
.det-visual canvas{position:absolute; inset:0; width:100%; height:100%; display:block}
.det-visual::after{content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(58% 50% at 50% 46%,rgba(127,224,238,.12),transparent 72%)}
.det-tw-label{position:absolute; top:20px; left:22px; z-index:3}
.det-tw-label b{font-family:var(--disp); font-weight:700; color:#fff; font-size:1.12rem; display:block; line-height:1}
.det-tw-label span{font-size:.58rem; letter-spacing:.22em; color:#bfe0ec; text-transform:uppercase; display:block; margin-top:6px; opacity:.85}
.det-moral{background:#fff}

/* CONCEPT -> light */
#concept{background:linear-gradient(180deg,rgba(233,241,249,.85),rgba(243,247,252,.85))}
#concept .sec-head h2{color:var(--ink)}
.concept-img{border:1px solid var(--line); box-shadow:0 26px 60px -28px rgba(27,44,77,.3)}

/* FOR ADIZES */
.az-d{background:var(--crystal-soft)} .az-d .t{color:var(--crystal)} .az-d b{color:var(--ink)} .az-d p{color:var(--body)}
.az-skel{background:#fff} .az-skel .t{color:var(--crystal)}
.az-card{background:#fff} .az-card .ic{background:var(--crystal-soft); border-color:transparent} .az-card .ic svg{stroke:var(--crystal)}

/* MISSING LAYER -> light */
#missing{background:linear-gradient(180deg,rgba(238,243,251,.85),rgba(243,247,252,.85)); color:var(--ink)}
#missing .grain{opacity:.02}
#missing .sec-head h2{color:var(--ink)} #missing .sec-head p{color:var(--body)}
.ml-band{background:#fff; border:1px solid var(--line)} .ml-band .bt{color:var(--crystal)} .ml-band b{color:var(--ink)} .ml-band p{color:var(--body)}
.ml-copy h3{color:var(--ink)} .ml-copy p{color:var(--body)} .ml-copy p strong{color:var(--ink)}
.ml-card{background:#fff; border:1px solid var(--line)} .ml-card h4{color:var(--ink)} .ml-card .li{color:var(--body)} .ml-card .li b{color:var(--ink)} .ml-card .li svg{stroke:var(--crystal)}
.ml-note{color:var(--muted)}
.ml-close h3{color:var(--ink)} .ml-close h3 em{color:var(--gold)} .ml-close p{color:var(--body)}

/* AI ENGINE */
.cl-grid h3{color:var(--ink)} .cl-grid p strong{color:var(--ink)}
.cl-opt.win{background:var(--crystal-soft); border-color:transparent} .cl-opt.win .t{color:var(--crystal)} .cl-opt.win b{color:var(--ink)} .cl-opt.win p{color:var(--body)}
.cl-vs-arrow{color:var(--gold)}
.cl-raci{background:linear-gradient(135deg,#15435a,#1f3a78)}
.cl-grow .sub,.cl-ask .sub{color:var(--body)}
.cl-step .dot{background:var(--crystal); box-shadow:0 0 0 4px rgba(21,147,166,.16)}
.cl-a .tag{color:var(--crystal)}
.cl-close{color:var(--ink)}

/* MARKETS feats / levels */
.feat .ic{background:var(--crystal-soft)} .feat .ic svg{stroke:var(--crystal)}
.feat.gold{background:linear-gradient(160deg,#16435a,#1f3a78); border-color:transparent}
.feat.gold .ic{background:rgba(127,224,238,.18)} .feat.gold .ic svg{stroke:var(--crystal-br)}
.benefit-row .tick{background:var(--crystal)} .benefit-row .tick svg{stroke:#fff}
.level.l1{background:var(--crystal-soft)}
.level.l3{background:linear-gradient(160deg,#16435a,#1f3a78); border-color:transparent}
.level .when{color:var(--crystal)} .level.l3 .when{color:var(--crystal-br)}

/* WHY -> light */
#why{background:linear-gradient(180deg,rgba(243,247,252,.85),rgba(238,243,251,.85)); color:var(--ink)}
#why .grain{opacity:.02}
#why .sec-head h2{color:var(--ink)} #why .sec-head p{color:var(--body)}
.why-card{background:#fff; border:1px solid var(--line)} .why-card .t{color:var(--crystal)} .why-card h3{color:var(--ink)} .why-card p{color:var(--body)}
.why-intro{color:var(--body)}
.why-pillar{background:#fff; border:1px solid var(--line); border-left:3px solid var(--gold)} .why-pillar .n{color:var(--gold)} .why-pillar b{color:var(--ink)} .why-pillar p{color:var(--body)}
.peace{background:linear-gradient(135deg,#15435a,#1f3a78); border-color:rgba(127,224,238,.35)}
.why-close{color:var(--gold)}
.why-act > div{background:#fff; border:1px solid var(--line)} .why-act .t{color:var(--crystal)} .why-act h3{color:var(--ink)} .why-act p{color:var(--body)}

/* CONTACT band (kept dark, recolored teal/indigo) */
#contact{background:linear-gradient(135deg,#15435a,#1f3a78)}
#contact h2 em{color:var(--gold-br)}
.cta{background:linear-gradient(135deg,var(--gold),var(--gold-br)); color:#1b2c4d}

/* FOOTER -> light */
footer{background:#eaf2f9; color:var(--muted)}
.foot .fb{color:var(--ink)} .foot .fb span{color:var(--crystal)} .foot a:hover{color:var(--gold)}

@media(prefers-reduced-motion:reduce){.bg-field .blob{animation:none}}



/* ===== LOTTO 2: News / Proof / Mockup ===== */
#news,#proof,#mockup{padding:92px 0}
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:6px}
.news-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 18px 50px -34px rgba(27,44,77,.32)}
.news-tag{display:inline-block;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:5px 11px;border-radius:999px;margin-bottom:14px}
.news-card.linkedin .news-tag{background:#e7f0fb;color:#1f5fa6}
.news-card.press .news-tag{background:var(--crystal-soft);color:var(--crystal)}
.news-card h3{font-family:var(--disp);color:var(--ink);font-size:1.18rem;line-height:1.32;margin:0 0 10px}
.news-card p{color:var(--body);margin:0 0 14px;font-size:.98rem;line-height:1.55}
.news-meta{font-size:.78rem;color:var(--muted)}
.news-cta{margin-top:30px;text-align:center}
.btn-linkedin{display:inline-flex;align-items:center;gap:9px;background:#1f5fa6;color:#fff;font-weight:600;padding:13px 24px;border-radius:999px;text-decoration:none}
.btn-linkedin::before{content:"in";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#fff;color:#1f5fa6;border-radius:4px;font-weight:800;font-size:.7rem;font-family:var(--sans)}
.proof-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;margin-top:6px}
.proof-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 18px 50px -34px rgba(27,44,77,.32);display:flex;flex-direction:column}
.proof-card img{width:100%;height:160px;object-fit:cover;display:block}
.proof-body{padding:20px 22px}
.proof-num{font-family:var(--disp);font-weight:700;font-size:2.2rem;color:var(--crystal);line-height:1}
.proof-uni{color:var(--body);font-size:.92rem;margin-top:6px}
.proof-card.total{align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,#15435a,#1f3a78);border:none;color:#fff}
.proof-card.total .proof-num{color:var(--gold-br);font-size:3rem}
.proof-card.total .proof-uni{color:#dbe6f5}
.mockup{max-width:980px;margin:14px auto 0;background:#0e2235;border-radius:16px;box-shadow:0 40px 90px -42px rgba(13,30,55,.6);overflow:hidden;border:1px solid #16324c}
.mk-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#0b1b2c;border-bottom:1px solid #16324c}
.mk-bar .dot{width:11px;height:11px;border-radius:50%}
.mk-bar .r{background:#ef6a5e}.mk-bar .y{background:#f5bd4f}.mk-bar .g{background:#5fcf80}
.mk-title{margin-left:12px;color:#bfe0ec;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.mk-body{display:grid;grid-template-columns:172px 1fr 200px;min-height:330px}
.mk-nav{background:#0b1b2c;padding:18px 14px;border-right:1px solid #16324c}
.mk-item{color:#9fb6cc;font-size:.86rem;padding:9px 11px;border-radius:8px;margin-bottom:4px}
.mk-item.on{background:rgba(127,224,238,.14);color:#cdeef6}
.mk-stage{position:relative;background:radial-gradient(120% 100% at 60% 8%,#1d4d70,#0e2339 60%,#091628);display:flex;align-items:center;justify-content:center}
.mk-stage svg{width:92%;height:92%}
.mk-kpi{background:#0b1b2c;border-left:1px solid #16324c;padding:18px 16px}
.mk-kpi .k{margin-bottom:18px}
.mk-kpi .lbl{color:#8fa6bc;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.mk-kpi .val{color:#fff;font-family:var(--disp);font-size:1.5rem;line-height:1.2}
.mk-kpi .bar{height:7px;border-radius:4px;background:#16324c;margin-top:7px;overflow:hidden}
.mk-kpi .bar > i{display:block;height:100%;background:linear-gradient(90deg,#1593a6,#7fe0ee)}
.mk-cap{max-width:760px;margin:16px auto 0;text-align:center;color:var(--muted);font-size:.86rem}
@media(max-width:720px){.news-grid,.proof-grid{grid-template-columns:1fr}.mk-body{grid-template-columns:1fr}.mk-nav,.mk-kpi{display:none}.mk-stage{min-height:240px}}



/* ===== LOTTO 3: Enterprise stability + AI governance ===== */
#stability,#governance{padding:90px 0}
#governance{background:linear-gradient(180deg,rgba(238,243,251,.85),rgba(243,247,252,.85))}
.l3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:8px}
.l3-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 18px 50px -34px rgba(27,44,77,.3)}
.l3-card .t{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--crystal);margin-bottom:10px}
.l3-card h3{font-family:var(--disp);color:var(--ink);font-size:1.16rem;margin:0 0 10px;line-height:1.32}
.l3-card p{color:var(--body);margin:0;font-size:.96rem;line-height:1.55}
@media(max-width:720px){.l3-grid{grid-template-columns:1fr}}



/* ===== LOTTO 4: language flag selector ===== */
.lang{position:relative;border:none !important;background:none !important;overflow:visible !important;margin-left:auto;margin-right:8px;padding:0 !important}
.lang-btn{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:6px 12px;cursor:pointer;color:var(--ink);font-family:inherit;font-size:.82rem;font-weight:600}
.lang-flag{width:20px;height:14px;border-radius:3px;overflow:hidden;display:inline-block;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex:none}
.lang-flag svg{display:block;width:20px;height:14px}
.lang-caret{color:var(--muted);font-size:.7rem;margin-left:1px}
.lang-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px -20px rgba(27,44,77,.4);padding:6px;min-width:172px;display:none;z-index:120}
.lang-menu.open{display:block}
.lang-opt{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;cursor:pointer;color:var(--ink);font-size:.9rem}
.lang-opt:hover{background:var(--crystal-soft)}
.lang-opt.active{font-weight:700;color:var(--crystal)}
@media(max-width:900px){.lang{margin-right:6px}}



/* concept SVG (sostituisce l'immagine raster) */
.concept-svg{display:block; width:100%; max-width:1180px; margin:6px auto 0; border-radius:16px; overflow:hidden; border:1px solid var(--line); box-shadow:0 26px 60px -28px rgba(27,44,77,.3)}
.concept-svg svg{display:block; width:100%; height:auto}



/* mobile: grafico concept scorrevole + hint */
.concept-hint{display:none}
@media (max-width:720px){
  .concept-svg{overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; border-radius:12px}
  .concept-svg svg{width:980px; min-width:980px; height:auto}
  .concept-hint{display:block; text-align:center; color:var(--muted); font-size:.82rem; margin:10px 0 0; font-style:italic}
}



/* Markets: CTA Consulting + nota Adizes */
.mk-cta{margin-top:20px}
.mk-cta a{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;padding:13px 24px;border-radius:30px;font-weight:600;font-size:.95rem;box-shadow:0 14px 30px -14px rgba(27,44,77,.5);transition:background .2s}
.mk-cta a:hover{background:var(--crystal)}
#market-consulting .market-top{max-width:760px}
.ad-note{margin:10px 0 2px;color:#5a6b85;font-size:.96rem}
.ad-note a{color:var(--crystal);font-weight:600;text-decoration:underline}
.ad-note a:hover{color:var(--ink)}



/* AI Driven: nota etica + agenti */
.ai-ethics{margin:34px auto 0;max-width:780px;padding:16px 22px;border-left:3px solid var(--gold);background:rgba(191,143,28,.07);border-radius:0 12px 12px 0;color:var(--ink);font-size:1.02rem;line-height:1.55}
.ai-agents{margin:46px auto 0;max-width:1080px}
.ai-agents h3{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.6rem,3.4vw,2.2rem);color:var(--ink);margin:0 0 8px}
.ai-agents .lead{color:#5a6b85;max-width:780px;margin:0 0 26px;font-size:1.05rem}
.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.agent-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 20px 22px;box-shadow:0 18px 40px -28px rgba(27,44,77,.35)}
.agent-card h4{margin:0 0 8px;font-size:1.06rem;color:var(--crystal);font-weight:700}
.agent-card p{margin:0;color:var(--ink);font-size:.96rem;line-height:1.5}
@media(max-width:900px){.agent-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.agent-grid{grid-template-columns:1fr}}



/* icone agenti */
.agent-card .ic{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(21,147,166,.13),rgba(191,143,28,.13));margin-bottom:12px}
.agent-card .ic svg{width:24px;height:24px;stroke:var(--crystal);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}



/* link post nelle news-card */
.news-card .news-link{display:inline-block;margin-top:14px;color:var(--crystal);font-weight:600;font-size:.95rem;text-decoration:none;border-bottom:1px solid rgba(21,147,166,.4)}
.news-card .news-link:hover{color:var(--ink);border-color:var(--ink)}



/* articolo in evidenza News (UAMD) */
.news-feature{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px -34px rgba(27,44,77,.4);margin:0 0 34px}
.nf-media{width:100%;aspect-ratio:16/7;overflow:hidden}
.nf-media img{width:100%;height:100%;object-fit:cover;display:block}
.nf-body{padding:28px 30px 30px;max-width:900px}
.nf-eyebrow{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-weight:700}
.nf-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.55rem,3.6vw,2.25rem);color:var(--ink);margin:8px 0 12px;line-height:1.16}
.nf-stand{font-size:1.1rem;color:var(--ink);font-weight:600;margin:0 0 16px;line-height:1.45}
.nf-body p{color:#33425c;line-height:1.6;margin:0 0 12px}
.nf-stats-intro{font-weight:600;color:var(--ink);margin:18px 0 6px}
.nf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 6px}
.nf-stat{background:linear-gradient(135deg,rgba(21,147,166,.09),rgba(191,143,28,.09));border-radius:12px;padding:16px 14px;text-align:center}
.nf-num{display:block;font-family:'Playfair Display',Georgia,serif;font-size:2rem;font-weight:700;color:var(--crystal)}
.nf-lbl{display:block;font-size:.9rem;color:var(--ink);margin-top:4px;line-height:1.3}
.nf-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.nf-gallery figure{margin:0}
.nf-gallery img{width:100%;height:160px;object-fit:cover;border-radius:10px;display:block}
.nf-gallery figcaption{font-size:.8rem;color:#5a6b85;margin-top:6px;line-height:1.3}
@media(max-width:600px){.nf-stats{grid-template-columns:1fr}.nf-gallery{grid-template-columns:1fr}.nf-gallery img{height:210px}.nf-body{padding:22px 18px 24px}}



/* dropdown Markets */
.menu .has-sub{position:relative;display:inline-flex;align-items:center}
.menu .has-sub>.nav-top::after{content:'\25BE';font-size:.7em;margin-left:5px;opacity:.7}
.menu .submenu{position:absolute;top:100%;left:0;margin-top:10px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 22px 50px -26px rgba(27,44,77,.45);padding:8px;min-width:210px;display:none;z-index:300}
.menu .has-sub:hover .submenu,.menu .has-sub:focus-within .submenu{display:block}
.menu .submenu a{display:block;padding:9px 14px;border-radius:8px;color:var(--ink);font-weight:500;white-space:nowrap}
.menu .submenu a:hover{background:var(--paper);color:var(--crystal)}
@media(max-width:900px){
  .menu .has-sub{display:block;width:100%}
  .menu .has-sub>.nav-top::after{content:'';margin:0}
  .menu .submenu{position:static;display:block;background:transparent;border:none;box-shadow:none;padding:0 0 0 16px;margin:6px 0 4px;min-width:0}
  .menu .submenu a{color:#cdd9ec !important;padding:8px 0;font-size:.95rem}
}



/* Consulting: capacità */
.cons-cap{margin:50px auto 0;max-width:1080px}
.cons-cap h3{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.5rem,3.4vw,2.1rem);color:var(--ink);margin:0 0 22px}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cap-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 18px 40px -28px rgba(27,44,77,.35)}
.cap-card h4{margin:0 0 8px;color:var(--crystal);font-size:1.04rem;font-weight:700}
.cap-card p{margin:0;color:#33425c;font-size:.95rem;line-height:1.5}
@media(max-width:900px){.cap-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.cap-grid{grid-template-columns:1fr}}



/* dropdown fix v2 (override finale) */
.menu .submenu{margin-top:0;padding:12px 0 0 0;background:none;border:0;box-shadow:none}
.menu .submenu .sub-inner{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 22px 50px -26px rgba(27,44,77,.45);padding:8px}
.menu .submenu a{display:block;padding:10px 14px;border-radius:8px;color:var(--ink);font-weight:500;white-space:nowrap;transition:background .15s,color .15s}
.menu .submenu a:hover{background:var(--paper);color:var(--crystal)}
@media(max-width:900px){
  .menu .submenu{padding:0;margin:6px 0 4px}
  .menu .submenu .sub-inner{background:none;border:0;box-shadow:none;padding:0 0 0 16px}
  .menu .submenu a{color:#cdd9ec !important;padding:8px 0}
  .menu .submenu a:hover{background:none;color:#fff}
}



/* === responsive hardening (override finale) === */
html,body{overflow-x:hidden}
img{max-width:100%}
/* tablet: griglie 3/4 colonne -> 2 colonne */
@media (max-width:1000px){
  .pillars,.cards.c3,.cards.c4,.levels,#adizes-cards,.l3-grid,.cap-grid,.nf-stats,.agent-grid,.cl-timeline{grid-template-columns:1fr 1fr !important}
}
/* layout testo+visual e pannelli -> impilati */
@media (max-width:880px){
  .about-grid,.det-grid,.cl-grid,.cl-raci,.ml-top,.ml-cols{grid-template-columns:1fr !important}
  .mk-body{grid-template-columns:1fr !important;display:block !important}
  .nf-gallery{grid-template-columns:1fr 1fr !important}
}
/* tablet stretto: fascia proof a colonna singola (evita orfani) */
@media (max-width:820px){
  .proof-grid{grid-template-columns:1fr !important}
}
/* telefono: tutto a colonna singola + padding ridotto */
@media (max-width:640px){
  .pillars,.cards.c3,.cards.c4,.levels,#adizes-cards,.l3-grid,.cap-grid,.agent-grid,.nf-stats,.nf-gallery,.cl-timeline,.news-grid{grid-template-columns:1fr !important}
  .wrap{padding-left:18px !important;padding-right:18px !important}
  .nf-body{padding:22px 18px 24px !important}
  .nf-media{aspect-ratio:16/10 !important}
}



/* Markets landing: card mercati */
.mkt-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
.mkt-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;text-decoration:none;box-shadow:0 20px 46px -30px rgba(27,44,77,.4);transition:transform .2s,box-shadow .2s}
.mkt-card:hover{transform:translateY(-4px);box-shadow:0 30px 58px -28px rgba(27,44,77,.45)}
.mkt-card .mnum{font-family:var(--disp);color:var(--gold);font-weight:700;font-size:1rem}
.mkt-card h3{font-family:'Playfair Display',Georgia,serif;font-size:1.6rem;color:var(--ink);margin:0 0 12px}
.mkt-card p{color:#33425c;line-height:1.6;font-size:1.05rem;margin:0 0 18px;flex:1}
.mkt-card .mkt-go{color:var(--crystal);font-weight:600;margin-top:auto}
.mkt-card:hover .mkt-go{color:var(--ink)}
@media(max-width:880px){.mkt-cards{grid-template-columns:1fr}}



/* Consulting = capitolo di Business */
.menu .submenu a.sub-child{margin-left:4px;padding-left:24px;position:relative;color:#3a6b9f}
.menu .submenu a.sub-child::before{content:'↳';position:absolute;left:8px;color:var(--gold);font-weight:700}
@media(max-width:900px){.menu .submenu a.sub-child{color:#aebfd8 !important;padding-left:22px}}
.mkt-cards{grid-template-columns:repeat(2,1fr)}
.mkt-sub{display:block;margin-top:14px;padding:12px 0 0 22px;border-top:1px dashed var(--line);color:#3a6b9f;font-weight:600;font-size:.92rem;position:relative}
.mkt-sub::before{content:'↳';position:absolute;left:0;top:12px;color:var(--gold);font-weight:700}
.mkt-sub:hover{color:var(--crystal)}
.biz-chapter{margin:46px auto 0;max-width:820px;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:0 14px 14px 0;background:linear-gradient(135deg,rgba(21,147,166,.05),rgba(191,143,28,.06));padding:22px 24px}
.biz-chapter-tag{display:inline-block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:6px}
.biz-chapter h3{font-family:'Playfair Display',Georgia,serif;font-size:1.4rem;color:var(--ink);margin:0 0 8px}
.biz-chapter p{color:#33425c;line-height:1.55;margin:0 0 14px}
.biz-chapter-link{color:var(--crystal);font-weight:600}
.biz-chapter-link:hover{color:var(--ink)}
.crumb{display:flex;align-items:center;gap:8px;font-size:.85rem;margin-bottom:14px}
.crumb a{color:var(--crystal);font-weight:600;text-decoration:none}
.crumb a:hover{color:var(--ink)}
.crumb-sep{color:#9fb0c8}
.crumb-cur{color:#5a6b85}
@media(max-width:880px){.mkt-cards{grid-template-columns:1fr}}



/* Consulting integrato nella pagina Business */
.biz-consulting{margin:48px auto 0;max-width:1080px;border-top:1px solid var(--line);padding-top:36px}
.biz-consulting h3{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.5rem,3.4vw,2.05rem);color:var(--ink);margin:6px 0 10px}
.biz-consulting>p{color:#33425c;line-height:1.55;margin:0 0 24px;max-width:800px}
.bc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}
.bc-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 18px 40px -28px rgba(27,44,77,.35)}
.bc-card h4{margin:0 0 8px;color:var(--crystal);font-size:1.02rem;font-weight:700}
.bc-card p{margin:0;color:#33425c;font-size:.94rem;line-height:1.5}
@media(max-width:1000px){.bc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.bc-grid{grid-template-columns:1fr}}



/* === adattamento alla risoluzione dello schermo (monitor grandi) === */
/* la dimensione base cresce dolcemente oltre il laptop, invariata su laptop/tablet/mobile */
html{font-size:clamp(16px, 10.8px + 0.36vw, 20px)}
/* il contenitore sfrutta di più lo schermo su monitor ampi */
@media (min-width:1500px){:root{--maxw:1380px}}
@media (min-width:1700px){:root{--maxw:1520px}}
@media (min-width:2000px){:root{--maxw:1720px}}
@media (min-width:2400px){:root{--maxw:1960px}}
/* su schermi molto larghi, le griglie a 3 colonne possono diventare 4 dove ha senso */
@media (min-width:1800px){
  .pillars,.cap-grid,.agent-grid{grid-template-columns:repeat(3,1fr)}
}



/* === fix header + onda + reset scala === */
html{font-size:16px}                       /* annulla la scala fluida che ingrandiva il brand */
.wrap.nav{max-width:none; padding:0 clamp(20px,3vw,60px)}   /* header a tutta larghezza */
.brand{margin-right:clamp(16px,3vw,48px)}                    /* brand staccato dal menu */
.menu{gap:18px}                                              /* un filo più compatto */
/* onda animata più visibile (home e tutte le pagine) */
.cdw-waves{opacity:.92}
.cdw-waves .w1{opacity:.72}
.cdw-waves .w2{opacity:.52}
.cdw-waves .w3{opacity:.4}



/* larghezza più generosa su monitor grandi (riempie di più) */
@media (min-width:1400px){:root{--maxw:1320px}}
@media (min-width:1600px){:root{--maxw:1500px}}
@media (min-width:1800px){:root{--maxw:1680px}}
@media (min-width:2100px){:root{--maxw:1900px}}
@media (min-width:2500px){:root{--maxw:2200px}}



/* onda: più evidente e leggibile sul fondo chiaro */
.cdw-waves{height:42%; opacity:.95}
.cdw-waves .w1{opacity:.78}
.cdw-waves .w2{opacity:.56}
.cdw-waves .w3{opacity:.42}
.cdw-waves .w1 svg path{fill:#7fc6d2!important}
.cdw-waves .w2 svg path{fill:#a8c6ef!important}
.cdw-waves .w3 svg path{fill:#e6cf8c!important}



.menu a{white-space:nowrap}



/* === menu mobile: sfondo per drawer e label quando aperto === */
@media (max-width:900px){
  header.menu-open{background:rgba(243,247,252,.98); box-shadow:0 1px 0 var(--line)}
  header.scrolled, header.menu-open{-webkit-backdrop-filter:none; backdrop-filter:none}
  header.menu-open .brand b{color:var(--ink)}
  header.menu-open .brand span{color:var(--crystal)}
  header.menu-open .burger span{background:var(--crystal)}
  .burger{position:relative; z-index:300}
}



.brand b{white-space:nowrap}



/* marchio: C del logo al posto del quadratino oro */
.brand .mark-img{width:40px;height:40px;border-radius:8px;object-fit:cover;display:block;flex:none}
/* onda hero: riattivo l'animazione (la regola .hero [class]{animation:none} la spegneva) */
.hero .cdw-waves .w1{animation:cdwWave 20s linear infinite}
.hero .cdw-waves .w2{animation:cdwWave 28s linear infinite reverse}
.hero .cdw-waves .w3{animation:cdwWave 38s linear infinite}



/* === modulo contatto === */
.contact-form{max-width:640px;margin:38px auto 0;text-align:left}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cf-field{margin-bottom:16px}
.cf-field label{display:block;font-size:.82rem;font-weight:600;color:#dbe6f5;margin-bottom:6px;letter-spacing:.02em}
.cf-field input,.cf-field textarea{width:100%;box-sizing:border-box;background:#fff;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:12px 14px;font:inherit;font-size:1rem;color:#15233d}
.cf-field input:focus,.cf-field textarea:focus{outline:none;border-color:var(--gold-br);box-shadow:0 0 0 3px rgba(214,171,62,.28)}
.cf-field textarea{resize:vertical;min-height:120px}
.cf-field.invalid input,.cf-field.invalid textarea{border-color:#ff9b9b;box-shadow:0 0 0 3px rgba(255,120,120,.22)}
.cf-consent{display:flex;align-items:flex-start;gap:10px;color:#cdd9ec;font-size:.92rem;margin:4px 0 2px;text-align:left;cursor:pointer}
.cf-consent input{margin-top:3px;flex:none}
.cf-consent.invalid{color:#ffc2c2}
.cf-submit{margin-top:22px;border:0;cursor:pointer;font:inherit;font-weight:700}
.cf-note{color:#9fb3d4;font-size:.9rem;margin-top:16px}
.cf-note a{color:var(--gold-br);font-weight:600}
.cf-ok{margin-top:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);border-radius:10px;padding:14px 16px;color:#eaf3ff}
@media(max-width:640px){.cf-row{grid-template-columns:1fr}}



/* select del modulo */
.cf-field select{width:100%;box-sizing:border-box;background:#fff;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:12px 38px 12px 14px;font:inherit;font-size:1rem;color:#15233d;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%2315233d' stroke-width='2' fill='none' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:12px;cursor:pointer}
.cf-field select:focus{outline:none;border-color:var(--gold-br);box-shadow:0 0 0 3px rgba(214,171,62,.28)}
.cf-field.invalid select{border-color:#ff9b9b;box-shadow:0 0 0 3px rgba(255,120,120,.22)}
.cf-legend{color:#9fb3d4;font-size:.85rem;margin:0 0 6px}
.cf-consent a{color:var(--gold-br);font-weight:600}
/* pagina legale (privacy) */
#privacy{padding:120px 0}
.legal{max-width:780px;margin:0 auto}
.legal .eyebrow{color:var(--crystal)}
.legal h2{font-family:'Playfair Display',Georgia,serif;color:var(--ink);font-size:clamp(1.8rem,4vw,2.6rem);margin:6px 0 18px}
.legal h3{color:var(--ink);margin:24px 0 6px;font-size:1.15rem}
.legal p{color:#33425c;line-height:1.6;margin:0 0 12px}
.legal-back{margin-top:26px}
.legal-back a{color:var(--crystal);font-weight:600}



.cf-hp{display:none}
.cf-err{margin-top:18px;background:rgba(255,120,120,.14);border:1px solid rgba(255,150,150,.4);border-radius:10px;padding:14px 16px;color:#ffd7d7}



/* riga gerarchia di marca nella hero */
.brand-map{margin:18px 0 0;font-size:1.05rem;line-height:1.6;color:var(--ink);background:rgba(255,255,255,.55);border:1px solid var(--line);border-left:3px solid var(--crystal);border-radius:10px;padding:12px 16px;max-width:680px}
.brand-map p{margin:0}
.brand-map .be-edge{margin-top:8px;color:var(--ink)}
.brand-map .be-moral{margin-top:12px;padding-top:11px;border-top:1px solid var(--line);color:var(--crystal);font-style:italic;display:flex;align-items:center;gap:12px}
.brand-map .be-moral::before{content:"";width:26px;height:2px;background:var(--gold);flex:none}
.hero .pill a{color:inherit;text-decoration:none}
.hero .pill a:hover{text-decoration:underline}
.hero .pills-cap{margin-top:42px;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--crystal)}
.hero .pills-cap + .pills{margin-top:12px}
/* sezione AI-edge */
.contrast{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:26px}
.contrast-card{border-radius:14px;padding:22px 24px;border:1px solid var(--line)}
.contrast-a{background:#eef1f6}
.contrast-b{background:linear-gradient(135deg,#0f2742,#16406a);border-color:transparent;color:#eaf2fb}
.contrast-tag{display:inline-block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-bottom:10px}
.contrast-a .contrast-tag{color:#7d8aa0}
.contrast-b .contrast-tag{color:var(--gold-br)}
.contrast-card p{margin:0;line-height:1.6;font-size:1.02rem}
.contrast-a p{color:#475067}
.ai-benefits{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:12px}
.ai-benefits li{position:relative;padding-left:30px;line-height:1.55;color:#33425c}
.ai-benefits li:before{content:'';position:absolute;left:0;top:8px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--crystal) 0 5px,transparent 6px),var(--crystal);box-shadow:0 0 0 4px rgba(21,147,166,.14)}
.delivery-line{font-weight:600;color:var(--ink);background:rgba(184,144,31,.10);border:1px solid rgba(184,144,31,.30);border-radius:10px;padding:16px 22px;line-height:1.55;font-size:1.05rem;text-align:center;margin-top:20px}
@media(max-width:760px){.contrast{grid-template-columns:1fr}}

/* === onda dentro la hero (home): riattiva animazione + centratura marchio === */
.hero .cdw-waves .w1{animation:cdwWave 26s linear infinite}
.hero .cdw-waves .w2{animation:cdwWave 38s linear infinite reverse}
.hero .cdw-waves .w3{animation:cdwWave 52s linear infinite}
.hero-mark{margin:0 0 22px}
.hero-mark svg{width:120px;height:auto;display:block}
@media (max-width:600px){.hero-mark svg{width:96px}}

/* === hero lockup orizzontale: marchio a sinistra + scritta su una riga (a capo ordinato su mobile) === */
.hero .hero-lockup{display:flex; align-items:center; gap:clamp(12px,1.6vw,20px); margin:0 0 8px}
.hero .hero-lockup .hero-mark{margin:0; flex:0 0 auto}
.hero .hero-lockup .hero-mark svg{width:clamp(54px,7vw,78px); height:auto; display:block}
.hero .hero-lockup h1{margin:0; flex:1 1 auto; min-width:0; font-size:clamp(2rem,5.4vw,3.7rem); line-height:1.05}

/* === mobile: le 4 forze in griglia 2x2 (due a sinistra, due a destra) === */
@media (max-width:640px){
  .hero .pills{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:34px}
  .hero .pill{display:flex; align-items:center; justify-content:center; text-align:center; padding:11px 10px; line-height:1.25}
}

/* === blocco evidenza MIT/NANDA (pagina Missing Layer) — striscia compatta === */
.nanda{display:flex; align-items:center; gap:28px; background:#fff; border:1px solid var(--line);
  border-left:6px solid var(--gold-br); border-radius:14px; padding:22px 32px; margin:26px 0 8px;
  box-shadow:0 10px 28px -20px rgba(21,35,61,.3)}
.nanda-num{flex:0 0 auto; font-family:var(--disp); font-size:clamp(2.8rem,7vw,3.6rem); font-weight:700; color:var(--ink); line-height:1}
.nanda-num span{color:var(--gold-br)}
.nanda-txt{flex:1 1 auto; min-width:0}
.nanda-label{margin:0 0 6px; font-size:1rem; line-height:1.5; color:var(--body)}
.nanda-src{margin:0; font-size:.8rem; line-height:1.45; color:var(--muted)}
.nanda-src a{color:var(--crystal); font-weight:600; text-decoration:none}
.nanda-src a:hover{text-decoration:underline}
@media (max-width:640px){ .nanda{flex-direction:column; align-items:flex-start; gap:12px; padding:22px 22px} }

/* logo UAMD accanto all'occhiello nel post Durres */
.nf-brandrow{display:flex; align-items:center; gap:13px; margin:0 0 2px}
.nf-logo{width:46px; height:46px; flex:0 0 auto; display:block}
@media(max-width:600px){ .nf-logo{width:40px; height:40px} }

/* post Bahria — hero co-brand + 2 stat + contesto */
.nf-cobrand{display:flex;align-items:center;gap:30px;padding:30px 34px;background:linear-gradient(135deg,#eef4fc,#ffffff);border-bottom:1px solid var(--line)}
.nf-cobrand-logo{width:130px;height:auto;flex:0 0 auto;display:block}
.nf-cobrand-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.nf-cobrand-txt strong{font-size:1.7rem;font-weight:700;color:var(--ink);line-height:1.12}
.nf-cobrand-txt span{font-size:1rem;color:var(--muted)}
.nf-cobrand-partner{color:var(--crystal)!important;font-weight:600}
.nf-stats.cols2{grid-template-columns:repeat(2,1fr);max-width:440px}
.nf-context{font-size:.85rem;color:var(--muted);margin:14px 0 0}
@media(max-width:600px){.nf-cobrand{flex-direction:column;text-align:center;gap:16px;padding:26px 20px}.nf-cobrand-txt{align-items:center}.nf-stats.cols2{max-width:none}}

/* 3+1: AI come livello sotto le tre forze (homepage) */
.hero .pills-ai{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:center;width:100%;max-width:none;box-sizing:border-box;margin:12px 0 0;padding:11px 22px;border-radius:40px;background:linear-gradient(135deg,rgba(21,147,166,.14),rgba(21,147,166,.05));border:1px solid rgba(21,147,166,.32);color:var(--body);text-decoration:none;font-size:.95rem}
.hero .pills-ai b{color:var(--crystal);font-weight:700}
.hero .pills-ai .pa-sub{color:var(--muted);font-size:.85rem}
.hero .pills-ai:hover{border-color:var(--crystal)}
/* fascia livello cognitivo (pagina modello) */
.model-ai{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0 0;padding:24px 28px;border-radius:16px;background:linear-gradient(135deg,rgba(21,147,166,.12),rgba(21,147,166,.04));border:1px solid rgba(21,147,166,.3);text-decoration:none;color:var(--ink)}
.model-ai-eye{display:block;font-size:.74rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--crystal);margin:0 0 6px}
.model-ai-h{font-size:1.2rem;color:var(--ink);margin:0 0 8px;font-family:'Playfair Display',Georgia,serif;font-weight:600}
.model-ai p{font-size:.95rem;color:var(--body);margin:0;max-width:760px;line-height:1.6}
.model-ai-go{flex:0 0 auto;font-weight:600;color:var(--crystal);white-space:nowrap}
.model-ai:hover{border-color:var(--crystal)}
@media(max-width:600px){.model-ai{flex-direction:column;align-items:flex-start;gap:14px;padding:20px}}

/* 3+1 centrato: contenitore che centra le tre pill e la barra AI (larga quanto le pill) */
.hero .pills-cap{text-align:center}
.hero .pills-block{width:fit-content;max-width:100%;margin:12px auto 0}
.hero .pills-block .pills{margin-top:0;justify-content:center}
@media (max-width:640px){.hero .pills-block{width:auto;margin-top:12px}.hero .pills-ai{width:100%}}