:root{--b:#07111f;--w:#f7fafb;--t:#99d9d9;--m:#aab8c4;--l:rgba(255,255,255,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--b);color:var(--w);font-family:Lato,Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}.w{max-width:1240px;margin:auto;padding:0 28px}.eye,.capability-content-creative .num{color:var(--t)}section{padding:120px 0;border-bottom:1px solid var(--l)}.hero{min-height:100vh;display:flex;align-items:end;padding-bottom:75px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:600px;height:600px;border:1px solid #99d9d928;transform:rotate(18deg);right:-100px;top:100px;box-shadow:0 0 0 90px #99d9d90a,0 0 0 180px #99d9d905}.hero .w{z-index:2}.eye{text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:800}h1{font-size:clamp(56px,8vw,116px);line-height:.9;letter-spacing:-.06em;margin:22px 0 32px}h2{font-size:clamp(42px,5vw,74px);line-height:.97;letter-spacing:-.05em}.lede{font-size:clamp(20px,2vw,27px);line-height:1.45;color:#c4cfd7;max-width:850px}.flow{display:grid;grid-template-columns:repeat(5,1fr);margin-top:60px;border-block:1px solid var(--l)}.flow div{padding:28px 18px}.flow div+div{border-left:1px solid var(--l)}.flow b{color:var(--t);font-size:11px}.flow h3{font-size:23px;margin-top:35px}.flow p,.card p,.proof p{color:var(--m);line-height:1.55}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px}.card,.proof{border:1px solid var(--l);border-radius:20px;padding:28px}.card{min-height:245px}.card h3{font-size:27px}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}.tags span{border:1px solid var(--l);border-radius:999px;padding:11px 15px}.proofgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:50px}.proof.big{grid-row:span 2;min-height:650px;background:radial-gradient(circle at 75% 20%,#99d9d91a,transparent 30%)}.proof{min-height:315px}.client{font-size:11px;color:var(--t);letter-spacing:.14em;text-transform:uppercase}.proof h3{font-size:clamp(28px,3vw,44px);margin-top:70px}.metric{font-size:90px;color:var(--t);font-weight:900;letter-spacing:-.06em;margin-top:55px}.architecture{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:50px}.loop{border:1px solid var(--l);border-radius:22px;padding:30px}.row{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--l);color:var(--m)}.row b{color:var(--w)}.light{background:#f4f7f6;color:#07111f}.light .lede,.capability-content-creative .light .card p{color:#53616b}.light .card{border-color:#ccd5d8}.light .eye{color:#00628b}.cta{background:var(--t);color:var(--b);text-align:center;min-height:70vh;display:flex;align-items:center}.cta .eye{color:var(--b)}.cta .lede{color:#28434c;margin:auto}.btn{display:inline-block;border:1px solid var(--b);border-radius:999px;padding:14px 20px;margin-top:28px;font-weight:900}@media(max-width:800px){.flow,.grid,.proofgrid,.architecture{grid-template-columns:1fr}.flow div+div{border-left:0;border-top:1px solid var(--l)}.proof.big{grid-row:auto;min-height:430px}}
.capability-content-creative .storyrail{position:fixed;z-index:4;left:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:13px;padding:14px 10px;border:1px solid var(--l);border-radius:18px;background:#07111fbb;backdrop-filter:blur(12px)}
.capability-content-creative .storyrail a{display:flex;align-items:center;gap:9px;font-size:10px;color:#82949f}.storyrail i{display:block;width:6px;height:6px;border-radius:50%;border:1px solid var(--t)}.storyrail a:first-child i{background:var(--t);box-shadow:0 0 15px var(--t)}.storyrail span{width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:.25s}.storyrail:hover span{width:115px;opacity:1}
.systemviz{height:390px;position:relative;margin-top:60px}.systemviz:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--t),var(--t),transparent);opacity:.35}.node{position:absolute;top:50%;transform:translate(-50%,-50%);width:126px;height:126px;border:1px solid #99d9d955;border-radius:50%;display:grid;place-items:center;text-align:center;background:#07111f;box-shadow:0 0 40px #99d9d90b}.node b{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.n1{left:10%}.n2{left:30%}.n3{left:50%;width:155px;height:155px}.n4{left:70%}.n5{left:90%}.bigstatement{font-size:clamp(48px,7vw,105px);line-height:.91;letter-spacing:-.06em;max-width:1050px}.bigstatement em{font-style:normal;color:var(--t)}
.handoff{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:center;margin-top:70px}.handoff .hbox{border:1px solid var(--l);border-radius:28px;padding:35px;min-height:220px}.arrow{text-align:center;color:var(--t);font-size:30px}.under{color:var(--m);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-top:12px}
.capability-content-creative .mobile-progress{display:none}
@media(max-width:1100px){.storyrail{display:none}}
@media(max-width:800px){.mobile-progress{display:flex;position:sticky;z-index:4;top:96px;margin:0 18px;padding:11px 15px;border:1px solid var(--l);border-radius:14px;background:#07111fee;justify-content:space-between;font-size:11px}.systemviz{height:auto;display:grid;gap:12px;margin-top:35px}.systemviz:before{display:none}.node{position:relative;left:auto!important;top:auto;transform:none;width:100%!important;height:80px!important;border-radius:18px}.handoff{grid-template-columns:1fr;gap:10px}.arrow{transform:rotate(90deg)}}

/* =========================================================
   CAPABILITY SYSTEM — shared production alignment + motion
   ========================================================= */
:root{
  --ds-content-max: 1180px;
  --ds-gutter: clamp(24px, 4vw, 56px);
}

/* The canonical header and primary capability content share one grid */
.capability-content-creative .w{
  width:min(calc(100% - (var(--ds-gutter) * 2)), var(--ds-content-max)) !important;
  max-width:var(--ds-content-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Atmospheric elements may intentionally escape the content grid */
.capability-atmosphere{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  overflow:hidden;
}
.capability-atmosphere:before{
  content:"";
  position:absolute;
  width:720px;
  height:720px;
  left:calc(var(--mx, .5) * 100% - 360px);
  top:calc(var(--my, .25) * 100% - 360px);
  border-radius:50%;
  background:radial-gradient(circle, rgba(153,217,217,.095) 0%, rgba(153,217,217,.038) 28%, transparent 68%);
  transition:left .18s ease-out, top .18s ease-out;
  will-change:left,top;
}
.capability-atmosphere:after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  background-image:
    radial-gradient(circle at 18% 28%, rgba(153,217,217,.24) 0 1px, transparent 1.6px),
    radial-gradient(circle at 73% 66%, rgba(153,217,217,.16) 0 1px, transparent 1.6px),
    radial-gradient(circle at 42% 82%, rgba(153,217,217,.13) 0 1px, transparent 1.6px);
  background-size:190px 190px, 250px 250px, 310px 310px;
  animation:ambientDrift 24s ease-in-out infinite alternate;
}
@keyframes ambientDrift{
  from{transform:translate3d(-7px,-4px,0)}
  to{transform:translate3d(10px,8px,0)}
}

/* Content stays above the shared atmospheric layer */
.capability-content-creative > section, .capability-content-creative .storyrail, .capability-content-creative .mobile-progress{position:relative;z-index:1}
.capability-content-creative .storyrail{position:fixed;z-index:20;pointer-events:auto}

/* Shared capability motion vocabulary */
.reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .8s cubic-bezier(.2,.75,.25,1), transform .8s cubic-bezier(.2,.75,.25,1);
}
.reveal.is-visible{opacity:1;transform:none}

.node{
  transition:transform .45s ease, border-color .45s ease, box-shadow .45s ease;
}
.node:hover{
  transform:translate(-50%,-50%) scale(1.035);
  border-color:rgba(153,217,217,.72);
  box-shadow:0 0 46px rgba(153,217,217,.075);
}
}
50%{transform:scale(1.045);opacity:.7}
}

.handoff .hbox{
  transition:transform .35s ease,border-color .35s ease,background .35s ease;
}
.handoff .hbox:hover{
  transform:translateY(-4px);
  border-color:rgba(153,217,217,.42);
  background:rgba(153,217,217,.025);
}
.handoff .arrow{
  animation:arrowBreathe 2.8s ease-in-out infinite;
}
@keyframes arrowBreathe{0%,100%{opacity:.35}50%{opacity:1}}

.capability-content-creative .storyrail{
  transition:opacity .3s ease, transform .3s ease;
}

html{scroll-behavior:smooth}
.capability-content-creative section[id]{scroll-margin-top:120px}
.capability-content-creative .storyrail a{cursor:pointer;pointer-events:auto}

/* Respect accessibility and the site's restrained motion philosophy */
@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:800px){
  :root{--ds-gutter:20px}
  .node:hover{transform:none}
  .capability-atmosphere:before{width:460px;height:460px}
}

.signal-system{height:390px;position:relative;margin-top:55px}
.signal-system:before{display:none}
.signal-trace{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.signal-trace path{fill:none;vector-effect:non-scaling-stroke}
.base-paths path{stroke:rgba(153,217,217,.20);stroke-width:1}
.active-paths path{
  stroke:#99d9d9;
  stroke-width:2.2;
  stroke-linecap:round;
  filter:drop-shadow(0 0 5px rgba(153,217,217,.55));
  pathLength:1;
  stroke-dasharray:1;
  stroke-dashoffset:1;
  animation:signalDraw 4.8s linear infinite;
  animation-delay:calc(var(--i) * .27s);
}
@keyframes signalDraw{
  0%{stroke-dashoffset:1;opacity:0}
  2%{opacity:1}
  14%{stroke-dashoffset:0;opacity:1}
  58%{stroke-dashoffset:0;opacity:1}
  72%,100%{stroke-dashoffset:0;opacity:0}
}
.signal-label{
  position:absolute;top:50%;transform:translate(-50%,-50%);
  display:grid;place-items:center;text-align:center;pointer-events:none;
  font-size:12px;letter-spacing:.08em;text-transform:uppercase
}
.l1{left:11%}.l2{left:31%}.l3{left:51.5%}.l4{left:72%}.l5{left:91%}
@media(max-width:800px){
  .signal-system{height:auto;display:grid;gap:12px}
  .signal-trace{display:none}
  .signal-label{position:relative;left:auto!important;top:auto;transform:none;height:76px;border:1px solid rgba(153,217,217,.28);border-radius:18px}
}

/* v2.4: true sequential perimeter trace */
.signal-system{height:330px;position:relative;margin-top:55px}
.signal-system:before{display:none!important}
.signal-trace,.signal-label{display:none!important}
.connector-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0}
.connector-svg line{vector-effect:non-scaling-stroke}
.base-connector{stroke:rgba(153,217,217,.24);stroke-width:1}
.trace-connector{
 stroke:#99d9d9;stroke-width:1.25;stroke-linecap:round;
 filter:drop-shadow(0 0 4px rgba(153,217,217,.34));opacity:.78
}


.trace-node{position:absolute;top:50%;width:126px;height:126px;transform:translate(-50%,-50%);z-index:1;display:grid;place-items:center}
.trace-node svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.trace-node b{position:relative;z-index:2;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.base-circle{fill:#07111f;stroke:rgba(153,217,217,.30);stroke-width:.8}
.trace-half{
 fill:none;stroke:#99d9d9;stroke-width:1.25;stroke-linecap:round;
 filter:drop-shadow(0 0 4px rgba(153,217,217,.34));opacity:.78
}


.tn1{left:10%}.tn2{left:30%}.tn3{left:50%}.tn4{left:70%}.tn5{left:90%}

@media(max-width:800px){
 .signal-system{height:auto;display:grid;gap:12px}
 .connector-svg{display:none}
 .trace-node{position:relative;left:auto!important;top:auto;transform:none;width:100%!important;height:76px!important;border:1px solid rgba(153,217,217,.28);border-radius:18px}
 .trace-node svg{display:none}
}

78%{filter:drop-shadow(0 0 10px rgba(153,217,217,.18))}}


.laser-point,.connector-laser-point{
 fill:#f3ffff;
 filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px #99d9d9) drop-shadow(0 0 10px rgba(153,217,217,.85));
 opacity:0;
 pointer-events:none;
}

/* v3.1: one SVG, one clock, true continuous trace */
.unified-signal{height:270px!important;position:relative!important;margin-top:55px}
.unified-trace-svg{position:absolute;inset:0;width:100%;height:220px;overflow:visible}
.u-base circle,.u-base line{fill:none;stroke:rgba(153,217,217,.17);stroke-width:1.2}
.u-trails path{fill:none;stroke:#99d9d9;stroke-width:1.6;stroke-linecap:round;opacity:.76;filter:drop-shadow(0 0 4px rgba(153,217,217,.3))}
.u-dot{fill:#f5ffff;opacity:0}
.u-label{position:absolute;top:105px;transform:translate(-50%,-50%);width:13.2%;text-align:center;color:#fff;font-size:13px;pointer-events:none}
@media(max-width:800px){.unified-signal{height:auto!important;display:grid!important;grid-template-columns:1fr;gap:10px}.unified-trace-svg{display:none}.u-label{position:relative!important;left:auto!important;top:auto!important;transform:none;width:100%;padding:15px 18px;text-align:left;border:1px solid rgba(153,217,217,.16);border-radius:18px}}

.u-svg-labels text{
  fill:#fff;
  font-family:Lato,Arial,sans-serif;
  font-size:13px;
  font-weight:700;
  text-anchor:middle;
  dominant-baseline:middle;
  pointer-events:none;
}

/* v3.5 alignment correction: graphic uses the same left edge as section copy */
.unified-signal{
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.unified-trace-svg{
  left:0 !important;
  width:100% !important;
}

/* v3.8 final proof layout */
@media (min-width:801px){
  .proofgrid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    grid-template-rows:1fr !important;
    align-items:stretch;
  }
  .proofgrid .proof,
  .proofgrid .proof.big{
    grid-column:auto !important;
    grid-row:auto !important;
    min-height:440px;
    height:100%;
  }
  .proofgrid .proof h3{
    font-size:clamp(30px,2.45vw,42px);
  }
  .proofgrid .proof.big .metric{
    margin-top:auto;
  }
}

/* v3.9 final Growth in Practice refinement */
@media (min-width:801px){
  .proofgrid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    align-items:stretch !important;
  }
  .proofgrid .proof,
  .proofgrid .proof.big{
    min-height:0 !important;
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
  }
  .proofgrid .proof h3,
  .proofgrid .proof.big h3{
    font-size:clamp(27px,2.05vw,35px) !important;
    line-height:1.16 !important;
  }
  .proofgrid .proof p:first-of-type{
    margin-top:34px;
  }
}

/* v3.10 align proof-card body copy */
@media (min-width:801px){
  .proofgrid .proof h3,
  .proofgrid .proof.big h3{
    min-height:148px !important;
    margin-bottom:0 !important;
  }
  .proofgrid .proof p:first-of-type,
  .proofgrid .proof.big p:first-of-type{
    margin-top:34px !important;
  }
}

/* v3.11 optical alignment: lower middle card body copy to match outer cards */
@media (min-width:801px){
  .proofgrid .proof:nth-child(2) p:first-of-type{
    transform:translateY(14px);
  }
}


.signal-strip{margin-top:62px;display:flex;align-items:center;gap:14px;position:relative;color:#b9c8d3;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.signal-strip i{height:1px;flex:1;background:rgba(153,217,217,.25)}.signal-strip b{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 10px #99d9d9;left:0;animation:travel 4s ease-in-out infinite}@keyframes travel{0%{left:0}85%,100%{left:100%}}
.orbit{height:470px;position:relative;margin-top:25px}.orbit-core,.orbit span{position:absolute;border:1px solid rgba(153,217,217,.42);border-radius:50%;display:flex;align-items:center;justify-content:center}.orbit-core{width:170px;height:170px;left:50%;top:50%;transform:translate(-50%,-50%);font-size:22px;font-weight:800;color:#99d9d9}.orbit span{width:110px;height:110px;font-size:12px;font-weight:700;background:#071522}.o1{left:8%;top:8%}.o2{left:30%;top:2%}.o3{right:29%;top:2%}.o4{right:7%;top:10%}.o5{left:22%;bottom:3%}.o6{right:20%;bottom:3%}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:55px}.role-grid article{border:1px solid rgba(153,217,217,.2);border-radius:24px;padding:32px;min-height:390px;display:flex;flex-direction:column}.role-grid article>span{color:#99d9d9}.role-grid h3{font-size:clamp(30px,3vw,44px);margin:55px 0 20px}.role-grid p{color:#b9c8d3}.role-grid footer{margin-top:auto;color:#78909d;font-size:12px}
.economics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(153,217,217,.2);margin-top:55px}.economics div{background:#071522;padding:30px}.economics span{color:#99d9d9;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.economics strong{display:block;font-size:20px;margin-top:16px}.cpl-demo{display:grid;grid-template-columns:1fr auto 1fr;gap:35px;align-items:center;margin-top:55px}.cpl-side{border-top:1px solid rgba(153,217,217,.25);padding-top:22px}.cpl-side span,.cpl-side small{display:block;color:#b9c8d3}.cpl-side strong{display:block;font-size:72px;margin:12px 0}.cpl-side.accent strong{color:#99d9d9}.cpl-arrow{font-size:36px;color:#99d9d9}.micro{font-size:12px;color:#78909d;margin-top:25px}
.paid-proofs{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:50px}.paid-proofs article{border:1px solid rgba(153,217,217,.22);border-radius:24px;padding:34px;min-height:500px;display:flex;flex-direction:column}.client{color:#99d9d9;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.proof-metric{font-size:clamp(56px,6vw,86px);color:#99d9d9;margin:58px 0 30px}.paid-proofs h3{font-size:clamp(28px,2.4vw,38px);line-height:1.15}.paid-proofs p{color:#b9c8d3;margin-top:auto;line-height:1.6}
.feedback-loop,.measure-flow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:60px 0}.feedback-loop span,.measure-flow span{font-weight:800}.feedback-loop b,.measure-flow i{color:#99d9d9;font-style:normal;font-weight:400}.cap-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:40px}.cap-row span{border:1px solid rgba(153,217,217,.22);border-radius:99px;padding:8px 12px;font-size:11px;color:#b9c8d3}
.paid-cta{padding:130px 0 145px;border-top:1px solid rgba(153,217,217,.12)}.paid-cta h2{font-size:clamp(52px,7vw,100px);line-height:.95;margin:22px 0 30px}.paid-button{display:inline-flex;gap:22px;border:1px solid rgba(153,217,217,.35);border-radius:99px;padding:15px 22px;color:#fff;text-decoration:none;font-weight:700;margin-top:22px}.paid-button span{color:#99d9d9}
@media(max-width:800px){.signal-strip{display:none}.orbit{height:420px}.role-grid,.paid-proofs,.economics{grid-template-columns:1fr}.cpl-demo{grid-template-columns:1fr}.feedback-loop,.measure-flow{flex-direction:column;align-items:flex-start}}


.signal-strip{opacity:.55}.signal-strip b{display:none!important}.signal-strip i{background:rgba(153,217,217,.14)!important}
.media-map{height:475px!important}.media-map svg{width:100%;height:470px}.media-base-lines path{fill:none;stroke:rgba(153,217,217,.1);stroke-width:1}.media-nodes circle{fill:#071522;stroke:rgba(153,217,217,.4);stroke-width:1.2}.media-nodes text{fill:#fff;text-anchor:middle;dominant-baseline:middle;font-size:12px;font-weight:700}.media-nodes .aud circle{stroke:#99d9d9;stroke-width:1.6}.media-nodes .aud text{fill:#99d9d9;font-size:17px}.media-traces path{fill:none;stroke-width:2.2;stroke-linecap:round}.media-traces .teal{stroke:#99d9d9}.media-traces .red{stroke:#c00000}.media-traces .white{stroke:#fff}
#roles .role-grid p{color:#304552!important}#roles .role-grid footer{color:#536b78!important}#roles .role-grid h3{color:#001628!important}#roles .role-grid article>span{color:#00628b!important}
.efficiency-lead{margin:48px 0 28px;padding-bottom:36px;border-bottom:1px solid rgba(153,217,217,.2)}.efficiency-lead strong{display:block;font-size:clamp(64px,9vw,132px);line-height:.88;letter-spacing:-.06em;color:#99d9d9}.efficiency-lead p{font-size:clamp(22px,2.4vw,34px);line-height:1.2;font-weight:750;max-width:850px;margin:24px 0 0;color:#fff}


/* v1.2 animation refinements */
.signal-strip span{animation:signalText 7.2s ease-in-out infinite;color:#8ea3af}
.signal-strip i{position:relative;overflow:hidden;background:rgba(153,217,217,.13)!important}
.signal-strip i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(153,217,217,.9),transparent);transform:translateX(-110%);animation:signalSweep 7.2s ease-in-out infinite}
.signal-strip span:nth-of-type(1){animation-delay:0s}.signal-strip i:nth-of-type(1):after{animation-delay:.45s}
.signal-strip span:nth-of-type(2){animation-delay:.9s}.signal-strip i:nth-of-type(2):after{animation-delay:1.35s}
.signal-strip span:nth-of-type(3){animation-delay:1.8s}.signal-strip i:nth-of-type(3):after{animation-delay:2.25s}
.signal-strip span:nth-of-type(4){animation-delay:2.7s}.signal-strip i:nth-of-type(4):after{animation-delay:3.15s}
.signal-strip span:nth-of-type(5){animation-delay:3.6s}.signal-strip i:nth-of-type(5):after{animation-delay:4.05s}
.signal-strip span:nth-of-type(6){animation-delay:4.5s}
@keyframes signalSweep{0%,8%{transform:translateX(-110%);opacity:0}12%{opacity:1}25%{transform:translateX(110%);opacity:1}30%,100%{transform:translateX(110%);opacity:0}}
@keyframes signalText{0%,7%,30%,100%{color:#8ea3af;text-shadow:none}12%,23%{color:#fff;text-shadow:0 0 13px rgba(153,217,217,.45)}}

/* parallel routes when multiple strategies select the same tactic */
.media-traces .trace{vector-effect:non-scaling-stroke}
@media(prefers-reduced-motion:reduce){.signal-strip span,.signal-strip i:after{animation:none!important}}


.cc-focus,.cc-flow,.cc-story,.cc-system{display:flex;align-items:center;gap:18px;margin-top:60px}.cc-focus{height:170px;justify-content:space-between;border-block:1px solid rgba(153,217,217,.14)}.cc-focus i,.cc-story i,.cc-system i{height:1px;flex:1;background:rgba(153,217,217,.22);position:relative;overflow:hidden}.cc-focus i:after,.cc-story i:after{content:"";position:absolute;inset:0;background:#99d9d9;transform:translateX(-100%);animation:ccpath 5s ease-in-out infinite}.cc-focus strong{color:#99d9d9;font-size:24px}.cc-focus span{color:#78909d}.cc-flow{justify-content:space-between}.cc-flow span{font-weight:800}.cc-flow small{display:block;color:#78909d;font-weight:400;margin-top:8px}.cc-flow b{color:#99d9d9}.cc-three,.cc-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:55px}.cc-three article,.cc-proof article{border:1px solid rgba(153,217,217,.2);border-radius:24px;padding:30px;min-height:330px}.light .cc-three h3{color:#001628;font-size:36px;margin-top:55px}.light .cc-three p{color:#304552}.cc-three b{color:#00628b}.cc-pills{margin-top:30px;color:#536b78;line-height:2}.cc-story span,.cc-system span{font-size:clamp(24px,3vw,42px);font-weight:800}.cc-proof article{min-height:500px;display:flex;flex-direction:column}.cc-proof small{color:#99d9d9;text-transform:uppercase;letter-spacing:.1em}.cc-proof strong{color:#99d9d9;font-size:clamp(30px,3vw,48px);margin:55px 0 30px}.cc-proof h3{font-size:28px}.cc-proof p{margin-top:auto;color:#9aadb7;line-height:1.6}.light .cc-system span{color:#001628}.light .cc-system i{background:#00628b}.content-cta{padding:130px 0 145px}.content-cta h2{font-size:clamp(52px,7vw,100px);line-height:.95}@keyframes ccpath{0%,15%{transform:translateX(-100%)}55%,75%{transform:translateX(0)}100%{transform:translateX(100%)}}@media(max-width:800px){.cc-three,.cc-proof{grid-template-columns:1fr}.cc-flow,.cc-story,.cc-system{flex-direction:column;align-items:flex-start}.cc-flow b{transform:rotate(90deg)}} 


/* Content + Creative v2 */
.creative-stage{height:430px;margin-top:42px;position:relative;border-block:1px solid rgba(153,217,217,.13);overflow:hidden}
.brief-fragments span{position:absolute;left:var(--x);top:var(--y);transform:rotate(var(--r));padding:8px 11px;border:1px solid rgba(153,217,217,.16);border-radius:5px;color:#6f8793;font-size:11px;letter-spacing:.05em;animation:fragment 8s ease-in-out infinite}
.idea-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,52%);padding:28px 32px;border-left:2px solid #99d9d9;background:linear-gradient(90deg,rgba(153,217,217,.08),transparent);z-index:2}
.idea-frame small{display:block;color:#99d9d9;letter-spacing:.18em;font-size:9px;margin-bottom:13px}.idea-frame strong{font-size:clamp(25px,3vw,42px);line-height:1.03}
.expression-tabs{position:absolute;right:2%;bottom:22px;display:flex;gap:7px}.expression-tabs span{font-size:9px;letter-spacing:.13em;color:#99d9d9;border:1px solid rgba(153,217,217,.22);border-radius:99px;padding:6px 9px;opacity:.3;animation:expr 8s ease-in-out infinite}.expression-tabs span:nth-child(2){animation-delay:1s}.expression-tabs span:nth-child(3){animation-delay:2s}.expression-tabs span:nth-child(4){animation-delay:3s}
@keyframes fragment{0%,100%{opacity:.32;filter:blur(.4px)}40%,65%{opacity:.72;filter:blur(0)}}@keyframes expr{0%,12%,100%{opacity:.3}25%,65%{opacity:1}}
.cc-proof{align-items:stretch}.cc-proof article{display:grid!important;grid-template-rows:28px 105px 118px 1fr!important;min-height:500px!important}.cc-proof article small{align-self:start}.cc-proof article strong{margin:0!important;align-self:center}.cc-proof article h3{margin:0!important;align-self:start}.cc-proof article p{margin:0!important;align-self:end}
.idea-system{display:grid;grid-template-columns:320px 1fr;gap:80px;align-items:center;margin-top:70px}.idea-core{width:300px;height:300px;border:1px solid #00628b;border-radius:50%;display:flex;flex-direction:column;justify-content:center;padding:48px}.idea-core small{color:#00628b;font-size:9px;letter-spacing:.16em;margin-bottom:14px}.idea-core strong{color:#001628;font-size:29px;line-height:1.05}.idea-spokes{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(0,22,40,.12)}.idea-spokes article{background:#fff;padding:22px;min-height:115px;display:grid;grid-template-columns:35px 1fr;grid-template-rows:1fr 1fr}.idea-spokes b{grid-row:1/3;color:#00628b;font-size:10px}.idea-spokes span{color:#001628;font-weight:800}.idea-spokes small{color:#536b78}.idea-spokes article:last-child{grid-column:1/3}.idea-close{display:flex;gap:14px;margin-top:38px;font-size:20px}.idea-close strong{color:#00628b}.idea-close span{color:#304552}
.capability-content-creative .content-cta{border-top:1px solid rgba(153,217,217,.13)}.cc-button{display:inline-flex;gap:22px;border:1px solid rgba(153,217,217,.35);border-radius:99px;padding:15px 22px;color:#fff;text-decoration:none;font-weight:700;margin-top:24px}.cc-button span{color:#99d9d9}
@media(max-width:800px){.idea-system{grid-template-columns:1fr;gap:35px}.idea-core{width:240px;height:240px}.idea-frame{width:78%}.cc-proof article{grid-template-rows:auto!important}.cc-proof article>*{margin:12px 0!important}}
@media(prefers-reduced-motion:reduce){.brief-fragments span,.expression-tabs span{animation:none!important}}


/* Content + Creative v2.1 corrections */
.cc-edit-stage{height:390px;margin-top:46px;display:grid;grid-template-columns:1.08fr 80px 1fr;grid-template-rows:1fr auto;gap:20px 28px;align-items:center;border-block:1px solid rgba(153,217,217,.13);position:relative}
.raw-copy{padding:28px 0}.raw-copy small,.focused-copy small,.format-output>small{display:block;color:#78909d;font-size:9px;letter-spacing:.16em;margin-bottom:15px}.raw-copy p{font-size:17px;line-height:1.65;color:#6f8793;max-width:420px}.raw-copy p span{color:#a9bbc4}.edit-mark{display:flex;align-items:center;gap:9px;color:#99d9d9}.edit-mark span{font-size:9px;letter-spacing:.15em}.edit-mark i{font-style:normal;font-size:25px}.focused-copy{border-left:2px solid #99d9d9;padding:25px 30px;background:linear-gradient(90deg,rgba(153,217,217,.07),transparent)}.focused-copy small{color:#99d9d9}.focused-copy strong{font-size:clamp(27px,3.1vw,43px);line-height:1.02}.format-output{grid-column:3;align-self:start}.format-output div{display:flex;gap:7px}.format-output span{border:1px solid rgba(153,217,217,.24);border-radius:99px;padding:6px 9px;color:#99d9d9;font-size:9px;letter-spacing:.12em}
.cc-three article{display:grid!important;grid-template-rows:28px 120px 1fr!important}.cc-three article b{align-self:start}.cc-three article h3{margin:38px 0 0!important;align-self:start}.cc-three article p{margin:0!important;align-self:start}
.cc-proof article{display:grid!important;grid-template-rows:28px minmax(120px,auto) minmax(145px,auto) 1fr!important;min-height:540px!important}.cc-proof article small{align-self:start}.cc-proof article strong{margin:22px 0 18px!important;align-self:start}.cc-proof article h3{margin:0!important;align-self:start}.cc-proof article p{margin:18px 0 0!important;align-self:end}
.cc-story i:after{animation:none!important;transform:translateX(-100%)}.cc-story i:nth-of-type(1):after{animation:ccseq1 7s ease-in-out infinite}.cc-story i:nth-of-type(2):after{animation:ccseq2 7s ease-in-out infinite}.cc-story i:nth-of-type(3):after{animation:ccseq3 7s ease-in-out infinite}.cc-story span{transition:color .35s,text-shadow .35s}.cc-story span:nth-of-type(1){animation:cctext1 7s ease-in-out infinite}.cc-story span:nth-of-type(2){animation:cctext2 7s ease-in-out infinite}.cc-story span:nth-of-type(3){animation:cctext3 7s ease-in-out infinite}.cc-story span:nth-of-type(4){animation:cctext4 7s ease-in-out infinite}
@keyframes ccseq1{0%,8%{transform:translateX(-100%)}18%,88%{transform:translateX(0)}100%{transform:translateX(100%)}}
@keyframes ccseq2{0%,28%{transform:translateX(-100%)}38%,88%{transform:translateX(0)}100%{transform:translateX(100%)}}
@keyframes ccseq3{0%,48%{transform:translateX(-100%)}58%,88%{transform:translateX(0)}100%{transform:translateX(100%)}}
@keyframes cctext1{0%,100%{color:#fff}8%,88%{color:#99d9d9;text-shadow:0 0 12px rgba(153,217,217,.25)}}@keyframes cctext2{0%,25%,100%{color:#fff}30%,88%{color:#99d9d9;text-shadow:0 0 12px rgba(153,217,217,.25)}}@keyframes cctext3{0%,45%,100%{color:#fff}50%,88%{color:#99d9d9;text-shadow:0 0 12px rgba(153,217,217,.25)}}@keyframes cctext4{0%,65%,100%{color:#fff}70%,88%{color:#99d9d9;text-shadow:0 0 12px rgba(153,217,217,.25)}}
@media(max-width:800px){.cc-edit-stage{height:auto;grid-template-columns:1fr;grid-template-rows:auto;padding:30px 0}.edit-mark{transform:rotate(90deg);width:max-content}.format-output{grid-column:1}.cc-three article,.cc-proof article{grid-template-rows:auto!important;min-height:0!important}.cc-three article h3,.cc-three article p,.cc-proof article>*{margin:12px 0!important}}
@media(prefers-reduced-motion:reduce){.cc-story i:after,.cc-story span{animation:none!important}.cc-story i:after{transform:translateX(0)}}


/* Content + Creative v2.2 */
.cc-edit-stage{height:475px!important;grid-template-columns:1.05fr 110px 1fr!important;grid-template-rows:1fr 145px!important}
.raw-cloud{align-self:stretch;padding-top:54px}.raw-cloud>small{color:#99d9d9;font-size:9px;letter-spacing:.16em}.cloud-words{position:relative;height:235px;margin-top:18px}.cloud-words span{position:absolute;color:#c7d5dc;font-weight:700;line-height:1}.w1{left:2%;top:10%;font-size:30px}.w2{left:35%;top:4%;font-size:17px}.w3{left:62%;top:34%;font-size:26px}.w4{left:6%;top:57%;font-size:18px}.w5{left:45%;top:67%;font-size:14px}.w6{left:58%;top:7%;font-size:13px}.w7{left:28%;top:37%;font-size:14px}.w8{left:15%;top:82%;font-size:21px}.synthesize{display:flex;align-items:center;justify-content:center;gap:10px;color:#99d9d9}.synthesize span{font-size:9px;letter-spacing:.15em}.synthesize i{font-style:normal;font-size:28px}.format-output{grid-column:3!important;align-self:stretch!important;border-top:1px solid rgba(153,217,217,.22);padding-top:20px}.format-output>small{color:#99d9d9!important;font-size:10px!important}.format-output div{display:grid!important;grid-template-columns:repeat(4,1fr);gap:7px!important}.format-output span{border-radius:10px!important;padding:12px 10px!important;text-align:left;font-weight:800}.format-output em{display:block;color:#78909d;font-size:9px;font-style:normal;font-weight:400;margin-top:5px;letter-spacing:0;text-transform:none}
.focus-map{width:min(760px,78vw);height:610px;margin:55px auto 0;position:relative}.focus-ring,.focus-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(153,217,217,.22);border-radius:50%}.focus-ring span,.focus-core span{font-weight:800}.focus-ring small,.focus-core small{display:block;font-weight:400;color:#78909d;margin-top:4px}.ring-complexity{width:100%;height:100%}.ring-clarity{width:78%;height:78%}.ring-relevance{width:57%;height:57%}.ring-proof{width:36%;height:36%}.focus-core{width:16%;height:16%;background:rgba(153,217,217,.08);border-color:#99d9d9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#99d9d9}.ring-complexity>span{position:absolute;left:7%;top:12%}.ring-clarity>span{position:absolute;right:6%;top:18%}.ring-relevance>span{position:absolute;left:3%;bottom:20%}.ring-proof>span{position:absolute;right:-2%;top:13%}.focus-ring{animation:ringPulse 7s ease-in-out infinite}.ring-clarity{animation-delay:.7s}.ring-relevance{animation-delay:1.4s}.ring-proof{animation-delay:2.1s}.focus-core{animation:corePulse 7s ease-in-out infinite}
@keyframes ringPulse{0%,100%{border-color:rgba(153,217,217,.16)}35%,60%{border-color:rgba(153,217,217,.52)}}@keyframes corePulse{0%,25%,100%{box-shadow:none}45%,70%{box-shadow:0 0 30px rgba(153,217,217,.12)}}
/* Purpose cards: lower the content group while preserving common copy baseline */
.cc-three article{grid-template-rows:32px 142px 1fr!important;min-height:330px!important}.cc-three article h3{margin:64px 0 0!important}.cc-three article p{margin:0!important}
/* Proof cards: exact shared headline and body start lines */
.cc-proof article{display:grid!important;grid-template-rows:34px 155px 165px 1fr!important;min-height:540px!important}.cc-proof article small{grid-row:1}.cc-proof article strong{grid-row:2;margin:24px 0 0!important;align-self:start}.cc-proof article h3{grid-row:3;margin:28px 0 0!important;align-self:start}.cc-proof article p{grid-row:4;margin:0!important;align-self:start!important}
@media(max-width:800px){.cc-edit-stage{height:auto!important;grid-template-columns:1fr!important;grid-template-rows:auto!important}.synthesize{justify-content:flex-start}.format-output{grid-column:1!important}.focus-map{height:440px;width:100%}.focus-ring span{font-size:11px}.cc-three article,.cc-proof article{grid-template-rows:auto!important;min-height:0!important}.cc-three article h3,.cc-three article p,.cc-proof article>*{margin:12px 0!important}}
@media(prefers-reduced-motion:reduce){.focus-ring,.focus-core{animation:none!important}}


/* Content + Creative v2.3 refinements */

/* Hero cloud spacing + eyebrow positioning */
.raw-cloud{padding-top:38px!important}
.raw-cloud>small{position:relative;top:-10px}
.w2{left:36%!important;top:3%!important}
.w6{left:62%!important;top:23%!important}
.focused-copy{position:relative;padding-top:34px!important}
.focused-copy>small{position:absolute;top:16px;left:30px}
.idea-to-expression{grid-column:3;position:absolute;right:calc((100% - 110px)/2 - 10px);top:300px;height:56px;display:flex;flex-direction:column;align-items:center;color:#99d9d9;z-index:3}
.idea-to-expression i{height:27px;width:1px;background:#99d9d9;display:block}.idea-to-expression span{font-size:22px;line-height:16px}
.format-output{position:relative;padding-top:28px!important}.format-output>small{position:relative;top:-8px}

/* Concentric visualization: staged inward focus */
.focus-ring{opacity:.48}
.ring-complexity{animation:focus1 8s ease-in-out infinite!important}.ring-clarity{animation:focus2 8s ease-in-out infinite!important}.ring-relevance{animation:focus3 8s ease-in-out infinite!important}.ring-proof{animation:focus4 8s ease-in-out infinite!important}.focus-core{animation:focus5 8s ease-in-out infinite!important}
@keyframes focus1{0%,100%{opacity:.45;border-color:rgba(153,217,217,.18)}6%,24%{opacity:1;border-color:#99d9d9}32%{opacity:.55}}
@keyframes focus2{0%,18%,100%{opacity:.45;border-color:rgba(153,217,217,.18)}25%,42%{opacity:1;border-color:#99d9d9}50%{opacity:.55}}
@keyframes focus3{0%,36%,100%{opacity:.45;border-color:rgba(153,217,217,.18)}43%,60%{opacity:1;border-color:#99d9d9}68%{opacity:.55}}
@keyframes focus4{0%,54%,100%{opacity:.45;border-color:rgba(153,217,217,.18)}61%,77%{opacity:1;border-color:#99d9d9}84%{opacity:.55}}
@keyframes focus5{0%,70%,100%{box-shadow:none;background:rgba(153,217,217,.08)}77%,92%{box-shadow:0 0 38px rgba(153,217,217,.25);background:rgba(153,217,217,.16)}}

/* Purpose cards: headline higher, copy baseline retained */
.cc-three article{grid-template-rows:32px 142px 1fr!important}
.cc-three article h3{margin:42px 0 0!important}
.cc-three article p{margin:0!important}

/* Story architecture: sequential words + connector color, with definitions */
.cc-story{overflow:visible!important}
.story-step{position:relative;min-width:0;outline:none}
.story-step>span{font-size:clamp(24px,3vw,42px);font-weight:800;animation-duration:7s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.story-step:nth-of-type(1)>span{animation-name:cctext1}.story-step:nth-of-type(2)>span{animation-name:cctext2}.story-step:nth-of-type(3)>span{animation-name:cctext3}.story-step:nth-of-type(4)>span{animation-name:cctext4}
.story-definition{position:absolute;left:0;top:calc(100% + 14px);width:220px;padding:11px 13px;border:1px solid rgba(153,217,217,.25);border-radius:10px;background:#0a1926;color:#b9c8d3;font-size:12px;line-height:1.35;opacity:0;transform:translateY(-4px);pointer-events:none;transition:.2s;z-index:8}
.story-step:hover .story-definition,.story-step:focus .story-definition,.story-step:focus-within .story-definition{opacity:1;transform:translateY(0)}
.cc-story>i{height:1px;flex:1;background:rgba(153,217,217,.16)!important;position:relative;overflow:hidden}
.cc-story>i:after{content:"";position:absolute;inset:0;background:#99d9d9!important;transform:translateX(-100%)}
.cc-story>i:nth-of-type(1):after{animation:ccseq1 7s ease-in-out infinite!important}.cc-story>i:nth-of-type(2):after{animation:ccseq2 7s ease-in-out infinite!important}.cc-story>i:nth-of-type(3):after{animation:ccseq3 7s ease-in-out infinite!important}

/* Growth proof: move teal proof upward, preserve aligned white headline/body zones */
.cc-proof article{grid-template-rows:34px 145px 175px 1fr!important}
.cc-proof article strong{margin:10px 0 0!important;align-self:start!important}
.cc-proof article h3{margin:42px 0 0!important;align-self:start!important}
.cc-proof article p{margin:0!important;align-self:start!important}

@media(max-width:800px){
.idea-to-expression{display:none}
.story-definition{position:static;width:auto;margin-top:8px;opacity:1;transform:none;background:transparent;padding:0;border:0}
.cc-story .story-step{width:100%}
.cc-three article,.cc-proof article{grid-template-rows:auto!important}
.cc-three article h3,.cc-three article p,.cc-proof article>*{margin:12px 0!important}
}
@media(prefers-reduced-motion:reduce){
.focus-ring,.focus-core,.story-step>span,.cc-story>i:after{animation:none!important}
.cc-story>i:after{transform:translateX(0)}
}


/* v2.4 clean Idea -> Expression arrow */
.idea-to-expression{
  top:286px!important;
  height:42px!important;
}
.idea-to-expression i{
  position:relative;
  display:block!important;
  width:1px!important;
  height:31px!important;
  background:#99d9d9!important;
}
.idea-to-expression i:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:8px;
  height:8px;
  border-right:2px solid #99d9d9;
  border-bottom:2px solid #99d9d9;
  transform:translate(-50%,1px) rotate(45deg);
}
.idea-to-expression span{display:none!important}


/* v2.5 match the downward arrowhead to the Synthesize arrow */
.idea-to-expression i:after{
  width:10px!important;
  height:10px!important;
  border-right:3px solid #99d9d9!important;
  border-bottom:3px solid #99d9d9!important;
  border-radius:1px;
  transform:translate(-50%,1px) rotate(45deg)!important;
}


/* v2.6 use the exact Synthesize arrow glyph for both transitions */
.idea-to-expression{
  top:280px!important;
  height:36px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
.idea-to-expression i{display:none!important}
.idea-to-expression .matching-arrow{
  display:block!important;
  color:#99d9d9!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:400!important;
  transform:rotate(90deg);
  transform-origin:center center;
}

/* Production integration only: preserve approved v2.6 composition while using universal shell */
.capability-content-creative{--cc-approved-max:1240px}
.capability-content-creative .w{max-width:var(--cc-approved-max)!important}
.capability-content-creative .storyrail{z-index:20}
.capability-content-creative section[id]{scroll-margin-top:120px}
@media(max-width:1100px){.capability-content-creative .storyrail{display:none}}