body.capabilities-page{
  margin:0;
  font-family:Inter,system-ui,sans-serif;
  color:#eaf1ff;
  background:
    radial-gradient(circle at 8% 8%, rgba(77,143,255,.18), transparent 24%),
    radial-gradient(circle at 92% 10%, rgba(124,115,255,.18), transparent 22%),
    radial-gradient(circle at 80% 36%, rgba(127,229,255,.08), transparent 26%),
    linear-gradient(180deg,#081327 0%,#0a1830 28%,#0b1530 55%,#081327 100%);
}
.cap-wrap{width:min(1280px,calc(100% - 32px));margin:0 auto}
.cap-hero{
  position:relative;
  overflow:hidden;
  padding:44px 0 26px;
}
.cap-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(115deg, rgba(77,143,255,.10), transparent 28%, transparent 70%, rgba(127,229,255,.08)),
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.06), transparent 22%);
  opacity:.85;
}
.cap-shell{
  position:relative;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(11,22,43,.82), rgba(8,18,39,.88));
  border-radius:34px;
  padding:32px;
  box-shadow:0 24px 80px rgba(2,8,22,.34), inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
}
.cap-shell::after{
  content:"";position:absolute;inset:auto -140px -160px auto;width:360px;height:360px;border-radius:50%;
  background:radial-gradient(circle, rgba(125,247,199,.14), transparent 62%);
  filter:blur(10px);
}
.cap-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, 1.06fr) minmax(460px, .94fr);
  gap:34px;
  align-items:stretch;
}
.cap-kicker{
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 18px;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  color:#cfe0ff;font:800 .88rem/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;
}
.cap-kicker::before{
  content:"";width:10px;height:10px;border-radius:50%;
  background:linear-gradient(135deg,#7fe5ff,#7df7c7);
  box-shadow:0 0 18px rgba(127,229,255,.55);
}
.cap-copy h1{
  margin:22px 0 18px;
  font:800 clamp(3.2rem,7vw,6.2rem)/.94 Inter,sans-serif;
  letter-spacing:-.06em;
  color:#fff;
  max-width:820px;
}
.cap-copy h1 .gradient{
  background:linear-gradient(90deg,#d7e7ff 0%, #8ad9ff 32%, #7df7c7 66%, #ffe277 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.cap-copy p.lead{
  margin:0;
  max-width:780px;
  font-size:1.18rem;
  line-height:1.78;
  color:rgba(226,235,251,.82);
}
.cap-actions{
  display:flex;gap:14px;flex-wrap:wrap;
  margin:26px 0 24px;
}
.cap-metrics{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px,1fr));
  gap:14px;
}
.cap-metric{
  padding:18px 18px 20px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.10);
  min-height:172px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.cap-metric strong{
  display:block;margin-bottom:10px;font:800 clamp(1.02rem,1.5vw,1.24rem)/1.02 Inter,sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.04em;
}
.cap-metric span{display:block;color:rgba(222,232,249,.80);font-size:1rem;line-height:1.62}

.cap-hero-media{
  display:grid;
  align-content:start;
  gap:18px;
}
.cap-preview{
  position:relative;
  min-height:660px;
  padding:22px;
  border-radius:32px;
  background:
    radial-gradient(circle at 18% 12%, rgba(77,143,255,.14), transparent 24%),
    radial-gradient(circle at 82% 10%, rgba(127,229,255,.12), transparent 20%),
    linear-gradient(180deg, rgba(5,15,33,.96), rgba(7,19,40,.94));
  border:1px solid rgba(255,255,255,.10);
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.cap-preview-rail{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  font:800 .86rem/1 Inter,sans-serif;
  text-transform:uppercase;letter-spacing:.14em;color:#b9cbeb;
}
.cap-preview-rail .line{
  flex:1;height:3px;border-radius:999px;
  background:linear-gradient(90deg, rgba(187,205,240,.42), rgba(127,229,255,.9), rgba(125,247,199,.74));
}
.cap-preview-tag{
  position:absolute;top:24px;right:24px;
  padding:12px 16px;border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:#dce8ff;font-weight:800;font-size:.93rem;
}
.cap-window{
  position:absolute;
  border-radius:34px;
  border:1px solid rgba(162,192,246,.30);
  background:linear-gradient(180deg, rgba(248,250,255,.96), rgba(236,242,252,.92));
  box-shadow:0 24px 50px rgba(0,0,0,.18);
  color:#11213f;
}
.cap-window::before{
  content:"";position:absolute;left:24px;top:18px;width:56px;height:16px;
  background:radial-gradient(circle, #cad6ea 0 8px, transparent 9px) left center/18px 16px repeat-x;
  opacity:.95;
}
.cap-window.static{
  left:34px;top:130px;width:76%;padding:60px 30px 28px;transform:rotate(-4.5deg);
}
.cap-window.interface{
  right:6px;bottom:32px;width:74%;padding:56px 28px 24px;transform:rotate(4deg);
  border-color:rgba(125,247,199,.42);
  box-shadow:0 34px 72px rgba(0,0,0,.28);
}
.cap-window-label{
  display:block;margin-bottom:18px;font:800 .9rem/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#16917f;
}
.cap-window h3{
  margin:0 0 18px;
  font:800 clamp(1.75rem,2.4vw,2.7rem)/1 Inter,sans-serif;
  letter-spacing:-.04em;
  color:#0d1831;
}
.cap-window p{
  margin:0 0 18px;font-size:1.03rem;line-height:1.72;color:#445777;
}
.cap-pill-row{display:flex;gap:12px;flex-wrap:wrap}
.cap-pill{
  padding:12px 16px;border-radius:18px;background:#eef4ff;border:1px solid rgba(139,164,214,.30);
  font-weight:700;color:#44608f
}
.cap-interface-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
}
.cap-interface-box{
  padding:18px;border-radius:22px;background:rgba(8,30,58,.05);border:1px solid rgba(125,247,199,.28);
}
.cap-interface-box strong{
  display:block;margin-bottom:10px;font:800 1.12rem/1.15 Inter,sans-serif;color:#0e1b33;
}
.cap-interface-box span{display:block;color:#42546f;line-height:1.6;font-size:1rem}
.cap-note-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px
}
.cap-note{
  padding:17px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04)
}
.cap-note strong{
  display:block;margin-bottom:8px;font:800 .96rem/1 Inter,sans-serif;color:#fff
}
.cap-note span{display:block;color:rgba(225,234,248,.74);line-height:1.62;font-size:.96rem}

.cap-intro{
  padding:30px 0 4px;
}
.cap-intro-head{
  max-width:900px;
}
.cap-intro-head h2,.cap-family-head h2,.cap-cta-copy h2,.cap-proof h2{
  margin:12px 0 14px;font:800 clamp(2rem,3.4vw,3.55rem)/.98 Inter,sans-serif;letter-spacing:-.05em;color:#fff
}
.cap-intro-head p,.cap-family-head p,.cap-cta-copy p,.cap-proof p{
  margin:0;color:rgba(222,233,249,.78);font-size:1.08rem;line-height:1.8;
}
.cap-filter-shell{
  margin-top:28px;
  padding:22px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
}
.cap-filter-top{
  display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap;
}
.cap-filter-top h3{
  margin:0 0 8px;font:800 1.2rem/1.05 Inter,sans-serif;color:#fff
}
.cap-filter-top p{
  margin:0;color:rgba(221,232,249,.72);line-height:1.65;max-width:780px
}
.cap-filter-group{
  display:flex;gap:10px;flex-wrap:wrap;margin-top:18px
}
.filter-btn{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:#ebf3ff;
  padding:12px 16px;
  border-radius:999px;
  font:800 .92rem/1 Inter,sans-serif;
  cursor:pointer;
  transition:.2s ease;
  white-space:nowrap;
}
.filter-btn:hover,.filter-btn.active{
  background:linear-gradient(135deg, rgba(77,143,255,.26), rgba(127,229,255,.18));
  border-color:rgba(127,229,255,.30);
  transform:translateY(-1px);
}
.cap-family{
  padding:34px 0 10px;
}
.cap-family + .cap-family{
  padding-top:30px;
}
.cap-family-shell{
  border:1px solid rgba(255,255,255,.08);
  border-radius:32px;
  padding:28px;
  background:linear-gradient(180deg, rgba(7,18,37,.70), rgba(8,19,39,.52));
  box-shadow:0 18px 48px rgba(2,9,24,.18);
}
.cap-family-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:end;
  margin-bottom:22px;
}
.cap-family-kicker{
  display:inline-flex;align-items:center;gap:10px;
  color:#cfe0ff;font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;
}
.cap-family-kicker::before{
  content:"";width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#4d8fff,#7fe5ff);
  box-shadow:0 0 18px rgba(127,229,255,.45);
}
.cap-family-prompt{
  padding:14px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);
  color:#dce8ff;font-size:.95rem;line-height:1.45;max-width:370px;
}
.cap-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.cap-card{
  position:relative;
  padding:24px;
  border-radius:26px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 14px 30px rgba(0,0,0,.10);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,opacity .2s ease;
}
.cap-card:hover{
  transform:translateY(-4px);
  border-color:rgba(127,229,255,.28);
  box-shadow:0 22px 40px rgba(0,0,0,.18);
}
.hidden-card{display:none!important}
.cap-card-top{
  display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;
}
.cap-card-top h3{
  margin:0;
  font:800 1.48rem/1.02 Inter,sans-serif;
  letter-spacing:-.04em;
  color:#fff;
}
.cap-index{
  min-width:46px;height:46px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg, rgba(77,143,255,.20), rgba(127,229,255,.18), rgba(125,247,199,.18));
  border:1px solid rgba(255,255,255,.12);
  color:#fff;font-weight:800
}
.cap-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.cap-badge{
  padding:8px 11px;border-radius:999px;font-size:.79rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);color:#cfe0ff
}
.cap-card p{
  margin:0 0 14px;
  color:rgba(226,235,249,.76);
  line-height:1.7;
  font-size:1rem;
}
.cap-mini{
  display:grid;
  gap:10px;
  margin:18px 0 0;
}
.cap-mini-item{
  padding:14px 14px 15px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}
.cap-mini-item strong{
  display:block;margin-bottom:6px;color:#fff;font:800 .84rem/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.09em
}
.cap-mini-item span{display:block;color:rgba(219,230,247,.74);line-height:1.55;font-size:.95rem}
.cap-card-cta{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09)
}
.cap-card-cta span{color:#d6e5ff;font-weight:800}
.cap-card-cta a{
  display:inline-flex;align-items:center;gap:8px;color:#8fe8ff;font-weight:800
}
.cap-card-cta a:hover{color:#b8ffef}
.cap-proof{
  padding:30px 0 14px;
}
.cap-proof-shell{
  border-radius:30px;padding:30px;border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}
.cap-proof-grid{
  display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:start
}
.cap-proof-grid ul{
  margin:0;padding-left:20px;color:rgba(223,233,249,.76);line-height:1.8
}
.cap-proof-grid li+li{margin-top:7px}
.cap-cta{
  padding:18px 0 44px;
}
.cap-cta-shell{
  position:relative;overflow:hidden;
  border-radius:34px;padding:34px;border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 12% 22%, rgba(77,143,255,.22), transparent 24%),
    radial-gradient(circle at 86% 18%, rgba(125,247,199,.14), transparent 20%),
    linear-gradient(135deg, rgba(8,22,46,.98), rgba(11,28,55,.95));
}
.cap-cta-grid{
  position:relative;
  display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:28px;align-items:center
}
.cap-cta-copy .cap-kicker{margin-bottom:4px}
.cap-cta-points{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px
}
.cap-cta-point{
  padding:16px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)
}
.cap-cta-point strong{display:block;margin-bottom:7px;color:#fff}
.cap-cta-point span{display:block;color:rgba(226,235,249,.74);line-height:1.55}
.cap-form-card{
  padding:24px;border-radius:28px;border:1px solid rgba(255,255,255,.11);
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
}
.cap-form-card h3{
  margin:0 0 10px;font:800 1.45rem/1 Inter,sans-serif;color:#fff
}
.cap-form-card p{
  margin:0;color:rgba(226,235,249,.76);line-height:1.68
}
.cap-mail-list{display:grid;gap:10px;margin:18px 0 0}
.cap-mail-item{
  padding:14px 15px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10)
}
.cap-mail-item strong{display:block;color:#fff;margin-bottom:6px}
.cap-mail-item span{display:block;color:rgba(225,235,249,.74);line-height:1.5;font-size:.95rem}
.cap-form-card .global-btn{width:100%;margin-top:18px}
.cap-footer-link{
  margin-top:12px;text-align:center;color:#dce9ff;font-weight:700;font-size:.95rem
}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
.reveal.in-view{opacity:1;transform:translateY(0)}

@media (max-width:1180px){
  .cap-grid{grid-template-columns:1fr}
  .cap-preview{min-height:620px}
  .cap-proof-grid,.cap-cta-grid{grid-template-columns:1fr}
}
@media (max-width:900px){
  .cap-metrics,.cap-cta-points,.cap-card-grid{grid-template-columns:1fr}
  .cap-family-head{grid-template-columns:1fr}
  .cap-preview{min-height:560px}
  .cap-window.static{width:84%;left:18px}
  .cap-window.interface{width:82%;right:4px}
}
@media (max-width:760px){
  .cap-wrap{width:min(1280px,calc(100% - 22px))}
  .cap-hero{padding-top:22px}
  .cap-shell,.cap-family-shell,.cap-proof-shell,.cap-cta-shell{padding:22px}
  .cap-copy h1{font-size:clamp(2.65rem,16vw,4rem)}
  .cap-copy p.lead{font-size:1.03rem}
  .cap-preview{min-height:470px;padding:16px;border-radius:26px}
  .cap-preview-tag{position:static;display:inline-flex;margin-top:12px}
  .cap-window{border-radius:24px}
  .cap-window.static{top:116px;padding:48px 18px 18px}
  .cap-window.interface{padding:46px 18px 18px}
  .cap-window h3{font-size:1.38rem}
  .cap-interface-grid,.cap-note-grid{grid-template-columns:1fr}
  .cap-filter-shell{padding:18px}
  .cap-card{padding:20px}
}


/* Mobile optimization pass */
@media (max-width:760px){
  .cap-card-top{flex-direction:column}
  .cap-index{min-width:42px;height:42px;border-radius:14px}
  .cap-card-cta{flex-direction:column;align-items:flex-start}
  .cap-window.static,.cap-window.interface{width:100%;left:auto;right:auto;transform:none!important}
}

.hidden-family{display:none!important}

@media (max-width:760px){
  .cap-filter-group{flex-wrap:nowrap;overflow:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .cap-filter-group::-webkit-scrollbar{height:6px}
  .cap-filter-group::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:999px}
  .cap-metric{min-height:auto}
}