@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080a0f;--panel:#10131b;--ink:#f0f1f2;--muted:#9299a7;--accent:#c9f76c;--border:#282d36;color-scheme:dark;font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{color:inherit}::selection{background:var(--accent);color:var(--bg)}header{height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);position:relative;z-index:10;background:var(--bg)}.brand{font-family:'Space Grotesk',sans-serif;font-size:40px;font-weight:600;letter-spacing:-3px;line-height:1}.brand span{font-size:14px;letter-spacing:0;vertical-align:top;display:inline-block;margin:5px 0 0 5px}nav{display:flex;align-items:center;gap:38px;font-size:14px}nav>a:not(.nav-cta){color:#c2c6ce}nav a:hover{color:var(--accent)}.nav-cta{padding:13px 20px;border:1px solid #60656c;border-radius:40px}.nav-cta span{margin-left:18px}.menu{display:none}.hero{position:relative;min-height:740px;padding:96px 5% 0;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr}.hero-copy{z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:12px}.line{width:27px;height:1px;background:var(--accent)}h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:500}h1{font-size:clamp(58px,6.3vw,100px);line-height:1.03;letter-spacing:-6px;margin:37px 0 26px;white-space:nowrap}h1 .outline{display:block;color:#a3a8b5}em{font-style:normal;color:var(--accent)}.intro{font-size:18px;line-height:1.7;color:#a5abb8}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--accent);color:#13180b;border:0;border-radius:40px;padding:19px 25px;font-weight:600;font-size:14px;transition:transform .25s,box-shadow .25s}.primary:hover{transform:translateY(-3px);box-shadow:0 10px 36px #c9f76c24}.primary span{font-size:22px}.hero .primary{margin-top:20px}.hero-note{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.8px;color:#777f8e;margin-top:42px}.hero-note i{width:3px;height:3px;background:#778090;border-radius:50%}.scene{position:absolute;right:-4%;top:15px;width:60%;height:640px}.scene canvas{width:100%;height:100%;touch-action:pan-y;cursor:grab}.scene canvas:active{cursor:grabbing}.scene-label{position:absolute;top:65px;right:17%;font-size:10px;letter-spacing:2px;color:#9ca5b6;pointer-events:none}.cross{font-size:23px;color:var(--accent);margin-right:12px}.scene-bottom{position:absolute;left:32%;right:16%;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1.5px;color:#858d9c}.scene-bottom button{border:0;background:transparent;font-size:12px;color:#b3bdcc;padding:9px;letter-spacing:0}.hero-bottom{grid-column:1/-1;align-self:end;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);height:72px;font-size:10px;letter-spacing:1.7px;color:#9ca3af;margin-top:45px}.hero-bottom a span{font-size:19px;margin-left:15px;color:var(--accent)}.section{padding:90px 5%}.services{background:#0e1118}.section-top{display:flex;justify-content:space-between;align-items:center}.section-top>p:last-child{font-size:14px;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:45px;margin:30px 0 48px}h2{font-size:clamp(34px,3.8vw,58px);line-height:1.12;letter-spacing:-2.7px;margin:0}h2>span{color:#777f8e}.section-title>p{color:#a1a8b5;font-size:16px;line-height:1.8;max-width:360px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.service-card{background:#0e1118;padding:30px;min-height:310px;position:relative;transition:background .3s,transform .3s;transform-style:preserve-3d;z-index:1}.service-card:hover{background:#171d24;z-index:2}.card-top{display:flex;align-items:center;justify-content:space-between;color:#697180;font-size:12px;letter-spacing:1px}.card-icon{width:40px;height:40px;color:var(--accent);transition:transform .4s}.service-card:hover .card-icon{transform:rotate(-10deg) scale(1.15)}.card-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.2}.service-card h3{font-size:25px;letter-spacing:-.8px;margin:37px 0 14px}.service-card>p{font-size:15px;line-height:1.7;color:#989fac;margin:0;max-width:330px}.service-card details{margin-top:22px}.service-card summary{cursor:pointer;list-style:none;color:var(--accent);font-size:13px;display:flex;justify-content:space-between}.service-card summary::-webkit-details-marker{display:none}.service-card details p{font-size:14px;line-height:1.8;color:#c5cad3;border-top:1px solid var(--border);padding-top:16px}.service-card details[open] summary span{transform:rotate(45deg)}.approach{border-bottom:1px solid var(--border)}.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:55px}.approach h2{font-size:clamp(42px,4.5vw,67px)}.approach-intro{max-width:400px;line-height:1.8;color:var(--muted);font-size:16px;margin-top:28px}.steps details{border-top:1px solid #363d47;padding:25px 0}.steps summary{font-family:'Space Grotesk',sans-serif;font-size:27px;list-style:none;display:flex;align-items:center;gap:30px;cursor:pointer}.steps summary::-webkit-details-marker{display:none}.steps summary span{font-family:'DM Sans',sans-serif;font-size:12px;color:var(--accent)}.steps summary b{margin-left:auto;font-size:22px;font-weight:400;color:var(--muted)}.steps details[open] b{transform:rotate(45deg);color:var(--accent)}.steps p{margin:20px 25px 3px 47px;font-size:16px;line-height:1.8;color:#a4acba}.contact{background:radial-gradient(ellipse at 95% 0,#28351b66,transparent 50%)}.contact-heading{display:flex;align-items:center;justify-content:space-between;margin-top:38px}.contact h2{font-size:clamp(65px,7vw,106px);letter-spacing:-5px}.contact-heading p{color:#a5adba;font-size:18px;line-height:1.8;max-width:370px}.topic-picker{display:flex;gap:10px;flex-wrap:wrap;margin:38px 0}.topic-picker button{background:transparent;border:1px solid #434a55;padding:12px 18px;border-radius:30px;color:#bec5d0;font-size:14px;transition:.2s}.topic-picker button:hover,.topic-picker button[aria-pressed=true]{background:var(--accent);color:#10160a;border-color:var(--accent)}label{display:block;margin-bottom:12px;font-size:14px}textarea{resize:vertical;width:100%;border:1px solid #3c434d;border-radius:12px;padding:20px;background:#10141b;color:var(--ink);line-height:1.7;font-size:16px}textarea::placeholder{color:#7f8997}.contact-actions{display:flex;align-items:center;gap:24px;margin-top:24px}.contact-actions>span,.small{color:var(--muted);font-size:13px}.contact #status{font-size:14px;color:var(--accent)}#brief-result{border:1px solid var(--border);border-radius:12px;padding:26px;margin-top:30px;background:#10151b}#brief-text{white-space:pre-line;font-size:16px;line-height:1.8}#brief-result button,#brief-result a{display:inline-block;background:transparent;color:var(--accent);border:1px solid #586744;padding:12px 18px;border-radius:28px;font-size:14px;margin:8px 12px 8px 0}footer{display:flex;align-items:center;justify-content:space-between;padding:40px 5%;gap:25px;border-top:1px solid var(--border)}footer p,footer>span,footer>a:last-child{font-size:12px;color:var(--muted)}footer .brand{font-size:32px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--accent);color:#000;padding:15px}.skip:focus{top:10px}@media(min-width:1600px){header,.section,footer{padding-left:max(5%,calc((100vw - 1450px)/2));padding-right:max(5%,calc((100vw - 1450px)/2))}.hero{padding-left:max(5%,calc((100vw - 1450px)/2));padding-right:max(5%,calc((100vw - 1450px)/2))}}@media(max-width:1000px){h1{font-size:70px;letter-spacing:-4px}.hero{padding-top:75px;min-height:710px}.scene{right:-15%;width:70%;opacity:.8}.section-title{align-items:start;flex-direction:column;gap:25px}.section-title>p{max-width:600px}.service-card{padding:24px}.service-card h3{font-size:22px}.approach-layout{gap:6%}}@media(max-width:700px){header{height:80px}.brand{font-size:34px}nav{display:none;position:absolute;top:79px;left:0;right:0;padding:25px;background:#0e1118;border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:24px}nav.open{display:flex}.menu{display:block;border:1px solid #3e4652;border-radius:50%;width:42px;height:42px;background:transparent;font-size:19px}.hero{display:block;padding-top:44px;min-height:0}.eyebrow{font-size:10px;letter-spacing:1.5px}h1{font-size:clamp(47px,10vw,70px);letter-spacing:-3px;margin-top:27px}.hero h1{white-space:normal}.intro{font-size:16px}.hero-copy{position:relative}.scene{position:relative;top:auto;right:auto;width:115%;margin-left:-7.5%;height:370px;margin-top:5px;opacity:1}.scene-label{top:15px;right:12%;font-size:9px}.scene-bottom{left:12%;right:12%;bottom:0;font-size:9px}.hero-note{margin-top:28px;font-size:9px}.hero-bottom{margin-top:24px;height:60px;font-size:9px}.edition{display:none}.section{padding-top:60px;padding-bottom:60px}.section-top{gap:12px;align-items:start}.section-top>p:last-child{font-size:12px;max-width:120px;text-align:right}h2{font-size:36px;letter-spacing:-1.7px}.section-title{margin:25px 0 32px}.section-title>p{font-size:15px}.service-grid{grid-template-columns:1fr}.service-card{padding:28px;min-height:270px}.service-card h3{font-size:27px;margin-top:24px}.service-card>p{max-width:none}.approach-layout{grid-template-columns:1fr;gap:32px;margin-top:30px}.approach h2{font-size:48px}.steps summary{font-size:26px}.contact-heading{display:block}.contact-heading p{font-size:16px;margin-top:28px}.contact h2{font-size:70px;letter-spacing:-4px}.contact-actions{align-items:start;flex-direction:column;gap:16px}.topic-picker{gap:8px}.topic-picker button{font-size:13px;padding:10px 14px}footer{flex-wrap:wrap;gap:22px}footer p{width:calc(100% - 135px)}footer>span{flex:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.transformation{height:280vh;position:relative;border-top:1px solid var(--border);background:#080a0f}.transform-stage{height:100vh;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 85% 60%,hsla(var(--scroll-hue,84),65%,20%,.13),transparent 60%);transition:background 1s}.transform-stage canvas{width:100%;height:100%;position:absolute;inset:0}.journey-top{position:absolute;left:5%;right:5%;top:45px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#9ca6b6}.journey-copy{position:absolute;left:8%;top:50%;transform:translateY(-50%);pointer-events:none;max-width:600px}.journey-copy h2{font-size:clamp(55px,6vw,95px);letter-spacing:-5px;margin:28px 0}.journey-copy em{color:hsl(var(--scroll-hue,84),75%,72%);transition:color .5s}.journey-desc{font-size:18px;line-height:1.8;color:#a0acbd}.journey-foot{position:absolute;bottom:45px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;color:#8591a2;font-size:10px;letter-spacing:2px}.journey-track{width:28%;height:2px;background:#303845}.journey-track i{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left}.service-card{will-change:transform}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:700px){.transformation{height:235vh}.journey-top{top:28px;font-size:9px;letter-spacing:1px}.journey-copy{top:auto;bottom:85px;transform:none;left:7%;right:7%}.journey-copy h2{font-size:50px;letter-spacing:-2.7px;margin:15px 0}.journey-desc{font-size:15px}.journey-foot{bottom:30px;font-size:8px;letter-spacing:1px;gap:15px}.journey-track{min-width:20%}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.transformation{height:180vh}}
.erp{background:#0d1218;border-top:1px solid var(--border);overflow:hidden}.erp-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;margin-top:40px}.erp-copy>p{max-width:490px;font-size:17px;line-height:1.8;color:#a1adba;margin:26px 0}.erp-tabs{display:flex;border-bottom:1px solid var(--border);gap:28px;margin-top:32px}.erp-tabs button{border:0;background:transparent;padding:15px 0;color:#939daa;font-size:15px;border-bottom:2px solid transparent}.erp-tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent)}#erp-panel{min-height:165px;padding:5px 0}#erp-panel h3{font-size:24px;margin:22px 0 10px}#erp-panel p{font-size:15px;line-height:1.8;color:#a4afbc;max-width:490px}.text-link{border:0;background:transparent;padding:16px 0;font-size:14px;color:var(--accent)}.text-link span{margin-left:20px}.erp-network{position:relative;aspect-ratio:1;max-width:560px;width:100%;perspective:900px;transition:transform .6s}.erp-network svg{width:100%;height:100%;overflow:visible;fill:none}.net-orbit{stroke:#60784833;stroke-width:1;stroke-dasharray:3 10;transform-origin:250px 250px;animation:orbit 90s linear infinite}.net-orbit.inner{stroke:#809c4944;stroke-dasharray:none}.net-path{stroke:#96c97455;stroke-width:1}.net-pulse{fill:var(--accent);filter:drop-shadow(0 0 7px #c9f76c)}.erp-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:32%;aspect-ratio:1;border:1px solid #809e4f88;border-radius:28px;background:linear-gradient(130deg,#354626,#10191c 65%);box-shadow:0 25px 55px #0005,inset 0 1px 0 #c9f76c55;transition:box-shadow .4s}.erp-network:hover .erp-core{box-shadow:0 0 65px #c9f76222,inset 0 1px 0 #c9f76c55}.erp-core span{font-size:10px;letter-spacing:3px;color:#a4b89b}.erp-core strong{font-family:'Space Grotesk',sans-serif;font-size:46px;letter-spacing:-2px;font-weight:500;margin:5px 0}.erp-core small{font-size:7px;letter-spacing:1px;color:#9bb18b}.net-label{position:absolute;padding:10px 19px;border:1px solid #38464b;border-radius:24px;background:#151d24;font-size:14px;color:#c7d0d9;transform:translate(-50%,-50%)}.n1{top:12.4%;left:50%}.n2{top:50%;left:87.6%}.n3{top:87.6%;left:50%}.n4{top:50%;left:12.4%}.network-caption{text-align:center;font-size:9px;letter-spacing:1.8px;color:#768796;margin-top:0}@keyframes orbit{to{transform:rotate(360deg)}}.service-card::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(220px circle at var(--mx,50%) var(--my,0%),#d2ff8410,transparent 80%);opacity:0;transition:opacity .3s}.service-card:hover::after{opacity:1}.ambient-motion-off .net-pulse{visibility:hidden}.ambient-motion-off .net-orbit{animation-play-state:paused}@media(max-width:700px){.erp-layout{grid-template-columns:1fr;gap:30px}.erp-copy>p{font-size:16px}.erp-network{max-width:420px;margin:auto}.erp-core strong{font-size:35px}.net-label{font-size:12px;padding:9px 13px}.erp-core small{font-size:6px}.erp-tabs{gap:25px}}@media(prefers-reduced-motion:reduce){.net-pulse{visibility:hidden}}
.email-link{color:var(--accent);display:inline-block;margin-top:20px;font-size:21px}.email-link:hover{text-decoration:underline;text-underline-offset:6px}.hero-note,.hero-bottom,.scene-label,.scene-bottom,.journey-top,.journey-foot,.network-caption{font-size:12px}.erp-core small{font-size:9px}.erp-core span{font-size:12px}.scene-bottom{left:25%;right:14%;letter-spacing:.5px}.hero-note{letter-spacing:1px}.scene-label{letter-spacing:1px}.network-caption{letter-spacing:.5px}.journey-foot{letter-spacing:1px}.hero-bottom{letter-spacing:1px}.hero-copy{pointer-events:auto}.scene{z-index:1}.hero-copy{position:relative;z-index:2}.hero-bottom{position:relative;z-index:2}@media(max-width:700px){.hero-note{font-size:11px}.hero-bottom,.scene-label,.journey-top,.journey-foot{font-size:10px}.scene-bottom{left:12%;right:12%;font-size:10px}.erp-core small{display:none}.network-caption{font-size:10px}.scene{z-index:2}}
/* Kinetic layer: the original palette and layout remain the foundation. */
.shape-picker{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);display:flex;gap:4px;border:1px solid #647d4744;padding:5px;border-radius:30px;background:#0b1119bb;backdrop-filter:blur(15px);z-index:3}.shape-picker button{background:transparent;border:0;border-radius:20px;font-size:12px;color:#8d9caa;padding:8px 16px;transition:background .3s,color .3s}.shape-picker button[aria-pressed=true]{background:#c9f76c;color:#182014}.shape-picker button:hover{color:#f0f5e8}.shape-picker button[aria-pressed=true]:hover{color:#182014}.scene-bottom{bottom:5px}#motion{position:fixed;right:22px;bottom:22px;z-index:30;border:1px solid #73805866;border-radius:30px;padding:12px 16px;font-size:12px;background:#0e141bee;backdrop-filter:blur(16px);color:#d6ddcc;box-shadow:0 5px 25px #0004}#motion:hover{border-color:var(--accent)}.scene{transform-origin:55% 50%;will-change:scale,rotate}.hero-copy{will-change:translate}.hero h1{animation:hero-enter 1.15s cubic-bezier(.2,.7,.2,1) both}.hero .intro{animation:hero-enter 1.15s .12s both}.hero .primary{animation:hero-enter 1.15s .22s both}.hero h1 em{background:linear-gradient(105deg,#c9f76c 25%,#f3ffd9 47%,#a2d747 55%,#c9f76c 78%);background-size:250% 100%;color:transparent;background-clip:text;-webkit-background-clip:text;animation:light-pass 9s ease-in-out infinite}.page-progress{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#c9f76c,#76f3da);transform-origin:left;z-index:100;pointer-events:none}.primary,.nav-cta{transition:translate .2s ease-out,transform .25s,box-shadow .25s}.service-card{clip-path:inset(var(--reveal-clip,0%) 0 0 0);backface-visibility:hidden}.service-card .card-top,.service-card h3,.service-card>p,.service-card details{transform:translateZ(14px)}.service-card .card-icon{position:relative}.service-card:hover .card-icon{transform:rotate(-12deg) scale(1.22);filter:drop-shadow(0 0 12px #c9f76c66)}.service-card:focus-within{background:#171d24}.service-card summary span{transition:transform .3s}.net-label{cursor:pointer;transition:background .3s,box-shadow .3s,border-color .3s,scale .3s}.net-label:hover,.net-label[aria-pressed=true]{background:#293c22;border-color:#c9f76c;box-shadow:0 0 28px #bdf96b18;scale:1.08}.erp-network{rotate:var(--network-angle,0deg);transition:transform .6s,rotate .2s,translate .2s}.network-caption{font-size:13px!important;letter-spacing:0;line-height:1.6;min-height:48px;max-width:430px;margin:12px auto 0;color:#a4b5ab}.net-orbit.inner{stroke-dasharray:100 40;animation:orbit 45s linear infinite reverse}.erp-core{animation:core-glow 5s ease-in-out infinite}.transform-stage::after{content:'';position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(transparent,#080a0f);pointer-events:none}.journey-foot{z-index:2}.journey-copy{z-index:2}.journey-copy h2{min-height:2.3em}.journey-copy .eyebrow{min-height:1.4em}.contact{position:relative;overflow:hidden}.contact::before{content:'';position:absolute;width:45vw;height:45vw;right:-20vw;top:-15vw;border:1px solid #c9f76c18;border-radius:50%;box-shadow:0 0 0 60px #c9f76c04,0 0 0 120px #c9f76c03;pointer-events:none;animation:halo-breathe 9s ease-in-out infinite}.contact-heading,.contact .topic-picker{position:relative}.topic-picker button{transition:background .2s,box-shadow .2s,transform .2s}.topic-picker button:hover{transform:translateY(-3px)}.topic-picker button[aria-pressed=true]{box-shadow:0 5px 25px #c9f76c16}.steps summary{transition:color .25s}.steps summary:hover{color:var(--accent)}footer{padding-bottom:90px}@keyframes hero-enter{from{opacity:0;translate:0 30px;filter:blur(8px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes light-pass{0%,30%{background-position:100% 50%}70%,100%{background-position:0% 50%}}@keyframes core-glow{0%,100%{box-shadow:0 25px 55px #0005,inset 0 1px 0 #c9f76c55}50%{box-shadow:0 25px 65px #b8f86b10,inset 0 1px 0 #e4ffaa99}}@keyframes halo-breathe{50%{scale:1.12;opacity:.5}}.ambient-motion-off *, .ambient-motion-off *::before,.ambient-motion-off *::after{animation-play-state:paused!important}.ambient-motion-off .hero h1 em{color:var(--accent);background:none}.ambient-motion-off .reveal{opacity:1;transform:none}.ambient-motion-off .service-card{clip-path:none}.ambient-motion-off .hero h1,.ambient-motion-off .hero .intro,.ambient-motion-off .hero .primary{animation:none}@media(max-width:700px){.shape-picker{bottom:45px}.shape-picker button{padding:7px 14px}.scene-bottom{bottom:-8px}.hero .scene{margin-bottom:20px}#motion{right:12px;bottom:12px;font-size:11px;padding:10px 13px}.network-caption{font-size:12px!important}.journey-copy h2{min-height:2.3em}.contact::before{width:80vw;height:80vw;right:-50vw;top:0}}@media(prefers-reduced-motion:reduce){.hero h1,.hero .intro,.hero .primary{animation:none;opacity:1}.hero h1 em{background:none;color:var(--accent)}.erp-network{rotate:none!important;translate:none!important}.service-card{clip-path:none}.scene,.hero-copy{will-change:auto}}
/* One connected space, from the first viewport to the last. */
.hero{height:calc(100svh - 96px);min-height:640px;padding-top:clamp(28px,5vh,65px);display:block;isolation:isolate}.hero-copy{pointer-events:none;width:61%;max-width:900px}.hero-copy a{pointer-events:auto}.hero h1{font-size:clamp(56px,6.1vw,94px);margin:28px 0 22px}.hero .intro{margin:0;font-size:17px}.hero-note{margin-top:24px}.hero .scene{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:1;z-index:0;transform:none;overflow:hidden}.hero .scene canvas{position:absolute;inset:0}.hero .scene-label{top:30px;right:5%;font-size:10px}.hero .shape-picker{left:73%;bottom:95px}.hero .scene-bottom{left:auto;right:17%;bottom:73px}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;height:62px;margin:0;border:0;pointer-events:none}.hero-bottom a{pointer-events:auto}.hero-copy .eyebrow{position:relative}.hero-copy .eyebrow::before{content:'';position:absolute;inset:-30px -20px;background:radial-gradient(ellipse,#080a0fbb,transparent);z-index:-1}.transformation{border-top:0;background:#080a0f}.services{background:linear-gradient(#080a0f,#0c1117 20%,#0c1117 85%,#0b1016)}.erp{border-top:0;background:linear-gradient(#0b1016,#0d151b 50%,#080a0f)}.approach{border-bottom:0;background:#080a0f}.contact{background:radial-gradient(ellipse at 95% 60%,#28351b44,transparent 60%),#080a0f}.section-top{position:relative}.section-top::before{content:'';position:absolute;top:-30px;left:0;width:50px;height:1px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.4}.service-grid{gap:18px;background:none;border:0}.service-card{background:linear-gradient(135deg,#172029aa,#0b1118);border:1px solid #3c524933;border-radius:18px;overflow:visible;clip-path:none!important;box-shadow:0 15px 40px #0002}.service-card::after{border-radius:18px}.service-card:hover{background:linear-gradient(135deg,#202e2d,#101922)}.service-card .card-icon{transform-style:preserve-3d;perspective:500px;border:1px solid #acdc6444;border-radius:12px;width:52px;height:52px;padding:8px;background:linear-gradient(135deg,#a6cf6b16,#080d13);box-shadow:6px 7px 0 -2px #0a1119,6px 7px 0 -1px #75944744;animation:icon-drift 7s ease-in-out infinite}.service-card:nth-child(2n) .card-icon{animation-delay:-3s}.service-card:nth-child(3n) .card-icon{animation-delay:-5s}.service-card:hover .card-icon{animation-play-state:paused}.connection-field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.erp-network{z-index:6}.net-label,.erp-core{position:absolute}.journey-top,.journey-copy,.journey-foot{z-index:6}.service-card h3,.service-card p,.service-card summary{position:relative;z-index:6}.shape-picker{z-index:7}.hero-bottom{z-index:7}.hero-copy{z-index:7}.connection-active{border-color:#b5e98288!important;box-shadow:0 0 30px #b5e98216!important}.erp-core{z-index:2}.net-label{z-index:3}@keyframes icon-drift{0%,100%{transform:rotateY(-16deg) rotateX(8deg) translateY(0)}50%{transform:rotateY(18deg) rotateX(-9deg) translateY(-6px)}}@media(min-width:701px) and (max-height:800px){.hero{min-height:calc(100svh - 96px);padding-top:23px}.hero h1{font-size:clamp(48px,5.5vw,74px);margin:20px 0 17px}.hero .intro{font-size:16px}.hero .primary{margin-top:17px;padding:14px 23px}.hero-note{margin-top:21px}.hero .shape-picker{bottom:78px}.hero .scene-bottom{bottom:53px}.hero-bottom{height:49px}}@media(max-width:700px){.hero{height:calc(100svh - 80px);min-height:680px;padding-top:25px}.hero-copy{width:100%;max-width:none}.hero h1{font-size:clamp(44px,10vw,62px);margin:20px 0 14px;line-height:1.03}.hero .intro{font-size:14px;line-height:1.6}.hero .primary{padding:12px 19px;font-size:12px;margin-top:16px}.hero .primary span{font-size:18px}.hero-note{display:none}.hero .scene-label{top:49%;right:7%;font-size:9px}.hero .shape-picker{left:50%;bottom:58px}.hero .scene-bottom{display:none}.hero-bottom{height:43px}.service-grid{gap:15px}.service-card{border-radius:16px}.connection-field{opacity:.65}.hero .scene{margin:0}.hero h1 .outline{display:inline}.hero h1 .outline::before{content:' '}}@media(max-width:700px) and (max-height:760px){.hero{min-height:calc(100svh - 80px);padding-top:18px}.hero h1{font-size:43px}.hero .intro{font-size:13px}.hero .eyebrow{font-size:9px}.hero .primary{padding:9px 16px}.hero .scene-label{display:none}}@media(prefers-reduced-motion:reduce){.service-card .card-icon{animation:none;transform:none}.connection-field{opacity:.4}}
