/* A cinematic product presentation. Application UI retains its native palette. */
:root{--electric:#62dfff;--deep:#101e38;--impact-ease:cubic-bezier(.16,1,.3,1)}
body{background:#fff}.reading-progress{position:fixed;inset:0 auto auto 0;height:3px;width:100%;transform:scaleX(var(--read-progress,0));transform-origin:left;background:#55d9ff;z-index:100;pointer-events:none}
.header{background:#101e38f2;color:#e6efff;border-bottom:1px solid #ffffff12;backdrop-filter:blur(22px)}
.header.scrolled{border-color:#ffffff1a}.header .brand{color:white}.header .brand-dot{color:#6bd7a9}.header .nav-cta{background:#eaf5ff;color:#172947;border:1px solid #fff3}.header .nav-cta:hover{background:#aeefff}.header nav a::after{background:#62dfff}.menu-toggle span{background:white}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#101e38;color:#fff;padding-top:70px}
.hero::after{content:'';position:absolute;inset:auto 0 0;height:58%;z-index:-1;background:linear-gradient(0deg,#152a4a,transparent);pointer-events:none}
.hero-glow{inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 30%,#287cbd3d,transparent 55%),radial-gradient(ellipse at 80% 12%,#2253ad30,transparent 35%)}
.hero-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#86caff08 1px,transparent 1px),linear-gradient(90deg,#86caff08 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(black,transparent 65%)}
.horizon{position:absolute;z-index:-1;top:430px;left:50%;width:1600px;height:590px;transform:translateX(-50%) rotate(-9deg);border-radius:50%;border-top:1px solid #94eaff80;box-shadow:0 -18px 100px -30px #30b6ff80,inset 0 40px 100px -60px #43e0ff;pointer-events:none}
.hero .orbit{z-index:-1;top:415px;width:1660px;height:680px;border-color:#6ccfff16;transform:translateX(-50%) rotate(-9deg)}.hero .orbit-two{top:385px;width:1880px;height:810px}
.hero-copy{position:relative;z-index:1;width:min(1360px,calc(100% - 64px))}.hero-eyebrow{color:#b9cfe5;letter-spacing:1.6px;font-size:12px;text-transform:uppercase}.hero .tiny-star{color:var(--electric)}
.hero h1{font-size:clamp(80px,10.3vw,154px);font-weight:650;line-height:.98;letter-spacing:-.075em;margin:38px 0 35px;color:#f6f9ff}
.hero h1>span{display:inline-block;color:#73dfff;background:linear-gradient(110deg,#eefaff 5%,#8deaff 35%,#45b6f6 75%,#75aaff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:0 .06em .12em;margin-bottom:-.12em}
.hero-copy>p{font-size:19px;line-height:1.8;color:#a8bed9;max-width:780px}.hero-copy>p strong{color:#edf7ff;font-weight:450;font-size:22px;display:inline-block;margin-bottom:8px}.hero-actions{margin-top:34px}.hero-actions .button-green{color:#10223d;background:#82e5ff;border:1px solid #b0efff;box-shadow:0 0 38px #3fbfff26;transition:transform .3s,box-shadow .3s,background .3s}.hero-actions .button-green:hover{transform:translateY(-3px);background:#b9f2ff;box-shadow:0 8px 45px #3fbfff45}.hero-actions .text-button{color:#e1efff}.hero-reassurance{color:#94aac9}.hero-reassurance svg{color:#65d9ff}
.hero-scroll-cue{display:flex;justify-content:center;margin:42px 0 60px}.hero-scroll-cue a{display:flex;flex-direction:column;align-items:center;gap:13px;font-size:10px;letter-spacing:2px;color:#97b1d0}.hero-scroll-cue a>span:last-child{font-size:22px;letter-spacing:0;color:#6cddff}
.product-stage{perspective:1800px;margin-top:0;max-width:1440px;width:calc(100% - 100px);padding-top:0;scroll-margin-top:115px}.stage-heading{text-align:left;display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 32px;gap:25px}.stage-heading>span{font-size:11px;letter-spacing:2px;color:#7db4d9;padding-bottom:6px}.stage-heading>strong{font-family:var(--display);font-size:36px;line-height:1.1;letter-spacing:-1.3px;text-align:right;font-weight:500}
.workspace.erp-workspace{transform:rotateX(var(--stage-tilt,0deg));transform-origin:50% 30%;border:1px solid #abdfff55;box-shadow:0 50px 120px -30px #030f29,0 0 0 8px #9cceff0d;transition:box-shadow .4s;color:#18243b}
.workspace.erp-workspace:focus-within{transform:none!important}.hero .preview-caption{color:#a6bbd8}.hero .preview-caption .live-dot{background:#61d5fa}.hero .floating-note{display:none}.hero .capabilities-strip{width:100%;max-width:none;padding:70px 25px 60px;gap:clamp(22px,4vw,80px);font-size:clamp(25px,3.3vw,52px);font-family:var(--display);letter-spacing:-1.7px;color:#d2e3f7}.capabilities-strip i{color:#52bbec;font-size:36px;font-style:normal}
.platform-intro{padding-top:150px;border:0}.manifesto{max-width:1160px}.manifesto .eyebrow{font-size:12px;letter-spacing:1.5px}.manifesto h2.manifesto-statement{font-size:clamp(55px,6.4vw,96px);line-height:1.1;letter-spacing:-.055em;margin:38px 0}.manifesto-statement .manifesto-line{display:block;color:#223357;transition:color .5s}.manifesto-statement .manifesto-line:last-child{color:#257cc0}.manifesto>p{max-width:830px;font-size:22px;line-height:1.8}
.capability-index{border:0;border-radius:0;gap:16px;margin-top:75px;overflow:visible}.capability-index>a{border:1px solid #dfe7f3!important;border-radius:14px;padding:34px;min-height:310px;background:#f4f7fc;overflow:hidden;transition:transform .35s var(--impact-ease),box-shadow .35s,background .35s}.capability-index>a:hover{transform:translateY(-7px);background:#edf5ff;box-shadow:0 24px 50px -30px #20365f66}.capability-index>a>span{font-size:47px;font-family:var(--display);font-weight:500;letter-spacing:-3px;line-height:1;color:#b1c4df}.capability-index h3{font-size:27px;margin-top:30px}.capability-index p{font-size:17px;padding-right:0}.capability-index>a>svg{position:absolute;top:36px;right:30px;width:28px;height:28px}.capability-index>a:nth-child(2),.capability-index>a:nth-child(5){background:#223357;border-color:#223357!important;color:#fff}.capability-index>a:nth-child(2) p,.capability-index>a:nth-child(5) p{color:#b5c9e3}.capability-index>a:nth-child(2)>span,.capability-index>a:nth-child(5)>span{color:#6485b0}.capability-index>a:nth-child(2)>svg,.capability-index>a:nth-child(5)>svg{color:#6addff}
.power-section{background:#f0f5fc;border-block:1px solid #e3eaf6}.power-copy h2{font-size:clamp(42px,4.5vw,68px);line-height:1.08;letter-spacing:-.055em}.power-copy h2 span{color:#347fc0}.apps-visual{perspective:1100px}.apps-orbit{border-color:#8eafe348;box-shadow:0 0 100px #85c2fa2b;background:radial-gradient(circle,#d6eaff80,transparent 65%)}.tile-pulse{box-shadow:0 35px 60px -25px #19457855}.tile-invoice{box-shadow:0 25px 60px -25px #19457855}.tile-connect{box-shadow:0 20px 50px -20px #19457840}
.automation-section{background:radial-gradient(ellipse at 95% 0,#27558470,transparent 60%),#13233f;position:relative}.automation-section .statement-heading{max-width:1160px}.automation-section .statement-heading h2{font-size:clamp(45px,5.7vw,82px);line-height:1.08;letter-spacing:-.05em}.workflow-demo{margin-top:65px;padding:34px;border-color:#8fb5e040;background:#ffffff06;box-shadow:0 28px 80px #030d2229}.workflow-tabs button.active{background:#66dfff;color:#142542;border-color:#a3edff}.workflow-path{gap:38px}.workflow-step{padding:33px 26px;min-height:235px;box-shadow:0 16px 40px #030d221a}.workflow-step+.workflow-step::before{left:-33px;font-size:26px}.workflow-step-index{font-size:26px;color:#98bad9}.workflow-step h4{font-size:26px}.benefit-line strong{font-size:32px;letter-spacing:-1px}
.functions-section{padding-block:150px}.large-copy h2{font-size:clamp(44px,4.4vw,64px);line-height:1.09;letter-spacing:-.05em}.function-business-card{border-radius:18px;background:linear-gradient(135deg,#f4f8ff,#eaf1fc);box-shadow:0 25px 65px -35px #2b578050;padding:38px}.function-emblem{background:#223357;color:#79dfff;font-size:50px;width:75px;height:75px}.business-rule{padding-block:27px}.functions-proof{margin-top:100px}.functions-proof-heading h3{font-size:clamp(34px,4vw,57px);letter-spacing:-.045em}.functions-proof .proof-window{transform:none;box-shadow:0 35px 85px -35px #1c3f7155}.functions-proof-image{padding:26px;background:#223357}.functions-proof-image img{border-color:#adc8e855}.functions-proof .proof-toolbar{background:#172944;color:#d7e8ff}.functions-proof .proof-toolbar button{background:#ffffff0d;color:#b3e8ff;border-color:#ffffff30}
.customization-section{background:#edf2fa}.customization-visual{box-shadow:0 40px 75px -35px #24457255;transform:rotate(-2deg);transition:transform .4s}.customization-visual:focus-within{transform:none}.custom-preview-header{padding:30px 24px}
.ai-section{background:#0e1e38;color:#f2f7ff;position:relative;isolation:isolate;overflow:hidden;padding-top:140px}.ai-section>.container{position:relative}.ai-section .statement-heading{position:relative;z-index:2;max-width:700px}.ai-section .eyebrow{color:#91d7f6}.ai-section .statement-heading h2{font-size:clamp(57px,6.5vw,94px);line-height:1.02;letter-spacing:-.06em}.ai-section .statement-heading h2 span{color:#72dfff}.ai-section .statement-heading>p{max-width:640px;color:#b1c5de;font-size:21px}.ai-sphere-scene{position:absolute;width:540px;height:540px;right:-100px;top:0;pointer-events:none;perspective:850px;isolation:isolate}.ai-sphere-scene::before{content:'';position:absolute;inset:5%;border-radius:50%;background:radial-gradient(circle,#169fde35,transparent 70%);filter:blur(20px)}.ai-core{position:absolute;inset:25%;border:1px solid #97e8ff88;border-radius:50%;background:radial-gradient(circle at 28% 23%,#37749c,#172f57 57%,#0e1e38 80%);box-shadow:inset 0 0 45px #6cd8ff35,0 0 80px #32b6f936;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(var(--ai-lift,0px))}.ai-core>span{font-size:82px;color:#8deaff;text-shadow:0 0 35px #8deaff66;line-height:1}.ai-core>strong{font-family:var(--display);font-size:26px;margin-top:20px;font-weight:650;letter-spacing:-1px}.ai-core>strong>span{margin-left:5px;color:#79dfff}.ai-orbit{position:absolute;inset:9%;border:1px solid #83ccff55;border-radius:50%;transform:rotateX(63deg) rotateZ(var(--ai-turn,-30deg));box-shadow:0 0 20px #53caff0d}.ai-orbit-two{inset:3%;transform:rotateY(62deg) rotateZ(35deg);border-color:#8ce6ff77}.ai-orbit-three{inset:0;transform:rotateX(-42deg) rotateY(43deg);border-color:#7badff38}.ai-satellite{position:absolute;border:1px solid #7dbffb44;border-radius:100px;padding:12px 18px;font-size:13px;color:#c1e6ff;background:#172e4ded;box-shadow:0 12px 35px #0002}.satellite-one{left:5%;top:23%}.satellite-two{right:1%;top:42%}.satellite-three{bottom:17%;left:24%}
.ai-pillars{position:relative;z-index:2;margin-top:90px;gap:24px}.ai-pillars article{background:#ffffff05;border-color:#badcff25;border-radius:14px;padding:40px}.ai-symbol{color:#65dfff}.ai-pillars h3{font-size:34px;letter-spacing:-1.3px}.ai-pillars p{color:#adc2de}.ai-origin{border-color:#bfdfff22;color:#9bd6ef}.ai-pillars article:last-child .ai-origin{background:#6ccaff0a;border-color:#a1d6ff30;color:#9bd6ef}.ai-usecases>div>span{color:#6eacd6}.ai-usecases p{color:#d2e6fa;font-size:25px}.ai-usecases{border-top:1px solid #adcfff20;padding-top:35px}
.possibilities .section-heading h2,.breadth-heading h2,.project-proof h2{font-size:clamp(42px,5vw,72px);letter-spacing:-.05em;line-height:1.12}.feature-card{border-radius:16px}.domain-grid{border-radius:15px}.domain-card{transition:background .3s}.domain-card:hover{background:#f0f6ff}.project-proof{background:#edf3fb}.project-proof .proof-window{box-shadow:0 45px 80px -45px #1b437b80}.proof-tags>span{background:#fff9}
.connections{padding-top:140px}.connections .section-heading{align-items:center;gap:60px}.connections .section-heading>div:first-child{flex:1}.connections .section-heading>div:last-child{flex:.75}.connections .section-heading h2{margin-top:25px}.connector-number{font-size:clamp(160px,18vw,270px);font-family:var(--display);font-weight:550;letter-spacing:-.09em;color:#223357;display:flex;align-items:center;gap:35px;line-height:.85;margin-left:-.045em;margin-bottom:30px}.connector-star{color:#31b6e5;font-size:.42em;line-height:1;transform:rotate(var(--connector-turn,0deg))}.connector-headline{display:block;font-size:clamp(38px,4vw,58px);line-height:1.1;letter-spacing:-.05em}.connector-launch{background:#edf5fc}.connector-universe{margin-top:50px;background:radial-gradient(ellipse at center,#d4e9ff70,transparent 65%)}.connection-hub{background:#223357;color:white;border-color:#44608a;box-shadow:0 20px 55px #204a7426}.connection-hub>strong{color:white}.connection-hub>span:last-child{color:#b7d4ec}.connector-node{box-shadow:0 13px 35px #1738680d}.connector-card{transition:transform .25s,box-shadow .25s,border-color .25s}.connector-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #1c4a7912;border-color:#83bae9}
.freedom-intro h2{font-size:clamp(48px,6vw,88px);line-height:1.06;letter-spacing:-.055em}.final-cta{background:radial-gradient(ellipse at 50% 130%,#2f96bb70,transparent 65%),#122540;border:1px solid #214368;color:#fff;border-radius:24px;padding:100px 45px}.final-cta .eyebrow{color:#8bd5f1}.final-cta h2{font-size:clamp(62px,7.8vw,112px);letter-spacing:-.065em;line-height:1.04;margin:35px 0}.final-cta h2 span{color:#77dfff}.final-cta p{color:#b2cae2;font-size:21px}.final-cta .button{background:#8ce6ff;color:#152c47;box-shadow:0 0 35px #57d2ff20}.cta-note{color:#9bbbd6}.cta-spark{color:#7addff}
.js-motion .reveal{transition-duration:1s;transition-timing-function:var(--impact-ease);transform:translateY(40px)}.js-motion .reveal.visible{transform:none}.capability-index>a:nth-child(3n+2){transition-delay:60ms}.capability-index>a:nth-child(3n){transition-delay:120ms}
@media(min-width:1100px){.hero-copy{animation:impact-enter 1s var(--impact-ease) both}.hero .horizon{animation:horizon-enter 1.8s var(--impact-ease) both}}
@keyframes impact-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes horizon-enter{from{opacity:0;translate:0 80px}to{opacity:1;translate:0 0}}
@media(max-width:1150px){.hero{padding-top:65px}.hero h1{font-size:clamp(78px,11vw,125px)}.ai-sphere-scene{right:-120px;opacity:.55;width:480px;height:480px;top:0}.ai-section .statement-heading{max-width:650px}.ai-section .statement-heading>p{max-width:550px}.capability-index>a{padding:28px}.capability-index h3{font-size:24px}.workflow-step{padding:30px 20px}.workflow-step h4{font-size:22px}.stage-heading>strong{font-size:30px}.product-stage{width:calc(100% - 72px)}}
@media(max-width:900px){.hero h1{font-size:clamp(75px,12.5vw,112px)}.hero-copy>p{max-width:660px;font-size:18px}.hero-copy>p strong{font-size:21px}.hero .capabilities-strip{gap:24px;font-size:30px}.stage-heading>span{font-size:9px;max-width:190px;line-height:1.7}.stage-heading>strong{font-size:28px}.product-stage{width:calc(100% - 40px)}.manifesto h2.manifesto-statement{font-size:clamp(49px,7.5vw,70px)}.capability-index>a{min-height:300px}.large-copy h2{font-size:57px}.ai-section{padding-top:100px}.ai-sphere-scene{position:relative;top:auto;right:auto;width:420px;height:420px;margin:-25px auto 25px;opacity:1}.ai-section .statement-heading{max-width:none}.ai-section .statement-heading h2{font-size:74px}.ai-section .statement-heading>p{max-width:none}.ai-pillars{margin-top:50px}.ai-pillars article{padding:29px}.ai-pillars h3{font-size:29px}.connections .section-heading{gap:30px}.connector-number{font-size:180px;gap:24px}.connector-headline{font-size:43px}.benefit-line strong{font-size:27px}.workflow-path{gap:24px}.workflow-step+.workflow-step::before{left:-22px;font-size:20px}}
@media(max-width:700px){html{scroll-padding-top:96px}.header nav{background:#142642;border-color:#ffffff20;color:#eaf4ff}.header .nav-cta{font-size:11px;padding:11px 13px}.hero{padding-top:45px}.hero-copy{width:calc(100% - 38px)}.hero-eyebrow{font-size:10px;letter-spacing:.6px;line-height:1.7;max-width:320px;margin:auto}.hero h1{font-size:clamp(64px,14.3vw,100px);letter-spacing:-.072em;margin:28px 0}.hero-copy>p{font-size:17px;line-height:1.75}.hero-copy>p strong{font-size:19px;margin-bottom:10px}.hero-copy>p br{display:none}.hero-actions{flex-direction:column;gap:20px;margin-top:28px}.hero-actions .button{font-size:14px;padding:18px 20px}.hero-actions .text-button{font-size:14px}.hero-reassurance{font-size:10px;gap:12px;flex-wrap:wrap;justify-content:center}.hero-scroll-cue{margin:35px 0 45px}.hero-scroll-cue a{font-size:8px;letter-spacing:1.3px}.horizon{top:380px;width:950px;height:500px}.hero .orbit{top:410px}.stage-heading{display:block;margin-bottom:20px}.stage-heading>span{font-size:9px;display:block;max-width:none;padding:0}.stage-heading>strong{display:block;text-align:left;font-size:30px;margin-top:14px}.stage-heading>strong br{display:none}.product-stage{width:calc(100% - 30px);perspective:none;scroll-margin-top:95px}.workspace.erp-workspace{transform:none!important;box-shadow:0 25px 60px -20px #020d23,0 0 0 4px #9cceff0d}.hero .capabilities-strip{display:grid;grid-template-columns:1fr 1fr;width:calc(100% - 38px);font-size:30px;gap:22px 14px;padding:43px 0;letter-spacing:-1px}.hero .capabilities-strip i{display:none}.hero .preview-caption{font-size:9px;gap:12px}.section{padding-block:80px}.platform-intro{padding-top:85px}.manifesto .eyebrow{font-size:10px;letter-spacing:.8px;line-height:1.8}.manifesto h2.manifesto-statement{font-size:clamp(39px,9.5vw,62px);margin:28px 0;line-height:1.12}.manifesto>p{font-size:18px}.capability-index{margin-top:40px;gap:13px}.capability-index>a{min-height:0;padding:27px}.capability-index h3{font-size:25px;margin-top:24px}.capability-index>a>span{font-size:40px}.capability-index p{font-size:17px}.capability-index>a>svg{top:29px;right:25px}.power-copy h2,.large-copy h2{font-size:clamp(39px,9.5vw,56px)}.automation-section .statement-heading h2{font-size:clamp(42px,10vw,62px)}.workflow-demo{padding:21px;margin-top:35px}.workflow-tabs{gap:7px}.workflow-tabs button{font-size:13px}.workflow-step{padding:27px 22px;min-height:0}.workflow-step+.workflow-step::before{left:50%;top:-25px;transform:translateX(-50%) rotate(90deg);font-size:21px}.workflow-path{gap:29px}.workflow-step h4{font-size:25px}.benefit-line strong{font-size:29px}.function-business-card{padding:25px}.function-emblem{width:55px;height:55px;font-size:38px}.functions-proof{margin-top:55px}.functions-proof-heading h3{font-size:38px}.functions-proof-image{padding:8px}.customization-visual{transform:none}.ai-section .statement-heading h2{font-size:clamp(48px,12vw,76px)}.ai-section .statement-heading>p{font-size:18px}.ai-sphere-scene{width:min(360px,100%);height:auto;aspect-ratio:1;margin:-20px auto 35px}.ai-core>span{font-size:51px}.ai-core>strong{font-size:19px;margin-top:12px}.ai-satellite{padding:9px 12px;font-size:10px}.ai-pillars article{padding:28px}.ai-pillars h3{font-size:30px}.ai-usecases p{font-size:23px}.possibilities .section-heading h2,.breadth-heading h2,.project-proof h2{font-size:clamp(39px,9.5vw,58px)}.connections .section-heading{display:block}.connector-number{font-size:clamp(160px,44vw,220px);margin-top:30px;gap:30px}.connector-headline{font-size:43px}.connections .section-heading p{margin-top:30px;max-width:none;font-size:18px}.connector-universe{margin-top:10px}.freedom-intro h2{font-size:47px}.final-cta{padding:65px 23px;border-radius:18px}.final-cta h2{font-size:clamp(48px,12vw,80px)}.final-cta p{font-size:18px}.final-cta .button{font-size:14px}.cta-note{font-size:12px}.js-motion .reveal{transform:translateY(25px)}}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero .horizon{animation:none}.workspace.erp-workspace,.ai-core,.connector-star,.customization-visual{transform:none!important}.js-motion .reveal{transform:none;opacity:1;transition:none}.capability-index>a,.connector-card,.hero-actions .button-green{transition:none}.capability-index>a:hover,.connector-card:hover,.hero-actions .button-green:hover{transform:none}}
