:root{
    --ink:#151714; --paper:#fbf5ea; --paper2:#f5ecdd; --line:#d9cfbd; --muted:#756f64;
    --acid:#c9a84c; --cyan:#82e8e6; --coral:#ff806b; --violet:#b5a1ff; --white:#fffdf8;
    --shadow:0 20px 70px rgba(27,26,22,.11); --radius:26px; --radius-sm:16px;
    --max:1240px;
    --deep: #080810;
    --gold: #c9a84c;
    --black: #050508;
    --green: #d9ff69;
  }
  *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans", system-ui, sans-serif;line-height:1.5}
  button,input{font:inherit} button{cursor:pointer} a{color:inherit;text-decoration:none}
  .shell{max-width:var(--max);margin:0 auto;padding:0 24px}.view{display:none}.view.active{display:block}
  .header{position:sticky;top:0;z-index:50;background:rgba(251,245,234,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(21,23,20,.08)}
  .header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.04em}.mark{width:38px;height:38px;border-radius:12px;background:var(--ink);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.mark:before{content:"";position:absolute;left:8px;top:17px;width:22px;height:3px;background:var(--acid);transform:rotate(-18deg);box-shadow:5px -7px 0 -1px var(--cyan),-2px 7px 0 -1px var(--coral)}.brand small{display:block;font-size:9px;letter-spacing:.18em;font-weight:800;color:var(--muted);margin-top:-2px}.nav{display:flex;gap:4px;align-items:center}.nav button,.ghost-btn{border:0;background:transparent;color:var(--ink);padding:10px 13px;border-radius:999px;font-size:13px;font-weight:760}.nav button:hover,.nav button.active{background:var(--white)}.primary-btn,.secondary-btn,.dark-btn{border:0;border-radius:999px;padding:13px 18px;font-weight:850;letter-spacing:-.01em}.primary-btn{background:var(--ink);color:var(--paper)}.primary-btn:hover{transform:translateY(-1px)}.secondary-btn{background:var(--white);color:var(--ink);border:1px solid var(--line)}.dark-btn{background:var(--acid);color:#10120f}.menu-btn{display:none}
  .context{display:none;background:var(--ink);color:var(--paper);padding:9px 0;font-size:12px}.context.show{display:block}.context .shell{display:flex;justify-content:space-between;gap:16px;align-items:center}.context b{color:var(--acid)}.context button{border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;padding:6px 10px;border-radius:999px}
  .hero{padding:74px 0 44px;min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:44px}.kicker{display:inline-flex;gap:8px;align-items:center;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase} .kicker.big_kicker{font-size:16px;} .dot{width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 6px rgba(200,245,63,.18)}h1,h2,h3,p{margin-top:0}.hero h1{color:#fff; font-size:clamp(46px,6.5vw,88px);line-height:.92;letter-spacing:-.065em;margin:20px 0 24px;max-width:800px}.hero p.lead{font-size:20px;line-height:1.52;color:rgba(255,255,255,.65);max-width:720px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.microcopy{margin-top:14px;color:var(--muted);font-size:12px}.orbit{height:530px;border-radius:42px;background:var(--ink);position:relative;overflow:hidden;box-shadow:var(--shadow)}.orb{position:absolute;border-radius:50%;filter:none}.orb.one{width:330px;height:330px;background:var(--violet);right:-70px;top:-55px}.orb.two{width:260px;height:260px;background:var(--cyan);left:-60px;bottom:-70px}.orb.three{width:170px;height:170px;background:var(--coral);left:88px;top:105px}.ring{position:absolute;border:1px solid rgba(255,255,255,.55);border-radius:50%}.ring.a{width:430px;height:430px;left:54px;top:47px}.ring.b{width:310px;height:310px;left:114px;top:107px}.orbit-copy{position:absolute;left:34px;right:34px;bottom:30px;color:white;z-index:3}.orbit-copy .big{font-size:42px;font-weight:900;letter-spacing:-.05em;line-height:1}.orbit-copy span{color:var(--acid)}.orbit-copy p{margin:12px 0 0;color:rgba(255,255,255,.72);max-width:430px}
  .statbar{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:8px 0 70px}.stat{padding:24px 18px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat b{display:block;font-size:25px;letter-spacing:-.04em}.stat span{font-size:12px;color:var(--muted)}
  .section{padding:76px 0}.section.tight{padding:44px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}.section-head h2{font-size:clamp(38px,4.6vw,66px);line-height:.96;letter-spacing:-.055em;margin-bottom:0;max-width:820px}.section-head p{max-width:430px;color:var(--muted);margin-bottom:2px}.eyebrow{font-size:16px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--acid);margin-bottom:12px}.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.action-card{min-height:250px;padding:24px;border-radius:var(--radius);border:1px solid rgba(21,23,20,.09);position:relative;overflow:hidden;transition:.2s transform;background:var(--white)}.action-card:hover{transform:translateY(-3px)}.action-card:nth-child(1){background:var(--coral)}.action-card:nth-child(2){background:var(--cyan)}.action-card:nth-child(3){background:var(--acid)}.action-card:nth-child(4){background:var(--violet)}.action-card .num{font-size:11px;font-weight:900}.action-card h3{font-size:31px;letter-spacing:-.05em;margin:42px 0 8px}.cards-3 .action-card h3{margin:10px 0 8px}.cards-3 .action-card p{font-size:14px;max-width:none;}.action-card p{font-size:14px;max-width:230px}.arrow{position:absolute;right:20px;bottom:18px;font-size:26px}
  .feeler-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feeler{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:22px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.feeler:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.feeler-top{display:flex;justify-content:space-between;gap:14px}.feeler .tag{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.pulse{width:34px;height:34px;border-radius:50%;background:var(--ink);display:grid;place-items:center;color:var(--acid);font-size:12px}.feeler h3{font-size:25px;line-height:1.05;letter-spacing:-.04em;margin:24px 0 8px}.feeler p{font-size:13px;color:var(--muted);margin:0}.feeler-actions{margin-top:18px;display:flex;gap:8px}.tiny-btn{padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:transparent;font-size:11px;font-weight:800}.tiny-btn.dark{background:var(--ink);color:#fff;border-color:var(--ink)}
  .dark-section{background:var(--ink);color:var(--paper);padding:82px 0;margin:60px 0 0}.dark-section .section-head p{color:rgba(255,255,255,.62)}.flow{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:center;gap:10px}.flow-card{border-radius:26px;padding:25px;min-height:250px;background:#20231e;border:1px solid rgba(255,255,255,.1)}.flow-card em{font-style:normal;color:var(--acid);font-size:10px;font-weight:900;letter-spacing:.16em}.flow-card h3{font-size:30px;letter-spacing:-.04em;margin:16px 0 12px}.flow-card p{font-size:13px;color:rgba(255,255,255,.65)}.flow-arrow{text-align:center;font-size:28px;color:rgba(255,255,255,.35)}
  .book-band{display:grid;grid-template-columns:.75fr 1.25fr;gap:42px;align-items:center}.book-cover{aspect-ratio:.68;background:#151714;color:white;border-radius:5px 18px 18px 5px;padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.22);position:relative;overflow:hidden}.book-cover:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-120px;bottom:-90px}.book-cover .cover-title{font-size:38px;font-weight:950;line-height:.95;letter-spacing:-.05em;margin-top:95px}.book-cover .cover-sub{font-size:12px;color:rgba(255,255,255,.65);margin-top:20px;max-width:190px}.book-cover .cover-author{position:absolute;left:34px;bottom:30px;font-weight:850}.book-copy h2{font-size:58px;line-height:.95;letter-spacing:-.055em;margin-bottom:20px}.quote{font-family:Georgia,serif;font-size:24px;line-height:1.42;color:#403e38;border-left:3px solid var(--coral);padding-left:22px;margin:26px 0}.inline-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
  .page-hero{padding:68px 0 40px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(50px,7vw,94px);letter-spacing:-.065em;line-height:.9;margin:14px 0 20px;max-width:1000px}.page-hero p{font-size:20px;color:#4f4d46;max-width:760px}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.panel.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.panel.acid{background:var(--acid)}.panel.cyan{background:var(--cyan)}.panel.coral{background:var(--coral)}.panel.violet{background:var(--violet)}.panel h3{font-size:28px;letter-spacing:-.04em}.panel p{color:var(--muted)}.panel.dark p{color:rgba(255,255,255,.65)}
  .audit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.audit-item{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:18px;display:flex;gap:13px;align-items:flex-start;cursor:pointer;transition:.15s}.audit-item.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.audit-item input{margin-top:4px;accent-color:var(--acid)}.audit-item strong{display:block;font-size:15px}.audit-item span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.audit-item.selected span{color:rgba(255,255,255,.62)}.result-bar{margin-top:24px;background:var(--ink);color:white;border-radius:26px;padding:25px;display:grid;grid-template-columns:150px 1fr auto;gap:26px;align-items:center}.result-num{font-size:70px;font-weight:950;letter-spacing:-.06em;line-height:.9}.result-bar p{color:rgba(255,255,255,.66);margin:0}.range-wrap{margin:20px 0}.range-wrap input{width:100%;accent-color:var(--ink)}.score-line{display:flex;justify-content:space-between;align-items:end}.score-line b{font-size:64px;line-height:1;letter-spacing:-.06em}.score-line small{color:var(--muted)}
  .example-result{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch}.score-box{border-radius:24px;padding:26px;background:var(--paper2)}.score-box b{font-size:68px;line-height:1;display:block;letter-spacing:-.06em}.versus{display:grid;place-items:center;color:var(--muted);font-weight:900}.gap-pill{display:inline-flex;background:var(--coral);border-radius:999px;padding:8px 12px;font-weight:900;margin-top:12px}
  .timer{width:220px;height:220px;border-radius:50%;background:conic-gradient(var(--acid) 0deg, #33362f 0deg);display:grid;place-items:center;margin:20px auto;position:relative}.timer:after{content:"";position:absolute;width:172px;height:172px;border-radius:50%;background:var(--ink)}.timer strong{position:relative;z-index:2;font-size:64px;color:white;letter-spacing:-.06em}.ratings{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rating-card{background:#20231e;border-radius:22px;padding:20px}.rating-card label{display:flex;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.65)}.rating-card b{font-size:32px;color:white}.rating-card input{width:100%;accent-color:var(--acid)}
  .audio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.audio-card{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:22px;min-height:230px}.audio-card .time{font-size:11px;color:var(--muted);font-weight:800}.audio-card h3{font-size:26px;line-height:1.05;letter-spacing:-.04em;margin:24px 0 10px}.audio-card p{color:var(--muted);font-size:13px}.wave{display:flex;gap:3px;height:30px;align-items:center;margin:18px 0}.wave i{display:block;width:3px;background:var(--ink);border-radius:4px}.wave i:nth-child(1){height:8px}.wave i:nth-child(2){height:20px}.wave i:nth-child(3){height:13px}.wave i:nth-child(4){height:26px}.wave i:nth-child(5){height:11px}.wave i:nth-child(6){height:17px}.wave i:nth-child(7){height:7px}.status-chip{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--paper2);font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
  .reader{display:grid;grid-template-columns:280px 1fr;gap:22px}.toc{position:sticky;top:100px;align-self:start;background:var(--white);border:1px solid var(--line);border-radius:22px;padding:18px}.toc button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:10px;border-radius:12px;font-size:12px}.toc button:hover{background:var(--paper2)}.reader-page{background:var(--white);border:1px solid var(--line);border-radius:30px;padding:clamp(28px,6vw,74px);min-height:700px}.reader-page .book-text{font-family:Georgia,serif;font-size:20px;line-height:1.75;max-width:720px}.reader-page h2{font-family:Georgia,serif;font-size:49px;letter-spacing:-.03em}.reader-stop{margin:36px 0;padding:22px;border-radius:18px;background:var(--paper2);font-family:Inter,ui-sans-serif,system-ui;font-size:14px}.reader-stop b{display:block;margin-bottom:8px}
  .domain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.domain{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:22px}.domain h3{font-size:24px;letter-spacing:-.04em;margin:12px 0 8px}.domain p{font-size:13px;color:var(--muted)}.evidence{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:950;letter-spacing:.1em}.established{background:var(--cyan)}.observed{background:var(--violet)}.investigating{background:var(--coral)}
  .dashboard-top{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.persona-card{background:var(--ink);color:white;border-radius:30px;padding:28px;min-height:300px;position:relative;overflow:hidden}.persona-card:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:var(--violet);right:-70px;top:-50px;opacity:.95}.persona-card h2{font-size:48px;line-height:.95;letter-spacing:-.05em;position:relative;z-index:2;max-width:520px}.persona-card p{position:relative;z-index:2;color:rgba(255,255,255,.63);max-width:450px}.persona-meta{position:absolute;left:28px;bottom:24px;z-index:2;font-size:11px;color:var(--acid);font-weight:850}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:18px}.metric span{font-size:10px;color:var(--muted);font-weight:900;letter-spacing:.1em;text-transform:uppercase}.metric b{display:block;font-size:31px;letter-spacing:-.04em;margin-top:8px}.timeline{margin-top:18px;border-left:1px solid var(--line);padding-left:22px}.event{position:relative;padding:0 0 24px}.event:before{content:"";position:absolute;left:-27px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 5px var(--paper)}.event time{font-size:10px;color:var(--muted);font-weight:800}.event b{display:block;margin-top:3px}.event p{font-size:12px;color:var(--muted);margin:4px 0 0}

  .door-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.door{border:1px solid var(--line);background:var(--white);border-radius:20px;padding:20px}.door b{display:block;font-size:18px}.door span{font-size:12px;color:var(--muted)}
  .footer{border-top:1px solid var(--line);margin-top:80px;padding:42px 0 60px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.7fr);gap:24px}.footer h4{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}.footer a,.footer button{display:block;border:0;background:none;padding:4px 0;font-size:12px;color:var(--muted);text-align:left}.legal{font-size:11px;color:var(--muted);margin-top:34px;max-width:900px}
  .modal{position:fixed;inset:0;background:rgba(10,11,10,.62);display:none;place-items:center;z-index:100;padding:18px}.modal.show{display:grid}.modal-card{width:min(680px,100%);max-height:88vh;overflow:auto;background:var(--paper);border-radius:28px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.modal-top{display:flex;justify-content:space-between;gap:18px}.modal-top button{border:0;background:var(--white);width:36px;height:36px;border-radius:50%}.modal h2{font-size:40px;line-height:1;letter-spacing:-.05em;margin:12px 0}.modal p{color:var(--muted)}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
  .toast{position:fixed;right:20px;bottom:20px;background:var(--ink);color:white;border-radius:16px;padding:14px 16px;font-size:12px;box-shadow:var(--shadow);transform:translateY(120px);transition:.25s;z-index:120}.toast.show{transform:translateY(0)}

  .cards-3 .num_icon {
    display:block;
    height:100px;
    width:100px;
    margin: 0 auto;
  } 
  .cards-3 .num_icon img {
      max-width: 100%;
      object-fit: contain;
  }
  .recognition-section-head {
      display: grid;
      grid-template-columns:
          minmax(0, 1fr)
          minmax(520px, 0.82fr);

      align-items: center;
      gap: clamp(32px, 4vw, 60px);
  }

  .threat-door-column {
      width: 100%;
      min-width: 0;
  }

  .door.threat-door {
      width: 100%;
      min-width: 0;
      min-height: 330px;

      padding:
          clamp(32px, 4vw, 48px)
          clamp(28px, 3vw, 38px);

      display: flex;
      flex-direction: column;
      justify-content: center;

      overflow: hidden;

      font-family:
          "Playfair Display",
          Georgia,
          serif;

      background: var(--white);
      border: 1px solid var(--line);
      border-radius: 26px;

      box-shadow:
          0 22px 60px rgba(21, 23, 20, 0.07);
  }

  .threat-door-title {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 5px;
  }

  .threat-door-title strong {
      display: block;

      color: var(--ink);

      font-family:
          "Playfair Display",
          Georgia,
          serif;

      font-size: clamp(21px, 1.5vw, 27px);
      font-weight: 600;
      line-height: 1.15;
      letter-spacing: -0.04em;

      /* Keeps each sentence on one line */
      white-space: nowrap;
  }

  .threat-door-copy {
      max-width: none!important; /* Removes the narrower 410px width */
      margin: 20px 0 8px;
      color: var(--muted);
      font-family: "DM Sans", system-ui, sans-serif;
      font-size: 19px;
      font-weight: 400;
      line-height: 1.5;
      text-align: left;
  }

  .threat-door-action {
      display: block;

      color: var(--ink);
      font-family:
          "Playfair Display",
          Georgia,
          serif;

      font-size: clamp(18px, 1.4vw, 22px);
      font-weight: 700;
      line-height: 1.4;
  }

  @media (max-width: 980px) {
      .recognition-section-head {
          grid-template-columns: 1fr;
      }

      .threat-door-column {
          max-width: 680px;
      }
  }

  @media (max-width: 480px) {
      .door.threat-door {
          min-height: 280px;
          padding: 28px 18px;
          border-radius: 22px;
      }

      .threat-door-title strong {
          font-size: clamp(17px, 5.2vw, 22px);
          letter-spacing: -0.035em;
      }

      .threat-door-copy {
          margin-top: 22px;
          font-size: 17px;
      }

      .threat-door-action {
          font-size: 17px;
      }
  }

  .feeler.selected{
    color:#fff;
    background:var(--ink);
    border-color:var(--ink);
    box-shadow:0 16px 40px rgba(21,23,20,.14);
  }

  .feeler.selected .tag{
    color:var(--acid);
  }

  .feeler.selected h3{
    color:#fff;
  }

  .feeler.selected p{
    color:rgba(255,255,255,.68);
  }

  .feeler.selected .pulse{
    color:var(--ink);
    background:var(--acid);
  }

  .feeler.selected .tiny-btn{
    color:#fff;
    border-color:rgba(255,255,255,.28);
  }

  .feeler.selected .selected-button{
    color:var(--ink);
    background:var(--acid);
    border-color:var(--acid);
  }

  .feeler-result-bar{
    margin-top:24px;
  }

  #feelerCalculateButton:disabled{
    cursor:wait;
    opacity:.7;
  }

  .mobile-dock{
    display:flex;
    position:fixed;
    left:12px;
    right:12px;
    bottom:12px;
    z-index:70;
    align-items:center;
    justify-content:space-between;
    padding:6px;
    background:rgba(21,23,20,.93);
    backdrop-filter:blur(16px);
    border-radius:18px;
  }

  .mobile-dock button{
    border:0;
    background:transparent;
    color:#fff;
    font-size:14px;
    padding:8px 14px;
    border-radius:12px;
  }

  /* .mobile-dock button:last-child{
    background:var(--acid);
    color:var(--ink);
    font-weight:900;
  } */
  .nav{display:none}.menu-btn{display:block}

  /** New changes **/
  .hero{
    min-height:680px;
    display:flex;
    align-items:center;
    padding:74px 0 44px;
  }

  .hero-content{
    position:relative;
    z-index:2;
    width:100%;
    max-width:780px;
  }
  .hero-dark {
      background-color:#020203;

    background-image:
      linear-gradient(
        90deg,
        rgba(2,2,3,1) 0%,
        rgba(2,2,3,.96) 38%,
        rgba(2,2,3,.55) 62%,
        rgba(2,2,3,.08) 100%
      ),
      url("../../images/hero_bg.png");

    background-repeat:no-repeat;
    background-position:center, right center;

    /*
    * Display the full image height without severely
    * cropping its top or bottom.
    */
    background-size:100% 100%, auto 100%;
  }
  .orbit{
    height:530px;
    position:relative;
    overflow:hidden;
    border-radius:42px;
    background:#050505;
    box-shadow:var(--shadow);
  }

  .orbit-image{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:72% center;
  }



  .audit-calculate-error{
    margin:14px 0 0;
    color:#a92d25;
    font-size:14px;
    text-align:center;
  }

  .audit-calculate-error[hidden]{
    display:none;
  }

  .modal-card.nga-modal-card{
    width:min(900px,100%);
    color:#f3ecdf;
    background:
      radial-gradient(
        circle at 50% 0,
        rgba(210,178,90,.14),
        transparent 45%
      ),
      linear-gradient(180deg,#08070b,#100d14);
    border:1px solid rgba(226,199,150,.18);
  }

  .nga-modal-card .modal-top > div:first-child{
    flex:1;
  }

  .nga-modal-card .modal-top button{
    color:#f3ecdf;
    background:rgba(255,255,255,.08);
  }

  .nga-modal-card #modalEyebrow{
    color:#d2b25a;
  }

  .nga-modal-card #modalTitle{
    color:#f3ecdf;
    font-family:Georgia,'Times New Roman',serif;
    text-transform:none;
  }

  .nga-modal-card #modalTitle em{
    color:#e9ce86;
    font-weight:400;
  }

  .nga-intro,
  .nga-modal-card .nga-intro{
    margin:0 0 28px;
    color:#a2988a;
    line-height:1.6;
  }

  .nga-hero{
    text-align:center;
  }

  .nga-score{
    font-size:clamp(64px,12vw,112px);
    font-weight:800;
    line-height:1;
    letter-spacing:-.06em;
  }

  .nga-score small{
    margin-left:8px;
    color:#fff;
    font-size:13px;
    letter-spacing:.12em;
  }

  .nga-state{
    margin-top:8px;
    font-family:Georgia,'Times New Roman',serif;
    font-size:29px;
    letter-spacing:.18em;
  }

  .nga-modal-card .nga-state-description{
    max-width:600px;
    margin:10px auto 0;
    color:#a2988a;
    font-size:14px;
    line-height:1.6;
  }

  .nga-continuum{
    margin:30px 0;
  }

  .nga-continuum-bar{
    position:relative;
    height:8px;
    background:linear-gradient(
      90deg,
      #4fe0b0,
      #e3b341 33%,
      #e0895f 66%,
      #dc4b3f
    );
    border-radius:10px;
  }

  .nga-continuum-marker{
    position:absolute;
    top:-6px;
    width:4px;
    height:20px;
    background:#f3ecdf;
    border-radius:4px;
    box-shadow:0 0 12px rgba(243,236,223,.85);
    transform:translateX(-50%);
  }

  .nga-continuum-labels{
    display:flex;
    justify-content:space-between;
    margin-top:10px;
    color:#6e6659;
    font-size:10px;
    letter-spacing:.1em;
  }

  .nga-continuum-labels .active{
    color:#e9ce86;
  }

  .nga-section-title{
    display:flex;
    align-items:center;
    gap:10px;
    margin:28px 0 12px;
    color:#fff;
    font-size:13px;
    letter-spacing:.2em;
    text-transform:uppercase;
  }

  .nga-section-title::after{
    content:"";
    flex:1;
    height:1px;
    background:rgba(226,199,150,.18);
  }

  /* NGA Four Locks: screenshot-style 2 × 2 cards */
  .nga-locks {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    max-width: 650px;
    margin: 0 auto;
  }

  .nga-lock {
    --lock-color: #d2b25a;

    position: relative;
    min-width: 0;
    min-height: 300px;
    padding: 22px 18px 20px;
    overflow: hidden;
    text-align: center;
    background:
      radial-gradient(
        circle at 50% 18%,
        rgba(255, 244, 224, 0.06),
        transparent 36%
      ),
      rgba(255, 244, 224, 0.035);
    border: 1px solid rgba(226, 199, 150, 0.2);
    border-radius: 18px;
  }

  .nga-lock.dominant {
    border-color: var(--lock-color);
    box-shadow:
      inset 0 1px 0 var(--lock-color),
      0 0 22px rgba(0, 0, 0, 0.28);
  }

  .nga-lock-badge {
    position: absolute;
    top: 11px;
    right: 11px;
    padding: 5px 9px;
    color: #151019;
    background: var(--lock-color);
    border-radius: 5px;
    font-family: monospace;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .nga-lock-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin: 25px auto 10px;
    color: var(--lock-color);
    filter: drop-shadow(0 0 8px currentColor);
  }

  .nga-lock-icon svg {
    display: block;
    width: 48px;
    height: 48px;
  }

  .nga-lock-name {
    margin: 5px 0 14px;
    color: var(--lock-color);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(26px, 5vw, 36px);
    font-weight: 500;
    line-height: 1.1;
  }

  .nga-lock-bar {
    position: relative;
    height: 7px;
    overflow: hidden;
    background:
      repeating-linear-gradient(
        90deg,
        rgba(255, 244, 224, 0.13) 0 7px,
        transparent 7px 12px
      ),
      rgba(255, 244, 224, 0.06);
    border-radius: 999px;
  }

  .nga-lock-bar span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background-color: var(--lock-color);
    background-image:
      repeating-linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.12) 0 7px,
        transparent 7px 12px
      );
    opacity: 0.85;
  }

  .nga-lock-value {
    margin-top: 10px;
    color: var(--lock-color);
    font-family: monospace;
    font-size: 27px;
    font-weight: 700;
    line-height: 1;
  }

  .nga-lock-description {
    margin: 20px 0 0;
    color: #a2988a;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
  }

  @media (max-width: 480px) {
    .nga-locks {
      gap: 9px;
    }

    .nga-lock {
      min-height: 255px;
      padding: 16px 10px;
      border-radius: 14px;
    }

    .nga-lock-icon {
      width: 46px;
      height: 46px;
      margin-top: 22px;
    }

    .nga-lock-icon svg {
      width: 38px;
      height: 38px;
    }

    .nga-lock-name {
      margin-bottom: 11px;
      font-size: 22px;
    }

    .nga-lock-value {
      font-size: 21px;
    }

    .nga-lock-description {
      margin-top: 14px;
      font-size: 11px;
      line-height: 1.45;
    }

    .nga-lock-badge {
      top: 8px;
      right: 8px;
      padding: 4px 6px;
      font-size: 7px;
    }
  }

  .nga-dominant{
    padding:20px;
    background:rgba(210,178,90,.07);
    border:1px solid rgba(226,199,150,.18);
    border-radius:14px;
  }

  .nga-dominant h3{
    margin:0 0 10px;
    color:#e9ce86;
    font-family:Georgia,'Times New Roman',serif;
    font-size:20px;
  }

  .nga-modal-card .nga-dominant p{
    margin:0;
    color:#a2988a;
    font-size:14px;
    line-height:1.65;
  }

  .nga-move{
    margin-top:14px;
    padding-top:14px;
    color:#f3ecdf;
    border-top:1px solid rgba(226,199,150,.18);
    font-family:Georgia,'Times New Roman',serif;
    font-style:italic;
    line-height:1.55;
  }

  .nga-polygraph-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
  }

  .nga-modal-card .modal-actions{
    padding-top:8px;
    border-top:1px solid rgba(226,199,150,.18);
  }

  .nga-handoff-expiry,
  .nga-modal-card .nga-handoff-expiry{
    margin:16px 0 0;
    color:#6e6659;
    font-size:10px;
    letter-spacing:.08em;
    line-height:1.5;
    text-align:center;
    text-transform:uppercase;
  }

  @media(max-width:640px){
    .modal-card.nga-modal-card{
      padding:20px;
    }

    .nga-modal-card .modal-actions{
      flex-direction:column;
    }

    .nga-modal-card .modal-actions > *{
      width:100%;
    }
  }

  /* Allow enough width for four lock cards */


  /* Large screens: four locks in one row */
  .nga-locks {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
    max-width: none;
    margin: 0 auto;
  }

  /* Tablet and mobile: two locks per row */
  @media (max-width: 1199px) {
    .modal-card.nga-modal-card {
      width: min(900px, calc(100vw - 32px));
    }

    .nga-locks {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  /* Smaller mobile adjustments while retaining two columns */
  @media (max-width: 480px) {
    .modal-card.nga-modal-card {
      width: calc(100vw - 16px);
      padding: 16px 10px;
    }

    .nga-locks {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }

    .nga-lock {
      min-height: 255px;
      padding: 16px 9px 14px;
    }

    .nga-lock-icon {
      width: 44px;
      height: 44px;
      margin: 20px auto 8px;
    }

    .nga-lock-icon svg {
      width: 36px;
      height: 36px;
    }

    .nga-lock-name {
      margin-bottom: 10px;
      font-size: 21px;
    }

    .nga-lock-value {
      margin-top: 8px;
      font-size: 20px;
    }

    .nga-lock-description {
      margin-top: 13px;
      font-size: 10.5px;
      line-height: 1.4;
    }
  }


  /** Signature **/

  .remember-result-section[hidden] {
    display: none;
  }

  .remember-result-shell {
    --ink: #f3ecdf;
    --dim: #a2988a;
    --faint: #6e6659;
    --gold: #d2b25a;
    --gold-hi: #e9ce86;

    padding: clamp(22px, 4vw, 48px);
    color: var(--ink);
    background:
      radial-gradient(
        circle at 50% 0,
        rgba(210, 178, 90, 0.13),
        transparent 42%
      ),
      linear-gradient(180deg, #08070b, #100d14);
    border: 1px solid rgba(226, 199, 150, 0.2);
    border-radius: 24px;
  }

  .remember-result-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 30px;
  }

  .remember-result-heading h2 {
    margin: 7px 0 8px;
    color: #f3ecdf;
  }

  .remember-result-heading p {
    margin: 0;
    color: #a2988a;
    font-size: 13px;
  }

  .remember-nga-summary {
    display: grid;
    grid-template-columns: auto auto;
    align-items: end;
    flex: 0 0 auto;
    min-width: 125px;
    text-align: right;
  }

  .remember-nga-summary strong {
    color: var(--result-color, #e9ce86);
    font-size: 52px;
    font-weight: 800;
    line-height: 0.9;
  }

  .remember-nga-summary span {
    margin-left: 7px;
    color: #fff;
    font-size: 11px;
    letter-spacing: 0.12em;
  }

  .remember-nga-summary b {
    grid-column: 1 / -1;
    margin-top: 8px;
    color: var(--result-color, #e9ce86);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.14em;
  }

  /* Signature card */
  .ng-signature-card {
    max-width: 680px;
    margin: 0 auto;
    padding: 24px 22px;
    background:
      radial-gradient(
        circle at 50% 32%,
        rgba(255, 244, 224, 0.045),
        transparent 46%
      ),
      rgba(255, 244, 224, 0.035);
    border: 1px solid rgba(226, 199, 150, 0.3);
    border-radius: 14px;
  }

  .ng-signature-mark {
    display: flex;
    justify-content: center;
    margin: 5px auto 18px;
  }

  .ng-signature-mark svg {
    display: block;
    width: min(100%, 440px);
    height: auto;
  }

  .mibo-sig-legend {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid rgba(226, 199, 150, 0.16);
  }

  .msl-h {
    margin-bottom: 12px;
    color: #fff;
    font-family: monospace;
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .msl-row {
    display: grid;
    grid-template-columns: 38px auto 1fr;
    gap: 8px;
    align-items: center;
    margin-top: 9px;
  }

  .msl-swatch {
    display: block;
  }

  .msl-label {
    color: #f3ecdf;
    font-size: 13px;
  }

  .msl-note {
    color: #6e6659;
    font-size: 11px;
  }

  .remember-signature-unavailable {
    margin: 0;
    padding: 20px;
    color: #a2988a;
    text-align: center;
    border: 1px solid rgba(226, 199, 150, 0.18);
    border-radius: 12px;
  }

  @media (max-width: 700px) {
    .remember-result-heading {
      flex-direction: column;
    }

    .remember-nga-summary {
      text-align: left;
    }

    .ng-signature-card {
      padding: 18px 12px;
    }

    .ng-signature-mark svg {
      width: 100%;
    }

    .msl-row {
      grid-template-columns: 34px auto;
    }

    .msl-note {
      grid-column: 2;
    }
  }

  /** Responsive **/
  @media(max-width:980px){.hero-dark{
    background-image:
      linear-gradient(
        90deg,
        rgba(2,2,3,1) 0%,
        rgba(2,2,3,.95) 48%,
        rgba(2,2,3,.65) 72%,
        rgba(2,2,3,.25) 100%
      ),
      url("../../images/hero_bg.png");

    background-position:center, 70% center;
    background-size:100% 100%, auto 100%;
  }

  .hero{
    min-height:650px;
  }.orbit{height:430px} .orbit-image{object-position:72% center;} .cards-4{grid-template-columns:1fr 1fr}.cards-3{grid-template-columns:1fr 1fr}.feeler-grid,.audio-grid{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg)}.book-band,.split,.dashboard-top{grid-template-columns:1fr}.book-cover{max-width:420px}.domain-grid{grid-template-columns:1fr}.door-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.reader{grid-template-columns:1fr}.toc{position:static}.audit-grid{grid-template-columns:1fr 1fr}.result-bar{grid-template-columns:110px 1fr}.result-bar .primary-btn{grid-column:1/-1}.example-result{grid-template-columns:1fr}.versus{padding:4px}.ratings{grid-template-columns:1fr}}
  @media(max-width:640px){.hero-dark{
    background-image:
      linear-gradient(
        90deg,
        rgba(2,2,3,.98) 0%,
        rgba(2,2,3,.90) 60%,
        rgba(2,2,3,.58) 100%
      ),
      url("../../images/hero_bg.png");

    background-position:center, 68% center;
    background-size:100% 100%, auto 100%;
  }

  .hero{
    min-height:680px;
    padding:48px 0 70px;
  }

  .hero-content{
    max-width:100%;
  }.shell{padding:0 16px}.header-inner{height:68px}.brand small{display:none}.hero h1{font-size:52px}.hero p.lead{font-size:17px}.orbit{height:360px;border-radius:30px} .orbit-image{object-position:72% center;} .orbit-copy .big{font-size:32px}.statbar{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.cards-4,.cards-3,.feeler-grid,.audio-grid,.audit-grid,.door-grid,.footer-grid{grid-template-columns:1fr}.section{padding:54px 0}.section-head{display:block}.section-head p{margin-top:16px}.book-copy h2{font-size:44px}.page-hero h1{font-size:54px}.result-bar{grid-template-columns:1fr}.result-num{font-size:60px}.dashboard-top{gap:12px}.metric-grid{grid-template-columns:1fr 1fr}.persona-card h2{font-size:40px}.reader-page{padding:28px 22px}.reader-page .book-text{font-size:18px}.reader-page h2{font-size:40px}}


  /* Smaller laptop screens */
  @media (max-width: 1250px) and (min-width: 981px) {
      .recognition-section-head {
          grid-template-columns:
              minmax(0, 1fr)
              minmax(480px, 0.9fr);

          gap: 34px;
      }

      .door.threat-door {
          padding-inline: 28px;
      }

      .threat-door-title strong {
          font-size: 23px;
      }
  }

  /* Tablet: stack the two sections */
  @media (max-width: 980px) {
      .recognition-section-head {
          grid-template-columns: 1fr;
          gap: 36px;
      }

      .threat-door-column {
          width: 100%;
          max-width: 680px;
      }

      .threat-door-title strong {
          font-size: clamp(21px, 3.4vw, 29px);
      }
  }

  /* Mobile */
  @media (max-width: 480px) {
      .door.threat-door {
          min-height: 280px;
          padding: 28px 18px;
          border-radius: 22px;
      }

      .threat-door-title strong {
          font-size: clamp(16px, 5vw, 21px);
          letter-spacing: -0.045em;
      }

      .threat-door-copy {
          margin-top: 22px;
          font-size: 17px;
      }

      .threat-door-action {
          font-size: 17px;
      }
  }

  /* Threat card — laptop and desktop only */
  @media (min-width: 981px) {
      .door.threat-door {
          min-height: 330px;
          padding: 0;
          align-items: center;
          justify-content: center;
      }

      .threat-door-title,
      .threat-door-copy,
      .threat-door-action {
          width: min(90%, 560px);
      }

      /* Only these two main lines use Playfair Display */
      .threat-door-title strong {
          font-family: "Playfair Display", Georgia, serif;
          font-size: clamp(35px, 1.9vw, 36px);
          font-weight: 600;
          line-height: 1.12;
          letter-spacing: -0.045em;
          white-space: nowrap;
      }

      .threat-door-copy {
          margin: 30px 0 8px;
          color: var(--muted);
          font-family: "DM Sans", system-ui, sans-serif;
          font-size: 19px;
          font-weight: 400;
          line-height: 1.5;
      }

      .threat-door-action {
          color: var(--ink);
          font-family: "DM Sans", system-ui, sans-serif;
          font-size: 18px;
          font-weight: 800;
          line-height: 1.4;
      }
  }

  .book-cover.book-cover-image {
      width: 100%;
      aspect-ratio: 1080 / 1625;
      padding: 0;
      overflow: hidden;
      justify-self: center;
      background: #111;
      border-radius: 5px 18px 18px 5px;
      box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
  }

  /* Remove the decorative circle from the old generated cover */
  .book-cover.book-cover-image::after {
      display: none;
  }

  .book-cover-image img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center;
  }

  @media (max-width: 980px) {
      .book-cover.book-cover-image {
          width: min(100%, 420px);
          margin-inline: auto;
      }
  }

  @media (max-width: 480px) {
      .book-cover.book-cover-image {
          width: 100%;
          border-radius: 5px 14px 14px 5px;
      }
  }