*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:#0F172A;background:#fff;-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{display:block;max-width:100%}
button{font-family:inherit;cursor:pointer;background:none;border:none}

:root{
  --blue:#2563EB;
  --blue-d:#1E40AF;
  --blue-l:#EFF6FF;
  --ink:#0F172A;
  --muted:#64748B;
  --light:#94A3B8;
  --border:#E2E8F0;
  --bg:#F8FAFC;
  --white:#fff;
  --dark:#04090F;
  --nav-h:68px;
  --shadow-card:0 1px 3px rgba(0,0,0,.05),0 4px 16px rgba(0,0,0,.05);
  --shadow-hover:0 8px 32px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.05);
}


.wrap{max-width:1200px;margin:0 auto;padding:0 48px}
section{padding:104px 48px}


.eyebrow{
  display:block;
  font-size:.6875rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--blue);margin-bottom:1.125rem;
}


.sec-h{font-size:clamp(2.125rem,3.5vw,3rem);font-weight:800;letter-spacing:-.038em;line-height:1.09;margin-bottom:.875rem;color:var(--ink)}
.sec-p{font-size:1.0625rem;color:var(--muted);line-height:1.8;max-width:540px}
.hd{margin-bottom:4rem}


.btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9375rem;padding:.8125rem 1.75rem;border-radius:9px;transition:all .18s;cursor:pointer;border:none;font-family:inherit;white-space:nowrap}
.btn-solid{background:var(--blue);color:#fff}
.btn-solid:hover{background:var(--blue-d);transform:translateY(-1px);box-shadow:0 8px 24px rgba(37,99,235,.3)}
.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--border)}
.btn-ghost:hover{border-color:#CBD5E1;background:var(--bg);transform:translateY(-1px)}
.btn-lg{padding:.9375rem 2rem;font-size:1rem;border-radius:10px}


#nav{
  position:fixed;top:0;left:0;right:0;z-index:600;
  height:var(--nav-h);
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(226,232,240,.6);
  transition:box-shadow .2s;
}
#nav.lifted{box-shadow:0 2px 20px rgba(0,0,0,.07)}

.nav-inner{
  max-width:1440px;margin:0 auto;padding:0 40px;
  height:100%;display:flex;align-items:center;gap:.5rem;
}

/* Logo */
.nav-logo{
  font-size:1.0625rem;font-weight:800;letter-spacing:-.03em;color:var(--ink);
  display:flex;align-items:center;gap:.625rem;flex-shrink:0;margin-right:.75rem;
}
.nav-logo-sq{
  width:30px;height:30px;background:var(--blue);border-radius:8px;
  display:flex;align-items:center;justify-content:center;
}
.nav-logo-sq svg{width:16px;height:16px;color:#fff;stroke-width:2.25}

/* Menu items */
.nav-menu{display:flex;align-items:center;gap:1px;margin-left:auto}
.nav-trigger{
  display:inline-flex;align-items:center;gap:.3rem;
  font-size:.8375rem;font-weight:500;color:var(--muted);
  padding:.45rem .8rem;border-radius:7px;
  transition:color .13s,background .13s;white-space:nowrap;
}
.nav-trigger:hover,.nav-item.open .nav-trigger{color:var(--ink);background:var(--bg)}
.nav-caret{width:13px;height:13px;transition:transform .18s;flex-shrink:0}
.nav-item.open .nav-caret{transform:rotate(180deg)}
.nav-link{font-size:.8375rem;font-weight:500;color:var(--muted);padding:.45rem .8rem;border-radius:7px;transition:color .13s,background .13s;display:inline-block}
.nav-link:hover{color:var(--ink);background:var(--bg)}
.nav-link.hl{font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.nav-link.hl:hover{color:var(--blue)}

.nav-right{display:flex;align-items:center;gap:.75rem}
.nav-cta-btn{
  display:inline-flex;align-items:center;gap:.4rem;
  background:var(--blue);color:#fff;
  font-size:.875rem;font-weight:700;
  padding:.5625rem 1.25rem;border-radius:8px;
  transition:all .15s;
}
.nav-cta-btn:hover{background:var(--blue-d);box-shadow:0 4px 16px rgba(37,99,235,.3)}
.nav-cta-btn svg{width:14px;height:14px;flex-shrink:0}


.nav-item{position:relative}
.drop{
  position:absolute;top:calc(100% + 8px);left:50%;
  transform:translateX(-50%) translateY(-6px);
  background:#fff;border:1px solid var(--border);
  border-radius:18px;
  box-shadow:0 20px 60px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.06);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .17s,transform .17s,visibility .17s;
  z-index:500;
}
.drop.mega{min-width:1000px;padding:2rem 2.25rem}
.drop.mid{min-width:520px;padding:1.75rem 2rem}
.drop.sm{min-width:240px;padding:.875rem 1rem}
.nav-item.open .drop{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}

/* Mega grid */
.mega-grid{display:grid;gap:2rem}
.mega-3{grid-template-columns:repeat(3,1fr)}
.mega-4{grid-template-columns:repeat(4,1fr)}

/* Mega column header */
.mega-ch{
  font-size:.625rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;
  color:var(--light);margin-bottom:.875rem;
  display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;
  border-bottom:1px solid var(--border);
}
.mega-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}

/* Mega item */
.mitem{
  display:flex;align-items:flex-start;gap:.75rem;
  padding:.6rem .75rem;border-radius:10px;cursor:pointer;
  transition:background .13s;
}
.mitem:hover{background:var(--bg)}
.mitem-ico{
  width:36px;height:36px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.mitem-ico svg{width:16px;height:16px}
.mitem-ico:empty::before{
  content:'';
  width:15px;
  height:15px;
  border-radius:5px;
  border:2px solid currentColor;
  opacity:.9;
}
.mitem-name{font-size:.875rem;font-weight:600;color:var(--ink);line-height:1.3;margin-bottom:.2rem}
.mitem-desc{font-size:.75rem;color:var(--muted);line-height:1.35}

/* Small drop item */
.sitem{
  display:flex;align-items:flex-start;gap:.625rem;
  padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:background .13s;
}
.sitem:hover{background:var(--bg)}
.sitem-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:.42rem}
.sitem-name{font-size:.875rem;font-weight:600;color:var(--ink);line-height:1.3;margin-bottom:.15rem}
.sitem-desc{font-size:.75rem;color:var(--muted)}


#hero{
  padding-top:calc(var(--nav-h) + 88px);
  padding-bottom:88px;padding-left:48px;padding-right:48px;
  position:relative;overflow:hidden;background:var(--white);
}

/* subtle dot-grid */
.hero-dots{
  position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,#CBD5E1 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:radial-gradient(ellipse 90% 70% at 70% 20%,black 10%,transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse 90% 70% at 70% 20%,black 10%,transparent 75%);
  opacity:.35;
}

/* top-right glow */
.hero-glow{
  position:absolute;top:-80px;right:-80px;
  width:640px;height:640px;
  background:radial-gradient(circle,rgba(37,99,235,.09) 0%,transparent 65%);
  pointer-events:none;
}

.hero-inner{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:52% 1fr;
  gap:4.5rem;align-items:center;position:relative;z-index:1;
}

/* left copy */
.hero-kicker{
  font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);margin-bottom:1.625rem;
  display:inline-flex;align-items:center;gap:.625rem;
}
.hero-kicker::before{content:'';width:22px;height:1.5px;background:var(--blue);flex-shrink:0}

.hero-h1{
  font-size:clamp(2.875rem,5.5vw,4.375rem);
  font-weight:800;letter-spacing:-.04em;line-height:1.06;
  color:var(--ink);margin-bottom:1.5rem;
}
.hl-blue{
  display:inline;
  background:linear-gradient(115deg,#2563EB 0%,#4F46E5 55%,#7C3AED 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}

.hero-p{font-size:1.125rem;color:var(--muted);line-height:1.8;max-width:480px;margin-bottom:2.75rem}

.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3.75rem}

.hero-stats{
  display:grid;grid-template-columns:repeat(4,auto);
  width:fit-content;gap:0;
}
.hstat{padding:.625rem 2rem .625rem 0;border-right:1px solid var(--border);margin-right:2rem}
.hstat:last-child{border-right:none;margin-right:0}
.hstat-n{font-size:2rem;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--ink);margin-bottom:.25rem}
.hstat-l{font-size:.775rem;color:var(--muted);font-weight:500;line-height:1.3}


.hero-right{position:relative}
.dash-wrap{
  background:#fff;border:1px solid var(--border);border-radius:16px;
  box-shadow:0 24px 64px rgba(0,0,0,.1),0 4px 16px rgba(0,0,0,.06);
  overflow:hidden;
}

/* browser chrome bar */
.chrome{
  background:#F1F5F9;border-bottom:1px solid var(--border);
  padding:.625rem 1rem;display:flex;align-items:center;gap:.875rem;
}
.chrome-dots{display:flex;gap:.375rem}
.cdot{width:10px;height:10px;border-radius:50%}
.chrome-addr{
  flex:1;max-width:260px;background:#fff;border:1px solid var(--border);
  border-radius:5px;padding:.25rem .75rem;
  font-size:.675rem;color:var(--light);
  display:flex;align-items:center;gap:.375rem;
}
.chrome-addr::before{content:'SSL';font-size:.6rem}

/* dashboard layout */
.app{display:flex;height:348px}
.app-sidebar{
  width:176px;flex-shrink:0;background:#0F172A;
  display:flex;flex-direction:column;
  padding:.875rem 0;gap:2px;
}
.sidebar-brand{
  padding:.125rem 1rem 1rem;
  font-size:.75rem;font-weight:700;color:#fff;
  display:flex;align-items:center;gap:.5rem;
  margin-bottom:.5rem;
}
.sidebar-brand-dot{width:7px;height:7px;background:#2563EB;border-radius:2px}
.snav{display:flex;flex-direction:column;gap:1px;padding:0 .5rem}
.sn{
  display:flex;align-items:center;gap:.625rem;
  padding:.5rem .625rem;border-radius:7px;
  font-size:.7125rem;font-weight:500;color:#475569;cursor:pointer;
  transition:background .12s,color .12s;
}
.sn:hover{background:#1E293B;color:#94A3B8}
.sn.on{background:#1E293B;color:#fff}
.sn svg{width:13px;height:13px;flex-shrink:0}

.app-main{flex:1;overflow:hidden;background:#F8FAFC;padding:1.125rem}

/* topbar */
.app-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.app-title{font-size:.9375rem;font-weight:700;color:var(--ink)}
.live-badge{
  font-size:.65rem;font-weight:700;letter-spacing:.06em;
  background:#DCFCE7;color:#16A34A;
  padding:.25rem .6rem;border-radius:99px;
  display:flex;align-items:center;gap:.3rem;
}
.live-badge::before{content:'';width:5px;height:5px;border-radius:50%;background:#16A34A}

/* KPI row */
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.875rem}
.kpi{background:#fff;border:1px solid var(--border);border-radius:9px;padding:.875rem}
.kpi-l{font-size:.625rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem}
.kpi-v{font-size:1.25rem;font-weight:800;letter-spacing:-.03em;color:var(--ink);line-height:1}
.kpi-d{font-size:.625rem;font-weight:600;color:#16A34A;margin-top:.3rem}

/* chart */
.chart-box{background:#fff;border:1px solid var(--border);border-radius:9px;padding:.875rem;margin-bottom:.75rem}
.chart-head{font-size:.675rem;font-weight:600;color:var(--muted);margin-bottom:.75rem}
.bars{display:flex;align-items:flex-end;gap:4px;height:56px}
.bar{flex:1;border-radius:2px 2px 0 0;min-height:4px;background:#DBEAFE}
.bar.on{background:#2563EB}
.bar.md{background:#93C5FD}

/* table */
.tbl{background:#fff;border:1px solid var(--border);border-radius:9px;overflow:hidden}
.tr{display:flex;align-items:center;padding:.4375rem .875rem;gap:.625rem;border-bottom:1px solid var(--border)}
.tr:last-child{border-bottom:none}
.tr-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.tr-name{font-size:.6875rem;font-weight:500;color:var(--ink);flex:1}
.tr-v{font-size:.6875rem;font-weight:700;color:var(--ink)}
.tr-chg{font-size:.625rem;font-weight:600}

/* floating chips */
.fchip{
  position:absolute;background:#fff;border:1px solid var(--border);
  border-radius:11px;padding:.6rem 1rem;
  box-shadow:0 4px 20px rgba(0,0,0,.1);
  display:flex;align-items:center;gap:.625rem;
}
.fchip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.fchip-title{font-size:.75rem;font-weight:700;color:var(--ink);line-height:1.2}
.fchip-sub{font-size:.65rem;color:var(--muted)}
.fc1{bottom:-14px;left:-24px;animation:fl 4s ease-in-out infinite}
.fc2{top:-14px;right:-20px;animation:fl 4s ease-in-out infinite 2s}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}


.marquee-strip{
  padding:17px 0;background:var(--dark);overflow:hidden;
  border-top:1px solid #0F172A;
}
.marquee-track{display:flex;width:max-content;animation:mq 32s linear infinite}
.marquee-track:hover{animation-play-state:paused}
.mi{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.7875rem;font-weight:500;color:rgba(255,255,255,.32);
  padding:0 2rem;white-space:nowrap;letter-spacing:.02em;
}
.mi-sep{color:rgba(255,255,255,.12)}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}


#services{background:var(--bg)}
.svc-grid{
  display:grid;grid-template-columns:repeat(5,1fr);
  border:1px solid var(--border);border-radius:20px;
  overflow:hidden;background:var(--border);gap:1px;
}
.svc{
  background:#fff;padding:1.875rem 1.5rem;
  position:relative;cursor:default;transition:background .15s;
  display:flex;flex-direction:column;
}
.svc:hover{background:#FAFBFF}
.svc:hover .svc-ico{background:var(--blue);border-color:var(--blue);color:#fff}
.svc-ico{
  width:42px;height:42px;border-radius:10px;
  background:var(--bg);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:1rem;color:var(--blue);
  transition:background .15s,border-color .15s,color .15s;
}
.svc-ico svg{width:18px;height:18px}
.svc-name{font-size:.9375rem;font-weight:700;color:var(--ink);margin-bottom:.375rem;line-height:1.3}
.svc-desc{font-size:.8125rem;color:var(--muted);line-height:1.55;flex:1}
.svc-arrow{
  display:inline-flex;align-items:center;gap:.3rem;
  font-size:.775rem;font-weight:600;color:var(--blue);
  margin-top:.875rem;opacity:0;transform:translateX(-4px);
  transition:opacity .15s,transform .15s;
}
.svc:hover .svc-arrow{opacity:1;transform:translateX(0)}


#challenges{background:#fff}
.ch-grid{
  display:grid;grid-template-columns:repeat(2,1fr);
  border:1px solid var(--border);border-radius:20px;
  overflow:hidden;background:var(--border);gap:1px;
}
.ch{
  background:#fff;padding:2.125rem 2.375rem;
  cursor:default;transition:background .15s;
}
.ch:hover{background:var(--bg)}
.ch-q{
  font-size:1.0625rem;font-weight:700;color:var(--ink);
  margin-bottom:.625rem;display:flex;align-items:flex-start;gap:.75rem;
}
.ch-badge{
  font-size:.625rem;font-weight:800;color:var(--blue);
  background:var(--blue-l);border:1px solid rgba(37,99,235,.15);
  padding:.2rem .55rem;border-radius:5px;
  flex-shrink:0;margin-top:.2rem;letter-spacing:.04em;
}
.ch-a{font-size:.875rem;color:var(--muted);line-height:1.75;padding-left:2.25rem}


#work{background:var(--bg)}
.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.wcard{
  background:#fff;border:1px solid var(--border);border-radius:20px;
  overflow:hidden;display:flex;flex-direction:column;
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
.wcard:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.09);border-color:rgba(37,99,235,.2)}

.wthumb{
  height:216px;display:flex;align-items:center;justify-content:center;
  padding:1.5rem;position:relative;
}
.wt-blue{background:linear-gradient(145deg,#EFF6FF 0%,#DBEAFE 100%)}
.wt-green{background:linear-gradient(145deg,#F0FDF4 0%,#DCFCE7 100%)}
.wt-amber{background:linear-gradient(145deg,#FFFBEB 0%,#FDE68A 100%)}
.wt-purple{background:linear-gradient(145deg,#FAF5FF 0%,#E9D5FF 100%)}

.mbrowser{
  width:72%;background:#fff;border-radius:10px;
  border:1px solid rgba(255,255,255,.8);
  box-shadow:0 6px 24px rgba(0,0,0,.12);overflow:hidden;
}
.mb-chrome{
  background:#F1F5F9;border-bottom:1px solid #E2E8F0;
  padding:.4rem .625rem;display:flex;align-items:center;gap:.375rem;
}
.mb-dot{width:7px;height:7px;border-radius:50%}
.mb-body{padding:.75rem .875rem}
.mb-row{display:flex;gap:.375rem;margin-bottom:.375rem}
.mb-blk{height:18px;border-radius:3px;flex:1}

.wbody{padding:1.625rem;flex:1;display:flex;flex-direction:column}
.wtag{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:.5rem}
.wtitle{font-size:1.0625rem;font-weight:700;color:var(--ink);margin-bottom:.5rem;line-height:1.3}
.wdesc{font-size:.875rem;color:var(--muted);line-height:1.7;flex:1;margin-bottom:1.125rem}
.wlink{
  display:inline-flex;align-items:center;gap:.4rem;
  font-size:.8375rem;font-weight:700;color:var(--blue);
  transition:gap .15s;
}
.wlink:hover{gap:.65rem}
.wlink svg{width:14px;height:14px}


#capabilities{background:#fff}
.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.capcard{
  background:var(--bg);border:1px solid var(--border);border-radius:16px;
  padding:1.875rem;transition:border-color .18s,transform .18s,box-shadow .18s;
}
.capcard:hover{border-color:rgba(37,99,235,.25);transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,99,235,.08)}
.cap-ico{
  width:44px;height:44px;background:var(--blue);color:#fff;
  border-radius:11px;display:flex;align-items:center;justify-content:center;
  margin-bottom:1.25rem;
}
.cap-ico svg{width:20px;height:20px}
.cap-title{font-size:.9375rem;font-weight:700;color:var(--ink);margin-bottom:.875rem}
.cap-tags{display:flex;flex-wrap:wrap;gap:.4rem}
.ctag{font-size:.725rem;font-weight:500;color:var(--muted);background:#fff;border:1px solid var(--border);padding:.2rem .6rem;border-radius:5px}


#industries{background:var(--bg)}
.ind-wrap{display:flex;flex-wrap:wrap;gap:.75rem}
.ind{
  display:inline-flex;align-items:center;gap:.5rem;
  border:1px solid var(--border);border-radius:99px;
  padding:.625rem 1.375rem;font-size:.9rem;font-weight:500;color:var(--ink);
  background:#fff;cursor:default;transition:all .15s;
}
.ind:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-l)}
.ind-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}


#why{background:#fff}
.why-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid var(--border);border-radius:20px;
  overflow:hidden;background:var(--border);gap:1px;
}
.why-cell{
  background:#fff;padding:2.125rem 2rem;
  cursor:default;transition:background .15s;
}
.why-cell:hover{background:var(--bg)}
.why-n{font-size:.625rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--light);margin-bottom:.875rem}
.why-title{font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:.5rem}
.why-desc{font-size:.875rem;color:var(--muted);line-height:1.72}


#process{background:var(--bg)}
.proc-row{
  display:grid;grid-template-columns:repeat(7,1fr);
  position:relative;
}
.proc-row::before{
  content:'';position:absolute;top:27px;left:10%;right:10%;
  height:1px;background:var(--border);z-index:0;
}
.proc-step{
  display:flex;flex-direction:column;align-items:center;
  text-align:center;padding:0 1rem;position:relative;z-index:1;
}
.proc-num{
  width:56px;height:56px;border-radius:50%;
  background:#fff;border:1.5px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  font-size:.9375rem;font-weight:800;color:var(--ink);
  margin-bottom:1.25rem;box-shadow:var(--shadow-card);
}
.proc-step.active .proc-num{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 4px 16px rgba(37,99,235,.35)}
.proc-title{font-size:.9rem;font-weight:700;color:var(--ink);margin-bottom:.4rem}
.proc-desc{font-size:.78rem;color:var(--muted);line-height:1.55}


#testimonials{background:var(--bg)}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.tcard{
  background:#fff;border:1px solid var(--border);border-radius:16px;
  padding:1.875rem;display:flex;flex-direction:column;
  transition:box-shadow .18s,border-color .18s;
}
.tcard:hover{box-shadow:0 8px 28px rgba(0,0,0,.07);border-color:#CBD5E1}
.t-stars{color:#F59E0B;font-size:.875rem;letter-spacing:.04em;margin-bottom:1.125rem}
.t-quote{
  font-size:.9375rem;color:var(--ink);line-height:1.75;
  flex:1;margin-bottom:1.5rem;position:relative;
  padding-top:1.5rem;
}
.t-quote::before{
  content:'\201C';
  position:absolute;top:-.25rem;left:-.125rem;
  font-size:3.5rem;line-height:1;color:var(--border);
  font-family:Georgia,serif;
}
.t-author{display:flex;align-items:center;gap:.75rem;padding-top:1.25rem;border-top:1px solid var(--border)}
.t-av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;color:#fff;flex-shrink:0}
.t-name{font-size:.875rem;font-weight:700;color:var(--ink)}
.t-role{font-size:.775rem;color:var(--muted)}


#cta{
  padding:128px 48px;background:var(--dark);
  text-align:center;position:relative;overflow:hidden;
}
.cta-lines{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:60px 60px;
}
.cta-blob{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:900px;height:500px;
  background:radial-gradient(ellipse,rgba(37,99,235,.2) 0%,transparent 60%);
  pointer-events:none;
}
.cta-inner{position:relative;z-index:1;max-width:560px;margin:0 auto}
.cta-kicker{
  font-size:.6875rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:#3B82F6;margin-bottom:1.5rem;display:block;
}
.cta-h2{
  font-size:clamp(2.75rem,5.5vw,4.125rem);font-weight:800;
  letter-spacing:-.04em;line-height:1.06;color:#fff;margin-bottom:1.25rem;
}
.cta-p{font-size:1.0625rem;color:#475569;line-height:1.8;margin-bottom:2.75rem}
.cta-btn{
  display:inline-flex;align-items:center;gap:.5rem;
  background:#fff;color:var(--ink);
  padding:1.0625rem 2.5rem;border-radius:10px;
  font-size:1rem;font-weight:700;
  transition:all .18s;
}
.cta-btn:hover{background:var(--bg);transform:translateY(-2px);box-shadow:0 8px 32px rgba(255,255,255,.12)}
.cta-note{margin-top:1.25rem;font-size:.8125rem;color:#1E293B}
.cta-note a{color:#334155;transition:color .14s}
.cta-note a:hover{color:#64748B}


footer{background:#030A12;border-top:1px solid #0F1929;padding:64px 48px 40px}
.footer-in{max-width:1200px;margin:0 auto}
.footer-top{
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;
  padding-bottom:2.5rem;border-bottom:1px solid #0F1929;margin-bottom:2rem;
}
.f-brand-name{font-size:1rem;font-weight:800;color:#fff;letter-spacing:-.03em;margin-bottom:.75rem}
.f-brand-name span{color:var(--blue)}
.f-tagline{font-size:.85rem;color:#1E293B;line-height:1.65;max-width:225px;margin-bottom:1.5rem}
.f-contacts{display:flex;flex-direction:column;gap:.5rem}
.f-contacts a{font-size:.8125rem;color:#1E293B;display:flex;align-items:center;gap:.5rem;transition:color .14s}
.f-contacts a:hover{color:#334155}
.f-col-h{font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#1E293B;margin-bottom:1.25rem}
.f-links{display:flex;flex-direction:column;gap:.625rem}
.f-links a{font-size:.875rem;color:#1E293B;transition:color .14s}
.f-links a:hover{color:#475569}
.footer-bot{display:flex;justify-content:space-between;align-items:center}
.f-copy{font-size:.8rem;color:#0F172A}
.f-policy-links{
  display:flex;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap;
}
.f-policy-links a{
  font-size:.8rem;
  color:#0F172A;
  transition:color .14s ease;
}
.f-policy-links a:hover{
  color:#31487A;
}


.rv{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}
.rv.in{opacity:1;transform:none}
.rv-d1{transition-delay:.07s}.rv-d2{transition-delay:.14s}.rv-d3{transition-delay:.21s}


@media(max-width:1100px){
  .svc-grid{grid-template-columns:repeat(3,1fr)}
  .cap-grid{grid-template-columns:repeat(2,1fr)}
  .mega-4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:960px){
  .hero-inner{grid-template-columns:1fr;gap:3rem}
  .hero-right{display:none}
  .hero-stats{grid-template-columns:repeat(2,1fr);display:grid;gap:1.5rem 2rem}
  .hstat{border-right:none;padding-right:0;margin-right:0}
  .work-grid{grid-template-columns:1fr}
  .ch-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .tgrid{grid-template-columns:1fr}
  .proc-row{grid-template-columns:repeat(2,1fr)}
  .proc-row::before{display:none}
  .footer-top{grid-template-columns:1fr 1fr;row-gap:2rem}
  .nav-menu{display:none}
}
@media(max-width:640px){
  section{padding:72px 20px}
  #cta{padding:96px 20px}
  footer{padding:56px 20px 32px}
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .cap-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .footer-bot{flex-direction:column;gap:.625rem;text-align:center}
  .hero-inner{padding:0}
}


:root{
  --blue:#31487A;
  --blue-d:#1E2F4F;
  --blue-l:#EEF4FF;
  --cyan:#8FB3E2;
  --green:#8FB3E2;
  --pink:#31487A;
  --amber:#8FB3E2;
  --ink:#192338;
  --muted:#435676;
  --light:#8FA0BA;
  --border:#D9E1F1;
  --bg:#F6F8FC;
  --surface:#FFFFFF;
  --shadow-card:0 18px 55px rgba(25,35,56,.08),0 1px 0 rgba(255,255,255,.8) inset;
  --shadow-hover:0 28px 80px rgba(25,35,56,.14),0 1px 0 rgba(255,255,255,.9) inset;
}

body{
  color:var(--ink);
  background:
    linear-gradient(180deg,#FFFFFF 0%,#F7F9FE 38%,#FFFFFF 100%);
}
section{position:relative}
.hd{max-width:760px}
.hd[style*="text-align:center"]{margin-left:auto;margin-right:auto}
.eyebrow{
  color:#31487A;
  display:inline-flex;
  align-items:center;
  gap:.65rem;
  margin-bottom:1rem;
}
.eyebrow::before{
  content:'';
  width:28px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--cyan),var(--blue),var(--pink));
}
.sec-h{
  color:#192338;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.sec-p{color:#536275}

#hero{
  background:
    linear-gradient(135deg,rgba(246,248,252,.96) 0%,rgba(255,255,255,.98) 44%,rgba(217,225,241,.78) 100%);
  min-height:760px;
  display:flex;
  align-items:center;
}
.hero-dots{
  opacity:.55;
  background-image:
    linear-gradient(rgba(49,72,122,.065) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,72,122,.065) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(110deg,black 0%,black 58%,transparent 90%);
  -webkit-mask-image:linear-gradient(110deg,black 0%,black 58%,transparent 90%);
}
.hero-glow{display:none}
.hero-inner{
  grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);
  gap:5.5rem;
}
.hero-kicker{
  color:#31487A;
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
  box-shadow:none;
  margin-bottom:1.15rem;
}
.hero-kicker::before{
  width:28px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
  box-shadow:none;
}
.hero-h1{
  font-size:clamp(2.4rem,4.4vw,4.1rem);
  line-height:1.04;
  letter-spacing:-.052em;
  max-width:620px;
}
.hl-blue{
  background:linear-gradient(100deg,#1E2F4F 0%,#31487A 48%,#8FB3E2 100%);
  -webkit-background-clip:text;
  background-clip:text;
}
.hero-p{
  max-width:600px;
  font-size:1.18rem;
  color:#44566C;
  margin-bottom:2.1rem;
}
.hero-btns{margin-bottom:1.25rem}
.btn{
  border-radius:12px;
  box-shadow:none;
}
.btn-solid{
  background:linear-gradient(135deg,#31487A,#1E2F4F);
  box-shadow:0 16px 38px rgba(49,72,122,.28);
}
.btn-solid:hover{
  background:linear-gradient(135deg,#1E2F4F,#192338);
  box-shadow:0 20px 48px rgba(49,72,122,.35);
}
.btn-ghost{
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(12px);
  border-color:rgba(217,226,238,.96);
}
.hero-proof{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-bottom:3rem;
}
.hero-proof span{
  color:#32455E;
  background:#fff;
  border:1px solid rgba(217,226,238,.95);
  border-radius:999px;
  padding:.42rem .8rem;
  font-size:.78rem;
  font-weight:700;
  box-shadow:0 10px 28px rgba(15,23,42,.055);
}
.hero-stats{
  width:100%;
  max-width:620px;
  grid-template-columns:repeat(4,1fr);
  gap:.8rem;
}
.hstat{
  padding:1rem 1.05rem;
  margin:0;
  border:1px solid rgba(217,226,238,.95);
  border-radius:14px;
  background:rgba(255,255,255,.78);
  box-shadow:0 16px 40px rgba(15,23,42,.055);
}
.hstat-n{color:#192338}
.hstat-l{color:#536275}

.hero-right{perspective:1200px}
.dash-wrap{
  border-radius:26px;
  border:1px solid rgba(255,255,255,.9);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.98));
  box-shadow:0 38px 110px rgba(15,23,42,.20),0 0 0 1px rgba(36,87,230,.08);
  transform:rotateX(2deg) rotateY(-5deg);
}
.chrome{
  background:rgba(248,251,255,.9);
  padding:.85rem 1.05rem;
}
.chrome-addr{border-radius:999px}
.app{height:390px}
.app-sidebar{
  background:linear-gradient(180deg,#192338,#1E2F4F);
  width:188px;
}
.app-main{background:#F3F7FC;padding:1.25rem}
.kpi,.chart-box,.tbl{
  border-color:rgba(217,226,238,.92);
  border-radius:14px;
  box-shadow:0 12px 28px rgba(15,23,42,.045);
}
.bar{border-radius:999px 999px 0 0}
.bar.on{background:linear-gradient(180deg,#31487A,#8FB3E2)}
.hero-visual-metrics{
  position:absolute;
  left:28px;
  right:28px;
  bottom:-34px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:.75rem;
  z-index:2;
}
.hero-visual-metrics div{
  background:rgba(255,255,255,.86);
  border:1px solid rgba(217,226,238,.95);
  border-radius:16px;
  padding:1rem 1.1rem;
  box-shadow:0 18px 45px rgba(15,23,42,.12);
  backdrop-filter:blur(14px);
}
.hero-visual-metrics strong{
  display:block;
  font-size:1.28rem;
  line-height:1;
  color:#192338;
  letter-spacing:-.03em;
}
.hero-visual-metrics span{
  display:block;
  margin-top:.35rem;
  font-size:.72rem;
  font-weight:700;
  color:#536275;
}
.fchip{
  border-radius:16px;
  border-color:rgba(217,226,238,.95);
  box-shadow:0 18px 50px rgba(15,23,42,.14);
}

.marquee-strip{
  background:#192338;
  border:0;
  padding:18px 0;
}
.mi{color:rgba(255,255,255,.64);font-weight:700}

#services,#work,#process,#industries,#testimonials{
  background:
    linear-gradient(180deg,#F6F9FD 0%,#FFFFFF 100%);
}
#challenges,#capabilities,#why{
  background:#FFFFFF;
}
.svc-grid,.ch-grid,.why-grid{
  border:0;
  border-radius:0;
  overflow:visible;
  background:transparent;
  gap:1rem;
}
.svc,.ch,.why-cell,.capcard,.tcard,.wcard{
  border:1px solid rgba(217,226,238,.9);
  background:rgba(255,255,255,.9);
  border-radius:18px;
  box-shadow:var(--shadow-card);
  overflow:hidden;
}
.svc{
  min-height:252px;
  padding:1.65rem;
  transform:translateY(0);
  transition:transform .36s cubic-bezier(.2,.8,.2,1),box-shadow .36s cubic-bezier(.2,.8,.2,1),border-color .36s ease,background .36s ease;
  will-change:transform;
}
.svc::after,.ch::after,.why-cell::after,.capcard::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green),var(--pink));
  opacity:0;
  transition:opacity .18s;
}
.svc:hover,.ch:hover,.why-cell:hover,.capcard:hover,.tcard:hover,.wcard:hover{
  background:#fff;
  border-color:rgba(36,87,230,.28);
  box-shadow:var(--shadow-hover);
  transform:translateY(-5px);
}
.svc:hover{transform:translateY(-8px) scale(1.012)}
.svc:hover::after,.ch:hover::after,.why-cell:hover::after,.capcard:hover::after{opacity:1}
.svc-ico,.cap-ico{
  border-radius:14px;
  color:#fff;
  border:0;
  background:linear-gradient(135deg,#31487A,#8FB3E2);
  box-shadow:0 12px 28px rgba(49,72,122,.24);
}
.svc-name,.ch-q,.wtitle,.cap-title,.why-title,.proc-title,.t-name{color:#192338}
.svc-desc,.ch-a,.wdesc,.why-desc,.proc-desc,.t-role{color:#536275}
.svc-arrow{opacity:1;color:#31487A}
.svc .svc-ico,.svc .svc-arrow{
  transition:transform .36s cubic-bezier(.2,.8,.2,1),background .28s ease,color .28s ease,box-shadow .28s ease;
}
.svc:hover .svc-ico{transform:translateY(-3px) rotate(-3deg)}
.svc:hover .svc-arrow{transform:translateX(6px)}

.ch{
  position:relative;
  padding:2.15rem;
}
.ch-badge{
  background:#EEF5FF;
  border-color:#CFE0FF;
  color:#31487A;
  border-radius:999px;
}
.work-grid{gap:1.5rem}
.wcard{border-radius:22px}
.wthumb{height:250px}
.wt-blue{background:linear-gradient(135deg,#EAF3FF,#D8ECFF 48%,#E8F7FF)}
.wt-green{background:linear-gradient(135deg,#ECFDF5,#D1FAE5 55%,#E0F7EF)}
.wt-amber{background:linear-gradient(135deg,#FFF7ED,#FDE68A 55%,#FEF3C7)}
.wt-purple{background:linear-gradient(135deg,#F5F3FF,#E9D5FF 52%,#FCE7F3)}
.mbrowser{
  width:78%;
  border-radius:16px;
  border-color:rgba(255,255,255,.95);
  box-shadow:0 24px 70px rgba(15,23,42,.18);
  transform:rotate(-2deg);
}
.wbody{padding:1.75rem}
.wtag{color:#31487A}
.wlink{color:#31487A}

.proc-row{
  gap:1rem;
  align-items:stretch;
}
.proc-row::before{
  top:34px;
  left:8%;
  right:8%;
  background:linear-gradient(90deg,transparent,var(--blue),var(--cyan),transparent);
}
.proc-step{
  background:rgba(255,255,255,.86);
  border:1px solid rgba(217,226,238,.9);
  border-radius:18px;
  padding:1.25rem 1rem 1.35rem;
  box-shadow:var(--shadow-card);
  overflow:hidden;
}
.proc-step::after{
  content:'';
  position:absolute;
  inset:auto 18px 0;
  height:3px;
  border-radius:99px 99px 0 0;
  background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green));
  transform:scaleX(0);
  transform-origin:left;
}
.proc-num{
  border:0;
  width:64px;
  height:64px;
  box-shadow:0 18px 44px rgba(15,23,42,.08);
}
.proc-step.active .proc-num{
  background:linear-gradient(135deg,#31487A,#8FB3E2);
  box-shadow:0 16px 42px rgba(49,72,122,.32);
}

.cap-grid{gap:1.25rem}
.capcard{
  position:relative;
  background:
    linear-gradient(180deg,#fff 0%,#F7FAFF 100%);
  padding:2rem;
  min-height:300px;
  display:flex;
  flex-direction:column;
}
.capcard::before{
  content:'';
  position:absolute;
  width:170px;
  height:170px;
  right:-68px;
  top:-68px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(49,72,122,.12),transparent 66%);
  pointer-events:none;
}
.cap-ico{
  width:52px;
  height:52px;
  margin-bottom:1.4rem;
}
.cap-title{
  font-size:1.12rem;
  margin-bottom:.65rem;
}
.cap-desc{
  color:#536275;
  font-size:.9rem;
  line-height:1.65;
  margin-bottom:1.25rem;
}
.cap-tags{
  margin-top:auto;
}
.capcard:nth-child(2) .cap-ico{background:linear-gradient(135deg,#1E2F4F,#8FB3E2)}
.capcard:nth-child(3) .cap-ico{background:linear-gradient(135deg,#31487A,#8FB3E2)}
.capcard:nth-child(4) .cap-ico{background:linear-gradient(135deg,#192338,#31487A)}
.capcard:hover .cap-ico{
  transform:translateY(-4px) rotate(-4deg);
}
.ctag{
  border-color:#DCE6F2;
  border-radius:999px;
  color:#40536B;
  font-weight:700;
}
.ind-wrap{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:1rem;
}
.ind{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1.05rem;
  min-height:166px;
  padding:1.45rem 1.35rem;
  background:#fff;
  border:1px solid rgba(217,226,238,.95);
  border-radius:18px;
  box-shadow:0 14px 36px rgba(25,35,56,.06);
  font-weight:700;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease,background .3s ease,color .3s ease;
}
.ind:hover{
  background:linear-gradient(135deg,#192338,#1E2F4F);
  color:#fff;
  border-color:#1E2F4F;
  transform:translateY(-6px);
  box-shadow:0 26px 70px rgba(25,35,56,.18);
}
.ind-ico{
  width:42px;
  height:42px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  color:#fff;
  background:linear-gradient(135deg, #192338, #31487A);
  transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s ease,color .3s ease;
}
.ind-ico svg{width:22px;height:22px}
.ind:hover .ind-ico{
  transform:translateY(-3px) rotate(-5deg);
  background:rgba(255,255,255,.12);
  color:#fff;
}
.ind strong{
  display:block;
  color:inherit;
  font-size:1rem;
  line-height:1.25;
  margin-bottom:.45rem;
}
.ind span{
  display:block;
  color:#435676;
  font-size:.78rem;
  font-weight:600;
  line-height:1.45;
}
.ind:hover span{color:#C7D5E8}
.why-cell{position:relative}
.why-n{color:#31487A}
.tgrid{gap:1rem}
.tcard{
  border-radius:20px;
  padding:2rem;
}
.t-stars{color:#E89A14}
.t-quote{color:#162235}
.t-av{box-shadow:0 10px 26px rgba(15,23,42,.16)}

#cta{
  background:
    linear-gradient(135deg,#192338 0%,#1E2F4F 58%,#31487A 100%);
  padding:136px 48px;
}
.cta-blob{display:none}
.cta-lines{
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(180deg,black,transparent 88%);
  -webkit-mask-image:linear-gradient(180deg,black,transparent 88%);
}
.cta-inner{
  max-width:720px;
  padding:0 20px;
}
.cta-kicker{color:#8FB3E2}
.cta-h2{
  font-size:clamp(3rem,6.2vw,5.4rem);
  letter-spacing:-.06em;
}
.cta-p{
  color:#B8C7DA;
  max-width:610px;
  margin-left:auto;
  margin-right:auto;
}
.cta-btn{
  color:#192338;
  border-radius:14px;
  box-shadow:0 18px 48px rgba(255,255,255,.14);
}
.cta-note,.cta-note a{color:#A8B8CC}
.cta-note a:hover{color:#fff}

footer{
  background:#192338;
  border-top:1px solid rgba(255,255,255,.08);
}
.f-brand-name,.f-brand-name span{color:#fff}
.f-tagline,.f-contacts a,.f-links a,.f-copy,.f-policy-links a{color:#9AAABD}
.f-col-h{color:#E5EEF8}
.f-contacts a:hover,.f-links a:hover,.f-policy-links a:hover{color:#fff}
.footer-bot{border-top:0}
.footer-logo{
  width:220px;
  max-width:100%;
  height:auto;
  margin-bottom:1.1rem;
}

@keyframes heroRise{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes softFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}
@keyframes dashboardDrift{
  0%,100%{transform:rotateX(2deg) rotateY(-5deg) translateY(0)}
  50%{transform:rotateX(2deg) rotateY(-5deg) translateY(-8px)}
}
@keyframes barPulse{
  0%,100%{filter:saturate(1);opacity:1}
  50%{filter:saturate(1.35);opacity:.82}
}
@keyframes processIn{
  from{opacity:0;transform:translateY(18px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes processLine{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}
@keyframes processPulse{
  0%,100%{box-shadow:0 16px 42px rgba(49,72,122,.28)}
  50%{box-shadow:0 16px 42px rgba(49,72,122,.42),0 0 0 9px rgba(49,72,122,.08)}
}

.hero-kicker,.hero-h1,.hero-p,.hero-btns,.hero-proof,.hero-stats{
  opacity:0;
  animation:heroRise .7s ease forwards;
}
.hero-kicker{animation-delay:.04s}
.hero-h1{animation-delay:.14s}
.hero-p{animation-delay:.24s}
.hero-btns{animation-delay:.34s}
.hero-proof{animation-delay:.42s}
.hero-stats{animation-delay:.52s}
.dash-wrap{
  animation:dashboardDrift 6s ease-in-out infinite;
  will-change:transform;
}
.hero-visual-metrics,.fchip{
  animation:softFloat 4.8s ease-in-out infinite;
}
.fc2{animation-delay:1.2s}
.bar.on,.bar.md{
  animation:barPulse 2.8s ease-in-out infinite;
}
.svc,.wcard,.capcard,.tcard,.why-cell,.ch,.proc-step,.ind{
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;
}
.btn-solid::after,.cta-btn::after,.nav-cta-btn::after{display:none}
.proc-row.in .proc-step{
  opacity:0;
  animation:processIn .62s cubic-bezier(.2,.8,.2,1) forwards;
}
.proc-row.in .proc-step:nth-child(1){animation-delay:.03s}
.proc-row.in .proc-step:nth-child(2){animation-delay:.14s}
.proc-row.in .proc-step:nth-child(3){animation-delay:.25s}
.proc-row.in .proc-step:nth-child(4){animation-delay:.36s}
.proc-row.in .proc-step:nth-child(5){animation-delay:.47s}
.proc-row.in .proc-step:nth-child(6){animation-delay:.58s}
.proc-row.in .proc-step:nth-child(7){animation-delay:.69s}
.proc-row.in .proc-step::after{
  animation:processLine .7s cubic-bezier(.2,.8,.2,1) forwards;
  animation-delay:.28s;
}
.proc-row.in .proc-step.active .proc-num{
  animation:processPulse 2.4s ease-in-out infinite;
}

.nav-logo{
  width:220px;
  height:52px;
  margin-right:1rem;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease;
}
.nav-logo:hover{
  transform:translateY(-1px);
  box-shadow:none;
}
.nav-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
}

/* Final theme alignment: Oxford Blue, Space Cadet, YinMn Blue, Jordy Blue, Lavender. */
.live-badge{
  background:#EEF4FF;
  color:#31487A;
}
.live-badge::before,
.tr-dot,
.fchip-dot{
  background:#8FB3E2!important;
}
.kpi-d,
.tr-chg{
  color:#31487A!important;
}
.t-stars{color:#FACC15}
.t-av{
  background:linear-gradient(135deg,#31487A,#1E2F4F)!important;
}
.cta-note,
.cta-note a,
.f-tagline,
.f-contacts a,
.f-links a,
.f-copy{
  color:#D9E1F1;
}
.f-col-h{color:#8FB3E2}

/* Sharper visual pass: cleaner contrast, less wash, stronger blue accent. */
body{
  background:#FFFFFF;
}
#hero{
  background:
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.98) 54%,rgba(217,225,241,.42) 54%,rgba(217,225,241,.42) 100%);
}
#hero::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(25,35,56,.06) 1px,transparent 1px),
    linear-gradient(rgba(25,35,56,.045) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,transparent 0%,black 55%,black 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,black 55%,black 100%);
}
.hero-dots{opacity:.28}
.hero-kicker{color:#31487A}
.hero-h1{color:#192338}
.hero-p{color:#44566C}
.hero-proof span{
  background:#fff;
  border-color:#C9D5E8;
  color:#32455E;
  box-shadow:0 10px 28px rgba(25,35,56,.08);
}
.hstat{
  background:rgba(255,255,255,.88);
  border-color:#C9D5E8;
  box-shadow:0 16px 42px rgba(25,35,56,.1);
}
.hstat-n{color:#192338}
.hstat-l{color:#536275}
.growth-highlight{
  position:relative;
  display:inline-block;
  color:#1E5CB8;
  text-shadow:0 10px 26px rgba(30,92,184,.16);
}
.growth-highlight::after{
  content:'';
  position:absolute;
  left:.03em;
  right:.02em;
  bottom:.02em;
  height:.16em;
  z-index:-1;
  background:#FACC15;
  opacity:.72;
}
.btn-solid,
.nav-cta-btn{
  background:linear-gradient(135deg, #192338, #31487A);
  box-shadow:0 14px 30px rgba(25,35,56,.24);
}
.btn-solid:hover,
.nav-cta-btn:hover{
  background:linear-gradient(135deg, #1E2F4F, #31487A);
  box-shadow:0 18px 38px rgba(25,35,56,.3);
}
.dash-wrap,
.svc,
.ch,
.why-cell,
.capcard,
.tcard,
.wcard,
.ind,
.hstat,
.hero-proof span,
.hero-visual-metrics div,
.fchip{
  border-color:#C9D5E8;
  box-shadow:0 16px 42px rgba(25,35,56,.1);
}
.dash-wrap{
  background:#fff;
  box-shadow:0 34px 85px rgba(25,35,56,.22),0 0 0 1px #C9D5E8;
}
#services,
#work,
#process,
#industries,
#testimonials{
  background:#F8FAFD;
}
#challenges,
#capabilities,
#why{
  background:#FFFFFF;
}
.svc:hover,
.ch:hover,
.why-cell:hover,
.capcard:hover,
.tcard:hover,
.wcard:hover,
.ind:hover{
  border-color:#8FB3E2;
  box-shadow:0 24px 64px rgba(25,35,56,.16);
}
.svc-ico,
.cap-ico{
  background:linear-gradient(135deg, #192338, #31487A);
  box-shadow:0 12px 26px rgba(25,35,56,.24);
}
.svc-arrow,
.wtag,
.wlink,
.why-n,
.ch-badge,
.eyebrow{
  color:#1E5CB8;
}
.ch-badge{
  background:#EEF4FF;
  border-color:#C9D5E8;
}
.proc-step.active .proc-num{
  background:linear-gradient(135deg, #192338, #31487A);
  box-shadow:0 16px 36px rgba(25,35,56,.28);
}
#capabilities{
  background:linear-gradient(135deg,#192338,#31487A)!important;
}
#capabilities .eyebrow{
  color:#8FB3E2;
}
#capabilities .eyebrow::before{
  background:#FACC15;
}
#capabilities .sec-h{
  color:#fff;
}
#capabilities .sec-p{
  color:#D9E1F1;
}
#capabilities .capcard{
  background:#192338;
  border-color:rgba(217,225,241,.18);
  box-shadow:0 20px 58px rgba(0,0,0,.16);
}
#capabilities .capcard::before{
  background:radial-gradient(circle,rgba(143,179,226,.16),transparent 66%);
}
#capabilities .capcard::after{
  background:#FACC15;
}
#capabilities .capcard:hover{
  border-color:#FACC15;
  box-shadow:0 28px 76px rgba(0,0,0,.24),0 0 0 1px rgba(250,204,21,.32);
}
#capabilities .cap-ico,
#capabilities .capcard:nth-child(2) .cap-ico,
#capabilities .capcard:nth-child(3) .cap-ico,
#capabilities .capcard:nth-child(4) .cap-ico{
  background:#8FB3E2;
  color:#fff;
  box-shadow:0 16px 36px rgba(143,179,226,.24);
}
#capabilities .capcard:hover .cap-ico{
  background:#FACC15;
  color:#192338;
}
#capabilities .cap-title{
  color:#fff;
}
#capabilities .cap-desc{
  color:#D9E1F1;
}
#capabilities .ctag{
  background:rgba(255,255,255,.08);
  border-color:rgba(217,225,241,.22);
  color:#fff;
}
#capabilities .capcard:hover .ctag{
  border-color:rgba(250,204,21,.46);
  background:rgba(250,204,21,.1);
}
#process{
  background:#fff!important;
}
#process > div{
  background:#fff;
}
.proc-carousel{
  overflow:visible;
  background:transparent;
}
.proc-viewport{
  overflow:hidden;
  padding:18px 2px 28px;
  background:transparent;
}
.proc-carousel .proc-row{
  display:flex;
  gap:1rem;
  will-change:transform;
  transition:transform .62s cubic-bezier(.2,.8,.2,1);
}
.proc-carousel .proc-row::before{
  display:none;
}
.proc-carousel .proc-step{
  flex:0 0 calc((100% - 3rem)/4);
  min-height:230px;
  align-items:flex-start;
  text-align:left;
  padding:1.45rem;
  background:#fff;
  border:1px solid #C9D5E8;
  border-radius:18px;
  box-shadow:none;
  transition:transform .34s ease,border-color .34s ease,box-shadow .34s ease,background .34s ease;
}
.proc-carousel .proc-step::after{
  inset:auto 1.45rem 0;
  background:#FACC15;
}
.proc-carousel .proc-step.active{
  transform:translateY(-6px);
  border-color:#FACC15;
  box-shadow:0 0 0 1px rgba(250,204,21,.38);
}
.proc-carousel .proc-step.active::after{
  transform:scaleX(1);
}
.proc-carousel .proc-num{
  margin-bottom:1.1rem;
  background:#EEF4FF;
  color:#192338;
  box-shadow:none;
}
.proc-carousel .proc-step.active .proc-num{
  background:linear-gradient(135deg, #192338, #31487A);
  color:#fff;
  box-shadow:0 14px 28px rgba(25,35,56,.24);
}
.proc-carousel .proc-title{
  font-size:1rem;
}
.proc-carousel .proc-desc{
  font-size:.84rem;
}
.proc-dots{
  display:flex;
  justify-content:center;
  gap:.5rem;
}
.proc-dot{
  width:8px;
  height:8px;
  border-radius:99px;
  background:#C9D5E8;
  transition:width .28s ease,background .28s ease;
}
.proc-dot.active{
  width:28px;
  background:#FACC15;
}
#cta{
  background:#192338;
  border-top:1px solid rgba(217,225,241,.22);
}
.cta-lines{
  opacity:.65;
}

#services,
#work,
#why-tinger,
#process,
#leadership,
#industries,
#testimonials{
  padding-top:calc(96px * 1.15);
  padding-bottom:calc(96px * 1.15);
}
.hd{
  margin-bottom:3.8rem;
}
.trust-bar{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-bottom:1.15rem;
}
.trust-bar span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:.35rem .75rem;
  border:1px solid #C9D5E8;
  border-radius:999px;
  background:#fff;
  color:#31487A;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 10px 24px rgba(25,35,56,.06);
}
.suite-visual{
  position:relative;
  min-height:560px;
  border-radius:28px;
  background:linear-gradient(145deg,#FFFFFF 0%,#F5F8FE 100%);
  border:1px solid #C9D5E8;
  box-shadow:0 34px 85px rgba(25,35,56,.2);
  overflow:hidden;
}
.suite-visual::before{
  content:'';
  position:absolute;
  inset:34px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(25,35,56,.08),rgba(143,179,226,.16));
}
.suite-card,
.suite-phone,
.suite-assistant{
  position:absolute;
  background:#fff;
  border:1px solid #D9E1F1;
  box-shadow:0 24px 70px rgba(25,35,56,.16);
}
.suite-card{
  border-radius:20px;
  padding:1.15rem;
}
.suite-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:1rem;
  color:#192338;
  font-weight:800;
  font-size:.82rem;
}
.suite-top strong{
  color:#1E5CB8;
  font-size:.66rem;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.suite-crm{
  left:34px;
  top:58px;
  width:66%;
  min-height:260px;
}
.suite-kpis{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.65rem;
  margin-bottom:1rem;
}
.suite-kpis div,
.phone-card{
  background:#F3F7FD;
  border:1px solid #E1E9F5;
  border-radius:14px;
  padding:.8rem;
}
.suite-kpis span,
.phone-card span{
  display:block;
  color:#64748B;
  font-size:.68rem;
  font-weight:700;
}
.suite-kpis strong,
.phone-card strong{
  display:block;
  color:#192338;
  font-size:1.15rem;
  margin-top:.2rem;
}
.suite-list{
  display:grid;
  gap:.55rem;
}
.suite-list div{
  display:flex;
  align-items:center;
  gap:.55rem;
  color:#40536B;
  font-size:.78rem;
  font-weight:700;
}
.suite-list span{
  width:8px;
  height:8px;
  border-radius:99px;
  background:#FACC15;
}
.suite-analytics{
  left:58px;
  bottom:54px;
  width:48%;
  min-height:170px;
}
.suite-bars{
  display:flex;
  align-items:end;
  gap:.5rem;
  height:72px;
  margin-bottom:.85rem;
}
.suite-bars i{
  display:block;
  width:100%;
  border-radius:8px 8px 3px 3px;
  background:linear-gradient(180deg,#8FB3E2,#31487A);
}
.suite-bars i:nth-child(1){height:42%}
.suite-bars i:nth-child(2){height:62%}
.suite-bars i:nth-child(3){height:48%}
.suite-bars i:nth-child(4){height:76%}
.suite-bars i:nth-child(5){height:56%}
.suite-bars i:nth-child(6){height:88%}
.suite-analytics p{
  margin:0;
  color:#536275;
  font-size:.78rem;
  line-height:1.55;
}
.suite-phone{
  right:38px;
  top:118px;
  width:166px;
  min-height:330px;
  border-radius:28px;
  padding:1rem;
  background:#192338;
  color:#fff;
}
.phone-speaker{
  width:46px;
  height:5px;
  border-radius:99px;
  background:rgba(255,255,255,.2);
  margin:0 auto 1.15rem;
}
.phone-title{
  font-weight:900;
  margin-bottom:1rem;
}
.phone-card{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.14);
  margin-bottom:.75rem;
}
.phone-card span{color:#B8C7DA}
.phone-card strong{color:#fff}
.phone-nav{
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:1rem;
  display:flex;
  justify-content:space-around;
}
.phone-nav span{
  width:24px;
  height:5px;
  border-radius:99px;
  background:rgba(255,255,255,.22);
}
.suite-assistant{
  right:58px;
  bottom:62px;
  width:280px;
  border-radius:18px;
  padding:1rem;
  display:flex;
  gap:.75rem;
  align-items:flex-start;
}
.assistant-dot{
  width:34px;
  height:34px;
  border-radius:12px;
  background:#FACC15;
  flex-shrink:0;
}
.suite-assistant strong{
  display:block;
  color:#192338;
  font-size:.88rem;
  margin-bottom:.3rem;
}
.suite-assistant span{
  display:block;
  color:#536275;
  font-size:.76rem;
  line-height:1.45;
}
.svc-grid{
  gap:1.2rem;
}
.svc{
  min-height:270px;
  padding:1.85rem;
}
.svc-ico{
  width:54px;
  height:54px;
}
.svc-ico svg{
  width:22px;
  height:22px;
}
.svc-name{
  font-size:1.02rem;
}
.svc-desc{
  font-size:.88rem;
}
.case-badges{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-bottom:1rem;
}
.case-badges span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:.28rem .65rem;
  border-radius:999px;
  background:#EEF4FF;
  border:1px solid #C9D5E8;
  color:#31487A;
  font-size:.68rem;
  font-weight:800;
}
.case-list{
  display:grid;
  gap:.9rem;
  margin:1.1rem 0 1.3rem;
}
.case-list div{
  display:grid;
  grid-template-columns:92px 1fr;
  gap:.85rem;
}
.case-list strong{
  color:#192338;
  font-size:.76rem;
}
.case-list span{
  color:#536275;
  font-size:.84rem;
  line-height:1.55;
}
#why-tinger{
  background:#fff;
}
.why-tinger-panel{
  display:grid;
  grid-template-columns:.9fr 1.35fr;
  gap:3rem;
  align-items:start;
  padding:3rem;
  border:1px solid rgba(217,225,241,.18);
  border-radius:28px;
  background:linear-gradient(135deg,#192338 0%,#1E2F4F 54%,#31487A 100%);
  box-shadow:0 32px 90px rgba(25,35,56,.2);
  overflow:hidden;
  position:relative;
}
.why-tinger-panel::before{
  content:'';
  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:44px 44px;
  mask-image:linear-gradient(135deg,black,transparent 78%);
  -webkit-mask-image:linear-gradient(135deg,black,transparent 78%);
  pointer-events:none;
}
.why-tinger-copy,
.choice-grid{
  position:relative;
  z-index:1;
}
.why-tinger-panel .eyebrow{
  color:#8FB3E2;
}
.why-tinger-panel .eyebrow::before{
  background:#FACC15;
}
.why-tinger-panel .sec-h{
  color:#fff;
}
.why-tinger-copy p{
  margin:1.2rem 0 0;
  color:#D9E1F1;
  font-size:1.03rem;
  line-height:1.75;
}
.choice-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1rem;
}
.choice-card{
  min-height:160px;
  padding:1.35rem;
  border:1px solid rgba(217,225,241,.2);
  border-radius:18px;
  background:rgba(255,255,255,.08);
  box-shadow:0 18px 48px rgba(0,0,0,.14);
  backdrop-filter:blur(12px);
}
.choice-ico{
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:rgba(143,179,226,.16);
  color:#FACC15;
  font-size:.72rem;
  font-weight:900;
  margin-bottom:1rem;
}
.choice-card strong{
  display:block;
  color:#fff;
  margin-bottom:.45rem;
}
.choice-card span{
  display:block;
  color:#D9E1F1;
  font-size:.84rem;
  line-height:1.55;
}
.choice-card:hover{
  border-color:rgba(250,204,21,.45);
  background:rgba(255,255,255,.11);
}
.choice-card:hover .choice-ico{
  background:#FACC15;
  color:#192338;
}
.proc-carousel + .proc-dots,
#process .hd .sec-p{
  margin-left:auto;
  margin-right:auto;
}
.proc-carousel + .proc-dots{
  width:fit-content;
}
#process .hd{
  text-align:left;
}
#process .hd .sec-p{
  max-width:680px;
  margin-left:0;
  margin-right:0;
}
.proc-carousel .proc-step{
  min-height:218px;
}
.proc-carousel .proc-step::before{
  content:'>';
  position:absolute;
  right:-13px;
  top:50%;
  width:22px;
  height:22px;
  border-radius:99px;
  background:#fff;
  border:1px solid #C9D5E8;
  box-shadow:0 8px 20px rgba(25,35,56,.08);
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#31487A;
  font-size:.72rem;
  font-weight:900;
}
.proc-carousel .proc-title::after{
  content:'';
  display:block;
  width:18px;
  height:2px;
  margin:.75rem 0 0;
  background:#FACC15;
  border-radius:99px;
}
.leadership-panel{
  display:grid;
  grid-template-columns:320px 1fr;
  gap:3.5rem;
  align-items:center;
  padding:3rem;
  border:1px solid #C9D5E8;
  border-radius:28px;
  background:#fff;
  box-shadow:0 24px 70px rgba(25,35,56,.08);
}
.leader-photo{
  aspect-ratio:1/1;
  border-radius:24px;
  background:linear-gradient(135deg,#192338,#31487A);
  display:flex;
  align-items:flex-end;
  padding:1.4rem;
  color:#fff;
  box-shadow:0 28px 70px rgba(25,35,56,.2);
}
.leader-photo span{
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#D9E1F1;
}
.team-visual{
  min-height:320px;
  border-radius:24px;
  background:
    radial-gradient(circle at 24% 20%,rgba(143,179,226,.26),transparent 28%),
    linear-gradient(135deg,#192338,#31487A);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1.4rem;
  box-shadow:0 28px 70px rgba(25,35,56,.2);
  overflow:hidden;
}
.team-orbit{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:.85rem;
  width:100%;
}
.team-orbit span{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:.85rem;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:.82rem;
  font-weight:900;
  box-shadow:0 14px 34px rgba(0,0,0,.12);
}
.team-orbit span:nth-child(5){
  grid-column:1/-1;
}
.leader-copy p{
  max-width:720px;
  color:#536275;
  font-size:1.05rem;
  line-height:1.8;
  margin:1.15rem 0 1.5rem;
}
.leader-points{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
}
.leader-points span{
  padding:.5rem .8rem;
  border-radius:999px;
  background:#EEF4FF;
  color:#31487A;
  font-size:.78rem;
  font-weight:800;
}
.tcard{
  border-top:3px solid #FACC15;
}
.t-meta{
  margin-top:.25rem;
  color:#31487A;
  font-size:.76rem;
  font-weight:800;
}
.cta-actions{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:1rem;
}
.cta-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:0 1.35rem;
  border:1px solid rgba(217,225,241,.34);
  border-radius:14px;
  color:#fff;
  font-size:.92rem;
  font-weight:900;
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.cta-secondary:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.08);
  border-color:#FACC15;
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
}

@media(max-width:1100px){
  .hero-inner{grid-template-columns:1fr;gap:4rem}
  .hero-right{max-width:720px}
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .ind-wrap{grid-template-columns:repeat(2,1fr)}
  .proc-row{grid-template-columns:repeat(2,1fr)}
  .proc-carousel .proc-step{flex-basis:calc((100% - 1rem)/2)}
  .proc-row::before{display:none}
  .why-tinger-panel,
  .leadership-panel{grid-template-columns:1fr}
  .leader-photo{max-width:320px}
  .choice-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:960px){
  #hero{min-height:auto}
  .hero-right{display:block}
  .dash-wrap{transform:none}
  .hero-stats{grid-template-columns:repeat(2,1fr)}
  .suite-visual{min-height:520px}
  .suite-crm{width:72%;left:24px}
  .suite-phone{right:24px}
  .suite-assistant{right:34px}
}
@media(max-width:640px){
  #hero{
    padding-top:calc(var(--nav-h) + 54px);
    padding-left:20px;
    padding-right:20px;
  }
  .hero-h1{font-size:clamp(2.05rem,12.75vw,3rem)}
  .hero-p{font-size:1rem}
  .hero-btns{display:grid}
  .hero-proof{margin-bottom:2rem}
  .hero-stats{grid-template-columns:1fr}
  .hero-right{display:none}
  .nav-logo{width:172px;height:44px;padding:0}
  .svc-grid,.cap-grid,.proc-row,.ind-wrap{grid-template-columns:1fr}
  .proc-carousel .proc-step{flex-basis:100%}
  .svc{min-height:0}
  .ch,.why-cell,.tcard{padding:1.5rem}
  #services,
  #work,
  #why-tinger,
  #process,
  #leadership,
  #industries,
  #testimonials{padding-top:82px;padding-bottom:82px}
  .trust-bar{gap:.45rem}
  .trust-bar span{font-size:.68rem}
  .case-list div{grid-template-columns:1fr;gap:.25rem}
  .why-tinger-panel,
  .leadership-panel{padding:1.5rem;border-radius:20px}
  .choice-grid{grid-template-columns:1fr}
  .leader-photo{max-width:none}
  .cta-actions{display:grid}
  .cta-secondary{width:100%}
  .proc-carousel .proc-step::before{display:none}
}

/* Generated utilities converted from former inline styles. */
.u-style-001{background:#2563EB}
.u-style-002{background:#EFF6FF;color:#2563EB}
.u-style-003{background:#16A34A}
.u-style-004{background:#F0FDF4;color:#16A34A}
.u-style-005{background:#7C3AED}
.u-style-006{background:#FAF5FF;color:#7C3AED}
.u-style-007{background:#EC4899}
.u-style-008{background:#F59E0B}
.u-style-009{background:#0891B2}
.u-style-010{background:#FF5F57}
.u-style-011{background:#FEBC2E}
.u-style-012{background:#28C840}
.u-style-013{height:32%}
.u-style-014{height:44%}
.u-style-015{height:36%}
.u-style-016{height:54%}
.u-style-017{height:46%}
.u-style-018{height:60%}
.u-style-019{height:50%}
.u-style-020{height:68%}
.u-style-021{height:62%}
.u-style-022{height:84%}
.u-style-023{height:90%}
.u-style-024{height:100%}
.u-style-025{color:#16A34A}
.u-style-026{color:#2563EB}
.u-style-027{max-width:1200px;margin:0 auto}
.u-style-028{max-width:1200px;margin:0 auto;padding:0 48px}
.u-style-029{background:#DBEAFE;flex:2}
.u-style-030{background:#EFF6FF}
.u-style-031{background:#F1F5F9;flex:3}
.u-style-032{background:#F1F5F9;flex:2}
.u-style-033{background:#DCFCE7;flex:2}
.u-style-034{background:#F0FDF4}
.u-style-035{background:#DCFCE7}
.u-style-036{background:#F0FDF4;flex:3}
.u-style-037{background:#F0FDF4;flex:2}
.u-style-038{background:#FDE68A;flex:2}
.u-style-039{background:#FEF3C7}
.u-style-040{background:#FEF3C7;flex:3}
.u-style-041{background:#FDE68A}
.u-style-042{background:#FEF3C7;flex:2}
.u-style-043{background:#DDD6FE;flex:2}
.u-style-044{background:#EDE9FE}
.u-style-045{background:#EDE9FE;flex:3}
.u-style-046{background:#DDD6FE}
.u-style-047{background:#EDE9FE;flex:2}
.u-style-048{text-align:center}
.u-style-049{background:#fff}
.u-style-050{background:linear-gradient(135deg,#2563EB,#1D4ED8)}
.u-style-051{background:linear-gradient(135deg,#16A34A,#15803D)}
.u-style-052{background:linear-gradient(135deg,#7C3AED,#6D28D9)}
.u-style-053{background:linear-gradient(135deg,#EA580C,#C2410C)}
.u-style-054{background:linear-gradient(135deg,#0891B2,#0E7490)}
.u-style-055{background:linear-gradient(135deg,#DB2777,#BE185D)}


/* Navigation and service page foundation */
.nav-toggle{
  display:none;
  width:42px;
  height:42px;
  border:1px solid #D9E1F1;
  border-radius:12px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  margin-left:auto;
  background:#fff;
}
.nav-toggle span{
  width:18px;
  height:2px;
  border-radius:99px;
  background:#192338;
}
.build-mega{
  width:min(1180px,calc(100vw - 56px));
  min-width:1120px;
  padding:1.8rem 2rem 1rem;
}
.build-mega .mega-grid{
  align-items:start;
  grid-template-columns:1.25fr 1.2fr 1.15fr 1.08fr;
  gap:2.25rem;
}
.build-mega .mitem{
  color:inherit;
  align-items:flex-start;
  gap:.85rem;
  padding:.85rem .75rem;
}
.build-mega .mitem-ico{
  width:38px;
  height:38px;
  border-radius:10px;
}
.build-mega .mitem-name{
  font-size:.91rem;
  line-height:1.25;
  white-space:nowrap;
}
.build-mega .mitem-desc{
  max-width:210px;
  font-size:.78rem;
  line-height:1.38;
}
.build-mega .mega-ch{
  margin-bottom:.75rem;
}
.mega-cta-card{
  margin-top:1.25rem;
  padding:.75rem .85rem;
  border-radius:14px;
  background:#192338;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.25rem;
}
.mega-cta-card strong{
  display:block;
  font-size:.95rem;
  line-height:1.25;
  margin-bottom:.15rem;
}
.mega-cta-card p{
  margin:0;
  color:#D9E1F1;
  font-size:.78rem;
  line-height:1.55;
}
.mega-cta-card a{
  display:inline-flex;
  min-height:36px;
  align-items:center;
  justify-content:center;
  padding:0 1rem;
  border-radius:10px;
  background:#FACC15;
  color:#192338;
  font-size:.76rem;
  font-weight:900;
  white-space:nowrap;
}
.about-drop{
  padding:1rem;
  border-radius:18px;
  min-width:240px;
}
.about-drop .sitem{
  padding:.7rem .8rem;
  color:inherit;
}
.about-drop .sitem-name{
  font-size:.92rem;
}
.about-drop .sitem-desc{
  font-size:.78rem;
  color:#536275;
}
.tech-mega{
  width:min(1040px,calc(100vw - 56px));
  min-width:980px;
  padding:1.8rem 2rem 1rem;
}
.tech-mega .mega-grid{
  grid-template-columns:repeat(4,1fr);
  gap:2rem;
}
.tech-item{
  display:flex;
  align-items:flex-start;
  gap:.72rem;
  padding:.62rem .65rem;
  border-radius:10px;
  transition:background .16s ease,transform .16s ease;
}
.tech-item:hover{
  background:#F8FAFD;
  transform:translateY(-1px);
}
.tech-dot{
  width:34px;
  height:34px;
  border-radius:10px;
  flex-shrink:0;
  margin-top:.05rem;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,#192338,#31487A);
}
.tech-dot::before{
  content:'';
  width:18px;
  height:18px;
  background:currentColor;
  mask:center/contain no-repeat;
  -webkit-mask:center/contain no-repeat;
}
.tech-mega .mega-grid > div:nth-child(1) .tech-dot{
  background:#EEF4FF;
  color:#2563EB;
}
.tech-mega .mega-grid > div:nth-child(2) .tech-dot{
  background:#ECFDF5;
  color:#16A34A;
}
.tech-mega .mega-grid > div:nth-child(3) .tech-dot{
  background:#FDF2F8;
  color:#EC4899;
}
.tech-mega .mega-grid > div:nth-child(4) .tech-dot{
  background:#FFF7ED;
  color:#F59E0B;
}
.tech-mega .mega-grid > div:nth-child(1) .tech-item:nth-of-type(1) .tech-dot::before,
.tech-mega .mega-grid > div:nth-child(1) .tech-item:nth-of-type(2) .tech-dot::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-5v2h3v1H7v-1h3v-2H5a2 2 0 0 1-2-2V5Zm2 0v11h14V5H5Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-5v2h3v1H7v-1h3v-2H5a2 2 0 0 1-2-2V5Zm2 0v11h14V5H5Z'/%3E%3C/svg%3E");
}
.tech-mega .mega-grid > div:nth-child(1) .tech-item:nth-of-type(3) .tech-dot::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 4h16v16H4V4Zm2 2v12h12V6H6Zm2 3h8v2h-3v6h-2v-6H8V9Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 4h16v16H4V4Zm2 2v12h12V6H6Zm2 3h8v2h-3v6h-2v-6H8V9Z'/%3E%3C/svg%3E");
}
.tech-mega .mega-grid > div:nth-child(1) .tech-item:nth-of-type(4) .tech-dot::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M3 8c3-4 6-4 9 0s6 4 9 0v4c-3 4-6 4-9 0s-6-4-9 0V8Zm0 7c3-4 6-4 9 0s6 4 9 0v4c-3 4-6 4-9 0s-6-4-9 0v-4Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M3 8c3-4 6-4 9 0s6 4 9 0v4c-3 4-6 4-9 0s-6-4-9 0V8Zm0 7c3-4 6-4 9 0s6 4 9 0v4c-3 4-6 4-9 0s-6-4-9 0v-4Z'/%3E%3C/svg%3E");
}
.tech-mega .mega-grid > div:nth-child(2) .tech-dot::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6Zm2 0v3h12V6H6Zm-2 9a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-3Zm2 0v3h12v-3H6Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6Zm2 0v3h12V6H6Zm-2 9a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-3Zm2 0v3h12v-3H6Z'/%3E%3C/svg%3E");
}
.tech-mega .mega-grid > div:nth-child(3) .tech-dot::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M8 2h8a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm0 3v14h8V5H8Zm3 12h2v1h-2v-1Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M8 2h8a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm0 3v14h8V5H8Zm3 12h2v1h-2v-1Z'/%3E%3C/svg%3E");
}
.tech-mega .mega-grid > div:nth-child(4) .tech-dot::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M8 18h10a4 4 0 0 0 0-8h-.3A6 6 0 0 0 6.2 8.4 5 5 0 0 0 8 18Zm0-2a3 3 0 0 1-1-5.83l.76-.27.3-.76A4 4 0 0 1 15.8 10l.26 1.02H18a2 2 0 1 1 0 4H8Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M8 18h10a4 4 0 0 0 0-8h-.3A6 6 0 0 0 6.2 8.4 5 5 0 0 0 8 18Zm0-2a3 3 0 0 1-1-5.83l.76-.27.3-.76A4 4 0 0 1 15.8 10l.26 1.02H18a2 2 0 1 1 0 4H8Z'/%3E%3C/svg%3E");
}
.tech-item strong{
  display:block;
  color:#192338;
  font-size:.92rem;
  line-height:1.25;
  white-space:nowrap;
}
.tech-item p{
  margin:.18rem 0 0;
  color:#536275;
  font-size:.78rem;
  line-height:1.38;
}

.service-page{
  background:#fff;
}
.service-hero{
  position:relative;
  overflow:hidden;
  padding:calc(var(--nav-h) + 92px) 48px 92px;
  background:linear-gradient(180deg,#F8FAFD 0%,#FFFFFF 100%);
}
.service-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:radial-gradient(circle,#C9D5E8 1px,transparent 1px);
  background-size:32px 32px;
  opacity:.28;
  mask-image:linear-gradient(90deg,transparent,black 20%,transparent 82%);
  -webkit-mask-image:linear-gradient(90deg,transparent,black 20%,transparent 82%);
}
.service-hero-inner{
  position:relative;
  z-index:1;
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.05fr .85fr;
  gap:4rem;
  align-items:center;
}
.service-kicker{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  color:#31487A;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:1.2rem;
}
.service-kicker::before{
  content:'';
  width:24px;
  height:2px;
  border-radius:99px;
  background:#FACC15;
}
.service-hero h1{
  max-width:760px;
  color:#192338;
  font-size:clamp(2.6rem,5vw,4.55rem);
  line-height:1.04;
  letter-spacing:-.055em;
  margin-bottom:1.35rem;
}
.service-hero p{
  max-width:660px;
  color:#536275;
  font-size:1.1rem;
  line-height:1.8;
}
.service-actions{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  margin-top:2rem;
}
.service-visual{
  border:1px solid #C9D5E8;
  border-radius:28px;
  padding:1.4rem;
  background:#fff;
  box-shadow:0 30px 90px rgba(25,35,56,.14);
}
.service-visual-card{
  border-radius:22px;
  background:linear-gradient(135deg,#192338,#31487A);
  padding:1.5rem;
  color:#fff;
  min-height:360px;
}
.service-visual-card h2{
  font-size:1rem;
  color:#fff;
  margin-bottom:1.25rem;
}
.service-mini-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:.85rem;
}
.service-mini-grid div{
  min-height:92px;
  padding:1rem;
  border-radius:16px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.13);
}
.service-mini-grid span{
  display:block;
  color:#B8C7DA;
  font-size:.72rem;
  font-weight:800;
  margin-bottom:.4rem;
}
.service-mini-grid strong{
  display:block;
  font-size:1.25rem;
}
.service-section{
  padding:104px 48px;
}
.service-section.alt{
  background:#F8FAFD;
}
.service-wrap{
  max-width:1200px;
  margin:0 auto;
}
.service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.service-grid.two{
  grid-template-columns:repeat(2,1fr);
}
.service-card{
  position:relative;
  min-height:150px;
  padding:1.45rem;
  border:1px solid #D9E1F1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 36px rgba(25,35,56,.06);
}
.service-card strong{
  display:block;
  color:#192338;
  font-size:1rem;
  margin-bottom:.45rem;
}
.service-card p,
.service-card span{
  color:#536275;
  font-size:.9rem;
  line-height:1.65;
}
.service-card::before{
  content:'';
  display:block;
  width:36px;
  height:36px;
  border-radius:12px;
  background:linear-gradient(135deg,#192338,#31487A);
  margin-bottom:1rem;
}
.feature-list{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.85rem;
}
.feature-list li,
.service-industries li{
  padding:1rem;
  border:1px solid #D9E1F1;
  border-radius:16px;
  background:#fff;
  color:#192338;
  font-weight:800;
  box-shadow:0 10px 28px rgba(25,35,56,.05);
}
.service-industries{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:.85rem;
}
.service-process{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:.75rem;
}
.service-process li{
  position:relative;
  padding:1rem .85rem;
  border-radius:16px;
  background:#fff;
  border:1px solid #D9E1F1;
  color:#192338;
  font-weight:900;
  text-align:center;
}
.related-links{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.related-link{
  padding:1.25rem;
  border:1px solid #D9E1F1;
  border-radius:18px;
  background:#fff;
  color:#192338;
  font-weight:900;
  box-shadow:0 12px 34px rgba(25,35,56,.06);
}
.faq-list{
  display:grid;
  gap:.85rem;
}
.faq-item{
  border:1px solid #D9E1F1;
  border-radius:18px;
  background:#fff;
  padding:1.35rem;
}
.faq-item h3{
  color:#192338;
  font-size:1rem;
  margin-bottom:.45rem;
}
.faq-item p{
  color:#536275;
  line-height:1.7;
}
.service-cta{
  padding:104px 48px;
  background:#192338;
  color:#fff;
  text-align:center;
}
.service-cta h2{
  color:#fff;
  font-size:clamp(2.2rem,4.4vw,4rem);
  letter-spacing:-.05em;
  line-height:1.05;
  margin-bottom:1rem;
}
.service-cta p{
  max-width:680px;
  margin:0 auto 2rem;
  color:#B8C7DA;
  font-size:1.05rem;
  line-height:1.75;
}

@media(max-width:1100px){
  .build-mega{min-width:900px}
  .build-mega .mega-grid{grid-template-columns:repeat(2,1fr)}
  .tech-mega{min-width:840px}
  .tech-mega .mega-grid{grid-template-columns:repeat(2,1fr)}
  .service-hero-inner{grid-template-columns:1fr}
  .service-visual{max-width:680px}
  .service-grid,
  .feature-list{grid-template-columns:repeat(2,1fr)}
  .service-industries{grid-template-columns:repeat(3,1fr)}
  .service-process{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:960px){
  .nav-toggle{display:flex}
  .nav-right{display:none}
  .nav-menu{
    position:fixed;
    left:20px;
    right:20px;
    top:calc(var(--nav-h) + 10px);
    display:none;
    flex-direction:column;
    align-items:stretch;
    max-height:calc(100vh - var(--nav-h) - 28px);
    overflow:auto;
    padding:1rem;
    border:1px solid #D9E1F1;
    border-radius:20px;
    background:#fff;
    box-shadow:0 28px 80px rgba(25,35,56,.16);
  }
  body.nav-open .nav-menu{display:flex}
  .nav-link,
  .nav-trigger{
    width:100%;
    justify-content:space-between;
    padding:.9rem 1rem;
    color:#192338;
    font-weight:800;
  }
  .nav-item{width:100%}
  .drop,
  .drop.mega,
  .build-mega,
  .tech-mega{
    position:static;
    min-width:0;
    transform:none;
    box-shadow:none;
    border:0;
    border-radius:0;
    padding:0;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    display:none;
  }
  .nav-item.open .drop{
    display:block;
    transform:none;
  }
  .build-mega .mega-grid{
    grid-template-columns:1fr;
    gap:.75rem;
    padding:.25rem 0 .75rem;
  }
  .tech-mega .mega-grid{
    grid-template-columns:1fr;
    gap:.35rem;
    padding:.25rem 0 .75rem;
  }
  .mega-ch{
    margin:.75rem 0 .35rem;
    padding:.75rem 1rem .5rem;
  }
  .mitem{
    padding:.75rem 1rem;
  }
  .tech-item{
    padding:.75rem 1rem;
  }
  .tech-item strong{
    white-space:normal;
  }
  .mega-cta-card{
    margin:1rem;
  }
}
@media(max-width:640px){
  .service-hero,
  .service-section,
  .service-cta{
    padding-left:20px;
    padding-right:20px;
  }
  .service-hero{
    padding-top:calc(var(--nav-h) + 62px);
  }
  .service-actions{display:grid}
  .service-actions .btn{justify-content:center}
  .service-mini-grid,
  .service-grid,
  .service-grid.two,
  .feature-list,
  .service-industries,
  .service-process,
  .related-links{grid-template-columns:1fr}
}

/* CRM service landing page */
.crm-page{
  background:#fff;
}
.crm-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:0 48px;
}
.crm-breadcrumb{
  max-width:1200px;
  margin:0 auto;
  padding:calc(var(--nav-h) + 22px) 48px 0;
  display:flex;
  gap:.55rem;
  align-items:center;
  color:#64748B;
  font-size:.82rem;
  font-weight:700;
}
.crm-breadcrumb a{
  color:#31487A;
}
.crm-hero{
  position:relative;
  overflow:hidden;
  padding:70px 0 96px;
  background:linear-gradient(180deg,#F8FAFD 0%,#fff 100%);
}
.crm-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:radial-gradient(circle,#C9D5E8 1px,transparent 1px);
  background-size:32px 32px;
  opacity:.26;
  mask-image:linear-gradient(90deg,transparent,black 20%,transparent 84%);
  -webkit-mask-image:linear-gradient(90deg,transparent,black 20%,transparent 84%);
}
.crm-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr .92fr;
  gap:4rem;
  align-items:center;
}
.crm-hero h1{
  max-width:760px;
  color:#192338;
  font-size:clamp(2.7rem,5vw,4.7rem);
  line-height:1.04;
  letter-spacing:-.055em;
  margin-bottom:1.35rem;
}
.crm-hero-copy p{
  max-width:670px;
  color:#536275;
  font-size:1.1rem;
  line-height:1.8;
}
.crm-trust-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.85rem;
  max-width:620px;
  margin-top:2rem;
}
.crm-trust-metrics div{
  padding:1rem;
  border:1px solid #D9E1F1;
  border-radius:16px;
  background:#fff;
  box-shadow:0 14px 38px rgba(25,35,56,.06);
}
.crm-trust-metrics strong{
  display:block;
  color:#192338;
  font-size:1.4rem;
  line-height:1.05;
}
.crm-trust-metrics span{
  display:block;
  color:#536275;
  font-size:.78rem;
  font-weight:800;
  margin-top:.35rem;
}
.crm-dashboard,
.crm-product-panel{
  border:1px solid #C9D5E8;
  border-radius:28px;
  background:#fff;
  box-shadow:0 34px 90px rgba(25,35,56,.16);
  padding:1.25rem;
}
.crm-dash-top,
.crm-product-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:1rem;
}
.crm-dash-top span,
.crm-product-header span,
.crm-pipeline-card span,
.crm-source-card > span,
.crm-timeline > span{
  display:block;
  color:#64748B;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.crm-dash-top strong,
.crm-product-header strong{
  display:block;
  color:#192338;
  font-size:1.05rem;
  margin-top:.2rem;
}
.crm-dash-top em{
  padding:.35rem .65rem;
  border-radius:999px;
  background:#EEF4FF;
  color:#31487A;
  font-style:normal;
  font-size:.7rem;
  font-weight:900;
}
.crm-dash-kpis,
.crm-dash-main,
.crm-product-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.75rem;
}
.crm-dash-kpis div,
.crm-product-grid div,
.crm-pipeline-card,
.crm-source-card,
.crm-timeline,
.crm-product-row{
  border:1px solid #E1E9F5;
  border-radius:16px;
  background:#F8FAFD;
  padding:1rem;
}
.crm-dash-kpis span,
.crm-product-grid span{
  display:block;
  color:#64748B;
  font-size:.7rem;
  font-weight:800;
}
.crm-dash-kpis strong,
.crm-product-grid b{
  display:block;
  color:#192338;
  font-size:1.3rem;
  margin-top:.25rem;
}
.crm-dash-main{
  grid-template-columns:1.15fr .85fr;
  margin-top:.75rem;
}
.crm-pipeline-bars,
.crm-product-chart{
  display:flex;
  align-items:end;
  gap:.45rem;
  height:112px;
  margin-top:1rem;
}
.crm-pipeline-bars i,
.crm-product-chart i{
  display:block;
  flex:1;
  border-radius:8px 8px 3px 3px;
  background:linear-gradient(180deg,#8FB3E2,#31487A);
}
.crm-pipeline-bars i:nth-child(1){height:42%}
.crm-pipeline-bars i:nth-child(2){height:68%}
.crm-pipeline-bars i:nth-child(3){height:54%}
.crm-pipeline-bars i:nth-child(4){height:82%}
.crm-pipeline-bars i:nth-child(5){height:64%}
.crm-source-card div{
  display:flex;
  justify-content:space-between;
  margin-top:.8rem;
  color:#192338;
  font-size:.82rem;
}
.crm-source-card em{
  color:#31487A;
  font-style:normal;
  font-weight:900;
}
.crm-timeline{
  margin-top:.75rem;
}
.crm-timeline p{
  margin:.75rem 0 0;
  color:#40536B;
  font-size:.82rem;
  font-weight:700;
}
.crm-section{
  padding:104px 0;
}
.crm-section.crm-soft{
  background:#F8FAFD;
}
.crm-section-head{
  max-width:720px;
  margin-bottom:3.2rem;
}
.crm-section-head.centered{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.crm-section-head h2,
.crm-showcase h2{
  color:#192338;
  font-size:clamp(2.1rem,3.4vw,3.2rem);
  line-height:1.08;
  letter-spacing:-.045em;
}
.crm-problem-list{
  display:grid;
  gap:1rem;
}
.crm-problem-list article{
  display:grid;
  grid-template-columns:.75fr 1.1fr .95fr;
  gap:1.25rem;
  align-items:start;
  padding:1.35rem;
  border:1px solid #D9E1F1;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 38px rgba(25,35,56,.06);
}
.crm-problem-list h3{
  color:#31487A;
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.crm-problem-list p{
  color:#192338;
  font-weight:750;
  line-height:1.55;
}
.crm-flow{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:.85rem;
}
.crm-flow div{
  position:relative;
  min-height:178px;
  padding:1.15rem;
  border:1px solid #D9E1F1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(25,35,56,.06);
}
.crm-flow div:not(:last-child)::after{
  content:'>';
  position:absolute;
  right:-.7rem;
  top:50%;
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:99px;
  background:#FACC15;
  color:#192338;
  font-weight:900;
  z-index:2;
}
.crm-flow span,
.crm-process-steps span{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  background:#EEF4FF;
  color:#31487A;
  font-size:.76rem;
  font-weight:900;
  margin-bottom:1rem;
}
.crm-flow h3,
.crm-module-grid h3,
.crm-benefit-grid h3,
.crm-industry-grid h3,
.crm-process-steps h3{
  color:#192338;
  font-size:1rem;
  margin-bottom:.4rem;
}
.crm-flow p,
.crm-module-grid p,
.crm-benefit-grid p,
.crm-industry-grid p,
.crm-process-steps p{
  color:#536275;
  font-size:.88rem;
  line-height:1.6;
}
.crm-module-grid,
.crm-benefit-grid,
.crm-industry-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:1rem;
}
.crm-module-grid article,
.crm-benefit-grid article,
.crm-industry-grid article{
  min-height:160px;
  padding:1.35rem;
  border:1px solid #D9E1F1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(25,35,56,.06);
}
.crm-module-grid article::before,
.crm-industry-grid article::before{
  content:'';
  display:block;
  width:38px;
  height:38px;
  border-radius:12px;
  background:linear-gradient(135deg,#192338,#31487A);
  margin-bottom:1rem;
}
.crm-showcase-section{
  background:#192338;
}
.crm-showcase{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:4rem;
  align-items:center;
}
.crm-showcase .eyebrow{color:#8FB3E2}
.crm-showcase h2{color:#fff;margin-bottom:1.5rem}
.crm-product-panel{
  background:#fff;
}
.crm-product-chart i:nth-child(1){height:36%}
.crm-product-chart i:nth-child(2){height:52%}
.crm-product-chart i:nth-child(3){height:74%}
.crm-product-chart i:nth-child(4){height:48%}
.crm-product-chart i:nth-child(5){height:86%}
.crm-product-chart i:nth-child(6){height:64%}
.crm-product-row{
  display:flex;
  justify-content:space-between;
  margin-top:.75rem;
  color:#536275;
}
.crm-product-row b{
  color:#192338;
}
.crm-callouts{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:.8rem;
}
.crm-callouts p{
  margin:0;
  padding:1rem;
  border:1px solid rgba(217,225,241,.18);
  border-radius:16px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-weight:800;
}
.crm-benefit-grid{
  grid-template-columns:repeat(3,1fr);
}
.crm-benefit-grid span{
  display:block;
  width:38px;
  height:38px;
  border-radius:12px;
  background:#EEF4FF;
  margin-bottom:1rem;
}
.crm-industry-grid{
  grid-template-columns:repeat(3,1fr);
}
.crm-case-study{
  display:grid;
  grid-template-columns:1fr 320px;
  gap:3rem;
  padding:2.4rem;
  border:1px solid #C9D5E8;
  border-radius:28px;
  background:linear-gradient(135deg,#FFFFFF,#F8FAFD);
  box-shadow:0 28px 80px rgba(25,35,56,.1);
}
.crm-case-study h2{
  color:#192338;
  font-size:clamp(2rem,3vw,3rem);
  line-height:1.08;
  letter-spacing:-.045em;
  margin-bottom:1rem;
}
.crm-case-study h3{
  color:#192338;
  margin:1.25rem 0 .35rem;
}
.crm-case-study p{
  color:#536275;
  line-height:1.7;
}
.crm-case-badge{
  display:inline-flex;
  padding:.4rem .75rem;
  border-radius:999px;
  background:#EEF4FF;
  color:#31487A;
  font-size:.78rem;
  font-weight:900;
}
.crm-case-stats{
  align-self:stretch;
  border-radius:22px;
  padding:1.5rem;
  background:#192338;
  color:#fff;
}
.crm-case-stats small{
  display:block;
  color:#B8C7DA;
  font-weight:800;
  margin-bottom:1.25rem;
}
.crm-case-stats strong{
  display:block;
  font-size:2rem;
  line-height:1;
  color:#FACC15;
  margin-top:1.3rem;
}
.crm-case-stats span{
  display:block;
  color:#D9E1F1;
  margin-top:.35rem;
}
.crm-compare{
  max-width:900px;
  margin:0 auto;
  overflow:hidden;
  border:1px solid #C9D5E8;
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 54px rgba(25,35,56,.08);
}
.crm-compare > div{
  display:grid;
  grid-template-columns:1fr 1fr;
}
.crm-compare > div:not(:last-child){
  border-bottom:1px solid #D9E1F1;
}
.crm-compare-head{
  background:#192338;
  color:#fff;
  font-weight:900;
}
.crm-compare div div,
.crm-compare p{
  margin:0;
  padding:1rem 1.25rem;
}
.crm-compare p:first-child{
  color:#64748B;
}
.crm-compare p:last-child{
  color:#192338;
  font-weight:900;
  background:#F8FAFD;
}
.crm-process-steps{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:1rem;
}
.crm-process-steps article{
  padding:1.35rem;
  border:1px solid #D9E1F1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(25,35,56,.06);
}
.crm-related-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:1rem;
}
.crm-related-grid a{
  min-height:120px;
  padding:1.25rem;
  border:1px solid #D9E1F1;
  border-radius:18px;
  background:#fff;
  color:#192338;
  font-weight:900;
  box-shadow:0 12px 34px rgba(25,35,56,.06);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.crm-related-grid a:hover{
  transform:translateY(-4px);
  border-color:#8FB3E2;
  box-shadow:0 22px 60px rgba(25,35,56,.12);
}
.crm-faq-wrap{
  max-width:980px;
}
.crm-faq-list{
  display:grid;
  gap:.85rem;
}
.crm-faq-list details{
  border:1px solid #D9E1F1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 30px rgba(25,35,56,.05);
  overflow:hidden;
}
.crm-faq-list summary{
  cursor:pointer;
  list-style:none;
  padding:1.2rem 1.35rem;
  color:#192338;
  font-weight:900;
}
.crm-faq-list summary::-webkit-details-marker{display:none}
.crm-faq-list p{
  padding:0 1.35rem 1.25rem;
  color:#536275;
  line-height:1.7;
}
.crm-final-cta{
  padding:108px 0;
  background:#192338;
  text-align:center;
  color:#fff;
}
.crm-final-cta h2{
  max-width:820px;
  margin:0 auto 1rem;
  color:#fff;
  font-size:clamp(2.4rem,5vw,4.5rem);
  line-height:1.05;
  letter-spacing:-.055em;
}
.crm-final-cta p{
  max-width:680px;
  margin:0 auto 2rem;
  color:#B8C7DA;
  font-size:1.06rem;
  line-height:1.75;
}
.crm-final-actions{
  display:flex;
  justify-content:center;
  gap:1rem;
  flex-wrap:wrap;
}
@media(max-width:1100px){
  .crm-hero-grid,
  .crm-showcase,
  .crm-case-study{
    grid-template-columns:1fr;
  }
  .crm-module-grid,
  .crm-related-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .crm-flow,
  .crm-process-steps{
    grid-template-columns:repeat(3,1fr);
  }
  .crm-flow div:not(:last-child)::after{display:none}
}
@media(max-width:760px){
  .crm-wrap,
  .crm-breadcrumb{
    padding-left:20px;
    padding-right:20px;
  }
  .crm-breadcrumb{
    padding-top:calc(var(--nav-h) + 18px);
  }
  .crm-hero{
    padding:56px 0 72px;
  }
  .crm-section,
  .crm-final-cta{
    padding:72px 0;
  }
  .crm-hero-grid{
    gap:2.5rem;
  }
  .crm-trust-metrics,
  .crm-dash-kpis,
  .crm-dash-main,
  .crm-problem-list article,
  .crm-flow,
  .crm-module-grid,
  .crm-benefit-grid,
  .crm-industry-grid,
  .crm-callouts,
  .crm-process-steps,
  .crm-related-grid{
    grid-template-columns:1fr;
  }
  .crm-dashboard,
  .crm-case-study{
    border-radius:22px;
    padding:1rem;
  }
  .crm-compare > div{
    grid-template-columns:1fr;
  }
  .crm-final-actions{
    display:grid;
  }
}

/* CRM reference-inspired compact landing page */
.crm-reference-page{
  background:#fff;
}
.crm-ref-wrap{
  max-width:1160px;
  margin:0 auto;
  padding:0 48px;
}
.crm-ref-hero{
  padding:calc(var(--nav-h) + 58px) 0 70px;
  background:#fff;
  overflow:hidden;
  position:relative;
}
.crm-ref-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(25,35,56,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(25,35,56,.055) 1px,transparent 1px);
  background-size:36px 36px;
  opacity:.75;
  pointer-events:none;
}
.crm-ref-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
  align-items:start;
}
.crm-ref-copy{
  display:contents;
}
.crm-ref-copy .crm-ref-eyebrow{
  order:1;
  justify-self:center;
}
.crm-ref-copy h1{
  order:2;
}
.crm-ref-copy > p{
  order:3;
}
.crm-ref-hero-visual{
  order:4;
}
.crm-ref-actions{
  order:5;
}
.crm-ref-industries,
.crm-ref-proof-row,
.crm-ref-hero-stats{
  order:6;
}
.crm-ref-eyebrow{
  display:block;
  color:#31487A;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:.9rem;
  display:inline-flex;
  align-items:center;
  gap:.65rem;
}
.crm-ref-eyebrow::before{
  content:'';
  width:28px;
  height:2px;
  background:#31487A;
  border-radius:99px;
}
.crm-ref-copy h1{
  color:#192338;
  max-width:1024px;
  font-size:3.6rem;
  line-height:1.08;
  letter-spacing:-.055em;
  margin:0 auto 1rem;
  text-align:center;
}
.crm-ref-copy h1 span{
  color:#2563EB;
  text-decoration:underline;
  text-decoration-color:#FACC15;
  text-decoration-thickness:.13em;
  text-underline-offset:-.08em;
  text-decoration-skip-ink:none;
}
.crm-ref-copy p{
  color:#536275;
  line-height:1.75;
  max-width:760px;
  margin:0 auto;
  font-size:1.08rem;
  text-align:center;
}
.crm-ref-actions{
  display:flex;
  gap:.85rem;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:.2rem;
}
.crm-ref-actions .btn,
.crm-ref-actions .cta-btn,
.crm-ref-actions .cta-secondary{
  min-width:172px;
  min-height:54px;
  justify-content:center;
  border-radius:14px;
  font-size:.94rem;
  font-weight:900;
  padding:.9rem 1.4rem;
}
.crm-ref-actions .btn-solid,
.crm-ref-actions .cta-btn{
  background:linear-gradient(135deg,#192338,#31487A);
  color:#fff;
  border:1px solid transparent;
  box-shadow:0 16px 38px rgba(25,35,56,.16);
}
.crm-ref-actions .btn-ghost,
.crm-ref-actions .cta-secondary{
  background:#fff;
  color:#192338;
  border:1px solid #C9D5E8;
  box-shadow:none;
}
.crm-ref-actions .btn:hover,
.crm-ref-actions .cta-btn:hover,
.crm-ref-actions .cta-secondary:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 42px rgba(25,35,56,.16);
}
.crm-ref-industries,
.crm-ref-proof-row{
  display:flex;
  gap:.55rem;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:.15rem;
}
.crm-ref-industries span,
.crm-ref-proof-row span{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:.35rem .8rem;
  border:1px solid #C9D5E8;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#31487A;
  font-size:.76rem;
  font-weight:900;
}
.crm-ref-hero-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,180px));
  justify-content:center;
  gap:.85rem;
  margin-top:.25rem;
}
.crm-ref-hero-stats div{
  min-height:102px;
  padding:1rem;
  border:1px solid #C9D5E8;
  border-radius:14px;
  background:#fff;
  box-shadow:0 16px 42px rgba(25,35,56,.08);
}
.crm-ref-hero-stats strong{
  display:block;
  color:#192338;
  font-size:2rem;
  line-height:1;
  letter-spacing:-.045em;
}
.crm-ref-hero-stats span{
  display:block;
  margin-top:.45rem;
  color:#536275;
  font-size:.78rem;
  font-weight:800;
  line-height:1.35;
}
.crm-ref-hero-visual{
  position:relative;
  width:min(920px,100%);
  margin:0 auto;
  min-height:520px;
}
.crm-hero-suite{
  position:relative;
  min-height:500px;
  border:1px solid #C9D5E8;
  border-radius:28px;
  background:linear-gradient(145deg,#FFFFFF 0%,#F5F8FE 100%);
  box-shadow:0 34px 90px rgba(25,35,56,.2);
  overflow:hidden;
}
.crm-hero-suite::before{
  content:'';
  position:absolute;
  inset:34px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(25,35,56,.08),rgba(143,179,226,.16));
}
.crm-hero-main-card{
  position:absolute;
  left:36px;
  top:50px;
  width:63%;
  min-height:380px;
  border-radius:22px;
  background:#fff;
  border:1px solid #D9E1F1;
  box-shadow:0 26px 70px rgba(25,35,56,.16);
  padding:1rem;
}
.crm-hero-analytics{
  margin-top:1rem;
  padding:1rem;
  border:1px solid #E1E9F5;
  border-radius:18px;
  background:#fff;
}
.crm-hero-analytics p{
  margin:.8rem 0 0;
  color:#536275;
  font-size:.82rem;
  line-height:1.55;
}
.crm-hero-phone{
  position:absolute;
  right:38px;
  top:102px;
  width:166px;
  min-height:328px;
  padding:1rem;
  border-radius:28px;
  background:#192338;
  color:#fff;
  box-shadow:0 28px 72px rgba(25,35,56,.24);
}
.crm-hero-phone > i{
  display:block;
  width:46px;
  height:5px;
  border-radius:99px;
  background:rgba(255,255,255,.2);
  margin:0 auto 1.2rem;
}
.crm-hero-phone strong{
  display:block;
  margin-bottom:1rem;
  font-size:1rem;
}
.crm-hero-phone div{
  padding:.85rem;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.08);
  margin-bottom:.75rem;
}
.crm-hero-phone span{
  display:block;
  color:#B8C7DA;
  font-size:.7rem;
  font-weight:800;
}
.crm-hero-phone b{
  display:block;
  color:#fff;
  font-size:1.35rem;
  margin-top:.2rem;
}
.crm-hero-assistant{
  position:absolute;
  right:58px;
  bottom:76px;
  width:282px;
  display:flex;
  gap:.8rem;
  align-items:flex-start;
  padding:1rem;
  border:1px solid #D9E1F1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 22px 58px rgba(25,35,56,.14);
}
.crm-hero-assistant > span{
  width:34px;
  height:34px;
  border-radius:12px;
  background:#FACC15;
  flex-shrink:0;
}
.crm-hero-assistant strong{
  display:block;
  color:#192338;
  font-size:.88rem;
}
.crm-hero-assistant p{
  margin:.25rem 0 0;
  color:#536275;
  font-size:.76rem;
  line-height:1.45;
}
.crm-hero-metric{
  position:absolute;
  bottom:16px;
  width:230px;
  padding:1rem;
  border:1px solid #D9E1F1;
  border-radius:16px;
  background:rgba(255,255,255,.9);
  box-shadow:0 20px 54px rgba(25,35,56,.14);
}
.crm-hero-metric.metric-one{left:28px}
.crm-hero-metric.metric-two{right:28px}
.crm-hero-metric strong{
  display:block;
  color:#192338;
  font-size:1.35rem;
  line-height:1;
}
.crm-hero-metric span{
  display:block;
  color:#536275;
  font-size:.74rem;
  font-weight:900;
  margin-top:.35rem;
}
.crm-ref-window{
  position:relative;
  margin:24px 0 0;
  border:1px solid #C9D5E8;
  border-radius:18px;
  background:#fff;
  box-shadow:0 30px 78px rgba(25,35,56,.16);
  overflow:hidden;
  transform:rotate(-1.5deg);
}
.crm-ref-window-top{
  display:flex;
  gap:.35rem;
  padding:.8rem 1rem;
  border-bottom:1px solid #E1E9F5;
  background:#F8FAFD;
}
.crm-ref-window-top span{
  width:9px;
  height:9px;
  border-radius:99px;
  background:#C9D5E8;
}
.crm-ref-window-body{
  display:grid;
  grid-template-columns:132px 1fr;
  min-height:315px;
}
.crm-ref-window-body aside{
  background:#192338;
  padding:1rem;
  color:#fff;
}
.crm-ref-window-body aside b{
  display:block;
  margin-bottom:1.2rem;
}
.crm-ref-window-body aside i{
  display:block;
  height:10px;
  border-radius:99px;
  background:rgba(255,255,255,.18);
  margin:.75rem 0;
}
.crm-ref-screen{
  padding:1rem;
}
.crm-ref-screen-head,
.crm-ref-mini-kpis,
.crm-ref-table p{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.crm-ref-screen-head strong{
  color:#192338;
}
.crm-ref-screen-head em{
  font-style:normal;
  color:#31487A;
  font-size:.72rem;
  font-weight:900;
}
.crm-ref-mini-kpis{
  gap:.65rem;
  margin:1rem 0;
}
.crm-ref-mini-kpis div{
  flex:1;
  border:1px solid #E1E9F5;
  border-radius:12px;
  padding:.75rem;
  background:#F8FAFD;
}
.crm-ref-mini-kpis span{
  display:block;
  color:#64748B;
  font-size:.65rem;
  font-weight:800;
}
.crm-ref-mini-kpis b{
  color:#192338;
  font-size:1.1rem;
}
.crm-ref-chart{
  height:92px;
  display:flex;
  align-items:end;
  gap:.45rem;
  padding:.75rem;
  border:1px solid #E1E9F5;
  border-radius:14px;
  background:#fff;
}
.crm-ref-chart i{
  flex:1;
  border-radius:8px 8px 3px 3px;
  background:linear-gradient(180deg,#8FB3E2,#31487A);
}
.crm-ref-chart i:nth-child(1){height:42%}
.crm-ref-chart i:nth-child(2){height:68%}
.crm-ref-chart i:nth-child(3){height:52%}
.crm-ref-chart i:nth-child(4){height:84%}
.crm-ref-chart i:nth-child(5){height:64%}
.crm-ref-table p{
  margin:.7rem 0 0;
  color:#40536B;
  font-size:.78rem;
  font-weight:750;
}
.crm-ref-table span{
  width:8px;
  height:8px;
  border-radius:99px;
  background:#FACC15;
  margin-right:.5rem;
}
.crm-ref-float{
  position:absolute;
  padding:.75rem 1rem;
  border:1px solid #D9E1F1;
  border-radius:14px;
  background:#fff;
  color:#192338;
  font-size:.78rem;
  font-weight:900;
  box-shadow:0 18px 48px rgba(25,35,56,.14);
  z-index:3;
}
.crm-ref-float-one{
  left:-24px;
  bottom:96px;
  top:auto;
}
.crm-ref-float-two{
  right:-20px;
  top:32px;
  bottom:auto;
}
.crm-ref-visual{
  order:4;
  position:relative;
  width:min(760px,100%);
  margin:0 auto;
}
.crm-ref-device{
  position:relative;
  min-height:390px;
  border:1px solid #C9D5E8;
  border-radius:28px;
  background:linear-gradient(145deg,#FFFFFF 0%,#EEF4FD 100%);
  box-shadow:0 34px 90px rgba(25,35,56,.18);
  overflow:visible;
}
.crm-ref-device::before{
  content:'';
  position:absolute;
  inset:28px 44px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(25,35,56,.08),rgba(143,179,226,.22));
}
.crm-ref-device .crm-ref-screen{
  position:absolute;
  left:48px;
  top:48px;
  width:min(390px,58%);
  min-height:250px;
  padding:1.25rem;
  border:1px solid #D9E1F1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 24px 70px rgba(25,35,56,.14);
}
.crm-ref-dash-head,
.crm-ref-metrics{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
}
.crm-ref-dash-head strong{
  color:#192338;
  font-size:.95rem;
  font-weight:900;
}
.crm-ref-dash-head span{
  color:#2563EB;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.crm-ref-metrics{
  margin:1.1rem 0;
}
.crm-ref-metrics div{
  flex:1;
  min-height:70px;
  padding:.75rem;
  border:1px solid #D9E1F1;
  border-radius:12px;
  background:#F6F9FE;
}
.crm-ref-metrics small{
  display:block;
  color:#64748B;
  font-size:.66rem;
  font-weight:900;
}
.crm-ref-metrics strong{
  display:block;
  margin-top:.35rem;
  color:#192338;
  font-size:1.25rem;
  letter-spacing:-.04em;
}
.crm-ref-activity{
  display:grid;
  gap:.55rem;
  padding:0;
  margin:.75rem 0 1rem;
  list-style:none;
}
.crm-ref-activity li{
  position:relative;
  padding-left:1.05rem;
  color:#40536B;
  font-size:.78rem;
  font-weight:800;
}
.crm-ref-activity li::before{
  content:'';
  position:absolute;
  left:0;
  top:.45rem;
  width:7px;
  height:7px;
  border-radius:99px;
  background:#FACC15;
}
.crm-ref-device .crm-ref-chart{
  height:82px;
  align-items:end;
}
.crm-ref-device .crm-ref-chart span{
  flex:1;
  border-radius:8px 8px 3px 3px;
  background:linear-gradient(180deg,#8FB3E2,#31487A);
}
.crm-ref-device .crm-ref-chart span:nth-child(1){height:42%}
.crm-ref-device .crm-ref-chart span:nth-child(2){height:64%}
.crm-ref-device .crm-ref-chart span:nth-child(3){height:52%}
.crm-ref-device .crm-ref-chart span:nth-child(4){height:78%}
.crm-ref-device .crm-ref-chart span:nth-child(5){height:58%}
.crm-ref-phone{
  position:absolute;
  right:48px;
  top:88px;
  width:190px;
  min-height:245px;
  padding:1.3rem 1rem;
  border-radius:22px;
  background:#192338;
  color:#fff;
  box-shadow:0 30px 70px rgba(25,35,56,.24);
  z-index:2;
}
.crm-ref-phone > span{
  display:block;
  width:54px;
  height:5px;
  margin:0 auto 1.25rem;
  border-radius:99px;
  background:rgba(255,255,255,.22);
}
.crm-ref-phone strong{
  display:block;
  margin-bottom:1rem;
  color:#fff;
  font-size:1.05rem;
  font-weight:900;
}
.crm-ref-phone div{
  padding:.85rem;
  border:1px solid rgba(255,255,255,.15);
  border-radius:12px;
  background:rgba(255,255,255,.08);
  margin-top:.75rem;
}
.crm-ref-phone small,
.crm-ref-phone b{
  display:block;
}
.crm-ref-phone small{
  color:#B8C7DA;
  font-weight:800;
}
.crm-ref-phone b{
  margin-top:.35rem;
  color:#fff;
  font-size:1.35rem;
}
.crm-ref-visual .crm-ref-float.top{
  right:-26px;
  top:28px;
}
.crm-ref-visual .crm-ref-float.mid{
  right:34px;
  bottom:74px;
  display:flex;
  align-items:center;
  gap:.8rem;
  max-width:265px;
}
.crm-ref-visual .crm-ref-float.mid b{
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:12px;
  background:#FACC15;
}
.crm-ref-visual .crm-ref-float.mid span,
.crm-ref-visual .crm-ref-float.bottom small{
  display:block;
}
.crm-ref-visual .crm-ref-float.mid small{
  display:block;
  margin-top:.25rem;
  color:#536275;
  font-weight:700;
  line-height:1.35;
}
.crm-ref-visual .crm-ref-float.bottom{
  left:74px;
  bottom:24px;
}
.crm-ref-visual .crm-ref-float.bottom.second{
  left:auto;
  right:28px;
  bottom:24px;
}
.crm-ref-section{
  padding:88px 0;
}
.crm-ref-soft{
  background:#F8FAFD;
}
.crm-ref-heading{
  margin-bottom:2.8rem;
}
.crm-ref-heading.centered{
  text-align:center;
}
.crm-ref-heading h2,
.crm-ref-dark-copy h2,
.crm-ref-case-copy h2,
.crm-ref-final-cta h2{
  color:#192338;
  font-size:clamp(1.95rem,3.1vw,2.9rem);
  line-height:1.08;
  letter-spacing:-.045em;
}
.crm-ref-choice-grid,
.crm-ref-impact-grid,
.crm-ref-industry-grid,
.crm-ref-why-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.crm-ref-choice-grid article,
.crm-ref-impact-grid article,
.crm-ref-industry-grid article,
.crm-ref-why-grid article,
.crm-ref-module-grid article{
  border:1px solid #D9E1F1;
  border-radius:14px;
  background:#fff;
  padding:1.25rem;
  box-shadow:0 12px 34px rgba(25,35,56,.05);
}
.crm-ref-choice-grid article.is-featured{
  background:#1E5CB8;
  border-color:#1E5CB8;
  color:#fff;
  box-shadow:0 24px 64px rgba(30,92,184,.25);
}
.crm-ref-choice-grid h3,
.crm-ref-impact-grid h3,
.crm-ref-industry-grid h3,
.crm-ref-why-grid h3,
.crm-ref-module-grid h3{
  color:#192338;
  font-size:1rem;
  margin-bottom:.45rem;
}
.crm-ref-choice-grid p,
.crm-ref-impact-grid p,
.crm-ref-industry-grid p,
.crm-ref-why-grid p,
.crm-ref-module-grid li{
  color:#536275;
  font-size:.86rem;
  line-height:1.55;
}
.crm-ref-choice-grid .is-featured h3,
.crm-ref-choice-grid .is-featured p{
  color:#fff;
}
.crm-ref-choice-grid span,
.crm-ref-impact-grid span{
  display:block;
  width:34px;
  height:34px;
  border-radius:10px;
  background:#EEF4FF;
  margin-bottom:1rem;
}
.crm-ref-impact-grid span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#31487A;
}
.crm-ref-impact-grid span::before{
  content:'';
  width:18px;
  height:18px;
  background:currentColor;
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
}
.crm-ref-impact-grid article:nth-child(1) span::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M7 2h10a2 2 0 0 1 2 2v18l-7-3-7 3V4a2 2 0 0 1 2-2Zm1 3v13.4l4-1.7 4 1.7V5H8Zm2.1 8.1 5.7-5.7 1.4 1.4-7.1 7.1-3.3-3.3 1.4-1.4 1.9 1.9Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M7 2h10a2 2 0 0 1 2 2v18l-7-3-7 3V4a2 2 0 0 1 2-2Zm1 3v13.4l4-1.7 4 1.7V5H8Zm2.1 8.1 5.7-5.7 1.4 1.4-7.1 7.1-3.3-3.3 1.4-1.4 1.9 1.9Z'/%3E%3C/svg%3E");
}
.crm-ref-impact-grid article:nth-child(2) span::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M13 2 4 14h7l-1 8 10-13h-7l1-7Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M13 2 4 14h7l-1 8 10-13h-7l1-7Z'/%3E%3C/svg%3E");
}
.crm-ref-impact-grid article:nth-child(3) span::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Zm7.5-8.5 1.4 1.4-3.9 3.9-2.4-2.4L16 7l1 1 2.5-2.5Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Zm7.5-8.5 1.4 1.4-3.9 3.9-2.4-2.4L16 7l1 1 2.5-2.5Z'/%3E%3C/svg%3E");
}
.crm-ref-impact-grid article:nth-child(4) span::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M3 17h18v2H3v-2Zm2-3h3V7H5v7Zm5 0h3V4h-3v10Zm5 0h3V9h-3v5Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M3 17h18v2H3v-2Zm2-3h3V7H5v7Zm5 0h3V4h-3v10Zm5 0h3V9h-3v5Z'/%3E%3C/svg%3E");
}
.crm-ref-impact-grid article:nth-child(5) span::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm0 4h14V5H5v2Zm2 4h4v2H7v-2Zm0 4h7v2H7v-2Zm8-4h2v2h-2v-2Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm0 4h14V5H5v2Zm2 4h4v2H7v-2Zm0 4h7v2H7v-2Zm8-4h2v2h-2v-2Z'/%3E%3C/svg%3E");
}
.crm-ref-impact-grid article:nth-child(6) span::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 4h16v16H4V4Zm2 2v12h12V6H6Zm2 2h8v2H8V8Zm0 4h8v2H8v-2Zm0 4h5v1H8v-1Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 4h16v16H4V4Zm2 2v12h12V6H6Zm2 2h8v2H8V8Zm0 4h8v2H8v-2Zm0 4h5v1H8v-1Z'/%3E%3C/svg%3E");
}
.crm-ref-impact-section{
  background:#F6F9FE;
}
.crm-ref-choice-grid .is-featured span{
  background:rgba(255,255,255,.18);
}
.crm-ref-why-dark{
  background:#192338;
  position:relative;
  overflow:hidden;
}
.crm-ref-why-dark::before{
  content:'';
  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:44px 44px;
  opacity:.55;
}
.crm-ref-why-dark .crm-ref-wrap{
  position:relative;
  z-index:1;
}
.crm-ref-why-dark .crm-ref-heading h2{
  color:#fff;
}
.crm-ref-why-dark .crm-ref-choice-grid article{
  background:rgba(255,255,255,.08);
  border-color:rgba(217,225,241,.18);
  box-shadow:0 20px 58px rgba(0,0,0,.16);
}
.crm-ref-why-dark .crm-ref-choice-grid article.is-featured{
  background:rgba(255,255,255,.12);
  border-color:#FACC15;
  box-shadow:0 28px 76px rgba(0,0,0,.24),0 0 0 1px rgba(250,204,21,.28);
}
.crm-ref-why-dark .crm-ref-choice-grid h3,
.crm-ref-why-dark .crm-ref-choice-grid p{
  color:#fff;
}
.crm-ref-why-dark .crm-ref-choice-grid p{
  color:#D9E1F1;
}
.crm-ref-choice-grid span{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#31487A;
}
.crm-ref-choice-grid span::before{
  content:'';
  width:18px;
  height:18px;
  background:currentColor;
  mask:center/contain no-repeat;
  -webkit-mask:center/contain no-repeat;
}
.crm-ref-choice-grid article:nth-child(1) span::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 5h16v14H4V5Zm2 2v10h12V7H6Zm2 2h5v2H8V9Zm0 4h8v2H8v-2Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 5h16v14H4V5Zm2 2v10h12V7H6Zm2 2h5v2H8V9Zm0 4h8v2H8v-2Z'/%3E%3C/svg%3E");
}
.crm-ref-choice-grid article:nth-child(2) span::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M13 2 4 14h7l-1 8 10-13h-7l1-7Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M13 2 4 14h7l-1 8 10-13h-7l1-7Z'/%3E%3C/svg%3E");
}
.crm-ref-choice-grid article:nth-child(3) span::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 4h16v16H4V4Zm2 2v12h12V6H6Zm2 3h8v2H8V9Zm0 3h5v2H8v-2Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 4h16v16H4V4Zm2 2v12h12V6H6Zm2 3h8v2H8V9Zm0 3h5v2H8v-2Z'/%3E%3C/svg%3E");
}
.crm-ref-why-dark .crm-ref-choice-grid span{
  background:#8FB3E2;
  color:#fff;
}
.crm-ref-why-dark .crm-ref-choice-grid .is-featured span{
  background:#FACC15;
  color:#192338;
}
.crm-ref-pipeline{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:.9rem;
}
.crm-ref-pipeline div{
  text-align:center;
  border:1px solid #D9E1F1;
  border-radius:14px;
  background:#fff;
  padding:1.25rem .85rem;
}
.crm-ref-pipeline span{
  display:inline-flex;
  width:38px;
  height:38px;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#EEF4FF;
  color:#31487A;
  font-size:.75rem;
  font-weight:900;
  margin-bottom:.8rem;
}
.crm-ref-pipeline h3{
  color:#192338;
  font-size:.9rem;
  margin-bottom:.45rem;
}
.crm-ref-pipeline p{
  margin:0;
  color:#566985;
  font-size:.78rem;
  line-height:1.45;
}
.crm-ref-pipeline .active{
  background:#1E5CB8;
  border-color:#1E5CB8;
  color:#fff;
  box-shadow:0 20px 54px rgba(30,92,184,.24);
}
.crm-ref-pipeline .active span{
  background:#fff;
}
.crm-ref-pipeline .active h3{
  color:#fff;
}
.crm-ref-pipeline .active p{
  color:#EAF1FF;
}
.crm-ref-module-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.crm-ref-module-grid span{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#EEF4FF;
  color:#31487A;
  margin-bottom:1rem;
}
.crm-ref-module-grid span::before{
  content:'';
  width:20px;
  height:20px;
  background:currentColor;
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
}
.crm-ref-module-grid article:nth-child(1) span::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M7 3h10a2 2 0 0 1 2 2v16l-7-3-7 3V5a2 2 0 0 1 2-2Zm0 2v12.95l5-2.14 5 2.14V5H7Zm2 4h6v2H9V9Zm0 4h4v2H9v-2Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M7 3h10a2 2 0 0 1 2 2v16l-7-3-7 3V5a2 2 0 0 1 2-2Zm0 2v12.95l5-2.14 5 2.14V5H7Zm2 4h6v2H9V9Zm0 4h4v2H9v-2Z'/%3E%3C/svg%3E");
}
.crm-ref-module-grid article:nth-child(2) span::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Zm8-3h2v2h-2v2h-2v-2h-2v-2h2V9h2v2Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Zm8-3h2v2h-2v2h-2v-2h-2v-2h2V9h2v2Z'/%3E%3C/svg%3E");
}
.crm-ref-module-grid article:nth-child(3) span::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 19h16v2H4v-2Zm1-3h3V8H5v8Zm5 0h3V3h-3v13Zm5 0h3v-6h-3v6Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 19h16v2H4v-2Zm1-3h3V8H5v8Zm5 0h3V3h-3v13Zm5 0h3v-6h-3v6Z'/%3E%3C/svg%3E");
}
.crm-ref-module-grid ul{
  display:grid;
  gap:.5rem;
  margin-top:.8rem;
}
.crm-ref-module-grid li{
  position:relative;
  padding-left:1.35rem;
}
.crm-ref-module-grid li::before{
  content:'';
  position:absolute;
  left:0;
  top:.25rem;
  width:15px;
  height:15px;
  border-radius:999px;
  background:#EEF4FF;
}
.crm-ref-module-grid li::after{
  content:'';
  position:absolute;
  left:4px;
  top:.55rem;
  width:7px;
  height:4px;
  border-left:2px solid #31487A;
  border-bottom:2px solid #31487A;
  transform:rotate(-45deg);
}
.crm-ref-dark-band{
  padding:88px 0;
  background:#192338;
}
.crm-ref-dark-grid{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:4rem;
  align-items:center;
}
.crm-ref-monitor{
  border-radius:20px;
  background:#0E1626;
  padding:1.2rem;
  box-shadow:0 30px 80px rgba(0,0,0,.28);
}
.crm-ref-monitor-screen{
  min-height:240px;
  border-radius:14px;
  background:linear-gradient(135deg,#06111F,#16345D);
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:1rem;
  padding:1rem;
}
.crm-ref-monitor-screen div{
  border-radius:12px;
  background:rgba(143,179,226,.16);
}
.crm-ref-monitor-screen div:first-child{
  grid-row:span 2;
}
.crm-ref-dark-copy .crm-ref-eyebrow{
  color:#8FB3E2;
}
.crm-ref-dark-copy h2{
  color:#fff;
  margin-bottom:1.2rem;
}
.crm-ref-dark-copy ul{
  display:grid;
  gap:1rem;
}
.crm-ref-dark-copy li{
  color:#D9E1F1;
  line-height:1.65;
  padding-left:1.4rem;
  position:relative;
}
.crm-ref-dark-copy li::before{
  content:'';
  position:absolute;
  left:0;
  top:.55rem;
  width:8px;
  height:8px;
  border-radius:99px;
  background:#FACC15;
}
.crm-ref-case-card{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid #C9D5E8;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 24px 70px rgba(25,35,56,.12);
}
.crm-ref-case-section{
  background:#fff;
}
.crm-ref-case-copy{
  padding:3.2rem;
}
.crm-ref-case-points{
  display:grid;
  gap:1.45rem;
  margin-top:1.8rem;
}
.crm-ref-case-points h3{
  color:#192338;
  font-size:.78rem;
  letter-spacing:.11em;
  text-transform:uppercase;
  margin-bottom:.45rem;
}
.crm-ref-case-points p{
  color:#536275;
  line-height:1.7;
}
.crm-ref-case-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.2rem;
  margin-top:2rem;
  padding-top:1.6rem;
  border-top:1px solid #D9E1F1;
}
.crm-ref-case-stats b{
  display:block;
  color:#1E5CB8;
  font-size:1.45rem;
  line-height:1;
  margin-bottom:.35rem;
}
.crm-ref-case-stats span{
  display:block;
  color:#192338;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.06em;
  line-height:1.3;
  text-transform:uppercase;
}
.crm-ref-case-screen{
  background:#fff;
  border-left:1px solid #D9E1F1;
  padding:3.2rem 2.4rem;
  display:flex;
  align-items:center;
}
.crm-ref-case-dashboard{
  width:100%;
  min-height:312px;
  border-radius:4px;
  background:#6F879F;
  padding:2rem;
  display:grid;
  grid-template-columns:1fr 1fr .72fr;
  gap:.7rem;
  align-content:center;
  box-shadow:0 30px 80px rgba(0,0,0,.22);
}
.crm-case-topbar{
  grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:6px 6px 0 0;
  background:#1B2940;
  color:#fff;
  padding:.55rem .75rem;
  font-size:.72rem;
  font-weight:900;
}
.crm-case-topbar em{
  color:#D9E1F1;
  font-style:normal;
  font-size:.62rem;
}
.crm-case-panel{
  background:#fff;
  border:1px solid #D9E1F1;
  border-radius:6px;
  padding:.75rem;
  min-height:96px;
}
.crm-case-panel strong{
  display:block;
  color:#192338;
  font-size:.68rem;
  margin-bottom:.55rem;
}
.crm-case-panel p{
  color:#536275;
  font-size:.58rem;
  line-height:1.5;
  margin-top:.3rem;
}
.crm-case-chart i{
  display:block;
  width:58px;
  height:58px;
  border-radius:50%;
  background:conic-gradient(#1E5CB8 0 35%,#FACC15 35% 62%,#22A261 62% 82%,#8FB3E2 82% 100%);
  margin:.2rem auto .45rem;
  position:relative;
}
.crm-case-chart i::after{
  content:'';
  position:absolute;
  inset:15px;
  border-radius:50%;
  background:#fff;
}
.crm-case-tasks{
  grid-column:span 1;
}
.crm-case-tasks p{
  border-bottom:1px solid #EEF4FF;
  padding-bottom:.32rem;
}
.crm-case-progress p{
  display:flex;
  align-items:center;
  gap:.45rem;
}
.crm-case-progress span{
  display:block;
  width:34px;
  height:5px;
  border-radius:99px;
  background:linear-gradient(90deg,#31487A 70%,#EEF4FF 70%);
}
.crm-case-activity{
  grid-row:span 2;
}
.crm-case-activity p{
  position:relative;
  padding-left:.65rem;
}
.crm-case-activity p::before{
  content:'';
  position:absolute;
  left:0;
  top:.45rem;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#FACC15;
}
.crm-ref-compare{
  display:grid;
  grid-template-columns:1fr 1fr;
  max-width:1080px;
  margin:0 auto;
  border-radius:16px;
  overflow:hidden;
  border:1px solid #D9E1F1;
  box-shadow:0 22px 62px rgba(25,35,56,.12);
}
.crm-ref-compare > div{
  padding:2.4rem 2.6rem;
  background:#fff;
}
.crm-ref-compare > div:last-child{
  background:#1E5CB8;
  color:#fff;
}
.crm-ref-compare-icon{
  display:inline-flex;
  width:46px;
  height:46px;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:#FFF1F1;
  color:#E02D2D;
  margin-bottom:1rem;
}
.crm-ref-compare-icon::before{
  content:'';
  width:22px;
  height:22px;
  background:currentColor;
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm3.7 12.3-1.4 1.4L12 13.4l-2.3 2.3-1.4-1.4 2.3-2.3-2.3-2.3 1.4-1.4 2.3 2.3 2.3-2.3 1.4 1.4-2.3 2.3 2.3 2.3Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm3.7 12.3-1.4 1.4L12 13.4l-2.3 2.3-1.4-1.4 2.3-2.3-2.3-2.3 1.4-1.4 2.3 2.3 2.3-2.3 1.4 1.4-2.3 2.3 2.3 2.3Z'/%3E%3C/svg%3E");
}
.crm-ref-compare > div:last-child .crm-ref-compare-icon{
  background:rgba(255,255,255,.16);
  color:#fff;
}
.crm-ref-compare > div:last-child .crm-ref-compare-icon::before{
  mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1.2 13.6-3.7-3.7 1.4-1.4 2.3 2.3 4.7-4.7 1.4 1.4-6.1 6.1Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1.2 13.6-3.7-3.7 1.4-1.4 2.3 2.3 4.7-4.7 1.4 1.4-6.1 6.1Z'/%3E%3C/svg%3E");
}
.crm-ref-compare h3{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-bottom:1.6rem;
  font-size:1.05rem;
  position:relative;
}
.crm-ref-compare p{
  position:relative;
  margin:1.05rem 0;
  padding-left:2rem;
  color:#536275;
  font-weight:800;
  line-height:1.45;
}
.crm-ref-compare p::before{
  content:'';
  position:absolute;
  left:.2rem;
  top:.55rem;
  width:13px;
  height:2px;
  background:#E02D2D;
  transform:rotate(45deg);
}
.crm-ref-compare p::after{
  content:'';
  position:absolute;
  left:.2rem;
  top:.55rem;
  width:13px;
  height:2px;
  background:#E02D2D;
  transform:rotate(-45deg);
}
.crm-ref-compare > div:last-child p,
.crm-ref-compare > div:last-child h3{
  color:#fff;
}
.crm-ref-compare > div:last-child p::before{
  top:.48rem;
  width:13px;
  height:7px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  background:transparent;
  transform:rotate(-45deg);
}
.crm-ref-compare > div:last-child p::after{
  display:none;
}
.crm-ref-process,
.crm-ref-related{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:1rem;
}
.crm-ref-process article,
.crm-ref-related a{
  text-align:center;
  border:1px solid #D9E1F1;
  border-radius:14px;
  background:#fff;
  padding:1.2rem;
  box-shadow:0 10px 30px rgba(25,35,56,.05);
}
.crm-ref-process span{
  display:inline-flex;
  width:38px;
  height:38px;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#EEF4FF;
  color:#31487A;
  font-weight:900;
  margin-bottom:.75rem;
}
.crm-ref-process h3,
.crm-ref-related a{
  color:#192338;
  font-size:.92rem;
  font-weight:900;
}
.crm-ref-process p{
  color:#536275;
  font-size:.82rem;
  margin-top:.3rem;
}
.crm-ref-process-dark{
  background:#192338;
  position:relative;
  overflow:hidden;
}
.crm-ref-process-dark::before{
  content:'';
  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:44px 44px;
  opacity:.55;
}
.crm-ref-process-dark .crm-ref-wrap{
  position:relative;
  z-index:1;
}
.crm-ref-process-dark .crm-ref-heading h2{
  color:#fff;
}
.crm-ref-process-dark .crm-ref-heading p{
  color:#D9E1F1;
}
.crm-ref-process-dark .crm-ref-process article{
  background:rgba(255,255,255,.08);
  border-color:rgba(217,225,241,.18);
  box-shadow:0 22px 62px rgba(0,0,0,.16);
}
.crm-ref-process-dark .crm-ref-process span{
  background:#8FB3E2;
  color:#192338;
}
.crm-ref-process-dark .crm-ref-process h3{
  color:#fff;
}
.crm-ref-process-dark .crm-ref-process p{
  color:#D9E1F1;
}
@keyframes crmRefHeroIn{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes crmRefHeroFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}
@keyframes crmRefGlow{
  0%,100%{box-shadow:0 24px 70px rgba(25,35,56,.12)}
  50%{box-shadow:0 30px 86px rgba(25,35,56,.2)}
}
@keyframes crmRefBars{
  0%,100%{opacity:.82;transform:scaleY(.94)}
  50%{opacity:1;transform:scaleY(1)}
}
.crm-ref-copy .crm-ref-eyebrow,
.crm-ref-copy h1,
.crm-ref-copy > p,
.crm-ref-actions,
.crm-ref-industries,
.crm-ref-proof-row,
.crm-ref-hero-stats,
.crm-ref-hero-visual,
.crm-ref-visual{
  opacity:0;
  animation:crmRefHeroIn .72s cubic-bezier(.2,.8,.2,1) forwards;
}
.crm-ref-copy .crm-ref-eyebrow{animation-delay:.04s}
.crm-ref-copy h1{animation-delay:.12s}
.crm-ref-copy > p{animation-delay:.2s}
.crm-ref-hero-visual,
.crm-ref-visual{animation-delay:.3s}
.crm-ref-actions{animation-delay:.4s}
.crm-ref-industries,
.crm-ref-proof-row,
.crm-ref-hero-stats{animation-delay:.48s}
.crm-hero-suite,
.crm-ref-device{
  animation:crmRefHeroFloat 6.4s ease-in-out infinite;
  will-change:transform;
}
.crm-hero-metric,
.crm-hero-assistant,
.crm-ref-float{
  animation:crmRefHeroFloat 5.2s ease-in-out infinite;
}
.crm-hero-assistant,
.crm-ref-float-two,
.crm-ref-visual .crm-ref-float.mid{
  animation-delay:1.1s;
}
.crm-ref-chart i,
.crm-ref-device .crm-ref-chart span,
.crm-ref-monitor-screen div,
.crm-case-chart i{
  transform-origin:bottom;
  animation:crmRefBars 3s ease-in-out infinite;
}
.crm-ref-chart i:nth-child(2),
.crm-ref-device .crm-ref-chart span:nth-child(2),
.crm-ref-monitor-screen div:nth-child(2){
  animation-delay:.22s;
}
.crm-ref-chart i:nth-child(3),
.crm-ref-device .crm-ref-chart span:nth-child(3),
.crm-ref-monitor-screen div:nth-child(3){
  animation-delay:.38s;
}
.crm-ref-choice-grid article,
.crm-ref-impact-grid article,
.crm-ref-industry-grid article,
.crm-ref-why-grid article,
.crm-ref-module-grid article,
.crm-ref-pipeline div,
.crm-ref-process article,
.crm-ref-case-card,
.crm-ref-compare > div,
.crm-ref-faq details,
.crm-ref-hero-stats div,
.crm-ref-monitor,
.crm-ref-case-dashboard{
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease,background .28s ease,color .28s ease;
}
.crm-ref-choice-grid article:hover,
.crm-ref-impact-grid article:hover,
.crm-ref-industry-grid article:hover,
.crm-ref-why-grid article:hover,
.crm-ref-module-grid article:hover,
.crm-ref-pipeline div:hover,
.crm-ref-process article:hover,
.crm-ref-faq details:hover,
.crm-ref-hero-stats div:hover{
  transform:translateY(-7px);
  border-color:#8FB3E2;
  box-shadow:0 24px 68px rgba(25,35,56,.13);
}
.crm-ref-why-dark .crm-ref-choice-grid article:hover,
.crm-ref-process-dark .crm-ref-process article:hover{
  border-color:#FACC15;
  background:rgba(255,255,255,.12);
  box-shadow:0 30px 76px rgba(0,0,0,.22),0 0 0 1px rgba(250,204,21,.18);
}
.crm-ref-choice-grid article:hover span,
.crm-ref-impact-grid article:hover span,
.crm-ref-module-grid article:hover span,
.crm-ref-process article:hover span,
.crm-ref-pipeline div:hover span{
  transform:translateY(-2px) scale(1.05);
}
.crm-ref-choice-grid span,
.crm-ref-impact-grid span,
.crm-ref-module-grid span,
.crm-ref-process span,
.crm-ref-pipeline span{
  transition:transform .28s cubic-bezier(.2,.8,.2,1),background .28s ease,color .28s ease;
}
.crm-ref-pipeline div:hover{
  background:#F8FAFD;
}
.crm-ref-pipeline .active:hover{
  background:#1E5CB8;
}
.crm-ref-case-card:hover,
.crm-ref-compare > div:hover,
.crm-ref-monitor:hover,
.crm-ref-case-dashboard:hover{
  transform:translateY(-5px);
  box-shadow:0 34px 90px rgba(25,35,56,.16);
}
.crm-ref-case-card:hover .crm-ref-case-dashboard,
.crm-ref-monitor:hover{
  animation:crmRefGlow 3.4s ease-in-out infinite;
}
.crm-ref-faq summary{
  transition:color .22s ease,background .22s ease;
}
.crm-ref-faq details:hover summary{
  color:#1E5CB8;
}
.crm-ref-actions .cta-btn,
.crm-ref-actions .cta-secondary,
.crm-ref-final-actions .cta-btn,
.crm-ref-final-actions .cta-secondary{
  position:relative;
  overflow:hidden;
}
.crm-ref-actions .cta-btn::before,
.crm-ref-actions .cta-secondary::before,
.crm-ref-final-actions .cta-btn::before,
.crm-ref-final-actions .cta-secondary::before{
  content:'';
  position:absolute;
  inset:-2px auto -2px -60%;
  width:46%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  transform:skewX(-18deg);
  transition:left .52s ease;
  pointer-events:none;
}
.crm-ref-actions .cta-secondary::before,
.crm-ref-final-actions .cta-secondary::before{
  background:linear-gradient(90deg,transparent,rgba(143,179,226,.32),transparent);
}
.crm-ref-actions .cta-btn:hover::before,
.crm-ref-actions .cta-secondary:hover::before,
.crm-ref-final-actions .cta-btn:hover::before,
.crm-ref-final-actions .cta-secondary:hover::before{
  left:118%;
}
.crm-ref-faq-wrap{
  max-width:860px;
}
.crm-ref-faq{
  display:grid;
  gap:.75rem;
}
.crm-ref-faq details{
  border:1px solid #D9E1F1;
  border-radius:12px;
  background:#fff;
  overflow:hidden;
}
.crm-ref-faq summary{
  cursor:pointer;
  list-style:none;
  padding:1rem 1.15rem;
  color:#192338;
  font-weight:700;
  font-size:.98rem;
  line-height:1.45;
}
.crm-ref-faq summary::-webkit-details-marker{
  display:none;
}
.crm-ref-faq p{
  padding:0 1.15rem 1rem;
  color:#536275;
  line-height:1.65;
}
.crm-ref-final-cta{
  padding:94px 0;
  background:#192338;
  text-align:center;
}
.crm-ref-final-cta h2{
  color:#fff;
  max-width:760px;
  margin:0 auto 1rem;
}
.crm-ref-final-cta p{
  color:#B8C7DA;
  max-width:650px;
  margin:0 auto 1.8rem;
  line-height:1.75;
}
.crm-ref-final-actions{
  display:flex;
  justify-content:center;
  gap:1rem;
  flex-wrap:wrap;
}
@media(max-width:1000px){
  .crm-ref-hero-grid,
  .crm-ref-dark-grid,
  .crm-ref-case-card{
    grid-template-columns:1fr;
  }
  .crm-ref-choice-grid,
  .crm-ref-impact-grid,
  .crm-ref-industry-grid,
  .crm-ref-why-grid,
  .crm-ref-module-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .crm-ref-pipeline,
  .crm-ref-process,
  .crm-ref-related{
    grid-template-columns:repeat(3,1fr);
  }
  .crm-ref-hero{
    background:#fff;
  }
  .crm-ref-hero-stats{
    grid-template-columns:repeat(2,1fr);
  }
  .crm-ref-hero-visual,
  .crm-ref-visual{
    max-width:720px;
  }
  .crm-ref-case-screen{
    min-height:440px;
    border-left:0;
    border-top:1px solid #D9E1F1;
  }
}
@media(max-width:640px){
  .crm-ref-wrap{
    padding:0 20px;
  }
  .crm-ref-hero{
    padding:calc(var(--nav-h) + 52px) 0 66px;
  }
  .crm-ref-section,
  .crm-ref-dark-band,
  .crm-ref-final-cta{
    padding:66px 0;
  }
  .crm-ref-hero-grid{
    gap:2.5rem;
  }
  .crm-ref-window-body,
  .crm-ref-choice-grid,
  .crm-ref-impact-grid,
  .crm-ref-industry-grid,
  .crm-ref-why-grid,
  .crm-ref-module-grid,
  .crm-ref-pipeline,
  .crm-ref-process,
  .crm-ref-related,
  .crm-ref-compare{
    grid-template-columns:1fr;
  }
  .crm-ref-float{
    display:none;
  }
  .crm-ref-actions,
  .crm-ref-final-actions{
    display:grid;
  }
  .crm-ref-copy h1{
    font-size:clamp(2.2rem,11vw,3rem);
    max-width:100%;
  }
  .crm-ref-hero-stats{
    grid-template-columns:1fr;
  }
  .crm-ref-hero-visual,
  .crm-ref-visual{
    display:none;
  }
  .crm-ref-case-copy,
  .crm-ref-case-screen{
    padding:1.5rem;
  }
  .crm-ref-case-stats,
  .crm-ref-case-dashboard{
    grid-template-columns:1fr;
  }
  .crm-case-topbar,
  .crm-case-tasks{
    grid-column:auto;
  }
  .crm-case-activity{
    grid-row:auto;
  }
}

/* Projects portfolio page */
.projects-page{
  background:#fff;
  color:#192338;
}
.project-wrap{
  max-width:1180px;
  margin:0 auto;
  padding:0 48px;
}
.project-hero{
  padding:calc(var(--nav-h) + 74px) 0 86px;
  position:relative;
  overflow:hidden;
  background:#fff;
}
.project-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(25,35,56,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(25,35,56,.055) 1px,transparent 1px);
  background-size:38px 38px;
  pointer-events:none;
}
.project-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:4rem;
  align-items:center;
}
.project-eyebrow,
.project-section-head span{
  display:inline-flex;
  align-items:center;
  gap:.65rem;
  color:#31487A;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:.9rem;
}
.project-eyebrow::before,
.project-section-head span::before{
  content:'';
  width:28px;
  height:2px;
  border-radius:99px;
  background:#31487A;
}
.project-hero h1{
  max-width:760px;
  color:#192338;
  font-size:clamp(3rem,6vw,5.8rem);
  line-height:.95;
  letter-spacing:-.065em;
  margin:0 0 1.35rem;
}
.project-hero p{
  max-width:660px;
  color:#536275;
  font-size:1.08rem;
  line-height:1.75;
}
.project-actions{
  display:flex;
  gap:.85rem;
  flex-wrap:wrap;
  margin-top:2rem;
}
.project-actions.center{
  justify-content:center;
}
.project-hero-board{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}
.ph-card{
  min-height:170px;
  border:1px solid #C9D5E8;
  border-radius:20px;
  background:#fff;
  padding:1.35rem;
  box-shadow:0 22px 60px rgba(25,35,56,.1);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.ph-card:hover{
  transform:translateY(-6px);
  border-color:#8FB3E2;
  box-shadow:0 32px 86px rgba(25,35,56,.16);
}
.ph-large{
  grid-row:span 2;
  background:#192338;
  color:#fff;
}
.ph-card span{
  display:block;
  color:#8FB3E2;
  font-weight:900;
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.ph-card strong{
  display:block;
  margin:.8rem 0;
  color:#192338;
  font-size:3.2rem;
  letter-spacing:-.06em;
}
.ph-large strong,
.ph-large p{
  color:#fff;
}
.ph-card p{
  color:#536275;
  font-size:.88rem;
  line-height:1.55;
}
.project-stats{
  grid-column:1/-1;
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
}
.project-stats span{
  padding:.48rem .9rem;
  border:1px solid #C9D5E8;
  border-radius:999px;
  background:rgba(255,255,255,.76);
  color:#31487A;
  font-size:.76rem;
  font-weight:900;
}
.project-filter-band{
  position:sticky;
  top:var(--nav-h);
  z-index:20;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(14px);
  border-top:1px solid #E1E9F5;
  border-bottom:1px solid #E1E9F5;
  padding:.85rem 0;
}
.project-filters{
  display:flex;
  gap:.55rem;
  overflow:auto;
  scrollbar-width:none;
}
.project-filters::-webkit-scrollbar{display:none}
.project-filters button{
  flex:0 0 auto;
  min-height:40px;
  padding:.55rem 1rem;
  border:1px solid #C9D5E8;
  border-radius:999px;
  background:#fff;
  color:#31487A;
  font-weight:900;
  cursor:pointer;
  transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease;
}
.project-filters button:hover,
.project-filters button.active{
  background:#192338;
  color:#fff;
  border-color:#192338;
  transform:translateY(-1px);
}
.project-section{
  padding:96px 0;
}
.project-section.light{
  background:#F6F9FE;
}
.project-section.dark{
  background:#192338;
  color:#fff;
}
.project-section-head{
  max-width:780px;
  margin-bottom:2.5rem;
}
.project-section-head.centered{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.project-section-head h2{
  color:#192338;
  font-size:clamp(2.2rem,4vw,3.7rem);
  line-height:1.02;
  letter-spacing:-.055em;
  margin:0 0 .9rem;
}
.project-section-head p{
  color:#536275;
  line-height:1.75;
}
.project-section-head.light h2,
.project-section-head.light p{
  color:#fff;
}
.project-section-head.light span{
  color:#8FB3E2;
}
.project-section-head.light span::before{
  background:#8FB3E2;
}
.featured-projects{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:1rem;
}
.featured-card{
  min-height:390px;
  border:1px solid #C9D5E8;
  border-radius:22px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(25,35,56,.12);
  display:grid;
  grid-template-columns:1.1fr .9fr;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.featured-card:nth-child(2),
.featured-card:nth-child(3){
  grid-template-columns:1fr;
}
.featured-card:first-child{
  grid-row:span 2;
}
.featured-card:hover{
  transform:translateY(-7px);
  border-color:#8FB3E2;
  box-shadow:0 36px 92px rgba(25,35,56,.17);
}
.featured-copy{
  padding:2rem;
}
.project-badge{
  display:inline-flex;
  padding:.38rem .65rem;
  border-radius:999px;
  background:#EEF4FF;
  color:#31487A;
  font-size:.68rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.featured-copy h3{
  margin:1.1rem 0 .7rem;
  color:#192338;
  font-size:1.55rem;
  letter-spacing:-.035em;
}
.featured-copy p,
.featured-copy li{
  color:#536275;
  line-height:1.6;
  font-size:.9rem;
}
.feature-list{
  display:grid;
  gap:.38rem;
  margin:1rem 0;
}
.feature-list li::before{
  content:'';
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:.5rem;
  border-radius:99px;
  background:#FACC15;
}
.tech-chips{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin:1rem 0;
}
.tech-chips span{
  padding:.32rem .55rem;
  border:1px solid #D9E1F1;
  border-radius:999px;
  color:#31487A;
  font-size:.68rem;
  font-weight:900;
}
.impact-line{
  color:#192338!important;
  font-weight:900;
}
.project-detail-link{
  display:inline-flex;
  margin-top:1rem;
  color:#1E5CB8;
  font-weight:900;
}
.featured-visual,
.mobile-screen,
.dash-shot,
.case-visual{
  background:linear-gradient(135deg,#192338,#31487A);
  position:relative;
  min-height:210px;
}
.featured-visual::before,
.mobile-screen::before,
.dash-shot::before,
.case-visual::before{
  content:'';
  position:absolute;
  inset:22px;
  border-radius:14px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.2) 26%,transparent 26% 32%,rgba(255,255,255,.16) 32% 62%,transparent 62%),
    linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12));
}
.logo-wall,
.support-logo-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:.85rem;
  margin-bottom:1.6rem;
}
.logo-tile,
.support-logo{
  min-height:92px;
  border:1px solid #D9E1F1;
  border-radius:16px;
  background:#fff;
  display:grid;
  place-items:center;
  color:#192338;
  font-weight:900;
  box-shadow:0 12px 34px rgba(25,35,56,.05);
}
.compact-project-grid,
.ecommerce-grid,
.mobile-project-grid,
.system-project-grid,
.dashboard-gallery,
.case-preview-grid{
  display:grid;
  gap:1rem;
}
.compact-project-grid{
  grid-template-columns:repeat(4,1fr);
}
.ecommerce-grid{
  grid-template-columns:repeat(5,1fr);
}
.mobile-project-grid{
  grid-template-columns:repeat(5,1fr);
}
.system-project-grid{
  grid-template-columns:repeat(2,1fr);
}
.dashboard-gallery{
  grid-template-columns:repeat(3,1fr);
}
.case-preview-grid{
  grid-template-columns:repeat(3,1fr);
}
.portfolio-card,
.ecom-card,
.mobile-card,
.system-card,
.dashboard-card,
.case-preview{
  border:1px solid #D9E1F1;
  border-radius:18px;
  background:#fff;
  padding:1.15rem;
  box-shadow:0 14px 40px rgba(25,35,56,.06);
  transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease;
}
.portfolio-card:hover,
.ecom-card:hover,
.mobile-card:hover,
.system-card:hover,
.dashboard-card:hover,
.case-preview:hover,
.logo-tile:hover,
.support-logo:hover{
  transform:translateY(-6px);
  border-color:#8FB3E2;
  box-shadow:0 26px 70px rgba(25,35,56,.13);
}
.card-logo{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#EEF4FF;
  color:#31487A;
  font-weight:900;
  margin-bottom:1rem;
}
.portfolio-card h3,
.ecom-card h3,
.mobile-card h3,
.system-card h3,
.dashboard-card h3,
.case-preview h3{
  color:#192338;
  font-size:1rem;
  margin-bottom:.45rem;
}
.portfolio-card p,
.ecom-card p,
.mobile-card p,
.system-card p,
.dashboard-card p,
.case-preview p{
  color:#536275;
  font-size:.84rem;
  line-height:1.55;
}
.status-tag{
  display:inline-flex;
  margin-top:.85rem;
  padding:.3rem .55rem;
  border-radius:999px;
  background:#EEF4FF;
  color:#31487A;
  font-size:.68rem;
  font-weight:900;
}
.ecom-card{
  min-height:210px;
}
.ecom-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:1rem;
}
.ecom-card .card-logo{
  margin:0;
}
.platform-tag{
  color:#1E5CB8;
  font-size:.68rem;
  font-weight:900;
}
.mobile-card{
  background:rgba(255,255,255,.08);
  border-color:rgba(217,225,241,.2);
}
.mobile-card h3,
.mobile-card p{
  color:#fff;
}
.mobile-card p{
  color:#D9E1F1;
}
.mobile-screen{
  min-height:230px;
  border-radius:22px;
  margin-bottom:1rem;
  box-shadow:inset 0 0 0 10px rgba(255,255,255,.08);
}
.system-card{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.25rem;
  align-items:start;
}
.system-modules{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
}
.system-modules span{
  padding:.32rem .52rem;
  border-radius:999px;
  background:#EEF4FF;
  color:#31487A;
  font-size:.68rem;
  font-weight:900;
}
.dash-shot{
  min-height:165px;
  border-radius:14px;
  margin-bottom:1rem;
}
.case-preview{
  padding:0;
  overflow:hidden;
}
.case-preview-copy{
  padding:1.35rem;
}
.case-preview dl{
  display:grid;
  gap:.8rem;
  margin:1rem 0;
}
.case-preview dt{
  color:#192338;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.case-preview dd{
  color:#536275;
  font-size:.84rem;
  line-height:1.55;
}
.project-process{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:1rem;
}
.project-process article{
  padding:1.2rem;
  border:1px solid rgba(217,225,241,.2);
  border-radius:16px;
  background:rgba(255,255,255,.08);
}
.project-process span{
  display:inline-flex;
  width:38px;
  height:38px;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#8FB3E2;
  color:#192338;
  font-weight:900;
  margin-bottom:.8rem;
}
.project-process h3{
  color:#fff;
  font-size:.92rem;
  line-height:1.4;
}
.project-final{
  padding:96px 0;
  background:#F6F9FE;
}
.project-final-card{
  text-align:center;
  padding:4rem 2rem;
  border-radius:26px;
  background:#192338;
  color:#fff;
  box-shadow:0 34px 90px rgba(25,35,56,.22);
}
.project-final-card h2{
  max-width:820px;
  margin:0 auto 1rem;
  color:#fff;
  font-size:clamp(2.2rem,4vw,3.7rem);
  line-height:1.04;
  letter-spacing:-.055em;
}
.project-final-card p{
  max-width:720px;
  margin:0 auto;
  color:#D9E1F1;
  line-height:1.75;
}
.projects-page[data-active-filter]:not([data-active-filter="all"]) [data-project-section]{
  display:none;
}
.projects-page[data-active-filter="websites"] [data-project-section="websites"],
.projects-page[data-active-filter="ecommerce"] [data-project-section="ecommerce"],
.projects-page[data-active-filter="mobile"] [data-project-section="mobile"],
.projects-page[data-active-filter="systems"] [data-project-section="systems"],
.projects-page[data-active-filter="dashboards"] [data-project-section="dashboards"],
.projects-page[data-active-filter="ai"] [data-project-section="ai"],
.projects-page[data-active-filter="support"] [data-project-section="support"]{
  display:block;
}
@media(max-width:1100px){
  .project-hero-grid,
  .featured-projects,
  .featured-card,
  .system-card{
    grid-template-columns:1fr;
  }
  .featured-card:first-child{
    grid-row:auto;
  }
  .compact-project-grid,
  .ecommerce-grid,
  .mobile-project-grid,
  .dashboard-gallery{
    grid-template-columns:repeat(2,1fr);
  }
  .logo-wall,
  .support-logo-grid,
  .project-process{
    grid-template-columns:repeat(3,1fr);
  }
}
@media(max-width:640px){
  .project-wrap{
    padding:0 20px;
  }
  .project-hero{
    padding:calc(var(--nav-h) + 56px) 0 66px;
  }
  .project-hero h1{
    font-size:clamp(2.55rem,13vw,3.5rem);
  }
  .project-hero-board,
  .compact-project-grid,
  .ecommerce-grid,
  .mobile-project-grid,
  .system-project-grid,
  .dashboard-gallery,
  .case-preview-grid,
  .logo-wall,
  .support-logo-grid,
  .project-process{
    grid-template-columns:1fr;
  }
  .project-section,
  .project-final{
    padding:68px 0;
  }
  .project-actions{
    display:grid;
  }
}

/* Refined Projects proof page */
.proof-wrap{
  max-width:1180px;
  margin:0 auto;
  padding:0 48px;
}
.proof-hero{
  padding:calc(var(--nav-h) + 86px) 0 98px;
  background:#fff;
  position:relative;
  overflow:hidden;
}
.proof-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(25,35,56,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(25,35,56,.05) 1px,transparent 1px);
  background-size:42px 42px;
}
.proof-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:5rem;
  align-items:center;
}
.proof-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.65rem;
  color:#31487A;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:1rem;
}
.proof-eyebrow::before{
  content:'';
  width:28px;
  height:2px;
  border-radius:99px;
  background:#31487A;
}
.proof-hero h1{
  max-width:780px;
  margin:0 0 1.35rem;
  color:#192338;
  font-size:clamp(3.25rem,6.4vw,6rem);
  line-height:.94;
  letter-spacing:-.067em;
}
.proof-hero h1 span{
  color:#2563EB;
  text-decoration:underline;
  text-decoration-color:#FACC15;
  text-decoration-thickness:.12em;
  text-underline-offset:-.08em;
  text-decoration-skip-ink:none;
}
.proof-hero p,
.proof-section-head p,
.proof-category-copy p,
.proof-depth-grid p,
.proof-final-card p{
  color:#536275;
  line-height:1.75;
  font-size:1.03rem;
}
.proof-hero-copy > p{
  max-width:690px;
}
.proof-actions{
  display:flex;
  gap:.9rem;
  flex-wrap:wrap;
  margin-top:2rem;
}
.proof-actions.center{
  justify-content:center;
}
.proof-actions .cta-btn,
.proof-actions .cta-secondary{
  display:inline-flex;
  min-width:184px;
  min-height:56px;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  padding:.95rem 1.45rem;
  font-size:.94rem;
  font-weight:900;
  text-decoration:none;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease;
}
.proof-actions .cta-btn{
  background:linear-gradient(135deg,#192338,#31487A);
  border:1px solid transparent;
  color:#fff;
  box-shadow:0 18px 42px rgba(25,35,56,.18);
}
.proof-actions .cta-secondary{
  background:#fff;
  border:1px solid #C9D5E8;
  color:#192338;
  box-shadow:0 14px 34px rgba(25,35,56,.06);
}
.proof-actions .cta-btn:hover,
.proof-actions .cta-secondary:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 52px rgba(25,35,56,.16);
}
.proof-final-card .proof-actions .cta-secondary{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.28);
  color:#fff;
  box-shadow:none;
}
.proof-final-card .proof-actions .cta-secondary:hover{
  border-color:#FACC15;
  background:rgba(255,255,255,.1);
}
.proof-hero-panel{
  border:1px solid #C9D5E8;
  border-radius:28px;
  background:linear-gradient(145deg,#fff,#F6F9FE);
  padding:1.5rem;
  box-shadow:0 34px 90px rgba(25,35,56,.16);
}
.proof-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  padding:1.35rem;
  border-radius:18px;
  background:#192338;
  color:#fff;
}
.proof-panel-head span{
  color:#8FB3E2;
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.proof-panel-head strong{
  font-size:3.5rem;
  line-height:.9;
  letter-spacing:-.06em;
}
.proof-panel-chart{
  display:flex;
  align-items:end;
  gap:.65rem;
  height:150px;
  margin:1.3rem 0;
  padding:1rem;
  border:1px solid #D9E1F1;
  border-radius:18px;
  background:#fff;
}
.proof-panel-chart span{
  flex:1;
  border-radius:10px 10px 4px 4px;
  background:linear-gradient(180deg,#8FB3E2,#31487A);
}
.proof-panel-chart span:nth-child(1){height:44%}
.proof-panel-chart span:nth-child(2){height:72%}
.proof-panel-chart span:nth-child(3){height:58%}
.proof-panel-chart span:nth-child(4){height:88%;background:linear-gradient(180deg,#FACC15,#8FB3E2)}
.proof-panel-chart span:nth-child(5){height:64%}
.proof-panel-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.8rem;
}
.proof-panel-list p{
  margin:0;
  padding:.85rem;
  border:1px solid #D9E1F1;
  border-radius:14px;
  background:#fff;
  color:#536275;
  font-size:.82rem;
  line-height:1.45;
}
.proof-panel-list b{
  display:block;
  color:#192338;
  font-size:1.25rem;
}
.proof-strip{
  padding:34px 0;
  border-top:1px solid #E1E9F5;
  border-bottom:1px solid #E1E9F5;
  background:#F8FAFD;
}
.proof-strip-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:.8rem;
}
.proof-metric-card{
  min-height:128px;
  padding:1rem;
  border:1px solid #D9E1F1;
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 34px rgba(25,35,56,.05);
}
.proof-metric-card strong{
  display:block;
  color:#1E5CB8;
  font-size:1.6rem;
  letter-spacing:-.045em;
}
.proof-metric-card span{
  display:block;
  color:#192338;
  font-weight:900;
  margin:.2rem 0 .35rem;
}
.proof-metric-card p{
  margin:0;
  color:#536275;
  font-size:.76rem;
  line-height:1.45;
}
.proof-section{
  padding:98px 0;
  background:#fff;
}
.proof-soft{
  background:#F6F9FE;
}
.proof-dark{
  background:#192338;
  color:#fff;
}
.proof-section-head{
  max-width:790px;
  margin-bottom:2.8rem;
}
.proof-section-head.centered{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.proof-section-head h2,
.proof-category-copy h2,
.proof-depth-grid h2,
.proof-final-card h2{
  margin:0 0 1rem;
  color:#192338;
  font-size:clamp(2.25rem,4.2vw,3.8rem);
  line-height:1.03;
  letter-spacing:-.055em;
}
.proof-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1.25rem;
  align-items:stretch;
}
.proof-case-card{
  border:1px solid #C9D5E8;
  border-radius:22px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(25,35,56,.1);
  display:grid;
  grid-template-columns:1fr;
  align-content:start;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.proof-case-card.featured{
  grid-column:1/-1;
  grid-row:auto;
  grid-template-columns:1.05fr .95fr;
  min-height:430px;
}
.proof-case-card:hover{
  transform:translateY(-7px);
  border-color:#8FB3E2;
  box-shadow:0 36px 92px rgba(25,35,56,.16);
}
.proof-case-visual{
  min-height:0;
  aspect-ratio:16/9;
  margin:0;
  background:#192338;
  position:relative;
  overflow:hidden;
}
.proof-case-card:not(.featured) .proof-case-visual{
  min-height:0;
}
.proof-case-card.featured .proof-case-visual{
  aspect-ratio:auto;
  min-height:430px;
  height:100%;
}
.proof-case-card:not(.featured) .proof-case-copy{
  min-height:390px;
}
.proof-case-card.featured .proof-case-copy{
  padding:2.4rem;
  min-height:0;
}
.proof-case-visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  filter:saturate(.9) contrast(1.04);
  transform:scale(1.01);
  transition:transform .45s ease,filter .45s ease;
}
.proof-case-card:hover .proof-case-visual img{
  transform:scale(1.055);
  filter:saturate(1.02) contrast(1.06);
}
.proof-case-visual::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(25,35,56,.08),rgba(25,35,56,.46));
  z-index:1;
}
.proof-case-visual span{
  position:absolute;
  left:1rem;
  top:1rem;
  z-index:2;
  padding:.38rem .65rem;
  border-radius:999px;
  background:rgba(25,35,56,.72);
  backdrop-filter:blur(10px);
  color:#fff;
  font-size:.68rem;
  font-weight:900;
}
.proof-case-copy{
  padding:1.55rem;
  align-self:center;
}
.proof-case-type{
  color:#1E5CB8;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.proof-case-copy h3{
  margin:.65rem 0 1rem;
  color:#192338;
  font-size:1.35rem;
  letter-spacing:-.035em;
}
.proof-case-copy dl{
  display:grid;
  gap:.65rem;
}
.proof-case-copy dt{
  color:#192338;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.proof-case-copy dd{
  color:#536275;
  font-size:.84rem;
  line-height:1.5;
}
.proof-preview-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin-top:1rem;
}
.proof-preview-tags b{
  padding:.34rem .58rem;
  border:1px solid #D9E1F1;
  border-radius:999px;
  color:#31487A;
  background:#fff;
  font-size:.68rem;
}
.proof-category-layout{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:4rem;
  align-items:start;
}
.proof-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  margin-top:1.5rem;
}
.proof-tabs button{
  min-height:58px;
  padding:.38rem .75rem .38rem .42rem;
  border:1px solid #C9D5E8;
  border-radius:999px;
  background:#fff;
  color:#31487A;
  font-weight:900;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease;
}
.proof-tab-thumb{
  width:44px;
  height:44px;
  border-radius:999px;
  overflow:hidden;
  background:#EEF4FF;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);
}
.proof-tab-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  filter:saturate(.9) contrast(1.02);
}
.proof-tabs button:hover,
.proof-tabs button.active{
  background:#192338;
  color:#fff;
  border-color:#192338;
  transform:translateY(-1px);
}
.proof-preview-card{
  border:1px solid #C9D5E8;
  border-radius:24px;
  background:#fff;
  padding:0;
  box-shadow:0 28px 80px rgba(25,35,56,.12);
  overflow:hidden;
}
.proof-preview-thumb{
  margin:0;
  aspect-ratio:16/7;
  background:#192338;
  overflow:hidden;
  position:relative;
}
.proof-preview-thumb::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(25,35,56,.02),rgba(25,35,56,.34));
}
.proof-preview-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.proof-preview-body{
  padding:1.65rem;
}
.proof-preview-body > span{
  color:#1E5CB8;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.proof-preview-body h3{
  margin:.8rem 0 1rem;
  color:#192338;
  font-size:1.65rem;
  letter-spacing:-.04em;
  line-height:1.18;
}
.proof-preview-list{
  display:grid;
  gap:.7rem;
  margin-top:1.4rem;
}
.proof-preview-list p{
  margin:0;
  padding:.9rem 1rem;
  border-radius:14px;
  background:#F6F9FE;
  color:#536275;
  font-weight:800;
}
.proof-depth-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4rem;
  align-items:center;
}
.proof-dark .proof-eyebrow,
.proof-dark .proof-depth-grid p,
.proof-dark h2{
  color:#fff;
}
.proof-depth-cards{
  display:grid;
  gap:1rem;
}
.proof-depth-cards article{
  padding:1.35rem;
  border:1px solid rgba(217,225,241,.18);
  border-radius:18px;
  background:rgba(255,255,255,.08);
}
.proof-depth-cards strong{
  display:block;
  color:#FACC15;
  font-size:2.3rem;
  letter-spacing:-.055em;
}
.proof-depth-cards span{
  color:#D9E1F1;
}
.proof-logo-strip{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:.8rem;
}
.proof-logo{
  min-height:108px;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px solid #D9E1F1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(25,35,56,.05);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.proof-logo:hover{
  transform:translateY(-5px);
  border-color:#8FB3E2;
  box-shadow:0 24px 66px rgba(25,35,56,.12);
}
.proof-logo strong{
  display:inline-grid;
  width:42px;
  height:42px;
  place-items:center;
  border-radius:12px;
  background:#EEF4FF;
  color:#31487A;
}
.proof-logo span{
  display:block;
  margin-top:.6rem;
  color:#536275;
  font-size:.78rem;
  font-weight:800;
}
.proof-process{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.proof-process article{
  padding:1.35rem;
  border:1px solid #D9E1F1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(25,35,56,.05);
}
.proof-process span{
  display:inline-grid;
  width:38px;
  height:38px;
  place-items:center;
  border-radius:12px;
  background:#EEF4FF;
  color:#31487A;
  font-weight:900;
  margin-bottom:.85rem;
}
.proof-process h3{
  color:#192338;
  margin-bottom:.45rem;
}
.proof-process p{
  color:#536275;
  font-size:.86rem;
  line-height:1.55;
}
.proof-final{
  padding:96px 0;
  background:#fff;
}
.proof-final-card{
  padding:4.2rem 2rem;
  border-radius:28px;
  background:#192338;
  color:#fff;
  text-align:center;
  box-shadow:0 34px 90px rgba(25,35,56,.22);
}
.proof-final-card .proof-eyebrow,
.proof-final-card h2,
.proof-final-card p{
  color:#fff;
}
.proof-final-card h2{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}
.proof-final-card p{
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
  color:#D9E1F1;
}
@media(max-width:1000px){
  .proof-hero-grid,
  .proof-feature-grid,
  .proof-category-layout,
  .proof-depth-grid{
    grid-template-columns:1fr;
  }
  .proof-strip-grid,
  .proof-logo-strip,
  .proof-process{
    grid-template-columns:repeat(2,1fr);
  }
  .proof-case-card,
  .proof-case-card.featured{
    grid-template-columns:1fr;
    grid-row:auto;
  }
}
@media(max-width:640px){
  .proof-wrap{
    padding:0 20px;
  }
  .proof-hero{
    padding:calc(var(--nav-h) + 56px) 0 68px;
  }
  .proof-hero h1{
    font-size:clamp(2.5rem,13vw,3.6rem);
  }
  .proof-strip-grid,
  .proof-logo-strip,
  .proof-process,
  .proof-panel-list{
    grid-template-columns:1fr;
  }
  .proof-section,
  .proof-final{
    padding:68px 0;
  }
  .proof-actions{
    display:grid;
  }
}

/* About page */
.about-page{
  background:#fff;
  color:#192338;
}
.about-wrap{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
}
.about-hero{
  position:relative;
  overflow:hidden;
  padding:calc(var(--nav-h) + 86px) 0 96px;
  background:
    linear-gradient(rgba(201,213,232,.36) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,213,232,.36) 1px,transparent 1px),
    linear-gradient(90deg,#fff 0%,#fff 52%,#EEF4FF 52%,#EEF4FF 100%);
  background-size:54px 54px,54px 54px,100% 100%;
}
.about-hero-grid{
  display:grid;
  grid-template-columns:1fr .94fr;
  gap:4.4rem;
  align-items:center;
}
.about-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.75rem;
  color:#1E5CB8;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.about-eyebrow::before{
  content:'';
  width:28px;
  height:2px;
  background:#1E5CB8;
}
.about-hero h1,
.about-section h2,
.about-final h2{
  margin:.85rem 0 1.25rem;
  color:#192338;
  font-size:clamp(3rem,6vw,5.8rem);
  line-height:.98;
  letter-spacing:-.065em;
}
.about-hero h1 span{
  color:#2563EB;
  text-decoration:underline;
  text-decoration-color:#FACC15;
  text-decoration-thickness:10px;
  text-underline-offset:-5px;
  text-decoration-skip-ink:none;
}
.about-hero-copy p{
  max-width:690px;
  color:#536275;
  font-size:1.18rem;
  line-height:1.75;
}
.about-actions{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  margin-top:2rem;
}
.about-actions.center{
  justify-content:center;
}
.about-primary-cta,
.about-secondary-cta{
  min-height:58px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  padding:0 1.55rem;
  border-radius:12px;
  font-weight:900;
  text-decoration:none;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease,color .24s ease;
}
.about-primary-cta{
  background:#192338;
  color:#fff;
  box-shadow:0 18px 44px rgba(25,35,56,.22);
}
.about-primary-cta::after{
  content:'->';
  font-weight:900;
}
.about-secondary-cta{
  border:1px solid #C9D5E8;
  background:#fff;
  color:#192338;
}
.about-primary-cta:hover,
.about-secondary-cta:hover{
  transform:translateY(-3px);
}
.about-primary-cta:hover{
  box-shadow:0 24px 64px rgba(25,35,56,.3);
}
.about-secondary-cta:hover{
  border-color:#8FB3E2;
  background:#F6F9FE;
}
.about-hero-note{
  margin-top:1rem;
  color:#536275;
  font-size:.92rem;
  font-weight:800;
}
.about-visual{
  position:relative;
  min-height:540px;
  padding:1.6rem;
  border:1px solid #C9D5E8;
  border-radius:30px;
  background:#192338;
  color:#fff;
  box-shadow:0 34px 90px rgba(25,35,56,.22);
}
.about-visual::before{
  content:'';
  position:absolute;
  inset:20px;
  border-radius:22px;
  background:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:42px 42px;
}
.about-visual > *{
  position:relative;
  z-index:1;
}
.about-visual-top{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.1rem;
  border:1px solid rgba(217,225,241,.2);
  border-radius:18px;
  background:rgba(255,255,255,.08);
}
.about-visual-top span{
  color:#8FB3E2;
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.about-visual-top strong{
  color:#FACC15;
}
.about-team-photo{
  position:relative;
  margin:1.25rem 0 1rem;
  min-height:250px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(217,225,241,.24);
  border-radius:24px;
  background:
    linear-gradient(135deg,rgba(143,179,226,.24),rgba(250,204,21,.1)),
    linear-gradient(135deg,#31487A,#192338);
}
.about-team-photo::before,
.about-team-photo::after{
  content:'';
  position:absolute;
  border-radius:999px;
  background:rgba(255,255,255,.18);
}
.about-team-photo::before{
  width:120px;
  height:120px;
  left:14%;
  top:24%;
  box-shadow:130px 20px 0 rgba(255,255,255,.13),260px -4px 0 rgba(255,255,255,.1);
}
.about-team-photo::after{
  width:420px;
  height:130px;
  left:50%;
  bottom:-54px;
  transform:translateX(-50%);
  border-radius:42px 42px 0 0;
  background:rgba(255,255,255,.12);
}
.about-photo-mark{
  position:relative;
  z-index:1;
  padding:.8rem 1rem;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(25,35,56,.42);
  color:#fff;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.about-team-photo figcaption{
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:1rem;
  z-index:1;
  padding:.8rem 1rem;
  border-radius:14px;
  background:rgba(255,255,255,.92);
  color:#31487A;
  font-size:.78rem;
  font-weight:800;
  text-align:center;
}
.about-team-capabilities{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.8rem;
  margin:1rem 0;
}
.team-node{
  min-height:98px;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px solid rgba(217,225,241,.18);
  border-radius:22px;
  background:rgba(255,255,255,.09);
  transition:transform .24s ease,background .24s ease,border-color .24s ease;
}
.team-node:hover{
  transform:translateY(-5px);
  background:rgba(143,179,226,.16);
  border-color:rgba(143,179,226,.5);
}
.team-node span{
  display:grid;
  width:50px;
  height:50px;
  place-items:center;
  border-radius:16px;
  background:#EEF4FF;
  color:#192338;
  font-weight:900;
}
.team-node.primary span{
  background:#FACC15;
}
.team-node small{
  color:#D9E1F1;
  font-weight:800;
}
.about-visual-dashboard{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.8rem;
  padding:1rem;
  border-radius:20px;
  background:#fff;
  color:#192338;
}
.about-visual-dashboard div{
  padding:1rem;
  border-radius:14px;
  background:#F6F9FE;
}
.about-visual-dashboard span{
  display:block;
  color:#536275;
  font-size:.75rem;
  font-weight:800;
}
.about-visual-dashboard b{
  display:block;
  margin-top:.25rem;
}
.about-section{
  padding:96px 0;
  background:#fff;
}
.about-soft{
  background:#F6F9FE;
}
.about-section-head{
  max-width:760px;
  margin-bottom:2.3rem;
}
.about-section-head.centered{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.about-section-head.centered .about-eyebrow{
  justify-content:center;
}
.about-section h2,
.about-final h2{
  font-size:clamp(2.35rem,4vw,4rem);
  line-height:1.05;
}
.about-section-head p,
.about-story-copy p,
.about-timeline-layout > div > p{
  color:#536275;
  font-size:1.02rem;
  line-height:1.75;
}
.about-story-grid{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:4rem;
}
.about-story-copy{
  display:grid;
  gap:1rem;
  padding:2rem;
  border:1px solid #D9E1F1;
  border-radius:24px;
  background:#fff;
  box-shadow:0 22px 70px rgba(25,35,56,.07);
}
.about-belief-grid,
.about-trust-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.about-belief-grid article,
.about-trust-grid article,
.about-timeline article{
  padding:1.6rem;
  border:1px solid #D9E1F1;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 46px rgba(25,35,56,.06);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.about-belief-grid article:hover,
.about-trust-grid article:hover,
.about-timeline article:hover,
.about-build-grid article:hover{
  transform:translateY(-5px);
  border-color:#8FB3E2;
  box-shadow:0 24px 70px rgba(25,35,56,.13);
}
.about-belief-grid span,
.about-trust-grid span,
.about-timeline span{
  display:inline-grid;
  width:40px;
  height:40px;
  place-items:center;
  border-radius:12px;
  background:#EEF4FF;
  color:#31487A;
  font-weight:900;
  margin-bottom:1.2rem;
}
.about-belief-grid h3,
.about-trust-grid h3,
.about-timeline h3{
  color:#192338;
  margin-bottom:.6rem;
}
.about-belief-grid p,
.about-trust-grid p,
.about-timeline p{
  color:#536275;
  line-height:1.65;
}
.about-build-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
}
.about-build-grid article{
  min-height:150px;
  padding:1.25rem;
  border:1px solid #D9E1F1;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 40px rgba(25,35,56,.06);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.about-build-grid span{
  display:inline-flex;
  padding:.45rem .7rem;
  border-radius:999px;
  background:#EEF4FF;
  color:#1E5CB8;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.1em;
}
.about-build-grid h3{
  margin-top:2.2rem;
  color:#192338;
}
.about-dark{
  background:#192338;
  color:#fff;
}
.about-dark .about-eyebrow,
.about-dark h2,
.about-dark p{
  color:#fff;
}
.about-dark .about-eyebrow::before{
  background:#8FB3E2;
}
.about-expertise-layout{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:4rem;
  align-items:center;
}
.about-expertise-layout p{
  color:#D9E1F1;
  line-height:1.75;
}
.about-expertise-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1rem;
}
.about-expertise-grid article{
  padding:1.2rem 1.3rem;
  border:1px solid rgba(217,225,241,.2);
  border-radius:18px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-weight:900;
}
.about-expertise-grid article::before{
  content:'';
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:999px;
  background:#FACC15;
  margin-right:.7rem;
}
.about-trust-grid{
  grid-template-columns:repeat(5,1fr);
}
.about-industry-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:1rem;
}
.about-industry-grid article{
  min-height:116px;
  display:grid;
  place-items:center;
  border:1px solid #D9E1F1;
  border-radius:18px;
  background:#fff;
  color:#192338;
  font-weight:900;
  box-shadow:0 12px 38px rgba(25,35,56,.05);
}
.about-timeline-layout{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:4rem;
  align-items:start;
}
.about-timeline{
  display:grid;
  gap:1rem;
}
.about-final{
  padding:96px 0;
  background:#fff;
}
.about-final-card{
  text-align:center;
  padding:4.4rem 2rem;
  border-radius:30px;
  background:#192338;
  color:#fff;
  box-shadow:0 34px 90px rgba(25,35,56,.22);
}
.about-final-card .about-eyebrow,
.about-final-card h2,
.about-final-card p{
  color:#fff;
}
.about-final-card .about-eyebrow{
  justify-content:center;
}
.about-final-card .about-eyebrow::before{
  background:#8FB3E2;
}
.about-final-card p{
  max-width:720px;
  margin:0 auto;
  color:#D9E1F1;
  line-height:1.75;
}
@media(max-width:1040px){
  .about-hero{
    background:
      linear-gradient(rgba(201,213,232,.32) 1px,transparent 1px),
      linear-gradient(90deg,rgba(201,213,232,.32) 1px,transparent 1px),
      #fff;
    background-size:48px 48px,48px 48px,100% 100%;
  }
  .about-hero-grid,
  .about-story-grid,
  .about-expertise-layout,
  .about-timeline-layout{
    grid-template-columns:1fr;
  }
  .about-belief-grid,
  .about-trust-grid,
  .about-build-grid,
  .about-industry-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:640px){
  .about-wrap{
    width:min(100% - 40px,1180px);
  }
  .about-hero{
    padding:calc(var(--nav-h) + 56px) 0 70px;
  }
  .about-hero h1{
    font-size:clamp(2.55rem,12vw,3.7rem);
  }
  .about-visual{
    min-height:auto;
    padding:1rem;
  }
  .about-team-map,
  .about-visual-dashboard,
  .about-team-capabilities,
  .about-belief-grid,
  .about-trust-grid,
  .about-build-grid,
  .about-industry-grid,
  .about-expertise-grid{
    grid-template-columns:1fr;
  }
  .about-section,
  .about-final{
    padding:68px 0;
  }
  .about-actions{
    display:grid;
  }
}

/* Process page */
.process-page{
  background:#fff;
  color:#192338;
}
.process-wrap{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
}
.process-hero{
  padding:calc(var(--nav-h) + 86px) 0 92px;
  background:
    linear-gradient(rgba(201,213,232,.34) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,213,232,.34) 1px,transparent 1px),
    linear-gradient(90deg,#fff 0%,#fff 54%,#EEF4FF 54%,#EEF4FF 100%);
  background-size:54px 54px,54px 54px,100% 100%;
}
.process-hero-grid{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:4rem;
  align-items:center;
}
.process-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.75rem;
  color:#1E5CB8;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.process-eyebrow::before{
  content:'';
  width:28px;
  height:2px;
  background:#1E5CB8;
}
.process-hero h1,
.process-section h2,
.process-final h2{
  margin:.85rem 0 1.15rem;
  color:#192338;
  font-size:clamp(3.2rem,6vw,5.6rem);
  line-height:.98;
  letter-spacing:-.065em;
}
.process-section h2,
.process-final h2{
  font-size:clamp(2.2rem,4vw,3.8rem);
  line-height:1.06;
}
.process-hero p{
  max-width:660px;
  color:#536275;
  font-size:1.18rem;
  line-height:1.75;
}
.process-actions{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  margin-top:2rem;
}
.process-actions.center{
  justify-content:center;
}
.process-hero-card{
  padding:1.5rem;
  border:1px solid #C9D5E8;
  border-radius:30px;
  background:#fff;
  box-shadow:0 34px 90px rgba(25,35,56,.13);
}
.process-hero-card-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding:1.2rem 1.25rem;
  border-radius:20px;
  background:#192338;
  color:#fff;
}
.process-hero-card-head span{
  color:#8FB3E2;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.process-hero-card-head strong{
  color:#FACC15;
  font-size:2rem;
  letter-spacing:-.04em;
}
.process-mini-flow{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:.8rem;
  margin-top:1rem;
}
.process-mini-flow span{
  position:relative;
  padding:1rem;
  border:1px solid #D9E1F1;
  border-radius:16px;
  background:#F6F9FE;
  color:#192338;
  font-weight:900;
}
.process-mini-flow span:not(:last-child)::after{
  content:'';
  position:absolute;
  right:1rem;
  top:50%;
  width:18px;
  height:2px;
  background:#FACC15;
}
.process-section{
  padding:96px 0;
  background:#fff;
}
.process-soft{
  background:#F6F9FE;
}
.process-section-head{
  max-width:780px;
  margin-bottom:2.4rem;
}
.process-section-head.centered{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.process-section-head.centered .process-eyebrow{
  justify-content:center;
}
.process-section-head p{
  color:#536275;
  font-size:1.02rem;
  line-height:1.75;
}
.process-timeline{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:.75rem;
  align-items:stretch;
}
.process-timeline article{
  position:relative;
  min-height:205px;
  padding:1.15rem;
  border:1px solid #D9E1F1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 46px rgba(25,35,56,.06);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.process-timeline article:not(:last-child)::after{
  content:'';
  position:absolute;
  right:-.55rem;
  top:42px;
  width:.7rem;
  height:2px;
  background:#FACC15;
}
.process-timeline article:hover,
.process-detail-grid article:hover,
.process-client-cards article:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 70px rgba(25,35,56,.13);
  border-color:#8FB3E2;
}
.process-timeline span{
  display:inline-grid;
  width:40px;
  height:40px;
  place-items:center;
  border-radius:12px;
  background:#EEF4FF;
  color:#31487A;
  font-weight:900;
  margin-bottom:1rem;
}
.process-timeline h3{
  color:#192338;
  margin-bottom:.55rem;
}
.process-timeline p{
  color:#536275;
  font-size:.9rem;
  line-height:1.55;
}
.process-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1rem;
}
.process-detail-grid article{
  padding:1.6rem;
  border:1px solid #D9E1F1;
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 46px rgba(25,35,56,.06);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.process-detail-grid article:last-child{
  grid-column:1 / -1;
}
.process-detail-grid span{
  display:inline-flex;
  padding:.45rem .7rem;
  border-radius:999px;
  background:#EEF4FF;
  color:#1E5CB8;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.process-detail-grid h2{
  font-size:1.45rem;
  letter-spacing:-.035em;
  margin:1rem 0 .65rem;
}
.process-detail-grid p{
  color:#536275;
  line-height:1.7;
}
.process-dark{
  background:#192338;
  color:#fff;
}
.process-dark .process-eyebrow,
.process-dark h2,
.process-dark p{
  color:#fff;
}
.process-dark .process-eyebrow::before{
  background:#8FB3E2;
}
.process-client-grid{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:4rem;
  align-items:center;
}
.process-client-grid > div > p{
  color:#D9E1F1;
  line-height:1.75;
}
.process-client-cards{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1rem;
}
.process-client-cards article{
  padding:1.4rem;
  border:1px solid rgba(217,225,241,.2);
  border-radius:18px;
  background:rgba(255,255,255,.08);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.process-client-cards h3{
  color:#fff;
  margin-bottom:.5rem;
}
.process-client-cards p{
  color:#D9E1F1;
}
.process-faq-list{
  max-width:860px;
  margin:0 auto;
  display:grid;
  gap:.8rem;
}
.process-faq-list details{
  border:1px solid #D9E1F1;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 28px rgba(25,35,56,.04);
}
.process-faq-list summary{
  cursor:pointer;
  padding:1.1rem 1.25rem;
  color:#192338;
  font-weight:750;
}
.process-faq-list p{
  padding:0 1.25rem 1.25rem;
  color:#536275;
  line-height:1.7;
}
.process-final{
  padding:96px 0;
  background:#F6F9FE;
}
.process-final-card{
  padding:4.2rem 2rem;
  border-radius:30px;
  background:#192338;
  color:#fff;
  text-align:center;
  box-shadow:0 34px 90px rgba(25,35,56,.22);
}
.process-final-card .process-eyebrow,
.process-final-card h2,
.process-final-card p{
  color:#fff;
}
.process-final-card .process-eyebrow{
  justify-content:center;
}
.process-final-card .process-eyebrow::before{
  background:#8FB3E2;
}
.process-final-card p{
  max-width:720px;
  margin:0 auto;
  color:#D9E1F1;
  line-height:1.75;
}
@media(max-width:1080px){
  .process-hero{
    background:
      linear-gradient(rgba(201,213,232,.32) 1px,transparent 1px),
      linear-gradient(90deg,rgba(201,213,232,.32) 1px,transparent 1px),
      #fff;
    background-size:48px 48px,48px 48px,100% 100%;
  }
  .process-hero-grid,
  .process-client-grid{
    grid-template-columns:1fr;
  }
  .process-timeline{
    grid-template-columns:repeat(2,1fr);
  }
  .process-timeline article:not(:last-child)::after{
    display:none;
  }
}
@media(max-width:640px){
  .process-wrap{
    width:min(100% - 40px,1180px);
  }
  .process-hero{
    padding:calc(var(--nav-h) + 56px) 0 70px;
  }
  .process-hero h1{
    font-size:clamp(3rem,15vw,4.2rem);
  }
  .process-actions{
    display:grid;
  }
  .process-mini-flow,
  .process-timeline,
  .process-detail-grid,
  .process-client-cards{
    grid-template-columns:1fr;
  }
  .process-detail-grid article:last-child{
    grid-column:auto;
  }
  .process-section,
  .process-final{
    padding:68px 0;
  }
}

.process-trust{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  margin-top:1.4rem;
}
.process-trust span{
  display:inline-flex;
  align-items:center;
  gap:.48rem;
  padding:.55rem .85rem;
  border:1px solid #C9D5E8;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#31487A;
  font-size:.86rem;
  font-weight:750;
  box-shadow:0 12px 34px rgba(25,35,56,.05);
}
.process-trust span::before{
  content:'';
  width:7px;
  height:7px;
  border-radius:50%;
  background:#FACC15;
}
.process-roadmap-visual{
  position:relative;
  display:grid;
  gap:.82rem;
  padding:1.55rem;
  border:1px solid #C9D5E8;
  border-radius:30px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(246,249,254,.9)),
    radial-gradient(circle at 18% 8%,rgba(143,179,226,.25),transparent 34%);
  box-shadow:0 34px 90px rgba(25,35,56,.14);
  overflow:hidden;
}
.process-roadmap-visual::before{
  content:'';
  position:absolute;
  inset:1.2rem;
  border-radius:24px;
  background:#192338;
  opacity:.04;
}
.process-roadmap-visual article{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:.9rem;
  padding:1rem 1.05rem;
  border:1px solid #D9E1F1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 36px rgba(25,35,56,.07);
}
.process-roadmap-visual article:not(:last-child)::after{
  content:'';
  position:absolute;
  left:2rem;
  bottom:-.74rem;
  width:2px;
  height:.68rem;
  background:#FACC15;
}
.process-roadmap-visual span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:12px;
  background:#EEF4FF;
  color:#1E5CB8;
  font-size:.78rem;
  font-weight:900;
}
.process-roadmap-visual strong{
  color:#192338;
  font-size:1rem;
}
.process-timeline-premium article{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.process-timeline-premium article::before{
  content:'';
  position:absolute;
  left:1.15rem;
  top:1.15rem;
  width:40px;
  height:40px;
  border-radius:12px;
  background:linear-gradient(135deg,#192338,#31487A);
  opacity:0;
  transition:opacity .24s ease;
}
.process-timeline-premium article:hover::before{
  opacity:1;
}
.process-timeline-premium article:hover span{
  color:#fff;
  background:transparent;
}
.process-stage{
  padding:96px 0;
}
.process-stage-layout{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:4rem;
  align-items:center;
}
.process-stage-layout.flip{
  grid-template-columns:.98fr 1.02fr;
}
.process-stage h2{
  margin:.85rem 0 1rem;
  color:#192338;
  font-size:clamp(2rem,3.5vw,3.2rem);
  line-height:1.08;
  letter-spacing:-.05em;
}
.process-stage p{
  max-width:650px;
  color:#536275;
  font-size:1.04rem;
  line-height:1.75;
}
.process-stage-lists{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1rem;
  margin-top:1.6rem;
}
.process-stage-lists div{
  padding:1.25rem;
  border:1px solid #D9E1F1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 42px rgba(25,35,56,.05);
}
.process-stage-lists h3{
  margin-bottom:.85rem;
  color:#192338;
  font-size:.92rem;
}
.process-stage-lists ul{
  display:grid;
  gap:.62rem;
  margin:0;
  padding:0;
  list-style:none;
}
.process-stage-lists li{
  position:relative;
  padding-left:1rem;
  color:#536275;
  font-size:.93rem;
}
.process-stage-lists li::before{
  content:'';
  position:absolute;
  left:0;
  top:.52rem;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#FACC15;
}
.process-illustration{
  position:relative;
  min-height:360px;
  padding:1.5rem;
  border:1px solid rgba(217,225,241,.24);
  border-radius:30px;
  background:
    linear-gradient(135deg,rgba(25,35,56,.96),rgba(49,72,122,.94)),
    linear-gradient(rgba(143,179,226,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(143,179,226,.12) 1px,transparent 1px);
  background-size:100% 100%,38px 38px,38px 38px;
  color:#fff;
  box-shadow:0 32px 82px rgba(25,35,56,.22);
  overflow:hidden;
}
.process-illustration::before,
.process-illustration::after{
  content:'';
  position:absolute;
  border-radius:22px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.14);
}
.process-illustration::before{
  left:1.4rem;
  right:1.4rem;
  top:5.8rem;
  height:92px;
}
.process-illustration::after{
  left:2.2rem;
  right:3.6rem;
  bottom:2.3rem;
  height:92px;
  background:rgba(250,204,21,.13);
}
.process-illustration span,
.process-illustration strong{
  position:relative;
  z-index:1;
  display:block;
}
.process-illustration span{
  color:#8FB3E2;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.process-illustration strong{
  max-width:330px;
  margin-top:.7rem;
  color:#fff;
  font-size:1.8rem;
  line-height:1.12;
  letter-spacing:-.045em;
}
.process-illustration.consult::after{
  width:46%;
  right:auto;
}
.process-illustration.roadmap::before{
  right:35%;
}
.process-illustration.roadmap::after{
  left:38%;
}
.process-illustration.design::before{
  height:130px;
}
.process-illustration.design::after{
  width:54%;
}
.process-illustration.architecture::before{
  width:42%;
  right:auto;
}
.process-illustration.architecture::after{
  left:50%;
  right:1.7rem;
}
.process-illustration.checklist::before,
.process-illustration.checklist::after{
  left:2rem;
  right:2rem;
  height:58px;
}
.process-illustration.checklist::after{
  bottom:3rem;
}
.process-illustration.launch::after{
  background:linear-gradient(135deg,rgba(250,204,21,.2),rgba(143,179,226,.16));
}
.process-illustration.growth::before{
  top:auto;
  bottom:2.4rem;
  height:150px;
  clip-path:polygon(0 75%,25% 55%,50% 63%,72% 32%,100% 18%,100% 100%,0 100%);
}
.process-project-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.process-project-grid a{
  position:relative;
  display:flex;
  min-height:120px;
  align-items:flex-end;
  padding:1.25rem;
  border:1px solid #D9E1F1;
  border-radius:20px;
  background:#fff;
  color:#192338;
  font-weight:850;
  text-decoration:none;
  box-shadow:0 14px 42px rgba(25,35,56,.05);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
  overflow:hidden;
}
.process-project-grid a::before{
  content:'';
  position:absolute;
  left:1.25rem;
  top:1.25rem;
  width:42px;
  height:42px;
  border-radius:13px;
  background:#EEF4FF;
  box-shadow:inset 0 0 0 10px rgba(30,92,184,.08);
}
.process-project-grid a::after{
  content:'';
  position:absolute;
  right:-38px;
  top:-38px;
  width:120px;
  height:120px;
  border-radius:50%;
  background:rgba(250,204,21,.16);
}
.process-project-grid a:hover{
  transform:translateY(-5px);
  border-color:#8FB3E2;
  box-shadow:0 24px 70px rgba(25,35,56,.12);
}
@media(max-width:1080px){
  .process-stage-layout,
  .process-stage-layout.flip{
    grid-template-columns:1fr;
  }
  .process-stage-layout.flip .process-illustration{
    order:2;
  }
  .process-stage-layout.flip > div:not(.process-illustration){
    order:1;
  }
  .process-project-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:640px){
  .process-trust,
  .process-stage-lists,
  .process-project-grid{
    grid-template-columns:1fr;
    display:grid;
  }
  .process-roadmap-visual,
  .process-illustration{
    border-radius:24px;
  }
  .process-illustration{
    min-height:300px;
  }
  .process-stage{
    padding:68px 0;
  }
}

/* Blog page */
.blog-page{
  background:#fff;
  color:#192338;
}
.blog-wrap{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
}
.blog-hero{
  padding:calc(var(--nav-h) + 86px) 0 96px;
  background:
    linear-gradient(rgba(201,213,232,.34) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,213,232,.34) 1px,transparent 1px),
    linear-gradient(90deg,#fff 0%,#fff 56%,#EEF4FF 56%,#EEF4FF 100%);
  background-size:54px 54px,54px 54px,100% 100%;
}
.blog-hero-inner{
  max-width:1180px;
}
.blog-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.75rem;
  color:#1E5CB8;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.blog-eyebrow::before{
  content:'';
  width:28px;
  height:2px;
  background:#1E5CB8;
}
.blog-hero h1,
.blog-section h2,
.blog-final h2{
  margin:.85rem 0 1.15rem;
  color:#192338;
  font-size:clamp(2.8rem,5vw,4.8rem);
  line-height:1.03;
  letter-spacing:-.045em;
  font-weight:800;
}
.blog-hero h1 span{
  color:#2563EB;
  text-decoration:underline;
  text-decoration-color:#FACC15;
  text-decoration-thickness:8px;
  text-underline-offset:-4px;
  text-decoration-skip-ink:none;
}
.blog-section h2,
.blog-final h2{
  font-size:clamp(2rem,3.5vw,3.25rem);
  line-height:1.06;
  font-weight:800;
}
.blog-hero p{
  max-width:760px;
  color:#536275;
  font-size:1.08rem;
  line-height:1.75;
}
.blog-actions{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  margin-top:2rem;
}
.blog-actions.center{
  justify-content:center;
}
.blog-actions .about-primary-cta,
.blog-actions .about-secondary-cta{
  min-height:58px;
  padding:0 1.7rem;
  font-size:1rem;
  font-weight:800;
  border-radius:12px;
}
.blog-actions .about-secondary-cta{
  font-weight:750;
}
.blog-section{
  padding:88px 0;
  background:#fff;
}
.blog-soft{
  background:#F6F9FE;
}
.blog-section-head{
  max-width:780px;
  margin-bottom:2.2rem;
}
.blog-section-head.centered{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.blog-section-head.centered .blog-eyebrow{
  justify-content:center;
}
.blog-featured-card{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  overflow:hidden;
  border:1px solid #C9D5E8;
  border-radius:30px;
  background:#fff;
  box-shadow:0 30px 90px rgba(25,35,56,.13);
}
.blog-featured-visual{
  position:relative;
  min-height:390px;
  padding:1.5rem;
  background:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),
    #192338;
  background-size:42px 42px,42px 42px,100% 100%;
}
.blog-featured-visual > span{
  display:inline-flex;
  padding:.5rem .8rem;
  border-radius:999px;
  background:#FACC15;
  color:#192338;
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.blog-visual-lines{
  position:absolute;
  left:2rem;
  right:2rem;
  bottom:2rem;
  display:grid;
  gap:.9rem;
}
.blog-visual-lines i{
  height:20px;
  border-radius:999px;
  background:linear-gradient(90deg,#8FB3E2,#31487A);
}
.blog-visual-lines i:nth-child(2){width:82%;}
.blog-visual-lines i:nth-child(3){width:64%;}
.blog-visual-lines i:nth-child(4){width:46%;background:#FACC15;}
.blog-featured-copy{
  padding:3rem;
}
.blog-category,
.blog-grid article > span{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:0 .62rem;
  border-radius:999px;
  background:#EEF4FF;
  color:#1E5CB8;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.blog-featured-copy h2{
  font-size:clamp(1.8rem,2.8vw,2.75rem);
  font-weight:780;
}
.blog-featured-copy p,
.blog-grid p,
.blog-newsletter p,
.blog-final-card p{
  color:#536275;
  line-height:1.75;
}
.blog-meta{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  margin:1.4rem 0;
}
.blog-meta span{
  padding:.55rem .8rem;
  border:1px solid #D9E1F1;
  border-radius:999px;
  color:#31487A;
  font-size:.82rem;
  font-weight:650;
}
.blog-featured-copy a,
.blog-grid a{
  color:#1E5CB8;
  font-weight:750;
  text-decoration:none;
}
.blog-categories{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
}
.blog-categories a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 .82rem;
  border:1px solid #C9D5E8;
  border-radius:999px;
  background:#fff;
  color:#31487A;
  font-size:.88rem;
  font-weight:650;
  text-decoration:none;
  transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease;
}
.blog-categories a:hover{
  transform:translateY(-2px);
  background:#192338;
  border-color:#192338;
  color:#fff;
}
.blog-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.blog-grid article{
  min-height:260px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:1.45rem;
  border:1px solid #D9E1F1;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 46px rgba(25,35,56,.06);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.blog-grid article:hover{
  transform:translateY(-5px);
  border-color:#8FB3E2;
  box-shadow:0 24px 70px rgba(25,35,56,.13);
}
.blog-grid h3{
  margin:1.2rem 0 .65rem;
  color:#192338;
  font-size:1.18rem;
  line-height:1.24;
  letter-spacing:-.035em;
  font-weight:750;
}
.blog-grid a{
  margin-top:auto;
}
.blog-dark{
  background:#192338;
  color:#fff;
}
.blog-dark .blog-eyebrow,
.blog-dark h2,
.blog-dark p{
  color:#fff;
}
.blog-dark .blog-eyebrow::before{
  background:#8FB3E2;
}
.blog-newsletter{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:4rem;
  align-items:center;
}
.blog-newsletter p{
  color:#D9E1F1;
}
.blog-newsletter-form{
  padding:1.2rem;
  border:1px solid rgba(217,225,241,.22);
  border-radius:22px;
  background:rgba(255,255,255,.08);
}
.blog-newsletter-form label{
  display:block;
  margin-bottom:.75rem;
  color:#D9E1F1;
  font-size:.82rem;
  font-weight:750;
}
.blog-newsletter-form div{
  display:flex;
  gap:.7rem;
}
.blog-newsletter-form input{
  width:100%;
  min-height:54px;
  border:1px solid rgba(217,225,241,.26);
  border-radius:14px;
  background:#fff;
  color:#192338;
  padding:0 1rem;
  font:inherit;
}
.blog-newsletter-form button{
  min-height:54px;
  border:0;
  border-radius:14px;
  background:#FACC15;
  color:#192338;
  padding:0 1.1rem;
  font-weight:800;
  cursor:pointer;
}
.blog-final{
  padding:96px 0;
  background:#fff;
}
.blog-final-card{
  text-align:center;
  padding:4.2rem 2rem;
  border-radius:30px;
  background:#192338;
  color:#fff;
  box-shadow:0 34px 90px rgba(25,35,56,.22);
}
.blog-final-card .blog-eyebrow,
.blog-final-card h2,
.blog-final-card p{
  color:#fff;
}
.blog-final-card .blog-eyebrow{
  justify-content:center;
}
.blog-final-card .blog-eyebrow::before{
  background:#8FB3E2;
}
.blog-final-card p{
  max-width:760px;
  margin:0 auto;
  color:#D9E1F1;
}
@media(max-width:1000px){
  .blog-hero{
    background:
      linear-gradient(rgba(201,213,232,.32) 1px,transparent 1px),
      linear-gradient(90deg,rgba(201,213,232,.32) 1px,transparent 1px),
      #fff;
    background-size:48px 48px,48px 48px,100% 100%;
  }
  .blog-featured-card,
  .blog-newsletter{
    grid-template-columns:1fr;
  }
  .blog-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:640px){
  .blog-wrap{
    width:min(100% - 40px,1180px);
  }
  .blog-hero{
    padding:calc(var(--nav-h) + 56px) 0 70px;
  }
  .blog-hero h1{
    font-size:clamp(2.7rem,13vw,3.8rem);
  }
  .blog-actions,
  .blog-newsletter-form div{
    display:grid;
  }
  .blog-grid{
    grid-template-columns:1fr;
  }
  .blog-section,
  .blog-final{
    padding:68px 0;
  }
  .blog-featured-copy{
    padding:1.6rem;
  }
}

/* Blog detail page */
.article-page{
  background:#fff;
  color:#192338;
}
.article-wrap{
  width:min(1040px,calc(100% - 48px));
  margin:0 auto;
}
.article-hero{
  padding:calc(var(--nav-h) + 74px) 0 60px;
  background:
    linear-gradient(rgba(201,213,232,.32) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,213,232,.32) 1px,transparent 1px),
    #fff;
  background-size:54px 54px,54px 54px,100% 100%;
}
.article-back{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  padding:0;
  border:1px solid #D9E1F1;
  border-radius:999px;
  background:#fff;
  color:#31487A;
  font-size:.86rem;
  font-weight:700;
  text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.article-back svg{
  width:18px;
  height:18px;
}
.article-back:hover{
  transform:translateX(-2px);
  border-color:#8FB3E2;
  background:#F6F9FE;
}
.article-kicker-row{
  display:flex;
  align-items:center;
  gap:.55rem;
  margin-bottom:1.25rem;
}
.article-category{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 .78rem;
  border-radius:999px;
  background:#EEF4FF;
  color:#1E5CB8;
  font-size:.68rem;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.article-hero h1{
  max-width:980px;
  margin:1rem 0 1.15rem;
  color:#192338;
  font-size:clamp(2.6rem,5vw,4.9rem);
  line-height:1.03;
  letter-spacing:-.05em;
  font-weight:800;
}
.article-hero p{
  max-width:780px;
  color:#536275;
  font-size:1.12rem;
  line-height:1.75;
}
.article-meta{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:1.7rem;
}
.article-meta span{
  padding:.55rem .78rem;
  border:1px solid #D9E1F1;
  border-radius:999px;
  background:#fff;
  color:#31487A;
  font-size:.84rem;
  font-weight:650;
}
.article-featured-image{
  margin:0;
  transform:translateY(34px);
}
.article-image-panel{
  min-height:420px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:.5rem;
  overflow:hidden;
  padding:2rem;
  border:1px solid #C9D5E8;
  border-radius:30px;
  background:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(135deg,#192338,#31487A);
  background-size:42px 42px,42px 42px,100% 100%;
  box-shadow:0 34px 90px rgba(25,35,56,.18);
}
.article-image-panel span{
  color:#8FB3E2;
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.article-image-panel strong{
  color:#fff;
  font-size:clamp(2rem,4vw,3.4rem);
  line-height:1;
  letter-spacing:-.045em;
}
.article-content-section{
  padding:92px 0 72px;
  background:#fff;
}
.article-layout{
  display:grid;
  grid-template-columns:minmax(0,760px);
  justify-content:center;
}
.article-content{
  color:#31487A;
}
.article-content p{
  margin:0 0 1.5rem;
  color:#536275;
  font-size:1.05rem;
  line-height:1.85;
}
.article-content .article-lead{
  color:#31487A;
  font-size:1.2rem;
  line-height:1.8;
}
.article-content h2{
  margin:2.5rem 0 .9rem;
  color:#192338;
  font-size:clamp(1.75rem,3vw,2.45rem);
  line-height:1.12;
  letter-spacing:-.04em;
  font-weight:800;
}
.article-takeaways{
  margin:2.6rem 0;
  padding:1.6rem;
  border:1px solid rgba(250,204,21,.5);
  border-radius:24px;
  background:linear-gradient(135deg,#FFF8D8,#fff);
  box-shadow:0 20px 60px rgba(25,35,56,.08);
}
.article-takeaways span{
  display:inline-flex;
  margin-bottom:1rem;
  color:#192338;
  font-weight:850;
}
.article-takeaways ul{
  display:grid;
  gap:.85rem;
  margin:0;
  padding:0;
  list-style:none;
}
.article-takeaways li{
  position:relative;
  padding-left:1.6rem;
  color:#31487A;
  line-height:1.65;
}
.article-takeaways li::before{
  content:'';
  position:absolute;
  left:0;
  top:.55rem;
  width:9px;
  height:9px;
  border-radius:999px;
  background:#FACC15;
  box-shadow:0 0 0 4px rgba(250,204,21,.18);
}
.article-related-section{
  padding:82px 0;
  background:#F6F9FE;
}
.article-section-head{
  max-width:760px;
  margin-bottom:2rem;
}
.article-section-head h2{
  margin:.85rem 0 0;
  color:#192338;
  font-size:clamp(2rem,3.5vw,3.2rem);
  line-height:1.06;
  letter-spacing:-.045em;
}
.article-related-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.article-related-grid article{
  min-height:238px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:1.35rem;
  border:1px solid #D9E1F1;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 46px rgba(25,35,56,.06);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.article-related-grid article:hover{
  transform:translateY(-5px);
  border-color:#8FB3E2;
  box-shadow:0 24px 70px rgba(25,35,56,.13);
}
.article-related-grid span{
  display:inline-flex;
  padding:.4rem .62rem;
  border-radius:999px;
  background:#EEF4FF;
  color:#1E5CB8;
  font-size:.68rem;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.article-related-grid h3{
  margin:1rem 0 .6rem;
  color:#192338;
  font-size:1.18rem;
  line-height:1.25;
  letter-spacing:-.035em;
}
.article-related-grid p{
  color:#536275;
  line-height:1.65;
}
.article-related-grid a{
  margin-top:auto;
  color:#1E5CB8;
  font-weight:750;
  text-decoration:none;
}
.article-final{
  padding:96px 0;
  background:#fff;
}
.article-final-card{
  text-align:center;
  padding:4rem 2rem;
  border-radius:30px;
  background:#192338;
  color:#fff;
  box-shadow:0 34px 90px rgba(25,35,56,.22);
}
.article-final-card .article-category{
  background:rgba(143,179,226,.16);
  color:#D9E1F1;
}
.article-final-card h2{
  max-width:820px;
  margin:1rem auto;
  color:#fff;
  font-size:clamp(2rem,3.5vw,3.4rem);
  line-height:1.08;
  letter-spacing:-.045em;
}
.article-final-card p{
  max-width:740px;
  margin:0 auto 1.7rem;
  color:#D9E1F1;
  line-height:1.75;
}
@media(max-width:900px){
  .article-related-grid{
    grid-template-columns:1fr;
  }
  .article-image-panel{
    min-height:320px;
  }
}
@media(max-width:640px){
  .article-wrap{
    width:min(100% - 40px,1040px);
  }
  .article-hero{
    padding:calc(var(--nav-h) + 56px) 0 48px;
  }
  .article-hero h1{
    font-size:clamp(2.35rem,11vw,3.5rem);
  }
  .article-featured-image{
    transform:translateY(24px);
  }
  .article-content-section,
  .article-related-section,
  .article-final{
    padding:68px 0;
  }
}

/* Contact page */
.contact-page{background:#fff;color:#192338;}
.contact-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto;}
.contact-hero{
  padding:calc(var(--nav-h) + 86px) 0 96px;
  background:
    linear-gradient(rgba(201,213,232,.34) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,213,232,.34) 1px,transparent 1px),
    linear-gradient(90deg,#fff 0%,#fff 54%,#EEF4FF 54%,#EEF4FF 100%);
  background-size:54px 54px,54px 54px,100% 100%;
}
.contact-hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:4.4rem;align-items:center;}
.contact-eyebrow{display:inline-flex;align-items:center;gap:.75rem;color:#1E5CB8;font-size:.78rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;}
.contact-eyebrow::before{content:'';width:28px;height:2px;background:#1E5CB8;}
.contact-hero h1,.contact-section h2,.contact-final h2{margin:.85rem 0 1.15rem;color:#192338;font-size:clamp(3rem,5.5vw,5.3rem);line-height:1;letter-spacing:-.055em;font-weight:820;}
.contact-section h2,.contact-final h2{font-size:clamp(2.1rem,3.8vw,3.55rem);line-height:1.06;}
.contact-hero p,.contact-form-layout > div > p{max-width:720px;color:#536275;font-size:1.12rem;line-height:1.75;}
.contact-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem;}
.contact-actions.center{justify-content:center;}
.contact-trust{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem;}
.contact-trust span{display:inline-flex;align-items:center;gap:.4rem;min-height:36px;padding:0 .78rem;border:1px solid #C9D5E8;border-radius:999px;background:#fff;color:#31487A;font-size:.86rem;font-weight:750;}
.contact-trust span::before{content:'✓';color:#1E5CB8;font-weight:900;}
.contact-visual{position:relative;min-height:500px;padding:1.5rem;border:1px solid #C9D5E8;border-radius:30px;background:#192338;color:#fff;box-shadow:0 34px 90px rgba(25,35,56,.2);overflow:hidden;}
.contact-visual::before{content:'';position:absolute;inset:20px;border-radius:22px;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:42px 42px;}
.contact-visual > *{position:relative;z-index:1;}
.contact-visual-card.main{padding:1.35rem;border:1px solid rgba(217,225,241,.22);border-radius:22px;background:rgba(255,255,255,.1);}
.contact-visual-card span{display:block;color:#8FB3E2;font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.7rem;}
.contact-visual-card strong{display:block;max-width:360px;color:#fff;font-size:2.4rem;line-height:1.08;letter-spacing:-.045em;}
.contact-visual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2.8rem 0;}
.contact-visual-grid div{min-height:112px;display:grid;place-items:center;text-align:center;border:1px solid rgba(217,225,241,.2);border-radius:20px;background:rgba(255,255,255,.08);font-weight:850;}
.contact-visual-grid div:nth-child(2){background:#FACC15;color:#192338;}
.contact-visual-note{padding:1rem 1.1rem;border-radius:18px;background:#fff;color:#31487A;font-weight:800;}
.contact-section{padding:90px 0;background:#fff;}
.contact-soft{background:#F6F9FE;}
.contact-section-head{max-width:780px;margin-bottom:2.2rem;}
.contact-section-head.centered{margin-left:auto;margin-right:auto;text-align:center;}
.contact-section-head.centered .contact-eyebrow{justify-content:center;}
.contact-reach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.contact-reach-grid article,.contact-project-grid article{padding:1.45rem;border:1px solid #D9E1F1;border-radius:20px;background:#fff;box-shadow:0 14px 46px rgba(25,35,56,.06);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;}
.contact-reach-grid article:hover,.contact-project-grid article:hover,.contact-next-steps article:hover{transform:translateY(-5px);border-color:#8FB3E2;box-shadow:0 24px 70px rgba(25,35,56,.13);}
.contact-reach-grid span,.contact-project-grid span{display:inline-flex;min-height:32px;align-items:center;padding:0 .7rem;border-radius:999px;background:#EEF4FF;color:#1E5CB8;font-size:.7rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;}
.contact-reach-grid h3,.contact-project-grid h3,.contact-next-steps h3{margin:1rem 0 .55rem;color:#192338;font-size:1.18rem;line-height:1.25;}
.contact-reach-grid p,.contact-project-grid p,.contact-next-steps p,.contact-faq-list p{color:#536275;line-height:1.65;}
.contact-reach-grid a{display:inline-flex;margin-top:.7rem;color:#1E5CB8;font-weight:800;text-decoration:none;overflow-wrap:anywhere;}
.contact-next-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.contact-next-steps article{position:relative;padding:1.55rem;border:1px solid #D9E1F1;border-radius:20px;background:#fff;box-shadow:0 14px 46px rgba(25,35,56,.06);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;}
.contact-next-steps article:not(:last-child)::after{content:'';position:absolute;right:-.75rem;top:42px;width:1rem;height:2px;background:#FACC15;}
.contact-next-steps span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#192338;color:#fff;font-weight:900;margin-bottom:1rem;}
.contact-form-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem;align-items:start;}
.contact-form{padding:1.55rem;border:1px solid #C9D5E8;border-radius:26px;background:#fff;box-shadow:0 26px 80px rgba(25,35,56,.11);}
.contact-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
.contact-form label{display:grid;gap:.45rem;margin-bottom:1rem;color:#192338;font-size:.88rem;font-weight:750;}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #D9E1F1;border-radius:14px;background:#F6F9FE;color:#192338;padding:.95rem 1rem;font:inherit;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#8FB3E2;background:#fff;box-shadow:0 0 0 4px rgba(143,179,226,.18);}
.contact-form textarea{resize:vertical;}
.contact-form button{min-height:56px;border:0;border-radius:14px;background:#192338;color:#fff;padding:0 1.4rem;font:inherit;font-weight:850;cursor:pointer;box-shadow:0 18px 44px rgba(25,35,56,.22);}
.contact-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.contact-faq-list{max-width:880px;margin:0 auto;display:grid;gap:.8rem;}
.contact-faq-list details{border:1px solid #D9E1F1;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(25,35,56,.04);}
.contact-faq-list summary{cursor:pointer;padding:1.1rem 1.25rem;color:#192338;font-weight:700;}
.contact-faq-list p{padding:0 1.25rem 1.25rem;}
.contact-final{padding:96px 0;background:#fff;}
.contact-final-card{padding:4.2rem 2rem;border-radius:30px;background:#192338;color:#fff;text-align:center;box-shadow:0 34px 90px rgba(25,35,56,.22);}
.contact-final-card .contact-eyebrow,.contact-final-card h2,.contact-final-card p{color:#fff;}
.contact-final-card .contact-eyebrow{justify-content:center;}
.contact-final-card .contact-eyebrow::before{background:#8FB3E2;}
.contact-final-card p{max-width:720px;margin:0 auto;color:#D9E1F1;line-height:1.75;}
@media(max-width:1080px){
  .contact-hero{background:linear-gradient(rgba(201,213,232,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(201,213,232,.32) 1px,transparent 1px),#fff;background-size:48px 48px,48px 48px,100% 100%;}
  .contact-hero-grid,.contact-form-layout{grid-template-columns:1fr;}
  .contact-reach-grid,.contact-next-steps,.contact-project-grid{grid-template-columns:repeat(2,1fr);}
  .contact-next-steps article:not(:last-child)::after{display:none;}
}
@media(max-width:640px){
  .contact-wrap{width:min(100% - 40px,1180px);}
  .contact-hero{padding:calc(var(--nav-h) + 56px) 0 70px;}
  .contact-hero h1{font-size:clamp(2.7rem,13vw,3.8rem);}
  .contact-actions,.contact-reach-grid,.contact-next-steps,.contact-form-grid,.contact-project-grid{display:grid;grid-template-columns:1fr;}
  .contact-visual{min-height:auto;}
  .contact-visual-grid{grid-template-columns:1fr;}
  .contact-section,.contact-final{padding:60px 0;}
}

/* Consultation wizard page */
.consult-page{background:#fff;color:#192338;}
.consult-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto;}
.consult-hero{padding:calc(var(--nav-h) + 86px) 0 96px;background:linear-gradient(rgba(201,213,232,.34) 1px,transparent 1px),linear-gradient(90deg,rgba(201,213,232,.34) 1px,transparent 1px),linear-gradient(90deg,#fff 0%,#fff 53%,#EEF4FF 53%,#EEF4FF 100%);background-size:54px 54px,54px 54px,100% 100%;}
.consult-hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:4.4rem;align-items:center;}
.consult-eyebrow{display:inline-flex;align-items:center;gap:.75rem;color:#1E5CB8;font-size:.78rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;}
.consult-eyebrow::before{content:'';width:28px;height:2px;background:#1E5CB8;}
.consult-hero h1,.consult-section h2,.consult-final h2{margin:.85rem 0 1.15rem;color:#192338;font-size:clamp(3rem,5.4vw,5.25rem);line-height:1;letter-spacing:-.055em;font-weight:820;}
.consult-section h2,.consult-final h2{font-size:clamp(2.1rem,3.8vw,3.55rem);line-height:1.06;}
.consult-hero p,.consult-section-head p,.consult-types-layout p{max-width:740px;color:#536275;font-size:1.12rem;line-height:1.75;}
.consult-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem;}
.consult-journey-visual{position:relative;display:grid;gap:1rem;padding:1.4rem;border:1px solid #C9D5E8;border-radius:30px;background:#192338;box-shadow:0 34px 90px rgba(25,35,56,.2);}
.consult-journey-visual article{position:relative;padding:1.35rem;border:1px solid rgba(217,225,241,.2);border-radius:20px;background:rgba(255,255,255,.08);color:#fff;}
.consult-journey-visual article:not(:last-child)::after{content:'';position:absolute;left:42px;bottom:-1rem;width:2px;height:1rem;background:#FACC15;}
.consult-journey-visual span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#FACC15;color:#192338;font-weight:900;margin-bottom:.8rem;}
.consult-journey-visual strong{display:block;font-size:1.3rem;margin-bottom:.35rem;}
.consult-journey-visual p{margin:0;color:#D9E1F1;line-height:1.55;}
.consult-section{padding:90px 0;background:#fff;}
.consult-soft{background:#F6F9FE;}
.consult-section-head{max-width:790px;margin-bottom:2.2rem;}
.consult-section-head.centered{margin-left:auto;margin-right:auto;text-align:center;}
.consult-section-head.centered .consult-eyebrow{justify-content:center;}
.consult-wizard{max-width:980px;margin:0 auto;padding:1.3rem;border:1px solid #C9D5E8;border-radius:28px;background:#fff;box-shadow:0 30px 90px rgba(25,35,56,.12);}
.consult-progress{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.2rem;align-items:center;padding:1.1rem;border-radius:20px;background:#192338;color:#fff;margin-bottom:1.2rem;}
.consult-progress span{display:block;color:#8FB3E2;font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.35rem;}
.consult-progress strong{font-size:1.15rem;}
.consult-progress-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden;}
.consult-progress-bar span{display:block;height:100%;width:16.666%;border-radius:inherit;background:#FACC15;transition:width .25s ease;}
.consult-step{display:none;padding:1.1rem;}
.consult-step.active{display:block;}
.consult-step h3{margin:0 0 1.25rem;color:#192338;font-size:1.55rem;letter-spacing:-.035em;}
.consult-option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;}
.consult-option-grid button{min-height:86px;border:1px solid #D9E1F1;border-radius:18px;background:#F6F9FE;color:#192338;padding:1rem;text-align:left;font:inherit;font-weight:800;cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;}
.consult-option-grid button:hover,.consult-option-grid button.selected{transform:translateY(-3px);border-color:#8FB3E2;background:#fff;box-shadow:0 18px 46px rgba(25,35,56,.11);}
.consult-option-grid button.selected{background:#192338;color:#fff;border-color:#192338;}
.consult-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
.consult-step label{display:grid;gap:.45rem;color:#192338;font-size:.88rem;font-weight:750;}
.consult-step input,.consult-step textarea{width:100%;border:1px solid #D9E1F1;border-radius:14px;background:#F6F9FE;color:#192338;padding:.95rem 1rem;font:inherit;outline:none;}
.consult-step input:focus,.consult-step textarea:focus{border-color:#8FB3E2;background:#fff;box-shadow:0 0 0 4px rgba(143,179,226,.18);}
.consult-notes{margin-top:1rem;}
.consult-wizard-actions{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem;border-top:1px solid #D9E1F1;}
.consult-wizard-actions button{min-height:48px;border:1px solid #D9E1F1;border-radius:13px;background:#fff;color:#192338;padding:0 1.1rem;font:inherit;font-weight:850;cursor:pointer;}
.consult-wizard-actions button[disabled]{opacity:.45;cursor:not-allowed;}
.consult-wizard-actions [data-consult-next],.consult-wizard-actions [data-consult-submit]{background:#192338;color:#fff;border-color:#192338;}
.consult-summary-card{max-width:980px;margin:1.4rem auto 0;padding:2rem;border:1px solid #C9D5E8;border-radius:28px;background:#fff;box-shadow:0 30px 90px rgba(25,35,56,.12);}
.consult-summary-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:1rem;margin:1.5rem 0;}
.consult-summary-grid > div{padding:1.3rem;border:1px solid #D9E1F1;border-radius:20px;background:#F6F9FE;}
.consult-summary-grid h3{margin-bottom:.8rem;color:#192338;}
.consult-summary-grid ul{margin:0;padding:0;list-style:none;display:grid;gap:.55rem;}
.consult-summary-grid li{position:relative;padding-left:1.3rem;color:#31487A;font-weight:800;}
.consult-summary-grid li::before{content:'';position:absolute;left:0;top:.45rem;width:8px;height:8px;border-radius:999px;background:#FACC15;}
.consult-summary-grid p{color:#536275;line-height:1.75;}
.consult-next-grid,.consult-reason-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.consult-next-grid article,.consult-reason-grid article{padding:1.45rem;border:1px solid #D9E1F1;border-radius:20px;background:#fff;box-shadow:0 14px 46px rgba(25,35,56,.06);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;}
.consult-reason-grid{grid-template-columns:repeat(3,1fr);}
.consult-next-grid article:hover,.consult-reason-grid article:hover{transform:translateY(-5px);border-color:#8FB3E2;box-shadow:0 24px 70px rgba(25,35,56,.13);}
.consult-next-grid span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#192338;color:#fff;font-weight:900;margin-bottom:1rem;}
.consult-next-grid h3,.consult-reason-grid h3{color:#192338;margin-bottom:.55rem;}
.consult-next-grid p,.consult-reason-grid p{color:#536275;line-height:1.65;}
.consult-dark{background:#192338;color:#fff;}
.consult-dark .consult-eyebrow,.consult-dark h2,.consult-dark p{color:#fff;}
.consult-dark .consult-eyebrow::before{background:#8FB3E2;}
.consult-types-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem;align-items:center;}
.consult-types-layout p{color:#D9E1F1;}
.consult-chip-grid{display:flex;flex-wrap:wrap;gap:.8rem;}
.consult-chip-grid span{display:inline-flex;align-items:center;min-height:46px;padding:0 1rem;border:1px solid rgba(217,225,241,.22);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-weight:800;}
.consult-faq-list{max-width:880px;margin:0 auto;display:grid;gap:.8rem;}
.consult-faq-list details{border:1px solid #D9E1F1;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(25,35,56,.04);}
.consult-faq-list summary{cursor:pointer;padding:1.1rem 1.25rem;color:#192338;font-weight:700;}
.consult-faq-list p{padding:0 1.25rem 1.25rem;color:#536275;line-height:1.7;}
.consult-final{padding:96px 0;background:#fff;}
.consult-final-card{padding:4.2rem 2rem;border-radius:30px;background:#192338;color:#fff;text-align:center;box-shadow:0 34px 90px rgba(25,35,56,.22);}
.consult-final-card .consult-eyebrow,.consult-final-card h2,.consult-final-card p{color:#fff;}
.consult-final-card .consult-eyebrow{justify-content:center;}
.consult-final-card .consult-eyebrow::before{background:#8FB3E2;}
.consult-final-card p{max-width:720px;margin:0 auto 1.7rem;color:#D9E1F1;line-height:1.75;}
@media(max-width:1080px){
  .consult-hero{background:linear-gradient(rgba(201,213,232,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(201,213,232,.32) 1px,transparent 1px),#fff;background-size:48px 48px,48px 48px,100% 100%;}
  .consult-hero-grid,.consult-progress,.consult-summary-grid,.consult-types-layout{grid-template-columns:1fr;}
  .consult-option-grid,.consult-next-grid,.consult-reason-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .consult-wrap{width:min(100% - 40px,1180px);}
  .consult-hero{padding:calc(var(--nav-h) + 56px) 0 70px;}
  .consult-hero h1{font-size:clamp(2.55rem,12vw,3.7rem);}
  .consult-option-grid,.consult-form-grid,.consult-next-grid,.consult-reason-grid{grid-template-columns:1fr;}
  .consult-wizard-actions{display:grid;}
  .consult-section,.consult-final{padding:60px 0;}
}

/* What We Build hub page */
.build-hub-page{background:#fff;color:#192338;}
.build-hub-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto;}
.build-hub-hero{
  padding:calc(var(--nav-h) + 86px) 0 96px;
  background:
    linear-gradient(rgba(201,213,232,.34) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,213,232,.34) 1px,transparent 1px),
    linear-gradient(90deg,#fff 0%,#fff 54%,#EEF4FF 54%,#EEF4FF 100%);
  background-size:54px 54px,54px 54px,100% 100%;
}
.build-hub-hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:4.4rem;align-items:center;}
.build-hub-eyebrow{display:inline-flex;align-items:center;gap:.75rem;color:#1E5CB8;font-size:.78rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;}
.build-hub-eyebrow::before{content:'';width:28px;height:2px;background:#1E5CB8;}
.build-hub-hero h1,.build-hub-section h2,.build-hub-cta h2{
  margin:.85rem 0 1.15rem;
  color:#192338;
  font-size:clamp(3rem,5.45vw,5.35rem);
  line-height:1;
  letter-spacing:-.055em;
  font-weight:820;
}
.build-hub-section h2,.build-hub-cta h2{font-size:clamp(2.1rem,3.8vw,3.55rem);line-height:1.06;}
.build-hub-hero p,.build-hub-section-head p,.build-hub-category-copy p{
  max-width:740px;
  color:#536275;
  font-size:1.1rem;
  line-height:1.75;
}
.build-hub-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem;}
.build-hub-actions.center{justify-content:center;}
.build-hub-trust{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem;}
.build-hub-trust span{display:inline-flex;align-items:center;gap:.45rem;min-height:36px;padding:0 .82rem;border:1px solid #C9D5E8;border-radius:999px;background:#fff;color:#31487A;font-size:.86rem;font-weight:750;box-shadow:0 12px 34px rgba(25,35,56,.05);}
.build-hub-trust span::before{content:'';width:7px;height:7px;border-radius:50%;background:#FACC15;}
.build-ecosystem-visual{
  position:relative;
  min-height:560px;
  padding:1.5rem;
  border:1px solid #C9D5E8;
  border-radius:32px;
  background:#192338;
  box-shadow:0 34px 90px rgba(25,35,56,.2);
  overflow:hidden;
}
.build-ecosystem-visual::before{
  content:'';
  position:absolute;
  inset:20px;
  border-radius:24px;
  background:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:42px 42px;
}
.ecosystem-node,.ecosystem-growth,.ecosystem-stack span{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(217,225,241,.24);
  border-radius:18px;
  color:#fff;
  font-weight:850;
  box-shadow:0 18px 46px rgba(3,10,18,.22);
}
.ecosystem-node{min-height:78px;background:rgba(255,255,255,.1);}
.ecosystem-stack{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin:1rem 0;}
.ecosystem-stack span{min-height:76px;background:rgba(255,255,255,.08);}
.ecosystem-stack span:nth-child(5){grid-column:1 / -1;background:rgba(250,204,21,.15);}
.ecosystem-growth{min-height:96px;background:#FACC15;color:#192338;font-size:1.45rem;}
.build-hub-section{padding:90px 0;background:#fff;}
.build-hub-soft{background:#F6F9FE;}
.build-hub-section-head{max-width:820px;margin-bottom:2.2rem;}
.build-hub-section-head.centered{margin-left:auto;margin-right:auto;text-align:center;}
.build-hub-section-head.centered .build-hub-eyebrow{justify-content:center;}
.problem-solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.problem-solution-grid a{
  min-height:260px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.72rem;
  padding:1.4rem;
  border:1px solid #D9E1F1;
  border-radius:22px;
  background:#fff;
  color:#192338;
  text-decoration:none;
  box-shadow:0 18px 56px rgba(25,35,56,.07);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.problem-solution-grid a:hover,.build-card-grid a:hover,.scenario-grid article:hover,.why-build-grid article:hover,.resource-grid a:hover{
  transform:translateY(-6px);
  border-color:#8FB3E2;
  box-shadow:0 28px 80px rgba(25,35,56,.14);
}
.problem-solution-grid strong{font-size:1.35rem;line-height:1.2;letter-spacing:-.035em;margin-bottom:auto;}
.problem-solution-grid span{display:inline-flex;min-height:34px;align-items:center;padding:0 .72rem;border-radius:999px;background:#EEF4FF;color:#31487A;font-size:.82rem;font-weight:800;}
.problem-solution-grid span::before{content:'';width:6px;height:6px;border-radius:50%;background:#FACC15;margin-right:.45rem;}
.solutions-orbit{
  position:relative;
  min-height:620px;
  border:1px solid #C9D5E8;
  border-radius:34px;
  background:
    radial-gradient(circle at center,rgba(143,179,226,.22),transparent 34%),
    linear-gradient(135deg,#fff,#F6F9FE);
  box-shadow:0 30px 90px rgba(25,35,56,.1);
  overflow:hidden;
}
.solutions-orbit::before,.solutions-orbit::after{
  content:'';
  position:absolute;
  inset:70px;
  border:1px dashed #C9D5E8;
  border-radius:50%;
}
.solutions-orbit::after{inset:150px;border-style:solid;opacity:.7;}
.orbit-center{
  position:absolute;
  left:50%;
  top:50%;
  z-index:2;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  width:190px;
  height:190px;
  border-radius:50%;
  background:#192338;
  color:#fff;
  text-align:center;
  font-size:1.45rem;
  line-height:1.15;
  font-weight:850;
  box-shadow:0 28px 70px rgba(25,35,56,.24);
}
.orbit-item{
  position:absolute;
  z-index:3;
  display:inline-flex;
  min-height:54px;
  align-items:center;
  justify-content:center;
  padding:0 1rem;
  border:1px solid #C9D5E8;
  border-radius:999px;
  background:#fff;
  color:#192338;
  font-weight:850;
  text-decoration:none;
  box-shadow:0 18px 48px rgba(25,35,56,.1);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.orbit-item:hover{transform:translateY(-4px);border-color:#8FB3E2;box-shadow:0 24px 64px rgba(25,35,56,.16);}
.item-1{left:8%;top:14%}.item-2{right:12%;top:13%}.item-3{left:7%;top:45%}.item-4{right:8%;top:43%}.item-5{left:20%;bottom:13%}.item-6{right:21%;bottom:13%}.item-7{left:42%;top:10%}.item-8{left:39%;bottom:8%}.item-9{right:34%;top:74%}
.build-hub-category{display:grid;grid-template-columns:.82fr 1.18fr;gap:3rem;align-items:start;}
.build-hub-category-copy{position:sticky;top:calc(var(--nav-h) + 28px);}
.build-card-grid{display:grid;gap:1rem;}
.build-card-grid.four{grid-template-columns:repeat(2,1fr);}
.build-card-grid.three{grid-template-columns:repeat(3,1fr);}
.build-card-grid.two{grid-template-columns:repeat(2,1fr);}
.build-card-grid a{
  min-height:255px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:1.45rem;
  border:1px solid #D9E1F1;
  border-radius:22px;
  background:#fff;
  color:#192338;
  text-decoration:none;
  box-shadow:0 16px 52px rgba(25,35,56,.07);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.build-card-grid span{
  display:grid;
  place-items:center;
  min-width:46px;
  height:46px;
  padding:0 .75rem;
  border-radius:14px;
  background:#EEF4FF;
  color:#1E5CB8;
  font-size:.78rem;
  font-weight:900;
  margin-bottom:1.1rem;
}
.build-card-grid h3{color:#192338;font-size:1.28rem;line-height:1.25;letter-spacing:-.035em;margin-bottom:.7rem;}
.build-card-grid p{color:#536275;line-height:1.65;}
.build-card-grid b{margin-top:auto;color:#1E5CB8;font-size:.88rem;}
.build-hub-dark{background:#192338;color:#fff;}
.build-hub-dark .build-hub-eyebrow,.build-hub-dark h2,.build-hub-dark p{color:#fff;}
.build-hub-dark .build-hub-eyebrow::before{background:#8FB3E2;}
.build-hub-dark .build-card-grid a{background:rgba(255,255,255,.08);border-color:rgba(217,225,241,.22);color:#fff;}
.build-hub-dark .build-card-grid h3,.build-hub-dark .build-card-grid p{color:#fff;}
.build-hub-dark .build-card-grid span{background:#8FB3E2;color:#192338;}
.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.scenario-grid article,.why-build-grid article,.resource-grid a{
  padding:1.35rem;
  border:1px solid #D9E1F1;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 46px rgba(25,35,56,.06);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.scenario-grid span,.resource-grid span{display:inline-flex;padding:.42rem .68rem;border-radius:999px;background:#EEF4FF;color:#1E5CB8;font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;}
.scenario-grid h3{margin:1rem 0 .65rem;color:#192338;font-size:1.22rem;line-height:1.25;letter-spacing:-.035em;}
.scenario-grid p,.why-build-grid p,.resource-grid p{color:#536275;line-height:1.65;}
.industry-link-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;}
.industry-link-grid a{min-height:120px;display:flex;align-items:flex-end;padding:1rem;border:1px solid #D9E1F1;border-radius:18px;background:#fff;color:#192338;font-weight:850;text-decoration:none;box-shadow:0 14px 42px rgba(25,35,56,.05);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;}
.industry-link-grid a:hover{transform:translateY(-5px);border-color:#8FB3E2;box-shadow:0 24px 64px rgba(25,35,56,.12);}
.why-build-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.why-build-grid span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#192338;color:#fff;font-size:.8rem;font-weight:900;margin-bottom:1rem;}
.why-build-grid h3{color:#192338;margin-bottom:.55rem;font-size:1.15rem;}
.build-hub-cta{padding:96px 0;background:#fff;}
.build-hub-cta-card{text-align:center;padding:4.2rem 2rem;border-radius:30px;background:#192338;color:#fff;box-shadow:0 34px 90px rgba(25,35,56,.22);}
.build-hub-cta-card .build-hub-eyebrow,.build-hub-cta-card h2,.build-hub-cta-card p{color:#fff;}
.build-hub-cta-card .build-hub-eyebrow{justify-content:center;}
.build-hub-cta-card .build-hub-eyebrow::before{background:#8FB3E2;}
.build-hub-cta-card p{max-width:760px;margin:0 auto;color:#D9E1F1;line-height:1.75;}
.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.resource-grid a{display:block;color:#192338;text-decoration:none;}
.resource-grid strong{display:block;margin:1rem 0 .5rem;font-size:1.25rem;letter-spacing:-.035em;}
@media(max-width:1080px){
  .build-hub-hero{background:linear-gradient(rgba(201,213,232,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(201,213,232,.32) 1px,transparent 1px),#fff;background-size:48px 48px,48px 48px,100% 100%;}
  .build-hub-hero-grid,.build-hub-category{grid-template-columns:1fr;}
  .build-hub-category-copy{position:static;}
  .problem-solution-grid,.scenario-grid,.resource-grid{grid-template-columns:repeat(2,1fr);}
  .industry-link-grid{grid-template-columns:repeat(3,1fr);}
  .build-card-grid.three{grid-template-columns:repeat(2,1fr);}
  .solutions-orbit{min-height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.2rem;}
  .solutions-orbit::before,.solutions-orbit::after{display:none;}
  .orbit-center,.orbit-item{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:auto;height:auto;border-radius:18px;min-height:72px;}
  .orbit-center{grid-column:1 / -1;}
}
@media(max-width:640px){
  .build-hub-wrap{width:min(100% - 40px,1180px);}
  .build-hub-hero{padding:calc(var(--nav-h) + 56px) 0 70px;}
  .build-hub-hero h1{font-size:clamp(2.55rem,12vw,3.7rem);}
  .build-hub-actions,.build-hub-trust,.problem-solution-grid,.build-card-grid.four,.build-card-grid.three,.build-card-grid.two,.scenario-grid,.industry-link-grid,.why-build-grid,.resource-grid,.solutions-orbit{display:grid;grid-template-columns:1fr;}
  .build-ecosystem-visual{min-height:auto;}
  .ecosystem-stack{grid-template-columns:1fr;}
.build-hub-section,.build-hub-cta{padding:60px 0;}
}

/* Technologies page */
.tech-page{background:#fff;color:#192338;}
.tech-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto;}
.tech-hero{
  padding:calc(var(--nav-h) + 86px) 0 96px;
  background:
    linear-gradient(rgba(201,213,232,.34) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,213,232,.34) 1px,transparent 1px),
    linear-gradient(90deg,#fff 0%,#fff 54%,#EEF4FF 54%,#EEF4FF 100%);
  background-size:54px 54px,54px 54px,100% 100%;
}
.tech-hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:4.4rem;align-items:center;}
.tech-eyebrow{display:inline-flex;align-items:center;gap:.75rem;color:#1E5CB8;font-size:.78rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;}
.tech-eyebrow::before{content:'';width:28px;height:2px;background:#1E5CB8;}
.tech-hero h1,.tech-section h2,.tech-final h2{
  margin:.85rem 0 1.15rem;
  color:#192338;
  font-size:clamp(3rem,5.4vw,5.25rem);
  line-height:1;
  letter-spacing:-.055em;
  font-weight:820;
}
.tech-section h2,.tech-final h2{font-size:clamp(2.1rem,3.8vw,3.55rem);line-height:1.06;}
.tech-hero p,.tech-section-head p,.tech-choice-layout p{
  max-width:740px;
  color:#536275;
  font-size:1.1rem;
  line-height:1.75;
}
.tech-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem;}
.tech-actions.center{justify-content:center;}
.tech-hero-visual{
  position:relative;
  min-height:500px;
  padding:1.5rem;
  border:1px solid #C9D5E8;
  border-radius:32px;
  background:#192338;
  color:#fff;
  box-shadow:0 34px 90px rgba(25,35,56,.2);
  overflow:hidden;
}
.tech-hero-visual::before{
  content:'';
  position:absolute;
  inset:20px;
  border-radius:24px;
  background:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:42px 42px;
}
.tech-hero-visual > *{
  position:relative;
  z-index:1;
}
.tech-visual-head{
  padding:1.35rem;
  border:1px solid rgba(217,225,241,.22);
  border-radius:22px;
  background:rgba(255,255,255,.08);
}
.tech-visual-head span{display:block;color:#8FB3E2;font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.7rem;}
.tech-visual-head strong{display:block;max-width:380px;color:#fff;font-size:2.3rem;line-height:1.08;letter-spacing:-.045em;}
.tech-visual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0;}
.tech-visual-grid span{display:grid;min-height:112px;place-items:center;text-align:center;border:1px solid rgba(217,225,241,.2);border-radius:20px;background:rgba(255,255,255,.08);font-weight:850;}
.tech-visual-grid span:nth-child(2){background:#FACC15;color:#192338;}
.tech-visual-foot{padding:1rem 1.1rem;border-radius:18px;background:#fff;color:#31487A;font-weight:800;}
.tech-section{padding:90px 0;background:#fff;}
.tech-soft{background:#F6F9FE;}
.tech-section-head{max-width:820px;margin-bottom:2.2rem;}
.tech-section-head.centered{margin-left:auto;margin-right:auto;text-align:center;}
.tech-section-head.centered .tech-eyebrow{justify-content:center;}
.tech-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.tech-value-grid article,.tech-stack-layout article,.tech-related-grid a{
  padding:1.4rem;
  border:1px solid #D9E1F1;
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 52px rgba(25,35,56,.07);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.tech-value-grid article:hover,.tech-stack-layout article:hover,.tech-related-grid a:hover{
  transform:translateY(-6px);
  border-color:#8FB3E2;
  box-shadow:0 28px 80px rgba(25,35,56,.14);
}
.tech-value-grid span{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border-radius:13px;
  background:#192338;
  color:#fff;
  font-size:.8rem;
  font-weight:900;
  margin-bottom:1rem;
}
.tech-value-grid h3,.tech-stack-head h3,.tech-related-grid strong{color:#192338;font-size:1.22rem;line-height:1.25;letter-spacing:-.035em;margin-bottom:.55rem;}
.tech-value-grid p,.tech-stack-head p,.tech-related-grid p{color:#536275;line-height:1.65;}
.tech-stack-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
.tech-stack-layout article{min-height:310px;}
.tech-stack-head span{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:0 .72rem;
  border-radius:999px;
  background:#EEF4FF;
  color:#1E5CB8;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:1rem;
}
.tech-chip-list{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem;}
.tech-chip-list span{display:inline-flex;min-height:38px;align-items:center;padding:0 .82rem;border:1px solid #D9E1F1;border-radius:999px;background:#F6F9FE;color:#31487A;font-size:.88rem;font-weight:800;}
.tech-dark{background:#192338;color:#fff;}
.tech-dark .tech-eyebrow,.tech-dark h2,.tech-dark p{color:#fff;}
.tech-dark .tech-eyebrow::before{background:#8FB3E2;}
.tech-dark p{color:#D9E1F1;}
.tech-choice-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center;}
.tech-choice-card{display:grid;gap:1rem;}
.tech-choice-card div{display:flex;align-items:center;gap:1rem;padding:1.15rem;border:1px solid rgba(217,225,241,.22);border-radius:18px;background:rgba(255,255,255,.08);}
.tech-choice-card span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#FACC15;color:#192338;font-size:.8rem;font-weight:900;flex:0 0 auto;}
.tech-choice-card strong{color:#fff;font-size:1.08rem;}
.tech-related-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;}
.tech-related-grid a{display:block;min-height:210px;color:#192338;text-decoration:none;}
.tech-related-grid a span{display:inline-flex;min-height:34px;align-items:center;padding:0 .72rem;border-radius:999px;background:#EEF4FF;color:#1E5CB8;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem;}
.tech-related-grid strong{display:block;}
.tech-final{padding:96px 0;background:#F6F9FE;}
.tech-final-card{text-align:center;padding:4.2rem 2rem;border-radius:30px;background:#192338;color:#fff;box-shadow:0 34px 90px rgba(25,35,56,.22);}
.tech-final-card .tech-eyebrow,.tech-final-card h2,.tech-final-card p{color:#fff;}
.tech-final-card .tech-eyebrow{justify-content:center;}
.tech-final-card .tech-eyebrow::before{background:#8FB3E2;}
.tech-final-card p{max-width:760px;margin:0 auto;color:#D9E1F1;line-height:1.75;}
@media(max-width:1080px){
  .tech-hero{background:linear-gradient(rgba(201,213,232,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(201,213,232,.32) 1px,transparent 1px),#fff;background-size:48px 48px,48px 48px,100% 100%;}
  .tech-hero-grid,.tech-choice-layout{grid-template-columns:1fr;}
  .tech-value-grid,.tech-related-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .tech-wrap{width:min(100% - 40px,1180px);}
  .tech-hero{padding:calc(var(--nav-h) + 56px) 0 70px;}
  .tech-hero h1{font-size:clamp(2.55rem,12vw,3.7rem);}
  .tech-actions,.tech-value-grid,.tech-stack-layout,.tech-visual-grid,.tech-related-grid{display:grid;grid-template-columns:1fr;}
  .tech-hero-visual{min-height:auto;}
  .tech-section,.tech-final{padding:60px 0;}
}

/* Technology detail template */
.tech-detail-page{background:#fff;color:#192338;}
.tech-detail-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto;}
.tech-detail-hero{padding:calc(var(--nav-h) + 86px) 0 96px;background:linear-gradient(rgba(201,213,232,.34) 1px,transparent 1px),linear-gradient(90deg,rgba(201,213,232,.34) 1px,transparent 1px),linear-gradient(90deg,#fff 0%,#fff 54%,#EEF4FF 54%,#EEF4FF 100%);background-size:54px 54px,54px 54px,100% 100%;}
.tech-detail-hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:4.4rem;align-items:center;}
.tech-detail-eyebrow{display:inline-flex;align-items:center;gap:.75rem;color:#1E5CB8;font-size:.78rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;}
.tech-detail-eyebrow::before{content:'';width:28px;height:2px;background:#1E5CB8;}
.tech-detail-hero h1,.tech-detail-section h2,.tech-detail-final h2{margin:.85rem 0 1.15rem;color:#192338;font-size:clamp(3rem,5.15vw,5rem);line-height:1;letter-spacing:-.055em;font-weight:820;}
.tech-detail-section h2,.tech-detail-final h2{font-size:clamp(2.1rem,3.7vw,3.45rem);line-height:1.06;}
.tech-detail-hero p,.tech-detail-section-head p{max-width:760px;color:#536275;font-size:1.1rem;line-height:1.75;}
.tech-detail-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem;}
.tech-detail-actions.center{justify-content:center;}
.tech-detail-trust{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem;}
.tech-detail-trust span{display:inline-flex;align-items:center;gap:.45rem;min-height:36px;padding:0 .82rem;border:1px solid #C9D5E8;border-radius:999px;background:#fff;color:#31487A;font-size:.86rem;font-weight:750;box-shadow:0 12px 34px rgba(25,35,56,.05);}
.tech-detail-trust span::before{content:'';width:7px;height:7px;border-radius:50%;background:#FACC15;}
.laravel-architecture-visual{position:relative;min-height:500px;padding:1.5rem;border:1px solid #C9D5E8;border-radius:32px;background:#192338;color:#fff;box-shadow:0 34px 90px rgba(25,35,56,.2);overflow:hidden;}
.laravel-architecture-visual::before{content:'';position:absolute;inset:20px;border-radius:24px;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:42px 42px;}
.laravel-architecture-visual > *{position:relative;z-index:1;}
.arch-node,.arch-row span,.arch-note{display:flex;align-items:center;justify-content:center;border:1px solid rgba(217,225,241,.22);border-radius:18px;font-weight:850;box-shadow:0 18px 46px rgba(3,10,18,.22);}
.arch-node{min-height:86px;background:rgba(255,255,255,.1);font-size:1.1rem;}
.arch-row{display:grid;grid-template-columns:1fr 1.25fr;gap:1rem;margin-top:1rem;}
.arch-row span{min-height:112px;background:rgba(255,255,255,.08);text-align:center;}
.arch-row:nth-child(3) span:last-child{background:rgba(250,204,21,.16);}
.arch-note{margin-top:1rem;min-height:86px;background:#fff;color:#31487A;text-align:center;padding:1rem;}
.tech-detail-section{padding:90px 0;background:#fff;}
.tech-detail-soft{background:#F6F9FE;}
.tech-detail-section-head{max-width:840px;margin-bottom:2.2rem;}
.tech-detail-section-head.centered{margin-left:auto;margin-right:auto;text-align:center;}
.tech-detail-section-head.centered .tech-detail-eyebrow{justify-content:center;}
.tech-authority-grid,.laravel-solutions-grid,.tech-benefit-grid,.tech-related-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.tech-authority-grid.six{grid-template-columns:repeat(3,1fr);}
.tech-authority-grid article,.laravel-solutions-grid a,.tech-benefit-grid article,.tech-related-service-grid a{padding:1.35rem;border:1px solid #D9E1F1;border-radius:22px;background:#fff;color:#192338;text-decoration:none;box-shadow:0 16px 52px rgba(25,35,56,.07);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;}
.tech-authority-grid article:hover,.laravel-solutions-grid a:hover,.tech-benefit-grid article:hover,.tech-related-service-grid a:hover{transform:translateY(-6px);border-color:#8FB3E2;box-shadow:0 28px 80px rgba(25,35,56,.14);}
.tech-authority-grid span,.laravel-solutions-grid span{display:grid;place-items:center;min-width:42px;height:42px;padding:0 .65rem;border-radius:13px;background:#EEF4FF;color:#1E5CB8;font-size:.78rem;font-weight:900;margin-bottom:1rem;}
.tech-authority-grid h3,.laravel-solutions-grid h3{color:#192338;font-size:1.16rem;line-height:1.25;letter-spacing:-.035em;margin-bottom:.55rem;}
.tech-authority-grid p,.laravel-solutions-grid p{color:#536275;line-height:1.65;}
.tech-detail-dark{background:#192338;color:#fff;}
.tech-detail-dark .tech-detail-eyebrow,.tech-detail-dark h2,.tech-detail-dark p{color:#fff;}
.tech-detail-dark .tech-detail-eyebrow::before{background:#8FB3E2;}
.tech-architecture-layout{display:grid;grid-template-columns:1fr .9fr;gap:4rem;align-items:center;}
.backend-flow{display:grid;gap:.75rem;margin-top:2rem;}
.backend-flow span{position:relative;display:flex;align-items:center;justify-content:center;min-height:58px;border:1px solid rgba(217,225,241,.22);border-radius:16px;background:rgba(255,255,255,.08);color:#fff;font-weight:850;}
.backend-flow span:not(:last-child)::after{content:'';position:absolute;left:50%;bottom:-.75rem;width:2px;height:.75rem;background:#FACC15;}
.architecture-callouts{display:grid;gap:.8rem;}
.architecture-callouts span{display:flex;align-items:center;gap:.7rem;padding:1rem;border:1px solid rgba(217,225,241,.22);border-radius:16px;background:rgba(255,255,255,.08);color:#fff;font-weight:800;}
.architecture-callouts span::before{content:'';width:10px;height:10px;border-radius:50%;background:#FACC15;flex:0 0 auto;}
.tech-benefit-grid article{min-height:120px;display:flex;align-items:flex-end;font-weight:850;}
.fit-comparison,.tech-before-after{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.fit-comparison article,.tech-before-after article,.laravel-case-study,.case-highlight-grid span{border:1px solid #D9E1F1;border-radius:24px;background:#fff;box-shadow:0 18px 56px rgba(25,35,56,.07);}
.fit-comparison article,.tech-before-after article{padding:1.6rem;}
.fit-comparison h3,.tech-before-after h3,.laravel-case-study h3{color:#192338;font-size:1.35rem;letter-spacing:-.035em;margin-bottom:1rem;}
.fit-comparison ul,.tech-before-after ul{display:grid;gap:.72rem;list-style:none;margin:0;padding:0;}
.fit-comparison li,.tech-before-after li{position:relative;padding-left:1.35rem;color:#536275;line-height:1.55;font-weight:700;}
.fit-comparison li::before,.tech-before-after li::before{content:'';position:absolute;left:0;top:.46rem;width:8px;height:8px;border-radius:50%;background:#FACC15;}
.tech-before-after article:last-child{background:#1E5CB8;color:#fff;}
.tech-before-after article:last-child h3,.tech-before-after article:last-child li{color:#fff;}
.tech-pair-grid{display:flex;flex-wrap:wrap;gap:.75rem;}
.tech-pair-grid span{display:inline-flex;min-height:42px;align-items:center;padding:0 .95rem;border:1px solid #D9E1F1;border-radius:999px;background:#F6F9FE;color:#31487A;font-weight:850;}
.laravel-case-study{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;padding:2rem;align-items:center;}
.laravel-case-study h2{margin-bottom:.75rem;}
.laravel-case-study dl{display:grid;gap:1rem;margin:1.5rem 0 0;}
.laravel-case-study dt{color:#192338;font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.laravel-case-study dd{margin:0;color:#536275;line-height:1.65;}
.case-highlight-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
.case-highlight-grid span{display:flex;min-height:120px;align-items:flex-end;padding:1rem;color:#192338;font-weight:850;}
.tech-related-service-grid{grid-template-columns:repeat(3,1fr);}
.tech-related-service-grid a{min-height:130px;display:flex;align-items:flex-end;font-weight:850;}
.tech-detail-faq{max-width:880px;margin:0 auto;display:grid;gap:.8rem;}
.tech-detail-faq details{border:1px solid #D9E1F1;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(25,35,56,.04);}
.tech-detail-faq summary{cursor:pointer;padding:1.1rem 1.25rem;color:#192338;font-weight:700;}
.tech-detail-faq p{padding:0 1.25rem 1.25rem;color:#536275;line-height:1.7;}
.tech-detail-final{padding:96px 0;background:#fff;}
.tech-detail-final-card{text-align:center;padding:4.2rem 2rem;border-radius:30px;background:#192338;color:#fff;box-shadow:0 34px 90px rgba(25,35,56,.22);}
.tech-detail-final-card .tech-detail-eyebrow,.tech-detail-final-card h2,.tech-detail-final-card p{color:#fff;}
.tech-detail-final-card .tech-detail-eyebrow{justify-content:center;}
.tech-detail-final-card .tech-detail-eyebrow::before{background:#8FB3E2;}
.tech-detail-final-card p{max-width:760px;margin:0 auto;color:#D9E1F1;line-height:1.75;}
@media(max-width:1080px){
  .tech-detail-hero{background:linear-gradient(rgba(201,213,232,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(201,213,232,.32) 1px,transparent 1px),#fff;background-size:48px 48px,48px 48px,100% 100%;}
  .tech-detail-hero-grid,.tech-architecture-layout,.laravel-case-study{grid-template-columns:1fr;}
  .tech-authority-grid,.laravel-solutions-grid,.tech-benefit-grid,.tech-authority-grid.six,.tech-related-service-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .tech-detail-wrap{width:min(100% - 40px,1180px);}
  .tech-detail-hero{padding:calc(var(--nav-h) + 56px) 0 70px;}
  .tech-detail-hero h1{font-size:clamp(2.45rem,11vw,3.55rem);}
  .tech-detail-actions,.tech-detail-trust,.tech-authority-grid,.laravel-solutions-grid,.tech-benefit-grid,.tech-authority-grid.six,.fit-comparison,.tech-before-after,.tech-related-service-grid,.case-highlight-grid{display:grid;grid-template-columns:1fr;}
  .laravel-architecture-visual{min-height:auto;}
  .arch-row{grid-template-columns:1fr;}
  .tech-detail-section,.tech-detail-final{padding:60px 0;}
}

/* Laravel / PHP premium capability page */
.lphp-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto;}
.lphp-hero{padding:calc(var(--nav-h) + 78px) 0 88px;background:linear-gradient(rgba(201,213,232,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(201,213,232,.3) 1px,transparent 1px),linear-gradient(90deg,#fff 0%,#fff 52%,#EEF4FF 52%,#EEF4FF 100%);background-size:54px 54px,54px 54px,100% 100%;}
.lphp-hero-grid{display:grid;grid-template-columns:1fr .98fr;gap:4rem;align-items:center;}
.lphp-eyebrow{display:inline-flex;align-items:center;gap:.75rem;color:#1E5CB8;font-size:.78rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;}
.lphp-eyebrow::before{content:'';width:28px;height:2px;background:#1E5CB8;}
.lphp-hero h1,.lphp-section h2,.lphp-final h2{margin:.85rem 0 1.1rem;color:#192338;font-size:clamp(3rem,5vw,4.85rem);line-height:1;letter-spacing:-.055em;font-weight:820;}
.lphp-highlight{color:#2563EB;text-decoration:underline;text-decoration-color:#FACC15;text-decoration-thickness:.12em;text-underline-offset:.08em;}
.lphp-section h2,.lphp-final h2{font-size:clamp(2.15rem,3.7vw,3.55rem);line-height:1.06;}
.lphp-hero p,.lphp-section p,.lphp-final p{max-width:760px;color:#536275;font-size:1.1rem;line-height:1.75;}
.lphp-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem;}
.lphp-actions.center{justify-content:center;}
.lphp-trust{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.3rem;}
.lphp-trust span{display:inline-flex;min-height:36px;align-items:center;padding:0 .82rem;border:1px solid #C9D5E8;border-radius:999px;background:#fff;color:#31487A;font-size:.86rem;font-weight:750;box-shadow:0 12px 34px rgba(25,35,56,.05);}
.lphp-trust span::before{content:'';width:7px;height:7px;border-radius:50%;background:#FACC15;margin-right:.45rem;}
.lphp-hero-product{position:relative;min-height:560px;padding:1.4rem;border:1px solid #C9D5E8;border-radius:34px;background:#192338;box-shadow:0 34px 90px rgba(25,35,56,.2);overflow:hidden;}
.lphp-hero-product::before{content:'';position:absolute;inset:20px;border-radius:24px;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:42px 42px;}
.lphp-hero-product > *{position:relative;z-index:1;}
.lphp-logo-cluster{display:flex;gap:.7rem;margin-bottom:1rem;}
.lphp-logo-cluster img{width:46px;height:46px;padding:.65rem;border-radius:15px;background:#fff;box-shadow:0 14px 36px rgba(3,10,18,.18);}
.lphp-dashboard-window{border:1px solid rgba(217,225,241,.22);border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(3,10,18,.28);overflow:hidden;}
.window-bar{height:54px;display:flex;align-items:center;gap:.45rem;padding:0 1rem;border-bottom:1px solid #D9E1F1;background:#F6F9FE;color:#192338;}
.window-bar span{width:10px;height:10px;border-radius:50%;background:#C9D5E8;}
.window-bar strong{margin-left:auto;font-size:.85rem;}
.mock-layout{display:grid;grid-template-columns:82px 1fr;min-height:310px;}
.mock-layout aside{display:grid;gap:.7rem;align-content:start;padding:1rem;background:#EEF4FF;}
.mock-layout aside span{height:28px;border-radius:9px;background:#C9D5E8;}
.mock-main{padding:1rem;}
.mock-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;}
.mock-stat-row b{display:grid;place-items:center;min-height:64px;border-radius:14px;background:#F6F9FE;color:#192338;font-size:.9rem;}
.mock-chart{height:118px;margin:1rem 0;border-radius:16px;background:linear-gradient(135deg,#192338,#31487A);}
.mock-table{display:grid;gap:.55rem;}
.mock-table span{height:18px;border-radius:999px;background:#D9E1F1;}
.lphp-arch-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:1rem;}
.lphp-arch-strip span{display:grid;place-items:center;min-height:46px;border:1px solid rgba(217,225,241,.22);border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font-size:.82rem;font-weight:800;}
.lphp-logo-section{padding:28px 0;background:#fff;border-bottom:1px solid #EEF4FF;}
.lphp-logo-row{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;}
.lphp-logo-row div{display:flex;align-items:center;justify-content:center;gap:.65rem;min-height:82px;border:1px solid #D9E1F1;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(25,35,56,.04);font-weight:850;color:#192338;}
.lphp-logo-row img{width:32px;height:32px;}
.lphp-section{padding:92px 0;background:#fff;}
.lphp-soft{background:#F6F9FE;}
.lphp-dark{background:#192338;color:#fff;}
.lphp-dark .lphp-eyebrow,.lphp-dark h2,.lphp-dark p{color:#fff;}
.lphp-dark .lphp-eyebrow::before{background:#8FB3E2;}
.lphp-dark p{color:#D9E1F1;}
.lphp-section-head{max-width:820px;margin-bottom:2.3rem;}
.lphp-section-head.centered{margin-left:auto;margin-right:auto;text-align:center;}
.lphp-section-head.centered .lphp-eyebrow{justify-content:center;}
.lphp-split,.lphp-architecture-split,.lphp-case-layout,.lphp-fit-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.lphp-split.reverse > :first-child{order:2;}
.lphp-visual-card,.lphp-product-mockup,.lphp-layered-visual,.lphp-workflow-visual,.lphp-architecture-diagram,.lphp-case-screen{position:relative;min-height:420px;border:1px solid #C9D5E8;border-radius:30px;background:#fff;box-shadow:0 30px 90px rgba(25,35,56,.12);overflow:hidden;}
.lphp-visual-card{padding:1.4rem;background:#192338;color:#fff;}
.visual-mini-window{height:190px;border-radius:22px;background:linear-gradient(135deg,#31487A,#8FB3E2);display:flex;gap:.55rem;padding:1rem;align-items:flex-start;}
.visual-mini-window span{width:12px;height:12px;border-radius:50%;background:#fff;opacity:.75;}
.visual-metric{position:absolute;left:1.5rem;right:1.5rem;bottom:1.5rem;padding:1.2rem;border-radius:20px;background:#fff;color:#192338;}
.visual-metric strong{display:block;font-size:1.45rem;margin-bottom:.4rem;}
.visual-metric small{color:#536275;line-height:1.55;}
.lphp-proof-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.6rem;}
.lphp-proof-list.compact{grid-template-columns:repeat(3,1fr);}
.lphp-proof-list span,.lphp-benefit-columns span{display:flex;align-items:center;min-height:54px;padding:.8rem 1rem;border:1px solid #D9E1F1;border-radius:15px;background:#fff;color:#31487A;font-weight:800;}
.lphp-proof-list span::before,.lphp-benefit-columns span::before{content:'';width:8px;height:8px;border-radius:50%;background:#FACC15;margin-right:.6rem;flex:0 0 auto;}
.lphp-build-showcase{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:1rem;}
.lphp-build-showcase a{min-height:250px;display:flex;flex-direction:column;align-items:flex-start;padding:1.35rem;border:1px solid #D9E1F1;border-radius:24px;background:#fff;color:#192338;text-decoration:none;box-shadow:0 18px 56px rgba(25,35,56,.07);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;}
.lphp-build-showcase a.featured{grid-row:span 2;min-height:520px;background:#192338;color:#fff;}
.lphp-build-showcase a:hover,.lphp-related-row a:hover{transform:translateY(-6px);border-color:#8FB3E2;box-shadow:0 28px 80px rgba(25,35,56,.14);}
.lphp-build-showcase span{display:grid;place-items:center;min-width:44px;height:44px;padding:0 .65rem;border-radius:14px;background:#EEF4FF;color:#1E5CB8;font-size:.78rem;font-weight:900;margin-bottom:auto;}
.lphp-build-showcase .featured span{background:#FACC15;color:#192338;}
.lphp-build-showcase h3{font-size:1.28rem;line-height:1.25;letter-spacing:-.035em;margin:1rem 0 .65rem;color:inherit;}
.lphp-build-showcase p{font-size:.96rem;color:inherit;opacity:.78;}
.lphp-architecture-diagram{padding:1.4rem;background:#0F1929;border-color:rgba(217,225,241,.2);}
.diagram-layer,.diagram-core,.diagram-bottom span{display:flex;align-items:center;justify-content:center;border:1px solid rgba(217,225,241,.22);border-radius:18px;background:rgba(255,255,255,.08);color:#fff;font-weight:850;}
.diagram-layer{min-height:68px;margin-bottom:1rem;}
.diagram-core{min-height:138px;gap:1rem;background:#fff;color:#192338;}
.diagram-core img{width:48px;height:48px;}
.diagram-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1rem;}
.diagram-bottom span{min-height:68px;}
.lphp-callout-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.4rem;}
.lphp-callout-list span{display:flex;align-items:center;min-height:52px;padding:.8rem 1rem;border:1px solid rgba(217,225,241,.22);border-radius:15px;background:rgba(255,255,255,.08);color:#fff;font-weight:800;}
.lphp-callout-list span::before{content:'';width:8px;height:8px;border-radius:50%;background:#FACC15;margin-right:.6rem;}
.lphp-workflow-visual{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.4rem;background:#F6F9FE;}
.lphp-workflow-visual span{position:relative;display:grid;place-items:center;border:1px solid #D9E1F1;border-radius:18px;background:#fff;color:#192338;font-weight:850;box-shadow:0 14px 36px rgba(25,35,56,.06);}
.lphp-workflow-visual span:nth-child(3){background:#192338;color:#fff;}
.lphp-product-mockup{display:grid;grid-template-columns:88px 1fr;background:#192338;padding:1.2rem;gap:1rem;}
.mockup-sidebar{border-radius:20px;background:rgba(255,255,255,.1);}
.mockup-content{display:grid;gap:1rem;}
.mockup-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;}
.mockup-cards span,.mockup-graph,.mockup-list span{border-radius:16px;background:#fff;}
.mockup-cards span{height:86px;}
.mockup-graph{height:142px;background:linear-gradient(135deg,#8FB3E2,#31487A);}
.mockup-list{display:grid;gap:.6rem;}
.mockup-list span{height:24px;}
.lphp-benefit-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.4rem;}
.lphp-fit-panel{display:grid;gap:1rem;}
.lphp-fit-panel div{padding:1.4rem;border:1px solid #D9E1F1;border-radius:22px;background:#fff;box-shadow:0 16px 52px rgba(25,35,56,.07);}
.lphp-fit-panel h3{color:#192338;margin-bottom:.55rem;font-size:1.25rem;}
.lphp-case-screen{background:#EEF4FF;padding:1.2rem;}
.case-screen-header{height:54px;display:flex;align-items:center;padding:0 1rem;border-radius:16px;background:#192338;color:#fff;font-weight:850;}
.case-screen-body{display:grid;grid-template-columns:150px 1fr;gap:1rem;margin-top:1rem;}
.case-donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#FACC15 0 36%,#1E5CB8 36% 72%,#8FB3E2 72% 100%);box-shadow:inset 0 0 0 34px #fff;}
.case-bars{display:flex;align-items:end;gap:.7rem;height:150px;}
.case-bars span{flex:1;border-radius:12px 12px 0 0;background:linear-gradient(#8FB3E2,#31487A);}
.case-bars span:nth-child(2){height:72%}.case-bars span:nth-child(1){height:48%}.case-bars span:nth-child(3){height:88%}.case-bars span:nth-child(4){height:60%}
.case-rows{grid-column:1 / -1;display:grid;gap:.6rem;}
.case-rows span{height:22px;border-radius:999px;background:#fff;}
.lphp-case-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1.5rem;}
.lphp-case-stats span{padding:1rem;border:1px solid rgba(217,225,241,.2);border-radius:16px;background:rgba(255,255,255,.08);color:#fff;font-weight:850;}
.lphp-before-after{display:grid;grid-template-columns:1fr 1fr;border:1px solid #D9E1F1;border-radius:26px;overflow:hidden;box-shadow:0 24px 70px rgba(25,35,56,.1);}
.lphp-before-after div{padding:2rem;background:#fff;}
.lphp-before-after div:last-child{background:#1E5CB8;color:#fff;}
.lphp-before-after h3{margin-bottom:1rem;font-size:1.3rem;color:inherit;}
.lphp-before-after span{display:block;padding:.72rem 0;color:inherit;font-weight:800;}
.lphp-layered-visual{display:grid;gap:1rem;padding:1.4rem;background:#192338;}
.lphp-layered-visual span{display:flex;align-items:center;justify-content:center;border-radius:18px;background:rgba(255,255,255,.1);color:#fff;font-weight:850;}
.lphp-layered-visual span:nth-child(3){background:#FACC15;color:#192338;}
.lphp-related-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.lphp-related-row a{min-height:120px;display:flex;align-items:flex-end;padding:1.2rem;border:1px solid #D9E1F1;border-radius:20px;background:#fff;color:#192338;text-decoration:none;font-weight:850;box-shadow:0 16px 52px rgba(25,35,56,.07);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;}
.lphp-final{padding:96px 0;background:#fff;}
.lphp-final-card{text-align:center;padding:4.2rem 2rem;border-radius:30px;background:#192338;color:#fff;box-shadow:0 34px 90px rgba(25,35,56,.22);}
.lphp-final-card .lphp-eyebrow,.lphp-final-card h2,.lphp-final-card p{color:#fff;}
.lphp-final-card .lphp-eyebrow{justify-content:center;}
.lphp-final-card .lphp-eyebrow::before{background:#8FB3E2;}
.lphp-final-card p{max-width:760px;margin:0 auto;color:#D9E1F1;}
/* Build hero grid */
.lphp-build-hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;}
.lbhg-card{display:flex;flex-direction:column;border:1px solid #D9E1F1;border-radius:24px;background:#fff;text-decoration:none;overflow:hidden;box-shadow:0 18px 56px rgba(25,35,56,.07);transition:transform .24s,box-shadow .24s,border-color .24s;}
.lbhg-card:hover{transform:translateY(-6px);border-color:#8FB3E2;box-shadow:0 30px 80px rgba(25,35,56,.14);}
.lbhg-visual{height:190px;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;}
.lbhg-vbar{display:flex;align-items:center;gap:.4rem;height:34px;padding:0 .9rem;background:#F6F9FE;border-bottom:1px solid #D9E1F1;flex-shrink:0;}
.lbhg-vbar s{width:8px;height:8px;border-radius:50%;background:#C9D5E8;text-decoration:none;}
.lbhg-vbar b{margin-left:auto;font-size:.72rem;font-weight:700;color:#8F9EBC;}
.lbhg-vbar.dark{background:#0d1117;border-color:#1e2a3a;}
.lbhg-vbar.dark b{color:#4a5a72;}
.lbhg-info{padding:1.2rem 1.4rem 1.4rem;flex:1;}
.lbhg-info small{display:inline-flex;align-items:center;min-height:22px;padding:0 .55rem;border-radius:6px;background:#EEF4FF;color:#1E5CB8;font-size:.72rem;font-weight:900;margin-bottom:.6rem;letter-spacing:.04em;text-transform:uppercase;}
.lbhg-info h3{font-size:1.1rem;line-height:1.25;letter-spacing:-.03em;color:#192338;margin:0 0 .35rem;}
.lbhg-info p{font-size:.9rem;color:#536275;line-height:1.65;margin:0;}
/* CRM mockup */
.lbhg-crm{background:#1a2d4a;flex:1;display:grid;grid-template-columns:52px 1fr;}
.lbhg-crm-sidebar{display:flex;flex-direction:column;gap:.4rem;padding:.6rem .5rem;background:#122034;}
.lbhg-crm-sidebar i{height:20px;border-radius:5px;background:rgba(255,255,255,.1);display:block;}
.lbhg-crm-sidebar i:first-child{background:rgba(250,204,21,.3);}
.lbhg-crm-main{padding:.6rem .7rem;}
.lbhg-crm-row{display:grid;grid-template-columns:1fr .7fr 10px;gap:.35rem;align-items:center;margin-bottom:.35rem;}
.lbhg-crm-row em{height:10px;border-radius:3px;background:rgba(255,255,255,.14);font-style:normal;display:block;}
.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;display:inline-block;}
.dot.green{background:#22c55e;}.dot.yellow{background:#FACC15;}.dot.blue{background:#60a5fa;}
/* Portal mockup */
.lbhg-portal{background:#EEF4FF;flex:1;padding:.65rem;}
.lbhg-portal-header{display:flex;align-items:center;gap:.55rem;margin-bottom:.65rem;}
.lbhg-portal-header i{width:28px;height:28px;border-radius:50%;background:#C9D5E8;flex-shrink:0;display:block;}
.lbhg-portal-header em{height:11px;flex:1;border-radius:3px;background:#D9E1F1;font-style:normal;display:block;}
.lbhg-portal-docs{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;}
.lbhg-portal-docs s{height:52px;border-radius:9px;background:#fff;border:1px solid #D9E1F1;text-decoration:none;display:block;}
/* ERP mockup */
.lbhg-erp{background:#192338;flex:1;padding:.65rem;}
.lbhg-erp-head{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-bottom:.4rem;}
.lbhg-erp-head em{height:14px;border-radius:3px;background:rgba(250,204,21,.85);font-style:normal;display:block;}
.lbhg-erp-rows>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-bottom:.3rem;}
.lbhg-erp-rows i{height:18px;border-radius:3px;background:rgba(255,255,255,.09);display:block;}
/* Dashboard mockup */
.lbhg-dash{background:#0F1929;flex:1;padding:.65rem;}
.lbhg-dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-bottom:.6rem;}
.lbhg-dash-stats b{height:32px;border-radius:7px;background:rgba(255,255,255,.08);display:block;}
.lbhg-dash-chart{display:flex;align-items:flex-end;gap:4px;height:52px;}
.lbhg-dash-chart i{flex:1;border-radius:3px 3px 0 0;background:#2563EB;opacity:.8;display:block;}
.lbhg-dash-chart i:nth-child(2){background:#FACC15;opacity:1;}
.lbhg-dash-chart i:nth-child(4){background:#22c55e;opacity:.9;}
/* Automation mockup */
.lbhg-auto{background:#170d2e;flex:1;display:flex;align-items:center;justify-content:center;padding:.65rem;}
.lbhg-auto-flow{display:flex;align-items:center;gap:.45rem;}
.lbhg-auto-flow span{display:grid;place-items:center;min-width:46px;height:36px;border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-size:.62rem;font-weight:850;padding:0 .3rem;text-align:center;}
.lbhg-auto-flow span:nth-child(3){background:rgba(250,204,21,.2);color:#FACC15;}
.lbhg-auto-flow i{width:12px;height:1px;background:rgba(255,255,255,.25);position:relative;flex-shrink:0;display:block;}
.lbhg-auto-flow i::after{content:'▶';position:absolute;right:-4px;top:-5px;font-size:.5rem;color:rgba(255,255,255,.35);}
/* API mockup */
.lbhg-api{background:#0d1117;flex:1;padding:.65rem;}
.lbhg-api-line{display:flex;align-items:center;gap:.45rem;margin-bottom:.35rem;}
.lbhg-api-line s{flex:1;height:9px;border-radius:3px;background:rgba(255,255,255,.08);text-decoration:none;display:block;}
em.method{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:16px;border-radius:3px;font-size:.6rem;font-weight:900;font-style:normal;padding:0 .3rem;letter-spacing:.03em;}
em.method.get{background:rgba(34,197,94,.2);color:#4ade80;}
em.method.post{background:rgba(250,204,21,.15);color:#fbbf24;}
em.method.put{background:rgba(59,130,246,.2);color:#60a5fa;}
em.method.del{background:rgba(239,68,68,.2);color:#f87171;}
/* ==========================================
   MOBILE TEMPLATE C — Flutter / Dart
   ========================================== */

/* Hero — dual phone mockup */
.tc-hero-product{position:relative;min-height:560px;padding:1.4rem;border:1px solid #C9D5E8;border-radius:34px;background:#192338;box-shadow:0 34px 90px rgba(25,35,56,.2);overflow:hidden;}
.tc-hero-product::before{content:'';position:absolute;inset:20px;border-radius:24px;background:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:40px 40px;}
.tc-hero-product>*{position:relative;z-index:1;}
/* App store rating badge */
.tc-rating{position:absolute;top:1.5rem;right:1.5rem;z-index:2;background:#fff;border-radius:16px;padding:.55rem .9rem;display:flex;flex-direction:column;align-items:center;gap:.08rem;box-shadow:0 12px 36px rgba(25,35,56,.25);}
.tc-rating strong{font-size:1.18rem;font-weight:900;color:#192338;line-height:1;}
.tc-rating small{font-size:.7rem;color:#FACC15;line-height:1;}
.tc-rating span{font-size:.58rem;font-weight:800;color:#536275;text-transform:uppercase;letter-spacing:.07em;}
/* Phone pair */
.tc-phone-pair{display:flex;gap:.9rem;align-items:flex-end;margin-bottom:.85rem;}
.tc-phone{border-radius:20px;background:#0d1117;border:1px solid rgba(255,255,255,.13);overflow:hidden;display:flex;flex-direction:column;}
.tc-phone-sm{width:96px;flex-shrink:0;height:178px;}
.tc-phone-lg{flex:1;min-height:275px;}
.tc-notch{height:17px;background:#0d1117;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.tc-notch::after{content:'';width:30px;height:5px;border-radius:999px;background:rgba(255,255,255,.12);}
.tc-notif{margin:.38rem .4rem;padding:.42rem .5rem;border-radius:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:flex;align-items:flex-start;gap:.32rem;flex-shrink:0;}
.tc-notif-dot{width:7px;height:7px;border-radius:50%;background:#FACC15;flex-shrink:0;margin-top:2px;}
.tc-notif-lines{flex:1;display:flex;flex-direction:column;gap:.18rem;}
.tc-notif-lines i{height:5px;border-radius:2px;background:rgba(255,255,255,.2);display:block;}
.tc-notif-lines i:last-child{width:60%;}
.tc-app-hdr{height:26px;display:flex;align-items:center;padding:0 .55rem;gap:.32rem;background:#192338;flex-shrink:0;}
.tc-app-hdr i{height:6px;border-radius:2px;background:rgba(255,255,255,.18);display:block;width:30px;}
.tc-app-hdr i:first-child{width:46px;background:rgba(255,255,255,.32);}
.tc-app-hdr i:last-child{width:18px;margin-left:auto;}
.tc-app-mini{flex:1;padding:.38rem .42rem;display:grid;grid-template-columns:1fr 1fr;gap:.28rem;align-content:start;}
.tc-app-mini span{height:32px;border-radius:7px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);display:block;}
.tc-app-mini span:first-child{background:rgba(2,86,155,.25);border-color:rgba(2,86,155,.35);}
.tc-app-body{flex:1;display:flex;flex-direction:column;gap:.38rem;padding:.48rem .52rem;}
.tc-app-statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:.28rem;}
.tc-app-stat{height:36px;border-radius:8px;background:rgba(255,255,255,.07);display:block;}
.tc-app-stat:first-child{background:rgba(2,86,155,.25);}
.tc-app-chart{height:54px;border-radius:10px;background:linear-gradient(135deg,rgba(2,86,155,.28),rgba(0,120,212,.18));flex-shrink:0;}
.tc-app-rows{display:flex;flex-direction:column;gap:.26rem;}
.tc-app-rows i{height:16px;border-radius:5px;background:rgba(255,255,255,.07);display:block;}

/* App journey section (strongest visual) */
.tc-journey{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-top:3rem;position:relative;}
.tc-journey::before{content:'';position:absolute;top:31px;left:calc(100%/12);right:calc(100%/12);height:1px;background:linear-gradient(90deg,rgba(217,225,241,.25) 0%,rgba(217,225,241,.08) 100%);z-index:0;}
.tc-jstep{text-align:center;position:relative;z-index:1;}
.tc-jicon{width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(217,225,241,.18);display:grid;place-items:center;margin:0 auto .9rem;}
.tc-jicon svg{width:25px;height:25px;stroke:rgba(217,225,241,.68);fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}
.tc-jstep.jactive .tc-jicon{background:rgba(250,204,21,.12);border-color:rgba(250,204,21,.4);}
.tc-jstep.jactive .tc-jicon svg{stroke:#fde047;}
.tc-jnum{font-size:.67rem;font-weight:900;color:#4a5a72;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.35rem;}
.tc-jstep h3{font-size:.88rem;font-weight:850;color:#fff;margin:0 0 .28rem;letter-spacing:-.01em;}
.tc-jstep p{font-size:.78rem;color:#8FB3E2;line-height:1.5;margin:0;}

/* Why mobile apps — 3×2 icon cards */
.tc-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem;}
.tc-why-card{padding:1.4rem;border:1px solid #D9E1F1;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(25,35,56,.055);}
.tc-why-icon{width:42px;height:42px;border-radius:12px;background:#EEF4FF;display:grid;place-items:center;margin-bottom:.75rem;}
.tc-why-icon svg{width:20px;height:20px;stroke:#1E5CB8;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.tc-why-card h3{font-size:1rem;color:#192338;margin:0 0 .28rem;letter-spacing:-.02em;}
.tc-why-card p{font-size:.88rem;color:#536275;line-height:1.65;margin:0;}

/* 4-col mobile app build grid */
.tc-build-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;}

/* Mobile app screen mockups (shared base) */
.lbhg-appscreen{flex:1;display:flex;flex-direction:column;overflow:hidden;}
.lbhg-as-bar{height:24px;display:flex;align-items:center;padding:0 .5rem;gap:.28rem;flex-shrink:0;}
.lbhg-as-bar i{height:5px;border-radius:2px;display:block;}
.lbhg-as-bar i.g{flex:1;}
.lbhg-as-bar i.r{width:14px;margin-left:auto;}
.lbhg-as-body{flex:1;padding:.42rem .5rem;}
/* Customer / service chat */
.lbhg-as-customer{background:#0d2540;}
.lbhg-as-customer .lbhg-as-bar{background:#091e35;}
.lbhg-as-customer .lbhg-as-bar i{background:rgba(255,255,255,.15);}
.lbhg-as-customer .lbhg-as-bar i:first-child{background:rgba(255,255,255,.3);}
.lbhg-as-msgrow{display:flex;align-items:flex-end;gap:.28rem;margin-bottom:.3rem;}
.lbhg-as-msgrow.out{flex-direction:row-reverse;}
.lbhg-as-av{width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.15);flex-shrink:0;}
.lbhg-as-bbl{border-radius:8px;padding:.26rem .4rem;display:flex;flex-direction:column;gap:.17rem;}
.lbhg-as-bbl i{height:5px;border-radius:2px;display:block;width:50px;background:rgba(255,255,255,.18);}
.lbhg-as-msgrow .lbhg-as-bbl{background:rgba(255,255,255,.07);}
.lbhg-as-msgrow.out .lbhg-as-bbl{background:rgba(2,86,155,.5);}
.lbhg-as-msgrow.out .lbhg-as-bbl i{background:rgba(255,255,255,.3);width:60px;}
/* Business / operations */
.lbhg-as-business{background:#0f1929;}
.lbhg-as-business .lbhg-as-bar{background:#0a1220;}
.lbhg-as-business .lbhg-as-bar i{background:rgba(255,255,255,.14);}
.lbhg-as-statrow2{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;margin-bottom:.3rem;}
.lbhg-as-stat2{height:30px;border-radius:7px;background:rgba(255,255,255,.07);display:block;}
.lbhg-as-stat2:first-child{background:rgba(2,86,155,.22);}
.lbhg-as-bars2{display:flex;align-items:flex-end;gap:3px;height:38px;}
.lbhg-as-bars2 i{flex:1;border-radius:2px 2px 0 0;background:rgba(37,99,235,.5);display:block;}
.lbhg-as-bars2 i:nth-child(2){background:rgba(250,204,21,.55);}
.lbhg-as-bars2 i:nth-child(4){background:rgba(34,197,94,.55);}
/* Booking / calendar */
.lbhg-as-booking{background:#0a1f0a;}
.lbhg-as-booking .lbhg-as-bar{background:#061508;}
.lbhg-as-booking .lbhg-as-bar i{background:rgba(255,255,255,.13);}
.lbhg-as-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:.35rem;}
.lbhg-as-cal span{height:13px;border-radius:3px;background:rgba(255,255,255,.06);display:block;}
.lbhg-as-cal span.on{background:rgba(34,197,94,.45);}
.lbhg-as-cal span.dim{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);}
.lbhg-as-slots i{height:11px;border-radius:4px;background:rgba(255,255,255,.07);display:block;margin-bottom:.22rem;}
.lbhg-as-slots i.booked{background:rgba(34,197,94,.25);border:1px solid rgba(34,197,94,.3);}
/* Field force / location */
.lbhg-as-field{background:#0d1929;}
.lbhg-as-field .lbhg-as-bar{background:#09121f;}
.lbhg-as-field .lbhg-as-bar i{background:rgba(255,255,255,.14);}
.lbhg-as-mapbox{height:65px;background:rgba(255,255,255,.04);border-radius:8px;position:relative;overflow:hidden;margin-bottom:.3rem;}
.lbhg-as-mapbox::before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:12px 12px;}
.lbhg-as-mapbox::after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#FACC15;top:32%;left:44%;box-shadow:0 0 0 4px rgba(250,204,21,.2);}
.lbhg-as-route{position:absolute;top:50%;left:18%;width:55%;height:2px;background:rgba(37,99,235,.45);transform:rotate(-8deg);z-index:1;}
.lbhg-as-flist i{height:14px;border-radius:4px;background:rgba(255,255,255,.07);display:block;margin-bottom:.22rem;}
.lbhg-as-flist i:first-child{background:rgba(37,99,235,.2);}
/* Education */
.lbhg-as-edu{background:#1a0d2e;}
.lbhg-as-edu .lbhg-as-bar{background:#12082a;}
.lbhg-as-edu .lbhg-as-bar i{background:rgba(255,255,255,.14);}
.lbhg-as-lesson{display:flex;align-items:center;gap:.35rem;margin-bottom:.35rem;}
.lbhg-as-lesson-th{width:24px;height:24px;border-radius:6px;background:rgba(139,92,246,.3);flex-shrink:0;}
.lbhg-as-lesson-info{flex:1;}
.lbhg-as-lesson-info i{height:6px;border-radius:2px;background:rgba(255,255,255,.2);display:block;margin-bottom:.2rem;}
.lbhg-as-prog{height:4px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;}
.lbhg-as-prog span{display:block;height:100%;border-radius:999px;background:rgba(139,92,246,.8);}
/* Community / social */
.lbhg-as-community{background:#0d1d2e;}
.lbhg-as-community .lbhg-as-bar{background:#091523;}
.lbhg-as-community .lbhg-as-bar i{background:rgba(255,255,255,.14);}
.lbhg-as-post{border-radius:8px;background:rgba(255,255,255,.06);padding:.32rem .38rem;margin-bottom:.28rem;}
.lbhg-as-post-hd{display:flex;align-items:center;gap:.28rem;margin-bottom:.22rem;}
.lbhg-as-post-hd i{width:13px;height:13px;border-radius:50%;background:rgba(255,255,255,.22);flex-shrink:0;display:block;}
.lbhg-as-post-hd em{flex:1;height:5px;border-radius:2px;background:rgba(255,255,255,.18);font-style:normal;display:block;}
.lbhg-as-post-body i{height:5px;border-radius:2px;background:rgba(255,255,255,.1);display:block;margin-bottom:.16rem;}
.lbhg-as-post-body i:last-child{width:55%;}
/* AI-powered */
.lbhg-as-ai-mobile{background:#050d1a;}
.lbhg-as-ai-mobile .lbhg-as-bar{background:#03080e;}
.lbhg-as-ai-mobile .lbhg-as-bar i{background:rgba(255,255,255,.12);}
.lbhg-ai-chatrow{display:flex;align-items:flex-end;gap:.28rem;margin-bottom:.3rem;}
.lbhg-ai-chatrow.bot{flex-direction:row-reverse;}
.lbhg-ai-botav{width:15px;height:15px;border-radius:50%;background:rgba(37,99,235,.4);border:1px solid rgba(37,99,235,.5);flex-shrink:0;}
.lbhg-ai-chatbbl{border-radius:8px;padding:.24rem .38rem;display:flex;flex-direction:column;gap:.16rem;}
.lbhg-ai-chatbbl i{height:5px;border-radius:2px;display:block;width:52px;}
.lbhg-ai-chatrow .lbhg-ai-chatbbl{background:rgba(255,255,255,.07);}
.lbhg-ai-chatrow .lbhg-ai-chatbbl i{background:rgba(255,255,255,.17);}
.lbhg-ai-chatrow.bot .lbhg-ai-chatbbl{background:rgba(37,99,235,.25);border:1px solid rgba(37,99,235,.3);}
.lbhg-ai-chatrow.bot .lbhg-ai-chatbbl i{background:rgba(37,99,235,.6);width:62px;}

/* ==========================================
   FRONTEND TEMPLATE B — React / Next.js
   ========================================== */

/* Hero product — frontend variant (browser + phone + perf badge) */
.fe-hero-product{position:relative;min-height:560px;padding:1.4rem;border:1px solid #C9D5E8;border-radius:34px;background:#192338;box-shadow:0 34px 90px rgba(25,35,56,.2);overflow:hidden;}
.fe-hero-product::before{content:'';position:absolute;inset:20px;border-radius:24px;background:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:40px 40px;}
.fe-hero-product>*{position:relative;z-index:1;}

/* Performance badge */
.fe-perf{position:absolute;top:1.5rem;right:1.5rem;z-index:2;width:72px;height:72px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem;box-shadow:0 12px 36px rgba(25,35,56,.28);border:3px solid #22c55e;}
.fe-perf strong{font-size:1.35rem;font-weight:900;color:#192338;line-height:1;}
.fe-perf small{font-size:.53rem;font-weight:900;color:#22c55e;text-transform:uppercase;letter-spacing:.06em;}

/* Browser mockup */
.fe-browser{border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.26);margin-bottom:.85rem;}
.fe-browser-bar{height:38px;background:#F6F9FE;border-bottom:1px solid #D9E1F1;display:flex;align-items:center;gap:.45rem;padding:0 .9rem;flex-shrink:0;}
.fe-browser-bar span{width:9px;height:9px;border-radius:50%;background:#C9D5E8;display:block;}
.fe-browser-url{flex:1;height:20px;border-radius:6px;background:#D9E1F1;margin:0 .6rem;}
.fe-browser-body{padding:.7rem;}
.fe-browser-nav{height:32px;border-radius:8px;background:#192338;margin-bottom:.55rem;display:flex;align-items:center;gap:.45rem;padding:0 .65rem;}
.fe-browser-nav i{height:7px;border-radius:2px;background:rgba(255,255,255,.18);display:block;width:30px;}
.fe-browser-nav i:first-child{width:48px;}
.fe-browser-nav i:last-child{width:52px;margin-left:auto;background:rgba(250,204,21,.4);}
.fe-browser-hero{height:84px;border-radius:10px;background:linear-gradient(135deg,#192338,#2d4a7a);margin-bottom:.5rem;position:relative;overflow:hidden;display:flex;align-items:center;padding:0 .9rem;}
.fe-browser-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:22px 22px;}
.fe-browser-hero-text{position:relative;z-index:1;display:flex;flex-direction:column;gap:.3rem;}
.fe-browser-hero-text i{height:11px;border-radius:3px;background:rgba(255,255,255,.3);display:block;width:110px;}
.fe-browser-hero-text i:last-child{width:68px;background:rgba(97,218,251,.55);}
.fe-browser-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;}
.fe-browser-cards span{height:38px;border-radius:8px;background:#F6F9FE;border:1px solid #D9E1F1;display:block;}

/* Phone + component cards strip */
.fe-hero-bottom{display:flex;gap:.65rem;align-items:flex-start;margin-top:.8rem;}
.fe-phone{width:58px;flex-shrink:0;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#0d1117;padding:.45rem .3rem;display:flex;flex-direction:column;gap:.28rem;}
.fe-phone i{display:block;height:8px;border-radius:2px;background:rgba(255,255,255,.1);}
.fe-phone i:first-child{height:22px;border-radius:5px;background:linear-gradient(135deg,#1E5CB8,#2d4a7a);}
.fe-comp-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:.42rem;flex:1;}
.fe-comp-cards span{height:48px;border-radius:10px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);display:block;}
.fe-comp-cards span:first-child{background:rgba(97,218,251,.1);border-color:rgba(97,218,251,.22);}
.fe-comp-cards span:nth-child(3){background:rgba(250,204,21,.08);border-color:rgba(250,204,21,.18);}

/* Why Frontend Matters — 2×2 icon cards */
.fe-why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:2rem;}
.fe-why-card{padding:1.5rem;border:1px solid #D9E1F1;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(25,35,56,.055);}
.fe-why-icon{width:44px;height:44px;border-radius:12px;background:#EEF4FF;display:grid;place-items:center;margin-bottom:.85rem;}
.fe-why-icon svg{width:20px;height:20px;stroke:#1E5CB8;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.fe-why-card h3{font-size:1.05rem;color:#192338;margin:0 0 .35rem;letter-spacing:-.02em;}
.fe-why-card p{font-size:.9rem;color:#536275;line-height:1.65;margin:0;}

/* Corporate website build mockup */
.lbhg-website{background:#fff;flex:1;display:flex;flex-direction:column;overflow:hidden;}
.lbhg-website-nav{height:30px;background:#192338;display:flex;align-items:center;gap:.38rem;padding:0 .6rem;flex-shrink:0;}
.lbhg-website-nav i{height:6px;border-radius:2px;background:rgba(255,255,255,.18);display:block;width:28px;}
.lbhg-website-nav i:first-child{width:44px;background:rgba(255,255,255,.4);}
.lbhg-website-nav i:last-child{width:48px;margin-left:auto;background:rgba(250,204,21,.4);}
.lbhg-website-hero{height:55px;background:linear-gradient(135deg,#192338,#2d4a7a);flex-shrink:0;}
.lbhg-website-body{flex:1;padding:.5rem .6rem;display:flex;flex-direction:column;gap:.3rem;}
.lbhg-website-body div{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;}
.lbhg-website-body i{height:32px;border-radius:6px;background:#F6F9FE;border:1px solid #D9E1F1;display:block;}

/* Landing page build mockup */
.lbhg-landing{background:#EEF4FF;flex:1;padding:.65rem;display:flex;flex-direction:column;justify-content:center;gap:.55rem;}
.lbhg-landing-head{display:flex;flex-direction:column;gap:.3rem;}
.lbhg-landing-head em{height:13px;border-radius:3px;background:#192338;font-style:normal;display:block;width:85%;}
.lbhg-landing-head em:last-child{width:58%;background:#31487A;opacity:.65;}
.lbhg-landing-cta{display:flex;gap:.4rem;align-items:center;}
.lbhg-landing-cta span{height:26px;border-radius:7px;background:#2563EB;width:72px;display:block;}
.lbhg-landing-cta s{height:26px;border-radius:7px;border:1px solid #C9D5E8;background:#fff;width:58px;text-decoration:none;display:block;}
.lbhg-landing-trust{display:flex;gap:.38rem;}
.lbhg-landing-trust i{height:9px;flex:1;border-radius:3px;background:#C9D5E8;display:block;}

/* E-commerce mockup */
.lbhg-ecomm{background:#fff8f2;flex:1;padding:.65rem;}
.lbhg-ecomm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;margin-bottom:.45rem;}
.lbhg-ecomm-grid span{height:50px;border-radius:9px;background:#fff;border:1px solid #FFD7C4;display:block;}
.lbhg-ecomm-bar{display:flex;align-items:center;gap:.4rem;}
.lbhg-ecomm-bar em{flex:1;height:10px;border-radius:3px;background:#FFD7C4;font-style:normal;display:block;}
.lbhg-ecomm-bar s{min-width:44px;height:22px;border-radius:6px;background:#FF6B35;text-decoration:none;display:block;}
/* PostgreSQL vs MySQL comparison */
.lphp-db-vs{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:2rem;}
.lphp-db-card{padding:1.8rem;border-radius:24px;background:#fff;box-shadow:0 18px 56px rgba(25,35,56,.07);}
.lphp-db-pg{border:1px solid #c7d8f0;border-top:4px solid #4169E1;}
.lphp-db-my{border:1px solid #c7dfe0;border-top:4px solid #4479A1;}
.lphp-db-card-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;}
.lphp-db-card-head img{width:34px;height:34px;}
.lphp-db-card-head h3{font-size:1.2rem;color:#192338;margin:0;letter-spacing:-.025em;}
.lphp-db-card>span{display:block;font-size:.72rem;font-weight:900;color:#536275;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.7rem;}
.lphp-db-card ul{padding:0;margin:0;list-style:none;}
.lphp-db-card li{display:flex;align-items:center;gap:.55rem;padding:.55rem 0;border-bottom:1px solid #F0F4FB;color:#31487A;font-size:.93rem;font-weight:750;}
.lphp-db-card li:last-child{border-bottom:none;}
.lphp-db-card li::before{content:'';width:8px;height:8px;border-radius:50%;background:#FACC15;flex-shrink:0;}
.lphp-db-note{text-align:center;padding:1.1rem 1.5rem;margin-top:1.4rem;border-radius:16px;background:#F6F9FE;color:#536275;font-size:.9rem;border:1px solid #D9E1F1;max-width:640px;margin-left:auto;margin-right:auto;}
/* Django Admin mockup */
.lbhg-admin{background:#f8f9fa;flex:1;display:grid;grid-template-columns:68px 1fr;}
.lbhg-admin-side{background:#092E20;padding:.5rem .45rem;display:flex;flex-direction:column;gap:.35rem;}
.lbhg-admin-side i{height:18px;border-radius:4px;background:rgba(255,255,255,.15);display:block;}
.lbhg-admin-side i:first-child{background:rgba(68,183,123,.5);}
.lbhg-admin-main{padding:.5rem .55rem;}
.lbhg-admin-head{height:16px;border-radius:4px;background:#D9E1F1;margin-bottom:.4rem;}
.lbhg-admin-rows>div{display:grid;grid-template-columns:1fr .6fr .4fr;gap:.3rem;margin-bottom:.3rem;}
.lbhg-admin-rows i{height:13px;border-radius:3px;background:#EEF4FF;display:block;}
/* AI / Data mockup */
.lbhg-ai{background:#0a0f1e;flex:1;padding:.65rem;}
.lbhg-ai-nodes{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-bottom:.4rem;}
.lbhg-ai-nodes span{height:24px;border-radius:6px;background:rgba(55,118,171,.2);border:1px solid rgba(55,118,171,.3);display:block;}
.lbhg-ai-nodes span:nth-child(2){background:rgba(255,212,59,.12);border-color:rgba(255,212,59,.25);}
.lbhg-ai-nodes span:nth-child(4){background:rgba(68,183,123,.12);border-color:rgba(68,183,123,.25);}
.lbhg-ai-conn{height:2px;background:linear-gradient(90deg,rgba(55,118,171,.4),rgba(255,212,59,.35),rgba(68,183,123,.4));border-radius:1px;margin-bottom:.4rem;}
.lbhg-ai-output{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;}
.lbhg-ai-output b{height:32px;border-radius:7px;background:rgba(255,255,255,.06);display:block;}
.lbhg-ai-output b:first-child{background:rgba(55,118,171,.18);}
/* Real-time mockup */
.lbhg-realtime{background:#0d1f3c;flex:1;padding:.65rem;}
.lbhg-rt-badge{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.5rem;padding:.22rem .6rem;border-radius:999px;background:rgba(74,222,128,.15);color:#4ade80;font-size:.67rem;font-weight:850;}
.lbhg-rt-msgs{display:flex;flex-direction:column;gap:.35rem;}
.lbhg-rt-msg{display:flex;align-items:center;gap:.4rem;}
.lbhg-rt-msg i{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.1);flex-shrink:0;display:block;}
.lbhg-rt-msg em{flex:1;height:10px;border-radius:3px;background:rgba(255,255,255,.1);font-style:normal;display:block;}
.lbhg-rt-msg em.short{max-width:55%;background:rgba(74,222,128,.25);}
/* Mobile API mockup */
.lbhg-mobile{background:#1a1f2e;flex:1;padding:.65rem;display:flex;gap:.6rem;}
.lbhg-phone{width:50px;flex-shrink:0;border-radius:10px;background:#0d1117;border:1px solid rgba(255,255,255,.1);padding:.4rem .3rem;display:flex;flex-direction:column;gap:.3rem;align-items:center;}
.lbhg-phone i{width:100%;height:8px;border-radius:2px;background:rgba(255,255,255,.08);display:block;}
.lbhg-phone i:first-child{height:12px;background:rgba(51,153,51,.4);}
.lbhg-api-resp{flex:1;display:flex;flex-direction:column;gap:.3rem;}
.lbhg-api-resp span{display:flex;align-items:center;gap:.35rem;font-size:.62rem;color:rgba(74,222,128,.9);font-weight:850;}
.lbhg-api-resp span::before{content:'';width:6px;height:6px;border-radius:50%;background:#339933;flex-shrink:0;}
.lbhg-api-resp em{height:9px;border-radius:3px;background:rgba(255,255,255,.07);font-style:normal;display:block;}
/* SaaS mockup */
.lbhg-saas{background:#0f1729;flex:1;padding:.65rem;}
.lbhg-saas-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem;}
.lbhg-saas-head em{height:12px;width:80px;border-radius:3px;background:rgba(255,255,255,.14);font-style:normal;display:block;}
.lbhg-saas-head span{padding:.2rem .55rem;border-radius:5px;background:rgba(74,222,128,.18);color:#4ade80;font-size:.62rem;font-weight:900;}
.lbhg-saas-cards{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:.45rem;}
.lbhg-saas-cards b{height:36px;border-radius:7px;background:rgba(255,255,255,.07);display:block;}
.lbhg-saas-progress{height:10px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;}
.lbhg-saas-progress span{display:block;height:100%;width:65%;border-radius:999px;background:linear-gradient(90deg,#339933,#4ade80);}
/* Flow stack */
.lphp-flow-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;background:#0F1929;border:1px solid rgba(217,225,241,.15);border-radius:30px;min-height:420px;box-shadow:0 30px 90px rgba(25,35,56,.2);}
.flow-node{display:flex;align-items:center;gap:.75rem;width:210px;padding:.9rem 1.3rem;border:1px solid rgba(217,225,241,.18);border-radius:14px;background:rgba(255,255,255,.07);color:#fff;font-weight:850;font-size:.93rem;}
.flow-node svg{width:18px;height:18px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.flow-node img{width:22px;height:22px;flex-shrink:0;}
.flow-node.fn-user{background:rgba(250,204,21,.12);border-color:rgba(250,204,21,.3);color:#fde047;}
.flow-node.fn-core{background:#fff;color:#192338;border-color:rgba(255,255,255,.9);}
.flow-node.fn-dash{background:rgba(37,99,235,.18);border-color:rgba(37,99,235,.4);color:#93c5fd;}
.flow-conn{width:1px;height:20px;background:rgba(217,225,241,.2);position:relative;margin:0 auto;display:flex;justify-content:center;}
.flow-conn::after{content:'▾';position:absolute;bottom:-8px;color:rgba(217,225,241,.3);font-size:.7rem;}
/* WordPress vs Laravel */
.lphp-wp-vs{border:1px solid #D9E1F1;border-radius:26px;overflow:hidden;box-shadow:0 24px 70px rgba(25,35,56,.1);max-width:820px;margin:2rem auto 0;}
.lphp-wp-vs-head{display:grid;grid-template-columns:1fr 1fr;}
.lphp-wp-vs-head div{padding:1.1rem 2rem;font-weight:850;font-size:1.05rem;}
.lphp-wp-vs-head div:first-child{background:#F6F9FE;color:#6b7a93;border-bottom:2px solid #D9E1F1;}
.lphp-wp-vs-head div:last-child{background:#192338;color:#fff;border-bottom:2px solid rgba(255,255,255,.15);}
.lphp-wp-vs-row{display:grid;grid-template-columns:1fr 1fr;}
.lphp-wp-vs-row div{padding:.9rem 2rem;font-size:.95rem;font-weight:700;}
.lphp-wp-vs-row div:first-child{background:#fff;color:#8F9EBC;border-bottom:1px solid #F0F4FB;}
.lphp-wp-vs-row div:last-child{background:#1E5CB8;color:#fff;font-weight:850;border-bottom:1px solid rgba(255,255,255,.08);}
.lphp-wp-vs-row:last-child div{border-bottom:none;}
/* Projects */
.lphp-projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2rem;}
.lphp-proj-card{border:1px solid #D9E1F1;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 16px 52px rgba(25,35,56,.07);}
.lphp-proj-visual{height:130px;background:#192338;position:relative;overflow:hidden;display:grid;place-items:center;}
.lphp-proj-visual::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 0,transparent 50%);background-size:24px 24px;}
.lphp-proj-tag{position:relative;z-index:1;padding:.35rem .85rem;border-radius:8px;background:#FACC15;color:#192338;font-size:.75rem;font-weight:900;}
.lphp-proj-info{padding:1.1rem 1.2rem 1.3rem;}
.lphp-proj-info em{display:block;font-size:.72rem;font-weight:900;color:#1E5CB8;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.08em;font-style:normal;}
.lphp-proj-info h3{font-size:.98rem;color:#192338;line-height:1.3;margin:0 0 .3rem;letter-spacing:-.02em;}
.lphp-proj-info p{font-size:.85rem;color:#536275;line-height:1.6;margin:0;}
/* Used For */
.lphp-used-for-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;}
.lphp-used-item{display:flex;align-items:center;gap:.9rem;padding:1.2rem 1.4rem;border:1px solid #D9E1F1;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(25,35,56,.05);font-weight:850;color:#192338;font-size:.97rem;}
.lphp-used-item::before{content:'';width:10px;height:10px;border-radius:50%;background:#FACC15;flex-shrink:0;}
/* Why We Chose Laravel */
.lphp-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem;}
.lphp-why-card{padding:1.5rem;border:1px solid #D9E1F1;border-radius:22px;background:#fff;box-shadow:0 16px 52px rgba(25,35,56,.07);}
.lphp-why-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem;}
.lphp-why-sys{display:grid;place-items:center;min-width:40px;height:38px;border-radius:10px;background:#EEF4FF;font-size:.73rem;font-weight:900;color:#1E5CB8;padding:0 .35rem;text-align:center;}
.lphp-why-arrow{font-size:.85rem;color:#C9D5E8;}
.lphp-why-lr{display:flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:8px;background:#192338;color:#fff;font-size:.73rem;font-weight:850;}
.lphp-why-lr img{width:15px;height:15px;}
.lphp-why-card h3{font-size:1rem;color:#192338;margin:0 0 .3rem;letter-spacing:-.02em;}
.lphp-why-card p{font-size:.87rem;color:#536275;line-height:1.6;margin:0;}
@media(max-width:1080px){
  .lphp-hero{background:linear-gradient(rgba(201,213,232,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(201,213,232,.32) 1px,transparent 1px),#fff;background-size:48px 48px,48px 48px,100% 100%;}
  .lphp-hero-grid,.lphp-split,.lphp-architecture-split,.lphp-case-layout,.lphp-fit-layout{grid-template-columns:1fr;}
  .lphp-split.reverse > :first-child{order:0;}
  .lphp-logo-row,.lphp-related-row{grid-template-columns:repeat(3,1fr);}
  .lphp-build-showcase{grid-template-columns:1fr 1fr;}
  .lphp-build-showcase a.featured{grid-row:auto;min-height:300px;}
  .lphp-build-hero-grid,.lphp-why-grid,.lphp-db-vs,.fe-why-grid{grid-template-columns:repeat(2,1fr);}
  .lphp-projects-grid{grid-template-columns:repeat(2,1fr);}
  .fe-hero-product,.tc-hero-product{min-height:auto;}
  .tc-why-grid{grid-template-columns:repeat(2,1fr);}
  .tc-build-grid{grid-template-columns:repeat(2,1fr);}
  .tc-journey{grid-template-columns:repeat(3,1fr);}
  .tc-journey::before{display:none;}
}
@media(max-width:640px){
  .lphp-wrap{width:min(100% - 40px,1180px);}
  .lphp-hero{padding:calc(var(--nav-h) + 56px) 0 70px;}
  .lphp-hero h1{font-size:clamp(2.45rem,11vw,3.55rem);}
  .lphp-actions,.lphp-trust,.lphp-logo-row,.lphp-proof-list,.lphp-proof-list.compact,.lphp-build-showcase,.lphp-callout-list,.lphp-benefit-columns,.lphp-case-stats,.lphp-before-after,.lphp-related-row,.lphp-arch-strip{display:grid;grid-template-columns:1fr;}
  .lphp-build-hero-grid,.lphp-projects-grid,.lphp-used-for-grid,.lphp-why-grid,.lphp-db-vs,.fe-why-grid{grid-template-columns:1fr;}
  .fe-hero-bottom,.fe-browser-cards{display:grid;grid-template-columns:1fr;}
  .fe-comp-cards{grid-template-columns:repeat(2,1fr);}
  .fe-phone{display:none;}
  .lphp-wp-vs-head,.lphp-wp-vs-row{grid-template-columns:1fr;}
  .lphp-wp-vs-head div:first-child{border-bottom:1px solid #D9E1F1;}
  .lphp-wp-vs-head div:last-child{border-bottom:2px solid rgba(255,255,255,.15);}
  .lphp-flow-stack{min-height:auto;}
  .lphp-hero-product,.lphp-visual-card,.lphp-product-mockup,.lphp-layered-visual,.lphp-workflow-visual,.lphp-architecture-diagram,.lphp-case-screen{min-height:auto;}
  .mock-layout,.lphp-product-mockup,.case-screen-body,.diagram-bottom{grid-template-columns:1fr;}
  .lphp-section,.lphp-final{padding:60px 0;}
}

/* ============================================ */
/* OPENAI / AI ASSISTANTS PAGE                  */
/* ============================================ */

/* --- Hero AI workflow visual --- */
.ai-hero-visual{display:flex;flex-direction:column;gap:.55rem;}
.ai-hv-label{font-size:.68rem;font-weight:900;color:rgba(217,225,241,.45);letter-spacing:.12em;text-transform:uppercase;text-align:center;}
.ai-hv-sources{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;}
.ai-hv-outputs{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;}
.ai-hv-source,.ai-hv-output{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.32rem;padding:.62rem .3rem;border-radius:12px;font-size:.68rem;font-weight:800;text-align:center;line-height:1.25;}
.ai-hv-source{border:1px solid rgba(250,204,21,.22);background:rgba(250,204,21,.06);color:rgba(253,224,71,.85);}
.ai-hv-output{border:1px solid rgba(37,99,235,.25);background:rgba(37,99,235,.1);color:#93c5fd;}
.ai-hv-source svg,.ai-hv-output svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.ai-hv-conn{text-align:center;color:rgba(217,225,241,.25);font-size:.8rem;letter-spacing:.2em;line-height:1;}
.ai-hv-core{display:flex;align-items:center;justify-content:center;gap:.7rem;padding:.9rem 1.2rem;border:1px solid rgba(255,255,255,.25);border-radius:16px;background:#fff;color:#192338;font-weight:850;font-size:.96rem;}
.ai-hv-core img{width:22px;height:22px;}
.ai-hv-conv{border:1px solid rgba(217,225,241,.12);border-radius:14px;background:rgba(9,18,32,.9);overflow:hidden;}
.ai-hv-conv-bar{display:flex;align-items:center;gap:.32rem;padding:.4rem .62rem;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.06);}
.ai-hv-conv-bar i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.12);display:block;}
.ai-hv-conv-bar i.green{background:#22c55e;opacity:.7;}
.ai-hv-conv-bar span{margin-left:.2rem;font-size:.65rem;color:rgba(217,225,241,.45);font-weight:700;}
.ai-hv-chat{padding:.55rem .62rem;display:flex;flex-direction:column;gap:.35rem;}
.ai-hv-msg{display:flex;align-items:flex-start;gap:.32rem;}
.ai-hv-msg.out{flex-direction:row-reverse;}
.ai-hv-msg-av{width:13px;height:13px;border-radius:50%;background:rgba(37,99,235,.45);border:1px solid rgba(37,99,235,.55);flex-shrink:0;margin-top:.13rem;}
.ai-hv-msg.out .ai-hv-msg-av{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);}
.ai-hv-bubble{border-radius:7px;padding:.27rem .42rem;display:flex;flex-direction:column;gap:.14rem;}
.ai-hv-msg .ai-hv-bubble{background:rgba(255,255,255,.07);}
.ai-hv-msg.out .ai-hv-bubble{background:rgba(37,99,235,.22);border:1px solid rgba(37,99,235,.28);}
.ai-hv-bubble i{height:5px;border-radius:2px;display:block;background:rgba(255,255,255,.14);}
.ai-hv-msg.out .ai-hv-bubble i{background:rgba(37,99,235,.6);}
.ai-hv-bubble i.w70{width:70%;}
.ai-hv-bubble i.w50{width:50%;}

/* --- Section 3 card visuals --- */

/* Knowledge Systems card */
.lbhg-knowledge{background:#071524;flex:1;padding:.7rem;}
.lbhg-kn-search{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);margin-bottom:.55rem;}
.lbhg-kn-search i{flex:1;height:7px;border-radius:3px;background:rgba(255,255,255,.16);display:block;}
.lbhg-kn-search s{width:18px;height:18px;border-radius:50%;background:rgba(37,99,235,.55);text-decoration:none;flex-shrink:0;}
.lbhg-kn-result{padding:.32rem .42rem;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);margin-bottom:.3rem;}
.lbhg-kn-result-head{display:flex;align-items:center;gap:.38rem;margin-bottom:.22rem;}
.lbhg-kn-result-head b{width:22px;height:7px;border-radius:3px;background:rgba(250,204,21,.38);display:block;}
.lbhg-kn-result-head em{flex:1;height:5px;border-radius:2px;background:rgba(255,255,255,.18);font-style:normal;display:block;}
.lbhg-kn-lines{display:flex;flex-direction:column;gap:.16rem;}
.lbhg-kn-lines i{height:4px;border-radius:2px;background:rgba(255,255,255,.08);display:block;}

/* AI Portal card */
.lbhg-portal-ai{background:#0a1420;flex:1;display:grid;grid-template-columns:1fr 72px;overflow:hidden;}
.lbhg-pai-main{padding:.55rem;border-right:1px solid rgba(255,255,255,.06);}
.lbhg-pai-topbar{height:10px;border-radius:3px;background:rgba(255,255,255,.14);margin-bottom:.45rem;width:70%;}
.lbhg-pai-row{height:13px;border-radius:4px;background:rgba(255,255,255,.06);margin-bottom:.3rem;}
.lbhg-pai-row.wide{height:22px;}
.lbhg-pai-chat{padding:.45rem .4rem;display:flex;flex-direction:column;gap:.28rem;}
.lbhg-pai-bbl{border-radius:6px;padding:.24rem .35rem;display:flex;flex-direction:column;gap:.13rem;}
.lbhg-pai-bbl.u{background:rgba(37,99,235,.28);}
.lbhg-pai-bbl.a{background:rgba(255,255,255,.07);}
.lbhg-pai-bbl i{height:4px;border-radius:2px;display:block;}
.lbhg-pai-bbl.u i{background:rgba(255,255,255,.4);width:42px;}
.lbhg-pai-bbl.a i{background:rgba(255,255,255,.14);width:50px;}

/* Content Processing card */
.lbhg-content-proc{background:#10051e;flex:1;padding:.7rem;display:flex;flex-direction:column;justify-content:center;gap:.35rem;}
.lbhg-cp-doc{display:flex;align-items:center;gap:.42rem;padding:.32rem .5rem;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);}
.lbhg-cp-doc svg{width:13px;height:13px;flex-shrink:0;stroke:rgba(250,204,21,.65);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.lbhg-cp-doc i{flex:1;height:6px;border-radius:2px;background:rgba(255,255,255,.16);display:block;}
.lbhg-cp-arrow{text-align:center;color:rgba(217,225,241,.28);font-size:.72rem;line-height:1.2;font-weight:700;}
.lbhg-cp-tags{display:flex;flex-wrap:wrap;gap:.28rem;}
.lbhg-cp-tag{padding:.22rem .45rem;border-radius:6px;font-size:.62rem;font-weight:850;}
.lbhg-cp-tag.t1{background:rgba(37,99,235,.35);color:#93c5fd;}
.lbhg-cp-tag.t2{background:rgba(34,197,94,.25);color:#86efac;}
.lbhg-cp-tag.t3{background:rgba(250,204,21,.2);color:#fde047;}
.lbhg-cp-tag.t4{background:rgba(239,68,68,.2);color:#fca5a5;}

/* AI Agent card */
.lbhg-agent{background:#050f1f;flex:1;padding:.7rem;display:flex;flex-direction:column;justify-content:center;gap:.28rem;}
.lbhg-agent-step{display:flex;align-items:center;gap:.4rem;padding:.28rem .45rem;border-radius:7px;background:rgba(255,255,255,.05);}
.lbhg-agent-num{display:grid;place-items:center;width:16px;height:16px;border-radius:4px;background:rgba(37,99,235,.35);font-size:.58rem;color:#93c5fd;font-weight:900;flex-shrink:0;}
.lbhg-agent-step i{flex:1;height:6px;border-radius:2px;background:rgba(255,255,255,.12);display:block;}
.lbhg-agent-step.active{background:rgba(250,204,21,.07);border:1px solid rgba(250,204,21,.18);}
.lbhg-agent-step.active .lbhg-agent-num{background:rgba(250,204,21,.3);color:#fde047;}
.lbhg-agent-step.active i{background:rgba(250,204,21,.22);}
.lbhg-agent-gap{width:1px;height:9px;background:rgba(255,255,255,.08);margin-left:7px;}

/* --- Section 4 flow node additional variants --- */
.flow-node.fn-ai{background:rgba(37,99,235,.18);border-color:rgba(37,99,235,.4);color:#93c5fd;}
.flow-node.fn-outcome{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.38);color:#86efac;}

/* --- Section 5 step flow visual --- */
.ai-step-flow{padding:1.4rem;border:1px solid #C9D5E8;border-radius:30px;background:#fff;box-shadow:0 30px 90px rgba(25,35,56,.1);display:flex;flex-direction:column;gap:.55rem;}
.ai-step-node{display:flex;align-items:center;gap:.75rem;padding:.72rem 1rem;border-radius:14px;border:1px solid #D9E1F1;background:#F6F9FE;color:#192338;font-weight:800;font-size:.9rem;}
.ai-step-num{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#EEF4FF;color:#1E5CB8;font-size:.72rem;font-weight:900;flex-shrink:0;}
.ai-step-node:nth-child(9){background:#192338;color:#fff;border-color:#192338;}
.ai-step-node:nth-child(9) .ai-step-num{background:rgba(250,204,21,.2);color:#fde047;}
.ai-step-conn{width:1px;height:12px;background:#D9E1F1;margin-left:1.85rem;}

/* --- Section 6 benefit cards --- */
.ai-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem;}
.ai-benefit-card{padding:1.4rem 1.5rem;border:1px solid #D9E1F1;border-radius:20px;background:#fff;box-shadow:0 14px 44px rgba(25,35,56,.07);}
.ai-benefit-check{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#EEF4FF;margin-bottom:.75rem;}
.ai-benefit-check::before{content:'\2713';font-size:.95rem;font-weight:900;color:#1E5CB8;}
.ai-benefit-card h3{font-size:1rem;color:#192338;margin:0 0 .42rem;letter-spacing:-.02em;}
.ai-benefit-card p{margin:0;font-size:.88rem;color:#536275;line-height:1.65;}

/* --- Section 2 problem cards --- */
.ai-problem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:2.2rem;}
.ai-problem-card{padding:1.5rem 1.6rem;border:1px solid #D9E1F1;border-radius:22px;background:#fff;box-shadow:0 16px 52px rgba(25,35,56,.07);}
.ai-problem-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#EEF4FF;margin-bottom:.85rem;}
.ai-problem-icon svg{width:20px;height:20px;stroke:#1E5CB8;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}
.ai-problem-card h3{font-size:1.05rem;color:#192338;margin:0 0 .45rem;letter-spacing:-.02em;}
.ai-problem-card p{margin:0;font-size:.93rem;color:#536275;line-height:1.65;}

/* --- Section 8 case screen --- */
.ai-case-screen{padding:0;overflow:hidden;}
.ai-case-screen .case-screen-header{border-radius:0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.9rem;}
.ai-cs-body{padding:1.1rem;}
.ai-cs-search{margin-bottom:.9rem;}
.ai-cs-search-bar{display:flex;align-items:center;gap:.5rem;padding:.42rem .65rem;border-radius:10px;background:#fff;border:1px solid #D9E1F1;box-shadow:0 4px 16px rgba(25,35,56,.07);}
.ai-cs-search-icon{display:flex;align-items:center;flex-shrink:0;}
.ai-cs-search-icon svg{width:14px;height:14px;stroke:#8F9EBC;fill:none;stroke-width:2;stroke-linecap:round;}
.ai-cs-search-text{flex:1;height:8px;border-radius:4px;background:#E8EEF8;}
.ai-cs-result{padding:.85rem;border-radius:14px;background:#fff;border:1px solid #D9E1F1;margin-bottom:.75rem;box-shadow:0 6px 20px rgba(25,35,56,.06);}
.ai-cs-result-tag{display:inline-flex;padding:.2rem .55rem;border-radius:6px;background:#EEF4FF;color:#1E5CB8;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem;}
.ai-cs-result-lines{display:flex;flex-direction:column;gap:.28rem;margin-bottom:.65rem;}
.ai-cs-result-lines div{height:8px;border-radius:4px;background:#E8EEF8;}
.ai-cs-result-sources{display:flex;flex-wrap:wrap;gap:.4rem;}
.ai-cs-result-sources span{padding:.18rem .45rem;border-radius:5px;background:#F6F9FE;border:1px solid #D9E1F1;font-size:.68rem;color:#536275;font-weight:700;}
.ai-cs-suggestions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;}
.ai-cs-suggestions div{height:32px;border-radius:8px;background:#fff;border:1px solid #D9E1F1;}

/* --- Responsive additions --- */
@media(max-width:860px){
  .ai-problem-grid,.ai-benefit-grid{grid-template-columns:1fr;}
  .ai-hv-sources{grid-template-columns:repeat(2,1fr);}
  .ai-hv-outputs{grid-template-columns:repeat(3,1fr);}
  .ai-step-flow{min-height:auto;}
  .lbhg-portal-ai{grid-template-columns:1fr;}
  .lbhg-pai-chat{display:none;}
}
@media(max-width:600px){
  .ai-benefit-grid{grid-template-columns:1fr 1fr;}
  .ai-hv-outputs{grid-template-columns:repeat(3,1fr);}
  .ai-cs-suggestions{grid-template-columns:1fr 1fr;}
}

/* ============================================ */
/* API DEVELOPMENT & INTEGRATIONS PAGE          */
/* ============================================ */

/* --- Hero: API integration ecosystem visual --- */
.api-hero-visual{display:flex;flex-direction:column;gap:.5rem;}
.api-hv-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;}
.api-hv-destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;}
.api-hv-system-src,.api-hv-system-dst{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.32rem;padding:.62rem .3rem;border-radius:12px;font-size:.68rem;font-weight:800;text-align:center;line-height:1.25;}
.api-hv-system-src{border:1px solid rgba(250,204,21,.22);background:rgba(250,204,21,.06);color:rgba(253,224,71,.85);}
.api-hv-system-dst{border:1px solid rgba(37,99,235,.25);background:rgba(37,99,235,.1);color:#93c5fd;}
.api-hv-system-src svg,.api-hv-system-dst svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.api-hv-layer{display:flex;align-items:center;justify-content:center;gap:.7rem;padding:.9rem 1.2rem;border:1px solid rgba(255,255,255,.25);border-radius:16px;background:#fff;color:#192338;font-weight:850;font-size:.93rem;}
.api-hv-layer svg{width:18px;height:18px;fill:none;stroke:#1E5CB8;stroke-width:2;stroke-linecap:round;flex-shrink:0;}
.api-hv-activity{border:1px solid rgba(217,225,241,.12);border-radius:12px;background:rgba(9,18,32,.85);overflow:hidden;padding:.5rem .62rem;}
.api-hv-activity-item{display:flex;align-items:center;gap:.4rem;padding:.22rem 0;border-bottom:1px solid rgba(255,255,255,.04);}
.api-hv-activity-item:last-child{border-bottom:none;}
.api-hv-activity-dot{width:7px;height:7px;border-radius:50%;background:rgba(34,197,94,.6);flex-shrink:0;}
.api-hv-activity-text{flex:1;height:5px;border-radius:2px;background:rgba(255,255,255,.12);display:block;}
.api-hv-activity-text.w70{width:70%;}
.api-hv-activity-text.w55{width:55%;}
.api-hv-activity-time{font-size:.6rem;color:rgba(217,225,241,.3);font-weight:700;flex-shrink:0;}

/* --- Section 3 lbhg card visuals --- */

/* CRM Integration: form → CRM */
.lbhg-int-crm{background:#091829;flex:1;display:grid;grid-template-columns:1fr 22px 1fr;gap:.3rem;align-items:center;padding:.58rem;}
.lbhg-int-form{border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);padding:.38rem;}
.lbhg-int-form-field{height:9px;border-radius:3px;background:rgba(255,255,255,.12);margin-bottom:.28rem;}
.lbhg-int-form-field.last{width:60%;background:rgba(250,204,21,.22);margin-bottom:0;}
.lbhg-int-crm-panel{border-radius:8px;background:rgba(37,99,235,.12);border:1px solid rgba(37,99,235,.22);padding:.38rem;}
.lbhg-int-crm-row{display:flex;align-items:center;gap:.28rem;margin-bottom:.28rem;}
.lbhg-int-crm-row:last-child{margin-bottom:0;}
.lbhg-int-crm-dot{width:6px;height:6px;border-radius:50%;background:rgba(37,99,235,.6);flex-shrink:0;}
.lbhg-int-crm-bar{flex:1;height:7px;border-radius:3px;background:rgba(255,255,255,.12);}
.lbhg-int-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;}
.lbhg-int-mid-arrow{color:rgba(37,99,235,.65);font-size:.7rem;font-weight:900;}
.lbhg-int-mid-dot{width:4px;height:4px;border-radius:50%;background:rgba(37,99,235,.35);}

/* ERP Sync visual */
.lbhg-int-erp-sync{background:#0c1826;flex:1;display:grid;grid-template-columns:1fr 26px 1fr;gap:.3rem;align-items:center;padding:.58rem;}
.lbhg-int-erp-table{border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);overflow:hidden;}
.lbhg-int-erp-head{height:12px;background:rgba(250,204,21,.15);border-bottom:1px solid rgba(255,255,255,.08);}
.lbhg-int-erp-body-row{height:10px;border-bottom:1px solid rgba(255,255,255,.05);}
.lbhg-int-erp-body-row:last-child{border-bottom:none;}

/* Payment flow steps */
.lbhg-int-pay{background:#080e1c;flex:1;display:flex;flex-direction:column;justify-content:center;gap:.24rem;padding:.65rem;}
.lbhg-int-pay-step{display:flex;align-items:center;gap:.38rem;padding:.26rem .42rem;border-radius:7px;background:rgba(255,255,255,.05);}
.lbhg-int-pay-step svg{width:11px;height:11px;fill:none;stroke:rgba(217,225,241,.4);stroke-width:2;flex-shrink:0;}
.lbhg-int-pay-step i{flex:1;height:6px;border-radius:2px;background:rgba(255,255,255,.12);display:block;}
.lbhg-int-pay-step.done{background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.17);}
.lbhg-int-pay-step.done svg{stroke:rgba(34,197,94,.7);}
.lbhg-int-pay-step.done i{background:rgba(34,197,94,.2);}
.lbhg-int-pay-gap{width:1px;height:8px;background:rgba(255,255,255,.06);margin-left:11px;}

/* Platform logos grid */
.lbhg-int-platforms{background:#090d14;flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:.38rem;padding:.65rem;align-content:center;}
.lbhg-int-plat{display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(99,91,255,.1);border:1px solid rgba(99,91,255,.3);padding:.5rem .3rem;}
.lbhg-int-plat img{width:22px;height:22px;}

/* Custom API request/response exchange */
.lbhg-int-api{background:#06101e;flex:1;display:flex;flex-direction:column;justify-content:center;gap:.26rem;padding:.65rem;}
.lbhg-int-api-msg{display:flex;align-items:center;gap:.38rem;padding:.26rem .42rem;border-radius:7px;}
.lbhg-int-api-msg.req{background:rgba(250,204,21,.06);border:1px solid rgba(250,204,21,.15);}
.lbhg-int-api-msg.resp{background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.15);}
.lbhg-int-api-badge{padding:.1rem .32rem;border-radius:4px;font-size:.58rem;font-weight:900;flex-shrink:0;}
.lbhg-int-api-msg.req .lbhg-int-api-badge{background:rgba(250,204,21,.2);color:#fde047;}
.lbhg-int-api-msg.resp .lbhg-int-api-badge{background:rgba(34,197,94,.2);color:#86efac;}
.lbhg-int-api-text{flex:1;height:6px;border-radius:2px;display:block;}
.lbhg-int-api-msg.req .lbhg-int-api-text{background:rgba(250,204,21,.15);}
.lbhg-int-api-msg.resp .lbhg-int-api-text{background:rgba(34,197,94,.12);}
.lbhg-int-api-gap{width:1px;height:8px;background:rgba(255,255,255,.06);margin-left:11px;}

/* --- Flexible step highlight --- */
.ai-step-node.highlighted{background:#192338;color:#fff;border-color:#192338;}
.ai-step-node.highlighted .ai-step-num{background:rgba(250,204,21,.2);color:#fde047;}

/* --- Section 8 lead automation case screen --- */
.api-case-screen{padding:0;overflow:hidden;}
.api-case-screen .case-screen-header{border-radius:0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.9rem;}
.api-cs-body{padding:1rem;}
.api-cs-pipeline{display:flex;flex-direction:column;gap:.45rem;}
.api-cs-step{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:12px;background:#fff;border:1px solid #D9E1F1;box-shadow:0 4px 14px rgba(25,35,56,.05);}
.api-cs-step-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#EEF4FF;flex-shrink:0;}
.api-cs-step-icon svg{width:13px;height:13px;stroke:#1E5CB8;fill:none;stroke-width:2;stroke-linecap:round;}
.api-cs-step-info{flex:1;}
.api-cs-step-title{height:7px;border-radius:3px;background:#192338;width:55%;margin-bottom:.3rem;}
.api-cs-step-sub{height:5px;border-radius:2px;background:#D9E1F1;width:70%;}
.api-cs-step-badge{padding:.18rem .45rem;border-radius:5px;font-size:.65rem;font-weight:900;white-space:nowrap;}
.api-cs-step.done .api-cs-step-badge{background:#F0FDF4;color:#166534;border:1px solid #BBF7D0;}
.api-cs-step.live .api-cs-step-badge{background:#EFF6FF;color:#1E5CB8;border:1px solid #BFDBFE;}
.api-cs-conn{width:1px;height:10px;background:#D9E1F1;margin-left:1.85rem;}

/* --- API page responsive --- */
@media(max-width:860px){
  .lbhg-int-crm,.lbhg-int-erp-sync{grid-template-columns:1fr;}
  .lbhg-int-mid{display:none;}
}
@media(max-width:600px){
  .api-hv-sources,.api-hv-destinations{grid-template-columns:repeat(3,1fr);}
  .api-hv-activity{display:none;}
}

/* ============================================ */
/* AWS CLOUD DEVELOPMENT PAGE                   */
/* ============================================ */

/* --- Hero: cloud ecosystem visual --- */
.aws-hero-visual{display:flex;flex-direction:column;gap:.5rem;}
.aws-hv-users{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;}
.aws-hv-user{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.32rem;padding:.62rem .3rem;border-radius:12px;border:1px solid rgba(255,153,0,.22);background:rgba(255,153,0,.07);color:rgba(255,180,0,.85);font-size:.68rem;font-weight:800;text-align:center;line-height:1.25;}
.aws-hv-user svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;flex-shrink:0;}
.aws-hv-layers{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;}
.aws-hv-layer-node{display:flex;align-items:center;gap:.4rem;padding:.55rem .6rem;border-radius:12px;font-size:.7rem;font-weight:800;line-height:1.25;}
.aws-hv-layer-node svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0;}
.aws-hv-layer-node.app{border:1px solid rgba(255,153,0,.25);background:rgba(255,153,0,.08);color:rgba(255,180,0,.85);}
.aws-hv-layer-node.db{border:1px solid rgba(37,99,235,.25);background:rgba(37,99,235,.1);color:#93c5fd;}
.aws-hv-layer-node.storage{border:1px solid rgba(139,92,246,.25);background:rgba(139,92,246,.1);color:#c4b5fd;}
.aws-hv-layer-node.monitor{border:1px solid rgba(34,197,94,.25);background:rgba(34,197,94,.1);color:#86efac;}
.aws-hv-status{border:1px solid rgba(217,225,241,.1);border-radius:12px;background:rgba(9,18,32,.85);padding:.5rem .65rem;display:flex;align-items:center;gap:.5rem;}
.aws-hv-status-dot{width:7px;height:7px;border-radius:50%;background:rgba(34,197,94,.7);flex-shrink:0;}
.aws-hv-status-text{flex:1;height:5px;border-radius:2px;background:rgba(255,255,255,.12);}
.aws-hv-status-badge{font-size:.63rem;font-weight:900;color:rgba(34,197,94,.85);flex-shrink:0;white-space:nowrap;}

/* --- Additional flow node variants --- */
.flow-node.fn-storage{background:rgba(139,92,246,.18);border-color:rgba(139,92,246,.4);color:#c4b5fd;}
.flow-node.fn-monitor{background:rgba(255,153,0,.15);border-color:rgba(255,153,0,.38);color:rgba(255,180,50,.9);}

/* --- Section 3 lbhg cloud card visuals --- */

/* Cloud status bar (for CRM/ERP card) */
.lbhg-cloud-status-bar{display:flex;align-items:center;gap:.35rem;padding:.3rem .55rem;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;}
.lbhg-cloud-status-dot{width:6px;height:6px;border-radius:50%;background:rgba(34,197,94,.7);flex-shrink:0;}
.lbhg-cloud-status-line{flex:1;height:5px;border-radius:2px;background:rgba(255,255,255,.1);}
.lbhg-cloud-status-label{font-size:.6rem;color:rgba(255,255,255,.3);font-weight:700;flex-shrink:0;}

/* Web application infrastructure / monitoring card */
.lbhg-cloud-monitor{background:#0a1520;flex:1;padding:.65rem;display:flex;flex-direction:column;gap:.38rem;}
.lbhg-cm-status{display:flex;align-items:center;gap:.38rem;}
.lbhg-cm-status-dot{width:7px;height:7px;border-radius:50%;background:rgba(34,197,94,.7);flex-shrink:0;}
.lbhg-cm-status-bar{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.12);}
.lbhg-cm-status-label{font-size:.6rem;font-weight:900;color:rgba(34,197,94,.75);flex-shrink:0;}
.lbhg-cm-uptime{display:flex;gap:.2rem;height:8px;}
.lbhg-cm-uptime-bar{flex:1;border-radius:2px;background:rgba(34,197,94,.4);}
.lbhg-cm-uptime-bar.miss{background:rgba(239,68,68,.35);}
.lbhg-cm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.28rem;}
.lbhg-cm-stat{height:24px;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);}
.lbhg-cm-chart{display:flex;align-items:flex-end;gap:3px;height:36px;}
.lbhg-cm-chart i{flex:1;border-radius:2px 2px 0 0;background:rgba(255,153,0,.35);display:block;}
.lbhg-cm-chart i:nth-child(2){background:rgba(255,153,0,.55);}
.lbhg-cm-chart i:nth-child(4){background:rgba(34,197,94,.5);}
.lbhg-cm-chart i:nth-child(6){background:rgba(255,153,0,.75);}

/* Data storage visual */
.lbhg-cloud-storage{background:#0d1020;flex:1;padding:.65rem;display:flex;flex-direction:column;justify-content:center;gap:.26rem;}
.lbhg-cs-bucket{display:flex;align-items:center;gap:.38rem;padding:.28rem .42rem;border-radius:7px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);}
.lbhg-cs-bucket svg{width:12px;height:12px;fill:none;stroke:rgba(255,153,0,.65);stroke-width:2;flex-shrink:0;}
.lbhg-cs-bucket-bar{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.12);}
.lbhg-cs-sz{font-size:.62rem;font-weight:900;color:rgba(255,153,0,.65);flex-shrink:0;}
.lbhg-cs-gap{width:1px;height:8px;background:rgba(255,255,255,.06);margin-left:10px;}
.lbhg-cs-backup{display:flex;align-items:center;gap:.38rem;padding:.24rem .42rem;border-radius:7px;background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.18);}
.lbhg-cs-backup svg{width:11px;height:11px;fill:none;stroke:rgba(34,197,94,.7);stroke-width:2;flex-shrink:0;}
.lbhg-cs-backup i{flex:1;height:5px;border-radius:2px;background:rgba(34,197,94,.2);display:block;}

/* Monitoring & performance visual */
.lbhg-cloud-perf{background:#060d18;flex:1;padding:.65rem;display:flex;flex-direction:column;gap:.32rem;}
.lbhg-cp-hd{display:flex;align-items:center;gap:.38rem;margin-bottom:.05rem;}
.lbhg-cp-hd-dot{width:7px;height:7px;border-radius:50%;background:rgba(34,197,94,.6);flex-shrink:0;}
.lbhg-cp-hd-text{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.14);}
.lbhg-cp-metric{display:flex;align-items:center;gap:.38rem;}
.lbhg-cp-lbl{width:26px;height:6px;border-radius:3px;background:rgba(255,255,255,.2);flex-shrink:0;}
.lbhg-cp-bar-bg{flex:1;height:7px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden;}
.lbhg-cp-bar{height:100%;border-radius:3px;}
.lbhg-cp-bar.cpu{background:rgba(255,153,0,.55);width:65%;}
.lbhg-cp-bar.mem{background:rgba(37,99,235,.5);width:45%;}
.lbhg-cp-bar.req{background:rgba(34,197,94,.5);width:78%;}

/* --- Section 8 AWS case screen --- */
.aws-case-screen{padding:0;overflow:hidden;}
.aws-case-screen .case-screen-header{border-radius:0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.9rem;}
.aws-cs-body{padding:1rem;}
.aws-cs-health{display:flex;align-items:center;gap:.6rem;padding:.62rem .75rem;border-radius:12px;background:#fff;border:1px solid #D9E1F1;box-shadow:0 4px 14px rgba(25,35,56,.05);margin-bottom:.7rem;}
.aws-cs-health-dot{width:11px;height:11px;border-radius:50%;background:#22c55e;flex-shrink:0;}
.aws-cs-health-info{flex:1;}
.aws-cs-health-title{height:7px;border-radius:3px;background:#192338;width:50%;margin-bottom:.28rem;}
.aws-cs-health-sub{height:5px;border-radius:2px;background:#D9E1F1;width:70%;}
.aws-cs-health-badge{padding:.2rem .5rem;border-radius:6px;background:#F0FDF4;color:#166534;border:1px solid #BBF7D0;font-size:.7rem;font-weight:900;white-space:nowrap;}
.aws-cs-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.7rem;}
.aws-cs-metric{padding:.6rem .65rem;border-radius:10px;background:#fff;border:1px solid #D9E1F1;}
.aws-cs-metric-val{height:10px;border-radius:3px;background:#192338;width:65%;margin-bottom:.3rem;}
.aws-cs-metric-lbl{height:5px;border-radius:2px;background:#D9E1F1;width:85%;}
.aws-cs-chart-wrap{padding:.6rem .75rem;border-radius:10px;background:#fff;border:1px solid #D9E1F1;}
.aws-cs-chart-bars{display:flex;align-items:flex-end;gap:4px;height:40px;}

/* --- AWS page responsive --- */
@media(max-width:860px){
  .aws-hv-users{grid-template-columns:repeat(3,1fr);}
  .aws-hv-layers{grid-template-columns:repeat(2,1fr);}
  .aws-cs-metrics{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:600px){
  .aws-hv-users,.aws-hv-layers{grid-template-columns:repeat(2,1fr);}
  .aws-hv-status-badge{display:none;}
  .aws-cs-metrics{grid-template-columns:1fr;}
}

/* ============================================ */
/* DOCKER & DEVOPS PAGE                         */
/* ============================================ */

/* --- Hero: deployment pipeline visual --- */
.docker-hero-visual{display:flex;flex-direction:column;gap:.38rem;}
.docker-hv-stage{display:flex;align-items:center;gap:.62rem;padding:.58rem .8rem;border-radius:12px;font-size:.72rem;font-weight:800;line-height:1.2;}
.docker-hv-stage svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;flex-shrink:0;}
.docker-hv-stage img{width:16px;height:16px;flex-shrink:0;}
.docker-hv-stage.dev{border:1px solid rgba(250,204,21,.22);background:rgba(250,204,21,.06);color:rgba(253,224,71,.85);}
.docker-hv-stage.test{border:1px solid rgba(217,225,241,.15);background:rgba(255,255,255,.06);color:#d9e1f1;}
.docker-hv-stage.container{border:1px solid rgba(255,255,255,.25);background:#fff;color:#192338;}
.docker-hv-stage.deploy{border:1px solid rgba(37,99,235,.25);background:rgba(37,99,235,.1);color:#93c5fd;}
.docker-hv-stage.monitor{border:1px solid rgba(34,197,94,.25);background:rgba(34,197,94,.1);color:#86efac;}
.docker-hv-status{border:1px solid rgba(217,225,241,.1);border-radius:12px;background:rgba(9,18,32,.85);padding:.5rem .65rem;display:flex;align-items:center;gap:.5rem;margin-top:.1rem;}
.docker-hv-status-dot{width:7px;height:7px;border-radius:50%;background:rgba(34,197,94,.7);flex-shrink:0;}
.docker-hv-status-text{flex:1;height:5px;border-radius:2px;background:rgba(255,255,255,.12);}
.docker-hv-status-label{font-size:.63rem;font-weight:900;color:rgba(34,197,94,.85);flex-shrink:0;white-space:nowrap;}

/* --- Section 3 lbhg card visuals --- */

/* Deployment pipeline card */
.lbhg-pipeline{background:#080f1c;flex:1;padding:.65rem;display:flex;flex-direction:column;justify-content:center;gap:.2rem;}
.lbhg-pl-stage{display:flex;align-items:center;gap:.38rem;padding:.24rem .42rem;border-radius:7px;background:rgba(255,255,255,.05);}
.lbhg-pl-stage svg{width:10px;height:10px;fill:none;stroke:rgba(217,225,241,.3);stroke-width:2;flex-shrink:0;}
.lbhg-pl-stage i{flex:1;height:5px;border-radius:2px;background:rgba(255,255,255,.1);display:block;}
.lbhg-pl-stage.run{background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.2);}
.lbhg-pl-stage.run svg{stroke:rgba(37,99,235,.7);}
.lbhg-pl-stage.run i{background:rgba(37,99,235,.25);}
.lbhg-pl-stage.ok{background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.18);}
.lbhg-pl-stage.ok svg{stroke:rgba(34,197,94,.7);}
.lbhg-pl-stage.ok i{background:rgba(34,197,94,.2);}
.lbhg-pl-conn{width:1px;height:7px;background:rgba(255,255,255,.06);margin-left:10px;}

/* Containerized applications card */
.lbhg-containers{background:#06101e;flex:1;padding:.65rem;display:flex;flex-direction:column;justify-content:center;gap:.28rem;}
.lbhg-ct-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.28rem;}
.lbhg-ct-box{height:32px;border-radius:8px;border:1px solid;}
.lbhg-ct-box.b1{background:rgba(37,99,235,.12);border-color:rgba(37,99,235,.22);}
.lbhg-ct-box.b2{background:rgba(255,153,0,.1);border-color:rgba(255,153,0,.22);}
.lbhg-ct-box.b3{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.22);}
.lbhg-ct-label{display:flex;align-items:center;gap:.35rem;padding:.25rem .42rem;border-radius:7px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);}
.lbhg-ct-label i{flex:1;height:5px;border-radius:2px;background:rgba(255,255,255,.1);display:block;}
.lbhg-ct-badge{padding:.1rem .32rem;border-radius:4px;background:rgba(37,99,235,.2);color:#93c5fd;font-size:.58rem;font-weight:900;flex-shrink:0;}

/* Infrastructure automation card */
.lbhg-infra-auto{background:#080d1a;flex:1;padding:.65rem;display:flex;flex-direction:column;justify-content:center;gap:.24rem;}
.lbhg-ia-step{display:flex;align-items:center;gap:.38rem;padding:.26rem .42rem;border-radius:7px;background:rgba(255,255,255,.04);}
.lbhg-ia-step svg{width:11px;height:11px;fill:none;stroke:rgba(217,225,241,.3);stroke-width:2;flex-shrink:0;}
.lbhg-ia-step i{flex:1;height:5px;border-radius:2px;background:rgba(255,255,255,.1);display:block;}
.lbhg-ia-step.auto{background:rgba(255,153,0,.07);border:1px solid rgba(255,153,0,.18);}
.lbhg-ia-step.auto svg{stroke:rgba(255,153,0,.7);}
.lbhg-ia-step.auto i{background:rgba(255,153,0,.2);}
.lbhg-ia-step.ok{background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.18);}
.lbhg-ia-step.ok svg{stroke:rgba(34,197,94,.7);}
.lbhg-ia-step.ok i{background:rgba(34,197,94,.2);}
.lbhg-ia-gap{width:1px;height:8px;background:rgba(255,255,255,.06);margin-left:10px;}

/* --- Section 8 deployment pipeline case screen --- */
.docker-case-screen{padding:0;overflow:hidden;}
.docker-case-screen .case-screen-header{border-radius:0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.9rem;}
.docker-cs-body{padding:1rem;}
.docker-cs-deploys{display:flex;flex-direction:column;gap:.4rem;}
.docker-cs-deploy{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:12px;background:#fff;border:1px solid #D9E1F1;box-shadow:0 4px 14px rgba(25,35,56,.05);}
.docker-cs-deploy-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#EEF4FF;flex-shrink:0;}
.docker-cs-deploy-icon svg{width:13px;height:13px;stroke:#1E5CB8;fill:none;stroke-width:2;stroke-linecap:round;}
.docker-cs-deploy-info{flex:1;}
.docker-cs-deploy-title{height:7px;border-radius:3px;background:#192338;width:55%;margin-bottom:.3rem;}
.docker-cs-deploy-sub{height:5px;border-radius:2px;background:#D9E1F1;width:70%;}
.docker-cs-deploy-badge{padding:.18rem .45rem;border-radius:5px;font-size:.65rem;font-weight:900;white-space:nowrap;}
.docker-cs-deploy.success .docker-cs-deploy-badge{background:#F0FDF4;color:#166534;border:1px solid #BBF7D0;}
.docker-cs-deploy.running .docker-cs-deploy-badge{background:#EFF6FF;color:#1E5CB8;border:1px solid #BFDBFE;}
.docker-cs-deploy.queued .docker-cs-deploy-badge{background:#FFF7ED;color:#92400E;border:1px solid #FED7AA;}
.docker-cs-deploy.success .docker-cs-deploy-icon{background:#F0FDF4;}
.docker-cs-deploy.success .docker-cs-deploy-icon svg{stroke:#166534;}
.docker-cs-conn{width:1px;height:10px;background:#D9E1F1;margin-left:1.85rem;}

/* --- Docker page responsive --- */
@media(max-width:860px){
  .docker-hv-stage{padding:.48rem .7rem;}
  .lbhg-containers{gap:.22rem;}
}
@media(max-width:600px){
  .docker-hv-status-label{display:none;}
  .lbhg-ct-row{gap:.2rem;}
}