:root{
      --bg:#0B3022;
      --bg-2:#102D22;
      --panel:#123829;
      --panel-2:#16452F;
      --paper:#F6F9F7;
      --paper-2:#ffffff;
      --text:#f7fbff;
      --ink:#243A30;
      --muted:#B8C9BF;
      --muted-dark:#607369;
      --line:rgba(255,255,255,.10);
      --line-dark:#dce5ef;
      --blue:#145A3A;
      --blue-2:#2C7A52;
      --cyan:#66A77F;
      --green:#2C7A52;
      --yellow:#C79332;
      --red:#B84A52;
      --violet:#6B7D73;
      --radius:12px;
      --radius-sm:8px;
      --shadow:0 18px 60px rgba(0,0,0,.22);
      --max:1220px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color:var(--text);
      background:var(--bg);
      line-height:1.5;
    }

    a{color:inherit;text-decoration:none}
    :focus-visible{outline:3px solid #73b58e;outline-offset:3px}
    .skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:#fff;color:#0B3022;padding:10px 14px;border-radius:8px;font-weight:800}
    .skip-link:focus{top:12px}
    button,input,select,textarea{font:inherit}
    img,svg{max-width:100%;display:block}
    section{position:relative}
    .container{width:min(calc(100% - 40px),var(--max));margin:auto}
    .site-header .container{width:min(calc(100% - 48px),1440px)}
    .eyebrow{
      letter-spacing:.16em;
      text-transform:uppercase;
      font-size:.76rem;
      font-weight:800;
      color:var(--blue-2);
    }
    .muted{color:var(--muted)}
    .muted-dark{color:var(--muted-dark)}
    .section-title{
      font-size:clamp(2rem,4vw,4.1rem);
      line-height:1.02;
      margin:.35rem 0 1rem;
      letter-spacing:-.04em;
    }
    .section-title.dark{color:var(--ink)}
    .section-copy{
      max-width:720px;
      color:var(--muted);
      font-size:1.05rem;
    }
    .section-copy.dark{color:var(--muted-dark)}
    .blue{color:var(--blue)}
    .gradient-text{
      background:linear-gradient(90deg,#fff 0%,#BFE4CD 55%,#68AC83 100%);
      -webkit-background-clip:text;background-clip:text;color:transparent;
    }

    /* Header */
    .site-header{
      position:sticky;top:0;z-index:50;
      backdrop-filter:blur(14px);
      background:rgba(6,16,29,.82);
      border-bottom:1px solid var(--line);
    }
    .nav{
      min-height:72px;
      display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;
      gap:34px;
    }
    .brand{
      display:flex;align-items:center;gap:12px;min-width:max-content;
    }
    .brand-main{
      font-weight:800;
      letter-spacing:.08em;
      font-size:1.25rem;
    }
    .brand-sub{
      color:#9cb1c8;
      font-size:.68rem;
      line-height:1.15;
      margin-top:2px;
    }
    .connexar-signature{display:flex;align-items:center;gap:7px;color:#b8c9bf;font-size:.66rem;white-space:nowrap}
    .brand-symbols{position:absolute;pointer-events:none}
    .official-wordmark{display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap;color:#fff;font-size:1.12rem;font-weight:800;letter-spacing:-.05em;line-height:1}
    .brand-lens{display:inline-flex;width:.72em;height:.72em;margin:0 .015em}
    .brand-lens svg{width:100%;height:100%}
    .language-switcher{display:inline-flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.14);border-radius:999px}
    .language-switcher a{padding:5px 7px;border-radius:999px;font-size:.75rem;font-weight:800}
    .language-switcher a[aria-current="page"]{background:#fff;color:#0B3022}
    .brand-dot{
      width:12px;height:12px;border-radius:50%;
      background:radial-gradient(circle at 35% 30%,#fff 0 12%,#45caff 13% 38%,#1177ff 39% 70%,#052450 71%);
      box-shadow:0 0 14px rgba(38,173,255,.48);
    }
    .nav-links{display:flex;gap:clamp(12px,1.35vw,24px);align-items:center;justify-content:flex-end;min-width:0;font-size:.92rem;color:#d5dfeb}
    .nav-links>a{white-space:nowrap}
    .nav-links a:hover{color:#fff}
    .nav-cta,.btn-primary,.btn-secondary,.btn-ghost{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      border-radius:10px;
      padding:13px 18px;
      font-weight:750;
      border:1px solid transparent;
      cursor:pointer;
      transition:.2s ease;
    }
    .nav-cta,.btn-primary{
      background:#145A3A;
      color:white;
      box-shadow:0 10px 26px rgba(20,90,58,.22);
    }
    .nav-cta:hover,.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.05)}
    .btn-secondary{
      border-color:#7FB596;background:transparent;color:#f2faf5;
    }
    .btn-secondary:hover{background:rgba(127,181,150,.10)}
    .btn-ghost{border-color:#cbd8e5;color:var(--ink);background:white}
    .mobile-toggle{
      display:none;background:none;border:none;color:white;font-size:1.45rem;padding:8px;
    }

    main>section{position:sticky;top:72px;min-height:calc(100svh - 72px);display:flex;align-items:center;overflow:hidden;border-radius:24px 24px 0 0;box-shadow:0 -20px 60px rgba(2,15,10,.24)}
    main>section:nth-child(1){z-index:1} main>section:nth-child(2){z-index:2} main>section:nth-child(3){z-index:3}
    main>section:nth-child(4){z-index:4} main>section:nth-child(5){z-index:5} main>section:nth-child(6){z-index:6}
    main>section:nth-child(7){z-index:7} main>section:nth-child(8){z-index:8} main>section:nth-child(9){z-index:9} main>section:nth-child(10){z-index:10}
    main>section.is-visible>.container{animation:sectionReveal .72s cubic-bezier(.22,.78,.2,1) both}
    @keyframes sectionReveal{from{opacity:.25;transform:translateY(48px) scale(.985)}to{opacity:1;transform:none}}

    /* Hero */
    .hero{
      overflow:hidden;
      padding:88px 0 70px;
      background:
        radial-gradient(circle at 70% 35%, rgba(44,122,82,.28), transparent 34%),
        radial-gradient(circle at 88% 18%, rgba(104,171,132,.12), transparent 22%),
        linear-gradient(180deg,#0B3022 0%,#071C14 100%);
    }
    .hero::after{
      content:"";position:absolute;inset:auto -5% -120px -5%;height:260px;
      background:
        radial-gradient(ellipse at center, rgba(44,122,82,.30), transparent 55%);
      filter:blur(20px);
      pointer-events:none;
    }
    .orbit{isolation:isolate}
    .orbit::before{content:"";position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,rgba(80,176,116,.22),transparent 68%);filter:blur(18px);animation:heroGlow 4s ease-in-out infinite}
    @keyframes heroGlow{50%{transform:scale(1.13);opacity:.58}}
    .orb-core{animation:coreFloat 3.2s ease-in-out infinite}
    @keyframes coreFloat{50%{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 70px rgba(83,180,121,.38)}}
    [data-orbit-node]{will-change:left,top;transition:filter .25s ease;z-index:4}
    [data-orbit-node]:hover{filter:brightness(1.24);z-index:6}
    .hero-grid{
      display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;
    }
    .hero h1{
      font-size:clamp(3rem,6vw,5.8rem);
      line-height:.93;
      margin:14px 0 22px;
      letter-spacing:-.055em;
      max-width:850px;
    }
    .hero p{
      color:#c0cedd;
      font-size:1.12rem;
      max-width:680px;
    }
    .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
    .evolution-line{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);margin-top:10px;border:1px solid rgba(127,181,150,.24);background:rgba(7,28,20,.68);border-radius:12px;overflow:hidden;position:relative;z-index:4}
    .evolution-line span{position:relative;padding:15px 18px;color:#dce9e1;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:center}
    .evolution-line span:not(:last-child){border-right:1px solid rgba(127,181,150,.22)}
    .evolution-line span:not(:last-child)::after{content:"›";position:absolute;right:-7px;top:50%;transform:translateY(-52%);background:#0B3022;color:#9BCBB0;font-size:1.2rem;z-index:2}
    .data-note{display:inline-flex;align-items:center;gap:7px;margin-top:12px;color:#8ea499;font-size:.72rem}
    .data-note::before{content:"";width:7px;height:7px;border-radius:50%;background:#7FB596}

    .orbit{
      position:relative;
      min-height:520px;
      display:grid;place-items:center;
    }
    .orb-core{
      width:180px;height:180px;border-radius:50%;
      display:grid;place-items:center;text-align:center;
      background:
        radial-gradient(circle at 34% 30%,#67AA81 0%,#2C7A52 26%,#145A3A 58%,#0B3022 100%);
      box-shadow:
        0 0 0 1px rgba(168,220,187,.45),
        0 0 55px rgba(44,122,82,.55),
        inset 0 0 30px rgba(255,255,255,.08);
      font-weight:850;font-size:2rem;line-height:1.05;
      z-index:3;
    }
    .orbit-ring{
      position:absolute;border:1px solid rgba(127,181,150,.32);border-radius:50%;
      box-shadow:inset 0 0 40px rgba(44,122,82,.08);
    }
    .ring-1{width:330px;height:330px}
    .ring-2{width:455px;height:455px}
    .node{
      position:absolute;
      padding:11px 14px;
      min-width:132px;
      border-radius:12px;
      background:rgba(11,48,34,.90);
      border:1px solid rgba(127,181,150,.40);
      box-shadow:0 12px 32px rgba(0,0,0,.25);
      font-weight:700;
      backdrop-filter:blur(8px);
    }
    .node small{display:block;color:#89a2bc;font-weight:600;font-size:.7rem}
    .n1{top:58px;left:49%;transform:translateX(-50%)}
    .n2{top:130px;right:12px}
    .n3{top:242px;right:-4px}
    .n4{bottom:106px;right:44px}
    .n5{bottom:44px;left:50%;transform:translateX(-50%)}
    .n6{bottom:106px;left:28px}
    .n7{top:242px;left:-4px}
    .n8{top:130px;left:18px}

    /* Question row */
    .light{background:var(--paper);color:var(--ink)}
    .questions{padding:56px 0}
    .questions-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center}
    .question-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
    .qcard{
      min-height:160px;background:white;border:1px solid var(--line-dark);border-radius:16px;
      padding:18px;display:flex;flex-direction:column;justify-content:space-between;
      box-shadow:0 8px 30px rgba(13,24,48,.05);
    }
    .qcard strong{font-size:1rem}
    .qcard.featured{
      border-color:#2C7A52;
      box-shadow:0 0 0 2px rgba(24,165,255,.08),0 10px 36px rgba(20,139,255,.12);
    }
    .qnum{font-size:1.7rem;color:var(--blue);font-weight:850}

    /* Journey */
    .journey{padding:72px 0;background:linear-gradient(180deg,#071321,#0B3022)}
    .journey-track{
      margin-top:38px;
      display:grid;grid-template-columns:repeat(6,1fr);
      gap:14px;
    }
    .step{
      position:relative;padding:22px 14px 16px;border-radius:15px;
      background:linear-gradient(180deg,rgba(16,42,69,.92),rgba(7,23,39,.92));
      border:1px solid rgba(60,183,255,.18);
      min-height:130px;color:inherit;text-align:left;cursor:pointer;transition:.22s ease;
    }
    .step:hover,.step:focus-visible{transform:translateY(-5px);background:rgba(102,167,127,.12);border-color:rgba(155,203,176,.58);box-shadow:0 16px 34px rgba(0,0,0,.18)}
    .step .icon{
      width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
      background:rgba(16,160,255,.12);color:#9BCBB0;font-weight:900;margin-bottom:12px;
    }
    .step small{color:#88a0b7}
    .step strong{display:block}
    .step-more{display:inline-flex;align-items:center;gap:5px;margin-top:13px;color:#b8e0c7;font-size:.76rem;font-weight:800;letter-spacing:.02em}
    .step:hover .step-more{text-decoration:underline;text-underline-offset:3px}

    /* KPI section */
    .kpi-section{padding:84px 0}
    .split{display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;align-items:center}
    .dashboard{
      background:#102D22;border:1px solid rgba(72,186,255,.24);border-radius:20px;padding:20px;
      box-shadow:var(--shadow);
    }
    .dashboard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
    .metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
    .metric{
      background:#16452F;border:1px solid rgba(255,255,255,.06);border-radius:13px;padding:14px;
    }
    .metric .value{font-size:1.45rem;font-weight:850;margin:2px 0}
    .delta.up{color:var(--green)} .delta.down{color:var(--red)}
    .chart{
      margin-top:14px;background:#123829;border-radius:14px;padding:14px;border:1px solid rgba(255,255,255,.06)
    }
    .chart svg{width:100%;height:190px}
    .ai-card{
      margin-top:14px;border:1px solid rgba(24,165,255,.4);background:linear-gradient(180deg,#123829,#0B3022);
      border-radius:14px;padding:16px;
    }
    .ai-simulate{width:100%;border:1px solid rgba(155,203,176,.35);border-radius:9px;padding:10px 12px;background:rgba(44,122,82,.18);color:#dff3e7;font-weight:800;cursor:pointer}
    .ai-simulate:hover{background:rgba(44,122,82,.32)}

    /* exception */
    .exception{padding:72px 0;background:#0B3022;overflow:hidden}
    .exception::before{
      content:"";position:absolute;left:-5%;right:-5%;bottom:-30px;height:180px;
      background:radial-gradient(ellipse at center,rgba(0,168,255,.16),transparent 60%);
    }
    .exception-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
    .alerts{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
    .alert-card{
      background:#123829;border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:18px;min-height:135px;
    }
    .alert-card .big{font-size:2rem;font-weight:850}
    .alert-card small{color:#9aafc4}

    /* methodology */
    .method{padding:84px 0}
    .method-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:42px;align-items:center}
    .cycle{
      position:relative;min-height:460px;display:grid;place-items:center;
    }
    .cycle-core{
      width:150px;height:150px;border-radius:50%;display:grid;place-items:center;text-align:center;
      background:radial-gradient(circle,#2C7A52 0,#145A3A 44%,#0B3022 70%);
      box-shadow:0 0 45px rgba(21,160,255,.4);
      color:white;font-size:1.35rem;font-weight:850;
    }
    .cycle-item{
      position:absolute;background:white;border:1px solid #d9e6f1;border-radius:14px;
      padding:13px 16px;min-width:160px;box-shadow:0 10px 24px rgba(18,35,58,.08);font-weight:800;
    }
    .c1{top:30px;left:50%;transform:translateX(-50%)}
    .c2{right:0;top:50%;transform:translateY(-50%)}
    .c3{bottom:30px;left:50%;transform:translateX(-50%)}
    .c4{left:0;top:50%;transform:translateY(-50%)}
    .tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}
    .tool{
      border:1px solid #dbe7f0;border-radius:14px;background:white;padding:18px;text-align:center;
      box-shadow:0 8px 24px rgba(13,24,48,.04);
    }
    .tool .ti{font-size:1.5rem;color:var(--blue);font-weight:900}

    /* impact */
    .impact{padding:84px 0;background:linear-gradient(180deg,#071321,#0B3022)}
    .impact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:center}
    .impact-panel{
      background:#102D22;border:1px solid rgba(61,184,255,.2);border-radius:20px;padding:24px;
      box-shadow:var(--shadow);
    }
    .bars{height:240px;display:flex;align-items:flex-end;gap:24px;padding:22px 18px 8px;border-bottom:1px solid #567868}
    .bar-wrap{flex:1;text-align:center}
    .bar{width:100%;max-width:90px;margin:auto;border-radius:10px 10px 2px 2px;background:#315545}
    .bar.b1{height:110px}
    .bar.b2{height:162px;background:linear-gradient(180deg,#67AA81,#2C7A52)}
    .bar.b3{height:184px;background:transparent;border:2px dashed #7d91a6}
    .bar-label{margin-top:8px;color:#c9d7e4}
    .result{
      margin-top:16px;padding:16px;border-radius:13px;background:rgba(61,220,151,.09);border:1px solid rgba(61,220,151,.26)
    }
    .result strong{color:#9BD4B2}

    /* AI */
    .ai-section{padding:86px 0}
    .ai-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
    .ai-ui{
      background:#102D22;border:1px solid rgba(61,184,255,.25);border-radius:20px;padding:16px;box-shadow:var(--shadow)
    }
    .ai-ui-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
    .chat{background:#123829;border-radius:14px;padding:15px}
    .bubble{padding:12px 14px;border-radius:12px;margin-bottom:10px;font-size:.92rem}
    .bubble.user{background:#2C7A52;margin-left:28px}
    .bubble.ai{background:#16452F;color:#dfeaf4}
    .cap-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:34px}
    .cap{background:white;border:1px solid #dce6f0;border-radius:14px;padding:18px;text-align:center}
    .cap strong{display:block;margin-top:8px}

    /* CTA */
    .final-cta{
      padding:74px 0;
      background:
        radial-gradient(circle at 80% 30%,rgba(22,143,255,.24),transparent 30%),
        linear-gradient(180deg,#071422,#050d17);
    }
    .cta-box{
      display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;
      border:1px solid rgba(61,184,255,.18);border-radius:22px;padding:38px;
      background:rgba(9,27,45,.78);
    }

    /* Demo */
    .demo{padding:86px 0}
    .demo-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px}
    .demo-card{
      background:white;border:1px solid #dce6ef;border-radius:20px;padding:28px;color:var(--ink);box-shadow:0 18px 55px rgba(18,35,58,.08)
    }
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
    .field{display:flex;flex-direction:column;gap:7px}
    .field.full{grid-column:1/-1}
    .field label{font-size:.86rem;font-weight:800;color:#20324a}
    .field input,.field select,.field textarea{
      width:100%;border:1px solid #cfdae6;border-radius:10px;padding:12px 13px;background:#fff;color:#102038;outline:none
    }
    .field input:focus,.field select:focus,.field textarea:focus{border-color:#2C7A52;box-shadow:0 0 0 3px rgba(26,159,255,.1)}
    .field textarea{min-height:118px;resize:vertical}

    /* Footer */
    footer{padding:46px 0 28px;background:#040b13;border-top:1px solid rgba(255,255,255,.08)}
    .footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:34px}
    .footer-grid h4{margin:0 0 10px}
    .footer-grid a{display:block;color:#9fb2c6;margin:6px 0;font-size:.9rem}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:#7f92a6;font-size:.82rem}
    .model-dialog{width:min(1120px,calc(100% - 32px));max-height:92vh;padding:0;border:1px solid rgba(155,203,176,.35);border-radius:20px;background:#071c14;color:#fff;box-shadow:0 38px 100px rgba(0,0,0,.55);overflow:auto}
    .model-dialog::backdrop{background:rgba(1,9,6,.82);backdrop-filter:blur(9px)}
    .model-dialog .dialog-copy{padding:34px 72px 20px 34px}
    .model-dialog h2{font-size:clamp(2rem,4vw,3.6rem);margin:.3rem 0 .7rem;letter-spacing:-.04em}
    .model-dialog p{color:#b8c9bf;max-width:800px;font-size:1.05rem}
    .model-dialog figure{margin:0;padding:0 34px 34px}
    .embedded-demo{display:grid;grid-template-columns:180px 1fr;width:100%;min-height:430px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#eef1f0;color:#172338;box-shadow:0 22px 60px rgba(0,0,0,.32)}
    .demo-side{background:#092b20;color:#fff;padding:22px 16px}.demo-side b{display:block;font-size:1.05rem}.demo-side small{color:#9ab5a8}.demo-side nav{display:grid;gap:7px;margin-top:24px}.demo-side span{padding:8px 10px;border-radius:8px;color:#b9cdc3;font-size:.74rem}.demo-side span.active{background:#145a3a;color:#fff;border-left:3px solid #7cc598}.demo-main{padding:25px}.demo-main header{display:flex;justify-content:space-between;gap:16px}.demo-main .demo-kicker{font-size:.66rem;font-weight:850;letter-spacing:.12em;color:#2c7a52}.demo-main h3{font-size:1.9rem;margin:5px 0 2px}.demo-main>header p{color:#607069;margin:0}.demo-live{font-size:.68rem;color:#2c7a52;background:#fff;padding:7px 10px;border-radius:99px;height:max-content;border:1px solid #dce5e0}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.demo-card{background:#fff;border:1px solid #dce3e0;border-radius:12px;padding:15px;color:#172338}.demo-card.wide{grid-column:span 2}.demo-card.full{grid-column:1/-1}.demo-card label{display:block;font-size:.66rem;color:#73847c;text-transform:uppercase;letter-spacing:.07em}.demo-card strong{display:block;font-size:1.35rem;margin:8px 0}.demo-card p{font-size:.78rem;color:#607069;margin:4px 0}.demo-bar{height:7px;background:#e9efec;border-radius:99px;overflow:hidden;margin-top:11px}.demo-bar i{display:block;height:100%;background:linear-gradient(90deg,#145a3a,#69ad83)}.demo-pill{display:inline-flex;padding:4px 7px;border-radius:99px;background:#e6f4eb;color:#206a43;font-size:.66rem;font-weight:800}.demo-list{display:grid;gap:9px}.demo-list div{padding-bottom:9px;border-bottom:1px solid #edf1ef;font-size:.78rem}.demo-note{font-size:.65rem;color:#718079;margin-top:12px}
    .model-dialog figcaption{margin-top:10px;color:#8ea89a;font-size:.78rem}
    .dialog-close{position:absolute;right:18px;top:18px;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:1.6rem;cursor:pointer}

    @media (max-width:1040px){
      .nav{display:flex;justify-content:space-between}
      .nav-links{display:none}
      .mobile-toggle{display:block}
      .nav-links.open{
        display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;
        background:#071321;padding:18px 20px 24px;border-bottom:1px solid var(--line)
      }
      .nav-links.open .nav-cta{width:100%}
      .hero-grid,.questions-grid,.split,.exception-grid,.method-grid,.impact-grid,.ai-grid,.demo-grid{grid-template-columns:1fr}
      .evolution-line{grid-template-columns:1fr}
      .evolution-line span:not(:last-child){border-right:0;border-bottom:1px solid rgba(127,181,150,.22)}
      .evolution-line span:not(:last-child)::after{content:"↓";right:18px}
      .orbit{min-height:470px}
      .journey-track{grid-template-columns:repeat(3,1fr)}
      .alerts{grid-template-columns:repeat(2,1fr)}
      .cap-grid{grid-template-columns:repeat(3,1fr)}
      .cta-box{grid-template-columns:1fr}
    }

    @media (max-width:720px){
      .brand{gap:8px}.brand-main{font-size:1.05rem}.brand-sub{max-width:172px;font-size:.61rem}.connexar-signature{gap:4px}.official-wordmark{font-size:.88rem}
      main>section{position:relative;top:auto;min-height:auto;border-radius:0;box-shadow:none}
      main>section.hero{min-height:calc(100svh - 72px)}
      .container{width:min(calc(100% - 28px),var(--max))}
      .hero{padding-top:58px}
      .hero h1{font-size:clamp(2.7rem,14vw,4.1rem)}
      .orbit{min-height:380px;transform:scale(.9)}
      .node{min-width:110px;font-size:.82rem}
      .question-cards{grid-template-columns:1fr 1fr}
      .journey-track{grid-template-columns:1fr 1fr}
      .metric-row{grid-template-columns:1fr 1fr}
      .alerts{grid-template-columns:1fr}
      .tool-grid{grid-template-columns:1fr 1fr}
      .cap-grid{grid-template-columns:1fr 1fr}
      .ai-ui-grid{grid-template-columns:1fr}
      .form-grid{grid-template-columns:1fr}
      .field.full{grid-column:auto}
      .footer-grid{grid-template-columns:1fr 1fr}
      .footer-bottom{flex-direction:column}
      .model-dialog .dialog-copy{padding:28px 58px 18px 20px}.model-dialog figure{padding:0 20px 20px}
      .embedded-demo{grid-template-columns:1fr}.demo-side{display:none}.demo-main{padding:18px}.demo-grid{grid-template-columns:1fr}.demo-card.wide{grid-column:auto}
    }

    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orb-core,.orbit::before,main>section.is-visible>.container{animation:none!important}[data-orbit-node]{transition:none!important}}