/* ===== brAInam.ai — enterprise design ===== */
:root{
  --ink:#050816;--ink2:#0a1030;--ink3:#111a44;
  --blue:#38b6ff;--violet:#7c5cff;--grad:linear-gradient(135deg,#38b6ff 0%,#7c5cff 100%);
  --text:#0b1020;--body:#4a5268;--muted:#6b7389;--line:#e5e8f1;--mist:#f5f7fc;--paper:#fff;
  --dline:rgba(255,255,255,.08);--dtext:#c9cfe3;--dmuted:#8f97b3;
  --r:20px;--shadow:0 1px 2px rgba(11,16,32,.04),0 12px 40px -12px rgba(11,16,32,.12);
  --hf:'Plus Jakarta Sans','Inter',system-ui,sans-serif;--bf:'Inter',system-ui,sans-serif;
}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:var(--bf);color:var(--body);background:var(--paper);-webkit-font-smoothing:antialiased}

/* kill Astra chrome on this page — we render our own header/footer */
#masthead,.site-footer,.ast-scroll-top-icon,#ast-scroll-top{display:none!important}
.ast-page-builder-template .site-content>.ast-container,.site-content .ast-container{max-width:none!important;padding:0!important}
.entry-content>*{margin:0!important}
.ast-page-builder-template .entry-header{display:none}
#primary{margin:0!important;padding:0!important}

/* base */
.bx{position:relative;overflow:hidden;padding:120px 0}
.bx .bx-wrap{max-width:1200px!important;width:100%;margin-left:auto!important;margin-right:auto!important;padding:0 28px;position:relative;z-index:2;box-sizing:border-box}
.bx h1,.bx h2,.bx h3{font-family:var(--hf);color:var(--text);letter-spacing:-.025em;margin:0}
.bx h2{font-size:clamp(30px,3.8vw,48px);line-height:1.1;font-weight:800}
.bx h3{font-size:19px;line-height:1.3;font-weight:700}
.bx p{margin:0}
.bx a,.bx a:hover,.bx-btn{text-decoration:none!important}
.bx-head{max-width:760px;margin-bottom:64px}
.bx-head p{font-size:18px;line-height:1.65;margin-top:18px}
.bx-head a{color:var(--violet);font-weight:600}
.bx-kick{display:inline-flex;align-items:center;gap:8px;font:700 13px/1 var(--bf);letter-spacing:.14em;text-transform:uppercase;color:var(--violet);margin-bottom:18px}
.bx-kick:before{content:"";width:22px;height:2px;border-radius:2px;background:var(--grad)}
.bx-kick.lt{color:#a9dcff}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* buttons */
.bx-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.bx-ctas.c{justify-content:center}
.bx-btn{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 26px;border-radius:14px;font:600 16px/1 var(--bf);transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}
.bx-btn:hover{transform:translateY(-2px)}
.bx-btn-pri{background:var(--grad);color:#fff!important;box-shadow:0 12px 32px -8px rgba(92,120,255,.6),inset 0 1px 0 rgba(255,255,255,.25)}
.bx-btn-pri:hover{box-shadow:0 18px 44px -10px rgba(92,120,255,.75)}
.bx-btn-sec{background:rgba(255,255,255,.06);color:#fff!important;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px)}
.bx-btn-sec:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.1)}
.bx-btn-ghost{color:var(--text)!important;border:1px solid var(--line);background:#fff}
.bx-btn-ghost:hover{border-color:var(--violet)}
.bx-bi{display:inline-flex;width:18px;height:18px}.bx-bi svg{width:100%;height:100%}
.bx-bi.l{width:20px;height:20px}

/* icons */
.bx-ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;color:var(--violet);background:linear-gradient(135deg,rgba(56,182,255,.14),rgba(124,92,255,.14));box-shadow:inset 0 0 0 1px rgba(124,92,255,.18);margin-bottom:22px}
.bx-ic svg{width:24px;height:24px}
.bx-ti{display:inline-flex;width:18px;height:18px;color:var(--blue);flex:none}.bx-ti svg{width:100%;height:100%;stroke-width:2.4}
.bx-fi{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:var(--grad);color:#fff;flex:none}.bx-fi svg{width:19px;height:19px}

/* ===== HERO ===== */
.bx-hero{background:var(--ink);padding:170px 0 70px;color:var(--dtext)}
.bx-hero-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55}
.orb.o1{width:620px;height:620px;background:#2a6dff;top:-220px;right:-120px;animation:float 14s ease-in-out infinite}
.orb.o2{width:520px;height:520px;background:#6a3dff;bottom:-260px;left:-160px;opacity:.45;animation:float 18s ease-in-out infinite reverse}
.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 80%)}
.soft .orb{opacity:.3}
@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(-40px,30px)}}

.bx-hero-in{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}
.bx-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);font:500 14px/1 var(--bf);color:#dfe6ff;backdrop-filter:blur(8px)}
.bx-pill .dot{width:8px;height:8px;border-radius:50%;background:#3ee28a;box-shadow:0 0 0 4px rgba(62,226,138,.18)}
.bx-hero h1{color:#fff;font-size:clamp(40px,4.9vw,64px);line-height:1.05;font-weight:800;letter-spacing:-.035em;margin:26px 0 24px}
.bx-lead{font-size:clamp(17px,1.5vw,19.5px);line-height:1.65;color:var(--dtext);max-width:580px}
.bx-ticks{list-style:none;padding:0;margin:34px 0 0;display:flex;flex-wrap:wrap;gap:12px 26px}
.bx-ticks li{display:flex;align-items:center;gap:8px;font-size:14.5px;color:#aeb6d3}

/* phone mockup */
.bx-hero-vis{position:relative;height:560px}
.bx-phone{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:330px;border-radius:34px;background:linear-gradient(180deg,#0f1638,#0a0f2a);border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 100px -20px rgba(0,0,0,.7),0 0 0 8px rgba(255,255,255,.03),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden}
.bx-ph-top{display:flex;align-items:center;gap:12px;padding:20px 20px 16px;border-bottom:1px solid var(--dline);background:rgba(255,255,255,.02)}
.bx-ph-top .av{width:40px;height:40px;border-radius:12px;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font:800 14px var(--hf)}
.bx-ph-top b{display:block;color:#fff;font:700 15px var(--hf)}
.bx-ph-top small{display:flex;align-items:center;gap:6px;color:#8fe3b4;font-size:12px;margin-top:3px}
.bx-ph-top small i{width:7px;height:7px;border-radius:50%;background:#3ee28a}
.bx-ph-body{padding:20px 16px 22px;display:flex;flex-direction:column;gap:10px;min-height:340px}
.m{max-width:82%;padding:11px 14px;border-radius:16px;font-size:14px;line-height:1.45;opacity:0;transform:translateY(8px);animation:msg .5s ease forwards}
.m.in{align-self:flex-start;background:rgba(255,255,255,.07);color:#e6eaf7;border-bottom-left-radius:5px}
.m.out{align-self:flex-end;background:linear-gradient(135deg,#2d8cff,#6b52ff);color:#fff;border-bottom-right-radius:5px}
.m:nth-child(1){animation-delay:.4s}.m:nth-child(2){animation-delay:1.3s}.m:nth-child(3){animation-delay:2.3s}.m:nth-child(4){animation-delay:3.2s}
.typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.07);opacity:0;animation:msg .4s ease 4.2s forwards}
.typing span{width:6px;height:6px;border-radius:50%;background:#9aa3c7;animation:blink 1.2s infinite}
.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}
@keyframes msg{to{opacity:1;transform:none}}
@keyframes blink{0%,80%,100%{opacity:.3}40%{opacity:1}}

.bx-float{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:16px;background:rgba(17,24,60,.72);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);box-shadow:0 20px 50px -15px rgba(0,0,0,.6);animation:bob 6s ease-in-out infinite}
.bx-float b{display:block;color:#fff;font:700 14px var(--hf)}
.bx-float small{display:block;color:var(--dmuted);font-size:12.5px;margin-top:2px}
.bx-float.f1{top:-6px;left:-34px}
.bx-float.f2{bottom:96px;right:-24px;animation-delay:-2s}
.bx-float.f3{bottom:18px;left:6px;animation-delay:-4s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* works-with marquee */
.bx-works{margin-top:90px;text-align:center}
.bx-works p{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--dmuted);font-weight:600;margin-bottom:22px}
.bx-marq{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.bx-marq-in{display:flex;gap:14px;width:max-content;animation:marq 38s linear infinite}
.bx-marq-in span{padding:11px 20px;border-radius:12px;border:1px solid var(--dline);background:rgba(255,255,255,.03);color:#d5dbf0;font:600 15px var(--hf);white-space:nowrap}
@keyframes marq{to{transform:translateX(-50%)}}

/* ===== STATS ===== */
.bx-stats{background:linear-gradient(180deg,var(--ink),var(--ink2));padding:0 0 90px}
.bx-stat-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--dline);border-radius:24px;background:rgba(255,255,255,.025);overflow:hidden}
.st{padding:34px 30px;border-right:1px solid var(--dline)}
.st:last-child{border-right:0}
.st b{display:block;font:800 clamp(34px,3.6vw,46px)/1 var(--hf);letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px}
.st span{font-size:14.5px;line-height:1.5;color:var(--dmuted)}

/* ===== LIGHT / MIST ===== */
.bx-light{background:var(--paper)}
.bx-mist{background:var(--mist)}

/* bento */
.bx-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bc{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:34px;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden}
.bc:hover{transform:translateY(-4px);border-color:rgba(124,92,255,.35);box-shadow:0 2px 4px rgba(11,16,32,.04),0 28px 60px -18px rgba(60,70,180,.25)}
.bc:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}
.bc:hover:after{opacity:1}
.bc h3{margin-bottom:10px}
.bc p{font-size:15.5px;line-height:1.65}
.bc-wide{grid-column:span 2;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;background:linear-gradient(135deg,#fff 40%,#f1f4ff)}
.bc-wide h3{font-size:24px}
.bc-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.bc-list li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text);font-weight:500}
.vis-chat{background:var(--ink);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:9px;box-shadow:0 24px 50px -20px rgba(5,8,22,.6)}
.vc{max-width:85%;padding:9px 12px;border-radius:13px;font-size:13px;line-height:1.4}
.vc.in{align-self:flex-start;background:rgba(255,255,255,.08);color:#e2e7f6}
.vc.out{align-self:flex-end;background:linear-gradient(135deg,#2d8cff,#6b52ff);color:#fff}
.vc.ok{background:#16b46b;font-weight:600}
.vis-engines{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.vis-engines span{font:600 13px var(--bf);padding:7px 12px;border-radius:999px;background:var(--mist);border:1px solid var(--line);color:var(--text)}
.vis-browser{position:relative;margin-top:22px;height:92px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(180deg,var(--mist),#fff);padding:12px}
.vis-browser>i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d7dbe8;margin-right:5px}
.vb-bar{position:absolute;top:10px;left:56px;right:12px;height:10px;border-radius:5px;background:#e8ebf4}
.vb-h{height:12px;width:55%;border-radius:6px;background:var(--grad);margin-top:14px;opacity:.85}
.vb-l{height:8px;width:80%;border-radius:4px;background:#e3e7f1;margin-top:9px}.vb-l.s{width:60%}

.bc-full{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;background:linear-gradient(135deg,#fff 30%,#f1f4ff)}
.vis-tools{display:flex;flex-wrap:wrap;gap:10px}
.vis-tools span{font:600 14px var(--hf);padding:10px 16px;border-radius:12px;background:#fff;border:1px solid var(--line);color:var(--text);box-shadow:0 4px 14px -8px rgba(11,16,32,.2)}
/* steps */
.bx-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:s;position:relative}
.bx-steps:before{content:"";position:absolute;top:31px;left:32px;right:32px;height:2px;background:linear-gradient(90deg,rgba(56,182,255,.5),rgba(124,92,255,.5));z-index:0}
.bx-steps li{position:relative;z-index:1}
.bx-steps .n{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);font:800 20px var(--hf);margin-bottom:26px}
.bx-steps .n{color:var(--violet)}
.bx-steps h3{font-size:20px;margin-bottom:10px}
.bx-steps p{font-size:15.5px;line-height:1.65}

/* ===== DARK TRUST ===== */
.bx-dark{background:var(--ink);color:var(--dtext)}
.bx-dark h2,.bx-dark h3{color:#fff}
.bx-dark .bx-head p{color:var(--dtext)}
.bx-dark .bx-kick{color:#a9dcff}
.bx-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--dline);border:1px solid var(--dline);border-radius:24px;overflow:hidden}
.tc{background:var(--ink);padding:38px 34px;transition:background .3s}
.tc:hover{background:#0b1236}
.tc .bx-ic{color:#9fd8ff;background:rgba(56,182,255,.1);box-shadow:inset 0 0 0 1px rgba(56,182,255,.25)}
.tc h3{margin-bottom:10px}
.tc p{font-size:15px;line-height:1.65;color:var(--dmuted)}

/* ===== FOUNDER ===== */
.bx-founder{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}
.bx-f-media{position:relative;height:640px}
.ph{position:absolute;overflow:hidden;border-radius:26px;box-shadow:0 40px 80px -30px rgba(11,16,32,.35)}
.ph img{width:100%;height:100%;object-fit:cover;display:block}
.ph.main{top:0;left:0;width:78%;height:86%;background:linear-gradient(160deg,#eaf3ff,#efeaff)}
.ph.main img{object-position:center top}
.ph.sub{right:0;bottom:0;width:48%;height:44%;border:6px solid #fff}
.bx-badge{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:var(--shadow);animation:bob 7s ease-in-out infinite}
.bx-badge b{display:block;font:700 14px var(--hf);color:var(--text)}
.bx-badge small{display:block;font-size:12.5px;color:var(--muted)}
.bx-badge.b1{top:34px;right:2%}
.bx-badge.b2{bottom:34%;left:-18px;animation-delay:-3s}
.bx-p{font-size:17.5px;line-height:1.7;margin-top:20px!important}
.bx-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0}
.bx-facts div{padding:18px 18px;border-radius:16px;background:var(--mist);border:1px solid var(--line)}
.bx-facts b{display:block;font:800 26px/1.1 var(--hf);color:var(--text);letter-spacing:-.02em}
.bx-facts span{font-size:13.5px;color:var(--muted)}
.bx-progs{display:grid;grid-template-columns:1fr 1fr;gap:20px 26px}
.pg{display:flex;gap:14px;align-items:flex-start}
.pg .bx-ic{width:42px;height:42px;border-radius:12px;margin:0;flex:none}.pg .bx-ic svg{width:20px;height:20px}
.pg h3{font-size:16px;margin-bottom:4px}
.pg p{font-size:14.5px;line-height:1.55}

/* ===== FAQ ===== */
.bx-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.bx-faq .bx-head{margin:0;position:sticky;top:110px}
.bx-qs details{background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:12px;transition:box-shadow .25s,border-color .25s}
.bx-qs details[open]{box-shadow:var(--shadow);border-color:rgba(124,92,255,.3)}
.bx-qs summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;font:700 17px/1.4 var(--hf);color:var(--text)}
.bx-qs summary::-webkit-details-marker{display:none}
.bx-qs summary i{position:relative;width:28px;height:28px;flex:none;border-radius:50%;background:var(--mist)}
.bx-qs summary i:before,.bx-qs summary i:after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;background:var(--violet);border-radius:2px;transform:translate(-50%,-50%);transition:transform .25s}
.bx-qs summary i:after{transform:translate(-50%,-50%) rotate(90deg)}
.bx-qs details[open] summary i:after{transform:translate(-50%,-50%) rotate(0)}
.bx-qs details p{padding:0 24px 22px;font-size:15.5px;line-height:1.7}

/* ===== CTA ===== */
.bx-cta-wrap{background:var(--mist);padding:40px 0 120px}
.bx-cta{position:relative;overflow:hidden;border-radius:32px;background:var(--ink);padding:96px 40px;text-align:center;color:var(--dtext)}
.bx-cta>*:not(.bx-hero-bg){position:relative;z-index:2}
.bx-cta h2{color:#fff;font-size:clamp(30px,4vw,52px)}
.bx-cta p{max-width:600px;margin:22px auto 0;font-size:18px;line-height:1.6}
.bx-cta small{display:block;margin-top:28px;color:var(--dmuted);font-size:14px}
.bx-cta .orb.o1{top:-300px;right:-100px}

/* ===== reveal ===== */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
.js .rv.d1{transition-delay:.1s}.js .rv.d2{transition-delay:.2s}.js .rv.d3{transition-delay:.3s}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}.m,.typing{opacity:1;transform:none}}

/* ===== responsive ===== */
@media (max-width:1080px){
  .bx-hero-in{grid-template-columns:1fr;gap:30px}
  .bx-hero-vis{height:540px;max-width:520px;width:100%;margin:0 auto}
  .bx-bento{grid-template-columns:1fr 1fr}.bc-wide{grid-column:span 2}.bc-full{grid-template-columns:1fr;gap:24px}
  .bx-steps{grid-template-columns:1fr 1fr;gap:40px 22px}.bx-steps:before{display:none}
  .bx-trust{grid-template-columns:1fr 1fr}
  .bx-founder{grid-template-columns:1fr;gap:50px}.bx-f-media{max-width:560px;width:100%;margin:0 auto}
  .bx-faq{grid-template-columns:1fr;gap:30px}.bx-faq .bx-head{position:static}
  .bx-stat-row{grid-template-columns:1fr 1fr}.st:nth-child(2){border-right:0}.st:nth-child(-n+2){border-bottom:1px solid var(--dline)}
}
@media (max-width:680px){
  .bx{padding:80px 0}.bx .bx-wrap{padding:0 16px}
  .bx-hero{padding:120px 0 50px}
  .bx-head{margin-bottom:40px}
  .bx-btn{width:100%;justify-content:center}
  .bx-hero-vis{height:560px;margin-top:10px}
  .bx-phone{width:290px}
  .bx-float{transform:scale(.88)}
  .bx-float.f1{left:-6px;top:0}.bx-float.f2{right:-8px;bottom:84px}.bx-float.f3{left:-4px;bottom:0}
  .bx-bento,.bx-trust,.bx-progs{grid-template-columns:1fr}.bc-wide,.bc-full{grid-column:auto;grid-template-columns:1fr}
  .bx-steps{grid-template-columns:1fr}
  .bc{padding:26px}.tc{padding:30px 24px}
  .bx-stats{padding-bottom:60px}
  .st{padding:24px 20px}.st b{font-size:30px}
  .bx-f-media{height:460px}.bx-badge.b2{left:0}
  .bx-facts{grid-template-columns:1fr 1fr 1fr;gap:8px}.bx-facts div{padding:14px 10px}.bx-facts b{font-size:20px}
  .bx-cta{padding:64px 22px;border-radius:24px}
  .bx-cta-wrap{padding:20px 0 80px}
}

/* keep the hero glow from cutting off at the section edge */
.bx-hero .orb.o2{bottom:auto;top:18%;left:-300px}

/* ===== v3: workflow hero ===== */
.bx-flow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;border-radius:24px;background:linear-gradient(180deg,rgba(17,24,60,.9),rgba(10,15,42,.95));border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 100px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(10px);overflow:hidden}
.bx-flow-top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--dline);font:600 14px var(--hf);color:#fff}
.bx-flow-top span{display:flex;align-items:center;gap:8px}
.bx-flow-top i{width:8px;height:8px;border-radius:50%;background:#3ee28a;box-shadow:0 0 0 4px rgba(62,226,138,.18)}
.bx-flow-top em{font-style:normal;font:600 12px var(--bf);color:#8fe3b4;padding:5px 10px;border-radius:999px;background:rgba(62,226,138,.1)}
.bx-flow-list{list-style:none;margin:0;padding:18px 18px 8px;position:relative}
.bx-flow-list:before{content:"";position:absolute;left:39px;top:36px;bottom:36px;width:2px;background:linear-gradient(180deg,#38b6ff,#7c5cff);opacity:.5}
.fn{position:relative;display:flex;align-items:center;gap:14px;padding:10px 12px;margin-bottom:8px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);opacity:0;transform:translateX(12px);animation:fnin .5s ease forwards;animation-delay:calc(.5s + var(--i) * .55s)}
.fn-ic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:var(--grad);color:#fff;flex:none;position:relative;z-index:1;box-shadow:0 0 0 5px rgba(10,15,42,1)}
.fn-ic svg{width:19px;height:19px}
.fn b{display:block;color:#fff;font:600 14px var(--hf)}
.fn small{display:block;color:var(--dmuted);font-size:12.5px;margin-top:2px}
.fn-ok{margin-left:auto;display:inline-flex;width:22px;height:22px;border-radius:50%;align-items:center;justify-content:center;background:rgba(62,226,138,.14)}
.fn-ok .bx-ti{color:#3ee28a;width:13px;height:13px}
.bx-flow-foot{padding:12px 20px 16px;font-size:12.5px;color:var(--dmuted);border-top:1px solid var(--dline)}
.bx-flow-foot b{color:#d5dbf0;font-weight:600}
@keyframes fnin{to{opacity:1;transform:none}}
.bx-hero-vis .bx-float.f1{top:-26px;left:-36px;bottom:auto;right:auto}
.bx-hero-vis .bx-float.f2{bottom:-28px;right:-24px;top:auto;left:auto}

/* services grid */
.bx-svc{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.sv{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 26px;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s,border-color .3s}
.sv:hover{transform:translateY(-4px);border-color:rgba(124,92,255,.35);box-shadow:0 2px 4px rgba(11,16,32,.04),0 28px 60px -18px rgba(60,70,180,.25)}
.sv h3{margin-bottom:10px}
.sv p{font-size:15px;line-height:1.62}
.bx-consult{margin-top:24px;display:flex;align-items:center;gap:24px;padding:30px 34px;border-radius:var(--r);background:linear-gradient(135deg,#0b1030,#1a1650);color:var(--dtext)}
.bx-consult .bx-ic{margin:0;flex:none;color:#9fd8ff;background:rgba(56,182,255,.12)}
.bx-consult h3{color:#fff;font-size:21px;margin-bottom:6px}
.bx-consult p{font-size:15.5px;line-height:1.6;color:var(--dtext)}
.bx-consult .bx-btn{margin-left:auto;flex:none}
.bx-btn-dark{background:#fff;color:var(--text)!important}

/* teams */
.bx-teams{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tm{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px;box-shadow:var(--shadow)}
.tm-h{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.tm-h .bx-ic{margin:0;width:46px;height:46px}
.tm-h h3{font-size:20px}
.tm ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tm li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--body)}
.tm li .bx-ti{margin-top:2px}

/* integrations */
.bx-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sk{border:1px solid var(--line);border-radius:var(--r);padding:26px;background:linear-gradient(180deg,#fff,var(--mist))}
.sk h3{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.sk-chips{display:flex;flex-wrap:wrap;gap:8px}
.sk-chips span{font:600 14px var(--hf);padding:9px 14px;border-radius:11px;background:#fff;border:1px solid var(--line);color:var(--text);box-shadow:0 4px 14px -8px rgba(11,16,32,.18)}
.bx-more{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:30px!important;font:600 16px var(--hf);color:var(--text)}

@media (max-width:1080px){.bx-svc{grid-template-columns:1fr 1fr}.bx-teams,.bx-stack{grid-template-columns:1fr 1fr}.bx-consult{flex-wrap:wrap}.bx-consult .bx-btn{margin-left:0}}
@media (max-width:680px){
  .bx-svc,.bx-teams,.bx-stack{grid-template-columns:1fr}
  .bx-flow{width:calc(100% - 8px)}
  .bx-hero-vis{height:560px}
  .bx-hero-vis .bx-float.f1{left:-4px;top:-22px}.bx-hero-vis .bx-float.f2{right:-4px;bottom:-26px}
  .bx-consult{padding:26px 22px}
}
@media (prefers-reduced-motion:reduce){.fn{opacity:1;transform:none}}

/* ===== Trusted by ===== */
.bx-trusted{padding:96px 0 40px}
.bx-head.c{text-align:center;margin-left:auto;margin-right:auto;margin-bottom:48px}
.bx-head.c .bx-kick{justify-content:center}
.bx-trusted h2{font-size:clamp(24px,2.6vw,32px)}
.bx-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:1120px;margin:0 auto}
.lg{width:172px;height:100px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px rgba(11,16,32,.03);transition:transform .25s,box-shadow .25s,border-color .25s}
.lg:hover{transform:translateY(-3px);border-color:rgba(124,92,255,.3);box-shadow:var(--shadow)}
.lg img{width:var(--w);height:var(--h);object-fit:contain;display:block}
.lg.photo img{border-radius:6px;object-fit:cover}
.bx-trusted + .bx-light{padding-top:80px}
@media (max-width:680px){
  .bx-trusted{padding:64px 0 24px}
  .bx-logos{gap:10px}
  .lg{width:calc(50% - 5px);height:86px}
  .lg img{width:calc(var(--w)*.82);height:calc(var(--h)*.82)}
}

/* ===== brAInam.ai legal pages (privacy, terms, refund, security, data deletion) + pricing ===== */
.lgx-hero{position:relative;overflow:hidden;background:radial-gradient(900px 420px at 85% -20%,rgba(42,109,255,.45),transparent 60%),radial-gradient(700px 380px at -10% 120%,rgba(106,61,255,.35),transparent 60%),#050816;padding:150px 28px 64px}
.lgx-hero .lgx-in,.lgx-body .lgx-in{max-width:880px!important;width:100%;margin-left:auto!important;margin-right:auto!important;position:relative;box-sizing:border-box}
.lgx-hero .lg-eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 13px/1 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#a9dcff;margin-bottom:16px}
.lgx-hero .lg-eyebrow:before{content:"";width:22px;height:2px;border-radius:2px;background:linear-gradient(135deg,#38b6ff,#7c5cff)}
.lgx-hero .lg-title{font:800 clamp(34px,4.6vw,54px)/1.08 'Plus Jakarta Sans','Inter',sans-serif;letter-spacing:-.03em;color:#fff;margin:0 0 18px}
.lgx-hero .lg-subtitle{font-size:17px;line-height:1.6;color:#c9cfe3;margin:0 0 18px;max-width:720px}
.lgx-hero .lg-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:13.5px;color:#c9cfe3}
.lgx-hero .lg-meta span{padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05)}
.lgx-hero .lg-meta strong{color:#fff;font-weight:600}

.lgx-body{background:#fff;padding:64px 28px 110px;margin:0!important}
.lgx-hero{margin:0!important}
.lg-doc{font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.75;color:#3d4559}
.lg-doc *{box-sizing:border-box}
.lg-doc p{margin:0 0 14px}
.lg-doc strong{color:#0b1020;font-weight:600}
.lg-doc a{color:#5b4fe0;text-decoration:underline;text-decoration-color:rgba(91,79,224,.35);text-underline-offset:3px}
.lg-doc a:hover{color:#3b2fc0}
.lg-doc ul,.lg-doc ol{margin:0 0 16px;padding-left:22px}
.lg-doc li{margin-bottom:8px}
.lg-doc code{background:#f1f3f9;border:1px solid #e5e8f1;padding:1px 6px;border-radius:6px;font-size:.9em}

/* intro, callouts, warnings */
.lg-intro,.lg-callout,.lg-roadmap{background:#f5f7fc;border:1px solid #e5e8f1;border-radius:18px;padding:26px 28px;margin:0 0 36px}
.lg-intro p:last-child,.lg-callout p:last-child,.lg-roadmap p:last-child,.lg-warn p:last-child{margin-bottom:0}
.lg-callout{border-left:4px solid #38b6ff;border-radius:14px;padding:20px 24px;margin:18px 0 22px}
.lg-warn{background:#fff8ec;border:1px solid #f6dfb3;border-left:4px solid #f0a020;border-radius:14px;padding:20px 24px;margin:18px 0 22px}
.lg-roadmap{border-left:4px solid #7c5cff}

/* table of contents */
.lg-toc{border:1px solid #e5e8f1;border-radius:18px;padding:26px 28px;margin:0 0 52px;background:linear-gradient(180deg,#fff,#f8f9fd)}
.lg-toc-title{font:700 13px/1 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7c5cff;margin-bottom:16px}
.lg-toc ol{list-style:none;counter-reset:lgtoc;display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;margin:0;padding:0}
.lg-toc li{counter-increment:lgtoc;margin:0;font-size:15px}
.lg-toc li:before{content:counter(lgtoc,decimal-leading-zero);color:#7c5cff;font-weight:700;margin-right:10px;font-variant-numeric:tabular-nums}
.lg-toc a{color:#0b1020!important;text-decoration:none!important}
.lg-toc a:hover{color:#5b4fe0}

/* sections */
.lg-section{margin:0 0 48px;scroll-margin-top:100px}
.lg-section h2{font:800 25px/1.25 'Plus Jakarta Sans','Inter',sans-serif;letter-spacing:-.02em;color:#0b1020;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid #e5e8f1}
.lg-num{display:inline-block;background:linear-gradient(135deg,#38b6ff,#7c5cff);-webkit-background-clip:text;background-clip:text;color:transparent;margin-right:10px}
.lg-section h3{font:700 18px/1.35 'Plus Jakarta Sans','Inter',sans-serif;color:#0b1020;margin:26px 0 10px}
.lg-section h4{font:700 16px/1.35 'Plus Jakarta Sans','Inter',sans-serif;color:#0b1020;margin:0 0 6px}

/* tables */
.lg-table-wrap{overflow-x:auto;border:1px solid #e5e8f1;border-radius:14px;margin:16px 0 22px}
.lg-table{width:100%;border-collapse:collapse;font-size:14.5px}
.lg-table th{background:#f5f7fc;color:#0b1020;font-weight:700;text-align:left;padding:12px 16px;border-bottom:1px solid #e5e8f1}
.lg-table td{padding:12px 16px;border-bottom:1px solid #eef0f6;vertical-align:top}
.lg-table tr:last-child td{border-bottom:0}

/* definitions (terms) */
.lg-defs{display:grid;grid-template-columns:200px 1fr;gap:0;border:1px solid #e5e8f1;border-radius:14px;overflow:hidden;margin:16px 0 22px}
.lg-defs dt{background:#f5f7fc;color:#0b1020;font-weight:700;padding:12px 16px;border-bottom:1px solid #e5e8f1}
.lg-defs dd{margin:0;padding:12px 16px;border-bottom:1px solid #eef0f6}

/* yes / no lists */
.lg-list-yes,.lg-list-no{list-style:none;padding:0}
.lg-list-yes li,.lg-list-no li{position:relative;padding-left:30px}
.lg-list-yes li:before,.lg-list-no li:before{position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.lg-list-yes li:before{content:"✓";background:#e6f8ef;color:#13955a}
.lg-list-no li:before{content:"✕";background:#fdecec;color:#d23b3b}

/* pillars (security) and options (data deletion) */
.lg-pillars,.lg-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:18px 0 24px}
.lg-options{grid-template-columns:repeat(3,1fr)}
.lg-pillar,.lg-option{border:1px solid #e5e8f1;border-radius:16px;padding:22px;background:#fff;box-shadow:0 1px 2px rgba(11,16,32,.04),0 12px 30px -18px rgba(11,16,32,.18)}
.lg-pillar p,.lg-option p{font-size:15px;margin:0}
.lg-pillar-icon,.lg-opt-num{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:30px;padding:0 10px;border-radius:9px;background:linear-gradient(135deg,rgba(56,182,255,.14),rgba(124,92,255,.14));color:#5b4fe0;font:800 12.5px/1 'Inter',sans-serif;letter-spacing:.08em;margin-bottom:12px}

/* contact cards */
.lg-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:16px 0 22px}
.lg-contact-card{border:1px solid #e5e8f1;border-radius:14px;padding:18px 20px;background:#f8f9fd}
.lg-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6b7389;font-weight:700;margin-bottom:6px}
.lg-value{color:#0b1020;font-weight:600;word-break:break-word}

/* email templates */
.lg-template,.lg-email-template{white-space:pre-wrap;font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;background:#0b1030;color:#d5dbf0;border-radius:14px;padding:20px 22px;margin:14px 0 18px;overflow-x:auto}

/* data deletion form */
.lg-form-wrap{border:1px solid #e5e8f1;border-radius:20px;padding:30px;background:linear-gradient(180deg,#fff,#f8f9fd);box-shadow:0 20px 50px -30px rgba(11,16,32,.25);margin:20px 0 28px}
.lg-form-title{font:800 21px/1.3 'Plus Jakarta Sans',sans-serif;color:#0b1020;margin-bottom:6px}
.lg-form-sub{color:#6b7389;margin-bottom:22px}
.lg-form-row{margin-bottom:18px}
.lg-form-row label{display:block;font-weight:600;color:#0b1020;margin-bottom:7px;font-size:15px}
.lg-form-row input[type=text],.lg-form-row input[type=email],.lg-form-row textarea,.lg-form-row select{width:100%;border:1px solid #d9deea;border-radius:12px;padding:12px 14px;font:15px 'Inter',sans-serif;color:#0b1020;background:#fff;transition:border-color .2s,box-shadow .2s}
.lg-form-row input:focus,.lg-form-row textarea:focus{outline:0;border-color:#7c5cff;box-shadow:0 0 0 4px rgba(124,92,255,.15)}
.lg-opt{color:#6b7389;font-weight:400}.lg-req{color:#d23b3b}
.lg-radio-group{display:grid;gap:10px}
.lg-radio,.lg-checkbox{display:flex;gap:12px;align-items:flex-start;border:1px solid #e5e8f1;border-radius:12px;padding:12px 14px;background:#fff;cursor:pointer;font-weight:400!important}
.lg-radio input,.lg-checkbox input{margin-top:5px;accent-color:#7c5cff}
.lg-submit{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 26px;border:0;border-radius:14px;background:linear-gradient(135deg,#38b6ff,#7c5cff);color:#fff;font:600 16px 'Inter',sans-serif;cursor:pointer;box-shadow:0 12px 30px -10px rgba(92,120,255,.6)}
.lg-submit.is-loading{opacity:.7;pointer-events:none}
.lg-spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:lgspin .8s linear infinite}
.lg-submit.is-loading .lg-spinner{display:inline-block}
@keyframes lgspin{to{transform:rotate(360deg)}}
.lg-form-foot{font-size:13.5px;color:#6b7389;margin-top:14px}
.lg-form-response{display:none;margin-top:16px;padding:14px 16px;border-radius:12px;font-size:15px}
.lg-form-response.is-success{display:block;background:#e6f8ef;color:#0e6b40}
.lg-form-response.is-error{display:block;background:#fdecec;color:#9b2323}
.lg-form-response.is-error a{color:#9b2323!important}

/* in-page legal footer strip */
.lg-footer,.lg-legal-strip{margin-top:40px;padding-top:22px;border-top:1px solid #e5e8f1;font-size:13.5px;color:#6b7389}
.lg-footer p,.lg-legal-strip p{margin:0 0 6px}
.lg-legal-sep{margin:0 6px;color:#c2c7d6}

/* pricing: keep its own design, recolour to the site palette */
.lgp{background:#050816;padding:40px 12px 110px}
.lgp .bp-wrap{--bp-panel:#0b1236;--bp-panel-alt:#0e1640;--bp-panel-soft:#111a4a;--bp-text-hi:#f3f6ff;--bp-text-md:#c9cfe3;--bp-text-lo:#8f97b3;--bp-accent:#38b6ff;--bp-accent-2:#a9dcff;--bp-accent-strong:#7c5cff;--bp-accent-bg:rgba(56,182,255,.10);--bp-accent-soft:rgba(56,182,255,.18);--bp-accent-line:rgba(56,182,255,.40);--bp-arena:#7c5cff;--bp-arena-bg:rgba(124,92,255,.10);--bp-arena-line:rgba(124,92,255,.40);font-family:'Inter',system-ui,sans-serif}
.lgp .bp-wrap h2,.lgp .bp-wrap h3,.lgp .bp-pkg-name,.lgp .bp-pkg-price-big{font-family:'Plus Jakarta Sans','Inter',sans-serif}

@media (max-width:680px){
  .lgp .bp-eyebrow-tag{font-size:11.5px}
  .lgx-hero{padding:116px 16px 44px}.lgx-body{padding:40px 16px 80px}
  .lg-toc ol,.lg-pillars,.lg-options{grid-template-columns:1fr}
  .lg-defs{grid-template-columns:1fr}.lg-defs dt{border-bottom:0;padding-bottom:4px}
  .lg-intro,.lg-toc,.lg-form-wrap{padding:20px}
  .lg-section h2{font-size:21px}
  .lg-submit{width:100%;justify-content:center}
}