/* Webflow home revision v4 sections. Load Inter on the page; this file does not import fonts. */

#intelligence, #capabilities, #find-my-mix, #about, #insights, #contact {
  --accent: #51E3FC;
  --amber: #FFB547;
  --band-contact: #112a2d;
  --band-contact-accent: #81f1f1;
  --band-contact-body: #c1dbdd;
  --band-contact-fg: #f3fdfe;
  --band-intel: #0d272a;
  --band-intel-accent: #73e2e6;
  --band-intel-body: #c5dde0;
  --band-intel-fg: #f0fbfc;
  --bg: #101516;
  --blue: #329AC1;
  --card-glow: rgba(81,227,252,.2);
  --cloud: #F5F9FA;
  --container: 1180px;
  --cta: var(--amber);
  --cta-edge: var(--amber);
  --cta-halo: 0 0 0 1px rgba(255,181,71,.35), 0 0 18px rgba(255,181,71,.5), 0 0 38px rgba(255,181,71,.24);
  --cyan: #51E3FC;
  --dur-card: .25s;
  --dur-control: .2s;
  --dur-reveal: .65s;
  --fg: #F5F9FA;
  --focus: #51E3FC;
  --focus-offset: 4px;
  --focus-on-stage: #51E3FC;
  --focus-width: 3px;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --glass: rgba(16,21,22,.93);
  --gutter: 24px;
  --halo: 0 0 0 1px rgba(81,227,252,.25), 0 0 16px rgba(25,178,184,.46), 0 0 35px rgba(25,178,184,.22);
  --ink: #221E1F;
  --lift-card: -6px;
  --lift-control: -2px;
  --lift-pill: -3px;
  --lift-shadow: 0 18px 50px #0003;
  --line: rgba(220,250,250,.17);
  --mint-stop: #35d5c5;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --muted: #BAC8CA;
  --on-accent: #071719;
  --on-cta: var(--ink);
  --on-primary: #071719;
  --panel-1: #0b1a25;
  --panel-2: #102732;
  --panel-3: #0c1b28;
  --panel-body: #a7c2cb;
  --panel-edge: rgba(81,227,252,.62);
  --panel-error: var(--amber);
  --panel-fg: #eafcff;
  --panel-field: rgba(2,13,21,.76);
  --panel-placeholder: #8aa3ad;
  --pillar-brand: var(--purple);
  --pillar-growth: var(--amber);
  --pillar-intelligence: var(--teal);
  --pillar-technology: var(--blue);
  --purple: #A347CE;
  --r-card: 5px;
  --r-control: 4px;
  --r-pill: 100px;
  --section-y: clamp(76px, 9vw, 124px);
  --stage: #060d15;
  --surface: #192124;
  --target-min: 24px;
  --teal: #19B2B8;
  --text-min: 11px;
  --tracking-button: .055em;
  --tracking-eyebrow: .17em;
  --tracking-heading: -.06em;
  --white: #FFFFFF;
}

html.v3-theme-light #intelligence, html.v3-theme-light #capabilities, html.v3-theme-light #find-my-mix, html.v3-theme-light #about, html.v3-theme-light #insights, html.v3-theme-light #contact {
  --bg: #F5F9FA; --fg: #221E1F; --muted: #4E6064; --surface: #FFFFFF; --line: rgba(22,51,53,.19); --accent: #087980; --focus: #006E73; --glass: rgba(245,249,250,.94); --on-accent: #FFFFFF; --lift-shadow: 0 18px 50px #0002; --cta-edge: var(--ink);
}

/* Section box rules from P are mapped to the Webflow section elements. */
#intelligence * {
box-sizing:border-box
}
#capabilities * {
box-sizing:border-box
}
#find-my-mix * {
box-sizing:border-box
}
#about * {
box-sizing:border-box
}
#insights * {
box-sizing:border-box
}
#contact * {
box-sizing:border-box
}
#intelligence h1,
#intelligence h2,
#intelligence h3,
#intelligence p {
margin-top:0
}
#capabilities h1,
#capabilities h2,
#capabilities h3,
#capabilities p {
margin-top:0
}
#find-my-mix h1,
#find-my-mix h2,
#find-my-mix h3,
#find-my-mix p {
margin-top:0
}
#about h1,
#about h2,
#about h3,
#about p {
margin-top:0
}
#insights h1,
#insights h2,
#insights h3,
#insights p {
margin-top:0
}
#contact h1,
#contact h2,
#contact h3,
#contact p {
margin-top:0
}
#intelligence h1,
#intelligence h2,
#intelligence h3 {
letter-spacing:-.06em;line-height:.98
}
#capabilities h1,
#capabilities h2,
#capabilities h3 {
letter-spacing:-.06em;line-height:.98
}
#find-my-mix h1,
#find-my-mix h2,
#find-my-mix h3 {
letter-spacing:-.06em;line-height:.98
}
#about h1,
#about h2,
#about h3 {
letter-spacing:-.06em;line-height:.98
}
#insights h1,
#insights h2,
#insights h3 {
letter-spacing:-.06em;line-height:.98
}
#contact h1,
#contact h2,
#contact h3 {
letter-spacing:-.06em;line-height:.98
}
#intelligence a {
color:inherit;text-decoration:none
}
#capabilities a {
color:inherit;text-decoration:none
}
#find-my-mix a {
color:inherit;text-decoration:none
}
#about a {
color:inherit;text-decoration:none
}
#insights a {
color:inherit;text-decoration:none
}
#contact a {
color:inherit;text-decoration:none
}
#intelligence button,
#intelligence input,
#intelligence select,
#intelligence textarea {
font:inherit
}
#capabilities button,
#capabilities input,
#capabilities select,
#capabilities textarea {
font:inherit
}
#find-my-mix button,
#find-my-mix input,
#find-my-mix select,
#find-my-mix textarea {
font:inherit
}
#about button,
#about input,
#about select,
#about textarea {
font:inherit
}
#insights button,
#insights input,
#insights select,
#insights textarea {
font:inherit
}
#contact button,
#contact input,
#contact select,
#contact textarea {
font:inherit
}
#intelligence button {
cursor:pointer
}
#capabilities button {
cursor:pointer
}
#find-my-mix button {
cursor:pointer
}
#about button {
cursor:pointer
}
#insights button {
cursor:pointer
}
#contact button {
cursor:pointer
}
#intelligence img,
#intelligence svg {
max-width:100%
}
#capabilities img,
#capabilities svg {
max-width:100%
}
#find-my-mix img,
#find-my-mix svg {
max-width:100%
}
#about img,
#about svg {
max-width:100%
}
#insights img,
#insights svg {
max-width:100%
}
#contact img,
#contact svg {
max-width:100%
}
#intelligence a:focus-visible,
#intelligence button:focus-visible,
#intelligence input:focus-visible,
#intelligence textarea:focus-visible,
#intelligence select:focus-visible {
outline:3px solid var(--focus);outline-offset:4px
}
#capabilities a:focus-visible,
#capabilities button:focus-visible,
#capabilities input:focus-visible,
#capabilities textarea:focus-visible,
#capabilities select:focus-visible {
outline:3px solid var(--focus);outline-offset:4px
}
#find-my-mix a:focus-visible,
#find-my-mix button:focus-visible,
#find-my-mix input:focus-visible,
#find-my-mix textarea:focus-visible,
#find-my-mix select:focus-visible {
outline:3px solid var(--focus);outline-offset:4px
}
#about a:focus-visible,
#about button:focus-visible,
#about input:focus-visible,
#about textarea:focus-visible,
#about select:focus-visible {
outline:3px solid var(--focus);outline-offset:4px
}
#insights a:focus-visible,
#insights button:focus-visible,
#insights input:focus-visible,
#insights textarea:focus-visible,
#insights select:focus-visible {
outline:3px solid var(--focus);outline-offset:4px
}
#contact a:focus-visible,
#contact button:focus-visible,
#contact input:focus-visible,
#contact textarea:focus-visible,
#contact select:focus-visible {
outline:3px solid var(--focus);outline-offset:4px
}
#intelligence .container {
width:min(1180px,calc(100% - 48px));margin:auto
}
#capabilities .container {
width:min(1180px,calc(100% - 48px));margin:auto
}
#find-my-mix .container {
width:min(1180px,calc(100% - 48px));margin:auto
}
#about .container {
width:min(1180px,calc(100% - 48px));margin:auto
}
#insights .container {
width:min(1180px,calc(100% - 48px));margin:auto
}
#contact .container {
width:min(1180px,calc(100% - 48px));margin:auto
}
#intelligence {
padding:clamp(76px,9vw,124px) 0
}
#capabilities {
padding:clamp(76px,9vw,124px) 0
}
#about {
padding:clamp(76px,9vw,124px) 0
}
#insights {
padding:clamp(76px,9vw,124px) 0
}
#contact {
padding:clamp(76px,9vw,124px) 0
}
#intelligence .eyebrow {
display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:11px;letter-spacing:.17em;font-weight:850;color:var(--accent)
}
#capabilities .eyebrow {
display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:11px;letter-spacing:.17em;font-weight:850;color:var(--accent)
}
#find-my-mix .eyebrow {
display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:11px;letter-spacing:.17em;font-weight:850;color:var(--accent)
}
#about .eyebrow {
display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:11px;letter-spacing:.17em;font-weight:850;color:var(--accent)
}
#insights .eyebrow {
display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:11px;letter-spacing:.17em;font-weight:850;color:var(--accent)
}
#contact .eyebrow {
display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:11px;letter-spacing:.17em;font-weight:850;color:var(--accent)
}
#intelligence .eyebrow:before {
content:"";width:24px;height:2px;background:currentColor
}
#capabilities .eyebrow:before {
content:"";width:24px;height:2px;background:currentColor
}
#find-my-mix .eyebrow:before {
content:"";width:24px;height:2px;background:currentColor
}
#about .eyebrow:before {
content:"";width:24px;height:2px;background:currentColor
}
#insights .eyebrow:before {
content:"";width:24px;height:2px;background:currentColor
}
#contact .eyebrow:before {
content:"";width:24px;height:2px;background:currentColor
}
#contact .muted {
color:var(--muted)
}
#capabilities .section-title {
font-size:clamp(46px,6.3vw,90px);font-weight:850;max-width:950px;margin:19px 0 22px
}
#about .section-title {
font-size:clamp(46px,6.3vw,90px);font-weight:850;max-width:950px;margin:19px 0 22px
}
#insights .section-title {
font-size:clamp(46px,6.3vw,90px);font-weight:850;max-width:950px;margin:19px 0 22px
}
#capabilities .section-intro {
font-size:clamp(16px,1.55vw,20px);max-width:640px;color:var(--muted);line-height:1.55
}
#about .section-intro {
font-size:clamp(16px,1.55vw,20px);max-width:640px;color:var(--muted);line-height:1.55
}
#insights .section-intro {
font-size:clamp(16px,1.55vw,20px);max-width:640px;color:var(--muted);line-height:1.55
}
#capabilities .outline {
color:transparent;-webkit-text-stroke:1px var(--fg)
}
#about .outline {
color:transparent;-webkit-text-stroke:1px var(--fg)
}
#insights .outline {
color:transparent;-webkit-text-stroke:1px var(--fg)
}
#intelligence .btn {
display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:13px 20px;border:1px solid var(--line);border-radius:4px;font-size:12px;letter-spacing:.055em;font-weight:850;text-transform:uppercase;transition:transform .2s,border-color .2s,background .2s
}
#capabilities .btn {
display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:13px 20px;border:1px solid var(--line);border-radius:4px;font-size:12px;letter-spacing:.055em;font-weight:850;text-transform:uppercase;transition:transform .2s,border-color .2s,background .2s
}
#find-my-mix .btn {
display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:13px 20px;border:1px solid var(--line);border-radius:4px;font-size:12px;letter-spacing:.055em;font-weight:850;text-transform:uppercase;transition:transform .2s,border-color .2s,background .2s
}
#contact .btn {
display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:13px 20px;border:1px solid var(--line);border-radius:4px;font-size:12px;letter-spacing:.055em;font-weight:850;text-transform:uppercase;transition:transform .2s,border-color .2s,background .2s
}
#intelligence .btn:hover {
transform:translateY(-2px);border-color:var(--accent)
}
#capabilities .btn:hover {
transform:translateY(-2px);border-color:var(--accent)
}
#find-my-mix .btn:hover {
transform:translateY(-2px);border-color:var(--accent)
}
#contact .btn:hover {
transform:translateY(-2px);border-color:var(--accent)
}
#capabilities .btn-primary {
background:var(--teal);border-color:var(--teal);color:#071719
}
#find-my-mix .btn-primary {
background:var(--teal);border-color:var(--teal);color:#071719
}
#contact .btn-primary {
background:var(--teal);border-color:var(--teal);color:#071719
}
#capabilities .btn-primary:hover {
background:var(--cyan);border-color:var(--cyan)
}
#find-my-mix .btn-primary:hover {
background:var(--cyan);border-color:var(--cyan)
}
#contact .btn-primary:hover {
background:var(--cyan);border-color:var(--cyan)
}
#intelligence .btn-ghost {
background:transparent;color:var(--fg)
}
#intelligence .btn-white {
background:#f5f9fa;color:#102026;border-color:#f5f9fa
}
#intelligence .btn svg {
width:17px;height:17px;flex:none
}
#capabilities .btn svg {
width:17px;height:17px;flex:none
}
#find-my-mix .btn svg {
width:17px;height:17px;flex:none
}
#contact .btn svg {
width:17px;height:17px;flex:none
}
#capabilities .section-header {
display:flex;justify-content:space-between;align-items:end;gap:32px
}
#insights .section-header {
display:flex;justify-content:space-between;align-items:end;gap:32px
}
#capabilities .mini-index {
color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap
}
#insights .mini-index {
color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap
}
#intelligence {
position:relative;overflow:hidden;background:#0d272a;color:#f0fbfc
}
#intelligence .eyebrow {
color:#73e2e6
}
#intelligence .intel-grid {
display:grid;grid-template-columns:1fr .86fr;gap:60px;align-items:center
}
#intelligence h2 {
font-size:clamp(47px,6vw,82px);line-height:.96;margin:18px 0 22px
}
#intelligence p {
max-width:630px;color:#c5dde0;font-size:18px
}
#intelligence .steps {
display:flex;flex-wrap:wrap;gap:6px;margin:24px 0 32px
}
#intelligence .steps span {
font-weight:850;letter-spacing:.07em;font-size:11px;border:1px solid rgba(245,249,250,.22);padding:8px 10px;text-transform:uppercase
}
#intelligence .intel-action {
display:flex;gap:13px;flex-wrap:wrap
}
#intelligence .v4s-radar {
aspect-ratio:1;border:1px solid rgba(81,227,252,.22);border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(25,178,184,.15) 0%,transparent 50%),repeating-radial-gradient(circle,transparent 0 53px,rgba(81,227,252,.17) 54px 55px)
}
#intelligence .v4s-radar:before {
content:"";width:50%;height:50%;border-top:2px solid rgba(81,227,252,.9);border-right:1px solid transparent;position:absolute;top:50%;left:50%;transform-origin:top left;transform:rotate(30deg);background:conic-gradient(from -90deg at 0 0,rgba(81,227,252,.22),transparent 30%);animation:v4s-radar 9s linear infinite
}
#intelligence .v4s-radar:after {
content:"+";position:absolute;font-size:44px;color:#60e3e7
}
#intelligence .radar-node {
position:absolute;z-index:1;background:#0d272a;padding:8px 10px;border:1px solid #396568;color:#c4f3f3;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800
}
#intelligence .n1 {
top:13%;right:-4%
}
#intelligence .n2 {
bottom:17%;left:-4%
}
#intelligence .n3 {
bottom:4%;right:5%
}
#intelligence .n4 {
top:19%;left:2%
}
#about {
background:var(--surface);border-block:1px solid var(--line)
}
#about .triad {
display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:45px;border:1px solid var(--line)
}
#about .triad article {
padding:27px;border-right:1px solid var(--line)
}
#about .triad article:last-child {
border-right:0
}
#about .triad small {
font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:900
}
#about .triad h3 {
font-size:clamp(31px,3.5vw,47px);margin:17px 0
}
#about .triad p {
color:var(--muted);font-size:15px;margin:0
}
#insights .insights-grid {
display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px
}
#insights .insight {
border-top:3px solid var(--teal);background:var(--surface);padding:25px;min-height:230px
}
#insights .insight small {
color:var(--accent);text-transform:uppercase;letter-spacing:.11em;font-weight:850;font-size:11px
}
#insights .insight h3 {
font-size:clamp(22px,2.3vw,30px);margin:17px 0 10px;line-height:1.07
}
#insights .insight p {
font-size:14px;color:var(--muted);margin:0
}
#contact {
background:#112a2d;color:#f3fdfe;position:relative;overflow:hidden
}
#contact :after {
content:"LET'S TALK";position:absolute;right:-2%;bottom:-.19em;font-size:clamp(100px,18vw,260px);font-weight:900;letter-spacing:-.09em;color:rgba(255,255,255,.025);pointer-events:none
}
#contact .contact-grid {
display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,88px);position:relative;z-index:1
}
#contact .eyebrow {
color:#81f1f1
}
#contact h2 {
font-size:clamp(54px,6.1vw,92px);line-height:.92;margin:18px 0 20px
}
#contact .contact-copy>p {
font-size:18px;color:#c1dbdd
}
#contact .contact-points {
margin:38px 0 25px;padding:0;list-style:none
}
#contact .contact-points li {
border-top:1px solid rgba(255,255,255,.2);padding:13px 0;color:#d7eff0;font-size:13px
}
#contact .contact-points li b {
color:#85f3f3
}
#contact .contact-email {
font-size:15px;font-weight:800;color:#91f6fa;border-bottom:1px solid #91f6fa
}
#contact .contact-form {
padding:30px;background:#f5f9fa;color:#221e1f;border-radius:4px
}
#contact .contact-form h3 {
font-size:26px;margin:0 0 8px
}
#contact .contact-form .note {
font-size:12px;color:#52686b;margin:0 0 20px
}
#contact .fields {
display:grid;grid-template-columns:1fr 1fr;gap:16px
}
#contact .field {
display:flex;flex-direction:column;gap:6px
}
#contact .field.full {
grid-column:1/-1
}
#contact .field label {
font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:850
}
#contact .field input,
#contact .field select,
#contact .field textarea {
width:100%;border:1px solid #b6c9cc;border-radius:4px;background:#fff;color:#172426;padding:12px;min-height:46px;font-size:15px
}
#contact .field textarea {
resize:vertical;min-height:118px
}
#contact .field .optional {
font-size:11px;text-transform:none;letter-spacing:0;color:#566d71;font-weight:550
}
#contact .form-actions {
display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px
}
#contact .form-actions p {
font-size:12px;color:#556b70;margin:0;flex:1;min-width:190px
}
#contact .confirmation {
display:none;margin-top:14px;padding:12px;border-left:4px solid #087980;background:#e3f4f4;color:#134f53;font-size:13px
}
#intelligence .reveal {
transition:opacity .65s,transform .65s
}
#capabilities .reveal {
transition:opacity .65s,transform .65s
}
#about .reveal {
transition:opacity .65s,transform .65s
}
#insights .reveal {
transition:opacity .65s,transform .65s
}
#contact .reveal {
transition:opacity .65s,transform .65s
}
@media(max-width:1080px) {
#intelligence .intel-grid {
gap:25px
}
}
@media(max-width:800px) {
#intelligence .intel-grid {
grid-template-columns:1fr
}
#contact .contact-grid {
grid-template-columns:1fr
}
#about .triad {
grid-template-columns:1fr
}
#about .triad article {
border-right:0;border-bottom:1px solid var(--line)
}
#about .triad article:last-child {
border-bottom:0
}
#insights .insights-grid {
grid-template-columns:1fr 1fr
}
#insights .insight:last-child {
grid-column:1/-1
}
}
@media(max-width:520px) {
#intelligence .container {
width:min(100% - 32px,1180px)
}
#capabilities .container {
width:min(100% - 32px,1180px)
}
#find-my-mix .container {
width:min(100% - 32px,1180px)
}
#about .container {
width:min(100% - 32px,1180px)
}
#insights .container {
width:min(100% - 32px,1180px)
}
#contact .container {
width:min(100% - 32px,1180px)
}
#capabilities .section-header {
display:block
}
#insights .section-header {
display:block
}
#intelligence .intel-grid {
gap:40px
}
#intelligence .v4s-radar {
width:88%;margin:auto
}
#intelligence .radar-node {
font-size:11px
}
#contact .fields {
grid-template-columns:1fr
}
#contact .contact-form {
padding:21px
}
#intelligence {
padding:70px 0
}
#capabilities {
padding:70px 0
}
#about {
padding:70px 0
}
#insights {
padding:70px 0
}
#contact {
padding:70px 0
}
#insights .insights-grid {
grid-template-columns:1fr
}
#insights .insight:last-child {
grid-column:auto
}
}
@media(prefers-reduced-motion:reduce) {
#intelligence * {
animation:none!important;transition:none!important
}
#capabilities * {
animation:none!important;transition:none!important
}
#find-my-mix * {
animation:none!important;transition:none!important
}
#about * {
animation:none!important;transition:none!important
}
#insights * {
animation:none!important;transition:none!important
}
#contact * {
animation:none!important;transition:none!important
}
}
#capabilities .services-intro {
display:flex;align-items:end;justify-content:space-between;gap:32px;padding:24px 0;margin-top:28px;border-top:1px solid var(--line)
}
#capabilities .services-intro>div {
display:flex;align-items:baseline;gap:14px;flex-wrap:wrap
}
#capabilities .services-count {
font-size:clamp(66px,8vw,118px);font-weight:900;letter-spacing:-.085em;color:var(--accent);line-height:.85
}
#capabilities .services-count-label {
font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;max-width:175px;line-height:1.35
}
#capabilities .services-intro p {
max-width:460px;font-size:14px;line-height:1.65;color:var(--muted);margin:0
}
#capabilities .services-intro a {
color:var(--accent);border-bottom:1px solid currentColor
}
#capabilities .service-disciplines {
border-top:1px solid var(--line);margin-top:18px
}
#capabilities .service-discipline {
display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:clamp(28px,4vw,64px);border-bottom:1px solid var(--line);padding:clamp(32px,4vw,54px) 0
}
#capabilities .service-pillar-meta {
position:relative
}
#capabilities .service-pillar-meta h3 {
font-size:clamp(31px,3.7vw,51px);line-height:.95;margin:0 0 19px;letter-spacing:-.055em
}
#capabilities .service-pillar-headline {
font-size:16px;font-weight:800;margin:0 0 6px
}
#capabilities .service-pillar-lede {
max-width:355px;font-size:13px;color:var(--muted);line-height:1.6;margin:0
}
#capabilities .service-choice-grid {
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-content:center
}
#capabilities .service-choice {
min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line);background:var(--surface);font-size:14px;font-weight:760;line-height:1.25;letter-spacing:-.012em;transition:background .2s,border-color .2s,transform .2s
}
#capabilities .service-choice:hover {
border-color:var(--accent);background:rgba(25,178,184,.12);transform:translateY(-2px)
}
#capabilities .service-choice:focus-visible {
outline-offset:1px
}
#capabilities .service-choice-arr {
font-size:18px;color:var(--accent);flex-shrink:0
}
#capabilities .services-bottom {
display:flex;align-items:center;justify-content:space-between;gap:28px;padding:35px 0 4px
}
#capabilities .services-bottom p {
font-size:15px;color:var(--muted);line-height:1.65;max-width:650px;margin:0
}
#capabilities .services-bottom strong {
color:var(--fg)
}
@media(max-width:900px) {
#capabilities .service-discipline {
grid-template-columns:1fr;gap:24px
}
#capabilities .services-intro {
align-items:start
}
}
@media(max-width:650px) {
#capabilities .services-intro {
flex-direction:column;gap:22px
}
#capabilities .services-intro>div {
gap:12px
}
#capabilities .services-count {
font-size:78px
}
#capabilities .service-choice-grid {
grid-template-columns:1fr
}
#capabilities .service-choice {
min-height:60px
}
#capabilities .services-bottom {
flex-direction:column;align-items:flex-start
}
#capabilities .services-bottom .btn {
width:100%
}
#capabilities .service-pillar-meta h3 {
font-size:36px
}
}
#contact {
position:relative;isolation:isolate;overflow:hidden
}
#contact .contact-grid {
position:relative;z-index:2
}
#contact .talk-marquee {
position:absolute!important;z-index:0!important;top:50%;left:0;right:0;bottom:auto!important;transform:translateY(-50%);margin:0!important;border:0!important;pointer-events:none;overflow:hidden
}
#contact .talk-track {
letter-spacing:.1em;color:rgba(255,255,255,.10);-webkit-text-stroke:1px rgba(113,226,228,.3)
}
#contact .contact-form {
padding:clamp(24px,3vw,38px);border:1px solid rgba(255,255,255,.76);border-radius:5px;background:linear-gradient(145deg,#fff 0%,#f1f7f8 100%);box-shadow:0 28px 90px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.88);transform-style:preserve-3d;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;will-change:transform
}
#contact .contact-form .fields {
gap:18px
}
#contact .contact-form .field {
gap:8px
}
#contact .contact-form:hover {
border-color:rgba(81,227,252,.5);box-shadow:0 32px 100px rgba(0,0,0,.34),0 0 36px rgba(25,178,184,.1),inset 0 1px 0 rgba(255,255,255,.92)
}
#contact .contact-form label {
letter-spacing:.025em
}
#contact .contact-form input,
#contact .contact-form select,
#contact .contact-form textarea {
transition:border-color .2s ease,box-shadow .2s ease,background .2s ease
}
#contact .contact-form input:focus,
#contact .contact-form select:focus,
#contact .contact-form textarea:focus {
border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)
}
@media(max-width:640px) {
#contact .talk-marquee {
top:58%;opacity:.045
}
#contact .contact-form {
transform:none!important;will-change:auto
}
}
@media(prefers-reduced-motion:reduce) {
#contact .contact-form {
transition:none!important
}
}
#contact.section {
padding-bottom:90px!important;position:relative;isolation:isolate;overflow:hidden
}
#contact * {
-webkit-text-stroke:0!important;text-stroke:0!important
}
#contact .talk-marquee {
position:absolute!important;z-index:0!important;top:50%;left:0;right:0;bottom:auto!important;transform:translateY(-50%);margin:0!important;opacity:1!important;pointer-events:none
}
#contact .talk-track {
color:rgba(97,225,239,.095)!important;-webkit-text-stroke:0!important;text-stroke:0!important;letter-spacing:.055em!important
}
#contact .contact-grid {
position:relative;z-index:2
}
#contact .contact-form {
position:relative;isolation:isolate;overflow:hidden;padding:clamp(22px,3vw,38px)!important;color:#eafcff!important;background:linear-gradient(145deg,#0b1a25 0%,#102732 56%,#0c1b28 100%)!important;border:1px solid rgba(81,227,252,.62)!important;border-radius:5px!important;box-shadow:0 24px 70px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08)!important;transform-style:preserve-3d;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;will-change:transform
}
#contact .contact-form h3,
#contact .contact-form label {
color:#eafcff!important
}
#contact .contact-form .note,
#contact .contact-form .form-actions p {
color:#a7c2cb!important
}
#contact .contact-form .fields {
gap:19px
}
#contact .contact-form .field {
gap:8px
}
#contact .contact-form input,
#contact .contact-form select,
#contact .contact-form textarea {
width:100%;min-width:0;color:#effcff!important;background:rgba(2,13,21,.76)!important;border:1px solid rgba(81,227,252,.62)!important;border-radius:4px!important;box-shadow:inset 0 2px 8px rgba(0,0,0,.26)!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease
}
#contact .contact-form input::placeholder,
#contact .contact-form textarea::placeholder {
color:#8aa3ad!important
}
#contact .contact-form input:focus,
#contact .contact-form select:focus,
#contact .contact-form textarea:focus {
outline:3px solid #51e3fc!important;outline-offset:2px!important;border-color:#51e3fc!important;box-shadow:0 0 0 5px rgba(81,227,252,.13),inset 0 2px 8px rgba(0,0,0,.2)!important
}
#contact .contact-form .optional {
color:#9fb8c2!important
}
#contact .contact-form .btn-primary {
color:#04191d!important;background:linear-gradient(100deg,#51e3fc,#35d5c5)!important;border:1px solid #51e3fc!important;box-shadow:0 8px 24px rgba(25,178,184,.23)
}
#contact .contact-form .confirmation {
color:#d9fcff!important;background:rgba(81,227,252,.12)!important;border-color:rgba(81,227,252,.4)!important
}
#contact .contact-form[data-variant="neon-circuit"] {
background:linear-gradient(rgba(81,227,252,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(81,227,252,.035) 1px,transparent 1px),linear-gradient(145deg,#0b1a25,#102732 56%,#0c1b28)!important;background-size:22px 22px,22px 22px,auto!important;border-radius:5px!important
}
#contact .contact-form[data-variant="neon-circuit"] h3 {
letter-spacing:.015em!important
}
@media(max-width:760px) {
#contact.section {
padding-bottom:70px!important
}
}
@media(prefers-reduced-motion:reduce) {
#contact .contact-form {
transition:none!important;scroll-behavior:auto!important
}
}
#intelligence .eyebrow:before {
content:none!important;display:none!important
}
#capabilities .eyebrow:before {
content:none!important;display:none!important
}
#find-my-mix .eyebrow:before {
content:none!important;display:none!important
}
#about .eyebrow:before {
content:none!important;display:none!important
}
#insights .eyebrow:before {
content:none!important;display:none!important
}
#contact .eyebrow:before {
content:none!important;display:none!important
}
#intelligence .bri-name {
color:#fff;font-weight:860
}
#intelligence .bri-initial {
color:#74e7e9;font-size:1.33em;text-shadow:0 0 18px rgba(81,227,252,.56)
}
#intelligence .v4s-radar .sonar-blips {
position:absolute;inset:0;pointer-events:none;border-radius:50%
}
#intelligence .sonar-blip {
position:absolute;width:9px;height:9px;border-radius:50%;background:#80f8ec;box-shadow:0 0 12px 3px #19b2b88a;animation:v4s-sonar-beep 2.2s ease-in-out infinite;--delay:0s;animation-delay:var(--delay);z-index:2
}
#intelligence .sonar-blip:after {
content:"";position:absolute;inset:-6px;border:1px solid #6ce1e0;border-radius:50%;animation:v4s-blip-ring 2.2s ease-out infinite;animation-delay:var(--delay)
}
#intelligence .sonar-blip.b1 {
top:27%;left:37%;--delay:-.5s
}
#intelligence .sonar-blip.b2 {
top:42%;left:73%;--delay:-1.6s
}
#intelligence .sonar-blip.b3 {
top:68%;left:33%;--delay:-1.1s
}
#intelligence .sonar-blip.b4 {
top:61%;left:61%;--delay:-.2s
}
#intelligence .sonar-blip.b5 {
top:20%;left:57%;--delay:-1.9s
}
#intelligence .sonar-blip.b6 {
top:79%;left:48%;--delay:-.8s
}
#intelligence a.btn,
#intelligence button.btn,
#intelligence button {
transition:box-shadow .22s ease,filter .22s ease,transform .22s ease,background-color .22s ease
}
#capabilities a.btn,
#capabilities button.btn,
#capabilities .service-choice,
#capabilities button {
transition:box-shadow .22s ease,filter .22s ease,transform .22s ease,background-color .22s ease
}
#find-my-mix a.btn,
#find-my-mix button.btn,
#find-my-mix button {
transition:box-shadow .22s ease,filter .22s ease,transform .22s ease,background-color .22s ease
}
#about button {
transition:box-shadow .22s ease,filter .22s ease,transform .22s ease,background-color .22s ease
}
#insights button {
transition:box-shadow .22s ease,filter .22s ease,transform .22s ease,background-color .22s ease
}
#contact a.btn,
#contact button.btn,
#contact button {
transition:box-shadow .22s ease,filter .22s ease,transform .22s ease,background-color .22s ease
}
#intelligence a.btn:hover,
#intelligence button.btn:hover,
#intelligence button:hover,
#intelligence a.btn:focus-visible,
#intelligence button.btn:focus-visible,
#intelligence button:focus-visible {
box-shadow:0 0 0 1px rgba(81,227,252,.25),0 0 16px rgba(25,178,184,.46),0 0 35px rgba(25,178,184,.22);filter:brightness(1.06)
}
#capabilities a.btn:hover,
#capabilities button.btn:hover,
#capabilities .service-choice:hover,
#capabilities button:hover,
#capabilities a.btn:focus-visible,
#capabilities button.btn:focus-visible,
#capabilities .service-choice:focus-visible,
#capabilities button:focus-visible {
box-shadow:0 0 0 1px rgba(81,227,252,.25),0 0 16px rgba(25,178,184,.46),0 0 35px rgba(25,178,184,.22);filter:brightness(1.06)
}
#find-my-mix a.btn:hover,
#find-my-mix button.btn:hover,
#find-my-mix button:hover,
#find-my-mix a.btn:focus-visible,
#find-my-mix button.btn:focus-visible,
#find-my-mix button:focus-visible {
box-shadow:0 0 0 1px rgba(81,227,252,.25),0 0 16px rgba(25,178,184,.46),0 0 35px rgba(25,178,184,.22);filter:brightness(1.06)
}
#about button:hover,
#about button:focus-visible {
box-shadow:0 0 0 1px rgba(81,227,252,.25),0 0 16px rgba(25,178,184,.46),0 0 35px rgba(25,178,184,.22);filter:brightness(1.06)
}
#insights button:hover,
#insights button:focus-visible {
box-shadow:0 0 0 1px rgba(81,227,252,.25),0 0 16px rgba(25,178,184,.46),0 0 35px rgba(25,178,184,.22);filter:brightness(1.06)
}
#contact a.btn:hover,
#contact button.btn:hover,
#contact button:hover,
#contact a.btn:focus-visible,
#contact button.btn:focus-visible,
#contact button:focus-visible {
box-shadow:0 0 0 1px rgba(81,227,252,.25),0 0 16px rgba(25,178,184,.46),0 0 35px rgba(25,178,184,.22);filter:brightness(1.06)
}
#capabilities .service-pillar-meta {
min-height:260px
}
#capabilities .discipline-orb-shell {
width:175px;height:170px;position:absolute;right:8px;bottom:0;pointer-events:none;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--orb-color),transparent 64%))
}
#capabilities .discipline-orb {
display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .35s ease
}
#capabilities .discipline-orb-shell.ready .discipline-orb {
opacity:1
}
#capabilities .discipline-orb-shell.ready .orb-css {
opacity:0
}
#capabilities .orb-css {
position:absolute;inset:25px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffffff85,transparent 13%),radial-gradient(circle at 29% 23%,color-mix(in srgb,var(--orb-color),#fff 35%),color-mix(in srgb,var(--orb-color),#060b18 40%) 42%,#071017 78%);border:1px solid color-mix(in srgb,var(--orb-color),white 22%);box-shadow:inset -17px -18px 30px #0009,0 0 28px color-mix(in srgb,var(--orb-color),transparent 62%);transform:rotate(-20deg);transition:opacity .4s
}
#capabilities .orb-css:before,
#capabilities .orb-css:after {
content:"";position:absolute;inset:12% -19%;border:2px solid color-mix(in srgb,var(--orb-color),white 23%);border-radius:50%;transform:rotate(32deg) rotateY(54deg);box-shadow:0 0 15px color-mix(in srgb,var(--orb-color),transparent 50%)
}
#capabilities .orb-css:after {
transform:rotate(-38deg) rotateY(38deg);opacity:.6
}
#about .magnet-experience {
margin-top:48px;position:relative;overflow:hidden;height:clamp(320px,35vw,420px);border:1px solid var(--line);border-radius:5px;background:radial-gradient(ellipse at 65% 50%,#1d3e49 0%,#0c202b 42%,#071119 85%);isolation:isolate;cursor:crosshair
}
#about .magnet-experience:before {
content:"";position:absolute;inset:0;opacity:.55;pointer-events:none;background-image:linear-gradient(#4bbcc519 1px,transparent 1px),linear-gradient(90deg,#4bbcc519 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(0deg,#0004,#000)
}
#about .magnet-visual-copy {
position:absolute;left:clamp(18px,4vw,48px);top:clamp(20px,4vw,40px);z-index:3;max-width:310px;pointer-events:none;display:flex;flex-direction:column;gap:13px
}
#about .magnet-visual-copy span {
color:#74e7e9;font-size:11px;letter-spacing:.16em;font-weight:800
}
#about .magnet-visual-copy strong {
color:#f4fdff;font-size:clamp(24px,3vw,40px);line-height:1.08
}
#about .magnet-visual-copy small {
color:#9db7c3;font-size:13px;line-height:1.5
}
#about #magnetCanvas {
position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2;opacity:0;transition:opacity .4s;pointer-events:none
}
#about .magnet-experience.ready #magnetCanvas {
opacity:1
}
#about .magnet-experience.ready .magnet-static {
opacity:0
}
#about .magnet-static {
position:absolute;inset:0;transition:opacity .4s;pointer-events:none
}
#about .magnet-logo-static {
position:absolute;left:60%;top:55%;height:170px;width:auto;transform:translate(-50%,-50%)
}
#about .metal-dot {
position:absolute;width:29px;height:36px;border-radius:45% 45% 40% 40%;border:3px solid #91a1aa;background:radial-gradient(circle at 40% 25%,#eaffff,#4d6976 60%,#08131a 90%);box-shadow:0 0 23px #19b2b858
}
#about .md1 {
left:39%;top:19%
}
#about .md2 {
left:87%;top:29%
}
#about .md3 {
left:78%;top:75%
}
#about .md4 {
left:33%;top:78%
}
#insights {
position:relative;isolation:isolate;overflow:hidden
}
#insights>.container {
position:relative;z-index:2
}
#insights #insightsDigiCanvas {
display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .5s
}
#insights .insight {
border-radius:5px;position:relative;z-index:2;backdrop-filter:blur(8px)
}
#contact :after {
content:none!important
}
#contact {
padding-bottom:0!important
}
#contact .talk-marquee {
position:relative;z-index:0;width:100%;overflow:hidden;margin-top:clamp(32px,6vw,80px);border-top:1px solid #6ccece33;pointer-events:none
}
#contact .talk-track {
display:flex;align-items:center;width:max-content;animation:v4s-talk-scroll 21s linear infinite;white-space:nowrap;font-size:clamp(105px,17vw,250px);font-weight:950;letter-spacing:-.085em;line-height:1.22;color:rgba(255,255,255,.08);-webkit-text-stroke:1px rgba(113,226,228,.22)
}
#contact .talk-track span {
display:block;flex:none
}
@media(max-width:950px) {
#capabilities .discipline-orb-shell {
width:145px;height:145px;right:-3px
}
#about .magnet-visual-copy {
max-width:230px
}
#about .magnet-visual-copy strong {
font-size:26px
}
}
@media(max-width:720px) {
#capabilities .service-pillar-meta {
min-height:220px
}
#capabilities .discipline-orb-shell {
right:0;bottom:7px;width:135px;height:135px
}
#about .magnet-experience {
height:345px
}
#about .magnet-visual-copy {
left:16px;top:16px;max-width:175px
}
#about .magnet-visual-copy strong {
font-size:22px
}
#about .magnet-visual-copy small {
font-size:11px
}
}
@media(max-width:420px) {
#about .magnet-experience {
height:350px
}
#about .magnet-visual-copy {
max-width:155px
}
#about .magnet-visual-copy strong {
font-size:20px
}
}
@media(prefers-reduced-motion:reduce) {
#intelligence .sonar-blip,
#intelligence .sonar-blip:after {
animation:none!important
}
#contact .talk-track {
animation:none!important
}
#contact .talk-track {
transform:none!important
}
#capabilities .discipline-orb {
display:none!important
}
#capabilities .orb-css {
opacity:1!important
}
#about .magnet-static {
opacity:1!important
}
#about #magnetCanvas {
display:none!important
}
#insights #insightsDigiCanvas {
display:none!important
}
}
#capabilities .discipline-orb-shell {
pointer-events:auto!important;cursor:pointer
}
#capabilities .discipline-orb {
pointer-events:auto;touch-action:pan-y;cursor:pointer
}
#about .magnet-experience {
cursor:grab;touch-action:none
}
#about #magnetCanvas {
pointer-events:none!important;touch-action:none
}
#about .magnet-experience.ready #magnetCanvas {
pointer-events:none!important
}
#insights #insightsDigiCanvas {
pointer-events:none
}
#insights>.container {
z-index:2!important
}
#contact .talk-track span {
padding-right:.8em
}
#contact .talk-marquee {
opacity:1!important
}
#contact .contact-form {
backface-visibility:hidden
}
@media(max-width:640px) {
#contact .talk-track {
font-size:120px;color:rgba(255,255,255,.08)
}
}
#insights .section-header,
#insights .insights-grid {
position:relative;z-index:2
}
#capabilities .discipline-orb-shell {
pointer-events:auto!important;cursor:pointer
}
#capabilities .discipline-orb {
pointer-events:auto;touch-action:pan-y;cursor:pointer
}
#about .magnet-experience {
cursor:grab;touch-action:none
}
#about #magnetCanvas {
pointer-events:none!important;touch-action:none
}
#about .magnet-experience.ready #magnetCanvas {
pointer-events:none!important
}
#insights #insightsDigiCanvas {
pointer-events:none
}
#insights>.container {
z-index:2!important
}
#capabilities .service-pillar-meta {
min-height:365px!important;padding-bottom:195px!important
}
#capabilities .discipline-orb-shell {
left:calc(50% - 100px)!important;right:auto!important;bottom:0!important;width:200px!important;height:190px!important
}
#capabilities .discipline-orb {
mask-image:radial-gradient(ellipse farthest-side at center,#000 60%,transparent 100%)
}
#contact .talk-track {
letter-spacing:.12em!important
}
#about .magnet-experience {
touch-action:pan-y!important
}
#about .magnet-drag-hit {
position:absolute;z-index:4;cursor:grab;touch-action:none;background:transparent;border:0;outline:none
}
#about .magnet-drag-hit:focus-visible {
outline:2px solid #51e3fc;outline-offset:5px;border-radius:8px
}
#about .magnet-drag-hit:active {
cursor:grabbing
}
@media(max-width:720px) {
#capabilities .service-pillar-meta {
min-height:340px!important;padding-bottom:185px!important
}
#capabilities .discipline-orb-shell {
width:190px!important;height:180px!important;left:calc(50% - 95px)!important
}
}
@media(max-width:600px) {
#about .magnet-experience {
height:470px!important
}
#about .magnet-visual-copy {
max-width:calc(100% - 32px)!important
}
#about .magnet-visual-copy strong {
font-size:23px!important;max-width:22ch
}
#about .magnet-visual-copy small {
max-width:34ch
}
}
#insights .insights-grid {
grid-template-columns:repeat(3,minmax(0,1fr))
}
#insights .insight {
padding:26px 20px
}
#insights .mini-index {
align-self:flex-start
}
@media(max-width:1000px) and (min-width:761px) {
#insights .insights-grid {
grid-template-columns:1fr
}
}
@media(max-width:760px) {
#insights .insights-grid {
width:100%;grid-template-columns:1fr
}
}
#capabilities .service-choice {
--mx:50%;--my:35%;position:relative;isolation:isolate;overflow:hidden;color:#eafcff;border:1px solid rgba(81,227,252,.62);border-radius:5px;background:linear-gradient(rgba(81,227,252,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(81,227,252,.035) 1px,transparent 1px),linear-gradient(145deg,#0b1a25,#102732 56%,#0c1b28);background-size:22px 22px,22px 22px,auto;box-shadow:0 14px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease
}
#insights .insight {
--mx:50%;--my:35%;position:relative;isolation:isolate;overflow:hidden;color:#eafcff;border:1px solid rgba(81,227,252,.62);border-radius:5px;background:linear-gradient(rgba(81,227,252,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(81,227,252,.035) 1px,transparent 1px),linear-gradient(145deg,#0b1a25,#102732 56%,#0c1b28);background-size:22px 22px,22px 22px,auto;box-shadow:0 14px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease
}
#insights .insight {
border-top:3px solid #19b2b8
}
#capabilities .service-choice::before {
content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .25s ease;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(81,227,252,.2),rgba(25,178,184,.08) 45%,transparent 72%)
}
#insights .insight::before {
content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .25s ease;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(81,227,252,.2),rgba(25,178,184,.08) 45%,transparent 72%)
}
#capabilities .service-choice:hover,
#capabilities .service-choice:focus-visible {
transform:translateY(-6px);border-color:#51e3fc;background:linear-gradient(rgba(81,227,252,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(81,227,252,.035) 1px,transparent 1px),linear-gradient(145deg,#0b1a25,#102732 56%,#0c1b28);background-size:22px 22px,22px 22px,auto;box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 26px rgba(25,178,184,.18),inset 0 1px 0 rgba(255,255,255,.08)
}
#insights .insight:hover {
transform:translateY(-6px);border-color:#51e3fc;background:linear-gradient(rgba(81,227,252,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(81,227,252,.035) 1px,transparent 1px),linear-gradient(145deg,#0b1a25,#102732 56%,#0c1b28);background-size:22px 22px,22px 22px,auto;box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 26px rgba(25,178,184,.18),inset 0 1px 0 rgba(255,255,255,.08)
}
#insights .insight:hover {
border-top-color:#51e3fc
}
#capabilities .service-choice:hover::before,
#capabilities .service-choice:focus-visible::before {
opacity:1
}
#insights .insight:hover::before {
opacity:1
}
#capabilities .service-choice:focus-visible {
outline:3px solid #51e3fc;outline-offset:4px
}
#insights .insight small {
color:#51e3fc
}
#insights .insight h3 {
color:#eafcff
}
#insights .insight p {
color:#a7c2cb
}
#capabilities .service-choice .service-choice-arr {
color:#51e3fc
}
@media(prefers-reduced-motion:reduce) {
#capabilities .service-choice:hover,
#capabilities .service-choice:focus-visible {
transform:none!important
}
#insights .insight:hover {
transform:none!important
}
#capabilities .service-choice::before {
transition:none
}
#insights .insight::before {
transition:none
}
}
#intelligence .sonar-blip.neg {
background:#ff5c6c;box-shadow:0 0 12px 3px rgba(255,92,108,.55)
}
#intelligence .sonar-blip.neg:after {
border-color:#ff8a96
}
#intelligence .sonar-blip.b7 {
top:35%;left:20%;--delay:-1.3s
}
#intelligence .sonar-blip.b8 {
top:72%;left:70%;--delay:-.4s
}
#intelligence .sonar-blip.b9 {
top:50%;left:46%;--delay:-2s
}
#intelligence .radar-legend {
position:absolute;left:50%;bottom:-44px;transform:translateX(-50%);display:flex;gap:18px;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#c4f3f3
}
#intelligence .radar-legend span {
display:inline-flex;align-items:center;gap:7px
}
#intelligence .radar-legend span:before {
content:"";width:9px;height:9px;border-radius:50%;background:#80f8ec;box-shadow:0 0 8px #19b2b8
}
#intelligence .radar-legend .neg:before {
background:#ff5c6c;box-shadow:0 0 8px rgba(255,92,108,.8)
}
#capabilities .service-choice {
justify-content:flex-start;padding-left:0
}
#capabilities .service-choice-name {
flex:1
}
#about .triad-img {
display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:22px;border:1px solid var(--line);border-radius:5px
}
#about .process-flow {
margin-top:44px;padding:34px 0 30px;border-block:1px solid var(--line)
}
#about .pf-steps {
list-style:none;margin:0;padding:0
}
#about .pf-steps strong {
display:block;color:var(--fg);font-size:15px;font-weight:850;letter-spacing:.11em;text-transform:uppercase
}
#about .pf-steps small {
display:block;color:var(--muted);font-size:13px;line-height:1.45
}
#about .pf-num {
font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--accent)
}
#about .pf-loop {
display:none;margin:0
}
#about .process-flow[data-variant="circuit"] .pf-steps {
position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:20px
}
#about .process-flow[data-variant="circuit"] .pf-steps:before {
content:"";position:absolute;left:23px;right:23px;top:23px;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 10px,transparent 10px 16px);opacity:.45
}
#about .process-flow[data-variant="circuit"] .pf-steps:after {
content:"";position:absolute;top:18px;left:23px;width:12px;height:12px;border-radius:50%;background:#51e3fc;box-shadow:0 0 14px 4px rgba(81,227,252,.65);animation:v4s-pf-pulse 6s linear infinite
}
#about .process-flow[data-variant="circuit"] li {
position:relative;z-index:1
}
#about .process-flow[data-variant="circuit"] .pf-num {
display:grid;place-items:center;width:46px;height:46px;margin-bottom:16px;border:1.5px solid var(--accent);border-radius:50%;background:var(--surface);animation:v4s-pf-node 6s ease-in-out infinite;animation-delay:calc(var(--i)*1.32s - .1s)
}
#about .process-flow[data-variant="circuit"] strong {
margin-bottom:6px
}
@media(max-width:820px) {
#about .process-flow[data-variant="circuit"] .pf-steps {
grid-template-columns:1fr;gap:22px
}
#about .process-flow[data-variant="circuit"] .pf-steps:before {
left:23px;right:auto;top:23px;bottom:23px;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--accent) 0 10px,transparent 10px 16px)
}
#about .process-flow[data-variant="circuit"] .pf-steps:after {
display:none
}
#about .process-flow[data-variant="circuit"] li {
display:grid;grid-template-columns:46px 1fr;column-gap:16px
}
#about .process-flow[data-variant="circuit"] .pf-num {
grid-row:span 2;margin:0
}
}
@media(prefers-reduced-motion:reduce) {
#about .process-flow .pf-steps:after,
#about .process-flow li,
#about .process-flow strong,
#about .process-flow small,
#about .process-flow .pf-num {
animation:none!important
}
}
#capabilities .service-choice-grid {
grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-content:start
}
#capabilities .service-choice.layered {
display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;min-height:0;padding:0;overflow:visible
}
#capabilities .service-choice.layered:hover,
#capabilities .service-choice.layered:focus-visible {
z-index:3
}
#capabilities .service-choice-foot {
display:flex;align-items:center;gap:12px;padding:14px 16px 15px
}
#capabilities .service-choice.layered .service-choice-name {
flex:1
}
#capabilities .layer-stage {
position:relative;display:block;aspect-ratio:16/9;border-bottom:1px solid rgba(81,227,252,.25);border-radius:4px 4px 0 0;
  background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--c,#19B2B8) 30%,transparent),transparent 60%),var(--stage);perspective:900px
}
#capabilities .layer-stage::after {
content:"";position:absolute;left:50%;top:46%;width:40%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1px dashed color-mix(in srgb,var(--c,#19B2B8) 55%,transparent);animation:v4s-ls-spin 40s linear infinite;pointer-events:none
}
#capabilities .ls {
position:absolute;pointer-events:none;transition:transform 250ms cubic-bezier(.2,.8,.2,1),filter 250ms ease;will-change:transform
}
#capabilities .ls>img {
display:block;width:100%;height:100%;object-fit:contain;animation:v4s-ls-float var(--t,6s) ease-in-out infinite;animation-delay:var(--d,0s)
}
#capabilities .ls-e1 {
left:6%;top:8%;width:42%;height:62%;--t:7s;--d:-1.2s;filter:drop-shadow(0 12px 16px #0008);z-index:1
}
#capabilities .ls-digi {
left:33%;top:6%;width:34%;height:74%;--t:5.2s;--d:-.4s;filter:drop-shadow(0 16px 22px #0009);z-index:2
}
#capabilities .ls-e2 {
right:5%;top:34%;width:40%;height:60%;--t:6.3s;--d:-2.6s;filter:drop-shadow(0 16px 20px #0009);z-index:3
}
#capabilities .service-choice:hover .ls-e1,
#capabilities .service-choice:focus-visible .ls-e1 {
transform:translate(-14%,-16%) rotate(-7deg) scale(1.08)
}
#capabilities .service-choice:hover .ls-digi,
#capabilities .service-choice:focus-visible .ls-digi {
transform:translate(2%,-14%) scale(1.14);filter:drop-shadow(0 30px 30px #000b)
}
#capabilities .service-choice:hover .ls-e2,
#capabilities .service-choice:focus-visible .ls-e2 {
transform:translate(16%,10%) rotate(6deg) scale(1.1)
}
@media(max-width:650px) {
#capabilities .service-choice-grid {
grid-template-columns:1fr
}
}
@media(prefers-reduced-motion:reduce) {
#capabilities .ls>img,
#capabilities .layer-stage::after {
animation:none
}
#capabilities .ls {
transition:none
}
}
#capabilities .service-discipline {
align-items:start
}
#capabilities .service-pillar-meta {
min-height:0!important;padding-bottom:0!important
}
#capabilities .discipline-orb-shell {
position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;display:block;width:200px!important;height:190px!important;margin:22px auto 0
}
@media(max-width:720px) {
#capabilities .discipline-orb-shell {
width:190px!important;height:180px!important
}
}
#insights.insights-has-particles {
position:relative;overflow:hidden;isolation:isolate
}
#insights .insights-particles {
position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .8s ease
}
#insights .insights-particles.ready {
opacity:.24
}
#insights #insightsDigiCanvas {
display:block;position:absolute;inset:0;width:100%;height:100%;opacity:1
}
#insights.insights-has-particles>.container {
position:relative;z-index:1
}
#insights .insight {
background:linear-gradient(rgba(81,227,252,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(81,227,252,.035) 1px,transparent 1px),linear-gradient(145deg,rgba(11,26,37,.94),rgba(16,39,50,.94) 56%,rgba(12,27,40,.94));background-size:22px 22px,22px 22px,auto;backdrop-filter:blur(3px)
}
@media(max-width:720px) {
#insights .insights-particles.ready {
opacity:.18
}
}
#capabilities .btn-primary {
background:var(--cta)!important;border:1px solid var(--cta-edge)!important;color:var(--on-cta)!important;box-shadow:0 8px 26px color-mix(in srgb,var(--cta) 30%,transparent)
}
#find-my-mix .btn-primary {
background:var(--cta)!important;border:1px solid var(--cta-edge)!important;color:var(--on-cta)!important;box-shadow:0 8px 26px color-mix(in srgb,var(--cta) 30%,transparent)
}
#contact .btn-primary,
#contact .contact-form .btn-primary {
background:var(--cta)!important;border:1px solid var(--cta-edge)!important;color:var(--on-cta)!important;box-shadow:0 8px 26px color-mix(in srgb,var(--cta) 30%,transparent)
}
#capabilities .btn-primary:hover,
#capabilities .btn-primary:focus-visible {
background:var(--cta)!important;color:var(--on-cta)!important;filter:none;box-shadow:var(--cta-halo)!important
}
#find-my-mix .btn-primary:hover,
#find-my-mix .btn-primary:focus-visible {
background:var(--cta)!important;color:var(--on-cta)!important;filter:none;box-shadow:var(--cta-halo)!important
}
#contact .btn-primary:hover,
#contact .btn-primary:focus-visible,
#contact .contact-form .btn-primary:hover,
#contact .contact-form .btn-primary:focus-visible {
background:var(--cta)!important;color:var(--on-cta)!important;filter:none;box-shadow:var(--cta-halo)!important
}
#capabilities .btn-primary span {
color:inherit!important
}
#find-my-mix .btn-primary span {
color:inherit!important
}
#contact .btn-primary span {
color:inherit!important
}
#find-my-mix {
padding-bottom:clamp(64px,8vw,110px)
}
#find-my-mix .fm-stage {
position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(56px,8vw,112px);border-block:1px solid var(--line);text-align:center;background:radial-gradient(ellipse at 50% 54%,#12313e 0%,#091923 41%,#060b13 79%);color:#fff
}
#find-my-mix .fm-stage::before {
content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(220,250,250,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(220,250,250,.17) 1px,transparent 1px);background-size:52px 52px;opacity:.3;mask-image:radial-gradient(ellipse at 50% 50%,#000 20%,transparent 75%)
}
#find-my-mix .fm-inner {
display:grid;gap:20px;justify-items:center
}
#find-my-mix .fm-stage .eyebrow {
color:var(--cyan);letter-spacing:.28em;margin:0
}
#find-my-mix .fm-title {
margin:0;font-size:clamp(44px,7.4vw,104px);font-weight:900;letter-spacing:-.06em;line-height:.9;text-transform:uppercase;max-width:14ch;color:#fff
}
#find-my-mix .fm-title span {
color:var(--cyan);display:block
}
#find-my-mix .fm-lede {
margin:0;font-size:clamp(16px,1.4vw,20px);color:#d3e2e5;max-width:52ch
}
#find-my-mix .fm-ctas {
display:flex;gap:12px;flex-wrap:wrap;justify-content:center
}
#find-my-mix .fm-cta {
display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;border-radius:var(--r-pill)!important;padding:0 22px;font-size:12px;font-weight:800;letter-spacing:.075em;text-transform:uppercase;text-decoration:none;transition:transform .25s ease,box-shadow .22s ease
}
#find-my-mix .fm-cta-ghost {
background:rgba(5,14,24,.82);color:#fff;border:1px solid color-mix(in srgb,var(--cyan) 45.9%,transparent)
}
#find-my-mix .fm-cta-ghost:hover,
#find-my-mix .fm-cta-ghost:focus-visible {
transform:translateY(-3px);box-shadow:var(--halo)
}
#find-my-mix .fm-chips {
display:flex;flex-wrap:wrap;gap:6px;justify-content:center
}
#find-my-mix .fm-chips span {
font-weight:850;letter-spacing:.07em;font-size:11px;border:1px solid rgba(245,249,250,.22);border-radius:var(--r-control);padding:8px 10px;text-transform:uppercase;color:#d3e2e5
}
#find-my-mix .fm-how {
display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;margin-top:clamp(48px,6vw,80px);align-items:start
}
#find-my-mix .fm-how h3 {
margin:0;font-size:clamp(34px,4.4vw,58px);font-weight:850;letter-spacing:-.06em;line-height:.98
}
#find-my-mix .fm-steps {
margin:0;padding:0;list-style:none;display:grid;counter-reset:st
}
#find-my-mix .fm-steps li {
display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px 0;border-top:1px solid var(--line);counter-increment:st
}
#find-my-mix .fm-steps li::before {
content:counter(st,decimal-leading-zero);font-family:var(--mono);color:var(--accent);font-size:13px;padding-top:3px
}
#find-my-mix .fm-steps b {
display:block;font-size:clamp(16px,1.5vw,20px);font-weight:850;letter-spacing:-.025em;line-height:1.23
}
#find-my-mix .fm-steps span {
color:var(--muted);font-size:14px
}
@media(max-width:800px) {
#find-my-mix .fm-how {
grid-template-columns:minmax(0,1fr);gap:20px
}
}
@media(prefers-reduced-motion:reduce) {
#find-my-mix .fm-cta-ghost:hover,
#find-my-mix .fm-cta-ghost:focus-visible {
transform:none
}
}
@keyframes v4s-radar {
to{transform:rotate(390deg)}
}
@keyframes v4s-brand-roll {
to{transform:translateX(-50%)}
}
@keyframes v4s-sonar-beep {
0%,100%{opacity:.22;transform:scale(.6)}32%,48%{opacity:1;transform:scale(1.35)}67%{opacity:.35;transform:scale(.75)}
}
@keyframes v4s-blip-ring {
0%{transform:scale(.3);opacity:.9}75%,100%{transform:scale(2.6);opacity:0}
}
@keyframes v4s-talk-scroll {
to{transform:translateX(-50%)}
}
@keyframes v4s-pf-pulse {
0%{left:23px;opacity:0}4%{opacity:1}92%{opacity:1}100%{left:calc(100% - 35px);opacity:0}
}
@keyframes v4s-pf-node {
0%,18%,100%{box-shadow:none;background:var(--surface);color:var(--accent)}5%,12%{box-shadow:0 0 0 4px rgba(81,227,252,.18),0 0 22px rgba(25,178,184,.7);background:#19B2B8;color:#041416}
}
@keyframes v4s-ls-float {
0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(2px,-7px,0) rotate(1.2deg)}
}
@keyframes v4s-ls-spin {
to{rotate:360deg}
}


/* Round 2 parity fixes: map P's page bands onto the Webflow section IDs. */
#intelligence, #capabilities, #find-my-mix, #about, #insights, #contact {
  box-sizing: border-box;
  padding-block: var(--section-y) !important;
}
#intelligence { background: var(--band-intel); }
#capabilities, #find-my-mix, #insights { background: var(--bg); }
#about { background: var(--surface); }
#contact { background: var(--band-contact); }
#find-my-mix { padding-block: 0 !important; padding-bottom: clamp(64px,8vw,110px) !important; }
#contact { padding-bottom: 90px !important; }

/* The P embed calls this component .radar. Keep all geometry within its section. */
#intelligence .radar {
  width: 100%;
  aspect-ratio: 1;
  min-width: 0;
  position: relative;
  display: grid;
  place-items: center;
  border: 1px solid rgba(81,227,252,.22);
  border-radius: 50%;
  background: radial-gradient(circle,rgba(25,178,184,.15) 0%,transparent 50%),repeating-radial-gradient(circle,transparent 0 53px,rgba(81,227,252,.17) 54px 55px);
}
#intelligence .radar::before {
  content: "";
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: top left;
  border-top: 2px solid rgba(81,227,252,.9);
  border-right: 1px solid transparent;
  background: conic-gradient(from -90deg at 0 0,rgba(81,227,252,.22),transparent 30%);
  animation: v4s-radar 9s linear infinite;
}
#intelligence .radar::after {
  content: "+";
  position: absolute;
  font-size: 44px;
  color: #60e3e7;
}
#intelligence .radar-node {
  position: absolute;
  z-index: 1;
  padding: 8px 10px;
  border: 1px solid #396568;
  background: var(--band-intel);
  color: #c4f3f3;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
#intelligence .radar .sonar-blips { position: absolute; inset: 0; border-radius: 50%; pointer-events: none; }
#intelligence .sonar-blip { position: absolute; z-index: 2; width: 9px; height: 9px; border-radius: 50%; background: #80f8ec; box-shadow: 0 0 12px 3px #19b2b88a; animation: v4s-sonar-beep 2.2s ease-in-out infinite; animation-delay: var(--delay,0s); }
#intelligence .sonar-blip::after { content: ""; position: absolute; inset: -6px; border: 1px solid #6ce1e0; border-radius: 50%; animation: v4s-blip-ring 2.2s ease-out infinite; animation-delay: var(--delay,0s); }
#intelligence .sonar-blip.b1 { top:27%; left:37%; --delay:-.5s; }
#intelligence .sonar-blip.b2 { top:42%; left:73%; --delay:-1.6s; }
#intelligence .sonar-blip.b3 { top:68%; left:33%; --delay:-1.1s; }
#intelligence .sonar-blip.b4 { top:61%; left:61%; --delay:-.2s; }
#intelligence .sonar-blip.b5 { top:20%; left:57%; --delay:-1.9s; }
#intelligence .sonar-blip.b6 { top:79%; left:48%; --delay:-.8s; }
#intelligence .sonar-blip.neg { background:#ff5c6c; box-shadow:0 0 12px 3px rgba(255,92,108,.55); }
#intelligence .sonar-blip.neg::after { border-color:#ff8a96; }
#intelligence .sonar-blip.b7 { top:35%; left:20%; --delay:-1.3s; }
#intelligence .sonar-blip.b8 { top:72%; left:70%; --delay:-.4s; }
#intelligence .sonar-blip.b9 { top:50%; left:46%; --delay:-2s; }
#intelligence .radar-legend { position:absolute; left:50%; bottom:-44px; transform:translateX(-50%); display:flex; gap:18px; white-space:nowrap; color:#c4f3f3; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
#intelligence .radar-legend span { display:inline-flex; align-items:center; gap:7px; }
#intelligence .radar-legend span::before { content:""; width:9px; height:9px; border-radius:50%; background:#80f8ec; box-shadow:0 0 8px #19b2b8; }
#intelligence .radar-legend .neg::before { background:#ff5c6c; box-shadow:0 0 8px rgba(255,92,108,.8); }

/* Restore P's contact rhythm and form control dimensions. */
#contact h2 { line-height:.92 !important; margin:18px 0 20px !important; }
#contact .contact-copy > p { margin:0 0 20px; line-height:1.65; }
#contact .contact-copy .contact-points { margin:38px 0 25px; }
#contact .contact-points li { padding:13px 0; }
#contact .contact-copy .contact-email { display:inline-block; margin-top:4px; }
#contact .contact-form .fields { gap:24px; }
#contact .contact-form .field { gap:8px; }
#contact .contact-form textarea { min-height:150px; }

/* In the light theme, page-background bands use the current Brand Bible surface tokens. */
html.v3-theme-light #intelligence { background:var(--band-intel); }
html.v3-theme-light #capabilities, html.v3-theme-light #find-my-mix, html.v3-theme-light #insights { background:var(--bg); }
html.v3-theme-light #about { background:var(--surface); }
html.v3-theme-light #contact { background:var(--band-contact); }
html.v3-theme-light #intelligence .radar-node { background:var(--band-intel); }
@media (max-width: 520px) {
  #intelligence .radar { width:88%; margin:0 auto; }
  #intelligence .intel-grid { gap:40px; }
  #contact { padding-bottom:70px !important; }
  #contact .contact-form { padding:21px !important; }
  #contact .contact-form .fields { gap:22px; }
  #contact .contact-form textarea { min-height:150px; }
}

/* Keep P cascade after id scoping: in P, .intel p sets the eyebrow size and .contact .eyebrow beats .contact-copy>p */
#intelligence p.eyebrow{font-size:18px}
#contact .contact-copy > p.eyebrow{color:#81f1f1}

/* Keep embedded section headings readable over their section backgrounds in Webflow. */
#intelligence h1,
#intelligence h2,
#intelligence h3 {
  color: var(--band-intel-fg);
}
#contact h1,
#contact h2,
#contact h3 {
  color: var(--band-contact-fg);
}
#capabilities h1,
#capabilities h2,
#capabilities h3,
#find-my-mix h1,
#find-my-mix h2,
#find-my-mix h3,
#about h1,
#about h2,
#about h3,
#insights h1,
#insights h2,
#insights h3 {
  color: var(--fg);
}
#find-my-mix .fm-stage h1,
#find-my-mix .fm-stage h2,
#find-my-mix .fm-stage h3 {
  color: var(--panel-fg);
}
html.v3-theme-light #intelligence .btn-ghost {
  color: var(--band-intel-fg);
}
html.v3-theme-light #contact .contact-points b {
  color: var(--band-contact-fg);
}


/* WP17 Home v3 contrast fixes for remaining dark-theme embedded text. */
#capabilities .services-count-label,
#capabilities .service-pillar-headline {
  color: var(--fg);
}
#find-my-mix .fm-steps b {
  color: var(--panel-fg);
}