:root{--paper:#080d19;--ink:#e9f0ff;--muted:#8f9db5;--line:#ffffff14;--green:#5092ff;--serif:'Manrope',Arial,sans-serif;--blue:#5092ff;--cyan:#64d4ff}
body{background:#080d19;color:#e9f0ff}.serif{font-family:Manrope,Arial,sans-serif;font-style:normal;font-weight:600;letter-spacing:-.055em;color:#77aaff}body:before{content:'';position:absolute;inset:0 0 auto;height:1000px;pointer-events:none;background:radial-gradient(ellipse at 75% 38%,#1a4f9d25,transparent 58%);z-index:-1}.scroll-progress{position:fixed;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,#377dff,#68dcff);z-index:100;transform-origin:left;transform:scaleX(0)}.header{height:95px}.header nav a:hover{color:#77aaff}.nav-cta{border-color:#ffffff25;background:#ffffff04}.nav-cta:hover{background:#162740}.status-dot{background:#68b7ff;box-shadow:0 0 12px #5eafff77}.eyebrow{color:#9eb5d7;letter-spacing:1.8px}.hero{min-height:725px;gap:25px;grid-template-columns:1.05fr 1fr;padding-top:80px;padding-bottom:75px;overflow:visible}.hero-copy{align-self:center}h1{font-size:clamp(43px,4.6vw,70px);letter-spacing:-3.5px;line-height:1.14;font-weight:600;margin-top:28px;margin-bottom:25px}h1 .serif{font-size:1em;display:inline-block;background:linear-gradient(110deg,#72a6ff,#80dfff);background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p{font-size:14px;max-width:440px;line-height:1.95;color:#8f9db5}.hero-copy>p em{color:#d2e1fa}.hero-actions{gap:20px}.button.dark{background:linear-gradient(110deg,#3377ee,#4c8eff);color:white;box-shadow:0 6px 30px #246af02b;border:1px solid #71a1ff55}.button.dark:hover{background:linear-gradient(110deg,#4389ff,#6ca8ff);box-shadow:0 8px 38px #246af04b}.text-link{color:#c1d1ea}.hero-note{color:#7386a4}.small-spark{color:#6c9fff}.tech-art{min-height:440px;min-width:0;scale:1;margin:0;transform:translateY(var(--hero-y,0px));will-change:transform;isolation:isolate}.tech-grid{position:absolute;inset:-60px -30px;background-image:linear-gradient(#3879c814 1px,transparent 1px),linear-gradient(90deg,#3879c814 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,black 5%,transparent 70%);transform:perspective(600px) rotateX(15deg) rotateZ(-12deg)}.tech-glow{position:absolute;inset:20%;background:#2169ed;filter:blur(95px);opacity:.3;z-index:-1}.orbital{position:absolute;inset:10px 5px;border:1px solid #4179c527;border-radius:50%;transform:rotate(-25deg);z-index:-1}.orbital-b{inset:70px -25px;transform:rotate(28deg)}.tech-dashboard{position:absolute;top:55px;width:100%;background:linear-gradient(135deg,#131e34ee,#0c1528ee);border:1px solid #88aaff38;border-radius:12px;box-shadow:0 30px 90px #0006,0 0 60px #327bea13;transform:perspective(1000px) rotateY(-9deg) rotateX(5deg) rotateZ(-3deg);overflow:hidden}.tech-window-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid #94b6ef16;color:#829ac1;font-size:8px;letter-spacing:1.4px}.window-dots{font-size:7px;letter-spacing:3px;color:#54719d}.tech-dash-body{padding:25px}.tech-dash-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.tech-dash-heading small{font-size:7px;letter-spacing:1.3px;color:#7c96bd}.tech-dash-heading h3{font-size:26px;letter-spacing:-1px;margin-top:9px;font-weight:500}.live-indicator{font-size:6px;color:#6fb2ff;background:#5591ff10;border:1px solid #5591ff28;padding:7px;border-radius:20px;letter-spacing:1px;white-space:nowrap}.tech-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px;gap:9px}.tech-metrics>div{background:#74a1ff09;border:1px solid #83aaff18;padding:13px}.tech-metrics small{font-size:6px;letter-spacing:1px;color:#6f89b1}.tech-metrics strong{display:flex;align-items:center;justify-content:space-between;font-size:25px;font-weight:500;margin-top:7px}.tech-metrics strong span{font-size:12px;color:#6fafff}.tech-chart{height:100px;position:relative;margin-top:20px;overflow:hidden}.chart-grid{position:absolute;inset:0;background:repeating-linear-gradient(to top,transparent 0,transparent 24px,#8ab5ff13 25px)}.tech-chart svg{width:100%;height:100%;position:relative}.chart-trace{stroke-dasharray:500;stroke-dashoffset:calc(500 * (1 - var(--hero-line,1)))}.tech-dash-footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff12;padding-top:17px;font-size:7px;color:#90a9ce}.tech-float{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;background:#101d33e8;border:1px solid #6f9add40;backdrop-filter:blur(16px);box-shadow:0 20px 50px #0005;border-radius:8px;padding:17px}.float-one{right:-20px;bottom:0;transform:translateY(calc(var(--hero-y,0px) * -.4))}.float-icon{width:35px;height:35px;border:1px solid #649bff55;color:#83bbff;background:#3479ee18;display:grid;place-items:center;border-radius:8px;font-size:23px}.tech-float strong{display:block;font-size:11px;font-weight:500}.tech-float small{display:block;font-size:8px;color:#7992b6;margin-top:6px}.tech-float b{font-weight:400;color:#6d9fff;font-size:22px;margin-left:10px}.float-two{left:-20px;top:20px;font-size:9px;padding:13px 17px;transform:translateY(calc(var(--hero-y,0px) * -.7))}.connection-pulse{width:6px;height:6px;background:#70beff;border-radius:50%;box-shadow:0 0 15px #5ba8ff}.tech-art-label{position:absolute;bottom:-38px;left:0;right:0;display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;color:#506b93}.expertise-strip{background:#0b1322}.expertise-strip span:first-child{font-family:Manrope,sans-serif;font-style:normal;font-size:12px;color:#91a5c6}.expertise-strip b{color:#5994f6}.expertise-strip span:last-child{color:#a2b8d8}.section-heading>p,.service-row p,.process-grid p,.about-copy>p,details p{color:#8f9db5}.section-heading h2{font-size:clamp(34px,3.8vw,54px)}.service-row:hover{background:#11213a}.service-number,.step-line>span{color:#6388be}.service-tags span{border-color:#588bce27;background:#669eff05;color:#8ba7cf}.row-arrow{color:#74aaff}.service-row:hover .row-arrow{color:white;background:#2c71e7}.possibilities{color:var(--ink);background:#0c1424;border-top:1px solid #5482c51c;border-bottom:1px solid #5482c51c}.possibilities .eyebrow{color:#83aaf0}.possibilities .section-heading>p{color:#8d9fbd}.demo-controls button{color:#7084a5;border-color:#2a3b57}.demo-controls button:first-child{border-color:#2a3b57}.demo-controls button[aria-selected=true]{color:#86b6ff}.demo-controls button small{color:#9eb0ce;opacity:1}.demo-panel{background:#0a1220;color:#d7e6ff;border:1px solid #7da6ed30;box-shadow:0 20px 80px #0005;transform:perspective(1000px) rotateY(calc(var(--section-progress,.5) * 8deg - 4deg));transition:transform .1s}.demo-top{background:#17223a;color:#8ca6ce}.demo-top i{background:#5274a1}.demo-disclaimer{background:#101b2c;color:#748fb4}.example-site{background:#10213b}.example-nav strong{font-family:Manrope,sans-serif;font-size:15px;font-weight:600}.example-body h3{font-family:Manrope,sans-serif;font-size:29px;font-weight:500;letter-spacing:-1px}.example-body h3 em{font-style:normal;color:#77adff}.example-body p{color:#90a6c6}.example-cta{background:#3a7eec;color:white}.example-site-footer{color:#678bb9}.vase-scene{background:linear-gradient(145deg,#1b3a61,#0b1729);border-radius:8px}.vase-scene:after{background:#263c5a}.vase{background:repeating-linear-gradient(90deg,#23589e 0,#427cc1 3px,#6498d6 6px);box-shadow:15px 6px 20px #07112770}.vase:before{background:#3e75b9}.vase:after{background:#142f53}.dash-sidebar{background:#111f34;color:#7894ba}.dash-sidebar b,.dash-sidebar .selected{color:#8ebcff}.dash-stats>div{background:#142740}.dash-stats small{color:#849fc5}.avatar{background:#1c385c;color:#acd0ff}.chart{border-color:#324d72;background:repeating-linear-gradient(to top,transparent 0,transparent 31px,#263953 32px)}.chart>i{background:#5aa2ff}.chart>i:nth-child(2n){background:#315f9f}.chart-labels{color:#7893b7}.portal>p{color:#869fbe}.portal-project{background:#142740}.portal-project small{color:#93b5e1}.progress-track{background:#263e62}.progress-track>span{background:linear-gradient(90deg,#3f7bfb,#64caff)}.portal-files>span{border-color:#2b4569}.step-label,.about-principles>span:before{color:#679dff}.about-visual{background:radial-gradient(ellipse at center,#173466,#0d172a);border:1px solid #75a1ec21}.about-symbol{color:#2b60a9;text-shadow:0 0 70px #3073d84d;animation:none;transform:translate(-50%,-50%) rotate(calc(var(--section-progress,0) * 90deg))}.about-coordinate{border-color:#507ab242;color:#82a8d7}.about-visual>span{color:#95afd1}.about-copy>.text-link{border-color:#304b70}.about-principles{color:#91abd1}summary span{color:#74a9ff}.contact-section{background:radial-gradient(ellipse at 80% 100%,#1d4d9e70,transparent 65%),#0e1d37;border-top:1px solid #80b0ff30}.contact-top>.eyebrow .status-dot{background:#74b7ff}.contact-main h2{font-size:clamp(60px,7.5vw,108px)}.contact-orb{color:white;background:linear-gradient(135deg,#357ce8,#254ca1);border-color:#84b6ff70;box-shadow:0 0 60px #3077ff20}.contact-orb:hover{color:white;background:#346bd2}.contact-bottom{border-color:#4c75b13b}.contact-bottom p{color:#93a8c7}.contact-top>span{color:#6d8ebc}.contact-bottom a{color:#cadcf9}footer>span,footer>a:last-child{color:#7589a8}dialog{background:#0e192c;color:#dfebff;border:1px solid #43618d}dialog::backdrop{background:#030712d9}.close-dialog{color:#a8c7f7}input,textarea,select{border-color:#304563;background:#101f34;color:#d7e6ff}.form-note,dialog>p{color:#93a7c7}.skip{background:#276adc}.button:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-color:#72b1ff}.motion-ready .reveal{transform:translate3d(0,55px,0);filter:blur(7px);transition:opacity .85s,transform .85s cubic-bezier(.2,.65,.25,1),filter .85s;transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.visible{filter:blur(0);transform:none}.process-grid .reveal:nth-child(2){--reveal-delay:100ms}.process-grid .reveal:nth-child(3){--reveal-delay:200ms}.process-grid .reveal:nth-child(4){--reveal-delay:300ms}
.business-story{height:240vh;position:relative;border-top:1px solid #4269a326;background:radial-gradient(ellipse at 75% 50%,#14356a24,transparent 60%),#080d19}.business-sticky{position:sticky;top:0;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-top:45px;padding-bottom:45px}.business-intro h2{margin:22px 0;font-size:46px}.business-intro>p{font-size:12px;line-height:1.9;color:#8499bb;max-width:370px}.story-steps{margin-top:30px}.story-step{display:flex;gap:17px;padding:18px 0;border-bottom:1px solid #fff1;opacity:.32;transition:opacity .4s,transform .4s;transform:translateX(-5px)}.story-step.active{opacity:1;transform:translateX(0)}.story-step>span{color:#679fff;font-size:10px;padding-top:3px}.story-step h3{font-size:15px;font-weight:500;letter-spacing:-.4px}.story-step p{font-size:10px;line-height:1.8;color:#8da4c7;margin-top:7px;max-width:325px}.scroll-cue{display:flex;gap:15px;color:#5b7ba8;font-size:8px;letter-spacing:1.5px;margin-top:28px}.scroll-cue>span{color:#7ab8ff}.system-stage{position:relative;height:470px;background:linear-gradient(145deg,#0f1c31,#0a1220);border:1px solid #79a9ef28;border-radius:16px;box-shadow:0 40px 100px #0003;overflow:hidden;transform:perspective(1000px) rotateY(calc((var(--story-progress,0) - .5) * 10deg))}.system-stage:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#72a6ed22 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse,black,transparent 75%)}.system-stage-top{position:absolute;top:23px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.2px;color:#637fa7}.system-stage-top>span:last-child{color:#84b5ff}.network-orbit{position:absolute;left:50%;top:46%;width:290px;height:290px;transform:translate(-50%,-50%) rotate(calc(var(--story-progress,0) * 120deg));border:1px dashed #5d91dd4a;border-radius:50%}.network-core{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#285ca0,#10213d 80%);border:1px solid #5d9eff66;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 70px #216fdf35;z-index:2}.network-core>span{font-size:33px;letter-spacing:-6px;margin-right:8px;color:#9ecbff}.network-core strong{font-size:11px;font-weight:500;margin-top:7px}.network-core small{font-size:5px;letter-spacing:1px;color:#5d8fc9;margin-top:7px}.network-node{position:absolute;background:#101f35;border:1px solid #3a537666;padding:15px;border-radius:9px;min-width:140px;z-index:3;transition:transform .5s,border-color .5s,box-shadow .5s,opacity .5s;opacity:.45}.network-node.active{border-color:#69aaff99;box-shadow:0 0 30px #327cff22;opacity:1;transform:translateY(-5px)}.network-node>span{display:block;color:#81b4ff;font-size:20px;margin-bottom:6px}.network-node strong{display:block;font-size:11px;font-weight:500}.network-node small{display:block;font-size:7px;color:#6d8bb4;margin-top:7px}.node-operations{left:20px;top:90px}.node-clients{right:20px;top:170px}.node-insights{left:75px;bottom:80px}.system-stage-caption{position:absolute;bottom:22px;left:24px;right:24px;border-top:1px solid #5a7daf22;padding-top:17px}.system-stage-caption>span{display:block;font-size:10px;color:#94b4dd}.system-stage-caption>small{display:block;font-size:6px;letter-spacing:1px;color:#4f6d96;margin-top:10px}
@media(max-width:1100px){.hero{min-height:660px;gap:30px}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero-art{scale:.94;transform-origin:center}.tech-metrics strong{font-size:22px}.tech-dash-body{padding:20px}.business-sticky{gap:35px}.business-intro h2{font-size:38px}.system-stage{height:450px}.network-node{min-width:125px;padding:12px}.node-operations{left:10px}.node-clients{right:10px}.node-insights{left:40px}}
@media(max-width:800px){.header nav{background:#0c1729;border-color:#314869}.menu-button>span{background:#aac7f6}.hero{grid-template-columns:1fr;gap:40px;padding-top:55px;padding-bottom:85px;overflow:hidden}.hero h1{font-size:clamp(39px,7.8vw,60px);letter-spacing:-2.6px}.hero-copy>p{font-size:14px;max-width:500px}.tech-art{width:min(100%,500px);min-height:440px;scale:1;margin:0 auto}.tech-dashboard{width:calc(100% - 20px);left:10px}.float-one{right:0}.float-two{left:0}.hero-art.tech-art{transform:translateY(calc(var(--hero-y,0px) * .35))}.hero-note{font-size:9px}.business-sticky{grid-template-columns:1fr;gap:25px;min-height:100vh;padding:40px 0;align-content:center}.business-intro h2{font-size:32px;margin:15px 0}.business-intro h2 br{display:none}.business-intro>p{font-size:11px;max-width:none}.story-steps{margin-top:17px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.story-step{display:block;padding:10px 0;transform:none}.story-step>span{display:block;margin-bottom:8px}.story-step h3{font-size:11px;line-height:1.5}.story-step p{display:none}.scroll-cue{display:none}.system-stage{height:345px;width:min(100%,500px);margin:auto}.network-orbit{width:230px;height:230px}.network-core{width:110px;height:110px;top:46%}.network-node{min-width:125px;padding:12px}.node-operations{top:60px;left:15px}.node-clients{top:120px;right:15px}.node-insights{bottom:65px;left:50px}.network-node>span{font-size:17px}.network-node strong{font-size:10px}.system-stage-caption{bottom:14px;padding-top:10px}.system-stage-top{top:17px}.business-story{height:230vh}.section-heading h2{font-size:38px}.contact-main h2{font-size:66px}.about-copy h2{font-size:38px}.expertise-strip span:first-child{font-size:11px}.expertise-strip>.wrap{gap:15px}}
@media(max-width:480px){.hero{padding-top:40px;padding-bottom:70px;gap:30px}.hero h1{font-size:clamp(31px,8.65vw,43px);letter-spacing:-1.7px;line-height:1.22}.hero-copy>p{font-size:12px;line-height:1.9}.hero .eyebrow{font-size:7px}.hero-actions .button{font-size:10px}.hero-actions .text-link{font-size:10px}.hero-note{font-size:7px;line-height:1.7}.tech-art{min-height:360px;margin-top:5px}.tech-dashboard{top:45px}.tech-window-bar{font-size:6px;padding:12px}.tech-dash-body{padding:16px}.tech-dash-heading h3{font-size:21px}.tech-dash-heading small{font-size:5px}.live-indicator{font-size:5px;padding:5px}.tech-metrics{margin-top:17px;gap:6px}.tech-metrics>div{padding:10px 8px}.tech-metrics small{font-size:5px;letter-spacing:.5px}.tech-metrics strong{font-size:21px}.tech-chart{height:82px;margin-top:13px}.tech-dash-footer{font-size:6px;padding-top:13px}.tech-float{padding:12px;gap:9px}.float-one{bottom:0}.float-two{top:15px;font-size:7px;padding:10px}.tech-float strong{font-size:9px}.tech-float small{font-size:6px}.float-icon{width:28px;height:28px;font-size:18px}.tech-art-label{font-size:5px;bottom:-26px;letter-spacing:.6px}.tech-art-label>span{font-size:4px}.business-intro h2{font-size:29px;letter-spacing:-1.5px}.business-intro h2 br{display:block}.business-intro>p{font-size:10px}.business-sticky{gap:18px;padding:25px 0}.business-story .eyebrow{font-size:6px;letter-spacing:1px}.story-step h3{font-size:10px}.story-steps{gap:10px;margin-top:12px}.system-stage{height:320px}.network-node{min-width:112px;padding:10px}.network-node small{font-size:6px}.network-core{width:100px;height:100px}.network-core strong{font-size:9px}.network-core small{font-size:4px}.network-core>span{font-size:27px}.node-operations{top:55px;left:10px}.node-clients{right:10px;top:115px}.node-insights{left:35px;bottom:65px}.network-orbit{width:210px;height:210px}.section-heading h2{font-size:32px}.service-row h3{font-size:17px}.about-copy h2{font-size:32px}.contact-main h2{font-size:clamp(40px,13.2vw,59px)}.demo-controls button strong{font-size:14px}.example-body h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.tech-art,.hero-art.tech-art,.demo-panel,.system-stage{transform:none!important}.business-story{height:auto}.business-sticky{position:relative;min-height:auto;padding-top:65px;padding-bottom:65px}.story-step,.network-node{opacity:1}.about-symbol{transform:translate(-50%,-50%)}.motion-ready .reveal{filter:none;transform:none}.chart-trace{stroke-dashoffset:0}}
.example-tech-shape{height:175px;position:relative;perspective:500px;display:grid;place-items:center;overflow:hidden}.example-tech-shape span{position:absolute;width:105px;height:105px;border:1px solid #82bdff;border-radius:20px;transform:rotateX(55deg) rotateZ(-40deg);background:linear-gradient(135deg,#4b8cfa44,#1b2d4800);box-shadow:0 0 40px #5b9eff22}.example-tech-shape span:nth-child(2){translate:0 -30px;opacity:.7}.example-tech-shape span:nth-child(3){translate:0 30px;opacity:.5}@media(max-width:480px){.example-tech-shape{height:150px}.example-tech-shape span{width:85px;height:85px}}
@media(min-width:801px){.hero{overflow:clip}}@media(max-width:800px) and (max-height:740px){.business-story{height:auto}.business-sticky{position:relative;min-height:auto;padding-top:60px;padding-bottom:60px}.story-step{opacity:1}.story-step p{display:block;font-size:9px}.system-stage{transform:none}}
.float-one{right:0}.hero-art{overflow:visible}