/* CauseLane V5 / SIGNAL ROOM. Original design and components. No external runtime assets. */
:root{--cl5:#99ff78;--cl5-soft:#c9ffd0;--cl5-ink:#050a07;--cl5-panel:#0b130e;--cl5-hair:rgba(155,247,145,.18);--cl5-text:#edf6ef;--cl5-muted:#9db2a3;--cl5-ease:cubic-bezier(.18,.76,.22,1);--bg:#060a08;--orange:#98f67c;--panel:#0d1510;--panel2:#101a14}
html{scroll-padding-top:85px}
body{background:#060a08;color:var(--cl5-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:14px;letter-spacing:-.005em}
main{overflow:clip}
h1,h2,h3{letter-spacing:-.052em;font-weight:600}
::selection{background:#a7ff84;color:#071009}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #b1ffa2;outline-offset:4px}
.site-header{background:rgba(5,10,7,.82)!important;border-bottom:1px solid #78f26319!important}
.site-header.is-scrolled{background:rgba(5,10,7,.96)!important}
.nav-rail{max-width:1380px}.nav-desktop a{font-size:11px!important;letter-spacing:.015em}.nav-contact{border-radius:7px!important;font-size:11px!important;font-weight:650}
.brand{font-weight:780}.brand>span:last-child::before{font-size:26px!important}
.availability{letter-spacing:.08em}.availability span{background:var(--cl5)}
.menu-toggle{border-radius:7px;border-color:#376143}
.cl-command-launch{border-radius:7px;font-size:11px;min-height:36px}
.btn-primary,.btn-outline,.btn-ghost{border-radius:7px;gap:14px;padding:11px 17px;min-height:42px}
.section-marker{color:#9cbaa0}.section-topline{margin-bottom:28px;color:#88a791}
.section-dark{background:#060a08}
.cl5-hero{position:relative;min-height:min(860px,100svh);background:#050906;overflow:hidden;isolation:isolate}
.cl5-backdrop{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 57% 85% at 76% 42%,#153620 0%,#0b1d11 36%,#050906 87%)}
.cl5-backdrop-grid{position:absolute;inset:0;background-image:linear-gradient(#9bff6c0a 1px,transparent 1px),linear-gradient(90deg,#9bff6c0a 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,transparent 3%,#000 50%,#000 85%,transparent)}
.cl5-backdrop-beam{position:absolute;inset:0;background:radial-gradient(ellipse 36% 70% at 77% 38%,transparent,#050906b7 76%)}
.cl5-hero-grid{position:relative;display:grid;grid-template-columns:minmax(335px,.86fr) minmax(550px,1.14fr);gap:clamp(25px,4vw,90px);align-items:center;min-height:715px;padding-top:105px;padding-bottom:36px}
.cl5-hero-copy{position:relative;z-index:3;max-width:540px;padding-block:60px 50px}
.cl5-eyebrow{font-size:9px;letter-spacing:.13em;color:#a3b8a7;display:flex;align-items:center;gap:10px;white-space:nowrap}
.cl5-beacon{display:inline-block;width:7px;height:7px;background:#8bfa6d;border-radius:50%;box-shadow:0 0 15px #7bff6b99;flex-shrink:0}
.cl5-eyebrow-slash{color:#4f7056}
.cl5-topline{margin:clamp(65px,8vh,110px) 0 16px;font-size:10px;letter-spacing:.17em;font-weight:700;color:#b0fba6}
.cl5-hero h1{font-size:clamp(42px,4.4vw,68px);line-height:1.06;font-weight:660;letter-spacing:-.075em;color:#f0f6f0;margin:0;max-width:620px;text-wrap:balance}
.cl5-hero h1 span{color:#a3ff8c}
.cl5-lede{font-size:clamp(13px,1.07vw,16px);line-height:1.8;color:#a9bcae;max-width:475px;margin:24px 0 28px}
.cl5-cta{display:flex;flex-wrap:wrap;gap:10px}
.cl5-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:13px 17px;font-size:11px;font-weight:680;border-radius:7px;border:1px solid #56835c;transition:transform .24s var(--cl5-ease),background .24s,border-color .24s}
.cl5-button:hover{transform:translateY(-3px)}.cl5-button:active{transform:scale(.98)}
.cl5-button-solid{background:#a1ff83;color:#0b160c;border-color:#a1ff83}.cl5-button-solid:hover{background:#cbffb6;color:#09170a}
.cl5-button-outline{background:#112016af;color:#e5f8e5;border-color:#416c47}.cl5-button-outline:hover{background:#1a3422;border-color:#85e270}
.cl5-button span{font-size:16px;font-weight:400}
.cl5-hero-facts{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:48px;padding-top:20px;border-top:1px solid #5478583b;color:#ecffee}
.cl5-hero-facts>span{font-size:17px;font-weight:650;letter-spacing:-.04em}
.cl5-hero-facts small{display:block;font-size:9px;font-weight:450;letter-spacing:0;color:#92ac9c;margin-top:3px}
.cl5-hero-facts .cl5-fact-note{font-size:10px;font-weight:450;letter-spacing:0;color:#91bfa0}
.cl5-hero-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.105em;color:#6e8c76;padding:0 0 28px}.cl5-hero-bottom b{color:#acff92;font-size:15px;margin-left:8px}
/* High-density intelligence deck */
.cl5-deck{position:relative;isolation:isolate;width:100%;min-width:0;background:linear-gradient(142deg,#122219d9,#07100bbc 75%);border:1px solid #426e4782;border-radius:17px;overflow:hidden;box-shadow:0 27px 100px #0009,0 0 85px #2bc63b0d}
.cl5-deck:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#8ffb6907 1px,transparent 1px),linear-gradient(#8ffb6907 1px,transparent 1px);background-size:22px 22px;pointer-events:none}
.cl5-deck-head{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #4167484b;background:#0b1810ab;color:#d0f9d0;font-size:10px;letter-spacing:.11em}
.cl5-deck-head>span{display:flex;align-items:center;gap:9px}.cl5-deck-head small,.cl5-deck-index{font-size:9px;color:#74947c;letter-spacing:.09em}.cl5-deck-head i{width:6px;height:6px}
.cl5-deck-display{height:clamp(350px,29vw,410px);position:relative;overflow:hidden}
.cl5-geometry{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cl5-geo-ring{fill:none;stroke:#8bf47845;stroke-width:1}
.cl5-ring-dash{stroke-dasharray:5 9;animation:cl5-rotate 60s linear infinite;transform-origin:312px 197px}
.cl5-geo-axis{stroke:#74c86c18;stroke-width:1;fill:none}
.cl5-geo-line{stroke:#83e97840;stroke-width:1;stroke-dasharray:5 4;fill:none}
.cl5-geo-core-glow{stroke:#70ff5a55;fill:#5af43a0a;stroke-width:1}
.cl5-corner{position:absolute;width:16px;height:16px;border-color:#9af97f;opacity:.65}
.cl5-corner-tl{top:17px;left:17px;border-top:1px solid;border-left:1px solid}
.cl5-corner-br{bottom:17px;right:17px;border-bottom:1px solid;border-right:1px solid}
.cl5-deck-center{position:absolute;left:50%;top:50.5%;width:100px;height:100px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,#163e1c,#0b1e11 72%);box-shadow:0 0 0 1px #84f26a56,0 0 40px #52ff4a1c}
.cl5-deck-center>span{color:#eefff0;font-size:39px;letter-spacing:-.15em;font-weight:780;line-height:1}
.cl5-deck-center small{color:#79bd89;font-size:7px;letter-spacing:.15em;margin-top:8px;text-align:center;line-height:1.4}
.cl5-signal{position:absolute;z-index:2;width:104px;min-height:62px;padding:10px 12px;text-align:left;border:1px solid #406a49;background:#09190fa8;color:#def6dc;border-radius:9px;display:grid;grid-template-columns:auto 1fr;column-gap:9px;row-gap:3px;backdrop-filter:blur(10px);transition:transform .28s var(--cl5-ease),background .28s,border-color .28s,box-shadow .28s}
.cl5-signal-number{font-size:9px;color:#6fa77c;grid-row:span 2;align-self:center}.cl5-signal strong{font-size:13px;font-weight:650;line-height:1}.cl5-signal small{font-size:7px;letter-spacing:.095em;color:#8da796}
.cl5-signal:hover{transform:translateY(-5px);background:#143422;border-color:#b0fda0}
.cl5-signal.is-active{border-color:#adff97;box-shadow:0 0 0 1px #b5ff7a30,0 0 29px #9dff7a16;background:#194028}
.cl5-signal.is-active .cl5-signal-number,.cl5-signal.is-active small{color:#bfffb4}
.cl5-signal-aria{left:6%;top:17%}.cl5-signal-xsight{right:6%;top:17%}.cl5-signal-trace{left:6%;bottom:18%}.cl5-signal-resque{right:6%;bottom:18%}
.cl5-deck-coordinate{position:absolute;bottom:9px;color:#53755c;font:8px ui-monospace,monospace;letter-spacing:.06em}
.cl5-coord-left{left:16px}.cl5-coord-right{right:16px}
.cl5-deck-readout{position:relative;border-top:1px solid #4c764e4a;padding:17px 20px 20px;background:#08140dbb;min-height:154px}
.cl5-readout-meta{display:flex;justify-content:space-between;gap:16px;font-size:8px;letter-spacing:.11em;color:#91c29a}
.cl5-readout-meta span:last-child{color:#587660}
.cl5-readout-body{display:flex;gap:20px;align-items:flex-end;justify-content:space-between;margin-top:14px}
.cl5-readout-body>div{flex:1;min-width:0}
.cl5-readout-kicker{display:block;font-size:9px;color:#90ec8b;letter-spacing:.09em;margin-bottom:6px}
.cl5-readout-body strong{display:block;font-size:clamp(17px,1.6vw,22px);color:#efffef;letter-spacing:-.04em}
.cl5-readout-body p{font-size:11px;line-height:1.5;color:#94ad9c;margin:7px 0 0;max-width:460px}
.cl5-readout-body a{font-size:10px;white-space:nowrap;border:1px solid #406b48;color:#c4ffc3;padding:10px 12px;border-radius:7px;transition:background .2s}
.cl5-readout-body a:hover{background:#1a3b22;border-color:#8efc78}
.cl5-deck-disclaimer{position:relative;border-top:1px solid #273a2b78;padding:11px 20px;margin:0;background:#07110acb;color:#6f9176;font-size:9px;line-height:1.4}
@keyframes cl5-rotate{to{transform:rotate(360deg)}}
/* Systems become links, not dead cards */
.cl5-system-index{position:relative;padding:clamp(68px,8vw,116px) 0;background:#080d0a;border-block:1px solid #263f2b}
.cl5-overline{font-size:10px;letter-spacing:.13em;color:#8fda87;font-weight:680}
.cl5-section-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.7fr);gap:70px;align-items:end;margin-bottom:42px}
.cl5-section-intro h2{font-size:clamp(31px,3.4vw,51px);line-height:1.12;letter-spacing:-.06em;margin:15px 0 0}
.cl5-section-intro h2 em{font-style:normal;color:#90bfa1}
.cl5-section-intro>p{color:#91a999;font-size:13px;line-height:1.7;max-width:350px;margin:0}
.cl5-system-rows{border-top:1px solid #315036}
.cl5-system-row{display:grid;grid-template-columns:42px minmax(80px,150px) minmax(0,1fr) minmax(145px,200px) 24px;align-items:center;gap:16px;padding:24px 17px;border-bottom:1px solid #315036;transition:background .28s,padding .28s;position:relative}
.cl5-system-row:hover,.cl5-system-row:focus-visible{background:#122019;padding-left:27px}
.cl5-row-number{font:11px ui-monospace,monospace;color:#7da989}
.cl5-row-title{font-size:clamp(20px,2.4vw,31px);font-weight:640;letter-spacing:-.05em}
.cl5-row-copy{font-size:12px;color:#aac0ad;max-width:440px;line-height:1.5}
.cl5-row-status{font-size:9px;letter-spacing:.06em;color:#8baf93}
.cl5-row-arrow{justify-self:end;font-size:21px;color:#a5ff95}
.cl5-row-footer{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#799481;font-size:11px}
.cl5-row-footer a{color:#c2ffc4}.cl5-row-footer a:hover{text-decoration:underline}
/* Comprehensive subpage editorial overhaul: reduce giant titles and excessive whitespace. */
.subhero,.experience-intro{padding-top:clamp(128px,13vw,175px)!important;padding-bottom:clamp(48px,6vw,82px)!important;min-height:0!important}
.subhero h1,.experience-intro h1{font-size:clamp(42px,5.2vw,76px)!important;line-height:1.035!important;letter-spacing:-.065em!important;max-width:900px!important;margin:22px 0 23px!important;font-weight:600!important}
.subhero h1 em,.experience-intro h1 em{color:#b5f7af!important;font-style:normal!important}
.subhero p,.experience-intro>p{font-size:clamp(13px,1.2vw,16px)!important;line-height:1.72!important;color:#a5b6a7!important;max-width:650px!important}
.intro-slab,.diagram-section,.curve-section,.constellation-section,.experience-teaser,.featured-section{padding-top:clamp(64px,7vw,100px)!important;padding-bottom:clamp(65px,7vw,100px)!important}
.split-editorial h2,.diagram-head h2,.constellation-copy h2,.experience-teaser h2,.products-heading h2,.demo-title-row h2{font-size:clamp(33px,4vw,62px)!important;line-height:1.09!important;letter-spacing:-.063em!important;margin-top:9px!important;margin-bottom:22px!important}
.intro-slab .split-editorial,.diagram-section .diagram-head{gap:clamp(20px,4vw,70px)}
.constellation-copy{margin-top:clamp(50px,8vw,120px)!important}
.constellation-section,.constellation-inner{min-height:660px!important}
.constellation-copy p,.diagram-head p,.split-editorial p{font-size:13px!important;line-height:1.75!important}
.feature-card,.lab-output,.demo-answer,.experience-stage,.index-row,.project-stage,.studio-facts,.story-identity{border-color:#33513a!important}
.lab-step.active{box-shadow:inset 3px 0 0 #9df58e!important}
.curve-line{stroke:#89f878!important}.curve-marker{fill:#d0ffbd!important}
.flow-diagram svg>path,.flow-point{stroke:#9efc8d!important}
.product-intro .project-headline{color:#d5eddb!important}
.index-row:hover{background:#112017}
.index-stage,.project-stage{color:#a3c2a8!important}
.section-topline{margin-bottom:25px!important}
/* Don't leave a blank constellation. The old canvas becomes subtle texture under useful selectable nodes. */
.constellation-section{background:radial-gradient(ellipse at 61% 43%,#0a2011,#060a08 71%)!important}
.constellation-section .constellation-canvas:after{background:linear-gradient(90deg,#060a08dd 0%,#060a0810 75%)!important}
.constellation-canvas canvas{opacity:.24!important}
.cl5-map{position:absolute;left:45%;top:12%;width:50%;height:72%;z-index:2;pointer-events:none}
.cl5-map:before,.cl5-map:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #9ef37b30;border-radius:50%;width:min(60%,330px);aspect-ratio:1}
.cl5-map:after{width:min(88%,480px);border-style:dashed;opacity:.5}
.cl5-map-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#e7fce8;background:#163721;border:1px solid #8df97b7c;border-radius:50%;width:84px;height:84px;display:grid;place-items:center;font-size:35px;font-weight:780;letter-spacing:-.14em;box-shadow:0 0 75px #52e8401c}
.cl5-map-node{position:absolute;min-width:91px;text-align:center;border:1px solid #5c9260;background:#0b1b10eb;color:#e9f9e9;border-radius:8px;font-size:11px;font-weight:600;padding:13px;pointer-events:auto;transition:background .2s,border-color .2s,transform .2s}
.cl5-map-node:hover{transform:translateY(-3px);border-color:#aaff94}
.cl5-map-node[aria-pressed=true]{background:#9eff85;color:#0c180e;border-color:#aaff85}
.cl5-map-node[data-cl5-map=growth]{top:8%;left:14%}
.cl5-map-node[data-cl5-map=operations]{top:8%;right:6%}
.cl5-map-node[data-cl5-map=evidence]{bottom:8%;left:14%}
.cl5-map-node[data-cl5-map=learning]{bottom:8%;right:6%}
.cl5-map-caption{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font:9px ui-monospace,monospace;color:#789681;white-space:nowrap}
@media(max-width:1100px){
.cl5-hero-grid{grid-template-columns:minmax(290px,.8fr) minmax(430px,1.2fr);gap:24px}
.cl5-hero h1{font-size:clamp(42px,4.6vw,57px)}
.cl5-signal{width:97px}
.cl5-signal-aria,.cl5-signal-trace{left:3%}
.cl5-signal-xsight,.cl5-signal-resque{right:3%}
.cl5-system-row{grid-template-columns:35px 112px 1fr 130px 20px;gap:12px}
}
@media(max-width:820px){
.cl5-hero{min-height:0}
.cl5-hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-top:95px;min-height:0;gap:24px}
.cl5-hero-copy{max-width:660px;padding:18px 0 5px}
.cl5-topline{margin:46px 0 15px}
.cl5-hero h1{font-size:clamp(43px,7.1vw,64px)}
.cl5-lede{max-width:630px}
.cl5-deck{max-width:690px;margin:auto}
.cl5-hero-bottom{padding-top:30px}
.cl5-section-intro{grid-template-columns:1fr;gap:18px}
.cl5-row-status{display:none}
.cl5-system-row{grid-template-columns:33px 115px minmax(0,1fr) 20px}
.cl5-map{left:41%;width:58%}
}
@media(max-width:560px){
.cl5-hero-grid{padding-top:78px}
.cl5-hero-copy{padding-top:14px}
.cl5-eyebrow{font-size:8px;letter-spacing:.065em;white-space:normal}
.cl5-topline{margin:37px 0 12px;font-size:9px}
.cl5-hero h1{font-size:clamp(38px,10.3vw,55px);line-height:1.08;letter-spacing:-.07em}
.cl5-lede{font-size:13px;margin:18px 0 22px}
.cl5-cta{display:grid;grid-template-columns:1fr;gap:9px}
.cl5-button{min-height:46px}
.cl5-hero-facts{margin-top:30px;gap:17px}
.cl5-hero-facts .cl5-fact-note{flex-basis:100%}
.cl5-deck-head{padding:0 12px;height:42px;font-size:9px}
.cl5-deck-head small{display:none}
.cl5-deck-display{height:310px}
.cl5-deck-center{width:82px;height:82px}
.cl5-deck-center>span{font-size:33px}
.cl5-signal{width:84px;min-height:53px;padding:8px;column-gap:5px}
.cl5-signal strong{font-size:12px}
.cl5-signal small{font-size:6px}
.cl5-signal-number{font-size:8px}
.cl5-signal-aria,.cl5-signal-trace{left:2%}
.cl5-signal-xsight,.cl5-signal-resque{right:2%}
.cl5-deck-coordinate{font-size:6px}
.cl5-deck-readout{padding:14px}
.cl5-readout-meta{font-size:7px}
.cl5-readout-body{display:block}
.cl5-readout-body a{display:inline-flex;margin-top:12px}
.cl5-deck-disclaimer{padding:10px 14px}
.cl5-hero-bottom span:last-child{display:none}
.cl5-system-index{padding:60px 0}
.cl5-section-intro{margin-bottom:29px}
.cl5-section-intro h2{font-size:30px}
.cl5-system-row{grid-template-columns:26px 94px 1fr 15px;gap:8px;padding:18px 4px}
.cl5-row-title{font-size:22px}
.cl5-row-copy{font-size:10px}
.cl5-row-footer{display:block;font-size:10px}
.cl5-row-footer a{display:block;margin-top:10px}
.subhero,.experience-intro{padding-top:110px!important}
.subhero h1,.experience-intro h1{font-size:clamp(39px,10vw,55px)!important}
.split-editorial h2,.diagram-head h2,.constellation-copy h2,.experience-teaser h2,.products-heading h2,.demo-title-row h2{font-size:clamp(32px,8vw,43px)!important}
.constellation-inner,.constellation-section{min-height:770px!important}
.constellation-copy{margin-top:30px!important}
.cl5-map{top:auto;left:3%;bottom:30px;width:94%;height:320px}
.cl5-map-core{width:67px;height:67px;font-size:29px}
.cl5-map-node{min-width:83px;font-size:10px;padding:11px}
.cl5-map-node[data-cl5-map=growth],.cl5-map-node[data-cl5-map=evidence]{left:3%}
.cl5-map-node[data-cl5-map=operations],.cl5-map-node[data-cl5-map=learning]{right:3%}
}
@media(prefers-reduced-motion:reduce){.cl5-ring-dash{animation:none!important}.cl5-button,.cl5-signal,.cl5-system-row,.cl5-map-node{transition:none!important}}

/* Active routing: selected signal illuminates its evidence path. */
.cl5-geo-line{transition:stroke .22s,stroke-width .22s}
.cl5-deck[data-cl5-active="aria"] [data-cl5-wire="aria"],.cl5-deck[data-cl5-active="xsight"] [data-cl5-wire="xsight"],.cl5-deck[data-cl5-active="trace"] [data-cl5-wire="trace"],.cl5-deck[data-cl5-active="resque"] [data-cl5-wire="resque"]{stroke:#b3ff9a;stroke-width:2;stroke-dasharray:5 7;filter:drop-shadow(0 0 5px #8dfd64);animation:cl5-signal-flow 1.3s linear infinite}
@keyframes cl5-signal-flow{to{stroke-dashoffset:-24}}
@media(prefers-reduced-motion:reduce){.cl5-deck [data-cl5-wire]{animation:none!important}}