:root{
      --cream:#F4E7E1;
      --orange:#FF9B45;
      --red:#D5451B;
      --brown:#521C0D;

      --paper:#FFF9F6;
      --ink:#35140B;
      --muted:#75564A;
      --line:rgba(82,28,13,.14);
      --soft-red:rgba(213,69,27,.08);
      --soft-orange:rgba(255,155,69,.16);
      --shadow:0 24px 70px rgba(82,28,13,.12);
      --radius:28px;
      --container:min(1180px, calc(100% - 40px));
    }

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

    a{color:inherit;text-decoration:none}
    button{font:inherit}
    img,svg{display:block}
    .container{width:var(--container);margin-inline:auto}
    .sr-only{
      position:absolute;width:1px;height:1px;padding:0;margin:-1px;
      overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
    }

    h1,h2,h3,p{margin-top:0}
    h1,h2,h3{
      line-height:1.02;
      letter-spacing:-.04em;
    }

    h1{
      margin-bottom:26px;
      font-size:clamp(3rem,5.25vw,5rem);
      max-width:850px;
    }

    h2{
      margin-bottom:0;
      font-size:clamp(2.25rem,4.2vw,3.9rem);
      max-width:820px;
    }

    h3{
      margin-bottom:12px;
      font-size:1.25rem;
    }

    p{color:var(--muted)}
    .lead{
      font-size:clamp(1.08rem,1.5vw,1.28rem);
      max-width:760px;
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      margin-bottom:18px;
      color:var(--brown);
      font-size:.76rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.17em;
    }
    .eyebrow::before{
      content:"";
      width:26px;
      height:2px;
      background:var(--red);
    }

    .dark .eyebrow,
    .advisor-panel .eyebrow{
      color:var(--orange);
    }
    .dark .eyebrow::before,
    .advisor-panel .eyebrow::before{
      background:var(--orange);
    }

    .section{
      padding:96px 0;
    }

    .section-head{
      display:grid;
      grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
      gap:48px;
      align-items:end;
      margin-bottom:46px;
    }


    a:focus-visible,
    button:focus-visible,
    input:focus-visible,
    select:focus-visible,
    textarea:focus-visible,
    summary:focus-visible{
      outline:3px solid var(--orange);
      outline-offset:3px;
    }

    @media (prefers-reduced-motion: reduce){
      html{scroll-behavior:auto}
      *,*::before,*::after{
        scroll-behavior:auto!important;
        transition:none!important;
        animation:none!important;
      }
    }

    /* Header */
    .site-header{
      position:sticky;
      top:0;
      z-index:100;
      border-bottom:1px solid rgba(82,28,13,.08);
      background:rgba(244,231,225,.9);
      backdrop-filter:blur(16px);
      -webkit-backdrop-filter:blur(16px);
    }

    .nav{
      min-height:76px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:26px;
    }

    .brand{
      font-size:1.85rem;
      font-weight:950;
      letter-spacing:-.055em;
      white-space:nowrap;
    }
    .brand span{color:var(--red)}

    .nav-links{
      display:flex;
      align-items:center;
      gap:25px;
      font-size:.91rem;
      font-weight:800;
    }
    .nav-links>a:not(.nav-cta){
      color:rgba(53,20,11,.7);
      transition:.2s ease;
    }
    .nav-links>a:not(.nav-cta):hover{color:var(--red)}

    .nav-cta{
      padding:11px 17px;
      border-radius:12px;
      background:var(--brown);
      color:white;
      transition:.2s ease;
    }
    .nav-cta:hover{
      background:var(--red);
      transform:translateY(-1px);
    }

    .menu-toggle{
      display:none;
      width:44px;height:44px;
      border-radius:50%;
      border:1px solid var(--line);
      background:rgba(255,255,255,.45);
      color:var(--brown);
      align-items:center;
      justify-content:center;
      cursor:pointer;
    }
    .menu-toggle svg{width:20px;height:20px;stroke:currentColor}


    .lang-switch{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:38px;
      padding:8px 9px;
      border:1px solid var(--line);
      border-radius:8px;
      color:var(--brown)!important;
      background:rgba(255,255,255,.38);
      font-size:.78rem;
      font-weight:950;
      letter-spacing:.06em;
    }
    .lang-switch:hover{
      border-color:var(--orange);
      background:rgba(255,255,255,.72);
      color:var(--brown)!important;
    }

    /* Buttons */
    .actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top:31px;
    }
    .btn{
      min-height:52px;
      padding:0 21px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      border-radius: 12px;
      border:1px solid transparent;
      font-size:.93rem;
      font-weight:900;
      transition:.22s ease;
    }
    .btn-primary{
      background:var(--brown);
      color:white;
      box-shadow:0 12px 32px rgba(82,28,13,.18);
    }
    .btn-primary:hover{transform:translateY(-2px);background:var(--red)}
    .btn-secondary{
      border-color:var(--line);
      background:rgba(255,255,255,.42);
      color:var(--brown);
    }
    .btn-secondary:hover{background:var(--paper);transform:translateY(-2px)}

    /* Hero */
    .hero{
      position:relative;
      overflow:hidden;
      padding:92px 0 72px;
    }
    .hero::after{
      content:"";
      position:absolute;
      width:540px;height:540px;
      right:-270px;top:-170px;
      border-radius:50%;
      background:var(--orange);
      opacity:.14;
      pointer-events:none;
    }

    .hero-grid{
      display:grid;
      grid-template-columns:minmax(0,1.1fr) minmax(370px,.9fr);
      gap:62px;
      align-items:center;
      position:relative;
      z-index:1;
    }

    .hero-copy .lead{max-width:720px}
    .hero-meta{
      display:flex;
      flex-wrap:wrap;
      gap:10px 18px;
      margin-top:22px;
      color:var(--muted);
      font-size:.9rem;
      font-weight:800;
    }
    .hero-meta span{
      display:inline-flex;
      align-items:center;
      gap:8px;
    }
    .hero-meta span::before{
      content:"";
      width:7px;height:7px;
      border-radius:50%;
      background:var(--red);
    }

    .advisor-panel{
      position:relative;
      padding:30px;
      min-height:470px;
      border-radius:34px;
      background:var(--brown);
      color:white;
      box-shadow:var(--shadow);
      overflow:hidden;
    }
    .advisor-panel::before{
      content:"";
      position:absolute;
      width:250px;height:250px;
      border-radius:50%;
      right:-90px;bottom:-100px;
      background:var(--red);
      opacity:.9;
    }
    .advisor-panel::after{
      content:"";
      position:absolute;
      width:170px;height:170px;
      border-radius:50%;
      right:45px;bottom:42px;
      border:28px solid var(--orange);
      opacity:.95;
    }

    .advisor-panel-inner{
      position:relative;
      z-index:2;
      height:100%;
      display:flex;
      flex-direction:column;
      min-height:410px;
    }
    .advisor-panel .eyebrow{margin-bottom:22px}
    .advisor-title{
      max-width:390px;
      margin:0;
      font-size:clamp(2.2rem,3.5vw,3.7rem);
      font-weight:950;
      line-height:.96;
      letter-spacing:-.055em;
    }
    .advisor-note{
      margin-top:auto;
      padding-top:28px;
      max-width:260px;
      color:rgba(255,255,255,.75);
      font-size:.93rem;
    }

    .category-row{
      display:flex;
      flex-wrap:wrap;
      gap:9px;
      margin-top:56px;
      padding-top:23px;
      border-top:1px solid var(--line);
    }
    .category-row span{
      padding:8px 12px;
      border-radius:12px;
      border:1px solid rgba(213,69,27,.15);
      background:rgba(255,155,69,.14);
      color:var(--brown);
      font-size:.83rem;
      font-weight:850;
    }

    /* Value proposition */
    .value-strip{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:14px;
      margin-top:38px;
    }
    .value-card{
      padding:25px;
      border-radius:22px;
      border:1px solid var(--line);
      background:rgba(255,255,255,.36);
    }
    .value-card .num{
      margin-bottom:28px;
      color:var(--red);
      font-size:.78rem;
      font-weight:950;
      letter-spacing:.12em;
    }
    .value-card p{margin-bottom:0;font-size:.93rem}

    .statement{
      margin-top:52px;
      padding:48px;
      border-radius:30px;
      background:var(--paper);
      border:1px solid var(--line);
      box-shadow:var(--shadow);
      font-size:clamp(2rem,3.8vw,3.8rem);
      font-weight:950;
      line-height:1.04;
      letter-spacing:-.045em;
    }
    .statement span{color:var(--red)}

    /* Technology */
    .technology-section{
      margin:0 18px;
      padding:96px 0;
      border-radius:36px;
      background:var(--paper);
      box-shadow:0 18px 60px rgba(82,28,13,.08);
    }

    .tech-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:14px;
    }
    .tech-card{
      position:relative;
      padding:26px;
      min-height:290px;
      border-radius:24px;
      border:1px solid var(--line);
      background:#FFFDFC;
      display:flex;
      flex-direction:column;
      transition:.22s ease;
      overflow:hidden;
    }
    .tech-card:hover{
      transform:translateY(-4px);
      border-color:rgba(213,69,27,.28);
      box-shadow:0 18px 42px rgba(82,28,13,.09);
    }
    .tech-card::after{
      content:"";
      position:absolute;
      width:95px;height:95px;
      right:-52px;top:-48px;
      border-radius:50%;
      background:var(--soft-orange);
    }
    .tech-head{
      display:flex;
      align-items:center;
      margin-bottom:18px;
      position:relative;
      z-index:1;
    }
    .tech-icon{
      width:46px;
      height:46px;
      border-radius:14px;
      display:grid;
      place-items:center;
      background:var(--soft-orange);
      color:var(--red);
      flex:0 0 46px;
    }
    .tech-icon svg{
      width:22px;
      height:22px;
      fill:none;
      stroke:currentColor;
      stroke-width:1.9;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
    .tech-card h3{
      margin:0;
    }
    .tech-card p{
      margin-bottom:0;
      font-size:.92rem;
      position:relative;
      z-index:1;
    }
    .includes{
      margin-top:auto;
      padding-top:18px;
      color:var(--brown);
      font-size:.78rem;
      line-height:1.55;
    }
    .includes strong{
      display:block;
      margin-bottom:5px;
      color:var(--red);
      font-size:.69rem;
      text-transform:uppercase;
      letter-spacing:.13em;
    }


    .includes-details{
      margin-top:auto;
    }
    .includes-details summary{
      display:none;
    }

    @media(max-width:760px){
      .includes-details{
        margin-top:18px;
        padding-top:14px;
        border-top:1px solid var(--line);
      }
      .includes-details summary{
        display:flex;
        align-items:center;
        justify-content:space-between;
        cursor:pointer;
        list-style:none;
        color:var(--brown);
        font-size:.82rem;
        font-weight:900;
      }
      .includes-details summary::-webkit-details-marker{display:none}
      .includes-details summary::after{
        content:"+";
        color:var(--red);
        font-size:1.15rem;
        line-height:1;
      }
      .includes-details[open] summary::after{content:"–"}
      .includes-details .includes{
        margin-top:13px;
        padding-top:0;
        border-top:0;
      }
    }

    /* Process */
    .dark{
      background:var(--brown);
      color:white;
    }
    .dark p{color:rgba(255,255,255,.68)}
    .process-grid{
      display:grid;
      grid-template-columns:repeat(5,1fr);
      border:1px solid rgba(255,255,255,.12);
      border-radius:28px;
      overflow:hidden;
    }
    .process-card{
      min-height:270px;
      padding:25px 22px;
      background:var(--brown);
      border-right:1px solid rgba(255,255,255,.1);
    }
    .process-card:last-child{border-right:0}
    .process-num{
      margin-bottom:44px;
      color:var(--orange);
      font-size:.73rem;
      font-weight:950;
      text-transform:uppercase;
      letter-spacing:.11em;
    }
    .process-card h3{font-size:1.08rem}
    .process-card p{margin-bottom:0;font-size:.88rem}

    /* Ecosystem */
    .ecosystem-grid{
      display:grid;
      grid-template-columns:1.08fr .92fr;
      gap:16px;
      align-items:stretch;
    }
    .ecosystem-card{
      padding:38px;
      border-radius:30px;
      border:1px solid var(--line);
      background:var(--paper);
    }
    .ecosystem-card.appdirect{
      background:var(--orange);
      border:0;
    }
    .ecosystem-card.appdirect p{color:var(--brown)}
    .ecosystem-card h3{
      margin-bottom:18px;
      font-size:clamp(1.8rem,2.8vw,2.7rem);
    }

    .scope-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:10px;
      margin-top:25px;
    }
    .scope{
      padding:16px;
      border-radius:16px;
      background:rgba(255,255,255,.34);
      border:1px solid rgba(82,28,13,.1);
    }
    .scope strong{
      display:block;
      margin-bottom:4px;
      font-size:.85rem;
      color:var(--brown);
    }
    .scope span{
      display:block;
      color:rgba(82,28,13,.74);
      font-size:.77rem;
      line-height:1.45;
    }

    .check-list{
      display:grid;
      gap:11px;
      margin-top:26px;
    }
    .check{
      display:flex;
      gap:11px;
      align-items:flex-start;
      font-weight:800;
      color:var(--brown);
      font-size:.9rem;
    }
    .check-dot{
      flex:0 0 21px;
      height:21px;
      display:grid;
      place-items:center;
      border-radius:50%;
      background:var(--red);
      color:white;
      font-size:.68rem;
      margin-top:1px;
    }

    .pathway{
      display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:7px;
      margin-top:28px;
    }
    .pathway span{
      min-height:70px;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:10px;
      text-align:center;
      border-radius:14px;
      background:var(--cream);
      border:1px solid var(--line);
      color:var(--brown);
      font-size:.74rem;
      font-weight:850;
    }

    /* Why advisor */
    .why{
      background:var(--red);
      color:white;
    }
    .why .eyebrow{color:var(--cream)}
    .why p{color:rgba(255,255,255,.78)}
    .why-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:16px;
    }
    .why-card{
      padding:34px;
      border-radius:26px;
      border:1px solid rgba(255,255,255,.18);
      background:rgba(255,255,255,.08);
    }
    .why-card h3{
      font-size:1.65rem;
      color:white;
    }

    /* About */
    .about-grid{
      display:grid;
      grid-template-columns:.8fr 1.2fr;
      gap:18px;
      align-items:stretch;
    }
    .identity-card{
      position:relative;
      padding:34px;
      border-radius:30px;
      background:var(--brown);
      color:white;
      min-height:360px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      overflow:hidden;
      box-shadow:var(--shadow);
    }
    .identity-card::before{
      content:"";
      position:absolute;
      width:205px;
      height:205px;
      right:-72px;
      bottom:-78px;
      border-radius:50%;
      background:var(--red);
      opacity:.95;
    }
    .identity-card::after{
      content:"";
      position:absolute;
      width:132px;
      height:132px;
      right:38px;
      bottom:34px;
      border-radius:50%;
      border:24px solid var(--orange);
      opacity:.96;
    }
    .identity-card-inner{
      position:relative;
      z-index:2;
      min-height:292px;
      display:flex;
      flex-direction:column;
    }
    .identity-kicker{
      display:inline-flex;
      align-items:center;
      gap:10px;
      margin-bottom:22px;
      color:#FFD0A6;
      font-size:.78rem;
      font-weight:950;
      letter-spacing:.14em;
      text-transform:uppercase;
    }
    .identity-kicker::before{
      content:"";
      width:26px;
      height:2px;
      background:var(--orange);
    }
    .identity-name{
      font-size:clamp(2.7rem,4vw,4.2rem);
      font-weight:950;
      letter-spacing:-.06em;
      line-height:.93;
    }
    .identity-meta{
      max-width:270px;
      margin-top:auto;
      padding-top:28px;
      color:#FFF7F2;
      font-size:.95rem;
      font-weight:700;
      line-height:1.6;
    }
    .about-copy{
      padding:38px;
      border-radius:30px;
      background:var(--paper);
      border:1px solid var(--line);
    }
    .about-copy h3{
      font-size:2rem;
      margin-bottom:18px;
    }

    /* Contact */
    .contact-grid{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:46px;
      align-items:center;
    }
    .contact-card{
      padding:30px;
      border-radius:28px;
      background:var(--paper);
      color:var(--ink);
    }
    .contact-label{
      margin-bottom:10px;
      color:var(--red);
      font-size:.73rem;
      font-weight:950;
      text-transform:uppercase;
      letter-spacing:.14em;
    }
    .contact-email{
      display:inline-block;
      font-size:clamp(1.45rem,2.5vw,2.2rem);
      font-weight:950;
      letter-spacing:-.04em;
      word-break:break-word;
    }
    .contact-card p{
      margin-top:18px;
      color:var(--muted);
    }

    .scenario-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:9px;
      margin-top:30px;
    }
    .scenario{
      padding:13px 15px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.055);
      color:rgba(255,255,255,.78);
      font-size:.84rem;
      font-weight:700;
    }


    .appointment-btn{
      width:100%;
      margin-top:8px;
      justify-content:center;
      background:#fff;
      color:var(--brown);
      border:1px solid var(--line);
      box-shadow:none;
      font-weight:900;
    }
    .appointment-btn:hover{
      background:var(--cream);
      color:var(--brown);
      border-color:var(--orange);
      transform:translateY(-2px);
    }
    .contact-form{
      display:grid;
      gap:14px;
      margin-top:16px;
    }
    .form-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
    }
    .form-field{
      display:grid;
      gap:7px;
    }
    .form-field label{
      color:var(--brown);
      font-size:.78rem;
      font-weight:900;
      letter-spacing:.02em;
    }
    .form-field input,
    .form-field select,
    .form-field textarea{
      width:100%;
      border:1px solid var(--line);
      border-radius:14px;
      background:#fff;
      color:var(--ink);
      padding:13px 14px;
      font:inherit;
      outline:none;
      transition:.2s ease;
    }
    .form-field textarea{
      min-height:130px;
      resize:vertical;
    }
    .form-field input:focus,
    .form-field select:focus,
    .form-field textarea:focus{
      border-color:var(--red);
      box-shadow:0 0 0 3px rgba(213,69,27,.10);
    }
    .form-note{
      margin:2px 0 0;
      color:var(--muted);
      font-size:.78rem;
      line-height:1.45;
    }
    .form-status{
      display:none;
      margin-bottom:16px;
      padding:12px 14px;
      border-radius:14px;
      background:rgba(255,155,69,.16);
      color:var(--brown);
      font-size:.86rem;
      font-weight:800;
    }
    .form-status.show{display:block}
    .contact-form .btn{
      width:100%;
      margin-top:2px;
    }

    @media(max-width:760px){
      .form-row{grid-template-columns:1fr}
    }

    /* Footer */
    footer{
      background:#35140B;
      color:white;
      padding:32px 0;
    }
    .footer-inner{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:24px;
    }
    .footer-copy{
      color:rgba(255,255,255,.58);
      font-size:.84rem;
      margin-top:3px;
    }
    .socials{display:flex;gap:9px}
    .social{
      width:41px;height:41px;
      display:grid;
      place-items:center;
      border-radius:50%;
      border:1px solid rgba(255,255,255,.16);
      color:white;
      transition:.2s ease;
    }
    .social:hover{
      background:var(--orange);
      border-color:var(--orange);
      color:var(--brown);
      transform:translateY(-2px);
    }
    .social svg{width:17px;height:17px;fill:currentColor}

    /* Mobile */
    @media(max-width:1020px){
      .hero-grid,
      .section-head,
      .ecosystem-grid,
      .about-grid,
      .contact-grid{grid-template-columns:1fr}
      .hero-grid{gap:36px}
      .advisor-panel{min-height:360px}
      .advisor-panel-inner{min-height:300px}
      .tech-grid{grid-template-columns:repeat(2,1fr)}
      .process-grid{grid-template-columns:repeat(2,1fr)}
      .process-card{border-bottom:1px solid rgba(255,255,255,.1)}
      .pathway{grid-template-columns:repeat(3,1fr)}
      .why-grid{grid-template-columns:1fr}
    }

    @media(max-width:760px){
      :root{--container:min(100% - 28px, 1180px)}
      .section{padding:70px 0}
      .technology-section{
        margin:0 6px;
        padding:70px 0;
        border-radius:26px;
      }

      .nav{min-height:68px}
      .brand{font-size:1.5rem}
      .menu-toggle{display:flex}
      .nav-links{
        position:absolute;
        top:68px;
        left:14px;
        right:14px;
        display:none;
        flex-direction:column;
        align-items:stretch;
        gap:4px;
        padding:14px;
        border-radius:20px;
        border:1px solid var(--line);
        background:rgba(255,249,246,.99);
        box-shadow:var(--shadow);
      }
      .nav-links.open{display:flex}
      .nav-links>a{
        display:block;
        padding:12px 13px;
        border-radius:12px;
      }
      .nav-links>a:not(.nav-cta):hover{background:var(--cream)}
      .nav-cta{text-align:center;margin-top:3px}

      .hero{padding:58px 0 52px}
      h1{font-size:clamp(2.55rem,11.5vw,3.7rem);line-height:1}
      h2{font-size:clamp(2rem,9vw,3rem)}
      .hero-grid{grid-template-columns:1fr}
      .advisor-panel{
        min-height:300px;
        padding:24px;
        border-radius:26px;
      }
      .advisor-panel-inner{min-height:250px}
      .advisor-title{font-size:2.45rem}
      .actions{flex-direction:column}
      .btn{width:100%}
      .hero-meta{font-size:.82rem}
      .category-row{
        margin-top:40px;
        gap:7px;
      }
      .category-row span{
        font-size:.78rem;
        padding:7px 10px;
      }

      .section-head{gap:18px;margin-bottom:34px}
      .value-strip,
      .tech-grid,
      .process-grid,
      .scope-grid,
      .pathway,
      .scenario-grid{grid-template-columns:1fr}
      .statement{
        margin-top:38px;
        padding:28px 24px;
        border-radius:24px;
        font-size:clamp(1.9rem,8.5vw,2.8rem);
      }
      .tech-card{min-height:auto;padding:22px}
      .tech-num{margin-bottom:26px}
      .process-card{
        min-height:auto;
        border-right:0;
        padding:23px 21px;
      }
      .process-num{margin-bottom:22px}
      .ecosystem-card,
      .why-card,
      .about-copy,
      .identity-card,
      .contact-card{padding:26px 22px}
      .identity-card{min-height:320px}
      .identity-card-inner{min-height:268px}
      .identity-name{font-size:3rem}
      .scope-grid{gap:8px}
      .pathway span{min-height:54px}
      .footer-inner{
        align-items:flex-start;
        flex-direction:column;
      }
    }

    @media(max-width:420px){
      :root{--container:min(100% - 22px,1180px)}
      .brand{font-size:1.35rem}
      h1{font-size:2.45rem}
      .advisor-title{font-size:2.1rem}
      .category-row span{width:100%;justify-content:center}
    }