:root{
    --bg:#000000;
    --bg-alt:#0a0a0a;
    --bg-raise:#111111;
    --ink:#f5f3ef;
    --ink-dim:#8a8780;
    --ink-faint:#565550;
    --gold:#c8a464;
    --gold-bright:#eccb8c;
    --line:rgba(255,255,255,0.07);
    --sans:'IBM Plex Sans',system-ui,sans-serif;
    --display:'Space Grotesk',var(--sans);
    --mono:'IBM Plex Mono',monospace;
    --ease:cubic-bezier(.16,.8,.24,1);
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{opacity:0;animation:pageIn 0.4s var(--ease) 0.1s forwards;}
  @keyframes pageIn{to{opacity:1;}}
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:0.001ms !important; transition-duration:0.001ms !important;}
  }
  body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  ::selection{background:var(--gold);color:#0a0a0c;}
  a:focus-visible, button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px;}

  .wrap{max-width:1120px;margin:0 auto;padding:0 32px;}
  section{position:relative;}

  .reveal{opacity:0;transform:translateY(24px);transition:opacity 1s var(--ease),transform 1s var(--ease);}
  .reveal.in{opacity:1;transform:translateY(0);}
  .reveal-d1{transition-delay:.1s;} .reveal-d2{transition-delay:.2s;} .reveal-d3{transition-delay:.3s;}
  .stagger-child:nth-child(1){transition-delay:0ms;}
  .stagger-child:nth-child(2){transition-delay:80ms;}
  .stagger-child:nth-child(3){transition-delay:160ms;}
  .stagger-child:nth-child(4){transition-delay:240ms;}

  .path-label{font-family:var(--mono);font-size:12.5px;letter-spacing:0.02em;color:var(--ink-faint);margin-bottom:20px;}
  .path-label b{color:var(--gold);font-weight:400;}

  h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-0.015em;}
  h1{font-size:clamp(2.6rem,6.4vw,5rem);line-height:1.04;font-weight:700;}
  h2{font-size:clamp(1.9rem,3.6vw,2.7rem);line-height:1.16;font-weight:500;}
  h3{font-size:1.2rem;font-weight:500;}
  p{color:var(--ink-dim);max-width:600px;}
  .lede{font-size:1.2rem;color:var(--ink-dim);max-width:540px;}

  .kinetic span{display:inline-block;opacity:0;transform:translateY(20px);animation:wordIn .8s var(--ease) forwards;}
  @keyframes wordIn{to{opacity:1;transform:translateY(0);}}

  header{position:fixed;top:0;left:0;right:0;z-index:50;background:transparent;border-bottom:1px solid transparent;transition:background .4s var(--ease),border-color .4s var(--ease),backdrop-filter .4s var(--ease);}
  header.solid{background:rgba(0,0,0,0.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);}
  nav{display:flex;align-items:center;justify-content:space-between;padding:22px 32px;max-width:1120px;margin:0 auto;}
  .logo{font-family:var(--display);font-weight:700;font-size:1.2rem;letter-spacing:-0.02em;}
  .nav-product{font-family:var(--mono);font-size:9px;color:var(--ink-faint);display:block;margin-top:-4px;letter-spacing:.02em;}
  .nav-links{display:flex;gap:36px;font-size:0.92rem;color:var(--ink-dim);}
  .nav-links a:hover{color:var(--ink);}
  .nav-right{display:flex;align-items:center;gap:18px;}
  .lang-toggle{font-family:var(--mono);font-size:12px;border:1px solid var(--line);color:var(--ink-dim);cursor:pointer;background:transparent;padding:6px 12px;border-radius:20px;transition:border-color .2s,color .2s;}
  .lang-toggle:hover{color:var(--ink);border-color:var(--line-bright,rgba(200,164,100,0.4));}
  .lang-toggle-link{font-family:var(--mono);font-size:12px;border:1px solid var(--line);color:var(--ink-dim);padding:6px 12px;border-radius:20px;transition:border-color .2s,color .2s;text-decoration:none;}
  .lang-toggle-link:hover{color:var(--ink);border-color:var(--line-bright,rgba(200,164,100,0.4));}
  .btn{font-family:var(--sans);font-size:14px;font-weight:500;padding:11px 22px;border-radius:6px;display:inline-block;cursor:pointer;border:1px solid transparent;transition:transform .3s var(--ease),background .3s var(--ease);}
  .btn-primary{background:var(--ink);color:#000;}
  .btn-primary:hover{background:var(--gold-bright);transform:translateY(-2px);}
  .btn-ghost{border-color:var(--line);color:var(--ink);}
  .btn-ghost:hover{border-color:var(--ink-faint);}
  @media (max-width:860px){ .nav-links{display:none;} }
  .mobile-menu-btn{display:none;background:transparent;border:none;cursor:pointer;color:var(--ink);font-size:22px;padding:4px 6px;line-height:1;}
  @media (max-width:860px){
    .mobile-menu-btn{display:inline-flex;align-items:center;}
    .nav-links{
      display:none;position:fixed;top:64px;left:0;right:0;
      background:rgba(0,0,0,0.97);backdrop-filter:blur(20px);
      flex-direction:column;gap:0;padding:8px 28px 24px;
      border-top:1px solid var(--line);border-bottom:1px solid var(--line);
      max-height:calc(100vh - 64px);overflow-y:auto;z-index:60;
    }
    .nav-links.mobile-open{display:flex;}
    .nav-links a{padding:15px 0;border-bottom:1px solid var(--line);font-size:1rem;}
    .nav-links a:last-child{border-bottom:none;}
    [dir="rtl"] .nav-links.mobile-open{flex-direction:column;text-align:right;}
  }
  @media (max-width:600px){
    nav{padding:18px 20px;}
    .nav-right{gap:8px;}
    .nav-right .btn{padding:10px 13px;font-size:12px;}
    .lang-toggle{padding:6px 8px;font-size:11px;}
    .lang-toggle-link{padding:6px 8px;font-size:11px;}
    .logo{font-size:1.35rem;}
    .nav-product{font-size:7.5px;}
  }

  /* HERO */
  .hero{min-height:100vh;display:flex;align-items:center;padding:150px 0 90px;}
  .hero-grid{display:grid;grid-template-columns:1fr;gap:70px;text-align:center;max-width:900px;margin:0 auto;}
  .hero-ctas{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap;justify-content:center;}
  .hero-note{margin-top:40px;font-family:var(--mono);font-size:12.5px;color:var(--ink-faint);}
  .scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:10.5px;color:var(--ink-faint);letter-spacing:.12em;display:flex;flex-direction:column;align-items:center;gap:10px;}
  .scroll-cue .line{width:1px;height:36px;background:linear-gradient(var(--ink-faint),transparent);animation:cueMove 1.8s ease-in-out infinite;}
  @keyframes cueMove{0%{opacity:0.15;}50%{opacity:.7;}100%{opacity:0.15;}}

  /* device — simple floating card, no grid box, subtle tilt */
  .device-stage{perspective:1400px;max-width:560px;margin:0 auto;}
  .device-panel{position:relative;transform-style:preserve-3d;transition:transform .15s ease-out;will-change:transform;}
  .device-face{
    aspect-ratio:16/11;border-radius:14px;
    background:linear-gradient(155deg,#1c1c1c,#050505 75%);
    border:1px solid var(--line);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;
    box-shadow:0 50px 90px -40px rgba(0,0,0,0.9);
  }
  .device-face .glow{position:absolute;width:70%;height:70%;background:radial-gradient(circle,rgba(200,164,100,0.10),transparent 70%);top:15%;left:15%;filter:blur(24px);}

  /* phone mockup component */
  .phone-mock{
    width:230px;margin:0 auto;border:1px solid var(--line);border-radius:26px;
    background:linear-gradient(160deg,#141414,#0a0a0a);padding:10px;
    box-shadow:0 40px 70px -35px rgba(0,0,0,0.8);
  }
  .phone-screen{background:#000;border-radius:18px;padding:16px 14px;min-height:280px;position:relative;overflow:hidden;}
  .phone-status{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;color:var(--ink-dim);margin-bottom:16px;}
  .phone-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;color:var(--ink-dim);}
  .phone-avatar{width:24px;height:24px;border-radius:6px;background:var(--bg-raise);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:9px;color:var(--gold);border:1px solid var(--line);}
  .phone-row{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border:1px solid var(--line);border-radius:8px;margin-bottom:6px;font-size:10.5px;color:var(--ink-dim);}
  .phone-row .name{color:var(--ink);}
  .phone-check{color:#7cc98a;font-size:12px;}
  .phone-box{border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:10px;font-size:10px;color:var(--ink-faint);}
  .phone-log{font-family:var(--mono);font-size:9.5px;color:var(--ink-faint);padding:6px 0;border-top:1px solid var(--line);}
  .phone-log.warn{color:var(--gold);}
  .phone-bubble{background:var(--bg-raise);border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:10.5px;color:var(--ink);margin-bottom:8px;max-width:88%;}
  .phone-bubble.me{margin-left:auto;background:rgba(200,164,100,0.1);}
  .phone-approve-row{display:flex;gap:8px;margin-top:10px;}
  .phone-btn{flex:1;text-align:center;padding:8px;border-radius:16px;font-size:10px;font-family:var(--mono);}
  .phone-btn.skip{border:1px solid var(--line);color:var(--ink-dim);}
  .phone-btn.approve{background:var(--gold);color:#161207;}
  .phone-caption{margin-top:18px;text-align:center;}
  .phone-caption h3{font-size:1.05rem;margin-bottom:8px;}
  .phone-caption p{font-size:0.88rem;margin:0 auto;}
  .device-svg{position:relative;z-index:1;width:64%;}
  .device-label{font-family:var(--mono);font-size:12px;color:var(--ink-faint);text-align:center;letter-spacing:0.1em;position:relative;z-index:1;margin-top:14px;}
  .device-disclaimer{margin-top:16px;text-align:center;font-family:var(--mono);font-size:10.5px;color:var(--ink-faint);opacity:0.75;}
  .soon-badge{
    display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:0.08em;
    color:var(--gold);border:1px solid rgba(200,164,100,0.35);background:rgba(200,164,100,0.06);
    padding:6px 14px;border-radius:20px;text-transform:uppercase;margin-bottom:18px;
  }
  .soon-badge .pulse{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:pulseDot 1.8s ease-in-out infinite;}
  @keyframes pulseDot{0%,100%{opacity:0.4;}50%{opacity:1;}}
  .device-status{margin-top:20px;font-family:var(--mono);font-size:12px;color:var(--ink-faint);display:flex;justify-content:center;gap:24px;}
  .device-status span{display:flex;align-items:center;gap:6px;}
  .dot-live{width:6px;height:6px;background:#7cc98a;border-radius:50%;display:inline-block;box-shadow:0 0 8px 1px rgba(124,201,138,.6);}

  .section{padding:130px 0;}
  .section-tight{padding:90px 0;}
  .section-head{max-width:640px;margin:0 auto 60px;text-align:center;}
  .section-head.left{text-align:left;margin:0 0 56px;}

  .two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
  @media (max-width:860px){ .two-col{grid-template-columns:1fr;gap:50px;} }

  /* feature rows — Otto-style stacked, not boxed grid */
  .feature-rows{display:grid;gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px;}
  .feature-row{background:var(--bg);padding:44px 0;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
  @media (max-width:760px){ .feature-row{grid-template-columns:1fr;gap:24px;} }
  .feature-row h3{margin-bottom:10px;}
  .feature-row p{font-size:0.95rem;}
  .feature-mock{
    font-family:var(--mono);font-size:12px;color:var(--gold);
    background:var(--bg-raise);border:1px solid var(--line);padding:16px 18px;border-radius:8px;
  }
  .feature-mock .path{color:var(--ink-faint);margin-bottom:8px;display:block;}

  .flow{font-family:var(--mono);font-size:13px;color:var(--ink-dim);border:1px solid var(--line);background:var(--bg-alt);padding:36px;border-radius:10px;overflow-x:auto;}
  .flow-steps{display:flex;align-items:center;flex-wrap:wrap;}
  .flow-step{border:1px solid var(--line);padding:9px 14px;border-radius:20px;color:var(--ink);white-space:nowrap;background:var(--bg-raise);transition:transform .25s var(--ease),border-color .25s;}
  .flow-step:hover{transform:translateY(-3px);border-color:var(--ink-faint);}
  .flow-arrow{color:var(--ink-faint);padding:0 10px;}

  .arch{padding:20px 0;}
  .arch-node{font-family:var(--mono);font-size:13px;text-align:center;border:1px solid var(--line);padding:16px 10px;border-radius:8px;background:var(--bg-alt);color:var(--ink);cursor:pointer;transition:border-color .25s,background .25s,transform .25s var(--ease);}
  .arch-node:hover,.arch-node:focus-visible{border-color:var(--ink-faint);background:var(--bg-raise);transform:translateY(-3px);}
  .arch-node.active{border-color:var(--gold);background:var(--bg-raise);}
  .arch-top{max-width:220px;margin:0 auto 22px;}
  .arch-mid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:640px;margin:0 auto 22px;}
  .arch-single{max-width:260px;margin:0 auto 16px;}
  .node-detail{
    max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;
    font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);text-align:center;
    border-left:1px solid var(--line);border-right:1px solid var(--line);
  }
  .node-detail.open{max-height:120px;padding:12px 8px;}
  .arch-connector{width:1px;height:22px;background:var(--line);margin:0 auto;}
  .arch-detail{margin-top:24px;font-family:var(--mono);font-size:12.5px;color:var(--ink-faint);text-align:center;min-height:20px;transition:opacity .3s;}

  .price-list{margin-top:20px;display:grid;gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .price-row{background:var(--bg);padding:26px 0;display:grid;grid-template-columns:160px 1fr 200px;gap:20px;align-items:center;}
  @media (max-width:700px){ .price-row{grid-template-columns:1fr;gap:8px;} }
  .price-row .metric{font-family:var(--mono);font-size:13px;color:var(--ink-faint);}
  .price-row .val{color:var(--ink);}
  .price-row.servai .val{color:var(--gold);font-weight:500;}

  .hw-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  @media (max-width:900px){ .hw-tiers{grid-template-columns:1fr;} }
  .hw-card{background:var(--bg);padding:36px 30px;transition:background .3s;}
  .hw-card:hover{background:var(--bg-alt);}
  .hw-card .path-label{margin-bottom:16px;}
  .hw-card h3{margin-bottom:10px;}
  .hw-card p{font-size:0.92rem;margin-bottom:14px;}
  .hw-card .spec{font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);}

  .industry-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;justify-content:center;}
  .industry-chip{font-family:var(--mono);font-size:12.5px;padding:9px 16px;border:1px solid var(--line);border-radius:20px;color:var(--ink-dim);transition:border-color .25s,color .25s;}
  .industry-chip:hover{border-color:var(--ink-faint);color:var(--ink);}

  .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--line);margin-top:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  @media (max-width:700px){ .pricing-grid{grid-template-columns:1fr;} }
  .price-card{background:var(--bg);padding:36px 30px;transition:background .3s;}
  .price-card.featured{background:var(--bg-alt);}
  .price-card .tag{font-family:var(--mono);font-size:11px;color:var(--ink-faint);text-transform:uppercase;}
  .price-card h3{margin:10px 0 14px;font-size:1.05rem;}
  .price-card ul{list-style:none;font-size:0.88rem;color:var(--ink-dim);display:grid;gap:8px;margin-top:16px;}
  .price-card ul li{display:flex;gap:6px;align-items:baseline;}
  .price-card ul li::before{content:"—";color:var(--gold);flex-shrink:0;}

  .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:14px;}
  table.compare{width:100%;min-width:520px;border-collapse:collapse;font-size:0.85rem;font-family:var(--sans);}
  table.compare th,table.compare td{border:1px solid var(--line);padding:12px 14px;text-align:left;white-space:nowrap;font-size:0.82rem;}
  table.compare th{font-family:var(--mono);font-size:10.5px;color:var(--gold);text-transform:uppercase;letter-spacing:0.04em;background:var(--bg-alt);font-weight:500;}
  table.compare td{color:var(--ink-dim);font-weight:400;}
  table.compare tr td:first-child{color:var(--ink);font-family:var(--mono);font-size:11px;white-space:normal;}
  @media (max-width:600px){
    table.compare{min-width:460px;}
    table.compare th,table.compare td{padding:9px 10px;font-size:0.75rem;}
  }

  .faq-item{border-bottom:1px solid var(--line);padding:24px 0;}
  .faq-q{font-family:var(--display);font-weight:500;font-size:1.05rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
  .faq-q .plus{font-family:var(--mono);color:var(--ink-faint);transition:transform .3s;}
  .faq-a{max-height:0;overflow:hidden;transition:max-height 0.35s ease;}
  .faq-a p{font-size:0.92rem;padding-top:12px;}
  .faq-item.open .faq-a{max-height:200px;}
  .faq-item.open .plus{transform:rotate(45deg);}

  .eadpag-credit{text-align:center;padding:80px 0;border-top:1px solid var(--line);}
  .eadpag-credit p{margin:0 auto 18px;}

  .final-cta{padding:140px 0;text-align:center;}
  .final-cta h2{margin-bottom:18px;}
  .final-cta p{margin:0 auto 36px;}
  .final-cta .hero-ctas{justify-content:center;}
  .interest-form{max-width:460px;margin:0 auto;}
  .form-row{display:flex;gap:10px;flex-wrap:wrap;}
  .form-row input[type="email"]{
    flex:1;min-width:200px;background:var(--bg-alt);border:1px solid var(--line);color:var(--ink);
    padding:12px 16px;border-radius:6px;font-family:var(--sans);font-size:14px;
  }
  .form-row input[type="email"]:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px;}
  .form-row input[type="email"]::placeholder{color:var(--ink-faint);}
  .form-row .btn{white-space:nowrap;}
  .btn-primary.is-loading{pointer-events:none;opacity:0.85;}
  .btn-primary .btn-spinner{
    display:inline-block;width:13px;height:13px;border:2px solid rgba(22,18,7,0.3);
    border-top-color:#161207;border-radius:50%;vertical-align:middle;margin-right:6px;
    animation:btnSpin 0.7s linear infinite;
  }
  @keyframes btnSpin{to{transform:rotate(360deg);}}
  .btn-primary.is-success{background:#7cc98a;transition:background .3s;}
  .form-row input[type="email"].is-valid{border-color:#7cc98a;}

  footer{border-top:1px solid var(--line);padding:50px 0 40px;}
  .footer-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;}
  .footer-links{display:flex;gap:26px;flex-wrap:wrap;font-size:0.85rem;color:var(--ink-dim);}
  .footer-links a:hover{color:var(--ink);}
  .footer-bottom{margin-top:40px;font-family:var(--mono);font-size:11px;color:var(--ink-faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}

  /* ===== ARTICLE / DOCS PAGES ===== */
  .breadcrumb{font-family:var(--mono);font-size:12px;color:var(--ink-faint);margin-bottom:24px;}
  .breadcrumb a{color:var(--ink-dim);}
  .breadcrumb a:hover{color:var(--gold);}
  .article-hero{padding:150px 0 60px;}
  .article-hero h1{font-size:clamp(2rem,4.5vw,3.2rem);}
  .article-meta{font-family:var(--mono);font-size:12px;color:var(--ink-faint);margin-top:20px;}
  .article-body{max-width:720px;}
  .article-body h2{font-size:1.5rem;margin:48px 0 16px;color:var(--ink);}
  .article-body h3{font-size:1.15rem;margin:32px 0 12px;color:var(--ink);}
  .article-body p{max-width:none;color:var(--ink-dim);margin-bottom:18px;font-size:1rem;line-height:1.7;}
  .article-body ul, .article-body ol{color:var(--ink-dim);margin:0 0 18px 22px;line-height:1.7;}
  .article-body li{margin-bottom:8px;}
  .article-body strong{color:var(--ink);font-weight:600;}
  .article-cta{
    margin-top:50px;padding:28px;border:1px solid var(--line-bright, rgba(200,164,100,0.4));
    border-radius:8px;background:rgba(200,164,100,0.05);
  }
  .article-cta p{color:var(--ink-dim);margin-bottom:16px;}
  .related-docs{display:grid;gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:16px;}
  .related-docs a{background:var(--bg);padding:20px 24px;display:block;color:var(--ink);font-size:0.95rem;transition:background .2s;}
  .related-docs a:hover{background:var(--bg-alt);color:var(--gold);}
  .related-docs a span{display:block;font-family:var(--mono);font-size:11px;color:var(--ink-faint);margin-top:4px;}

  /* ==========================================================
     Verification / Evidence / Cases components  (prefix .vf-)
     Added 2026-08 — reuses existing tokens, no overrides.
     ========================================================== */
  :root{ --ok:#7cc98a; --alert:#d08a7d; color-scheme:dark; }

  .vf-wide{max-width:none;}
  .vf-lede{font-size:1.12rem;color:var(--ink-dim);max-width:64ch;line-height:1.65;margin-bottom:8px;}
  .vf-lede strong{color:var(--ink);font-weight:500;}

  /* run receipt strip */
  .vf-receipt{display:flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:4px;
    background:linear-gradient(180deg,#131315,#0b0b0d);overflow:hidden;margin:26px 0;}
  .vf-receipt .cell{flex:1 1 0;min-width:104px;padding:11px 14px;border-right:1px solid var(--line);}
  .vf-receipt .cell:last-child{border-right:none;}
  .vf-receipt .k{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;
    text-transform:uppercase;color:var(--ink-faint);margin-bottom:3px;white-space:nowrap;}
  .vf-receipt .v{display:block;font-family:var(--mono);font-size:15px;color:var(--ink);
    font-variant-numeric:tabular-nums;}
  .vf-receipt .v.ok{color:var(--ok);} .vf-receipt .v.gold{color:var(--gold);}
  .vf-receipt .v.alert{color:var(--alert);}
  .vf-receipt .foot{width:100%;padding:7px 14px;border-top:1px solid var(--line);background:#08080a;
    font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#45443f;}

  /* gate list */
  .vf-group{margin-top:52px;}
  .vf-group-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;
    padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,0.14);margin-bottom:2px;}
  .vf-group-head .n{font-family:var(--mono);font-size:11px;letter-spacing:.11em;
    text-transform:uppercase;color:var(--gold);}
  .vf-group-head .t{font-family:var(--display);font-size:1.25rem;font-weight:500;letter-spacing:-.015em;}
  .vf-group-head .c{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--ink-faint);}
  .vf-gate{display:grid;grid-template-columns:34px minmax(150px,1fr) 2fr;gap:0 22px;
    padding:17px 0;border-bottom:1px solid var(--line);align-items:start;}
  .vf-gate .num{font-family:var(--mono);font-size:12px;color:var(--ink-faint);padding-top:2px;
    font-variant-numeric:tabular-nums;}
  .vf-gate .name{color:var(--ink);font-weight:600;font-size:0.97rem;}
  .vf-gate .rule{color:var(--ink-dim);font-size:0.97rem;line-height:1.62;}
  .vf-gate .rule b{color:var(--ink);font-weight:500;}

  /* two-up and four-up panels */
  .vf-pair{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);
    border:1px solid var(--line);border-radius:4px;margin-top:52px;overflow:hidden;}
  .vf-pair>div{background:var(--bg-alt);padding:clamp(22px,3.4vw,36px);}
  .vf-pair h3{margin-bottom:12px;font-size:1.22rem;color:var(--ink);}
  .vf-pair p{margin:0;max-width:none;font-size:0.97rem;}
  .vf-tag{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.13em;
    text-transform:uppercase;color:var(--gold);margin-bottom:14px;}
  .vf-quad{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
    border:1px solid var(--line);border-radius:4px;margin-top:40px;overflow:hidden;}
  .vf-quad>div{background:var(--bg-alt);padding:22px 18px;}
  .vf-quad .s{font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;
    color:var(--ink-faint);display:block;margin-bottom:9px;}
  .vf-quad p{margin:0;max-width:none;font-size:0.9rem;}
  .vf-quad b{color:var(--ink);font-weight:500;}
  .vf-quad .big{font-family:var(--mono);font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:500;
    letter-spacing:-.03em;font-variant-numeric:tabular-nums;display:block;line-height:1;color:var(--ink);}
  .vf-quad .cap{display:block;margin-top:10px;font-size:0.85rem;color:var(--ink-dim);}
  .vf-quad .cap b{color:var(--ink);}

  /* tables */
  .vf-table{width:100%;border-collapse:collapse;font-size:0.88rem;margin-top:18px;}
  .vf-table th{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;
    color:var(--ink-faint);text-align:left;font-weight:400;padding:0 10px 10px 0;
    border-bottom:1px solid rgba(255,255,255,0.14);}
  .vf-table td{padding:11px 10px 11px 0;border-bottom:1px solid var(--line);color:var(--ink-dim);
    vertical-align:top;}
  .vf-table td.f{color:var(--ink);}
  .vf-table td.n,.vf-table th.n{font-family:var(--mono);font-variant-numeric:tabular-nums;
    text-align:right;padding-right:0;color:var(--ink);}
  .vf-cite{font-family:var(--mono);font-size:10.5px;color:var(--ink-faint);}
  .vf-badge{font-family:var(--mono);font-size:9px;letter-spacing:.11em;text-transform:uppercase;
    padding:2px 7px;border-radius:3px;white-space:nowrap;display:inline-block;}
  .vf-badge.ok{color:var(--ok);border:1px solid rgba(124,201,138,.32);}
  .vf-badge.gold{color:var(--gold);border:1px solid rgba(200,164,100,.36);}
  .vf-badge.alert{color:var(--alert);border:1px solid rgba(208,138,125,.34);}

  /* case cards */
  .vf-cases{display:grid;gap:22px;margin-top:48px;}
  .vf-case{border:1px solid var(--line);border-radius:4px;background:var(--bg-alt);overflow:hidden;}
  .vf-case .body{padding:clamp(22px,3.4vw,34px);}
  .vf-case .sector{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;
    text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
  .vf-case h3{font-family:var(--display);font-size:clamp(1.15rem,2.4vw,1.55rem);
    letter-spacing:-.02em;line-height:1.22;margin-bottom:10px;color:var(--ink);max-width:28ch;}
  .vf-case .who{font-size:0.95rem;margin:0 0 24px;max-width:66ch;}
  .vf-case .vf-receipt{margin:0;border:none;border-bottom:1px solid var(--line);border-radius:0;}
  .vf-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:22px;
    border-top:1px solid var(--line);}
  .vf-grid3 .lbl{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;
    text-transform:uppercase;color:var(--ink-faint);margin-bottom:11px;}
  .vf-grid3 ul{margin:0 0 0 16px;padding:0;color:var(--ink-dim);font-size:0.87rem;line-height:1.6;}
  .vf-grid3 li{margin-bottom:6px;}
  .vf-grid3 li b{color:var(--ink);font-weight:500;}
  .vf-run{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);}
  .vf-run .lbl{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;
    text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px;}
  .vf-step{display:grid;grid-template-columns:26px 1fr auto;gap:16px;align-items:start;
    padding:12px 0;border-bottom:1px dashed var(--line);}
  .vf-step:last-child{border-bottom:none;}
  .vf-step .i{font-family:var(--mono);font-size:11px;color:var(--ink-faint);padding-top:3px;
    font-variant-numeric:tabular-nums;}
  .vf-step .txt{font-size:0.9rem;color:var(--ink-dim);line-height:1.6;}
  .vf-step .txt b{color:var(--ink);font-weight:500;}
  .vf-step .vf-badge{align-self:center;}

  /* notes and stamps */
  .vf-note{border-left:2px solid var(--gold);background:var(--bg-raise);padding:16px 18px;
    margin-top:20px;font-size:0.95rem;color:var(--ink-dim);line-height:1.65;}
  .vf-note b{color:var(--ink);font-weight:500;}
  .vf-note.alert{border-left-color:var(--alert);}
  .vf-stamp{margin-top:34px;border-top:1px solid var(--line);padding-top:16px;
    font-family:var(--mono);font-size:11px;color:var(--ink-faint);line-height:1.7;max-width:82ch;}
  .vf-more{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);
    border:1px solid var(--line);border-radius:4px;margin-top:28px;overflow:hidden;}
  .vf-more>div{background:var(--bg-alt);padding:24px 22px;}
  .vf-more h3{font-size:1rem;margin-bottom:8px;color:var(--ink);}
  .vf-more p{margin:0 0 14px;font-size:0.88rem;max-width:none;}
  .vf-mini{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:10px;
    letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);}
  .vf-mini b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums;}

  @media (max-width:900px){
    .vf-pair,.vf-more{grid-template-columns:1fr;}
    .vf-quad{grid-template-columns:repeat(2,1fr);}
    .vf-grid3{grid-template-columns:1fr;gap:20px;}
    .vf-gate{grid-template-columns:26px 1fr;gap:0 14px;}
    .vf-gate .rule{grid-column:2;margin-top:5px;}
    .vf-receipt .cell{min-width:50%;flex:1 1 50%;}
    .vf-step{grid-template-columns:22px 1fr;}
    .vf-step .vf-badge{grid-column:2;justify-self:start;margin-top:7px;}
    .vf-table thead{display:none;}
    .vf-table tr{display:block;border-bottom:1px solid var(--line);padding:12px 0;}
    .vf-table td{display:block;border:none;padding:3px 0;}
    .vf-table td.n{text-align:left;}
  }

  @media (max-width:1080px){ .nav-links{gap:24px;} }

/* ===== RTL SUPPORT (Arabic pages only, scoped via [dir="rtl"]) ===== */
[dir="rtl"]{font-family:'Cairo','IBM Plex Sans',system-ui,sans-serif;}
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] .logo{font-family:'Reem Kufi','Cairo',sans-serif;}
[dir="rtl"] .nav-links{flex-direction:row-reverse;}
[dir="rtl"] nav{flex-direction:row-reverse;}
[dir="rtl"] .nav-right{flex-direction:row-reverse;}
[dir="rtl"] .two-col{direction:rtl;}
[dir="rtl"] .feature-row{direction:rtl;}
[dir="rtl"] .mode-row{direction:rtl;}
[dir="rtl"] .mode-row.reverse{direction:rtl;}
[dir="rtl"] .breadcrumb, [dir="rtl"] .path-label{text-align:right;}
[dir="rtl"] .article-body{direction:rtl;text-align:right;}
[dir="rtl"] .faq-q{flex-direction:row-reverse;}
[dir="rtl"] .price-card ul li{flex-direction:row-reverse;}
[dir="rtl"] .footer-grid{direction:rtl;}
[dir="rtl"] .footer-links{flex-direction:row-reverse;}
[dir="rtl"] .footer-bottom{direction:rtl;}
[dir="rtl"] .hero-ctas{direction:rtl;}
[dir="rtl"] .industry-row{direction:rtl;}

/* ===== Previously undefined shared components (affected EN + AR) ===== */
.hero-specs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 0;margin-top:26px;font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:var(--ink-faint);}
.hero-specs span{padding:0 14px;position:relative;}
.hero-specs span+span::before{content:"·";position:absolute;left:-2px;top:0;opacity:.55;}
[dir="rtl"] .hero-specs span+span::before{left:auto;right:-2px;}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:42px;}
.card{border:1px solid var(--line);border-radius:14px;padding:26px;background:rgba(255,255,255,0.02);}
.card h3{font-family:var(--display);font-weight:600;font-size:1.02rem;margin-bottom:10px;color:var(--ink);}
.card p{font-size:0.92rem;color:var(--ink-dim);line-height:1.65;}
.card-link{color:var(--gold);font-size:0.9rem;}
.feature-list{list-style:none;margin-top:28px;display:grid;gap:0;}
.feature-list li{font-size:0.95rem;color:var(--ink-dim);padding:16px 0;border-bottom:1px solid var(--line);}
.feature-list li:last-child{border-bottom:none;}
.feature-list b{color:var(--ink);font-weight:600;}
.faq-list{margin-top:30px;}

/* --- header polish: no wrapping, breathing room between logo and nav --- */
.nav-right .btn{white-space:nowrap;padding:11px 18px;font-size:13px;line-height:1;}
.nav-product{white-space:nowrap;}
nav{gap:clamp(16px,3vw,44px);}
.nav-links{flex-wrap:nowrap;}
.nav-links a{white-space:nowrap;}
@media (max-width:860px){ .nav-links a{white-space:normal;} }

/* --- nav fits 9 items without crowding the logo --- */
@media (max-width:1400px){ .nav-links{gap:22px;font-size:0.86rem;} }
@media (max-width:1150px){ .nav-links{gap:15px;font-size:0.8rem;} }
@media (max-width:1000px){ .nav-links{gap:12px;font-size:0.76rem;} }
.logo{flex:0 0 auto;}
.nav-right{flex:0 0 auto;}

/* --- nav now carries 10 items: tighten earlier so nothing crowds the logo --- */
@media (max-width:1500px){ .nav-links{gap:19px;font-size:0.84rem;} }
@media (max-width:1300px){ .nav-links{gap:14px;font-size:0.79rem;} }
@media (max-width:1120px){ .nav-links{gap:11px;font-size:0.74rem;} }

/* ══════════════════════════════════════════════════════════
   DEPTH LAYER  —  additive only. No existing selector is
   modified, so every page keeps its current rendering until
   it opts in by using a .dp-* class.

   Why this exists: on #000000 a box-shadow is invisible, so
   the only depth tool left was a 1px border. These primitives
   rebuild depth from what does read on black — layered
   gradient fills, a rim light on the top edge only, and large
   soft ambient glows.
   ══════════════════════════════════════════════════════════ */

.dp-panel{
  background:linear-gradient(158deg,#17171b 0%,#0b0b0e 62%,#070709 100%);
  border-radius:14px;position:relative;overflow:hidden;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(0,0,0,.6),
    0 2px 4px rgba(0,0,0,.6),
    0 40px 80px -34px rgba(0,0,0,1);
}
.dp-panel::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 80% at 18% 0%,rgba(200,164,100,.09),transparent 58%);
}
.dp-ambient{
  position:absolute;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle,rgba(200,164,100,.15),transparent 68%);
  filter:blur(60px);
}
.dp-ambient + *{position:relative;z-index:1;}

/* ---- Colonnade: the five governance defaults ------------- */
.dp-entab{height:5px;border-radius:3px;margin-bottom:0;
  background:linear-gradient(90deg,transparent,rgba(200,164,100,.55),transparent);}
.dp-colonnade{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;align-items:end;}
.dp-col{position:relative;padding-top:74px;}
.dp-col .shaft{
  position:absolute;top:0;left:50%;width:52px;height:96px;margin-left:-26px;
  border-radius:4px 4px 0 0;
  background:linear-gradient(100deg,#3a3020 0%,#c8a464 42%,#6d5730 72%,#241d12 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 22px 36px -20px rgba(200,164,100,.5);
}
.dp-col .cap{
  position:absolute;top:-9px;left:50%;width:76px;height:14px;margin-left:-38px;
  border-radius:3px;background:linear-gradient(100deg,#4a3d26,#dcbc85 45%,#5c4a2c);
  box-shadow:0 4px 10px rgba(0,0,0,.7);
}
.dp-col .card{padding:22px 18px;min-height:172px;}
.dp-col h3{margin-bottom:10px;font-size:.98rem;}
.dp-col p{font-size:.82rem;line-height:1.55;color:var(--ink-faint);max-width:none;}

/* ---- The thirteen gates --------------------------------- */
.dp-gate-stage{height:520px;position:relative;overflow:hidden;
  perspective:1500px;perspective-origin:50% 46%;}
.dp-gate-stack{position:absolute;inset:0;transform:rotateX(58deg) rotateZ(-42deg);
  transform-style:preserve-3d;}
.dp-plate{
  position:absolute;left:50%;top:50%;width:236px;height:236px;margin:-118px 0 0 -118px;
  border-radius:6px;transform-style:preserve-3d;
  background:linear-gradient(135deg,rgba(190,200,215,.13),rgba(120,130,145,.05));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 0 0 1px rgba(0,0,0,.4),0 14px 26px -14px rgba(0,0,0,.9);
}
.dp-plate::before{
  content:'';position:absolute;inset:16px;border-radius:3px;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.11) 0 1px,transparent 1px 13px),
             repeating-linear-gradient(0deg,rgba(255,255,255,.11) 0 1px,transparent 1px 13px);
}
.dp-plate.blind{
  background:linear-gradient(135deg,rgba(200,164,100,.20),rgba(200,164,100,.05));
  border-color:rgba(200,164,100,.5);
  box-shadow:0 0 34px rgba(200,164,100,.22),0 14px 26px -14px rgba(0,0,0,.9);
}
.dp-plate.halt{
  background:linear-gradient(135deg,rgba(208,138,125,.26),rgba(208,138,125,.06));
  border-color:rgba(208,138,125,.62);
  box-shadow:0 0 44px rgba(208,138,125,.3),0 14px 26px -14px rgba(0,0,0,.9);
}
.dp-token{
  position:absolute;left:50%;top:50%;width:32px;height:32px;margin:-16px 0 0 -16px;
  border-radius:4px;background:linear-gradient(150deg,var(--gold-bright),#8c6a34);
  box-shadow:0 0 26px rgba(236,203,140,.55);
  animation:dpDrop 5.2s var(--ease) infinite;
}
@keyframes dpDrop{
  0%{transform:translateZ(410px);opacity:0}
  8%{opacity:1}
  62%{transform:translateZ(120px);opacity:1}
  70%{transform:translateZ(120px);background:linear-gradient(150deg,#e8a894,#a3564a);
      box-shadow:0 0 30px rgba(208,138,125,.7)}
  86%{transform:translateZ(410px);opacity:.9;background:linear-gradient(150deg,#e8a894,#a3564a)}
  100%{transform:translateZ(410px);opacity:0}
}
.dp-band{position:absolute;right:-4px;font-family:var(--mono);font-size:10px;
  letter-spacing:.1em;color:var(--ink-faint);white-space:nowrap;z-index:2;}
.dp-band b{color:var(--ink);font-weight:500;display:block;font-size:11.5px;letter-spacing:.04em;}
[dir="rtl"] .dp-band{right:auto;left:-4px;text-align:right;}

/* ---- Depth for the existing four-phase builder ----------- */
.builder-step.dp-lift{
  background:linear-gradient(158deg,#17171b 0%,#0b0b0e 62%,#070709 100%);
  border-radius:14px;padding:24px 22px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(0,0,0,.6),
    0 30px 60px -30px rgba(0,0,0,1);
}
.builder-step.dp-lift.is-gate{
  box-shadow:
    inset 0 1px 0 rgba(200,164,100,.4),
    inset 0 -1px 0 rgba(0,0,0,.6),
    0 30px 60px -24px rgba(200,164,100,.28);
}

/* ---- Responsive ----------------------------------------- */
@media(max-width:900px){
  /* The colonnade is one object, not five. Below a single row
     the entablature is gone, so the shafts stop meaning
     anything and just repeat down the page. Drop them and keep
     a gold rim so the cards still read as one system. */
  .dp-entab{display:none;}
  .dp-colonnade{grid-template-columns:1fr;gap:12px;}
  .dp-col{padding-top:0;}
  .dp-col .cap,.dp-col .shaft{display:none;}
  .dp-col .card{min-height:0;padding:20px 20px 22px;border-top:2px solid transparent;
    border-image:linear-gradient(90deg,var(--gold),rgba(200,164,100,.06)) 1;}
  [dir="rtl"] .dp-col .card{
    border-image:linear-gradient(270deg,var(--gold),rgba(200,164,100,.06)) 1;}
  .dp-gate-stage{height:380px;}
  .dp-band{display:none;}
}
@media(max-width:560px){
  .dp-gate-stage{height:300px;perspective:2600px;}
  .dp-plate{width:150px;height:150px;margin:-75px 0 0 -75px;}
}
@media (prefers-reduced-motion: reduce){
  .dp-token{animation:none;transform:translateZ(120px);}
}

/* ---- Verification: gate list bound to the stack ---------- */
.dp-gatelay{display:grid;grid-template-columns:1fr 340px;gap:56px;align-items:start;}
.dp-gateaside{position:sticky;top:104px;}
.dp-gate-stage--tall{height:460px;}
.dp-gate-legend{margin-top:18px;font-family:var(--mono);font-size:10.5px;line-height:1.8;
  color:var(--ink-faint);border-top:1px solid var(--line);padding-top:14px;}
.dp-gate-legend b{color:var(--ink);font-weight:500;}
.dp-gate-legend .cue{color:var(--gold);}

/* a row and its plate are the same object, so they light together */
.vf-gate[data-gate]{cursor:default;transition:background .25s var(--ease);
  margin:0 -14px;padding-left:14px;padding-right:14px;border-radius:6px;}
.vf-gate[data-gate]:hover,.vf-gate[data-gate].lit{background:rgba(200,164,100,.05);}
.vf-gate[data-gate]:hover .num,.vf-gate[data-gate].lit .num{color:var(--gold);}
.dp-plate.lit{
  background:linear-gradient(135deg,rgba(236,203,140,.30),rgba(200,164,100,.08));
  border-color:rgba(236,203,140,.75);
  box-shadow:0 0 46px rgba(236,203,140,.34),0 14px 26px -14px rgba(0,0,0,.9);
}
.dp-stack-idle .dp-token{animation:dpDrop 5.2s var(--ease) infinite;}
.dp-stack-held .dp-token{animation:none;opacity:0;}

.vf-pair.dp-lift{border:none;background:transparent;gap:20px;}
.vf-pair.dp-lift>div{
  background:linear-gradient(158deg,#17171b 0%,#0b0b0e 62%,#070709 100%);border-radius:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 30px 60px -30px rgba(0,0,0,1);
}
.vf-pair.dp-lift>div.is-13th{box-shadow:inset 0 1px 0 rgba(200,164,100,.4),
  0 30px 60px -24px rgba(200,164,100,.26);}

@media(max-width:1000px){
  .dp-gatelay{grid-template-columns:1fr;gap:34px;}
  .dp-gateaside{position:static;order:-1;}
  .dp-gate-stage--tall{height:360px;}
  .dp-gate-legend{max-width:none;}
}

/* ---- Security: sectioned spine + secure-action track ----- */
.dp-sec{margin-top:34px;}
.dp-sec > .dp-sechead{display:flex;align-items:baseline;gap:14px;
  padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:20px;}
.dp-sec > .dp-sechead .ix{font-family:var(--mono);font-size:11px;letter-spacing:.11em;
  color:var(--gold);}
.article-body .dp-sec h2{margin:0;font-size:1.3rem;}

/* the anatomy of a secure action */
.dp-anatomy{display:grid;grid-template-columns:1fr auto 1fr 1fr;gap:14px;align-items:stretch;
  margin:30px 0 8px;}
.dp-stage{
  background:linear-gradient(158deg,#17171b,#0a0a0d);border-radius:12px;padding:20px 18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 26px 50px -28px rgba(0,0,0,1);
}
.dp-stage .lbl{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--ink-faint);margin-bottom:9px;}
.dp-stage h4{font-family:var(--display);font-size:1rem;font-weight:500;color:var(--ink);
  margin-bottom:7px;}
.dp-stage p{font-size:.85rem;color:var(--ink-dim);margin:0;max-width:none;line-height:1.55;}
.dp-halt{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  padding:20px 16px;border-radius:12px;min-width:118px;
  background:linear-gradient(158deg,rgba(200,164,100,.16),rgba(200,164,100,.03));
  box-shadow:inset 0 1px 0 rgba(200,164,100,.42),0 26px 50px -26px rgba(200,164,100,.4);
}
.dp-halt .bar{width:46px;height:8px;border-radius:2px;
  background:repeating-linear-gradient(115deg,var(--gold) 0 7px,#2b2214 7px 14px);}
.dp-halt .t{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold);text-align:center;line-height:1.5;}
.dp-anatomy-note{font-family:var(--mono);font-size:11px;color:var(--ink-faint);
  padding-left:14px;border-left:2px solid rgba(200,164,100,.45);margin-top:14px;}
@media(max-width:820px){
  .dp-anatomy{grid-template-columns:1fr;}
  .dp-halt{flex-direction:row;min-width:0;justify-content:flex-start;gap:14px;}
  .dp-halt .t{text-align:left;}
}

/* ══ sector & capability heroes ═══════════════════════════════════
 * The hero is the product doing its one distinctive thing: resolving a
 * seat into a bounded set of abilities, with the two it may never have
 * struck out. Pure CSS — this box may have no internet.
 */
.sx-hero{padding:130px 0 70px;position:relative;overflow:hidden;}
.sx-hero::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(680px 380px at 78% 26%,rgba(200,164,100,.09),transparent 68%);}
.sx-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center;position:relative;z-index:1;}
.sx-copy h1{font-size:clamp(2.3rem,5.4vw,3.6rem);line-height:1.06;letter-spacing:-.02em;margin:14px 0 20px;}
.sx-copy .sx-sub{color:var(--ink-dim);font-size:clamp(1rem,1.6vw,1.12rem);max-width:46ch;line-height:1.62;}
.sx-ctas{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap;}

/* the ledger */
.sx-ledger{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#0c0c0c,#070707);
  padding:22px;font-family:var(--mono);font-size:12.5px;box-shadow:0 30px 70px -40px #000;}
.sx-ledger-top{display:flex;justify-content:space-between;align-items:center;color:var(--ink-faint);
  font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding-bottom:14px;border-bottom:1px solid var(--line);}
.sx-live{display:inline-flex;align-items:center;gap:7px;color:var(--gold);}
.sx-live i{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:sxPulse 2.1s ease-in-out infinite;}
@keyframes sxPulse{0%,100%{opacity:.28;}50%{opacity:1;}}

.sx-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.045);
  opacity:0;transform:translateY(9px);animation:sxIn .62s var(--ease) forwards;}
.sx-row:last-child{border-bottom:0;}
@keyframes sxIn{to{opacity:1;transform:none;}}
.sx-row .k{color:var(--ink);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sx-row .v{font-size:10px;letter-spacing:.07em;text-transform:uppercase;padding:3px 9px;border-radius:20px;
  border:1px solid var(--line);color:var(--ink-dim);white-space:nowrap;}
.sx-row.ok .v{color:var(--gold);border-color:rgba(200,164,100,.4);background:rgba(200,164,100,.07);}
.sx-row.wait .v{color:var(--ink-dim);}
.sx-row.no{opacity:0;animation:sxIn .62s var(--ease) forwards;}
.sx-row.no .k{color:var(--ink-faint);text-decoration:line-through;text-decoration-thickness:1px;}
.sx-row.no .v{color:var(--ink-faint);border-style:dashed;}

.sx-why{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);color:var(--ink-dim);font-size:11.5px;
  opacity:0;animation:sxIn .7s var(--ease) 1.9s forwards;}
.sx-why b{color:var(--ink);font-weight:500;}
.sx-why .ar{color:var(--ink-faint);padding:0 5px;}

@media (max-width:900px){
  .sx-hero{padding:104px 0 54px;}
  .sx-grid{grid-template-columns:1fr;gap:38px;}
  .sx-copy .sx-sub{max-width:none;}
  .sx-ctas .btn{flex:1 1 auto;text-align:center;}
  .sx-ledger{padding:18px;font-size:11.5px;}
}
@media (prefers-reduced-motion: reduce){
  .sx-row,.sx-why{animation:none;opacity:1;transform:none;}
  .sx-live i{animation:none;opacity:1;}
}

/* sector cards on /solutions/ */
.sx-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:18px;}
.sx-card{display:block;border:1px solid var(--line);border-radius:12px;background:var(--bg-alt);padding:26px 24px;
  transition:border-color .3s var(--ease),transform .3s var(--ease),background .3s;position:relative;overflow:hidden;}
.sx-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--line);transition:background .3s;}
.sx-card:hover{border-color:rgba(255,255,255,.16);transform:translateY(-4px);background:var(--bg-raise);}
.sx-card:hover::before{background:var(--gold);}
.sx-card.live::before{background:var(--gold);}
.sx-card .st{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);}
.sx-card.live .st{color:var(--gold);}
.sx-card h3{margin:12px 0 8px;font-size:1.22rem;}
.sx-card p{color:var(--ink-dim);font-size:14px;line-height:1.6;margin:0;}
.sx-card .go{margin-top:16px;font-family:var(--mono);font-size:11px;color:var(--ink-faint);letter-spacing:.06em;}
.sx-card:hover .go{color:var(--gold);}

/* ══ app screens ══════════════════════════════════════════════════
 * Representations of the actual ServAI interface, built in HTML so they
 * stay readable at any width and never go stale as a screenshot would.
 * Every label here matches a real state name in the product.
 */
.ap{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#080808;
  box-shadow:0 34px 74px -44px #000;font-family:var(--sans);}
.ap-bar{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#101010;border-bottom:1px solid var(--line);}
.ap-dot{width:9px;height:9px;border-radius:50%;background:#2a2a2a;}
.ap-url{flex:1;text-align:center;font-family:var(--mono);font-size:10.5px;color:var(--ink-faint);
  background:#0a0a0a;border:1px solid var(--line);border-radius:6px;padding:4px 10px;}
.ap-body{padding:20px 18px;}
.ap-tabs{display:flex;gap:16px;font-size:12px;color:var(--ink-faint);border-bottom:1px solid var(--line);
  padding-bottom:11px;margin-bottom:18px;overflow-x:auto;}
.ap-tabs b{color:var(--ink);font-weight:500;border-bottom:1.5px solid var(--gold);padding-bottom:11px;margin-bottom:-12px;}
.ap-h{font-size:15px;color:var(--ink);margin-bottom:4px;font-weight:600;}
.ap-sub{font-size:12px;color:var(--ink-dim);margin-bottom:18px;}

.ap-tally{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:20px;}
.ap-tally div span{display:block;}
.ap-tally .n{font-size:22px;font-weight:650;color:var(--ink);line-height:1.1;}
.ap-tally .k{font-family:var(--mono);font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);margin-top:3px;}

.ap-cap{border:1px solid var(--line);border-radius:9px;padding:13px 14px;margin-bottom:9px;background:#0b0b0b;}
.ap-cap.blocked{border-color:rgba(155,34,38,.4);background:rgba(155,34,38,.05);}
.ap-cap-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.ap-id{font-family:var(--mono);font-size:12px;color:var(--ink);font-weight:500;}
.ap-verb{font-family:var(--mono);font-size:10.5px;color:var(--ink-faint);}
.ap-pill{font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;
  border:1px solid var(--line);border-radius:20px;padding:2px 8px;color:var(--ink-dim);white-space:nowrap;}
.ap-pill.core{color:#8fa8c8;border-color:rgba(143,168,200,.3);}
.ap-pill.base{color:#a99cc0;border-color:rgba(169,156,192,.3);}
.ap-pill.pack{color:var(--gold);border-color:rgba(200,164,100,.35);}
.ap-why{font-family:var(--mono);font-size:11px;color:var(--ink-dim);margin-top:9px;}
.ap-why b{color:var(--ink);font-weight:500;}
.ap-why i{font-style:normal;color:var(--ink-faint);padding:0 5px;}
.ap-btns{display:flex;gap:7px;margin-top:11px;}
.ap-btn{font-size:11px;border:1px solid var(--line);border-radius:6px;padding:5px 13px;color:var(--ink-dim);background:transparent;}
.ap-btn.on{background:var(--gold);border-color:var(--gold);color:#000;font-weight:600;}
.ap-state{font-size:11px;font-weight:600;margin-left:auto;}
.ap-state.ok{color:#4e9e6a;} .ap-state.wait{color:var(--gold);} .ap-state.no{color:#c05a5e;}

.ap-note{border:1px solid rgba(200,164,100,.3);background:rgba(200,164,100,.05);border-radius:9px;
  padding:13px 14px;font-size:12px;color:var(--ink-dim);margin-bottom:16px;}
.ap-note b{color:var(--gold);}
.ap-line{display:flex;gap:12px;font-size:11.5px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04);}
.ap-line span:first-child{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;
  color:var(--ink-faint);min-width:112px;flex-shrink:0;}
.ap-line span:last-child{color:var(--ink-dim);}
.ap-cta{margin-top:16px;display:flex;gap:8px;align-items:center;}
.ap-primary{background:#f5f3ef;color:#000;font-size:11.5px;font-weight:600;border-radius:7px;padding:8px 16px;}
.ap-dis{font-size:11px;color:var(--ink-faint);}

.ap-caption{font-family:var(--mono);font-size:11px;color:var(--ink-faint);text-align:center;margin-top:14px;letter-spacing:.03em;}
.ap-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start;}
@media (max-width:860px){.ap-pair{grid-template-columns:1fr;gap:34px;}.ap-body{padding:16px 14px;}.ap-tally{gap:16px;}}

/* ══ breathing room ═══════════════════════════════════════════════
 * These pages were reading like documentation: too many words per
 * screen and not enough silence between them. Fewer words is a copy
 * decision; the rest is spacing and scale.
 */
.sx-hero + .section, .section + .section{padding-top:104px;}
.section-head{margin-bottom:52px;}
.section-head h2{font-size:clamp(1.9rem,4.2vw,2.9rem);line-height:1.1;letter-spacing:-.02em;max-width:19ch;}
.section-head .path-label{margin-bottom:20px;}
.section-head p{font-size:clamp(1rem,1.5vw,1.08rem);line-height:1.65;}
.wrap > .section-head{margin-left:auto;margin-right:auto;}

/* centred sections read as statements; left-aligned read as manuals */
.sx-statement{text-align:center;}
.sx-statement h2{margin-left:auto;margin-right:auto;}
.sx-statement p{margin-left:auto;margin-right:auto;}

.ap-caption{margin-top:18px;}
.sx-cards{gap:20px;}
.sx-card{padding:30px 26px;}
.sx-card h3{font-size:1.3rem;}

@media (max-width:900px){
  .sx-hero + .section, .section + .section{padding-top:68px;}
  .section-head{margin-bottom:36px;}
  .section-head h2{max-width:none;}
  .ap-pair{gap:30px;}
}


/* ServAI customer feedback UI — replaces native browser dialogs */
.servai-modal-layer{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.servai-modal-layer.is-open{display:flex}
.servai-modal{width:min(520px,100%);background:#090909;border:1px solid #2b2b2b;border-radius:22px;padding:26px;box-shadow:0 26px 90px rgba(0,0,0,.55);color:#f4f4f2}
.servai-modal-mark{width:38px;height:38px;border:1px solid #3b3428;border-radius:12px;display:grid;place-items:center;color:#c8a464;margin-bottom:20px;font-weight:800}
.servai-modal-kicker{font:11px var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:#c8a464;margin-bottom:8px}
.servai-modal h2{margin:0 0 10px;font-size:clamp(24px,5vw,34px);line-height:1.08;color:#f4f4f2}
.servai-modal p{margin:0;color:#929296;font-size:16px;line-height:1.6}
.servai-modal-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}
.servai-modal-actions button,.servai-modal-actions a{appearance:none;border-radius:11px;padding:13px 18px;font:600 14px/1 inherit;cursor:pointer;text-decoration:none;text-align:center}
.servai-modal-primary{border:0;background:#f2f2ef;color:#080808}
.servai-modal-secondary{border:1px solid #303030;background:#111;color:#b7b7ba}
.servai-inline-error{display:block;margin-top:8px;color:#e9a08f;font-size:13px;line-height:1.4}
.servai-field-invalid{border-color:#8b4a40!important;box-shadow:0 0 0 1px #8b4a40!important}
.servai-form-status{display:none;margin-top:12px;border-left:2px solid #c8a464;background:#0a0a0a;color:#aaa;padding:11px 13px;font-size:13px;line-height:1.5}
.servai-form-status.is-visible{display:block}
.servai-form-status.is-error{border-left-color:#c36e5c;color:#d8a096}
.servai-toast-stack{position:fixed;right:18px;bottom:18px;z-index:100000;display:grid;gap:10px;max-width:min(390px,calc(100vw - 36px))}
.servai-toast{background:#0b0b0b;border:1px solid #2c2c2c;border-radius:14px;padding:14px 16px;color:#ececea;box-shadow:0 18px 50px rgba(0,0,0,.45);animation:servaiToastIn .2s ease-out}
.servai-toast small{display:block;color:#888;margin-top:4px;line-height:1.4}
@keyframes servaiToastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:600px){.servai-modal-layer{align-items:flex-end;padding:12px}.servai-modal{border-radius:20px;padding:22px}.servai-modal-actions{display:grid;grid-template-columns:1fr}.servai-modal-actions button,.servai-modal-actions a{width:100%}}

/* ===== sector page visual (was undefined) ===== */
.sx-visual{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;}
@media (max-width:900px){ .sx-visual{margin-top:34px;} }

/* --- brand block keeps its English left-to-right setting on RTL pages,
       so the wordmark and the tagline share one edge --- */
[dir="rtl"] nav > div:first-child{direction:ltr;text-align:left;}
[dir="rtl"] nav > div:first-child .logo{display:inline-block;}
[dir="rtl"] .nav-product{direction:ltr;text-align:left;}

/* ServAI shared mobile header consistency — 2026-08-14 */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
@media (max-width:600px){
  header nav{height:72px;min-height:72px;padding:12px 16px!important;gap:8px!important;}
  header nav>div:first-child{flex:0 0 auto;min-width:88px;max-width:96px;}
  header .logo{font-size:19px!important;line-height:1!important;white-space:nowrap;}
  header .nav-product{font-size:7px!important;line-height:1.15!important;margin-top:4px!important;white-space:nowrap!important;letter-spacing:0!important;}
  header .nav-right{gap:6px!important;flex:0 0 auto;}
  header .mobile-menu-btn{font-size:19px!important;padding:3px 5px!important;}
  header .lang-toggle,header .lang-toggle-link{font-size:10px!important;padding:5px 7px!important;line-height:1!important;}
  header .nav-right .btn{font-size:11px!important;line-height:1.1!important;padding:9px 10px!important;white-space:nowrap!important;min-width:0!important;width:auto!important;}
}


/* SERVAI NAVIGATION IA 2026-08-16 */
.nav-mega{align-items:center;gap:6px!important;overflow:visible;}
.nav-group{position:relative;display:flex;align-items:center;}
.nav-trigger,.nav-direct{font-family:var(--sans);font-size:13px;color:var(--ink-dim);background:transparent;border:0;padding:9px 10px;border-radius:6px;cursor:pointer;white-space:nowrap;text-decoration:none;transition:color .2s,background .2s;}
.nav-trigger::after{content:'⌄';font-size:10px;margin-left:5px;color:var(--ink-faint);}
[dir="rtl"] .nav-trigger::after{margin-left:0;margin-right:5px;}
.nav-trigger:hover,.nav-trigger:focus-visible,.nav-direct:hover,.nav-direct[aria-current="page"],.nav-group.active>.nav-trigger{color:var(--ink);background:rgba(255,255,255,.045);outline:none;}
.nav-menu{position:absolute;top:calc(100% + 14px);left:0;width:290px;padding:10px;background:rgba(10,10,10,.98);backdrop-filter:blur(22px);border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:90;}
.nav-menu::before{content:'';position:absolute;left:0;right:0;top:-16px;height:16px;}
.nav-menu-wide{width:335px;}
.nav-menu-right{left:auto;right:0;}
.nav-group:hover>.nav-menu,.nav-group:focus-within>.nav-menu,.nav-group.open>.nav-menu{opacity:1;visibility:visible;transform:translateY(0);}
.nav-menu a{display:block!important;padding:12px!important;border:0!important;border-radius:8px;text-decoration:none;white-space:normal!important;}
.nav-menu a:hover,.nav-menu a[aria-current="page"]{background:rgba(255,255,255,.055);}
.nav-menu b{display:flex;align-items:center;gap:7px;color:var(--ink);font-size:13px;font-weight:600;}
.nav-menu span{display:block;margin-top:3px;color:var(--ink-faint);font-size:11px;line-height:1.35;}
.nav-menu em{font-family:var(--mono);font-style:normal;font-size:8px;letter-spacing:.08em;color:#000;background:var(--gold);padding:3px 5px;border-radius:4px;}
.nav-featured{border:1px solid rgba(200,164,100,.22)!important;background:rgba(200,164,100,.055);margin-bottom:4px;}
@media (min-width:861px){
  nav{max-width:1280px;}
  .nav-mega{flex:1;justify-content:center;margin:0 12px;}
}
@media (max-width:860px){
  .nav-mega{align-items:stretch!important;gap:0!important;padding-top:10px!important;}
  .nav-group{display:block;border-bottom:1px solid var(--line);}
  .nav-trigger,.nav-direct{width:100%;display:flex!important;justify-content:space-between;align-items:center;text-align:left;padding:15px 0!important;font-size:1rem!important;border-radius:0;}
  [dir="rtl"] .nav-trigger,[dir="rtl"] .nav-direct{text-align:right;}
  .nav-trigger::after{content:'+';font-size:16px;margin:0;}
  .nav-group.open>.nav-trigger::after{content:'−';}
  .nav-menu,.nav-menu-wide,.nav-menu-right{position:static;width:auto;padding:0 0 8px 12px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;opacity:1;visibility:visible;transform:none;display:none;}
  [dir="rtl"] .nav-menu{padding:0 12px 8px 0;}
  .nav-group.open>.nav-menu{display:block;}
  .nav-menu a{padding:11px 12px!important;}
  .nav-menu span{font-size:10.5px;}
  .nav-direct{border-bottom:0!important;}
}


/* SERVAI FOOTER NAV IA 2026-08-16 */
.footer-grid{align-items:flex-start!important;gap:34px!important;}
.footer-nav-grid{display:grid!important;grid-template-columns:repeat(5,minmax(120px,1fr));gap:26px 28px!important;flex:1;}
.footer-nav-group{display:flex;flex-direction:column;gap:9px;}
.footer-nav-group strong{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:4px;}
.footer-nav-group a{font-size:13px;color:var(--ink-dim);text-decoration:none;}
.footer-nav-group a:hover{color:var(--ink);}
.footer-nav-group a.footer-featured{color:var(--gold);font-weight:650;}
.footer-nav-group a.footer-featured:hover{color:var(--ink);}
.footer-nav-group a.footer-featured em{font-family:var(--mono);font-style:normal;font-size:8px;letter-spacing:.07em;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:999px;padding:2px 5px;margin-left:5px;vertical-align:1px;}
@media(max-width:820px){.footer-nav-grid{grid-template-columns:repeat(2,minmax(130px,1fr));width:100%;}}
@media(max-width:520px){.footer-nav-grid{grid-template-columns:1fr 1fr;gap:24px 18px!important;}.footer-nav-group a{font-size:12px;}}


/* Frozen ServAI parent-brand mark — inline SVG, visible at all breakpoints */
.logo.servai-logo-lock{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  white-space:nowrap !important;
  flex:0 0 auto !important;
  text-decoration:none !important;
}
.servai-logo-mark{
  display:block !important;
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  flex:0 0 36px !important;
  overflow:visible !important;
  visibility:visible !important;
  opacity:1 !important;
}
.servai-logo-word{
  display:inline-block !important;
  color:inherit !important;
  font:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  visibility:visible !important;
  opacity:1 !important;
}
footer .servai-logo-mark{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  flex-basis:34px !important;
}
@media(max-width:700px){
  .logo.servai-logo-lock{gap:9px !important;}
  header .servai-logo-mark{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    flex-basis:34px !important;
  }
}


/* ServAI mark final size lock — matches dedicated Strategy site compact brand scale */
html body .logo.servai-logo-lock > svg.servai-logo-mark{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  flex:0 0 34px!important;
}
html body header .logo.servai-logo-lock,
html body footer .logo.servai-logo-lock,
html body .footer-grid > .logo.servai-logo-lock{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
}

/* SERVAI MISSION PUBLIC PRODUCT SYSTEM */
.mission-band{padding:84px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 15% 8%,rgba(200,164,100,.10),transparent 38%),#080808}
.mission-kicker,.price-tag{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#c8a464;font-weight:800}
.mission-title{max-width:920px;font-size:clamp(2rem,4vw,4rem);line-height:1.04;letter-spacing:-.04em;margin:12px 0 18px}
.mission-lead,.role-purpose{max-width:880px;font-size:1.02rem;line-height:1.75;color:rgba(255,255,255,.70)}
.mission-grid,.price-layer-grid,.role-family-grid,.role-list-deep,.pack-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:28px}
.mission-card,.price-layer,.role-family-card,.pack-role{padding:22px;border:1px solid rgba(255,255,255,.10);border-radius:17px;background:rgba(255,255,255,.025)}
.mission-card p,.price-layer p,.role-family-card p{color:rgba(255,255,255,.65);line-height:1.65}
.mission-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:28px}
.mission-step{padding:15px 12px;border:1px solid rgba(200,164,100,.24);border-radius:13px;background:rgba(200,164,100,.035)}
.mission-step strong{display:block;color:#c8a464;font-size:.68rem;letter-spacing:.1em;margin-bottom:7px}
.mission-step span{font-size:.83rem;line-height:1.45}
.role-list-deep a{display:block;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.02);text-decoration:none;color:inherit}
.role-list-deep b{display:block;margin-bottom:6px}.role-list-deep span{display:block;color:rgba(255,255,255,.58);font-size:.8rem;line-height:1.55}
.pack-role.coordinator,.price-layer.featured{border-color:rgba(200,164,100,.46);background:rgba(200,164,100,.055)}
.truth-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.truth-pill{padding:8px 11px;border:1px solid rgba(255,255,255,.11);border-radius:999px;color:rgba(255,255,255,.68);font-size:.75rem}
.role-detail-hero{padding:78px 0 48px}.role-detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:start}
.role-boundary,.commercial-note{border:1px solid rgba(200,164,100,.30);border-radius:17px;padding:22px;background:rgba(200,164,100,.045);color:rgba(255,255,255,.70);line-height:1.65}
.role-boundary strong{display:block;color:#c8a464;margin-bottom:8px}
.price-layer ul{padding-left:18px;color:rgba(255,255,255,.68);line-height:1.8;font-size:.9rem}
@media(max-width:900px){.mission-grid,.price-layer-grid,.role-family-grid,.role-list-deep,.pack-team-grid,.role-detail-grid{grid-template-columns:1fr}.mission-flow{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.mission-flow{grid-template-columns:1fr}}