/* V4: a luminous spatial system, with quieter areas for people and long copy. */
:root{--electric:#8bcaff;--violet:#a6a8ff;--night:#050a16;--edge:#9acbff2b}
.ui-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex:none}
.fx-section{position:relative;isolation:isolate}.section-fx{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.section-fx>div{position:absolute;pointer-events:none}
.fx-grid{inset:0;background-image:linear-gradient(#86baff08 1px,transparent 1px),linear-gradient(90deg,#86baff08 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(110deg,transparent,black 60%,transparent)}
.fx-light{width:900px;height:700px;right:-340px;top:-250px;border-radius:50%;background:radial-gradient(ellipse,#496ff528,transparent 65%)}
.fx-edge{height:1px;left:5%;right:5%;top:0;background:linear-gradient(90deg,transparent,#8fc8ff70,transparent)}
.hero{background:radial-gradient(ellipse at 73% 40%,#12294e80,transparent 50%),linear-gradient(115deg,#060a13 35%,#081325 80%,#101a35);border-bottom:1px solid #95bcff2b}
.hero:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#060a1370,transparent 65%),linear-gradient(0deg,#050a16,transparent 16%)}
.hero-grid{inset:auto -20% -49% 20%;height:100%;opacity:.17;transform:perspective(700px) rotateX(61deg) rotateZ(-8deg);background-size:75px 75px;background-image:linear-gradient(#70baff55 1px,transparent 1px),linear-gradient(90deg,#70baff55 1px,transparent 1px);mask-image:radial-gradient(ellipse at 55% 35%,black,transparent 64%)}
.hero-aura{width:830px;height:830px;left:50%;top:3%;border-radius:50%;background:radial-gradient(ellipse,#718eff15 10%,#2a6afc15 30%,transparent 62%);filter:blur(20px)}
.hero-beam{width:330px;height:1050px;right:19%;top:-37%;transform:rotate(28deg);background:linear-gradient(90deg,transparent,#559dff03 20%,#76c6ff24 49%,#d5eeff3b 50%,#90b7ff18 53%,transparent 80%);filter:blur(12px);mask-image:linear-gradient(black,transparent 88%);animation:beam-breathe 9s ease-in-out infinite alternate}
.hero-horizon{width:650px;height:180px;left:53%;top:62%;border-radius:50%;background:radial-gradient(ellipse,#75caff28,transparent 67%);filter:blur(30px)}
.hero-rings{left:52%;top:57%;width:640px;height:260px;border:1px solid #8cd1ff37;border-radius:50%;transform:rotate(-15deg);box-shadow:0 0 0 24px #8cd1ff03,0 0 0 25px #8cd1ff0b,0 0 0 66px #8cd1ff02,0 0 0 67px #8cd1ff0b;mask-image:linear-gradient(25deg,transparent,black 40%,transparent 92%)}
.hero-stars{inset:0;background-image:radial-gradient(circle at 67% 20%,#b2d9ff 0 1px,transparent 2px),radial-gradient(circle at 90% 39%,#849dcb 0 1px,transparent 2px),radial-gradient(circle at 48% 75%,#849dcb 0 1px,transparent 2px),radial-gradient(circle at 88% 77%,#b8ddff 0 1px,transparent 2px),radial-gradient(circle at 43% 20%,#5b7198 0 1px,transparent 2px);opacity:.7}
.hero-copy{z-index:3}.hero h1{text-shadow:0 2px 40px #759cff0c}.serif-ai{background:linear-gradient(145deg,#fff 15%,#c4e8ff 52%,#8eacff 85%);background-clip:text;-webkit-text-fill-color:transparent}.title-dot{color:#9bdbff;text-shadow:0 0 30px #72b6ff80}
.hero-topline{z-index:3;color:#b0c0da}.hero-topline>span:before{content:'';display:inline-block;width:5px;height:5px;background:#a2d8ff;border-radius:50%;margin-right:12px;box-shadow:0 0 12px #8ccdff}
.hero-copy>.eyebrow{color:#90aecf}.hero-description{color:#afbdd1}.hero-object{z-index:1}.hero-bottom{z-index:3;color:#9baec9}.hero-bottom .coordinates{color:#9bb5d8}.object-caption{color:#9cb4d8}.object-caption button{color:#d7e8ff;min-height:32px}
.hero-interface{position:absolute;inset:0;pointer-events:none;z-index:2}.interface-node{position:absolute;display:flex;align-items:center;gap:12px;border:1px solid #a5d7ff40;background:linear-gradient(130deg,#243a5eaa,#0b1425cc);border-radius:9px;box-shadow:0 12px 40px #0005,inset 0 1px #d8efff13;backdrop-filter:blur(12px);padding:15px 17px;animation:interface-float 7s ease-in-out infinite alternate}
.interface-node:before{content:'';position:absolute;left:15px;right:15px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#a1ddff,transparent)}
.interface-icon{display:grid;place-items:center;width:36px;height:36px;background:#a2d5ff0d;border:1px solid #8bcaff25;border-radius:7px;color:#b1dcff}.interface-node small{display:block;font:8px 'Courier New',monospace;letter-spacing:1.25px;color:#9bbce1;margin-bottom:7px}.interface-node strong{font-size:12px;font-weight:500;letter-spacing:.6px;color:#e9f4ff}.knowledge-node{left:69%;top:23%;transform:rotate(4deg)}.agent-node{right:4.5%;top:66%;animation-delay:-3s}.output-node{left:48%;top:77%;animation-delay:-5s}.interface-dot{width:5px;height:5px;background:#a9deff;box-shadow:0 0 12px #7dc8ff;border-radius:50%;margin:0 5px 0 12px}.interface-bars{display:flex;gap:3px;align-items:center;height:25px;margin-left:8px}.interface-bars i{width:3px;background:#a6c7ff;border-radius:2px;height:9px;animation:interface-bar 1.8s ease-in-out infinite alternate}.interface-bars i:nth-child(2){height:22px;animation-delay:-.6s}.interface-bars i:nth-child(3){height:15px;animation-delay:-1.2s}.interface-bars i:nth-child(4){height:25px;animation-delay:-.3s}.interface-check{font-size:25px;color:#b7d6ff;margin-left:14px}
.hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;pointer-events:auto}.hero-chips a{display:flex;align-items:center;gap:7px;color:#c4d3e8;font-size:10px;padding:8px 11px;border:1px solid #a8c9ff25;border-radius:5px;background:#99beff06;transition:background .3s,border-color .3s}.hero-chips .ui-icon{width:15px;height:15px;color:#a6d4ff}.hero-chips a:hover{background:#a5cfff15;border-color:#a5cfff88}
.button-mint{position:relative;overflow:hidden;background:linear-gradient(110deg,#daefff,#9dd0ff 60%,#b9c4ff);border:1px solid #e4f4ff8c;box-shadow:0 0 26px #6fb9ff18,inset 0 1px #ffffff80;color:#0a1830;border-radius:5px}.button-mint:before{content:'';position:absolute;inset:-70% auto -70% -50%;width:40%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:rotate(25deg);transition:left .6s}.button-mint:hover:before{left:130%}.button-mint:hover{background:linear-gradient(110deg,#f1f9ff,#c2e4ff);box-shadow:0 0 32px #83c8ff40}.header-contact{border-color:#a5ceff40;background:#1a2c4329;backdrop-filter:blur(12px);border-radius:5px}
.section-index>span:first-child:before{content:'+';display:inline-block;color:#84b9e6;margin-right:12px;font-size:14px}.section-index{color:#9eb2cf}.section-heading>p{color:#a7b5ca}.section-heading h2{letter-spacing:-2px}
.approach{background:linear-gradient(120deg,#e9f0f9,#f6f8fc 62%,#e2eaf6);color:#15213a}.approach .fx-grid,.team .fx-grid,.faq .fx-grid{background-image:radial-gradient(#4e75ac32 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(110deg,transparent,black)}.approach .section-index,.team .section-index{color:#5c6e88}.approach h2 span{color:#486897}.approach-copy>p{color:#53647e}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.principles>span{display:flex;flex-direction:column;gap:12px;border:1px solid #7191bd33;background:#fff8;border-radius:7px;padding:16px 12px;color:#344b6c;font-size:12px}.principles>span:before{display:none}.principles .ui-icon{width:25px;height:25px;color:#537eb8}
.services{background:linear-gradient(140deg,#070c17,#0d182a);color:#edf3ff}.services .fx-light{top:120px;right:-180px;background:radial-gradient(ellipse,#3b6fc323,transparent 65%)}.service-row{border-color:#9cb9df29;transition:background .3s,box-shadow .3s}.service-row:first-child{border-color:#9cb9df40}.service-row:hover,.service-row[open]{background:linear-gradient(110deg,#172a43b3,#1521396b);box-shadow:inset 2px 0 #8ac8ff}.service-row h3{color:#e6f1ff}.service-row .row-number,.service-row[open] .row-number{color:#82b5e0}.service-desc,.service-detail>p{color:#acbcd4}.service-row .row-plus{color:#a9c7f2}.service-row .deliverables>span{color:#b7cce8;background:#7fa8e30a;border-color:#8bb8e537}.service-detail .inline-link{color:#b7dfff;border-color:#7fafd763}
.scenarios{background:linear-gradient(130deg,#081021,#10192d 65%,#12192d)}.scenarios .fx-light{right:-140px;top:20%;width:1100px;height:1000px;background:radial-gradient(ellipse,#3b70d126,transparent 62%)}.scenarios .fx-grid{opacity:.7;background-size:100px 100px}.scenario-tabs{gap:8px}.scenario-tabs>button{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#b1c4de;border:1px solid #87b5ec24;border-radius:6px;background:#94b9ef05;padding:13px 16px}.scenario-tabs .ui-icon{width:17px;height:17px;color:#99bee9}.scenario-tabs>button[aria-selected=true]{background:linear-gradient(130deg,#d3ecff,#a3c5f4);border-color:#c4e4ff;color:#11203b;box-shadow:0 3px 20px #699fff25}.scenario-tabs>button[aria-selected=true] .ui-icon{color:#234871}
.case-demo{background:linear-gradient(145deg,#202f49e8,#101a2bef);border-color:#9fc8ff60;box-shadow:0 35px 70px #0005,0 0 70px #649bff13,inset 0 1px #b8e0ff30}.demo-window-bar{background:linear-gradient(90deg,#9bcaff10,#9bcaff02);border-color:#94bfff29;color:#abc7e9}.demo-window-bar i{background:#7d9bc0}.demo-pipeline>span{background:linear-gradient(#1b3151,#18283f);border-color:#8aafe846;color:#d5e7ff}.demo-pipeline>span:before{box-shadow:0 0 10px #93c9ff}.demo-question{background:linear-gradient(110deg,#ddefff,#b4d2f1);color:#152942;border:1px solid #e2f4ff90}.demo-answer{color:#c3d1e6}.demo-source{border-color:#98bcec33;background:#97bdff08;color:#a9c2e2}.demo-review{color:#aec4e0}.demo-board>div{border-color:#91bcf12f;background:linear-gradient(135deg,#80b3ee0a,transparent)}.demo-board strong{color:#e3edff}.demo-board p,.demo-board small{color:#a9bad4}.case-metrics{border-color:#a6ceff33}.case-metrics dd{color:#c2e6ff;text-shadow:0 0 25px #88bcff25}.case-index{color:#91bee9}.case-bottom{color:#9eb4d2}.case-step p{color:#a8bad4}
.capabilities{background:linear-gradient(120deg,#101c30,#080e1b 70%)}.capabilities .fx-grid{mask-image:radial-gradient(ellipse at 20% 60%,black,transparent 60%)}.toolkit-intro>p,.tool-note{color:#a6b7ce}.tool-grid{gap:12px}.tool-grid>:is(a,button,article){border:1px solid #a0c3ed28;border-radius:8px;background:linear-gradient(120deg,#96bfff09,transparent);padding-top:28px;padding-bottom:28px;min-height:105px}.tool-grid>:is(a,button,article):hover{background:#88bfff12;border-color:#a4cfff66}.tool-symbol{color:#aedaff;top:30px}.tool-symbol .ui-icon{width:28px;height:28px}.tool-grid h3{color:#dceaff}.tool-grid p{color:#99acc7}.tool-arrow{color:#b2d9ff}
.delivery.zflow{--flow-ink:#e2eeff;--flow-muted:#a6b9d4;--flow-line:#587299;--flow-blue:#a0d5ff;background:radial-gradient(ellipse at 48% 45%,#18365a80,transparent 60%),linear-gradient(120deg,#070e1c,#10203a 70%,#111b30);color:#e4eeff}.zflow .fx-grid{background-size:48px 48px;mask-image:linear-gradient(transparent,black 30%,black 80%,transparent)}.zflow .fx-light{top:-100px;left:25%;background:radial-gradient(ellipse,#5c85dc20,transparent 67%)}.zflow .section-heading>p{color:#a7bad6}.zflow-toolbar,.zflow-detail-header,.zflow-panels{border-color:#99c2ff30;color:#9cb5d5}.zflow-status-dot{background:#a0d5ff;box-shadow:0 0 12px #a0d5ff}.zflow-motion{color:#c0dcff;border-color:#89b5ed4d;background:#8bb7ff08}.zflow-motion:hover{color:#fff;border-color:#a5d6ff}.zflow-circle{color:#a9c7ed;background:linear-gradient(145deg,#273a57,#0e1a2d);border-color:#7da8e163;box-shadow:inset 0 1px #d5e8ff22,0 8px 20px #0003}.zflow-node[aria-pressed=true] .zflow-circle{color:#e0f5ff;background:radial-gradient(at 25% 20%,#5483ad,#1e426b 65%,#183455);border-color:#b3e3ff;box-shadow:0 0 0 5px #7fb7ff09,0 0 28px #78bfff38,inset 0 1px #fff6}.zflow-node:hover .zflow-circle{box-shadow:0 0 0 5px #7fb7ff0c,0 0 23px #78bfff30;border-color:#b8dcff}.zflow-number,.zflow-panel-title>span{color:#a6bddb}.zflow-output{color:#afc9eb}.zflow-detail-header>span,.zflow-panel h4{color:#d4e7ff}.zflow-panel li{color:#b1c4de}.zflow-panel li strong{color:#e3eeff}.zflow-panel li:before{background:#8fb9eb}.zflow-connectors g.is-highlighted .zflow-line{stroke:#92c8fa}.zflow-trace{stroke:#b6e3ff;filter:drop-shadow(0 0 3px #7bbfff)}.zflow-panels{background:linear-gradient(125deg,#a2c9ff05,transparent)}
.team{background:linear-gradient(120deg,#f2f5fb,#e8eff9 80%);color:#192943}.team .section-heading>p{color:#5d6f88}.team .fx-light{background:radial-gradient(ellipse,#789fe52d,transparent 65%);top:-300px}.portrait{border-radius:10px;box-shadow:0 16px 35px #243d6510;border:1px solid #92a9c642}.person-index{position:absolute;bottom:13px;left:13px;font:9px 'Courier New',monospace;letter-spacing:1.2px;color:#edf5ff;background:#132039bd;backdrop-filter:blur(8px);border:1px solid #dcecff40;padding:7px 9px;border-radius:3px}.person h3{display:flex;align-items:center;gap:10px}.person h3:before{content:'';width:4px;height:17px;background:linear-gradient(#709bc8,#a6bbdf);border-radius:2px}.person>p{color:#516581}
.faq{background:linear-gradient(150deg,#ecf2fb,#f5f7fb);color:#1c2c46}.faq .fx-grid{opacity:.3}.faq .eyebrow{color:#61718d}.faq details p{color:#526581}.faq summary span{color:#5475a0}.faq-list details{border-color:#4c6a9233}
.contact{background:radial-gradient(ellipse at 80% 90%,#26548e88,transparent 57%),linear-gradient(115deg,#080e1d,#101e37);overflow:hidden}.contact .fx-light{width:1200px;height:1000px;right:-450px;top:-100px;background:radial-gradient(ellipse,#567fe536,transparent 65%)}.contact .fx-grid{transform:perspective(800px) rotateY(-25deg) rotateZ(-10deg);opacity:.8}.contact .section-fx:after{content:'';position:absolute;width:700px;height:700px;right:-150px;top:-180px;border:1px solid #a5d2ff30;border-radius:50%;box-shadow:0 0 0 50px #a5d2ff04,0 0 0 51px #a5d2ff1a,0 0 0 130px #a5d2ff03,0 0 0 131px #a5d2ff0e;transform:rotate(-30deg) scaleX(.6)}.contact h2 span{background:linear-gradient(120deg,#c5ecff,#9dafff);background-clip:text;-webkit-text-fill-color:transparent}.contact>.eyebrow{color:#9bb9dd}.contact-bottom>p{color:#b0c3de}.contact-phone>span{color:#d3e8ff}footer{background:#060c18;border-color:#8dbfff29}
@keyframes beam-breathe{from{opacity:.55;transform:translateX(-20px) rotate(28deg)}to{opacity:1;transform:translateX(35px) rotate(32deg)}}
@keyframes interface-float{from{translate:0 -7px}to{translate:0 9px}}
@keyframes interface-bar{from{transform:scaleY(.4);opacity:.55}to{transform:scaleY(1);opacity:1}}
.hero-beam,.interface-node,.interface-bars i{animation-play-state:paused}.fx-section[data-effects-active=true] :is(.hero-beam,.interface-node,.interface-bars i){animation-play-state:running}
body[data-motion-paused=true] :is(.hero-beam,.interface-node,.interface-bars i),body[data-effects-hidden=true] :is(.hero-beam,.interface-node,.interface-bars i){animation-play-state:paused!important}
@media(min-width:761px) and (max-width:1100px){.knowledge-node{left:auto;right:9%;top:28%}.agent-node{top:75%;right:3%}.output-node{display:none}.hero-rings{left:40%;top:67%}.hero-beam{right:8%}.hero-chips{margin-top:20px}.scenario-tabs>button{padding:11px 13px;gap:6px}.scenario-tabs .ui-icon{width:15px}.hero-horizon{left:48%;top:70%}}
@media(max-width:760px){.hero{min-height:1030px}.hero-copy{padding-top:155px}.hero-object{top:505px;height:430px}.hero-chips{gap:7px;margin-top:20px}.hero-chips a{font-size:10px;padding:7px 8px;gap:5px}.hero-chips .ui-icon{width:14px;height:14px}.hero-grid{inset:auto -90% -22% -60%;height:65%;opacity:.14}.hero-aura{width:650px;height:650px;left:-140px;top:37%}.hero-beam{width:180px;height:780px;right:0;top:26%;filter:blur(9px)}.hero-horizon{left:-15%;top:70%;width:500px;height:180px}.hero-rings{left:-10%;top:72%;width:440px;height:160px}.knowledge-node{left:6%;top:52%;padding:11px 12px;gap:9px}.agent-node{right:6%;top:84%;padding:11px 12px;gap:9px}.output-node{display:none}.interface-icon{width:29px;height:29px}.interface-icon .ui-icon{width:18px;height:18px}.interface-node small{font-size:7px;margin-bottom:5px;letter-spacing:.9px}.interface-node strong{font-size:10px}.interface-dot{margin-left:4px}.interface-bars{height:19px;margin-left:3px}.interface-bars i{width:2px}.object-caption{bottom:6%;left:15%;right:15%;font-size:8px}.hero-bottom{bottom:25px}.hero-topline{font-size:9px}.hero:after{background:linear-gradient(0deg,#050a16,transparent 12%)}.principles{gap:8px;margin-top:25px}.principles>span{font-size:10px;padding:14px 10px}.principles .ui-icon{width:23px;height:23px}.section-heading h2{letter-spacing:-1.5px}.scenario-tabs{gap:6px}.scenario-tabs>button{padding:11px 13px;gap:7px}.scenario-tabs .ui-icon{width:16px;height:16px}.tool-grid{gap:9px}.tool-grid>:is(a,button,article){padding-top:23px;padding-bottom:23px;min-height:100px}.tool-symbol{top:25px}.tool-symbol .ui-icon{width:23px;height:23px}.tool-grid h3{font-size:13px}.tool-grid p{font-size:10px}.person-index{font-size:7px;padding:6px;left:9px;bottom:9px}.zflow .fx-grid{background-size:45px 45px}.zflow-steps>li>.zflow-panel{background:linear-gradient(90deg,transparent,#7ca3ed06)}.contact .section-fx:after{right:-420px;opacity:.7}.case-demo{border-radius:9px}}
@media(prefers-reduced-motion:reduce){.hero-beam,.interface-node,.interface-bars i{animation:none!important}}
.services .section-heading>p{color:#a7b5ca}.services .section-index,.delivery .section-index{color:#9eb2cf}