:root{
      --bg:#f5f4f1;
      --paper:#ffffff;
      --paper-2:#fcfbf8;
      --ink:#111111;
      --muted:#666c78;
      --line:#e9e5dd;
      --line-strong:#d9cfbd;
      --gold:#d6b26a;
      --gold-2:#a8823a;
      --gold-soft:#f4ecdd;
      --shadow:0 22px 60px rgba(17,17,17,.08);
      --radius:28px;
      --max:1220px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      color:var(--ink);
      background:
        radial-gradient(circle at top left, rgba(214,178,106,.11), transparent 26%),
        radial-gradient(circle at 85% 15%, rgba(214,178,106,.08), transparent 18%),
        linear-gradient(180deg, #f7f5f1 0%, #f2f0eb 100%);
      letter-spacing:-.02em;
    }
    ::selection{
      background:#d6b26a;
      color:#000;
    }
    a{color:inherit}
    img{max-width:100%;display:block}

    .container{
      width:min(calc(100% - 32px), var(--max));
      margin:0 auto;
    }

    .topbar{
      position:sticky;
      top:16px;
      z-index:40;
      background:transparent;
      border:0;
    }

    .topbar.is-condensed{
      top:10px;
    }

    .topbar.is-condensed .nav{
      min-height:64px;
      padding:10px 14px;
      border-radius:22px;
      box-shadow:
        0 14px 34px rgba(17,17,17,.08),
        inset 0 1px 0 rgba(255,255,255,.72);
      transform:scale(.985);
    }

    .topbar,
    .nav,
    .brand-mark,
    .brand strong,
    .brand small,
    .nav a,
    .btn,
    .menu-bar,
    .menu-bar-icon{
      transition:
        top .28s ease,
        min-height .28s ease,
        padding .28s ease,
        border-radius .28s ease,
        transform .28s ease,
        box-shadow .28s ease,
        width .28s ease,
        height .28s ease,
        font-size .28s ease,
        letter-spacing .28s ease,
        opacity .28s ease,
        background .28s ease,
        color .28s ease,
        border-color .28s ease;
    }

    .topbar.is-condensed .brand-mark{
      width:42px;
      height:42px;
      border-radius:15px;
    }

    .topbar.is-condensed .brand strong{
      font-size:14px;
    }

    .topbar.is-condensed .brand small{
      font-size:9px;
      letter-spacing:.26em;
      margin-bottom:3px;
    }

    .topbar.is-condensed nav a{
      min-height:38px;
      padding:0 15px;
      font-size:12px;
    }

    .topbar.is-condensed .btn{
      min-height:42px;
      padding:0 16px;
      font-size:12px;
    }

    .topbar.is-condensed .btn-partner{
      width:192px;
      height:48px;
    }

    .topbar.is-condensed .menu-bar{
      min-width:42px;
      min-height:42px;
    }

    .topbar.is-condensed .menu-bar-icon{
      width:15px;
      height:15px;
    }

    .menu-bar{
      appearance:none;
      border:0;
      background:transparent;
      color:#434a55;
      min-width:46px;
      min-height:46px;
      padding:0;
      display:none;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      box-shadow:none;
      flex:0 0 auto;
    }

    .menu-bar:hover{
      color:#111;
      transform:translateY(-1px);
    }

    .menu-bar-icon{
      position:relative;
      width:18px;
      height:18px;
      flex:0 0 auto;
    }

    .menu-bar-icon span{
      position:absolute;
      left:0;
      width:18px;
      height:1.8px;
      border-radius:999px;
      background:currentColor;
      transition:transform .24s ease, opacity .24s ease, top .24s ease, width .24s ease;
    }

    .menu-bar-icon span:nth-child(1){top:3px;}
    .menu-bar-icon span:nth-child(2){top:8px;width:14px;}
    .menu-bar-icon span:nth-child(3){top:13px;}

    .menu-bar.menu-open .menu-bar-icon span:nth-child(1){top:8px;transform:rotate(45deg);}
    .menu-bar.menu-open .menu-bar-icon span:nth-child(2){opacity:0;}
    .menu-bar.menu-open .menu-bar-icon span:nth-child(3){top:8px;transform:rotate(-45deg);}

    .d-none{display:none !important;}

    @media (min-width: 992px){
      .d-lg-inline-flex{display:inline-flex !important;}
    }

    .offcanvas-panel{
      position:fixed;
      top:0;
      right:0;
      width:min(460px, 100vw);
      height:100vh;
      padding:24px 22px;
      border-left:1px solid rgba(255,255,255,.08);
      background:
        radial-gradient(circle at 14% 10%, rgba(214,178,106,.12), transparent 22%),
        radial-gradient(circle at 86% 84%, rgba(255,255,255,.06), transparent 20%),
        linear-gradient(180deg, #08090b 0%, #0f1217 52%, #141920 100%);
      box-shadow:-30px 0 80px rgba(0,0,0,.32);
      backdrop-filter:blur(16px) saturate(130%);
      -webkit-backdrop-filter:blur(16px) saturate(130%);
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:translateX(100%);
      transition:opacity .3s ease, visibility .3s ease, transform .42s cubic-bezier(.22,1,.36,1);
      z-index:150;
      overflow:auto;
      color:#fff;
    }

    .offcanvas-panel.is-open{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
      transform:translateX(0);
    }

    .offcanvas-backdrop{
      position:fixed;
      inset:0;
      background:rgba(7,10,14,.44);
      backdrop-filter:blur(12px);
      -webkit-backdrop-filter:blur(12px);
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transition:opacity .26s ease, visibility .26s ease;
      z-index:140;
    }

    .offcanvas-backdrop.is-open{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
    }

    .offcanvas-shell{
      display:flex;
      flex-direction:column;
      min-height:calc(100vh - 48px);
      gap:20px;
    }

    .offcanvas-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:14px;
      padding:4px 2px 18px;
      border-bottom:1px solid rgba(255,255,255,.08);
    }

    .offcanvas-kicker{
      display:block;
      margin-bottom:8px;
      font-size:10px;
      font-weight:800;
      letter-spacing:.28em;
      text-transform:uppercase;
      color:#d6b26a;
    }

    .offcanvas-title{
      margin:0;
      font-size:1.9rem;
      line-height:.94;
      letter-spacing:-.05em;
      color:#fff;
      max-width:10ch;
    }

    .offcanvas-copy{
      margin:12px 0 0;
      color:rgba(255,255,255,.66);
      line-height:1.72;
      font-size:.95rem;
      max-width:30ch;
    }

    .offcanvas-close{
      appearance:none;
      border:1px solid rgba(255,255,255,.1);
      background:rgba(255,255,255,.04);
      color:#fff;
      width:44px;
      height:44px;
      border-radius:16px;
      cursor:pointer;
      font-size:18px;
      transition:background .22s ease, border-color .22s ease, transform .22s ease;
    }

    .offcanvas-close:hover{
      background:rgba(255,255,255,.08);
      border-color:rgba(214,178,106,.22);
      transform:translateY(-1px);
    }

    .offcanvas-highlight{
      position:relative;
      overflow:hidden;
      padding:18px 18px 20px;
      border-radius:24px;
      border:1px solid rgba(255,255,255,.08);
      background:
        radial-gradient(circle at 85% 18%, rgba(214,178,106,.14), transparent 26%),
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
    }

    .offcanvas-highlight::before{
      content:"";
      position:absolute;
      left:18px;
      right:18px;
      top:0;
      height:1px;
      background:linear-gradient(90deg, transparent, rgba(214,178,106,.52), transparent);
      opacity:.8;
    }

    .offcanvas-highlight strong{
      display:block;
      font-size:1.15rem;
      line-height:1.08;
      letter-spacing:-.04em;
      margin-bottom:8px;
      color:#fff;
    }

    .offcanvas-highlight p{
      margin:0;
      color:rgba(255,255,255,.68);
      line-height:1.7;
      font-size:.93rem;
    }

    .offcanvas-groups{
      display:grid;
      gap:18px;
    }

    .offcanvas-group{
      display:grid;
      gap:10px;
    }

    .offcanvas-group-title{
      display:flex;
      align-items:center;
      gap:10px;
      font-size:10px;
      letter-spacing:.28em;
      text-transform:uppercase;
      color:rgba(255,255,255,.42);
      font-weight:800;
      padding:0 2px;
    }

    .offcanvas-group-title::before{
      content:"";
      width:24px;
      height:1px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(214,178,106,.52), rgba(214,178,106,.06));
    }

    .offcanvas-links{
      display:grid;
      gap:10px;
      margin:0;
    }

    .offcanvas-link{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      padding:16px 16px;
      border-radius:22px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.04);
      text-decoration:none;
      color:#f5f7fa;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
      transition:transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease;
    }

    .offcanvas-link:hover{
      transform:translateY(-1px);
      background:rgba(255,255,255,.07);
      border-color:rgba(214,178,106,.16);
      box-shadow:0 18px 34px rgba(0,0,0,.16);
    }

    .offcanvas-link small{
      display:block;
      margin-bottom:5px;
      font-size:10px;
      letter-spacing:.24em;
      text-transform:uppercase;
      color:#d6b26a;
      font-weight:800;
    }

    .offcanvas-link strong{
      display:block;
      font-size:1rem;
      letter-spacing:-.03em;
      color:#fff;
    }

    .offcanvas-link .offcanvas-arrow{
      font-size:1rem;
      color:rgba(255,255,255,.44);
      transition:transform .22s ease, color .22s ease;
    }

    .offcanvas-link:hover .offcanvas-arrow{
      color:#fff;
      transform:translateX(2px);
    }

    .offcanvas-cta{
      margin-top:auto;
      padding-top:6px;
    }

    .offcanvas-cta .btn{
      width:100%;
      min-height:52px;
    }

    .back-to-top{
      position:fixed;
      right:22px;
      bottom:22px;
      width:62px;
      height:62px;
      border-radius:999px;
      border:1px solid rgba(168,130,58,.14);
      background:rgba(255,255,255,.78);
      color:#111;
      display:flex;
      align-items:center;
      justify-content:center;
      text-decoration:none;
      box-shadow:
        0 18px 36px rgba(17,17,17,.10),
        inset 0 1px 0 rgba(255,255,255,.88);
      backdrop-filter:blur(16px) saturate(130%);
      -webkit-backdrop-filter:blur(16px) saturate(130%);
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:translateY(12px) scale(.94);
      transition:opacity .26s ease, visibility .26s ease, transform .26s ease, background .22s ease, border-color .22s ease;
      z-index:145;
    }

    .back-to-top.is-visible{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
      transform:translateY(0) scale(1);
    }

    .back-to-top:hover{
      background:#fff;
      border-color:rgba(168,130,58,.24);
    }

    #tj-back-to-top-percentage{
      font-size:14px;
      font-weight:800;
      letter-spacing:-.03em;
      color:#8a6a2c;
    }

    .nav{
      width:min(calc(100% - 32px), var(--max));
      margin:0 auto;
      min-height:78px;
      display:grid;
      grid-template-columns:auto 1fr auto;
      align-items:center;
      gap:16px;
      padding:12px 16px;
      border-radius:28px;
      border:1px solid rgba(170,150,110,.14);
      background:rgba(250,248,244,.78);
      backdrop-filter:blur(18px) saturate(140%);
      -webkit-backdrop-filter:blur(18px) saturate(140%);
      box-shadow:
        0 20px 50px rgba(17,17,17,.08),
        inset 0 1px 0 rgba(255,255,255,.72);
    }

    .brand{
      display:flex;
      align-items:center;
      gap:14px;
      text-decoration:none;
      min-width:0;
    }

    .brand-mark{
      width:48px;
      height:48px;
      border-radius:18px;
      border:1px solid rgba(168,130,58,.16);
      background:linear-gradient(180deg,#fff,#f8f3ea);
      display:grid;
      place-items:center;
      box-shadow:
        0 12px 28px rgba(168,130,58,.08),
        inset 0 1px 0 rgba(255,255,255,.84);
      color:var(--gold-2);
      flex:0 0 auto;
    }

    .brand small{
      display:block;
      font-size:10px;
      text-transform:uppercase;
      letter-spacing:.32em;
      color:#8a8f98;
      margin-bottom:5px;
    }

    .brand strong{
      display:block;
      font-size:15px;
      letter-spacing:.08em;
    }

    nav{
      display:flex;
      justify-content:center;
      min-width:0;
    }

    nav ul{
      display:flex;
      align-items:center;
      gap:8px;
      list-style:none;
      padding:8px;
      margin:0;
      border-radius:999px;
      border:1px solid rgba(168,130,58,.10);
      background:rgba(255,255,255,.56);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
    }

    nav a{
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:42px;
      padding:0 18px;
      border-radius:999px;
      text-decoration:none;
      color:#626975;
      font-size:13px;
      font-weight:600;
      letter-spacing:.02em;
      transition:.24s ease;
      white-space:nowrap;
    }

    nav a:hover{
      color:var(--ink);
      background:rgba(255,255,255,.82);
      box-shadow:0 10px 20px rgba(17,17,17,.04);
    }

    .nav-partner-link{
      position:relative;
      color:#591316;
      background:linear-gradient(135deg, rgba(127,29,29,.08), rgba(239,68,68,.04));
    }

    .nav-partner-link::after{
      content:"Cliente oficial · CPR";
      position:absolute;
      left:50%;
      top:calc(100% + 12px);
      transform:translate(-50%,-8px) scale(.96);
      opacity:0;
      pointer-events:none;
      padding:9px 14px;
      border-radius:999px;
      background:linear-gradient(135deg,#0b0b0c 0%, #1a1b1f 58%, #2b0c10 100%);
      color:#ffffff;
      border:1px solid rgba(220,38,38,.28);
      box-shadow:0 20px 36px rgba(10,10,10,.22), inset 0 1px 0 rgba(255,255,255,.08);
      font-size:10px;
      font-weight:800;
      letter-spacing:.24em;
      text-transform:uppercase;
      transition:.24s ease;
      white-space:nowrap;
    }

    .nav-partner-link:hover::after{
      opacity:1;
      transform:translate(-50%,0) scale(1);
    }

    .nav-actions{
      display:flex;
      gap:10px;
      align-items:center;
      justify-content:flex-end;
    }

    .btn{
      appearance:none;
      border:0;
      text-decoration:none;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:48px;
      padding:0 18px;
      border-radius:999px;
      font-size:13px;
      font-weight:700;
      transition:.25s ease;
      cursor:pointer;
      white-space:nowrap;
    }

    .btn-primary{
      background:#111;
      color:#fff;
      box-shadow:0 18px 30px rgba(17,17,17,.14);
    }
    .btn-primary:hover{transform:translateY(-1px);opacity:.95}

    .btn-partner{
      position:relative;
      width:212px;
      height:54px;
      padding:0;
      overflow:hidden;
      color:#fff;
      background:linear-gradient(135deg,#0a0a0b 0%, #111215 54%, #2a0d12 100%);
      border:1px solid rgba(122,25,31,.34);
      border-radius:999px;
      box-shadow:
        0 12px 24px rgba(8,8,8,.18),
        inset 0 1px 0 rgba(255,255,255,.04);
      isolation:isolate;
      flex:0 0 auto;
    }

    .btn-partner::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      background:
        radial-gradient(circle at 82% 50%, rgba(196,36,47,.28), transparent 26%),
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 42%);
      pointer-events:none;
      z-index:0;
    }

    .btn-partner::after{
      content:"";
      position:absolute;
      left:14px;
      right:14px;
      bottom:9px;
      height:1px;
      background:linear-gradient(90deg, transparent, rgba(214,72,81,.68), transparent);
      opacity:.8;
      pointer-events:none;
      z-index:1;
    }

    .btn-partner-main,
    .btn-partner-hover{
      position:absolute;
      inset:0;
      display:flex;
      align-items:center;
      justify-content:center;
      transition:opacity .24s ease, transform .24s ease;
      z-index:2;
      pointer-events:none;
    }

    .btn-partner-main{
      font-weight:700;
      color:#ffffff;
      opacity:1;
      transform:translateY(0);
    }

    .btn-partner-hover{
      gap:10px;
      opacity:0;
      transform:translateY(8px);
    }

    .badge-verified{
      width:26px;
      height:26px;
      border-radius:8px;
      display:grid;
      place-items:center;
      position:relative;
      overflow:hidden;
      background:linear-gradient(135deg,#7f1d1d 0%, #b91c1c 52%, #ef4444 100%);
      border:1px solid rgba(255,255,255,.15);
      box-shadow:
        0 6px 14px rgba(185,28,28,.35),
        inset 0 1px 0 rgba(255,255,255,.20),
        inset 0 -1px 0 rgba(0,0,0,.25);
      flex:0 0 auto;
    }

    .badge-verified::before{
      content:"";
      position:absolute;
      inset:-35%;
      background:linear-gradient(
        120deg,
        transparent 18%,
        rgba(255,255,255,.06) 34%,
        rgba(255,255,255,.46) 50%,
        rgba(255,255,255,.08) 66%,
        transparent 82%
      );
      transform:translateX(-140%) rotate(12deg);
      animation:verifiedSheen 3.6s ease-in-out infinite;
      pointer-events:none;
    }

    .badge-verified::after{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 42%);
      pointer-events:none;
    }

    .badge-verified svg{
      width:12px;
      height:12px;
      stroke:#fff;
      stroke-width:2;
      fill:none;
      stroke-linecap:round;
      stroke-linejoin:round;
      position:relative;
      z-index:2;
      filter:drop-shadow(0 1px 2px rgba(0,0,0,.18));
    }

    @keyframes verifiedSheen{
      0%{transform:translateX(-150%) rotate(12deg); opacity:0;}
      12%{opacity:1;}
      40%{transform:translateX(150%) rotate(12deg); opacity:1;}
      55%{opacity:0;}
      100%{transform:translateX(150%) rotate(12deg); opacity:0;}
    }

    .partner-wordmark{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:2px;
      line-height:1;
    }

    .partner-wordmark strong{
      font-size:13px;
      letter-spacing:.18em;
      font-weight:800;
      color:#ffffff;
      text-transform:uppercase;
    }

    .partner-wordmark em{
      font-style:normal;
      font-size:8px;
      letter-spacing:.26em;
      text-transform:uppercase;
      color:rgba(255,255,255,.70);
    }

    .btn-partner:hover{
      transform:translateY(-1px);
      box-shadow:
        0 16px 28px rgba(8,8,8,.22),
        0 0 0 1px rgba(185,28,28,.08),
        inset 0 1px 0 rgba(255,255,255,.05);
    }

    .btn-partner:hover .btn-partner-main{
      opacity:0;
      transform:translateY(-8px);
    }

    .btn-partner:hover .btn-partner-hover{
      opacity:1;
      transform:translateY(0);
    }

    @media (prefers-reduced-motion: reduce){
      .badge-verified::before{
        animation:none;
      }
    }

    .btn-soft{
      background:var(--gold-soft);
      color:#5a4520;
      border:1px solid #eadaba;
    }
    .btn-soft:hover{background:#efdfbf}

    .btn-outline{
      background:rgba(255,255,255,.72);
      color:var(--ink);
      border:1px solid rgba(168,130,58,.12);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
    }
    .btn-outline:hover{border-color:#d7c7a6;background:#fff}

    
    .hero{
      position:relative;
      padding:52px 0 42px;
    }

    .hero::before{
      content:"";
      position:absolute;
      inset:18px 0 auto;
      height:520px;
      background:
        radial-gradient(circle at 12% 18%, rgba(255,255,255,.78), transparent 26%),
        radial-gradient(circle at 82% 20%, rgba(214,178,106,.14), transparent 20%),
        linear-gradient(135deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.24) 38%, rgba(214,178,106,.08) 100%);
      pointer-events:none;
      filter:blur(2px);
    }

    .hero-wrap{
      position:relative;
      display:grid;
      grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);
      gap:22px;
      align-items:stretch;
    }

    .hero-main,
    .hero-side,
    .card,
    .partner-card,
    .team-card,
    .product-card,
    .stat,
    .cpr-panel,
    .footer-box{
      background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(252,251,248,.98));
      border:1px solid var(--line);
      box-shadow:var(--shadow);
      border-radius:var(--radius);
    }

    .hero-main{
      position:relative;
      overflow:hidden;
      min-height:680px;
      padding:40px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      border:1px solid rgba(217,207,189,.72);
      background:
        linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.92)),
        linear-gradient(135deg, rgba(255,255,255,.64) 0%, rgba(247,241,230,.96) 58%, rgba(239,230,216,.88) 100%);
      box-shadow:
        0 30px 90px rgba(17,17,17,.10),
        inset 0 1px 0 rgba(255,255,255,.92);
      isolation:isolate;
    }

    .hero-main::before{
      content:"";
      position:absolute;
      inset:-12% auto auto 56%;
      width:420px;
      height:420px;
      background:radial-gradient(circle, rgba(214,178,106,.18), transparent 66%);
      pointer-events:none;
      z-index:0;
    }

    .hero-main::after{
      content:"";
      position:absolute;
      inset:auto 24px 22px auto;
      width:160px;
      height:160px;
      border-radius:28px;
      border:1px solid rgba(255,255,255,.54);
      background:linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,.06));
      opacity:.46;
      transform:rotate(12deg);
      pointer-events:none;
      z-index:0;
      backdrop-filter:blur(10px);
    }

    .hero-shell,
    .hero-points{
      position:relative;
      z-index:1;
    }

    .hero-shell{
      max-width:760px;
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:12px;
      min-height:38px;
      padding:0 18px 0 14px;
      border-radius:999px;
      background:rgba(255,255,255,.72);
      color:#8a6a2c;
      border:1px solid rgba(214,178,106,.24);
      box-shadow:0 12px 24px rgba(17,17,17,.04);
      font-size:11px;
      font-weight:700;
      letter-spacing:.24em;
      text-transform:uppercase;
      backdrop-filter:blur(12px);
      -webkit-backdrop-filter:blur(12px);
    }

    .eyebrow::before{
      content:"";
      width:18px;
      height:10px;
      flex:0 0 auto;
      border-left:2px solid var(--gold-2);
      border-top:2px solid var(--gold-2);
      border-bottom:2px solid transparent;
      transform:skewX(-24deg);
      opacity:.92;
    }

    h1{
      margin:22px 0 20px;
      font-size:clamp(3.6rem, 7vw, 6.8rem);
      line-height:.88;
      letter-spacing:-.08em;
      max-width:10ch;
      text-wrap:balance;
    }

    .hero-copy{
      max-width:63ch;
      color:#5e6673;
      line-height:1.86;
      font-size:1.05rem;
    }

    .hero-actions{
      display:flex;
      gap:14px;
      flex-wrap:wrap;
      margin-top:30px;
    }

    .hero-note{
      display:flex;
      align-items:center;
      gap:10px;
      margin-top:18px;
      color:#7a808b;
      font-size:13px;
      line-height:1.6;
    }

    .hero-note::before{
      content:"";
      width:34px;
      height:1px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(168,130,58,.52), rgba(168,130,58,.06));
      flex:0 0 auto;
    }

    .hero-points{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:14px;
      margin-top:34px;
    }

    .mini-box{
      padding:20px 18px;
      border-radius:24px;
      background:rgba(255,255,255,.68);
      border:1px solid rgba(217,207,189,.68);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.82),
        0 10px 26px rgba(17,17,17,.04);
      backdrop-filter:blur(10px);
      -webkit-backdrop-filter:blur(10px);
    }

    .mini-box strong{
      display:block;
      margin-bottom:8px;
      font-size:15px;
      letter-spacing:-.03em;
      color:#131313;
    }

    .mini-box span{
      color:#69707b;
      font-size:13px;
      line-height:1.72;
    }

    .hero-side{
      position:relative;
      padding:18px;
      display:grid;
      grid-template-rows:auto auto 1fr;
      gap:14px;
      border:1px solid rgba(217,207,189,.62);
      background:
        linear-gradient(180deg, rgba(255,255,255,.82), rgba(252,251,248,.96));
      overflow:hidden;
    }

    .hero-side::before{
      content:"";
      position:absolute;
      inset:auto -60px -90px auto;
      width:220px;
      height:220px;
      border-radius:50%;
      background:radial-gradient(circle, rgba(214,178,106,.22), transparent 62%);
      pointer-events:none;
    }

    .hero-side > *{
      position:relative;
      z-index:1;
    }

    .stat-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:12px;
    }

    .stat{
      padding:18px;
      background:rgba(255,255,255,.84);
      box-shadow:none;
      border-radius:22px;
      border:1px solid rgba(217,207,189,.72);
      backdrop-filter:blur(8px);
      -webkit-backdrop-filter:blur(8px);
    }

    .stat small{
      display:block;
      color:#7b828d;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.18em;
      margin-bottom:12px;
    }

    .stat strong{
      display:block;
      font-size:1.9rem;
      line-height:.95;
      letter-spacing:-.06em;
      color:#111;
    }

    .hero-proof{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      padding:4px 2px 0;
    }

    .hero-proof span{
      display:inline-flex;
      align-items:center;
      min-height:34px;
      padding:0 12px;
      border-radius:999px;
      border:1px solid rgba(217,207,189,.82);
      background:rgba(255,255,255,.7);
      color:#5c6470;
      font-size:12px;
      font-weight:600;
      letter-spacing:.02em;
    }

    .hero-side .feature{
      background:
        radial-gradient(circle at 84% 18%, rgba(214,178,106,.16), transparent 20%),
        linear-gradient(180deg, #111216 0%, #17191e 100%);
      color:#f7f7f7;
      border-radius:28px;
      padding:28px;
      min-height:300px;
      position:relative;
      overflow:hidden;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      box-shadow:0 24px 46px rgba(17,17,17,.16);
    }

    .feature::after{
      content:"";
      position:absolute;
      width:240px;
      height:240px;
      border-radius:50%;
      right:-80px;
      bottom:-100px;
      background:radial-gradient(circle, rgba(214,178,106,.32), transparent 60%);
    }

    .feature::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(140deg, rgba(255,255,255,.06), transparent 32%);
      pointer-events:none;
    }

    .feature small{
      display:block;
      color:#d6b26a;
      text-transform:uppercase;
      letter-spacing:.22em;
      font-size:11px;
      margin-bottom:20px;
    }

    .feature h2{
      margin:0 0 14px;
      font-size:clamp(2rem, 3.4vw, 2.7rem);
      line-height:.94;
      letter-spacing:-.06em;
      max-width:10ch;
    }

    .feature p{
      margin:0;
      color:rgba(255,255,255,.72);
      line-height:1.78;
      max-width:34ch;
    }

    .feature-metrics{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:12px;
      margin-top:24px;
      position:relative;
      z-index:1;
    }

    .feature-metrics div{
      padding:14px 14px 12px;
      border-radius:20px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.04);
      backdrop-filter:blur(8px);
      -webkit-backdrop-filter:blur(8px);
    }

    .feature-metrics strong{
      display:block;
      font-size:1.05rem;
      letter-spacing:-.04em;
      color:#fff;
      margin-bottom:4px;
    }

    .feature-metrics span{
      color:rgba(255,255,255,.56);
      font-size:12px;
      line-height:1.55;
    }

    .section{
      padding:34px 0 0;
    }

    .section-head{
      display:flex;
      align-items:end;
      justify-content:space-between;
      gap:18px;
      margin-bottom:18px;
    }

    .section-kicker{
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.26em;
      color:var(--gold-2);
      margin-bottom:10px;
      font-weight:700;
    }

    .section-title{
      margin:0;
      font-size:clamp(2rem, 4vw, 3.3rem);
      line-height:1;
      letter-spacing:-.05em;
    }

    .section-sub{
      color:var(--muted);
      max-width:60ch;
      line-height:1.8;
      margin:12px 0 0;
    }

    .grid-3{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
    }

    .grid-4{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:18px;
    }

    .card{
      padding:28px;
    }

    .card .tag,
    .team-card .tag,
    .product-card .tag,
    .partner-card .tag,
    .cpr-panel .tag{
      display:inline-flex;
      align-items:center;
      min-height:30px;
      padding:0 12px;
      border-radius:999px;
      background:var(--gold-soft);
      color:var(--gold-2);
      border:1px solid #eadaba;
      font-size:11px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.16em;
    }

    .card h3,
    .team-card h3,
    .product-card h3,
    .partner-card h3,
    .cpr-panel h3{
      margin:18px 0 12px;
      font-size:1.4rem;
      letter-spacing:-.04em;
    }

    .card p,
    .team-card p,
    .product-card p,
    .partner-card p,
    .cpr-panel p{
      margin:0;
      color:var(--muted);
      line-height:1.78;
      font-size:.98rem;
    }

    .partner-card,
    .team-card,
    .product-card{
      padding:24px;
    }

    .partner-meta,
    .product-meta{
      margin-top:20px;
      display:flex;
      flex-wrap:wrap;
      gap:10px;
    }

    .chip{
      display:inline-flex;
      align-items:center;
      min-height:34px;
      padding:0 12px;
      border-radius:999px;
      border:1px solid var(--line);
      background:#fff;
      color:#4b5563;
      font-size:13px;
      font-weight:500;
    }

    .team-top{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:16px;
    }

    .avatar{
      width:58px;
      height:58px;
      border-radius:18px;
      background:linear-gradient(180deg,#fff,#f4ede0);
      border:1px solid var(--line-strong);
      display:grid;
      place-items:center;
      font-weight:800;
      color:var(--gold-2);
      font-size:1rem;
      flex:0 0 auto;
    }

    .role{
      display:block;
      color:var(--gold-2);
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.18em;
      font-weight:700;
      margin-top:2px;
    }

    .team-note{
      margin-top:16px;
      padding-top:16px;
      border-top:1px solid var(--line);
      color:#525866;
      font-size:13px;
      line-height:1.65;
    }

    
    .team-showcase{
      display:grid;
      grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);
      gap:22px;
      margin-bottom:18px;
      align-items:stretch;
    }

    .founder-card{
      padding:34px;
      background:
        radial-gradient(circle at 78% 18%, rgba(214,178,106,.10), transparent 24%),
        radial-gradient(circle at 18% 78%, rgba(255,255,255,.36), transparent 18%),
        linear-gradient(135deg,#fffdfa 0%, #f7f1e6 52%, #efe6d8 100%);
      border:1px solid rgba(214,178,106,.22);
      box-shadow:
        0 28px 80px rgba(17,17,17,.10),
        inset 0 1px 0 rgba(255,255,255,.84);
      border-radius:36px;
      position:relative;
      overflow:hidden;
      display:grid;
      grid-template-columns:320px 1fr;
      gap:28px;
      align-items:stretch;
    }

    .founder-card::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.42) 22%, transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0) 26%);
      pointer-events:none;
      mix-blend-mode:screen;
      opacity:.55;
    }

    .founder-card::after{
      content:"";
      position:absolute;
      width:420px;
      height:420px;
      right:-160px;
      top:-160px;
      background:radial-gradient(circle, rgba(214,178,106,.18), transparent 64%);
      pointer-events:none;
    }

    .founder-photo{
      position:relative;
      min-height:560px;
      border-radius:30px;
      overflow:hidden;
      background:
        radial-gradient(circle at 50% 18%, rgba(255,255,255,.24), transparent 18%),
        linear-gradient(180deg,#161616 0%, #272727 34%, #181818 100%);
      border:1px solid rgba(255,255,255,.08);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 18px 46px rgba(0,0,0,.18);
      display:flex;
      align-items:flex-end;
      justify-content:flex-start;
      padding:18px;
      isolation:isolate;
    }

    .founder-photo img{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      filter:contrast(1.04) brightness(.96) saturate(1.02);
      z-index:1;
    }

    .founder-photo::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(180deg, rgba(0,0,0,.08), transparent 24%),
        linear-gradient(0deg, rgba(0,0,0,.38), rgba(0,0,0,0) 36%),
        radial-gradient(circle at 72% 14%, rgba(214,178,106,.16), transparent 22%);
      z-index:2;
      pointer-events:none;
    }

    
    .founder-badge{
      position:relative;
      z-index:3;
      display:inline-flex;
      align-items:center;
      gap:12px;
      min-height:42px;
      padding:0 18px 0 12px;
      border-radius:999px;
      background:linear-gradient(135deg, rgba(9,12,16,.56), rgba(11,14,18,.38));
      border:1px solid rgba(255,255,255,.14);
      backdrop-filter:blur(14px) saturate(120%);
      -webkit-backdrop-filter:blur(14px) saturate(120%);
      color:rgba(255,255,255,.94);
      font-size:10px;
      letter-spacing:.30em;
      text-transform:uppercase;
      font-weight:700;
      box-shadow:
        0 16px 34px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 -1px 0 rgba(255,255,255,.03);
      transition:transform .24s ease, background .24s ease, border-color .24s ease, box-shadow .24s ease;
      white-space:nowrap;
    }

    .founder-badge:hover{
      transform:translateY(-1px);
      background:linear-gradient(135deg, rgba(9,12,16,.64), rgba(11,14,18,.48));
      border-color:rgba(255,255,255,.22);
      box-shadow:
        0 20px 40px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.12),
        0 0 0 1px rgba(255,255,255,.03);
    }

    .badge-emblem{
      position:relative;
      width:24px;
      height:24px;
      flex:0 0 auto;
      display:grid;
      place-items:center;
      border-radius:999px;
      background:
        radial-gradient(circle at 30% 28%, #fff3bf 0%, #f5d779 24%, #d8ae47 46%, #9d6e1f 74%, #5b3b0a 100%);
      box-shadow:
        0 0 0 1px rgba(255,236,184,.34),
        0 6px 14px rgba(123,82,18,.28),
        inset 0 1px 1px rgba(255,255,255,.58),
        inset 0 -2px 4px rgba(72,44,8,.34);
      animation:founderEmblemFloat 3.4s ease-in-out infinite;
    }

    .badge-emblem::before{
      content:"";
      position:absolute;
      inset:2px;
      border-radius:inherit;
      border:1px solid rgba(78,48,5,.22);
      pointer-events:none;
    }

    .badge-emblem::after{
      content:"";
      position:absolute;
      inset:-34%;
      background:linear-gradient(120deg, transparent 22%, rgba(255,255,255,.44) 50%, transparent 78%);
      transform:translateX(-130%) rotate(16deg);
      animation:founderEmblemShine 4.8s ease-in-out infinite;
      pointer-events:none;
      opacity:.8;
    }

    .badge-emblem-core{
      position:relative;
      z-index:1;
      width:15px;
      height:15px;
      border-radius:999px;
      display:grid;
      place-items:center;
      background:radial-gradient(circle at 32% 30%, #162338 0%, #0f1a2a 52%, #0a1220 100%);
      color:#f1d37a;
      font-size:7px;
      line-height:1;
      letter-spacing:.04em;
      font-weight:800;
      box-shadow:
        inset 0 1px 1px rgba(255,255,255,.18),
        inset 0 -1px 2px rgba(0,0,0,.26);
    }

    @keyframes founderEmblemFloat{
      0%{transform:translateY(0) scale(1);}
      50%{transform:translateY(-1px) scale(1.03);}
      100%{transform:translateY(0) scale(1);}
    }

    @keyframes founderEmblemShine{
      0%{transform:translateX(-130%) rotate(16deg); opacity:0;}
      10%{opacity:.9;}
      38%{transform:translateX(130%) rotate(16deg); opacity:.9;}
      52%{opacity:0;}
      100%{transform:translateX(130%) rotate(16deg); opacity:0;}
    
      }

    .founder-content{
      position:relative;
      z-index:3;
      display:flex;
      flex-direction:column;
      justify-content:center;
      padding-right:6px;
    }

    .founder-eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      min-height:34px;
      width:max-content;
      padding:0 14px;
      border-radius:999px;
      background:rgba(255,255,255,.64);
      border:1px solid rgba(214,178,106,.20);
      color:#8a6a2c;
      font-size:11px;
      letter-spacing:.22em;
      text-transform:uppercase;
      font-weight:800;
      box-shadow:0 10px 24px rgba(17,17,17,.04);
    }

    .founder-eyebrow::before{
      content:"";
      width:8px;
      height:8px;
      border-radius:50%;
      background:#d6b26a;
      box-shadow:0 0 0 5px rgba(214,178,106,.12);
      flex:0 0 auto;
    }

    .founder-header{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:16px;
      margin:18px 0 16px;
    }

    .founder-title{
      margin:0;
      font-size:clamp(3rem,5vw,5.2rem);
      line-height:.88;
      letter-spacing:-.08em;
      font-weight:800;
      color:#090909;
      max-width:9ch;
      text-wrap:balance;
    }

    .founder-role{
      display:block;
      color:#a57a25;
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.28em;
      font-weight:800;
      margin:12px 0 0;
      line-height:1.55;
    }

    .founder-quote{
      margin:8px 0 20px;
      font-size:1.08rem;
      color:#3c414a;
      line-height:1.86;
      max-width:58ch;
    }

    .founder-meta{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin:2px 0 20px;
    }

    .founder-meta .chip{
      min-height:38px;
      padding:0 15px;
      border-radius:999px;
      border:1px solid rgba(17,17,17,.08);
      background:rgba(255,255,255,.62);
      color:#4a5565;
      font-size:14px;
      font-weight:600;
      box-shadow:0 8px 18px rgba(17,17,17,.04);
    }

    .founder-highlight{
      margin-top:8px;
      padding-top:22px;
      border-top:1px solid rgba(168,130,58,.18);
      color:#555d6d;
      line-height:1.82;
      font-size:1rem;
      max-width:58ch;
    }

    .team-compact{
      display:grid;
      grid-template-columns:1fr;
      gap:18px;
    }

    .team-card.premium{
      min-height:100%;
      background:
        linear-gradient(180deg, rgba(255,255,255,.92), rgba(252,251,248,.98)),
        linear-gradient(135deg,#ffffff,#fbfaf7);
      border:1px solid rgba(214,178,106,.18);
      box-shadow:0 22px 58px rgba(17,17,17,.08);
      border-radius:30px;
      padding:26px;
    }

    .team-card.premium .avatar{
      width:72px;
      height:72px;
      border-radius:22px;
      background:linear-gradient(180deg,#fff,#f5ede1);
      border:1px solid rgba(214,178,106,.28);
      box-shadow:0 14px 28px rgba(17,17,17,.05);
      font-size:1.5rem;
    }

    .team-card.premium h3{
      font-size:2rem;
      line-height:.96;
      letter-spacing:-.06em;
      margin:0;
      color:#111;
    }

    .team-card.premium .role{
      margin-top:12px;
      font-size:12px;
      line-height:1.5;
      letter-spacing:.24em;
    }

    .team-card.premium p{
      font-size:1.02rem;
      line-height:1.86;
      color:#68707d;
      margin-top:4px;
    }

    .team-note{
      margin-top:18px;
      padding-top:18px;
      border-top:1px solid rgba(17,17,17,.08);
      color:#5f6775;
      font-size:.98rem;
      line-height:1.76;
    }


    .cpr-section{
      padding:44px 0 0;
    }

    .cpr-showcase{
      display:grid;
      grid-template-columns:1fr;
      gap:22px;
    }

    .cpr-client-card{
      padding:18px;
      background:
        radial-gradient(circle at 86% 14%, rgba(214,178,106,.16), transparent 18%),
        radial-gradient(circle at 14% 84%, rgba(255,255,255,.32), transparent 16%),
        linear-gradient(135deg,#fffdf9 0%, #f8f2e7 46%, #efe5d6 100%);
      border:1px solid rgba(214,178,106,.22);
      box-shadow:
        0 34px 90px rgba(17,17,17,.12),
        inset 0 1px 0 rgba(255,255,255,.88);
      border-radius:38px;
      position:relative;
      overflow:hidden;
      display:grid;
      grid-template-columns:minmax(360px,.96fr) minmax(0,1.04fr);
      gap:18px;
      align-items:stretch;
      isolation:isolate;
    }

    .cpr-client-card::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.42) 20%, transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,0) 24%);
      pointer-events:none;
      mix-blend-mode:screen;
      opacity:.55;
    }

    .cpr-client-card::after{
      content:"";
      position:absolute;
      inset:16px 16px auto auto;
      width:110px;
      height:110px;
      border-radius:24px;
      border:1px solid rgba(255,255,255,.42);
      background:linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.06));
      transform:rotate(10deg);
      opacity:.34;
      pointer-events:none;
      backdrop-filter:blur(12px);
    }

    .cpr-visual{
      position:relative;
      min-height:590px;
      border-radius:30px;
      overflow:hidden;
      background:
        radial-gradient(circle at 82% 20%, rgba(214,178,106,.20), transparent 18%),
        linear-gradient(180deg,#0a0b0e 0%, #101318 34%, #050608 100%);
      border:1px solid rgba(255,255,255,.08);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 24px 60px rgba(0,0,0,.24);
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      padding:22px;
      isolation:isolate;
    }

    .cpr-visual::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(180deg, rgba(255,255,255,.03), transparent 18%),
        linear-gradient(0deg, rgba(0,0,0,.28), rgba(0,0,0,0) 42%),
        linear-gradient(145deg, rgba(255,255,255,.05), transparent 30%);
      pointer-events:none;
      z-index:1;
    }

    .cpr-visual::after{
      content:"";
      position:absolute;
      left:22px;
      right:22px;
      bottom:18px;
      height:1px;
      background:linear-gradient(90deg, transparent, rgba(214,178,106,.58), transparent);
      opacity:.72;
      pointer-events:none;
      z-index:1;
    }

    .cpr-visual-top,
    .cpr-visual-body,
    .cpr-visual-stats,
    .cpr-visual-action{
      position:relative;
      z-index:2;
    }

    .cpr-visual-top{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
    }

    .cpr-visual-seal{
      display:inline-flex;
      align-items:center;
      gap:10px;
      min-height:42px;
      padding:0 16px 0 12px;
      border-radius:999px;
      background:linear-gradient(135deg, rgba(9,12,16,.62), rgba(11,14,18,.44));
      border:1px solid rgba(255,255,255,.12);
      color:rgba(255,255,255,.94);
      font-size:10px;
      letter-spacing:.26em;
      text-transform:uppercase;
      font-weight:700;
      box-shadow:
        0 16px 34px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.08);
      white-space:nowrap;
    }

    .cpr-visual-seal::before{
      content:"";
      width:16px;
      height:16px;
      border-radius:4px;
      border:1px solid rgba(214,178,106,.46);
      background:linear-gradient(135deg, rgba(214,178,106,.34), rgba(214,178,106,.08));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
      transform:skewX(-18deg);
      flex:0 0 auto;
    }

    .cpr-visual-tag{
      display:inline-flex;
      align-items:center;
      min-height:34px;
      padding:0 12px;
      border-radius:999px;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.08);
      color:rgba(255,255,255,.68);
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.18em;
      font-weight:700;
    }

    .cpr-visual-body small{
      display:block;
      color:#d6b26a;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.24em;
      margin-bottom:18px;
      font-weight:700;
    }

    .cpr-visual-body strong{
      display:block;
      font-size:clamp(2.7rem,4vw,4.2rem);
      line-height:.86;
      letter-spacing:-.09em;
      max-width:8ch;
      color:#fff;
      margin-bottom:18px;
    }

    .cpr-visual-body p{
      margin:0;
      color:rgba(255,255,255,.74);
      line-height:1.82;
      font-size:1rem;
      max-width:27ch;
    }

    .cpr-visual-stats{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:12px;
      margin-top:24px;
    }

    .cpr-visual-stats div{
      padding:14px 14px 12px;
      border-radius:20px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.04);
      backdrop-filter:blur(8px);
      -webkit-backdrop-filter:blur(8px);
    }

    .cpr-visual-stats strong{
      display:block;
      font-size:1.02rem;
      letter-spacing:-.04em;
      color:#fff;
      margin-bottom:4px;
    }

    .cpr-visual-stats span{
      color:rgba(255,255,255,.58);
      font-size:12px;
      line-height:1.55;
    }

    .cpr-visual-action .btn{
      width:100%;
      min-height:58px;
      font-size:15px;
      font-weight:700;
    }

    .cpr-content{
      position:relative;
      z-index:3;
      display:flex;
      flex-direction:column;
      justify-content:center;
      padding:22px 18px 22px 10px;
    }

    .cpr-content .section-badge{
      width:max-content;
      margin-bottom:22px;
    }

    .cpr-header{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:18px;
      margin:0 0 16px;
    }

    .cpr-title{
      margin:0;
      font-size:clamp(3.2rem,5vw,5.6rem);
      line-height:.86;
      letter-spacing:-.09em;
      font-weight:800;
      color:#090909;
      max-width:8.5ch;
      text-wrap:balance;
    }

    .cpr-role{
      display:block;
      color:#a57a25;
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.28em;
      font-weight:800;
      margin:12px 0 0;
      line-height:1.55;
    }

    .cpr-proof-rail{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:12px;
      margin:4px 0 20px;
    }

    .cpr-proof-rail div{
      padding:16px 16px 14px;
      border-radius:22px;
      background:rgba(255,255,255,.62);
      border:1px solid rgba(17,17,17,.08);
      box-shadow:0 8px 18px rgba(17,17,17,.04);
    }

    .cpr-proof-rail strong{
      display:block;
      font-size:1rem;
      color:#111;
      letter-spacing:-.04em;
      margin-bottom:6px;
    }

    .cpr-proof-rail span{
      display:block;
      color:#68707d;
      font-size:13px;
      line-height:1.58;
    }

    .cpr-quote{
      margin:0 0 20px;
      font-size:1.08rem;
      color:#3c414a;
      line-height:1.86;
      max-width:58ch;
    }

    .cpr-meta{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin:2px 0 18px;
    }

    .cpr-meta .chip{
      min-height:38px;
      padding:0 15px;
      border-radius:999px;
      border:1px solid rgba(17,17,17,.08);
      background:rgba(255,255,255,.62);
      color:#4a5565;
      font-size:14px;
      font-weight:600;
      box-shadow:0 8px 18px rgba(17,17,17,.04);
    }

    .cpr-highlight{
      margin-top:8px;
      padding-top:22px;
      border-top:1px solid rgba(168,130,58,.18);
      color:#555d6d;
      line-height:1.82;
      font-size:1rem;
      max-width:58ch;
    }

    .cpr-actions{
      display:flex;
      flex-wrap:wrap;
      gap:14px;
      margin-top:28px;
    }

    footer{
      padding:44px 0 54px;
    }

    .footer-box{
      padding:22px 26px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      color:var(--muted);
      font-size:14px;
    }


    
    .portal-overlay{
      position:fixed;
      inset:0;
      background:rgba(8,10,12,.58);
      backdrop-filter:blur(14px) saturate(120%);
      display:flex;
      align-items:center;
      justify-content:center;
      padding:clamp(12px, 2vw, 24px);
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transition:opacity .28s ease, visibility .28s ease;
      z-index:120;
    }

    .portal-overlay.is-open{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
    }

    .portal-shell{
      width:min(100%, 1120px);
      max-height:min(90vh, 920px);
      background:linear-gradient(135deg,#08090b 0%, #111318 34%, #171b22 62%, #2d1017 100%);
      border:1px solid rgba(255,255,255,.08);
      border-radius:clamp(24px, 2vw, 34px);
      box-shadow:0 38px 120px rgba(0,0,0,.42), 0 0 0 1px rgba(239,68,68,.05);
      overflow:auto;
      position:relative;
      transform:translateY(14px) scale(.985);
      transition:transform .34s cubic-bezier(.2,.8,.2,1);
      scrollbar-width:thin;
      scrollbar-color:rgba(255,255,255,.16) transparent;
    }

    .portal-shell::-webkit-scrollbar{
      width:10px;
    }

    .portal-shell::-webkit-scrollbar-thumb{
      background:rgba(255,255,255,.14);
      border-radius:999px;
      border:2px solid transparent;
      background-clip:padding-box;
    }

    .portal-overlay.is-open .portal-shell{
      transform:translateY(0) scale(1);
    }

    .portal-shell::before{
      content:"";
      position:absolute;
      inset:-12% auto auto -10%;
      width:min(30vw, 320px);
      height:min(30vw, 320px);
      background:radial-gradient(circle, rgba(239,68,68,.22), transparent 62%);
      pointer-events:none;
    }

    .portal-shell::after{
      content:"";
      position:absolute;
      inset:auto -6% -18% auto;
      width:min(34vw, 360px);
      height:min(34vw, 360px);
      background:radial-gradient(circle, rgba(255,255,255,.08), transparent 62%);
      pointer-events:none;
    }

    .portal-top{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:18px;
      padding:18px clamp(18px, 2vw, 24px);
      border-bottom:1px solid rgba(255,255,255,.08);
      background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
      position:relative;
      z-index:1;
    }

    .portal-brand{
      display:flex;
      align-items:center;
      gap:14px;
      color:#ffffff;
      min-width:0;
      flex-wrap:wrap;
    }

    .portal-badge{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:64px;
      min-height:36px;
      padding:0 14px;
      border-radius:999px;
      background:linear-gradient(135deg,#ef4444 0%, #7f1d1d 100%);
      border:1px solid rgba(255,255,255,.14);
      color:#fff;
      font-size:11px;
      font-weight:800;
      letter-spacing:.18em;
      box-shadow:0 0 18px rgba(239,68,68,.28);
      text-transform:uppercase;
      flex:0 0 auto;
    }

    .portal-brand strong{
      display:block;
      font-size:clamp(1rem, 1.6vw, 1.12rem);
      letter-spacing:.04em;
      line-height:1.2;
    }

    .portal-brand small{
      display:block;
      color:rgba(255,255,255,.58);
      text-transform:uppercase;
      letter-spacing:.16em;
      font-size:11px;
      margin-bottom:4px;
    }

    .portal-close{
      appearance:none;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.05);
      color:#fff;
      width:44px;
      height:44px;
      border-radius:16px;
      cursor:pointer;
      font-size:18px;
      transition:.22s ease;
      flex:0 0 auto;
    }

    .portal-close:hover{
      background:rgba(239,68,68,.14);
      border-color:rgba(239,68,68,.28);
    }

    .portal-grid{
      display:grid;
      grid-template-columns:minmax(0, 1.02fr) minmax(320px, .98fr);
      gap:0;
      min-height:unset;
      position:relative;
      z-index:1;
    }

    .portal-main{
      padding:clamp(22px, 3vw, 38px) clamp(18px, 3vw, 34px) clamp(22px, 3vw, 34px);
      color:#fff;
    }

    .portal-kicker{
      display:inline-flex;
      align-items:center;
      gap:10px;
      min-height:34px;
      padding:0 14px;
      border-radius:999px;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.08);
      color:#ffd7d7;
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.2em;
      font-weight:700;
    }

    .portal-kicker::before{
      content:"";
      width:8px;
      height:8px;
      border-radius:50%;
      background:#ef4444;
      box-shadow:0 0 0 6px rgba(239,68,68,.14);
    }

    .portal-title{
      margin:18px 0 16px;
      color:#fff;
      font-size:clamp(2.15rem, 4.8vw, 4rem);
      line-height:.92;
      letter-spacing:-.06em;
      max-width:9.5ch;
    }

    .portal-copy{
      max-width:52ch;
      color:rgba(255,255,255,.72);
      line-height:1.78;
      font-size:clamp(.95rem, 1.25vw, 1rem);
      margin:0 0 22px;
    }

    .portal-pills{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-bottom:24px;
    }

    .portal-pills span{
      display:inline-flex;
      align-items:center;
      min-height:34px;
      padding:0 12px;
      border-radius:999px;
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.08);
      color:#e5e7eb;
      font-size:13px;
    }

    .portal-actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top:24px;
    }

    .portal-btn{
      appearance:none;
      border:0;
      text-decoration:none;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:52px;
      padding:0 22px;
      border-radius:999px;
      font-size:14px;
      font-weight:700;
      transition:.24s ease;
    }

    .portal-btn-primary{
      background:linear-gradient(135deg,#ef4444 0%, #991b1b 100%);
      color:#fff;
      box-shadow:0 18px 34px rgba(127,29,29,.34);
    }

    .portal-btn-primary:hover{
      transform:translateY(-1px);
      box-shadow:0 22px 42px rgba(127,29,29,.40);
    }

    .portal-btn-ghost{
      background:rgba(255,255,255,.04);
      color:#fff;
      border:1px solid rgba(255,255,255,.1);
    }

    .portal-btn-ghost:hover{
      background:rgba(255,255,255,.08);
    }

    .portal-side{
      padding:clamp(20px, 3vw, 34px);
      background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
      border-left:1px solid rgba(255,255,255,.08);
      display:flex;
      flex-direction:column;
      gap:16px;
      justify-content:center;
    }

    .portal-card{
      border-radius:24px;
      padding:clamp(18px, 2vw, 22px);
      background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
      border:1px solid rgba(255,255,255,.08);
      color:#fff;
    }

    .portal-card small{
      display:block;
      color:#fca5a5;
      text-transform:uppercase;
      letter-spacing:.2em;
      font-size:11px;
      font-weight:700;
      margin-bottom:10px;
    }

    .portal-card strong{
      display:block;
      font-size:clamp(1.2rem, 2vw, 1.45rem);
      line-height:1.05;
      letter-spacing:-.04em;
      margin-bottom:10px;
    }

    .portal-card p{
      margin:0;
      color:rgba(255,255,255,.72);
      line-height:1.68;
      font-size:.95rem;
    }

    .portal-status{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
    }

    .portal-status .portal-card{
      min-height:unset;
    }



    
    
    
    .service-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:22px;
      align-items:stretch;
    }

    .service-grid-fn{
      align-items:stretch;
    }

    .service-card{
      position:relative;
      min-height:100%;
      overflow:hidden;
      opacity:0;
      transform:translateY(18px);
    }

    .service-card.is-visible{
      opacity:1;
      transform:translateY(0);
      transition:
        opacity .75s cubic-bezier(.22,1,.36,1),
        transform .75s cubic-bezier(.22,1,.36,1),
        box-shadow .32s ease,
        border-color .32s ease;
    }

    .service-card-fn{
      padding:34px;
      border-radius:36px;
      border:1px solid rgba(214,178,106,.20);
      background:
        radial-gradient(circle at 82% 16%, rgba(214,178,106,.10), transparent 18%),
        radial-gradient(circle at 18% 84%, rgba(255,255,255,.30), transparent 18%),
        linear-gradient(135deg,#fffdfa 0%, #f7f1e6 52%, #efe6d8 100%);
      box-shadow:
        0 28px 80px rgba(17,17,17,.08),
        inset 0 1px 0 rgba(255,255,255,.84);
      isolation:isolate;
    }

    .service-card-fn::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.34) 22%, transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0) 26%);
      pointer-events:none;
      mix-blend-mode:screen;
      opacity:.55;
    }

    .service-card-fn::after{
      content:"";
      position:absolute;
      width:300px;
      height:300px;
      right:-130px;
      top:-130px;
      background:radial-gradient(circle, rgba(214,178,106,.12), transparent 66%);
      pointer-events:none;
    }

    .service-card-fn:hover{
      transform:translateY(-4px);
      border-color:rgba(214,178,106,.30);
      box-shadow:
        0 34px 90px rgba(17,17,17,.10),
        inset 0 1px 0 rgba(255,255,255,.90);
    }

    .service-card-head,
    .service-card-fn h3,
    .service-card-fn p,
    .service-list-title,
    .service-list{
      position:relative;
      z-index:1;
    }

    .service-card-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:18px;
      margin-bottom:24px;
    }

    .service-order{
      display:block;
      font-size:13px;
      line-height:1;
      font-weight:800;
      letter-spacing:.32em;
      text-transform:uppercase;
      color:#a57a25;
    }

    .service-order::after{
      content:"";
      display:block;
      width:34px;
      height:1px;
      margin-top:12px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(168,130,58,.42), rgba(168,130,58,.08));
    }

    .service-eyebrow{
      display:block;
      font-size:11px;
      line-height:1;
      font-weight:700;
      letter-spacing:.28em;
      text-transform:uppercase;
      color:#8a6a2c;
      opacity:.86;
      margin-top:2px;
      text-align:right;
    }

    .service-card-fn h3{
      margin:0 0 18px;
      font-size:clamp(2.05rem, 2.8vw, 3.05rem);
      line-height:.92;
      letter-spacing:-.085em;
      font-weight:800;
      color:#090909;
      max-width:9.5ch;
      text-wrap:balance;
    }

    .service-card-fn > p{
      margin:0;
      color:#555d6d;
      font-size:1.02rem;
      line-height:1.86;
      max-width:34ch;
      min-height:148px;
    }

    
    .service-list-title{
      margin:28px 0 16px;
      padding-top:20px;
      border-top:1px solid rgba(168,130,58,.16);
      color:#b24b22;
      font-size:1rem;
      font-weight:700;
      line-height:1.35;
    }

    .service-list{
      list-style:none;
      margin:0;
      padding:0;
      border-top:none;
      display:flex;
      flex-direction:column;
      gap:10px;
    }

    
.service-list li{
  position:relative;
  margin:0;
  padding:14px 0;
  color:#4a5565;
  font-size:1rem;
  line-height:1.62;
  border-bottom:1px solid rgba(168,130,58,.12);
}

.service-list li:last-child{
  border-bottom:none;
}

.service-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:0;
  height:0;
  background:none;
}






.network-proof-section{
  padding-top:72px;
}

.network-proof-shell{
  position:relative;
  width:min(calc(100% - 32px), var(--max));
  margin:0 auto;
}

.network-proof-stage-apple{
  position:relative;
  overflow:hidden;
  min-height:420px;
  border-radius:40px;
  border:1px solid rgba(168,130,58,.12);
  background:
    radial-gradient(circle at 16% 14%, rgba(214,178,106,.12), transparent 22%),
    radial-gradient(circle at 84% 84%, rgba(214,178,106,.08), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,245,239,.98));
  box-shadow:
    0 30px 90px rgba(17,17,17,.08),
    inset 0 1px 0 rgba(255,255,255,.86);
  isolation:isolate;
}

.network-proof-stage-apple::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(242,240,235,1) 0%,
      rgba(242,240,235,.96) 9%,
      rgba(242,240,235,0) 22%,
      rgba(242,240,235,0) 78%,
      rgba(242,240,235,.96) 91%,
      rgba(242,240,235,1) 100%);
}

.network-proof-stage-apple::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,0) 16%),
    linear-gradient(0deg, rgba(255,255,255,.12), rgba(255,255,255,0) 18%);
}

.network-proof-head{
  position:relative;
  z-index:6;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  padding:30px 30px 0;
}

.network-proof-kicker{
  display:block;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.28em;
  color:#a57a25;
  font-weight:700;
  margin-bottom:10px;
}

.network-proof-title{
  margin:0;
  font-size:clamp(2rem, 4vw, 3.3rem);
  line-height:.96;
  letter-spacing:-.06em;
  max-width:13ch;
}

.network-proof-sub{
  max-width:48ch;
  margin:0;
  color:#6b7280;
  line-height:1.8;
  font-size:.98rem;
}

.network-proof-marquee{
  position:absolute;
  inset:122px 0 0;
  display:flex;
  align-items:center;
  overflow:hidden;
  z-index:1;
}

.network-clients-track{
  display:flex;
  align-items:center;
  gap:22px;
  width:max-content;
  padding:0 28px;
  will-change:transform;
  transform:translate3d(0,0,0);
}

.network-client-card{
  width:280px;
  height:132px;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(168,130,58,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.62));
  box-shadow:
    0 20px 40px rgba(17,17,17,.05),
    inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(14px) saturate(118%);
  -webkit-backdrop-filter:blur(14px) saturate(118%);
  opacity:.76;
  transform:scale(.95) translateZ(0);
  transition:
    transform .55s cubic-bezier(.22,1,.36,1),
    opacity .55s ease,
    filter .55s ease,
    box-shadow .55s ease,
    background .55s ease;
}

.network-client-card img{
  max-width:68%;
  max-height:48px;
  object-fit:contain;
  opacity:.78;
  filter:grayscale(100%);
  transition:
    opacity .55s ease,
    filter .55s ease,
    transform .55s ease;
  user-select:none;
  pointer-events:none;
}

.network-client-card.is-focus{
  opacity:1;
  transform:scale(1.02) translateZ(0);
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.74));
  box-shadow:
    0 28px 72px rgba(17,17,17,.09),
    0 0 0 1px rgba(255,255,255,.42),
    inset 0 1px 0 rgba(255,255,255,.98);
}

.network-client-card.is-focus img{
  opacity:.96;
  filter:grayscale(0%);
  transform:scale(1.02);
}

.network-client-card.is-soft{
  opacity:.88;
  transform:scale(.985) translateZ(0);
}

.network-client-card.is-soft img{
  opacity:.86;
  filter:grayscale(35%);
}

.network-proof-center{
  position:absolute;
  left:50%;
  bottom:26px;
  transform:translateX(-50%);
  width:min(560px, calc(100% - 48px));
  z-index:6;
}

.network-proof-panel{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  padding:22px 24px;
  text-align:center;
  border:1px solid rgba(168,130,58,.14);
  background:
    radial-gradient(circle at 50% 0%, rgba(214,178,106,.12), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.64));
  box-shadow:
    0 20px 50px rgba(17,17,17,.06),
    inset 0 1px 0 rgba(255,255,255,.96);
  backdrop-filter:blur(16px) saturate(130%);
  -webkit-backdrop-filter:blur(16px) saturate(130%);
}

.network-proof-panel::before{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(168,130,58,.48), transparent);
  opacity:.8;
}

.network-proof-panel h3{
  margin:0;
  font-size:1.28rem;
  line-height:1.45;
  letter-spacing:-.05em;
  color:#232527;
  font-weight:700;
  text-wrap:balance;
}

.network-proof-panel .network-inline-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 16px;
  border-radius:999px;
  background:linear-gradient(135deg,#f2c84a 0%, #daa82e 100%);
  color:#fff;
  font-size:1.05rem;
  font-weight:800;
  line-height:1;
  letter-spacing:-.04em;
  box-shadow:
    0 12px 24px rgba(214,178,106,.24),
    inset 0 1px 0 rgba(255,255,255,.28);
  margin:0 2px;
}

.network-proof-panel .network-brand{
  color:#7f8b89;
  font-weight:700;
}

@media (prefers-reduced-motion: reduce){
  .network-clients-track,
  .network-client-card,
  .network-client-card img{
    transition:none !important;
  }
}

@media (max-width: 1180px){
  .network-proof-stage-apple{min-height:400px;}
  .network-client-card{width:250px;height:118px;}
}

@media (max-width: 860px){
  .network-proof-section{padding-top:48px;}
  .network-proof-stage-apple{min-height:360px;border-radius:30px;}
  .network-proof-head{
    padding:24px 20px 0;
    flex-direction:column;
    align-items:flex-start;
  }
  .network-proof-marquee{inset:148px 0 0;}
  .network-clients-track{gap:16px;padding:0 16px;}
  .network-client-card{width:198px;height:96px;border-radius:20px;}
  .network-client-card img{max-width:68%;max-height:34px;}
  .network-proof-center{
    width:calc(100% - 28px);
    bottom:14px;
  }
  .network-proof-panel h3{font-size:1rem;line-height:1.38;}
  .network-proof-panel .network-inline-badge{min-height:34px;font-size:.94rem;padding:0 12px;}
}

@media (max-width: 640px){
  .network-proof-section{padding-top:34px;}
  .network-proof-stage-apple{min-height:320px;}
  .network-proof-head{padding:20px 16px 0;}
  .network-proof-marquee{inset:156px 0 0;}
  .network-clients-track{gap:12px;padding:0 12px;}
  .network-client-card{width:148px;height:76px;border-radius:16px;}
  .network-client-card img{max-width:70%;max-height:26px;}
  .network-proof-panel{padding:16px 14px;}
  .network-proof-panel h3{font-size:.82rem;line-height:1.34;}
  .network-proof-panel .network-inline-badge{min-height:28px;font-size:.78rem;padding:0 10px;}
}

    @media (max-width: 1180px){
      .hero-wrap,
      .cpr-client-card,
      .team-showcase,
      .founder-card,
      .portal-grid{grid-template-columns:1fr}
      .nav{grid-template-columns:auto 1fr auto}
      .grid-4{grid-template-columns:repeat(2,1fr)}
      .service-grid{grid-template-columns:repeat(2,1fr)}
      .portal-side{border-left:0;border-top:1px solid rgba(255,255,255,.08)}
      .portal-title{max-width:12ch}
    }

    @media (max-width: 860px){
      nav{display:none}
      .hero-points,
      .grid-3,
      .grid-4,
      .service-grid,
      .stat-grid,
      .team-compact{grid-template-columns:1fr}
      .hero-main{min-height:auto}
      .section-head{align-items:flex-start;flex-direction:column}
      .footer-box{flex-direction:column;align-items:flex-start}
      .founder-photo{min-height:280px}
      .cpr-client-card{grid-template-columns:1fr}
      .cpr-visual{min-height:420px}
      .cpr-proof-rail{grid-template-columns:1fr}
    }

    @media (max-width: 640px){
      .container{width:min(calc(100% - 20px), var(--max))}
      .topbar{top:10px}
      .nav{width:min(calc(100% - 20px), var(--max)); min-height:72px; grid-template-columns:1fr auto}
      .menu-bar{min-width:40px; min-height:40px;}
      .back-to-top{right:14px; bottom:14px; width:54px; height:54px;}
      #tj-back-to-top-percentage{font-size:12px;}
      .offcanvas-panel{width:100vw; padding:18px 16px;}
      .offcanvas-shell{min-height:calc(100vh - 36px);}
      .offcanvas-title{font-size:1.55rem; max-width:100%;}
      .hero{padding-top:20px}
      .hero-main,.hero-side,.card,.partner-card,.team-card,.product-card,.cpr-client-card,.portal-main,.portal-side{padding:20px}
      h1{max-width:100%}
      .hero-actions,.nav-actions,.portal-actions{flex-direction:column;align-items:stretch}
      .btn-partner{width:100%}
      .btn,.portal-btn{width:100%}
      .brand strong{font-size:14px}
      .brand small{letter-spacing:.2em}
      .portal-overlay{padding:10px}
      .portal-shell{border-radius:24px; max-height:94vh}
      .portal-status{grid-template-columns:1fr}
      .portal-top{padding:16px}
      .portal-brand{gap:10px}
      .portal-badge{min-width:auto; padding:0 12px; min-height:34px}
      .portal-close{width:40px;height:40px;border-radius:14px}
      .portal-title{font-size:clamp(1.9rem, 11vw, 3rem); max-width:100%}
      .portal-copy{font-size:.95rem; line-height:1.7}
      .portal-pills{gap:8px}
      .portal-pills span{font-size:12px}
    }
  
    html.is-transitioning,
    body.is-transitioning{
      cursor:progress;
    }

    .route-transition{
      position:fixed;
      inset:0;
      background:
        radial-gradient(circle at 18% 22%, rgba(239,68,68,.14), transparent 28%),
        radial-gradient(circle at 82% 24%, rgba(255,255,255,.06), transparent 24%),
        linear-gradient(135deg,#050608 0%, #0b0f14 48%, #1a0a0f 100%);
      display:flex;
      align-items:center;
      justify-content:center;
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transition:opacity .42s ease, visibility .42s ease;
      z-index:200;
    }

    .route-transition.is-active{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
    }

    .route-transition-card{
      width:min(92vw, 520px);
      border-radius:30px;
      border:1px solid rgba(255,255,255,.08);
      background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
      box-shadow:0 30px 90px rgba(0,0,0,.36);
      padding:28px 28px 24px;
      color:#fff;
      transform:translateY(14px) scale(.985);
      transition:transform .42s cubic-bezier(.2,.8,.2,1);
      position:relative;
      overflow:hidden;
    }

    .route-transition.is-active .route-transition-card{
      transform:translateY(0) scale(1);
    }

    .route-transition-card::before{
      content:"";
      position:absolute;
      inset:auto -10% -36% auto;
      width:220px;
      height:220px;
      background:radial-gradient(circle, rgba(239,68,68,.26), transparent 62%);
      pointer-events:none;
    }

    .route-transition-badge{
      display:inline-flex;
      align-items:center;
      gap:10px;
      min-height:36px;
      padding:0 14px;
      border-radius:999px;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.10);
      color:#f5d4d4;
      font-size:11px;
      letter-spacing:.2em;
      text-transform:uppercase;
      font-weight:700;
      position:relative;
      z-index:1;
    }

    .route-transition-badge::before{
      content:"";
      width:8px;
      height:8px;
      border-radius:50%;
      background:#ef4444;
      box-shadow:0 0 0 6px rgba(239,68,68,.12);
      flex:0 0 auto;
    }

    .route-transition-title{
      margin:18px 0 10px;
      font-size:clamp(1.8rem, 3vw, 2.6rem);
      line-height:.96;
      letter-spacing:-.05em;
      max-width:11ch;
      position:relative;
      z-index:1;
    }

    .route-transition-copy{
      margin:0;
      max-width:42ch;
      color:rgba(255,255,255,.72);
      line-height:1.7;
      position:relative;
      z-index:1;
    }

    .route-transition-progress{
      margin-top:22px;
      height:3px;
      border-radius:999px;
      background:rgba(255,255,255,.08);
      overflow:hidden;
      position:relative;
      z-index:1;
    }

    .route-transition-progress span{
      display:block;
      width:0%;
      height:100%;
      border-radius:inherit;
      background:linear-gradient(90deg, #ef4444 0%, #f87171 100%);
      transition:width .78s cubic-bezier(.2,.8,.2,1);
      box-shadow:0 0 18px rgba(239,68,68,.28);
    }

    .route-transition.is-active .route-transition-progress span{
      width:100%;
    }

    @media (max-width: 640px){
      .route-transition-card{
        padding:22px 20px 20px;
        border-radius:24px;
      }
      .route-transition-title{
        max-width:100%;
      }
    }

  
    .spa-layer{
      position:fixed;
      inset:0;
      z-index:180;
      background:#050608;
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transition:opacity .28s ease, visibility .28s ease;
      display:flex;
      flex-direction:column;
    }

    .spa-layer.is-open{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
    }

    .spa-frame-wrap{
      position:relative;
      flex:1 1 auto;
      min-height:0;
      background:#050608;
    }

    .spa-frame{
      width:100%;
      height:100%;
      border:0;
      display:block;
      background:#050608;
    }

    .spa-loading{
      position:absolute;
      inset:0;
      display:flex;
      align-items:center;
      justify-content:center;
      background:
        radial-gradient(circle at 18% 22%, rgba(239,68,68,.10), transparent 24%),
        linear-gradient(135deg,#050608 0%, #0b0f14 48%, #1a0a0f 100%);
      color:#fff;
      transition:opacity .24s ease, visibility .24s ease;
      z-index:1;
    }

    .spa-loading.is-hidden{
      opacity:0;
      visibility:hidden;
      pointer-events:none;
    }

    .spa-loading-card{
      width:min(88vw, 420px);
      border-radius:28px;
      border:1px solid rgba(255,255,255,.08);
      background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
      box-shadow:0 24px 80px rgba(0,0,0,.34);
      padding:24px;
    }

    .spa-loading-card strong{
      display:block;
      font-size:1.4rem;
      line-height:1.02;
      letter-spacing:-.04em;
      margin-bottom:10px;
    }

    .spa-loading-card p{
      margin:0;
      color:rgba(255,255,255,.68);
      line-height:1.7;
      font-size:.95rem;
    }

    .spa-loading-progress{
      margin-top:18px;
      height:3px;
      border-radius:999px;
      background:rgba(255,255,255,.08);
      overflow:hidden;
    }

    .spa-loading-progress span{
      display:block;
      width:100%;
      height:100%;
      border-radius:inherit;
      background:linear-gradient(90deg, #ef4444 0%, #f87171 100%);
      transform-origin:left center;
      animation:spaLoad 1.2s ease-in-out infinite;
    }

    @keyframes spaLoad{
      0%{transform:scaleX(.18)}
      50%{transform:scaleX(.82)}
      100%{transform:scaleX(.18)}
    }

    @media (max-width: 640px){
      .spa-layer-bar{
        padding:10px 12px;
        min-height:58px;
      }
      .spa-layer-btn{
        min-height:38px;
        padding:0 12px;
        font-size:12px;
      }
      .spa-layer-text strong{
        font-size:13px;
      }
      .spa-layer-text span{
        font-size:11px;
      }
    }

  

.section-badge{
  --mx:50%;
  --my:50%;
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin:0 0 20px;
  padding:10px 14px 10px 0;
  opacity:0;
  transform:translateY(12px) scale(.985);
  filter:blur(8px);
  animation:badgeReveal 1s cubic-bezier(.22,1,.36,1) forwards;
  isolation:isolate;
}

.section-badge::before{
  content:"";
  position:absolute;
  inset:-8px -14px -8px -10px;
  border-radius:999px;
  background:
    radial-gradient(140px circle at var(--mx) var(--my), rgba(214,178,106,.20), transparent 42%),
    linear-gradient(90deg, rgba(255,255,255,.48), rgba(255,255,255,.14));
  border:1px solid rgba(168,130,58,.10);
  box-shadow:
    0 10px 30px rgba(17,17,17,.04),
    inset 0 1px 0 rgba(255,255,255,.42);
  opacity:.8;
  z-index:-1;
  transition:opacity .35s ease, transform .35s ease, box-shadow .35s ease;
}

.section-badge:hover::before{
  opacity:1;
  transform:translateY(-1px);
  box-shadow:
    0 16px 36px rgba(17,17,17,.06),
    inset 0 1px 0 rgba(255,255,255,.54);
}

.badge-line{
  position:relative;
  width:34px;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(84,67,33,.34), rgba(84,67,33,.06));
  transform-origin:left center;
  transform:scaleX(.2);
  opacity:0;
  animation:badgeLineGrow .9s .18s cubic-bezier(.22,1,.36,1) forwards;
  overflow:hidden;
}

.badge-line::after{
  content:"";
  position:absolute;
  inset:-3px -20%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.95), transparent);
  transform:translateX(-140%);
  animation:badgeShimmer 4.2s 1.1s ease-in-out infinite;
  opacity:.65;
}

.badge-text{
  font-size:11px;
  letter-spacing:.34em;
  text-transform:uppercase;
  font-weight:700;
  color:rgba(73,57,26,.68);
  position:relative;
  white-space:nowrap;
  text-shadow:0 1px 0 rgba(255,255,255,.62);
  transition:transform .35s ease, color .35s ease, letter-spacing .35s ease;
}

.badge-text::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-6px;
  width:0%;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(84,67,33,.28), rgba(84,67,33,.04));
  transition:width .42s ease;
}

.section-badge:hover .badge-text{
  transform:translateX(2px);
  color:rgba(60,44,16,.82);
  letter-spacing:.355em;
}

.section-badge:hover .badge-text::after{
  width:100%;
}

.section-badge.is-visible{
  animation:none;
  opacity:1;
  transform:translateY(0) scale(1);
  filter:blur(0);
}

.section-badge.is-visible .badge-line{
  animation:none;
  opacity:1;
  transform:scaleX(1);
}

.section-badge.is-visible .badge-line::after{
  animation:badgeShimmer 4.2s 1.1s ease-in-out infinite;
}

@keyframes badgeReveal{
  0%{opacity:0;transform:translateY(12px) scale(.985);filter:blur(8px);}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}
}

@keyframes badgeLineGrow{
  0%{opacity:0;transform:scaleX(.2);}
  100%{opacity:1;transform:scaleX(1);}
}

@keyframes badgeShimmer{
  0%{transform:translateX(-140%);opacity:0;}
  18%{opacity:.72;}
  38%{transform:translateX(140%);opacity:.72;}
  52%{opacity:0;}
  100%{transform:translateX(140%);opacity:0;}
}

@media (prefers-reduced-motion: reduce){
  .section-badge,.badge-line{
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
  .badge-line::after{
    animation:none !important;
  }
}