:root{--blue:#1f4e8c;--blue-dark:#12305a;--mustard:#e1ad01;--burgundy:#7a1f3d;--ink:#0f1b33;--muted:#52607a;--line:#d5dce8;--soft:#eef2f8}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--ink);background:#fff;margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.wrap{max-width:1890px;margin:0 auto;padding:0 1rem}header{color:#fff;background:#000;border-top:4px solid #19d3ff;height:640px;position:relative}header .wrap{padding-top:3.5rem;padding-bottom:4rem}header:before{content:"";aspect-ratio:1599/984;pointer-events:none;background:url(/images/laptop-workflow.png) 50%/contain no-repeat;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000c);mask-image:linear-gradient(90deg,#0000,#000c)}@media (width<=40rem){header:before{height:70%;top:auto;bottom:0}}.logo-wrap{z-index:2;aspect-ratio:1250/641;width:min(14rem,45%);position:absolute;top:1.5rem;left:1.5rem}.logo{opacity:1;width:100%;height:100%;margin:0;transition:opacity 2.4s ease-in-out;display:block}.logo-wrap.intro .logo{opacity:0}.logo-particles{pointer-events:none;position:absolute;inset:0}h1{letter-spacing:-.02em;max-width:34rem;margin:0 0 1rem;font-size:clamp(1.9rem,5vw,2.9rem);line-height:1.15}.lead{color:#e1eaf7;max-width:36rem;margin:0;font-size:1.15rem}main .wrap{padding-top:3rem;padding-bottom:3rem}h2{color:var(--burgundy);margin:0 0 .75rem;font-size:1.4rem}.card{border:1px solid var(--line);border-top:3px solid var(--blue);background:#fff;border-radius:6px;margin:0 0 2.5rem;padding:1.5rem}.card p{color:var(--muted);max-width:42rem;margin:0 0 1rem}.card h3{margin:0 0 .4rem;font-size:1.1rem}.card .grid p,.grid .card p{margin:0}.grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;margin:0 0 2.5rem;display:grid}.grid .card{margin:0}a.button{background:var(--mustard);color:#231a00;border-radius:6px;padding:.7rem 1.2rem;font-weight:700;text-decoration:none;display:inline-block}a.button:hover{background:#c79500}a{color:var(--blue)}a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.contact p{color:var(--muted);margin:0}footer{color:#031433;background:#19d3ff;font-size:.9rem}footer .wrap{text-align:center;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;padding-top:1.5rem;padding-bottom:1.5rem;display:flex}footer a{color:#031433}.contact form{gap:.9rem;max-width:36rem;margin-top:1rem;display:grid}.contact label{gap:.25rem;font-size:.95rem;font-weight:600;display:grid}.contact input,.contact select,.contact textarea{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;padding:.6rem .7rem}.contact input:focus-visible,.contact select:focus-visible,.contact textarea:focus-visible{outline:3px solid var(--blue);outline-offset:1px}.contact button.button{cursor:pointer;font:inherit;border:0;justify-self:start;font-weight:700}.contact button.button:disabled{opacity:.6;cursor:default}.hp{position:absolute;left:-9999px}.note{color:var(--muted);margin:0;font-size:.9rem}.status{margin:0;font-weight:600}.status.ok{color:#1c6b3a}.status.err{color:var(--burgundy)}main{color:#fff;background:#0a42b4}main h2{color:#fff}main .card{color:var(--ink)}main .card h2{color:var(--burgundy)}.contact p{color:#dbe7ff}.contact a{color:#fff}.contact a:focus-visible,.contact input:focus-visible,.contact select:focus-visible,.contact textarea:focus-visible{outline-color:var(--mustard)}.contact .note{color:#dbe7ff}.contact .status.ok{color:#b8f5cf}.contact .status.err{color:#ffd0d9}main .grid .card{color:#fff;background:repeating-linear-gradient(45deg,#5aaaff1a 0 2px,#0000 2px 10px),#07101f;border:1px solid #5aaaff59;border-radius:10px;padding:1.75rem 1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 8px 24px #000a2873}main .grid .card:hover{border-color:#19d3ff;transform:translateY(-4px);box-shadow:0 12px 32px #000a2899,0 0 18px #19d3ff40}main .grid .card h3{text-transform:uppercase;letter-spacing:.1em;color:#fff;background:linear-gradient(90deg,#0a6cff,#0a2f7a);border-bottom:2px solid #19d3ff;margin:-1.75rem -1.5rem 1.25rem;padding:.85rem 1.5rem;font-size:1.05rem}main .grid .card p{color:#bcd3f5}@media (prefers-reduced-motion:reduce){main .grid .card{transition:none}main .grid .card:hover{transform:none}}header .wrap{z-index:1;padding-top:9rem;position:relative}.eyebrow{letter-spacing:.04em;margin:0 0 1.5rem;font-size:clamp(1.3rem,3vw,2rem)}.eyebrow span{background:linear-gradient(90deg,#19d3ff,#0a6cff 70%,#0000) 0 100%/100% 3px no-repeat;padding-bottom:.45rem;display:inline-block}header h1{max-width:60rem;margin:0 0 1.5rem;font-size:clamp(2.8rem,8vw,5.5rem);line-height:1.05}header .lead{color:#e1eaf7;max-width:42rem;margin:0 0 2rem;font-size:clamp(1.15rem,2vw,1.5rem)}a.button.cta{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:1.05rem 2.2rem;font-size:1.05rem}@media (width<=40rem){header{height:auto;min-height:640px}header .wrap{padding-bottom:3rem}}header .wrap{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;padding:2rem 1rem 2rem calc(clamp(1rem,12vw,14rem) + 100px);display:flex}@media (width<=60rem){header .wrap{justify-content:flex-start;padding:9rem 1rem 2rem}}@media (width<=40rem){header .wrap{height:auto}.logo-wrap{left:50%;transform:translate(-50%)}}.tagline{background:linear-gradient(90deg,#19d3ff,#0a6cff);-webkit-text-fill-color:transparent;color:#19d3ff;-webkit-background-clip:text;background-clip:text;width:fit-content;margin-top:.5rem;font-size:.85em;font-style:italic;display:block}.contact{text-align:center}.contact form{text-align:left;margin-left:auto;margin-right:auto}.contact button.button{justify-self:center}@media (width<=60rem){header{height:auto;min-height:640px}header .wrap{height:auto;padding-bottom:3.5rem}}.nb{display:inline-block}.showcase{margin-top:2.5rem}.three-stage{cursor:grab;touch-action:pan-y;border-radius:8px;height:360px;margin-top:1.25rem}.three-stage:active{cursor:grabbing}.three-stage canvas{width:100%;height:100%;display:block}header .bg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}header:before{z-index:1}.how{margin:0 0 3rem}.timeline{grid-template-columns:1fr;gap:2rem;margin:2rem 0 0;padding:0;list-style:none;display:grid;position:relative}.timeline li{opacity:0;transition:opacity .5s,transform .5s;transition-delay:calc(var(--i) * .25s);padding-left:4.25rem;position:relative;transform:translateY(12px)}.timeline.in li{opacity:1;transform:none}.timeline:before{content:"";transform-origin:top;background:linear-gradient(#19d3ff,#0a6cff);width:3px;transition:transform 1.2s ease-out;position:absolute;top:1.4rem;bottom:1.4rem;left:1.4rem;transform:scaleY(0)}.timeline.in:before{transform:none}.timeline .node{color:#fff;background:#07101f;border:3px solid #19d3ff;border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;font-weight:700;display:grid;position:absolute;top:0;left:0;box-shadow:0 0 14px #19d3ff73}.timeline h3{color:#fff;margin:.2rem 0 .35rem;font-size:1.25rem}.timeline p{color:#dbe7ff;max-width:28rem;margin:0}@media (width>=48rem){.timeline{grid-template-columns:repeat(4,1fr);gap:1.5rem}.timeline li{padding-top:4.25rem;padding-left:0}.timeline:before{transform-origin:0;background:linear-gradient(90deg,#19d3ff,#0a6cff);width:auto;height:3px;inset:1.4rem calc(25% - 1.4rem) auto 1.4rem;transform:scaleX(0)}.timeline.in:before{transform:none}}@media (prefers-reduced-motion:reduce){.timeline li,.timeline:before{opacity:1;transition:none;transform:none}}.showcase{grid-template-columns:1fr}.cf{outline:none;margin-top:1.5rem}.cf:focus-visible .cf-viewport{outline:3px solid var(--mustard);outline-offset:4px}.cf-viewport{perspective:1200px;touch-action:pan-y;-webkit-user-select:none;user-select:none;height:34rem;position:relative;overflow:hidden}.cf-slide{--w:min(34rem,74vw);width:var(--w);color:#fff;cursor:pointer;background:repeating-linear-gradient(45deg,#5aaaff1a 0 2px,#0000 2px 10px),#07101f;border:1px solid #5aaaff59;border-radius:10px;flex-direction:column;height:calc(100% - 2rem);transition:transform .7s cubic-bezier(.22,.8,.26,1),opacity .5s,filter .5s,box-shadow .5s,border-color .5s;display:flex;position:absolute;top:1rem;left:50%;overflow:hidden;box-shadow:0 12px 32px #000a2899}.cf-slide.active{cursor:default;border-color:#19d3ff;box-shadow:0 0 30px #19d3ff4d,0 12px 32px #000a2899}.cf-slide h3{text-transform:uppercase;letter-spacing:.1em;color:#fff;background:linear-gradient(90deg,#0a6cff,#0a2f7a);border-bottom:2px solid #19d3ff;margin:0;padding:.85rem 1.5rem;font-size:1.05rem}.cf-art{flex:1;place-items:center;min-height:0;padding:1rem 1.5rem 0;display:grid}.cf-art svg{width:100%;height:100%}.cf-slide p{color:#bcd3f5;margin:0;padding:1rem 1.5rem 1.5rem}.cf-controls{justify-content:center;align-items:center;gap:1.25rem;margin-top:.75rem;display:flex}.cf-arrow{color:#fff;cursor:pointer;background:#07101f;border:2px solid #19d3ff;border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;padding:0 0 .2rem;font-size:1.8rem;line-height:1;display:grid}.cf-arrow:hover{background:#0a2f7a}.cf-dots{display:flex}.cf-dots button{cursor:pointer;background:#6f95d8 padding-box content-box;border:0;border-radius:50%;width:1.7rem;height:1.7rem;padding:.45rem}.cf-dots button.on{filter:drop-shadow(0 0 4px #19d3ff);background-color:#19d3ff}.cf button:focus-visible{outline:3px solid var(--mustard);outline-offset:2px}.cf-live{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cf-slide.active .cf-art :is(path,rect,circle):not([stroke-dasharray]){stroke-dasharray:1200;animation:1.8s ease-out both cfdraw}@keyframes cfdraw{0%{stroke-dashoffset:1200px}to{stroke-dashoffset:0}}.cf-slide.active .cf-art svg{animation:6s ease-in-out infinite cffloat}@keyframes cffloat{50%{transform:translateY(-6px)}}.cf-slide.active .cf-art path.cursor{animation:1.8s ease-out both cfdraw,3s ease-in-out 1.8s infinite cfcursor}@keyframes cfcursor{0%,to{transform:translate(0)}50%{transform:translate(-34px,-26px)}}.cf-slide.active .cf-art .flow{animation:1.2s linear infinite cfflow}@keyframes cfflow{to{stroke-dashoffset:-18px}}.cf-slide.active .cf-art .pulse{transform-box:fill-box;transform-origin:50%;animation:2s ease-in-out infinite cfpulse}@keyframes cfpulse{50%{opacity:.2;transform:scale(1.25)}}.cf-slide.active .cf-art .blink{animation:1.6s ease-in-out infinite cfblink}@keyframes cfblink{50%{opacity:.35}}@media (width<=40rem){.cf-viewport{height:36rem}}@media (prefers-reduced-motion:reduce){.cf-slide,.cf-slide *{transition:none!important;animation:none!important}}