
:root{color-scheme:dark;--bg:#090d14;--panel:#101927;--panel2:#151f2e;--border:#293647;--ink:#f2f5f9;--muted:#a8b8ca;--sky:#9edcff;--sea:#72accf}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 82% 2%,#1a3046 0%,transparent 43%),var(--bg);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.6}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.wrap{max-width:1152px;margin:auto;padding:0 25px}.header{border-bottom:1px solid #ffffff16}.header .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:19px;padding-bottom:19px;gap:20px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;letter-spacing:.08em;font-size:.94rem;font-weight:780}.brand img{height:42px;width:42px;object-fit:cover;border-radius:10px}.brand em{font-style:normal;color:var(--sky)}.nav{display:flex;gap:20px;flex-wrap:wrap;font-size:.89rem}.nav a{text-decoration:none;color:var(--muted)}.nav a:hover{color:white}.hero{padding:95px 0 86px}.kicker{color:var(--sky);letter-spacing:.17em;font-weight:700;font-size:.77rem;text-transform:uppercase}h1{font-size:clamp(46px,7vw,82px);line-height:1.06;letter-spacing:-.055em;margin:22px 0}h1 span{color:#9fc4d8}.lead{max-width:750px;font-size:1.18rem;color:#c0cfdf}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.button{font:inherit;display:inline-block;border-radius:9px;background:var(--sky);color:#06101a;padding:13px 20px;text-decoration:none;font-weight:750;border:1px solid var(--sky);cursor:pointer}.button.alt{background:transparent;color:var(--ink);border-color:#52677e}.section{padding:64px 0;border-top:1px solid #ffffff1c}h2{font-size:clamp(29px,3.6vw,43px);line-height:1.17;margin:12px 0 15px;letter-spacing:-.035em}h3{font-size:1.19rem;margin:0 0 12px}p{margin-top:0}.intro{color:var(--muted);max-width:760px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.card{background:linear-gradient(145deg,#172434,#101721);border:1px solid var(--border);border-radius:15px;padding:26px}.card p,.card li{color:var(--muted);font-size:.93rem}.card ul{padding-left:20px}.tag{display:inline-block;font-size:.73rem;letter-spacing:.04em;color:#c6e5f6;border:1px solid #4b6577;border-radius:50px;padding:5px 11px;margin-bottom:21px}.two{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}.step{border:1px solid var(--border);border-radius:12px;padding:20px;background:#121b28}.step:before{counter-increment:s;content:'0' counter(s);display:block;color:var(--sky);margin-bottom:14px;font-weight:800}.step p{font-size:.86rem;color:var(--muted)}.video{border:1px solid #3c546a;border-radius:17px;overflow:hidden;background:#101927;box-shadow:0 20px 55px #0007;margin:0}.video video{display:block;max-height:470px;width:100%;object-fit:contain;background:#0b111b}.video figcaption{color:var(--muted);font-size:.76rem;padding:12px 16px;border-top:1px solid var(--border)}.subtlebox{background:#111e2b;border:1px solid #304258;border-radius:13px;padding:25px;margin-top:20px}.subtlebox p:last-child{margin-bottom:0}.muted{color:var(--muted)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field label{font-size:.91rem;color:#cfdfed}input,select,textarea{width:100%;background:#0b131f;color:var(--ink);border:1px solid #40536a;padding:12px;border-radius:8px;font:inherit}textarea{min-height:116px;resize:vertical}.note{color:var(--muted);font-size:.85rem}#form-status{font-weight:650;min-height:1.5em}.footer{padding:34px 0 45px;border-top:1px solid #ffffff18;color:var(--muted);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.84rem}.footer a{color:#d0e3f2}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#a5e7ff;margin-right:7px;animation:pulse 2.4s infinite}@keyframes pulse{50%{opacity:.4}}@media(max-width:850px){.cards{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.hero{padding:68px 0}}@media(max-width:530px){.header .wrap{align-items:flex-start;flex-direction:column}.formgrid,.steps{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}


/* BAGLEY motion layer — unobtrusive and motion-safe */
body{position:relative;isolation:isolate}
body::before{content:"";position:fixed;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 15%,rgba(54,112,167,.105),transparent 46%),radial-gradient(ellipse at 10% 72%,rgba(67,105,154,.065),transparent 48%);animation:bagleyAtmosphere 26s ease-in-out infinite alternate}
@keyframes bagleyAtmosphere{from{transform:translate3d(-1%,1%,0) scale(1)}to{transform:translate3d(2%,-2%,0) scale(1.035)}}
.header{background:rgba(9,13,20,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:sticky;top:0;z-index:12}
.header .wrap{transition:padding .35s ease}
.brand img{transition:box-shadow .6s ease,filter .6s ease;box-shadow:0 0 0 rgba(158,220,255,0)}
.brand:hover img,.brand:focus-visible img{box-shadow:0 0 19px rgba(117,178,215,.25);filter:brightness(1.08)}
.nav a{position:relative;transition:color .23s ease}
.nav a::after{content:"";position:absolute;bottom:-5px;left:0;right:100%;height:1px;background:var(--sky);transition:right .33s ease}
.nav a:hover::after,.nav a:focus-visible::after{right:0}
.button{position:relative;transition:transform .27s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,background .3s ease,border-color .3s ease;will-change:transform}
.button:hover{transform:translateY(-3px);box-shadow:0 11px 28px rgba(77,141,186,.18)}
.button:active{transform:translateY(-1px)}
.button.alt:hover{border-color:#8ac6e8;background:rgba(142,201,237,.06)}
.card,.step,.subtlebox,.video{transition:transform .38s cubic-bezier(.22,1,.36,1),border-color .38s ease,box-shadow .4s ease}
.card:hover,.step:hover{transform:translateY(-4px);border-color:#4e7897;box-shadow:0 18px 34px rgba(0,0,0,.18),0 0 24px rgba(89,151,198,.07)}
.subtlebox:hover{border-color:#4a657c;box-shadow:0 12px 35px rgba(0,0,0,.12)}
.video:hover{border-color:#6895b4;box-shadow:0 20px 60px #0008,0 0 30px rgba(94,163,215,.1)}
input,textarea,select{transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}
input:focus,textarea:focus,select:focus{border-color:#90cee9;box-shadow:0 0 0 3px rgba(113,178,221,.10);background:#101b2a}
::selection{background:#477e9f;color:white}
/* Reveal is opt-in only when JS and IntersectionObserver are available. */
.motion-ready .motion-reveal{opacity:0;transform:translate3d(0,17px,0);transition:opacity .72s ease,transform .85s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .motion-reveal.is-visible{opacity:1;transform:none}
.hero .kicker{letter-spacing:.17em}
@media(hover:none){.card:hover,.step:hover,.button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){body::before{animation:none!important}.motion-ready .motion-reveal{opacity:1!important;transform:none!important;transition:none!important}.button,.card,.step,.subtlebox,.video,.brand img,.nav a,.nav a::after,input,textarea,select{transition:none!important;transform:none!important}}


/* BAGLEY ALIVE V2 — visual demo, no claims about real system metrics */
.alive-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,410px);gap:45px;align-items:center;min-height:690px;padding:78px 0 88px;isolation:isolate}
#bagley-network{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.78}
.hero-glow{position:absolute;z-index:-1;pointer-events:none;inset:5% -10%;background:radial-gradient(ellipse at 80% 47%,rgba(80,153,207,.13),transparent 48%);animation:aliveGlow 9s ease-in-out infinite alternate}
@keyframes aliveGlow{from{opacity:.45;transform:scale(.97)}to{opacity:1;transform:scale(1.035)}}
.hero-content{min-width:0}.alive-hero h1{font-size:clamp(50px,6.4vw,79px);text-shadow:0 12px 45px #07101c}
.alive-hero h1 span{background:linear-gradient(95deg,#e3f4ff 2%,#6cb6e4 49%,#bde6ff 88%);background-size:200% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:aliveShimmer 8s linear infinite}
@keyframes aliveShimmer{to{background-position:200% center}}
.hero-indicators{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px;font-size:.61rem;letter-spacing:.075em;color:#8da9c3}
.hero-indicators span{display:inline-flex;align-items:center;gap:7px}.hero-indicators i{height:5px;width:5px;border-radius:50%;background:#7cbad9;box-shadow:0 0 8px rgba(137,208,240,.6);animation:aliveBlink 2.5s ease-in-out infinite}
.hero-indicators span:nth-child(2) i{animation-delay:.8s}.hero-indicators span:nth-child(3) i{animation-delay:1.6s}
@keyframes aliveBlink{50%{opacity:.25;box-shadow:none}}
.hero-console{position:relative;overflow:hidden;padding:21px 23px 16px;background:linear-gradient(145deg,rgba(25,43,63,.92),rgba(8,15,27,.95));border:1px solid rgba(121,178,220,.36);border-radius:22px;box-shadow:0 30px 85px #0007,inset 0 1px #d0edff14;min-height:465px;animation:aliveFloat 7s ease-in-out infinite}
@keyframes aliveFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.hero-console::before{content:'';pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 5px,rgba(125,189,239,.012) 6px);opacity:.8}
.hero-console::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:35%;transform:rotate(-15deg);background:linear-gradient(transparent,rgba(147,208,246,.05),transparent);animation:aliveScan 10s linear infinite;pointer-events:none}
@keyframes aliveScan{to{top:155%}}
.console-top,.console-footer{display:flex;justify-content:space-between;gap:9px;align-items:center;color:#9ac3df;font-size:.62rem;letter-spacing:.105em}
.console-mono,.console-footer{font-family:ui-monospace,Consolas,monospace}.console-dot{width:7px;height:7px;border-radius:50%;background:#a6e8ff;box-shadow:0 0 16px #7bd8ff;animation:aliveBlink 2.3s infinite}
.console-orb{height:260px;position:relative;display:grid;place-items:center;perspective:500px}
.orb-ring{position:absolute;border:1px solid rgba(140,207,251,.29);border-radius:50%;box-shadow:inset 0 0 18px rgba(96,168,226,.07),0 0 15px rgba(62,155,212,.07)}
.ring-one{width:205px;height:205px;animation:orbTurn 25s linear infinite}.ring-two{width:165px;height:165px;border-style:dashed;animation:orbTurn 18s linear infinite reverse}.ring-three{width:238px;height:238px;border-color:rgba(146,211,250,.1);border-left-color:#88c8f4;border-right-color:#88c8f4;animation:orbTurn 11s linear infinite}
@keyframes orbTurn{to{transform:rotate(360deg)}}
.orb-center{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#203c57,#0a1625 75%);box-shadow:0 0 30px rgba(100,192,248,.16),0 0 75px rgba(48,133,197,.07);border:1px solid #6892b566;animation:orbBreath 4s ease-in-out infinite}
.orb-center img{width:64px;height:64px;object-fit:cover;border-radius:13px;mix-blend-mode:screen;filter:contrast(1.2)}
@keyframes orbBreath{50%{box-shadow:0 0 40px rgba(100,192,248,.34),0 0 95px rgba(48,133,197,.15)}}
.orbit-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#c2eaff;box-shadow:0 0 14px #86d7ff}.orbit-one{top:44px;left:50%}.orbit-two{bottom:44px;right:20%}
.console-label{text-align:center;letter-spacing:.22em;font-size:.8rem;font-weight:800}.console-label span{color:#70b8db}.console-small{text-align:center;font-size:.55rem;letter-spacing:.18em;color:#799bb4;margin-top:5px}
.console-wave{height:41px;display:flex;align-items:center;justify-content:center;gap:4px;margin:12px 0 9px}
.console-wave span{display:block;width:2px;height:var(--bar,14px);border-radius:8px;background:linear-gradient(#d0f4ff,#5998c4);transform-origin:center;animation:aliveAudio 1.5s ease-in-out infinite alternate;animation-delay:var(--delay,0s);opacity:.7}
@keyframes aliveAudio{0%,100%{transform:scaleY(.27);opacity:.4}50%{transform:scaleY(1);opacity:.9}}
.console-footer{padding-top:12px;border-top:1px solid #ffffff19;font-size:.55rem;color:#799bb4}
.alive-strip{display:flex;align-items:center;justify-content:space-around;gap:15px;flex-wrap:wrap;padding:21px 10px 27px;border-top:1px solid rgba(129,177,213,.14);border-bottom:1px solid rgba(129,177,213,.14);font-size:.68rem;letter-spacing:.21em;color:#8db1ca;font-weight:700}.alive-strip b{height:3px;width:3px;background:#6c9bbc;border-radius:50%}
.process-track{position:relative}.process-line{position:absolute;left:3%;right:3%;top:65px;height:1px;background:linear-gradient(90deg,transparent,#5d9ac4 12%,#83d5ff 50%,#5d9ac4 88%,transparent);background-size:200% 100%;animation:aliveRoute 5s linear infinite;opacity:.6;pointer-events:none;z-index:2}
@keyframes aliveRoute{to{background-position:200% 0}}
.step{position:relative;overflow:hidden}.step::after{content:'';position:absolute;left:-50%;top:0;width:35%;height:100%;background:linear-gradient(90deg,transparent,rgba(183,228,255,.07),transparent);transform:skew(-20deg) translateX(-150%);transition:transform .8s ease}.step:hover::after{transform:skew(-20deg) translateX(600%)}
.card{position:relative;overflow:hidden}.card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(135,197,239,.13),transparent 68%);opacity:0;pointer-events:none;transition:opacity .32s ease}.card:hover::before{opacity:1}
.hero-console,.card,.step,.button{backface-visibility:hidden}
@media(max-width:850px){.alive-hero{grid-template-columns:1fr;min-height:0;gap:8px;padding:68px 0 64px}.hero-console{max-width:460px;width:100%;justify-self:center}.process-line{display:none}}
@media(max-width:530px){.hero-console{min-height:430px}.console-orb{height:250px}.alive-strip{font-size:.55rem;gap:10px}.alive-hero h1{font-size:clamp(48px,12vw,72px)}}
@media(prefers-reduced-motion:reduce){.hero-glow,.alive-hero h1 span,.hero-indicators i,.hero-console,.hero-console::after,.console-dot,.orb-ring,.orb-center,.console-wave span,.process-line{animation:none!important}.hero-console{transform:none!important}}

/* BAGLEY visual fix: hide the decorative stripe crossing process cards. */
.process-track > .process-line{display:none!important}
