*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  :root{
   --w:#ffffff;
   --off:#f8f9fc;
   --off2:#f1f3f8;
   --border:#e3e7f0;
   --border2:#cdd3e0;
   --ink:#0a0d14;
   --ink2:#151b28;
   --muted:#5a6478;
   --muted2:#6b7585;
   --blue:#1847d4;
   --blue2:#2563eb;
   --blue3:#3b82f6;
   --blue-pale:#eef3ff;
   --blue-mid:#c7d7fd;
   --indigo:#4338ca;
   --violet:#7c3aed;
   --teal:#0891b2;
   --green:#059669;
   --orange:#d97706;
   --pink:#db2777;
   --r:8px;
   --rl:16px;
   --rxl:24px;
   --sh:0 2px 8px rgba(10,13,20,.06),0 1px 3px rgba(10,13,20,.04);
   --shm:0 8px 32px rgba(10,13,20,.09),0 2px 8px rgba(10,13,20,.05);
   --shl:0 24px 64px rgba(10,13,20,.11),0 6px 20px rgba(10,13,20,.07);
   --shxl:0 48px 120px rgba(10,13,20,.13),0 12px 40px rgba(10,13,20,.08);
  }
  html{scroll-behavior:smooth;font-size:16px}
  body{font-size:1rem;font-family:'Poppins',sans-serif;background:var(--w);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}
  h1,h2,h3,h4,h5{font-family:'Outfit',sans-serif;letter-spacing:-.03em}
  a{text-decoration:none;color:inherit}

  /* subtle texture */
  body::before{content:'';position:fixed;inset:0;background-image:radial-gradient(circle,rgba(24,71,212,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}

  /* ── NAV ── */
  #site-nav{position:fixed;top:0;left:0;right:0;z-index:300;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5rem;background:rgba(255,255,255,.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(0,0,0,.07);transition:box-shadow .3s}
  #site-nav.scrolled{box-shadow:0 2px 20px rgba(0,0,0,.08)}
  .nav-logo{font-family:'Outfit',sans-serif;font-size:1.3rem;font-weight:700;color:var(--ink);letter-spacing:-.04em;display:flex;align-items:center;gap:.15rem;text-decoration:none;flex-shrink:0}
  .nav-logo .ai{color:var(--blue)}
  .nav-links{display:flex;align-items:center;gap:.25rem;list-style:none;position:relative}
  .nav-links li{position:relative}
  .nav-links > li > a{position:relative;display:inline-flex;align-items:center;height:68px;padding:0 .9rem;font-size:.88rem;font-weight:500;color:var(--muted);text-decoration:none;transition:color .2s;white-space:nowrap}
  .nav-links > li > a::after{content:'';position:absolute;bottom:0;left:.9rem;right:.9rem;height:2.5px;background:var(--blue);border-radius:2px 2px 0 0;transform:scaleX(0);transform-origin:center;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .28s;opacity:0}
  .nav-links > li > a:hover{color:var(--blue2)}
  .nav-links > li > a:hover::after{transform:scaleX(1);opacity:.45}
  .nav-links > li > a.active{color:var(--blue);font-weight:600}
  .nav-links > li > a.active::after{transform:scaleX(1);opacity:1}
  .nav-btn{background:var(--blue) !important;color:#fff !important;padding:.55rem 1.35rem !important;border-radius:var(--r);font-family:'Outfit',sans-serif;font-size:.85rem;font-weight:700;transition:background .2s,box-shadow .2s,transform .15s;letter-spacing:-.01em;height:auto !important;box-shadow:0 2px 10px rgba(24,71,212,.25)}
  .nav-btn::after{display:none !important}
  .nav-btn:hover{background:var(--blue2) !important;box-shadow:0 4px 18px rgba(24,71,212,.4) !important;color:#fff !important;transform:translateY(-1px)}

  /* ── NAV DROPDOWNS ── */
  .nav-dd{position:relative}
  .nav-dd-trigger{display:inline-flex!important;align-items:center;gap:.28rem;cursor:default}
  .nav-chev{transition:transform .22s ease;flex-shrink:0;opacity:.55}
  .nav-dd:hover .nav-chev,.nav-dd:focus-within .nav-chev{transform:rotate(180deg);opacity:1}
  .nav-dd-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-8px);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 16px 56px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.05);padding:.45rem;min-width:248px;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s;z-index:400;pointer-events:none}
  .nav-dd:hover .nav-dd-panel,.nav-dd:focus-within .nav-dd-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);transition:opacity .2s ease,transform .2s ease,visibility 0s;pointer-events:auto}
  .nav-dd-item{display:flex!important;align-items:center;gap:.75rem;padding:.58rem .7rem!important;border-radius:9px;height:auto!important;text-decoration:none;color:var(--ink);transition:background .15s;white-space:nowrap}
  .nav-dd-item::after{display:none!important}
  .nav-dd-item:hover{background:var(--blue-pale);color:var(--ink)!important}
  .nav-dd-icon{width:30px;height:30px;border-radius:7px;background:var(--off2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted);transition:background .15s,color .15s}
  .nav-dd-item:hover .nav-dd-icon{background:rgba(24,71,212,.1);color:var(--blue)}
  .nav-dd-icon--accent{background:rgba(24,71,212,.08)!important;color:var(--blue)!important}
  .nav-dd-item--accent:hover .nav-dd-icon--accent{background:var(--blue)!important;color:#fff!important}
  .nav-dd-text{display:flex;flex-direction:column;line-height:1}
  .nav-dd-text b{font-size:.82rem;font-weight:600;color:var(--ink);line-height:1.3}
  .nav-dd-text span{font-size:.72rem;color:var(--muted);font-weight:300;margin-top:.15rem;line-height:1.3}
  .nav-dd-item--accent .nav-dd-text b{color:var(--blue)}
  .nav-dd-divider{height:1px;background:var(--border);margin:.3rem .45rem}

  /* ── HAMBURGER ── */
  .nav-ham{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;padding:.45rem;background:none;border:1px solid var(--border);border-radius:8px;cursor:pointer;z-index:301;flex-shrink:0;transition:background .15s,border-color .15s}
  .nav-ham:hover{background:var(--off);border-color:var(--border2)}
  .nav-ham-bar{width:18px;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .2s,width .2s;display:block}
  .nav-ham.open .nav-ham-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-ham.open .nav-ham-bar:nth-child(2){opacity:0;transform:scaleX(0)}
  .nav-ham.open .nav-ham-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  /* ── MOBILE MENU ── */
  .nav-mob{display:none;position:fixed;top:60px;left:0;right:0;height:calc(100dvh - 60px);background:#fff;z-index:299;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1.5rem 1.5rem 4rem;opacity:0;transform:translateY(-8px);transition:opacity .22s,transform .22s;pointer-events:none;border-top:1px solid var(--border)}
  .nav-mob.open{opacity:1;transform:translateY(0);pointer-events:auto}
  .nav-mob-section{margin-bottom:2rem}
  .nav-mob-heading{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem;padding:0 .5rem}
  .nav-mob-item{display:block;padding:.85rem .75rem;font-size:1rem;font-weight:500;color:var(--ink);text-decoration:none;border-radius:10px;transition:background .15s,color .15s;min-height:48px;display:flex;align-items:center}
  .nav-mob-item:hover,.nav-mob-item:active{background:var(--blue-pale);color:var(--blue)}
  .nav-mob-item--accent{color:var(--blue);font-weight:600}
  .nav-mob-cta{padding-top:1.5rem;border-top:1px solid var(--border)}
  .nav-mob-cta .nav-btn{display:flex!important;justify-content:center;width:100%!important;height:auto!important;text-align:center;padding:1rem!important;font-size:1rem!important}

  /* ── HERO ── */
  .hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:8rem 4.5rem 5rem;background-image:url('../hexagon-back-white.jpg');background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;overflow:hidden}
  .hero::before{content:'';position:absolute;top:-250px;right:-250px;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(24,71,212,.08) 0%,transparent 65%);pointer-events:none}
  .hero::after{content:'';position:absolute;bottom:-150px;left:-100px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.05) 0%,transparent 65%);pointer-events:none}
  .hero-inner{position:relative;z-index:1;max-width:1440px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
  .hero-pill{display:inline-flex;align-items:center;gap:.55rem;background:var(--blue-pale);border:1px solid var(--blue-mid);border-radius:100px;padding:.35rem 1rem;font-family:'Outfit',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin-bottom:2rem;animation:fadeUp .6s ease both}
  .pill-dot{width:7px;height:7px;background:var(--blue);border-radius:50%;animation:blink 2s ease-in-out infinite}
  .hero h1{font-size:clamp(3.2rem,5.5vw,5.2rem);font-weight: 600;line-height:.98;color:var(--ink);margin-bottom:1.8rem;animation:fadeUp .6s .1s ease both;letter-spacing:-.04em}
  .hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--blue),#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
  .hero-desc{font-size:1.15rem;font-weight:300;color:var(--muted);line-height:1.75;margin-bottom:2.5rem;max-width:500px;animation:fadeUp .6s .2s ease both}
  .hero-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;animation:fadeUp .6s .3s ease both}
  .btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--blue);color:#fff;padding:1rem 2rem;border-radius:var(--r);font-family:'Outfit',sans-serif;font-size:.95rem;font-weight:700;border:none;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;letter-spacing:-.01em}
  .btn-primary:hover{background:var(--blue2);transform:translateY(-2px);box-shadow:0 10px 28px rgba(24,71,212,.35)}
  .btn-ghost{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--ink);padding:1rem 1.6rem;border-radius:var(--r);font-family:'Outfit',sans-serif;font-size:.95rem;font-weight:600;border:1.5px solid var(--border2);transition:all .2s}
  .btn-ghost:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-pale)}
  .hero-trust{display:flex;gap:2rem;margin-top:2.5rem;flex-wrap:wrap;animation:fadeUp .6s .4s ease both}
  .trust-item{display:flex;align-items:center;gap:.55rem;font-size:.82rem;color:var(--muted);font-weight:400}
  .trust-check{width:20px;height:20px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--green);flex-shrink:0}

  /* ── HERO PANEL ── */
  .hero-panel{position:relative;animation:fadeIn .9s .5s ease both}
  .panel-card{background:var(--w);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;box-shadow:var(--shxl)}
  .panel-topbar{background:var(--off);padding:.9rem 1.3rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border)}
  .tb-dot{width:11px;height:11px;border-radius:50%}
  .tb-dot.r{background:#ff5f57}.tb-dot.y{background:#febc2e}.tb-dot.g{background:#28c840}
  .tb-title{font-size:.73rem;font-weight:600;color:var(--muted2);margin-left:.5rem;letter-spacing:.04em;font-family:'Outfit',sans-serif}
  .panel-body{padding:1.5rem}
  .panel-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.3rem}
  .status-pill{display:flex;align-items:center;gap:.4rem;font-size:.73rem;font-weight:700;color:var(--green);background:#d1fae5;border:1px solid #a7f3d0;padding:.28rem .85rem;border-radius:100px;font-family:'Outfit',sans-serif}
  .sd{width:6px;height:6px;background:var(--green);border-radius:50%;animation:blink 2s ease-in-out infinite}
  .model-chip{font-size:.7rem;font-weight:700;color:var(--blue);background:var(--blue-pale);border:1px solid var(--blue-mid);padding:.22rem .65rem;border-radius:5px;font-family:'Outfit',sans-serif}
  .panel-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1.3rem}
  .metric-box{background:var(--off);border:1px solid var(--border);border-radius:var(--r);padding:1rem .8rem;text-align:center}
  .metric-val{font-family:'Outfit',sans-serif;font-size:1.6rem;font-weight: 600;line-height:1;margin-bottom:.2rem;letter-spacing:-.03em}
  .metric-val.blue{color:var(--blue)}.metric-val.green{color:var(--green)}.metric-val.orange{color:var(--orange)}
  .metric-label{font-size:.63rem;color:var(--muted2);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
  .agent-feed{background:var(--off);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
  .feed-hdr{padding:.65rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
  .feed-hdr-title{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:'Outfit',sans-serif}
  .feed-live{display:flex;align-items:center;gap:.35rem;font-size:.67rem;font-weight:700;color:var(--green);font-family:'Outfit',sans-serif}
  .feed-live-dot{width:5px;height:5px;background:var(--green);border-radius:50%;animation:blink 1.5s ease-in-out infinite}
  .feed-body{padding:.4rem 0}
  .feed-line{display:flex;align-items:flex-start;gap:.75rem;padding:.42rem 1rem;font-size:.75rem;line-height:1.4;opacity:0;transform:translateY(5px);transition:opacity .4s ease,transform .4s ease}
  .feed-line.show{opacity:1;transform:translateY(0)}
  .feed-time{color:var(--muted2);flex-shrink:0;font-size:.68rem;font-family:monospace;margin-top:1px}
  .feed-agent{font-weight: 600;flex-shrink:0;font-size:.7rem;font-family:'Outfit',sans-serif}
  .feed-agent.hr{color:#7c3aed}.feed-agent.mkt{color:#0891b2}.feed-agent.ops{color:var(--orange)}.feed-agent.fin{color:var(--green)}.feed-agent.hub{color:var(--blue)}
  .feed-msg{color:var(--muted)}.feed-tick{color:var(--green);flex-shrink:0}
  .hfloat{position:absolute;background:var(--w);border:1px solid var(--border);border-radius:var(--r);padding:.85rem 1.1rem;box-shadow:var(--shl)}
  .hfloat.f1{top:-20px;left:-28px;animation:float 5s ease-in-out infinite}
  .hfloat.f2{bottom:24px;right:-24px;animation:float 5s 2s ease-in-out infinite}
  .fl-lbl{font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted2);margin-bottom:.28rem;font-family:'Outfit',sans-serif}
  .fl-val{font-family:'Outfit',sans-serif;font-size:1.1rem;font-weight: 600;color:var(--ink);letter-spacing:-.03em}
  .fl-sub{font-size:.68rem;color:var(--muted2);margin-top:.12rem}

  /* ── STATS ── */
  .stats-bar{position:relative;z-index:1;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--w)}
  .stats-inner{max-width:1440px;margin:0 auto;padding:3rem 4.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
  .stat{text-align:center;padding:0 1rem;border-right:1px solid var(--border)}
  .stat:last-child{border-right:none}
  .stat-num{font-family:'Outfit',sans-serif;font-size:3rem;font-weight: 600;color:var(--ink);line-height:1;margin-bottom:.5rem;letter-spacing:-.04em}
  .stat-num span{color:var(--blue)}
  .stat-lbl{font-size:.85rem;color:var(--muted);line-height:1.45}

  /* ── TRUST STRIP ── */
  .trust-strip-bar{background:var(--w);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1.1rem 4.5rem}
  .trust-strip-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap}
  .trust-strip-item{display:flex;align-items:center;gap:.55rem;font-family:'Outfit',sans-serif;font-size:1rem;font-weight:600;color:var(--muted);white-space:nowrap}
  @media(max-width:900px){.trust-strip-bar{padding:1rem 1.5rem}.trust-strip-inner{gap:1.5rem}}

  /* ── PAGE SUB-NAV ── */
  .page-subnav{position:sticky;top:68px;z-index:200;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.05)}
  .page-subnav-inner{max-width:1440px;margin:0 auto;padding:0 4.5rem;display:flex;align-items:center;gap:.25rem;overflow-x:auto;scrollbar-width:none; justify-content: center;}
  .page-subnav-inner::-webkit-scrollbar{display:none}
  .psn-link{display:inline-flex;align-items:center;height:46px;padding:0 1rem;font-family:'Open Sans',sans-serif;font-size:1rem;font-weight:400;color:var(--muted);text-decoration:none;white-space:nowrap;border-bottom:2.5px solid transparent;transition:color .2s,border-color .2s}
  .psn-link:hover{color:var(--blue)}
  .psn-link.active{color:var(--blue);border-bottom-color:var(--blue)}
  .psn-cta{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;gap:.45rem;height:30px;padding:0 1rem;background:var(--blue);color:#fff;border-radius:6px;font-family:'Outfit',sans-serif;font-size:.8rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .2s}
  .psn-cta:hover{background:#1338b0}
  @media(max-width:768px){.page-subnav-inner{padding:0 1rem}.psn-cta{display:none}}

  /* ── SHARED SECTION ── */
  section{position:relative;z-index:1}
  section[id]{scroll-margin-top:96px}
  #hub-inner{scroll-margin-top:96px}
  .section-inner{max-width:1440px;margin:0 auto;padding:8rem 4.5rem}
  .s-lbl{display:inline-flex;align-items:center;gap:.55rem;font-family:'Outfit',sans-serif;font-size:1rem;font-weight: 600;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:1.2rem}
  .s-lbl::before{content:'';display:block;width:22px;height:2.5px;background:var(--blue);border-radius:2px}
  .s-title{font-size:clamp(2.4rem,4vw,3.6rem);font-weight: 600;line-height:1.02;color:var(--ink);margin-bottom:1.1rem;letter-spacing:-.04em}
  .s-sub{font-size:1.05rem;color:var(--muted);line-height:1.75;max-width:580px;font-weight:300}
  .txt-grad{background:linear-gradient(135deg,var(--blue),#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
  .section-hdr{margin-bottom:4.5rem}

  /* ── NAKED GRADIENT ICONS ── */
  .gicon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none!important;border:none!important;border-radius:0!important}
  .gicon svg{display:block;width:100%;height:100%}
  .gicon-lg{width:52px;height:52px}
  .gicon-md{width:40px;height:40px}
  .gicon-sm{width:32px;height:32px}
  .gi-blue,.gi-indigo,.gi-violet,.gi-teal,.gi-green,.gi-orange,.gi-pink,.gi-dark{background:none!important}

  /* ── AGENTS ── */
  .agents-section{background:var(--off)}
  .agents-intro{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;margin-bottom:5rem}
  .agents-stat-block{background:var(--w);border:1px solid var(--border);border-radius:var(--rxl);padding:3rem;box-shadow:var(--shm)}
  .asb-num{font-family:'Outfit',sans-serif;font-size:4rem;font-weight: 600;letter-spacing:-.05em;background:linear-gradient(135deg,var(--blue),var(--indigo));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.6rem}
  .asb-text{font-size:.95rem;color:var(--muted);line-height:1.65;font-weight:300}
  .asb-divider{border:none;border-top:1px solid var(--border);margin:1.8rem 0}
  .asb-row{display:flex;align-items:flex-start;gap:.8rem;font-size:.88rem;color:var(--muted);margin-bottom:.75rem;line-height:1.45}
  .asb-check{color:var(--green);font-size:.75rem;margin-top:2px;flex-shrink:0;font-weight:700}
  .agents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
  .agent-card{background:var(--w);border:1px solid var(--border);border-radius:var(--rxl);padding:2.5rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}
  .agent-card:hover{transform:translateY(-6px);box-shadow:var(--shl)}
  .agent-card-top{display:flex;align-items:flex-start;gap:1.2rem;margin-bottom:1.5rem}
  .agent-name{font-family:'Outfit',sans-serif;font-size:1.05rem;font-weight:700;color:var(--ink);margin-bottom:.2rem;letter-spacing:-.03em;line-height:1.2}
  .agent-desc{font-size:.8rem;color:var(--muted);line-height:1.5;font-weight:300}
  .agent-tasks{list-style:none;display:flex;flex-direction:column;gap:.35rem;margin-top:.9rem;padding-bottom:1.2rem}
  .agent-task{font-size:.79rem;color:var(--muted2);display:flex;gap:.5rem;align-items:flex-start;line-height:1.4}
  .agent-task::before{content:'>';flex-shrink:0;font-size:.72rem;margin-top:1px;color:var(--border2)}

  /* sub-agent diagram */
  .subagent-box{margin-top:4rem;background:var(--w);border:1px solid var(--border);border-radius:var(--rxl);padding:2rem 3rem;box-shadow:var(--shm)}
  .sb-title{font-family:'Outfit',sans-serif;font-size:1.6rem;font-weight: 600;color:var(--ink);letter-spacing:-.04em;text-align:center;margin-bottom:.5rem}
  .sb-sub{font-size:.88rem;color:var(--muted);text-align:center;margin-bottom:1rem;font-weight:300}
  .sb-flow{display:flex;flex-direction:column;align-items:center;gap:1.5rem}
  .sb-master{background:var(--blue-pale);border:2px solid var(--blue-mid);border-radius:var(--rl);padding:1.2rem 2rem;display:flex;align-items:center;gap:1rem}
  .sb-master-label{font-family:'Outfit',sans-serif;font-size:1rem;font-weight: 600;color:var(--blue);letter-spacing:-.02em}
  .sb-master-sub{font-size:.75rem;color:var(--blue);opacity:.7;font-weight:400}
  .sb-arrow{color:var(--border2);font-size:1.5rem}
  .sb-subs{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}
  .sb-sub-node{background:var(--off);border:1px solid var(--border);border-radius:var(--r);padding:.9rem 1.1rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:110px;transition:border-color .2s,background .2s}
  .sb-sub-node:hover{border-color:var(--blue-mid);background:var(--blue-pale)}
  .sb-sub-label{font-family:'Outfit',sans-serif;font-size:.78rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}

  /* ── Animated architecture diagram ── */
  .arch-diagram{position:relative;width:100%;max-width:1050px;margin:0 auto;aspect-ratio:700/450}
  .arch-lines{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
  .arch-nodes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
  .arch-node{position:absolute;pointer-events:auto;display:flex;flex-direction:column;align-items:center;text-align:center}

  /* Master Agent — top centre; width drives proportional ring sizing */
  .arch-master{top:14%;left:50%;transform:translate(-50%,-50%);width:10.3%}
  /* Ring fills its parent node container — scales with diagram */
  .arch-node-ring{width:100%;aspect-ratio:1;height:auto;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .arch-node-ring svg{width:40%;height:40%}
  .ring-blue{background:#fff;border:2px solid #93c5fd;box-shadow:0 0 20px rgba(59,130,246,.15)}
  .ring-blue::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(59,130,246,.12);animation:arch-pulse 3s ease-in-out infinite}
  .ring-indigo{background:#fff;border:2px solid #a5b4fc;box-shadow:0 0 24px rgba(99,102,241,.2)}
  .ring-indigo::after{content:'';position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(99,102,241,.15);animation:arch-pulse 3s ease-in-out infinite .5s}

  /* Side-label layout: text left, circle centred, desc right */
  .arch-node--side{flex-direction:row;align-items:center}
  .arch-node--side .arch-node-inner{position:absolute;right:calc(100% + 12px);align-items:flex-end;text-align:right;white-space:nowrap}
  .arch-node--side .arch-node-ring{margin-bottom:0}
  .arch-node--side .arch-node-desc-right{position:absolute;left:calc(100% + 12px);white-space:nowrap}

  .arch-node-inner{display:flex;flex-direction:column;align-items:center}
  .arch-tier-label{font-family:'Outfit',sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.1rem}
  .arch-node-name{font-family:'Outfit',sans-serif;font-size:.92rem;font-weight:700;letter-spacing:-.02em}
  .arch-node-desc{font-size:.72rem;color:var(--muted);margin-top:.1rem}
  .arch-node-desc-right{font-size:.72rem;color:var(--muted);text-align:left}

  /* Orchestrator — centre; wider ring */
  .arch-orchestrator{top:41%;left:50%;transform:translate(-50%,-50%);width:11.71%}
  .arch-orchestrator .arch-node-ring{width:100%;aspect-ratio:1;height:auto}
  .arch-orchestrator .arch-node-inner{right:calc(100% + 12px)}
  .arch-orchestrator .arch-node-desc-right{left:calc(100% + 12px)}

  /* Specialist agents — sit on the memory orbit */
  .arch-agent{display:flex;flex-direction:column;align-items:center;gap:.35rem}
  .arch-dot{width:14px;height:14px;border-radius:50%;animation:arch-dot-pulse 2.5s ease-in-out infinite}
  .arch-agent-label{font-family:'Outfit',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:-.01em}

  .arch-a1{top:76%;left:15.4%;transform:translate(-50%,-50%)}
  .arch-a2{top:80.5%;left:31.1%;transform:translate(-50%,-50%)}
  .arch-a3{top:83.3%;left:50%;transform:translate(-50%,-50%)}
  .arch-a4{top:80.5%;right:31.1%;transform:translate(50%,-50%)}
  .arch-a5{top:76%;right:15.4%;transform:translate(50%,-50%)}

  @keyframes arch-pulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.25);opacity:0}}
  @keyframes arch-dot-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.6)}}

  /* Mobile — revert to fixed px ring sizes at small viewports */
  @media(max-width:680px){
   .arch-diagram{aspect-ratio:700/450;height:auto;max-width:100%;min-width:260px}
   .arch-node-desc-right{display:none}
   .arch-node--side .arch-node-inner{display:none}
   .arch-master{width:52px;top:5%;transform:translateX(-50%)}
   .arch-orchestrator{width:60px;top:30%;transform:translateX(-50%)}
   .arch-node-name{font-size:.78rem}
   .arch-agent-label{font-size:.68rem}
   .arch-dot{width:11px;height:11px}
  }

  /* ── HUB SECTION ── */
  .hub-section{background:var(--ink2);color:#fff;overflow:hidden}
  .hub-inner{max-width:1440px;margin:0 auto;padding:8rem 4.5rem}
  .hub-section .s-lbl{color:#818cf8}
  .hub-section .s-lbl::before{background:#818cf8}
  .hub-section .s-title{color:#fff}
  .hub-section .s-sub{color:rgba(255,255,255,.7)}
  .hub-hero-row{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;margin-bottom:5rem}
  .hub-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:5rem}
  .hub-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--rxl);padding:2.5rem;transition:background .2s,border-color .2s}
  .hub-feature-card:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.15)}
  .hub-feature-name{font-family:'Outfit',sans-serif;font-size:1.25rem;font-weight: 600;color:#fff;margin-bottom:.5rem;margin-top:1.3rem;letter-spacing:-.03em}
  .hub-feature-desc{font-size:.88rem;color:rgba(255,255,255,.5);line-height:1.65;font-weight:300}
  .hub-feature-pts{list-style:none;margin-top:1rem;display:flex;flex-direction:column;gap:.4rem}
  .hub-feature-pt{font-size:.8rem;color:rgba(255,255,255,.45);display:flex;gap:.55rem;align-items:flex-start;line-height:1.4}
  .hub-feature-pt::before{content:'>';flex-shrink:0;font-size:.7rem;margin-top:1px;color:rgba(255,255,255,.2)}

  /* Hub mockup UI */
  .hub-mockup{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);overflow:hidden;box-shadow:0 48px 120px rgba(0,0,0,.4)}
  .hm-bar{background:rgba(255,255,255,.06);padding:.8rem 1.2rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.06)}
  .hm-dot{width:10px;height:10px;border-radius:50%}
  .hm-dot.r{background:#ff5f57}.hm-dot.y{background:#febc2e}.hm-dot.g{background:#28c840}
  .hm-title{font-size:.72rem;color:rgba(255,255,255,.3);margin-left:.4rem;font-family:'Outfit',sans-serif;font-weight:600}
  .hm-body{display:grid;grid-template-columns:200px 1fr;min-height:360px}
  .hm-sidebar{background:rgba(0,0,0,.2);border-right:1px solid rgba(255,255,255,.06);padding:1.2rem}
  .hm-logo{font-family:'Outfit',sans-serif;font-size:.85rem;font-weight: 600;color:#fff;margin-bottom:1.5rem;letter-spacing:-.02em;padding:.4rem .6rem}
  .hm-nav-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:6px;font-size:.75rem;font-weight:500;color:rgba(255,255,255,.45);margin-bottom:.2rem;cursor:default;transition:background .2s}
  .hm-nav-item.active{background:rgba(99,102,241,.2);color:#a5b4fc}
  .hm-nav-item svg{flex-shrink:0}
  .hm-role-badge{font-size:.58rem;font-weight:700;background:rgba(99,102,241,.3);color:#a5b4fc;padding:.12rem .4rem;border-radius:3px;margin-left:auto;font-family:'Outfit',sans-serif}
  .hm-content{padding:1.5rem}
  .hm-content-title{font-family:'Outfit',sans-serif;font-size:.85rem;font-weight: 600;color:#fff;margin-bottom:1.2rem;letter-spacing:-.02em}
  .hm-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1.2rem}
  .hm-kpi{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:.8rem}
  .hm-kpi-val{font-family:'Outfit',sans-serif;font-size:1.3rem;font-weight: 600;color:#fff;letter-spacing:-.04em}
  .hm-kpi-lbl{font-size:.62rem;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.06em;margin-top:.2rem}
  .hm-kpi-delta{font-size:.62rem;font-weight:700;margin-top:.3rem}
  .hm-kpi-delta.up{color:#34d399}.hm-kpi-delta.dn{color:#f87171}
  .hm-task-list{display:flex;flex-direction:column;gap:.5rem}
  .hm-task{display:flex;align-items:center;gap:.7rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:.6rem .8rem}
  .hm-task-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
  .hm-task-label{font-size:.73rem;color:rgba(255,255,255,.6);flex:1}
  .hm-task-tag{font-size:.6rem;font-weight:700;padding:.15rem .45rem;border-radius:3px;font-family:'Outfit',sans-serif}
  .hm-task-tag.done{background:rgba(52,211,153,.15);color:#34d399}
  .hm-task-tag.prog{background:rgba(99,102,241,.2);color:#a5b4fc}
  .hm-task-tag.todo{background:rgba(255,255,255,.08);color:rgba(255,255,255,.4)}
  .hub-role-row{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}
  .role-badge{display:flex;align-items:center;gap:.6rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:.7rem 1.1rem;font-size:.82rem;font-weight:600;color:rgba(255,255,255,.7);font-family:'Outfit',sans-serif}

  /* ── INSTALL SOLUTIONS ── */
  .install-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
  .install-card{background:var(--w);border:1px solid var(--border);border-radius:var(--rxl);padding:2.5rem;transition:transform .3s,box-shadow .3s}
  .install-card:hover{transform:translateY(-5px);box-shadow:var(--shl)}
  .install-card h3{font-family:'Outfit',sans-serif;font-size:1.2rem;font-weight: 600;color:var(--ink);margin:1.4rem 0 .6rem;letter-spacing:-.03em}
  .install-card p{font-size:.86rem;color:var(--muted);line-height:1.65;font-weight:300}
  .itags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.2rem}
  .itag{font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.22rem .6rem;border-radius:4px}
  .itag.blue{color:var(--blue);background:var(--blue-pale);border:1px solid var(--blue-mid)}
  .itag.green{color:var(--green);background:#d1fae5;border:1px solid #a7f3d0}
  .itag.grey{color:var(--muted);background:var(--off2);border:1px solid var(--border)}

  /* ── MODELS ── */
  .models-section{background:var(--off)}
  .models-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:5rem;align-items:start}
  .models-list{display:flex;flex-direction:column;gap:.7rem}
  .model-row{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.3rem;background:var(--w);border:1px solid var(--border);border-radius:var(--r);transition:border-color .2s,box-shadow .2s}
  .model-row:hover{border-color:var(--blue-mid);box-shadow:var(--sh)}
  .model-logo{width:38px;height:38px;background:var(--off);border:1px solid var(--border);border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-family:'Outfit',sans-serif;font-size:.85rem;font-weight: 600;flex-shrink:0;color:var(--muted)}
  .model-info{flex:1}
  .model-name{font-family:'Outfit',sans-serif;font-size:.9rem;font-weight:700;color:var(--ink);margin-bottom:.15rem;letter-spacing:-.02em}
  .model-desc{font-size:.82rem;color:var(--muted2)}
  .model-score{font-size:.75rem;color:var(--muted2);text-align:right;flex-shrink:0}
  .model-score-val{font-family:'Outfit',sans-serif;font-size:1.05rem;font-weight: 600;color:var(--ink);display:block;letter-spacing:-.03em}
  .mbadge{font-size:.63rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:.2rem .55rem;border-radius:4px;white-space:nowrap;font-family:'Outfit',sans-serif}
  .mbadge.local{color:var(--green);background:#d1fae5;border:1px solid #a7f3d0}
  .mbadge.cloud{color:#0891b2;background:#ecfeff;border:1px solid #a5f3fc}
  .mbadge.both{color:var(--blue);background:var(--blue-pale);border:1px solid var(--blue-mid)}
  .explainer-boxes{display:flex;flex-direction:column;gap:1.3rem}
  .ebox{border-radius:var(--rl);border:1px solid var(--border);overflow:hidden;background:var(--w);box-shadow:var(--shm);transition:transform .3s,box-shadow .3s}
  .ebox:hover{transform:translateY(-4px);box-shadow:var(--shl)}
  .ebox-top{padding:1.8rem 2rem 1.4rem;display:flex;flex-direction:column;gap:.9rem}
  .ebox-header{display:flex;align-items:center;gap:1rem}
  .ebox-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .ebox.local .ebox-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}
  .ebox.cloud .ebox-icon{background:linear-gradient(135deg,#cffafe,#a5f3fc)}
  .ebox-heading{font-family:'Outfit',sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:-.03em;line-height:1.2}
  .ebox.local .ebox-heading{color:#065f46}
  .ebox.cloud .ebox-heading{color:#164e63}
  .ebox-sub{font-size:.84rem;color:var(--muted);line-height:1.65;font-weight:300}
  .ebox-divider{border:none;height:1px;margin:0}
  .ebox.local .ebox-divider{background:linear-gradient(90deg,#a7f3d0,transparent)}
  .ebox.cloud .ebox-divider{background:linear-gradient(90deg,#a5f3fc,transparent)}
  .ebox-pts{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.55rem .8rem;padding:1.3rem 2rem 1.6rem}
  .ebox-pts li{font-size:.81rem;color:var(--muted);display:flex;align-items:flex-start;gap:.5rem;line-height:1.45}
  .ebox-pts li::before{content:'';width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-size:.58rem;font-weight:700;background-size:10px;background-repeat:no-repeat;background-position:center}
  .ebox.local .ebox-pts li::before{background-color:#d1fae5;color:#059669;content:'✓';font-size:.6rem;line-height:16px;text-align:center}
  .ebox.cloud .ebox-pts li::before{background-color:#cffafe;color:#0891b2;content:'✓';font-size:.6rem;line-height:16px;text-align:center}
  .ebox-tag{display:inline-flex;align-items:center;gap:.35rem;font-family:'Outfit',sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.22rem .7rem;border-radius:100px;margin-bottom:.2rem}
  .ebox.local .ebox-tag{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}
  .ebox.cloud .ebox-tag{background:#cffafe;color:#164e63;border:1px solid #a5f3fc}
  .ebox-tag-dot{width:5px;height:5px;border-radius:50%}
  .ebox.local .ebox-tag-dot{background:#059669}
  .ebox.cloud .ebox-tag-dot{background:#0891b2}
  .ebox.local{border-color:#a7f3d0;border-left:4px solid #10b981}
  .ebox.cloud{border-color:#a5f3fc;border-left:4px solid #0891b2}

  .hw-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
  .hw-card{background:var(--w);border:1px solid var(--border);border-radius:var(--rxl);padding:2.2rem 1.8rem;transition:transform .3s,box-shadow .3s}
  .hw-card:hover{transform:translateY(-5px);box-shadow:var(--shl)}
  .hw-card h3{font-family:'Outfit',sans-serif;font-size:1.1rem;font-weight: 600;color:var(--ink);margin:1.3rem 0 .5rem;letter-spacing:-.03em}
  .hw-card p{font-size:.83rem;color:var(--muted);line-height:1.6;font-weight:300}
  .hw-spec{font-size:.82rem;font-weight:700;color:var(--blue);margin-top:.9rem;letter-spacing:.02em;font-family:'Outfit',sans-serif}

  /* hw title row with tooltip trigger */
  .hw-title-row{display:flex;align-items:center;gap:.5rem;margin:1.3rem 0 .5rem}
  .hw-title-row h3{margin:0}
  .hw-info-btn{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--blue-mid);background:var(--blue-pale);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s,border-color .2s;position:relative}
  .hw-info-btn:hover{background:var(--blue);border-color:var(--blue)}
  .hw-info-btn:hover svg path,.hw-info-btn:hover svg line{stroke:#fff}
  .hw-info-btn svg{pointer-events:none}

  /* Tooltip */
  .hw-tooltip{position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);width:260px;background:var(--ink2);color:#fff;border-radius:var(--rl);padding:1rem 1.1rem;font-size:.76rem;line-height:1.6;font-weight:300;box-shadow:var(--shl);z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;transform:translateY(-50%) translateX(-4px)}
  .hw-tooltip.visible{opacity:1;pointer-events:auto;transform:translateY(-50%) translateX(0)}
  .hw-tooltip strong{display:block;font-family:'Outfit',sans-serif;font-size:.8rem;font-weight:700;color:#fff;margin-bottom:.4rem;letter-spacing:-.01em}
  .hw-tooltip::before{content:'';position:absolute;top:50%;right:100%;transform:translateY(-50%);border:6px solid transparent;border-right-color:var(--ink2)}
  @media(max-width:1100px){
   .hw-tooltip{left:auto;right:calc(100% + 10px);transform:translateY(-50%) translateX(4px)}
   .hw-tooltip.visible{transform:translateY(-50%) translateX(0)}
   .hw-tooltip::before{left:100%;right:auto;border-right-color:transparent;border-left-color:var(--ink2)}
  }
  @media(max-width:700px){
   .hw-tooltip{left:50%;right:auto;top:calc(100% + 8px);transform:translateX(-50%) translateY(-4px);width:220px}
   .hw-tooltip.visible{transform:translateX(-50%) translateY(0)}
   .hw-tooltip::before{top:auto;bottom:100%;left:50%;right:auto;transform:translateX(-50%);border-left-color:transparent;border-bottom-color:var(--ink2)}
  }

  /* ── PROCESS ── */
  .process-section{background:var(--off)}
  .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative}
  .process-grid::before{content:'';position:absolute;top:24px;left:calc(12.5% + 1rem);right:calc(12.5% + 1rem);height:1px;background:var(--blue-mid)}
  .proc-step{text-align:center}
  .proc-num{width:48px;height:48px;background:var(--w);border:2px solid var(--blue-mid);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;position:relative;z-index:1;transition:background .25s,border-color .25s}
  .proc-step:hover .proc-num{background:var(--blue);border-color:var(--blue)}
  .proc-num-val{font-family:'Outfit',sans-serif;font-size:1rem;font-weight: 600;color:var(--blue);transition:color .25s}
  .proc-step:hover .proc-num-val{color:#fff}
  .proc-step h3{font-family:'Outfit',sans-serif;font-size:1.05rem;font-weight: 600;color:var(--ink);margin-bottom:.55rem;letter-spacing:-.03em}
  .proc-step p{font-size:.83rem;color:var(--muted);line-height:1.6;font-weight:300}
  .proc-tag{display:inline-block;margin-top:.75rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-family:'Outfit',sans-serif}

  /* ── PAIN / SOLUTION ── */
  .pain-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
  .pain-items,.solution-items{display:flex;flex-direction:column;gap:.75rem}
  .pain-item,.solution-item{display:flex;gap:.9rem;align-items:flex-start;padding:1.1rem 1.3rem;border:1px solid var(--border);border-radius:var(--r);background:var(--w)}
  .pain-item{border-left:3px solid #fca5a5}
  .solution-item{border-left:3px solid #6ee7b7;background:#f0fdf7;border-color:#a7f3d0}
  .pi{font-size:.78rem;flex-shrink:0;margin-top:1px;font-weight:700}
  .pi.x{color:#ef4444}.pi.ck{color:var(--green)}
  .pain-text,.sol-text{font-size:.88rem;color:var(--muted);line-height:1.5;font-weight:300}
  .pain-text strong,.sol-text strong{color:var(--ink);font-weight:600}

  /* ── PACKAGES ── */
  .pkgs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
  .pkg{background:var(--w);border:1px solid var(--border);border-radius:var(--rxl);padding:2.5rem;position:relative;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
  .pkg:hover{transform:translateY(-5px)}
  .pkg.featured{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue),var(--shl);background:linear-gradient(160deg,#fff 0%,var(--blue-pale) 100%)}
  .pkg-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;font-family:'Outfit',sans-serif;font-size:.65rem;font-weight: 600;letter-spacing:.1em;text-transform:uppercase;padding:.3rem 1.1rem;border-radius:0 0 var(--r) var(--r);white-space:nowrap}
  .pkg-tier{font-family:'Outfit',sans-serif;font-size:.72rem;font-weight: 600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.7rem}
  .pkg.featured .pkg-tier{color:var(--blue)}
  .pkg-price{font-family:'Outfit',sans-serif;font-size:2.4rem;font-weight: 600;color:var(--ink);line-height:1;margin-bottom:.3rem;letter-spacing:-.05em}
  .pkg-period{font-size:.84rem;color:var(--muted);margin-bottom:2rem}
  .pkg-hr{border:none;border-top:1px solid var(--border);margin-bottom:1.6rem}
  .pkg-features{list-style:none;display:flex;flex-direction:column;gap:.7rem;flex:1;margin-bottom:2rem}
  .pkg-feature{display:flex;gap:.65rem;align-items:flex-start;font-size:.9rem;color:var(--muted);line-height:1.5;font-weight:300}
  .pkg-chk{color:var(--green);font-size:.72rem;flex-shrink:0;margin-top:2px;font-weight:700}
  .pkg-btn{display:block;text-align:center;padding:.85rem;border-radius:var(--r);font-family:'Outfit',sans-serif;font-size:.9rem;font-weight:700;border:1.5px solid var(--border2);color:var(--ink);background:transparent;cursor:pointer;transition:all .2s;letter-spacing:-.01em}
  .pkg-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-pale)}
  .pkg.featured .pkg-btn{background:var(--blue);border-color:var(--blue);color:#fff}
  .pkg.featured .pkg-btn:hover{background:var(--blue2)}
  .pkg-hw{display:flex;align-items:center;gap:.55rem;background:var(--off);border:1px solid var(--border);border-radius:var(--r);padding:.65rem .9rem;margin-bottom:1rem;font-size:.78rem;color:var(--ink);font-weight:500;font-family:'Outfit',sans-serif}
  .pkg-hw-icon{font-size:.95rem;flex-shrink:0}
  .pkg-hw-label{font-size:.74rem;color:var(--muted2);display:block;font-weight:400;margin-top:.1rem}
  .pkg.featured .pkg-hw{background:var(--blue-pale);border-color:var(--blue-mid)}
  .pkg-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.6rem}
  .pkg-bd-item{background:var(--off);border:1px solid var(--border);border-radius:var(--r);padding:.55rem .75rem;text-align:center}
  .pkg.featured .pkg-bd-item{background:var(--blue-pale);border-color:var(--blue-mid)}
  .pkg-bd-val{font-family:'Outfit',sans-serif;font-size:.82rem;font-weight:700;color:var(--ink);white-space:nowrap}
  .pkg-bd-lbl{font-size:.68rem;color:var(--muted2);text-transform:uppercase;letter-spacing:.07em;font-weight:600;margin-top:.15rem;white-space:nowrap}
  .pkg-monthly{font-size:.86rem;color:var(--muted);margin-bottom:1.8rem;padding:.5rem .8rem;border-left:2px solid var(--border);font-weight:300}
  .pkg.featured .pkg-monthly{border-left-color:var(--blue)}
  .extras-section{margin-top:3rem}
  .extras-title{font-family:'Outfit',sans-serif;font-size:1rem;font-weight:700;color:var(--ink);letter-spacing:-.02em;margin-bottom:.3rem}
  .extras-sub{font-size:.82rem;color:var(--muted);margin-bottom:1.5rem;font-weight:300}
  .extras-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
  .extra-card{background:var(--w);border:1px solid var(--border);border-radius:var(--rl);padding:1.4rem 1.5rem;transition:border-color .2s,box-shadow .2s;position:relative}
  .extra-card:hover{border-color:var(--blue-mid);box-shadow:var(--shm)}
  .extra-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.6rem}
  .extra-card-name{font-family:'Outfit',sans-serif;font-size:.95rem;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.3}
  .extra-card-price{font-family:'Outfit',sans-serif;font-size:.9rem;font-weight:700;color:var(--blue);white-space:nowrap;flex-shrink:0}
  .extra-card-hw{font-size:.78rem;font-weight:600;color:var(--muted2);margin-bottom:.5rem;font-family:'Outfit',sans-serif}
  .extra-card-desc{font-size:.84rem;color:var(--muted);line-height:1.6;font-weight:300}
  .extra-badge{display:inline-flex;align-items:center;font-family:'Outfit',sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:.22rem .65rem;border-radius:100px;margin-top:.6rem}
  .eb-green{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}
  .eb-blue{background:var(--blue-pale);color:var(--blue);border:1px solid var(--blue-mid)}
  .eb-violet{background:#ede9fe;color:#5b21b6;border:1px solid #ddd6fe}
  @media(max-width:1100px){.extras-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:600px){.extras-grid{grid-template-columns:1fr}.pkg-breakdown{flex-direction:column}}

  /* ── FORM ── */
  .form-section{background:var(--off)}
  .form-layout{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start}
  .audit-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
  .form-left h2{font-size:clamp(2.2rem,3.5vw,3.2rem);font-weight: 600;line-height:1.02;color:var(--ink);margin-bottom:1.1rem;letter-spacing:-.04em}
  .form-left p{font-size:.98rem;color:var(--muted);line-height:1.75;margin-bottom:2.5rem;font-weight:300}
  .form-benefits{list-style:none;display:flex;flex-direction:column;gap:.9rem}
  .form-benefit{display:flex;gap:.8rem;align-items:flex-start;font-size:.88rem;color:var(--muted);line-height:1.5;font-weight:300}
  .fb-icon{color:var(--blue);flex-shrink:0;margin-top:1px;font-size:.9rem;font-weight:700}
  .form-right{background:var(--w);border:1px solid var(--border);border-radius:var(--rxl);padding:2.8rem;box-shadow:var(--shl)}
  .form-heading{font-family:'Outfit',sans-serif;font-size:1.4rem;font-weight: 600;color:var(--ink);margin-bottom:.35rem;letter-spacing:-.04em}
  .form-subheading{font-size:.83rem;color:var(--muted);margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
  .form-group{margin-bottom:1.1rem}
  .form-label{display:block;font-family:'Outfit',sans-serif;font-size:.73rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:.45rem}
  .form-input,.form-select,.form-textarea{width:100%;background:var(--off);border:1.5px solid var(--border);border-radius:var(--r);color:var(--ink);padding:.8rem 1rem;font-family:'Poppins',sans-serif;font-size:.92rem;outline:none;transition:border-color .2s,box-shadow .2s}
  .form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(24,71,212,.1);background:var(--w)}
  .form-input::placeholder,.form-textarea::placeholder{color:var(--muted2)}
  .form-textarea{resize:vertical;min-height:90px}
  .form-row2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
  .zoho-container{margin-bottom:1.2rem}
  .zoho-placeholder{background:var(--blue-pale);border:1.5px dashed var(--blue-mid);border-radius:var(--r);padding:1.5rem;text-align:center;font-size:.83rem;color:var(--blue)}
  .zoho-placeholder strong{display:block;font-family:'Outfit',sans-serif;font-size:.9rem;font-weight:700;margin-bottom:.3rem}
  .form-submit{width:100%;background:var(--blue);color:#fff;border:none;border-radius:var(--r);padding:1rem;font-family:'Outfit',sans-serif;font-size:.95rem;font-weight: 600;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:-.01em}
  .form-submit:hover{background:var(--blue2);transform:translateY(-2px);box-shadow:0 10px 28px rgba(24,71,212,.35)}
  .form-note{text-align:center;font-size:.8rem;color:var(--muted2);margin-top:.9rem;display:flex;align-items:center;justify-content:center;gap:.35rem}
  .success-state{display:none;text-align:center;padding:3rem 1rem}
  .success-icon{width:64px;height:64px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;font-size:1.6rem}
  .success-state h3{font-family:'Outfit',sans-serif;font-size:1.5rem;font-weight: 600;color:var(--ink);margin-bottom:.4rem;letter-spacing:-.04em}
  .success-state p{font-size:.88rem;color:var(--muted);font-weight:300}

  /* ── FOOTER ── */
  footer{background:var(--ink2);padding:3.5rem 4.5rem 2rem}
  .footer-inner{max-width:1440px;margin:0 auto}
  .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:3rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.08)}
  .footer-col-title{font-family:'Outfit',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:1rem}
  .footer-logo-mark{font-family:'Outfit',sans-serif;font-size:1.2rem;font-weight:700;color:rgba(255,255,255,.75);letter-spacing:-.04em;margin-bottom:.6rem}
  .footer-logo-mark .ai{color:var(--blue3)}
  .footer-tagline{font-size:.82rem;color:rgba(255,255,255,.55);line-height:1.65;font-weight:300;margin-bottom:1.2rem;width:96%}
  .footer-address{font-size:.8rem;color:rgba(255,255,255,.5);line-height:1.85;font-weight:300}
  .footer-tel{display:inline-block;margin-top:.5rem;font-size:.85rem;font-weight:600;color:rgba(255,255,255,.65);text-decoration:none;transition:color .2s}
  .footer-tel:hover{color:rgba(255,255,255,.75)}
  .footer-nav{list-style:none;display:flex;flex-direction:column;gap:.55rem}
  .footer-nav a{font-size:.84rem;color:rgba(255,255,255,.55);text-decoration:none;transition:color .2s;font-weight:300}
  .footer-nav a:hover{color:rgba(255,255,255,.85)}
  .footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem;gap:1rem;flex-wrap:wrap}
  .footer-copy{font-size:.78rem;color:rgba(255,255,255,.4);font-weight:300}
  .footer-legal{display:flex;gap:1.5rem}
  .footer-legal a{font-size:.78rem;color:rgba(255,255,255,.45);text-decoration:none;transition:color .2s}
  .footer-legal a:hover{color:rgba(255,255,255,.8)}
  @media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer{padding:2.5rem 1.5rem 1.5rem}}
  @media(max-width:500px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}}

  /* ── ANIMATIONS ── */
  @keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
  @keyframes fadeIn{from{opacity:0}to{opacity:1}}
  @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
  @keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
  .reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease}
  .reveal.visible{opacity:1;transform:translateY(0)}

  /* ── RESPONSIVE ── */
  @media(max-width:1100px){
   #site-nav{padding:0 1.5rem;height:60px}
   .nav-links{display:none}
   .nav-ham{display:flex}
   .nav-mob{display:block}
   .hero{padding:7rem 1.5rem 4rem}
   .hero-inner{grid-template-columns:1fr}
   .hero-panel{display:none}
   .stats-inner{padding:2rem 1.5rem;grid-template-columns:repeat(2,1fr)}
   .stat{border-right:none;border-bottom:1px solid var(--border);padding:1rem}
   .stat:nth-last-child(-n+2){border-bottom:none}
   .section-inner{padding:5rem 1.5rem}
   .hub-inner{padding:5rem 1.5rem}
   .agents-intro{grid-template-columns:1fr;gap:2rem}
   .agents-grid,.install-grid,.hub-features-grid,.hw-grid{grid-template-columns:1fr}
   .pkgs-grid{grid-template-columns:1fr}
   [style*="grid-template-columns:repeat(4"]{grid-template-columns:1fr!important}
   .models-layout{grid-template-columns:1fr;gap:3rem}
   .process-grid{grid-template-columns:repeat(2,1fr)}
   .process-grid::before{display:none}
   .pain-layout{grid-template-columns:1fr;gap:2.5rem}
   .form-layout{grid-template-columns:1fr;gap:3rem}
   .audit-grid{grid-template-columns:1fr;gap:2rem}
   .form-row2{grid-template-columns:1fr}
   .hub-hero-row{grid-template-columns:1fr;gap:3rem}
   footer{padding:2rem 1.5rem}
   .footer-inner{flex-direction:column;text-align:center}
   .footer-links{display:none}
   .hm-body{grid-template-columns:1fr}
   .hm-sidebar{display:none}
   .sb-subs{gap:.7rem}
  }
 
  /* Cookie consent */
  .cookie-consent{position:fixed;bottom:1.2rem;left:50%;transform:translateX(-50%);width:auto;max-width:560px;min-width:300px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:#fff;color:var(--ink);padding:.85rem 1.1rem .85rem 1.3rem;border-radius:var(--rl);box-shadow:0 4px 24px rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.06);border:1px solid var(--border);z-index:10050;font-size:.78rem;white-space:nowrap}
  .cookie-consent p{margin:0;line-height:1.4;color:var(--muted);font-weight:300;white-space:normal}
  .cookie-consent strong{color:var(--ink);font-weight:600}
  .cookie-consent .cookie-actions{display:flex;gap:.5rem;flex-shrink:0}
  .cookie-consent .btn{padding:.38rem .9rem;border-radius:var(--r);border:1.5px solid var(--border2);cursor:pointer;font-weight:600;font-size:.75rem;font-family:'Outfit',sans-serif;transition:all .15s}
  .cookie-consent .btn-accept{background:var(--blue);color:#fff;border-color:var(--blue)}
  .cookie-consent .btn-accept:hover{background:var(--blue2)}
  .cookie-consent .btn-decline{background:transparent;color:var(--muted);border-color:var(--border)}
  .cookie-consent .btn-decline:hover{border-color:var(--muted2);color:var(--ink)}
  @media(prefers-reduced-motion:reduce){.cookie-consent{transition:none!important}}
  @media(max-width:600px){.cookie-consent{left:1rem;right:1rem;transform:none;max-width:none;flex-direction:column;align-items:flex-start;white-space:normal}}


  .vat{font-size:.45em;color:var(--muted2);font-weight:400;margin-left:.35rem;vertical-align:baseline}

  /* integration section responsive grid */
  .integration-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding:5rem 4.5rem}
  @media(max-width:1100px){.integration-inner{grid-template-columns:1fr;padding:5rem 1.5rem}}


  /* sub-agent descriptions */
  .sb-sub-desc{font-size:.78rem;color:var(--muted2);margin-top:.4rem;text-align:center}
  .sb-orchestrator{display:flex;align-items:center;gap:1rem;margin:1rem 0 1rem}


  /* ── MASTER AGENT HIERARCHY DIAGRAM ── */
  .ma-diagram{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:.5rem}
  .ma-tier{display:flex;justify-content:center;width:100%}
  .ma-master{background:linear-gradient(145deg,#eef3ff 0%,#fff 100%);border:1.5px solid var(--blue-mid);border-radius:var(--rl);padding:1.5rem 2rem;width:280px;box-shadow:0 2px 12px rgba(24,71,212,.1);position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}
  .ma-master-live{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:.35rem;font-family:'Outfit',sans-serif;font-size:.65rem;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.06em}
  .ma-live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 2s ease-in-out infinite}
  .ma-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(24,71,212,.12),rgba(99,102,241,.08));display:flex;align-items:center;justify-content:center;margin-bottom:.2rem;flex-shrink:0}
  .ma-node-title{font-family:'Outfit',sans-serif;font-size:1.05rem;font-weight:700;color:var(--ink);letter-spacing:-.03em;line-height:1.2}
  .ma-node-desc{font-size:.8rem;color:var(--muted);line-height:1.55;font-weight:300}
  .ma-badge{display:inline-flex;align-items:center;font-family:'Outfit',sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.22rem .65rem;border-radius:100px;margin-top:.3rem}
  .badge-blue{background:var(--blue-pale);color:var(--blue);border:1px solid var(--blue-mid)}
  .badge-indigo{background:rgba(99,102,241,.1);color:var(--indigo);border:1px solid rgba(99,102,241,.25)}
  .badge-violet{background:rgba(124,58,237,.09);color:var(--violet);border:1px solid rgba(124,58,237,.22)}
  .badge-teal{background:rgba(8,145,178,.09);color:var(--teal);border:1px solid rgba(8,145,178,.22)}
  .badge-green{background:rgba(5,150,105,.09);color:var(--green);border:1px solid rgba(5,150,105,.22)}
  .badge-orange{background:rgba(217,119,6,.09);color:var(--orange);border:1px solid rgba(217,119,6,.22)}
  .badge-pink{background:rgba(219,39,119,.09);color:var(--pink);border:1px solid rgba(219,39,119,.22)}
  .ma-ops{background:linear-gradient(145deg,#f5f3ff 0%,#fff 100%);border:1.5px solid rgba(99,102,241,.3);border-radius:var(--rl);padding:1.4rem 2rem;width:260px;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;box-shadow:0 2px 10px rgba(99,102,241,.08)}
  .ma-ops-icon{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,rgba(99,102,241,.14),rgba(124,58,237,.08));display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .ma-specs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;margin-top:0}
  .ma-spec{background:var(--w);border:1px solid var(--border);border-radius:var(--rl);padding:1.3rem 1.2rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--sh);transition:transform .25s cubic-bezier(.22,.68,0,1.2),box-shadow .25s;position:relative;overflow:hidden}
  .ma-spec::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--rl) var(--rl) 0 0}
  .ma-spec:hover{transform:translateY(-4px);box-shadow:var(--shl)}
  .ma-spec-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .ma-spec-title{font-family:'Outfit',sans-serif;font-size:.92rem;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.2}
  .ma-spec-desc{font-size:.78rem;color:var(--muted);line-height:1.55;font-weight:300}
  .ma-spec.ag-hr::before{background:linear-gradient(90deg,var(--violet),#a78bfa)}.ma-spec.ag-hr .ma-spec-icon{background:rgba(124,58,237,.1)}
  .ma-spec.ag-mkt::before{background:linear-gradient(90deg,var(--teal),#22d3ee)}.ma-spec.ag-mkt .ma-spec-icon{background:rgba(8,145,178,.1)}
  .ma-spec.ag-sys::before{background:linear-gradient(90deg,var(--green),#34d399)}.ma-spec.ag-sys .ma-spec-icon{background:rgba(5,150,105,.1)}
  .ma-spec.ag-fin::before{background:linear-gradient(90deg,var(--orange),#fbbf24)}.ma-spec.ag-fin .ma-spec-icon{background:rgba(217,119,6,.1)}
  .ma-spec.ag-hub::before{background:linear-gradient(90deg,var(--blue),var(--indigo))}.ma-spec.ag-hub .ma-spec-icon{background:rgba(24,71,212,.1)}
  .ma-spec.ag-cust::before{background:linear-gradient(90deg,var(--pink),#f472b6)}.ma-spec.ag-cust .ma-spec-icon{background:rgba(219,39,119,.1)}
  .ma-vline{display:flex;justify-content:center;height:44px;position:relative}
  .ma-vline svg{overflow:visible}
  .ma-branch{width:100%;height:52px;position:relative}
  .ma-branch svg{width:100%;height:52px;overflow:visible;display:block}
  .ma-flow{stroke-dasharray:5 5;animation:maDash 1.6s linear infinite}
  @keyframes maDash{to{stroke-dashoffset:-20}}
  .ma-tier-label{display:flex;align-items:center;gap:10px;width:100%;margin:16px 0 14px}
  .ma-tier-line{flex:1;height:1px;background:var(--border)}
  .ma-tier-text{font-family:'Outfit',sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);white-space:nowrap}
  .ma-channels{display:flex;justify-content:center;margin-top:20px;flex-wrap:wrap;gap:.5rem}
  .ma-channel{display:inline-flex;align-items:center;gap:.4rem;font-family:'Outfit',sans-serif;font-size:.7rem;font-weight:600;color:var(--muted);background:var(--off);border:1px solid var(--border);border-radius:100px;padding:.28rem .8rem}
  @media(max-width:900px){.ma-specs-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:540px){.ma-master,.ma-ops{width:100%;max-width:100%}.ma-specs-grid{grid-template-columns:repeat(2,1fr);gap:10px}}

  /* ── TOKEN OPTIMISATION SECTION ── */
  .token-section{background:var(--ink2);color:#fff;overflow:hidden;position:relative}
  .token-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(56,189,248,.07) 1px,transparent 1px);background-size:36px 36px;pointer-events:none}
  .token-inner{max-width:1440px;margin:0 auto;padding:8rem 4.5rem;position:relative;z-index:1}
  .token-layout{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start}
  .token-section .s-lbl{color:#7dd3fc}
  .token-section .s-lbl::before{background:#7dd3fc}
  .token-section .s-title{color:#fff}
  .token-section .s-sub{color:rgba(255,255,255,.7)}
  .token-savings-bar{margin-top:2.5rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--rl);padding:1.8rem 2rem}
  .tsb-label{font-family:'Outfit',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:1.2rem}
  .tsb-row{display:flex;align-items:center;gap:1rem;margin-bottom:.9rem}
  .tsb-row:last-child{margin-bottom:0}
  .tsb-name{font-family:'Outfit',sans-serif;font-size:.78rem;font-weight:600;color:rgba(255,255,255,.6);width:120px;flex-shrink:0}
  .tsb-track{flex:1;height:7px;background:rgba(255,255,255,.08);border-radius:100px;overflow:hidden}
  .tsb-fill{height:100%;border-radius:100px;animation:barGrow .9s ease forwards;transform-origin:left}
  @keyframes barGrow{from{width:0}to{width:var(--w)}}
  .tsb-fill.f-blue{background:linear-gradient(90deg,#3b82f6,#818cf8)}
  .tsb-fill.f-green{background:linear-gradient(90deg,#10b981,#34d399)}
  .tsb-fill.f-teal{background:linear-gradient(90deg,#0891b2,#22d3ee)}
  .tsb-pct{font-family:'Outfit',sans-serif;font-size:.78rem;font-weight:700;color:#fff;width:42px;text-align:right;flex-shrink:0}
  .token-cards{display:flex;flex-direction:column;gap:1.1rem}
  .token-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--rl);padding:1.6rem;display:flex;gap:1.2rem;align-items:flex-start;transition:background .2s,border-color .2s}
  .token-card:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
  .token-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .token-card-title{font-family:'Outfit',sans-serif;font-size:.95rem;font-weight:700;color:#fff;margin-bottom:.35rem;letter-spacing:-.02em}
  .token-card-desc{font-size:.83rem;color:rgba(255,255,255,.5);line-height:1.6;font-weight:300}
  .token-stat-pill{display:inline-flex;align-items:center;gap:.4rem;font-family:'Outfit',sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:.22rem .7rem;border-radius:100px;margin-top:.55rem}
  .tsp-green{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.25)}
  .tsp-blue{background:rgba(59,130,246,.15);color:#93c5fd;border:1px solid rgba(59,130,246,.25)}
  .tsp-teal{background:rgba(8,145,178,.15);color:#67e8f9;border:1px solid rgba(8,145,178,.25)}
  @media(max-width:1100px){.token-layout{grid-template-columns:1fr;gap:3rem}.token-inner{padding:5rem 1.5rem}}

  /* Agent Memory RAG section */
  #agent-memory .rag-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem}
  @media(max-width:1100px){#agent-memory .rag-grid{grid-template-columns:1fr;gap:2rem}}

  .agent-card{background:var(--w);border:1px solid var(--border);border-radius:var(--rxl);padding:1.6rem 1.6rem 0;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;display:flex;flex-direction:column}
  .agent-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px}
  .agent-card:nth-child(1)::after{background:linear-gradient(90deg,var(--violet),#a78bfa)}
  .agent-card:nth-child(2)::after{background:linear-gradient(90deg,var(--teal),#22d3ee)}
  .agent-card:nth-child(3)::after{background:linear-gradient(90deg,var(--orange),#fbbf24)}
  .agent-card:nth-child(4)::after{background:linear-gradient(90deg,var(--green),#34d399)}
  .agent-card:nth-child(5)::after{background:linear-gradient(90deg,var(--blue),var(--indigo))}
  .agent-card:nth-child(6)::after{background:linear-gradient(90deg,var(--pink),#f472b6)}
  .agent-card:hover{transform:translateY(-6px);box-shadow:var(--shl)}
  .agent-card-top{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}
  .agent-card-meta{margin-top:auto;border-top:1px solid var(--border);padding:.65rem 1.6rem;margin-left:-1.6rem;margin-right:-1.6rem;background:var(--off);display:flex;align-items:center}
  .agent-saving{display:inline-flex;align-items:center;gap:.4rem;font-family:'Outfit',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--green);white-space:nowrap}

  /* ── MODERNISED STATS BAR ── */
  .stat-num{font-family:'Outfit',sans-serif;font-size:2.6rem;font-weight:700;color:var(--ink);line-height:1;margin-bottom:.5rem;letter-spacing:-.04em}
  .stat-num span{color:var(--blue)}

  /* ── PACKAGES – compute note ── */
  .compute-note{background:linear-gradient(135deg,#eef3ff,#f5f3ff);border:1px solid var(--blue-mid);border-radius:var(--rl);padding:1.6rem 2rem;margin-top:2.2rem;display:flex;gap:1.2rem;align-items:flex-start}
  .compute-note-icon{flex-shrink:0;width:38px;height:38px;border-radius:9px;background:var(--blue-pale);border:1px solid var(--blue-mid);display:flex;align-items:center;justify-content:center}
  .compute-note-title{font-family:'Outfit',sans-serif;font-size:.92rem;font-weight:700;color:var(--ink);margin-bottom:.3rem;letter-spacing:-.02em}
  .compute-note-text{font-size:.82rem;color:var(--muted);line-height:1.6;font-weight:300}

  /* ── PAIN / SOLUTION – modernised ── */
  .pain-item{border-left:3px solid #fca5a5;background:var(--w);border:1px solid #fde8e8;border-left:3px solid #f87171}
  .solution-item{border-left:3px solid #6ee7b7;background:linear-gradient(135deg,#f0fdf7,#fff);border:1px solid #a7f3d0;border-left:3px solid #10b981}

  /* ── PROCESS – modernised ── */
  .proc-num{width:52px;height:52px;background:var(--w);border:2px solid var(--blue-mid);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;position:relative;z-index:1;transition:background .25s,border-color .25s,box-shadow .25s}
  .proc-step:hover .proc-num{background:var(--blue);border-color:var(--blue);box-shadow:0 6px 24px rgba(24,71,212,.3)}

  /* ── LLM MODEL SELECTOR ── */
  .mac-selector-section{background:var(--off)}
  .mac-tabs{display:flex;gap:.5rem;background:var(--w);border:1px solid var(--border);border-radius:var(--rl);padding:.35rem;width:fit-content;margin:0 auto 3rem}
  .mac-tab{font-family:'Outfit',sans-serif;font-size:.82rem;font-weight:600;color:var(--muted);padding:.55rem 1.4rem;border-radius:10px;cursor:pointer;transition:all .2s;letter-spacing:-.01em;border:none;background:transparent}
  .mac-tab.active{background:var(--blue);color:#fff;box-shadow:0 2px 10px rgba(24,71,212,.25)}
  .mac-tab:hover:not(.active){color:var(--ink);background:var(--off)}
  .mac-panel{display:none}.mac-panel.active{display:block}
  .mac-hero-spec{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start;margin-bottom:3rem}
  .mac-spec-intro{background:var(--w);border:1px solid var(--border);border-radius:var(--rxl);padding:2rem 2.2rem;box-shadow:var(--sh)}
  .mac-spec-label{font-family:'Outfit',sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);margin-bottom:.7rem}
  .mac-spec-name{font-family:'Outfit',sans-serif;font-size:1.5rem;font-weight:700;color:var(--ink);letter-spacing:-.04em;margin-bottom:.35rem}
  .mac-spec-tagline{font-size:.88rem;color:var(--muted);line-height:1.6;font-weight:300;margin-bottom:1.4rem}
  .mac-spec-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem}
  .mac-pill{display:inline-flex;align-items:center;gap:.35rem;font-family:'Outfit',sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:.3rem .8rem;border-radius:100px}
  .mac-pill.p-blue{background:var(--blue-pale);color:var(--blue);border:1px solid var(--blue-mid)}
  .mac-pill.p-green{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}
  .mac-pill.p-orange{background:#fef3c7;color:#92400e;border:1px solid #fde68a}
  .mac-pill.p-violet{background:#ede9fe;color:#5b21b6;border:1px solid #ddd6fe}
  .mac-price-row{display:flex;align-items:baseline;gap:.6rem;padding-top:1.2rem;border-top:1px solid var(--border)}
  .mac-hw-price{font-family:'Outfit',sans-serif;font-size:1.5rem;font-weight:700;color:var(--ink);letter-spacing:-.04em}
  .mac-hw-from{font-size:.8rem;color:var(--muted);font-weight:300}
  .mac-hw-note{font-size:.74rem;color:var(--muted2);margin-top:.2rem}
  .mac-configs{display:flex;flex-direction:column;gap:.75rem}
  .mac-config{background:var(--w);border:1px solid var(--border);border-radius:var(--rl);padding:1.3rem 1.5rem;display:grid;grid-template-columns:90px 1fr auto;gap:1rem;align-items:center;transition:border-color .2s,box-shadow .2s;cursor:default;position:relative}
  .mac-config:hover{border-color:var(--blue-mid);box-shadow:var(--sh)}
  .mac-config.recommended{border-color:var(--blue);background:linear-gradient(135deg,#fff,var(--blue-pale))}
  .mac-config-ram{font-family:'Outfit',sans-serif;font-size:1.4rem;font-weight:700;color:var(--ink);letter-spacing:-.04em;line-height:1}
  .mac-config-ram-sub{font-size:.68rem;color:var(--muted2);font-weight:400;letter-spacing:.02em}
  .mac-config-models{font-family:'Outfit',sans-serif;font-size:.82rem;font-weight:600;color:var(--ink);margin-bottom:.25rem;letter-spacing:-.01em}
  .mac-config-desc{font-size:.76rem;color:var(--muted);line-height:1.45;font-weight:300}
  .mac-config-badge{font-family:'Outfit',sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.22rem .65rem;border-radius:100px;white-space:nowrap;text-align:center}
  .mcb-entry{background:#fef3c7;color:#92400e;border:1px solid #fde68a}
  .mcb-good{background:var(--blue-pale);color:var(--blue);border:1px solid var(--blue-mid)}
  .mcb-best{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}
  .mcb-pro{background:#ede9fe;color:#5b21b6;border:1px solid #ddd6fe}
  .mac-rec-flag{position:absolute;top:-1px;right:16px;background:var(--blue);color:#fff;font-family:'Outfit',sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .7rem;border-radius:0 0 6px 6px}
  .mac-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
  .mac-use-card{background:var(--w);border:1px solid var(--border);border-radius:var(--rxl);padding:2rem 1.8rem 0;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;display:flex;flex-direction:column}
  .mac-use-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px}
  .mac-use-card:nth-child(1)::after{background:linear-gradient(90deg,var(--blue),var(--indigo))}
  .mac-use-card:nth-child(2)::after{background:linear-gradient(90deg,var(--teal),#22d3ee)}
  .mac-use-card:nth-child(3)::after{background:linear-gradient(90deg,var(--violet),#a78bfa)}
  .mac-use-card:hover{transform:translateY(-5px);box-shadow:var(--shl)}
  .mac-use-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1.2rem;flex-shrink:0}
  .mac-use-icon-wrap.c-blue{background:var(--blue-pale);border:1px solid var(--blue-mid)}
  .mac-use-icon-wrap.c-teal{background:#ecfeff;border:1px solid #a5f3fc}
  .mac-use-icon-wrap.c-violet{background:#faf5ff;border:1px solid #ddd6fe}
  .mac-use-title{font-family:'Outfit',sans-serif;font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:.5rem;letter-spacing:-.03em}
  .mac-use-desc{font-size:.83rem;color:var(--muted);line-height:1.6;font-weight:300;flex:1;padding-bottom:1.2rem}
  .mac-use-rec{margin-top:auto;border-top:1px solid var(--border);padding:.7rem 1.8rem;margin-left:-1.8rem;margin-right:-1.8rem;background:var(--off);display:flex;align-items:center;gap:.4rem;font-family:'Outfit',sans-serif;font-size:.72rem;font-weight:700;color:var(--blue);letter-spacing:-.01em}
  .mac-use-rec svg{flex-shrink:0}
  @media(max-width:900px){.mac-hero-spec{grid-template-columns:1fr}.mac-use-grid{grid-template-columns:1fr 1fr}}

  /* ── Zoho lightbox (shared across all form pages) ── */
  .zf_lB_Dimmer_120276{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:.8;z-index:10000000}
  .zf_lB_Container_120276{position:fixed;background:#fff;margin:0;padding:0;height:500px;width:850px;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);border:7px solid none;max-height:calc(100% - 60px);z-index:999999;transition:height .5s ease;outline:none}
  .zf_lB_Wrapper_120276{position:fixed;top:50%;left:50%;margin-left:0;margin-top:-180px;z-index:10000001}
  .zf_main_id_120276{height:calc(100% - 0px);display:flex;overflow-y:auto;overflow-x:hidden}
  .zf_lb_closeform_120276{position:absolute;right:-20px;background:#2f2e2e;padding:0;border-radius:50%;width:34px;height:34px;top:-15px;cursor:pointer;border:2px solid #d9d9d9}
  .zf_lb_closeform_120276:before,.zf_lb_closeform_120276:after{position:absolute;left:16px;content:' ';height:19px;width:2px;top:7px;background:#f7f7f7}
  .zf_lb_closeform_120276:before{transform:rotate(45deg)}
  .zf_lb_closeform_120276:after{transform:rotate(-45deg)}
  .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:block!important}
  @-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
  @keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
  @media screen and (min-device-width:10px) and (max-device-width:380px){.zf_lB_Container_120276{width:270px!important}}
  @media screen and (min-device-width:360px) and (max-device-width:480px){.zf_lB_Container_120276{width:350px!important}}
  @media screen and (min-device-width:440px) and (max-device-width:500px){.zf_lB_Container_120276{width:380px!important}}
  @media only screen and (min-width:500px) and (max-width:600px){.zf_lB_Container_120276{width:450px}}
  @media only screen and (min-width:601px) and (max-width:700px){.zf_lB_Container_120276{width:540px}}
  @media only screen and (min-width:700px) and (max-width:800px){.zf_lB_Container_120276{width:650px}}
  @media screen and (min-device-width:801px) and (max-device-width:1268px){.zf_lB_Container_120276{width:750px!important}}

  /* ── Register / Audit section (global component) ── */
  .register-section{background:var(--off)}
  .register-inner{max-width:1440px;margin:0 auto;padding:6rem 4.5rem}
  .register-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-top:3rem}
  .register-bullets{list-style:none;padding:0;display:flex;flex-direction:column;gap:.9rem;margin:2rem 0}
  .register-bullet{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:var(--ink)}
  .register-bullet-icon{width:20px;height:20px;background:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem}
  .register-tel{display:flex;align-items:center;gap:.8rem;font-family:'Outfit',sans-serif;font-size:1.2rem;font-weight:700;color:var(--ink);text-decoration:none;margin-bottom:.5rem}
  .register-tel-note{font-size:.8rem;color:var(--muted)}
  .register-form-box{background:var(--w);border:1px solid var(--border);border-radius:var(--rxl);padding:1.5rem;box-shadow:var(--shxl)}
  .register-form-heading{font-family:'Outfit',sans-serif;font-size:1.1rem;font-weight:700;color:var(--ink);margin-bottom:.3rem;letter-spacing:-.02em}
  .register-form-sub{font-size:.88rem;color:var(--muted);font-weight:300;margin-bottom:.5rem}
  .register-form-call{font-size:.9rem;color:var(--muted);margin-top:.8rem;margin-bottom:1.2rem;font-weight:300}
  @media(max-width:960px){.register-grid{grid-template-columns:1fr}}
  @media(max-width:768px){.register-inner{padding:4rem 1.5rem}}

  /* ── Solutions pages shared CSS (finance, hr, marketing, operations, sales) ── */
  .qw-badge{display:inline-flex;align-items:center;gap:.3rem;background:#d1fae5;border:1px solid #a7f3d0;color:#065f46;font-size:.65rem;font-weight:700;font-family:'Outfit',sans-serif;padding:.18rem .55rem;border-radius:100px;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em}
  .task-table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.85rem}
  .task-table th{font-family:'Outfit',sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:.75rem 1rem;border-bottom:2px solid var(--border);text-align:left;background:var(--off)}
  .task-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border);color:var(--ink);vertical-align:middle;line-height:1.4}
  .task-table tr:hover td{background:var(--off)}
  .task-table .task-name{font-weight:500;color:var(--ink)}
  .task-table .task-time{font-family:'Outfit',sans-serif;font-weight:600;color:var(--blue);white-space:nowrap}
  .task-table .task-value{font-family:'Outfit',sans-serif;font-weight:600;color:var(--green);white-space:nowrap}
  .diff-easy{display:inline-block;padding:.2rem .6rem;border-radius:100px;font-size:.68rem;font-weight:700;font-family:'Outfit',sans-serif;background:#d1fae5;color:#065f46}
  .diff-medium{display:inline-block;padding:.2rem .6rem;border-radius:100px;font-size:.68rem;font-weight:700;font-family:'Outfit',sans-serif;background:#fef3c7;color:#92400e}
  .diff-hard{display:inline-block;padding:.2rem .6rem;border-radius:100px;font-size:.68rem;font-weight:700;font-family:'Outfit',sans-serif;background:#fee2e2;color:#991b1b}
  .dept-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin:3rem 0}
  .dept-stat-box{background:var(--w);border:1px solid var(--border);border-radius:var(--rxl);padding:1.8rem;text-align:center}
  .dept-stat-num{font-family:'Outfit',sans-serif;font-size:1.8rem;font-weight:700;color:var(--blue);letter-spacing:-.04em;margin-bottom:.3rem}
  .dept-stat-lbl{font-size:.78rem;color:var(--muted);font-weight:400}
  .int-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
  .int-chip{font-family:'Outfit',sans-serif;font-size:.75rem;font-weight:600;background:var(--off);border:1px solid var(--border);color:var(--ink);padding:.3rem .8rem;border-radius:100px}
  .table-filter{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}
  .tfilter-btn{font-family:'Outfit',sans-serif;font-size:.78rem;font-weight:600;padding:.4rem .9rem;border-radius:100px;border:1.5px solid var(--border);background:var(--w);color:var(--muted);cursor:pointer;transition:all .2s}
  .tfilter-btn.active,.tfilter-btn:hover{background:var(--blue);border-color:var(--blue);color:#fff}
  .breadcrumb{padding:.75rem 4.5rem;background:var(--w);border-bottom:1px solid var(--border)}
  .breadcrumb-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:.5rem;font-family:'Outfit',sans-serif;font-size:.8rem;color:var(--muted)}
  .breadcrumb a{color:var(--muted);text-decoration:none;transition:color .2s}
  .breadcrumb a:hover{color:var(--blue)}
  .breadcrumb-sep{color:var(--border)}
  .breadcrumb-current{color:var(--ink);font-weight:500}
  .dept-section{padding:5rem 4.5rem}
  .dept-section-alt{background:var(--off)}
  .dept-section-inner{max-width:1440px;margin:0 auto}
  .agent-bullets{list-style:none;padding:0;margin:2rem 0;display:flex;flex-direction:column;gap:1rem}
  .agent-bullet{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem 1.5rem;background:var(--w);border:1px solid var(--border);border-radius:var(--rl);transition:box-shadow .2s}
  .agent-bullet:hover{box-shadow:0 4px 20px rgba(24,71,212,.08)}
  .agent-bullet-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem}
  .agent-bullet-icon svg{width:16px;height:16px}
  .agent-bullet p{font-family:'Poppins',sans-serif;font-size:.9rem;line-height:1.6;color:var(--ink);margin:0}
  .table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--rl)}
  @media(max-width:900px){.dept-stats-row{grid-template-columns:1fr 1fr}.task-table th:nth-child(3),.task-table td:nth-child(3){display:none}.dept-section{padding:3.5rem 1.5rem}.breadcrumb{padding:.75rem 1.5rem}}
  @media(max-width:600px){.task-table th:nth-child(4),.task-table td:nth-child(4){display:none}}

  /* ── Legal pages (privacy + terms) ── */
  .lp-hero{padding:9rem 4.5rem 5rem;background:var(--w);background-image:url(hexagon-back-white.jpg);background-size:cover;background-position:center;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
  .lp-hero-inner{max-width:860px;margin:0 auto;position:relative}
  .lp-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:'Outfit',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);background:var(--blue-pale);border:1px solid var(--blue-mid);padding:.3rem .9rem;border-radius:100px;margin-bottom:1.4rem}
  .lp-hero h1{font-family:'Outfit',sans-serif;font-size:clamp(2.2rem,4.5vw,3.2rem);font-weight:700;color:var(--ink);letter-spacing:-.05em;line-height:1.05;margin-bottom:1rem}
  .lp-hero-sub{font-size:.98rem;color:var(--muted);line-height:1.8;max-width:560px;font-weight:300;margin-bottom:1.8rem}
  .lp-meta{display:flex;gap:.75rem;flex-wrap:wrap}
  .lp-meta-chip{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--muted);font-weight:400;background:var(--off);border:1px solid var(--border);padding:.3rem .8rem;border-radius:var(--r)}
  .lp-meta-chip svg{color:var(--muted2);flex-shrink:0}
  .lp-wrap{display:grid;grid-template-columns:220px 1fr;max-width:1080px;margin:0 auto;gap:1.5rem}
  .lp-aside{position:sticky;top:80px;height:fit-content;padding:3rem 0 3rem 2rem;border-right:1px solid var(--border)}
  .lp-aside-label{font-family:'Outfit',sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);margin-bottom:.9rem}
  .lp-toc{list-style:none;display:flex;flex-direction:column;gap:.1rem}
  .lp-toc a{display:flex;align-items:baseline;gap:.5rem;font-size:.78rem;color:var(--muted);text-decoration:none;padding:.38rem .65rem;border-radius:6px;border-left:2px solid transparent;transition:all .15s ease;line-height:1.45;font-weight:300}
  .lp-toc a:hover{color:var(--ink);background:var(--off)}
  .lp-toc a.active{color:var(--blue);background:var(--blue-pale);border-left-color:var(--blue);font-weight:500}
  .lp-toc-n{font-family:'Outfit',sans-serif;font-size:.6rem;font-weight:700;color:var(--muted2);opacity:.7;min-width:14px}
  .lp-toc a.active .lp-toc-n{color:var(--blue);opacity:.8}
  .lp-body{padding:3rem 2rem 7rem 2rem}
  .lp-intro{background:linear-gradient(135deg,var(--blue-pale),#edf0ff);border:1px solid var(--blue-mid);border-radius:var(--rxl);padding:1.5rem 1.8rem;margin-bottom:2.5rem;font-size:.93rem;color:#1e3a8a;line-height:1.8;font-weight:300}
  .lp-intro strong{font-weight:700;color:#1e3a8a}
  .lp-sec{margin-bottom:3rem;scroll-margin-top:96px}
  .lp-sec-hdr{display:flex;align-items:center;gap:.9rem;padding-bottom:.85rem;margin-bottom:1.1rem;border-bottom:1px solid var(--border)}
  .lp-sec-badge{font-family:'Outfit',sans-serif;font-size:.7rem;font-weight:700;color:var(--blue);background:var(--blue-pale);border:1px solid var(--blue-mid);min-width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .lp-sec h2{font-family:'Outfit',sans-serif;font-size:1.05rem;font-weight:700;color:var(--ink);letter-spacing:-.03em;margin:0}
  .lp-sec h3{font-family:'Outfit',sans-serif;font-size:.9rem;font-weight:700;color:var(--ink);letter-spacing:-.02em;margin:1.4rem 0 .5rem}
  .lp-sec p{font-size:.9rem;color:var(--muted);line-height:1.85;margin-bottom:.8rem;font-weight:300}
  .lp-sec ul,.lp-sec ol{list-style:none;margin:.4rem 0 1rem;padding:0;display:flex;flex-direction:column;gap:.4rem}
  .lp-sec li{font-size:.9rem;color:var(--muted);line-height:1.7;font-weight:300;display:flex;gap:.65rem;align-items:flex-start}
  .lp-sec li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--blue-mid);border:1px solid var(--blue);flex-shrink:0;margin-top:.62rem}
  .lp-sec strong{color:var(--ink);font-weight:600}
  .lp-note{background:var(--off);border:1px solid var(--border);border-radius:var(--r);padding:.9rem 1.2rem;font-size:.85rem;color:var(--muted);line-height:1.75;margin:.8rem 0;font-weight:300}
  .lp-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:.8rem 0}
  .lp-contact-card{background:var(--w);border:1px solid var(--border);border-radius:var(--rl);padding:1rem 1.1rem}
  .lp-contact-label{font-family:'Outfit',sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);margin-bottom:.3rem}
  .lp-contact-val{font-size:.85rem;color:var(--ink);font-weight:500;line-height:1.5}
  .rights-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:.8rem 0}
  .right-card{background:var(--w);border:1px solid var(--border);border-radius:var(--rl);padding:1rem 1.2rem;transition:border-color .2s}
  .right-card:hover{border-color:var(--blue-mid)}
  .right-title{font-family:'Outfit',sans-serif;font-size:.82rem;font-weight:700;color:var(--ink);margin-bottom:.3rem;letter-spacing:-.01em}
  .right-desc{font-size:.78rem;color:var(--muted);line-height:1.6;font-weight:300}
  @media(max-width:900px){
   .lp-hero{padding:7rem 1.5rem 3rem}
   .lp-wrap{grid-template-columns:1fr}
   .lp-aside{position:static;padding:1.5rem;border-right:none;border-bottom:1px solid var(--border)}
   .lp-toc{flex-direction:row;flex-wrap:wrap;gap:.3rem}
   .lp-toc a{padding:.28rem .55rem;border-left:none;border-bottom:2px solid transparent;font-size:.72rem}
   .lp-toc a.active{border-left:none;border-bottom-color:var(--blue)}
   .lp-body{padding:2rem 1.5rem 4rem}
   .lp-contact{grid-template-columns:1fr}
   .rights-grid{grid-template-columns:1fr}
  }
  @media(max-width:600px){.mac-tabs{flex-wrap:wrap;justify-content:center}.mac-config{grid-template-columns:70px 1fr}.mac-config-badge{display:none}.mac-use-grid{grid-template-columns:1fr}.mac-use-card{padding:1.6rem 1.4rem 0}.mac-use-rec{padding:.65rem 1.4rem;margin-left:-1.4rem;margin-right:-1.4rem}}