/* Analytics — "Signal" (ice blue, precise) */

/* Hero */
.an-hero{ position:relative; min-height:100svh; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; }
.an-bg{ position:absolute; inset:-5% 0; }
.an-bg img{ width:100%; height:100%; object-fit:cover; }
.an-bg.grade::before{ background:linear-gradient(90deg,rgba(5,5,9,.7),rgba(5,5,9,.15) 65%),linear-gradient(180deg,rgba(5,5,9,.65),rgba(5,5,9,.25) 35%,rgba(5,5,9,.65) 70%,var(--ink-0)); }
.signal{ position:absolute; left:0; right:0; top:20%; width:100%; height:44%; z-index:2; overflow:visible; pointer-events:none; }
.sig-line{ fill:none; stroke:url(#sg); stroke-width:2.2; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 10px rgba(92,99,217,.8)); }
.sig-area{ fill:url(#sf); }
.sig-dot{ fill:#fff; filter:drop-shadow(0 0 10px #a9d9ff); }
.an-hero-copy{ position:relative; z-index:3; padding-top:calc(var(--nav-h) + 30px); padding-bottom:40px; }
.an-hero-copy .crumbs{ margin-bottom:30px; }
.an-title{ font-size:clamp(2.4rem,min(7vw,12svh),7.8rem); margin-bottom:34px; }
.an-title .serif{ color:#d6ecff; text-shadow:0 0 34px rgba(169,217,255,.55); padding-right:.06em; }
.an-title > span{ display:block; }
.an-hero-row{ display:grid; grid-template-columns:1fr auto; gap:30px; align-items:end; }
.an-hero-row .lead{ color:var(--bone-2); }
.an-ctas{ display:flex; gap:14px; flex-wrap:wrap; }
.ticker{ position:relative; z-index:3; border-top:1px solid var(--line-2); border-bottom:1px solid var(--line-2); padding:16px 0; margin-bottom:70px; background:rgba(5,5,9,.62); --gap:56px; }
.tk{ display:inline-flex; align-items:center; gap:12px; font-family:var(--f-mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--fog); }
.tk i{ width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:7px solid #6aa8ff; }
.tk i.up{ border-top:0; border-bottom:7px solid #5fd38d; }
@media (max-width:900px){ .an-hero-row{ grid-template-columns:1fr; } }

/* Sequence */
.an-seq-stage{ position:relative; height:100vh; overflow:hidden; display:grid; place-items:center; }
.bars{ position:absolute; left:8%; right:8%; bottom:14%; height:56%; display:flex; align-items:flex-end; gap:1.2%; }
.bars i{ flex:1; border-radius:6px 6px 2px 2px; background:linear-gradient(180deg,rgba(169,217,255,.55),rgba(42,143,224,.15)); border:1px solid rgba(169,217,255,.25); transform-origin:50% 100%; }
.trend{ position:absolute; left:8%; right:8%; bottom:14%; height:56%; width:84%; overflow:visible; z-index:2; }
.trend path{ fill:none; stroke:#fff; stroke-width:2.5; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 12px rgba(169,217,255,.9)); }
.an-lines{ position:relative; z-index:3; width:100%; font-size:clamp(2.2rem,min(6vw,11svh),6.4rem); text-align:center; margin-top:-30vh; }
.an-l{ position:absolute; left:0; right:0; top:0; font-size:inherit; padding:0 var(--gutter); }
.an-l .serif{ color:var(--accent-2); }

/* Deliver */
.an-deliver-head{ display:grid; justify-items:center; text-align:center; gap:24px; margin-bottom:60px; }
.an-deliver-head .lead{ text-align:center; }
.screen-wrap{ perspective:1600px; margin-bottom:80px; }
.screen{ width:min(100%,1100px); margin:0 auto; border-radius:22px; overflow:hidden; background:#0b0c1a; border:1px solid var(--line-2); box-shadow:0 80px 160px -50px rgba(42,143,224,.45),0 0 0 1px rgba(169,217,255,.05); transform-origin:50% 100%; }
.screen-bar{ display:flex; align-items:center; gap:7px; padding:12px 16px; border-bottom:1px solid var(--line); font-size:.62rem; color:var(--fog); }
.screen-bar i{ width:10px; height:10px; border-radius:50%; background:#2a2f4a; }
.screen-bar span{ margin-left:10px; }
.screen-img{ aspect-ratio:16/8.5; overflow:hidden; }
.screen-img img{ width:100%; height:100%; object-fit:cover; filter:saturate(.9) hue-rotate(-8deg); }
.an-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.an-card{ padding:28px; border-radius:22px; background:linear-gradient(180deg,rgba(20,24,48,.8),rgba(9,9,26,.8)); border:1px solid var(--line); display:flex; flex-direction:column; gap:12px; }
.an-card p{ color:var(--fog); }
.mini{ display:flex; align-items:flex-end; gap:5px; height:54px; margin-bottom:22px; }
.mini i{ width:12px; height:var(--h); border-radius:3px; background:linear-gradient(180deg,#a9d9ff,#2a8fe0); transform-origin:bottom; transform:scaleY(0); transition:transform 1.2s var(--ease); }
.mini i.fc{ background:repeating-linear-gradient(180deg,#c6b3ff 0 4px,transparent 4px 7px); }
.an-card.in .mini i{ transform:scaleY(1); }
.an-card.in .mini i:nth-child(2){ transition-delay:.08s; } .an-card.in .mini i:nth-child(3){ transition-delay:.16s; } .an-card.in .mini i:nth-child(4){ transition-delay:.24s; } .an-card.in .mini i:nth-child(5){ transition-delay:.32s; }
@media (max-width:980px){ .an-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:620px){ .an-grid{ grid-template-columns:1fr; } }

/* Pipeline */
.pipe{ position:relative; }
.pipe-svg{ width:100%; height:40px; display:block; }
.pipe-track{ stroke:var(--line-2); stroke-width:2; fill:none; vector-effect:non-scaling-stroke; }
.pipe-flow{ stroke:url(#sg); stroke:var(--accent); stroke-width:2; fill:none; stroke-dasharray:6 10; vector-effect:non-scaling-stroke; animation:flow 1s linear infinite; }
@keyframes flow{ to{ stroke-dashoffset:-16; } }
.pipe-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:-30px; }
.pst{ position:relative; padding-top:10px; display:flex; flex-direction:column; gap:12px; }
.pst-n{ width:58px; height:58px; border-radius:50%; display:grid; place-items:center; background:var(--ink-0); border:1px solid var(--line-2); font-family:var(--f-mono); font-size:.8rem; transition:all .6s var(--ease); }
.pst.on .pst-n{ background:var(--grad); border-color:transparent; box-shadow:0 0 0 8px rgba(59,155,230,.12),0 0 30px rgba(59,155,230,.5); }
.pst .mono{ font-size:.8rem; color:var(--bone); margin-top:10px; }
.pst p{ color:var(--fog); }
@media (max-width:900px){ .pipe-svg{ display:none; } .pipe-steps{ grid-template-columns:1fr 1fr; margin-top:0; } }

/* Outcomes (light) */
.an-out{ background:linear-gradient(180deg,#f3f1ec,#eaf1fa); }
.an-out-img{ height:260px; border-radius:22px; justify-self:end; width:100%; max-width:520px; }
.tiles6{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.t6{ padding:30px; border-radius:22px; background:#fff; border:1px solid rgba(5,5,9,.07); display:flex; flex-direction:column; gap:10px; min-height:220px; transition:translate .6s var(--ease), box-shadow .6s var(--ease); }
.t6:hover{ translate:0 -6px; box-shadow:0 30px 60px -30px rgba(23,21,47,.3); }
.t6-k{ width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background:linear-gradient(135deg,#2a8fe0,#5c63d9); color:#fff; font-size:1rem; margin-bottom:auto; }
.t6 p{ color:#4c4a62; }
@media (max-width:900px){ .tiles6{ grid-template-columns:1fr 1fr; } .an-out-img{ justify-self:start; } }
@media (max-width:600px){ .tiles6{ grid-template-columns:1fr; } }