.hero.hero-immersive{max-width:none;background:#15382e;color:#f4f6e9;padding:0 var(--gutter);position:relative;isolation:isolate;overflow:hidden}.hero-immersive:before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 83% 25%,#6d8d5a46,transparent 56%),radial-gradient(ellipse at 10% 0,#3d6a4c44,transparent 60%),linear-gradient(135deg,#14382e,#193a2e 70%,#122e27)}.hero-atmosphere{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#b6c99f07 1px,transparent 1px),linear-gradient(90deg,#b6c99f07 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(90deg,transparent,#0008);pointer-events:none}.hero-shell{max-width:var(--width);margin:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:0;min-height:650px;align-items:center;position:relative}.hero-copy{position:relative;z-index:2;padding-block:68px;width:calc(100% + 45px);pointer-events:none}.hero-copy a{pointer-events:auto}.hero-immersive .hero-kicker{color:#bbceab;font-size:8px;letter-spacing:1.4px;margin-bottom:26px}.hero-immersive .availability-dot{background:#d6e6ac;box-shadow:0 0 12px #d6e6ac70,0 0 0 4px #d6e6ac0d}.hero-immersive h1{font-size:clamp(38px,4.05vw,60px);letter-spacing:-2.1px;line-height:1.4;font-weight:600}.hero-immersive h1 .keep-together{color:#d7e9a7;text-shadow:0 0 50px #c3d79418}.hero-immersive .hero-dot{color:#99b571}.hero-intro{color:#b1c4aa;font-size:12px;line-height:2;margin:23px 0 28px;max-width:430px}.hero-immersive .hero-actions{gap:12px}.hero-immersive .hero-actions .button{background:#d7e9a8;color:#24422b;border-color:#d7e9a8;font-size:11px;box-shadow:0 6px 24px #0a241c25}.hero-immersive .hero-actions .button:hover{background:#e9f5c7;box-shadow:0 8px 28px #cbdc9b1a}.hero-immersive .hero-actions .outline-button{background:#ffffff04;border-color:#a5bc8e38;color:#d4dfca;font-size:11px}.hero-immersive .hero-actions .outline-button:hover{background:#aac48712;border-color:#a6bb8890}.hero-promise{display:flex;gap:20px;margin-top:26px;font-size:7px;color:#a2b89a}.hero-promise span{display:flex;align-items:center;gap:7px}.hero-promise i{font-size:6px;font-style:normal;border:1px solid #95ad7538;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#c2d3a9}.hero-scroll-cue{font-size:8px;color:#a4bc95;display:inline-flex;gap:10px;align-items:center;margin-top:43px;letter-spacing:.3px}.hero-scroll-cue>span{height:29px;width:19px;display:grid;place-items:center;border:1px solid #adc59140;border-radius:14px;font-size:13px;transition:transform .2s}.hero-scroll-cue:hover>span{transform:translateY(4px)}.hero-visual{position:relative;width:calc(100% + 80px);margin-left:-28px;height:610px;min-width:0;align-self:center}.visual-coordinate{position:absolute;top:28px;left:70px;right:25px;display:flex;justify-content:space-between;color:#a8be9266;font-size:6px;letter-spacing:1.1px;pointer-events:none;z-index:2}.mach-scene{position:absolute;inset:0;touch-action:pan-y pinch-zoom;contain:layout style}.mach-webgl-canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity 1s ease;position:absolute;inset:0;touch-action:pan-y}.mach-scene[data-scene-status="ready"] .mach-webgl-canvas{opacity:1}.scene-fallback{position:absolute;inset:8% 5% 7%;perspective:900px;transition:opacity .45s;isolation:isolate}.mach-scene[data-scene-status="ready"] .scene-fallback{opacity:0;visibility:hidden;pointer-events:none}.fallback-core{position:absolute;left:calc(50% - 77px);top:calc(50% - 80px);width:154px;height:154px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:28px;color:#f0f4d9;background:linear-gradient(130deg,#d5e5b4,#8ba87e 40%,#3f684b 85%);border:1px solid #d9e9c9a0;box-shadow:inset -12px -10px 25px #13382475,inset 5px 5px 12px #f4f9da80,15px 25px 40px #071e1a80;transform:rotateX(8deg) rotateY(-20deg) rotateZ(-5deg);transform-style:preserve-3d;z-index:2}.fallback-core:after{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid #fff4;transform:translateZ(12px);background:linear-gradient(145deg,#ffffff20,transparent 65%)}.fallback-core>span{font:83px/1 Arial;text-shadow:3px 4px 0 #68855f}.fallback-core>b{font-size:22px;letter-spacing:-1px}.fallback-orbit{position:absolute;width:85%;height:65%;border:1px solid #d6e4b75c;border-radius:50%;top:17%;left:7%;transform:rotateX(54deg) rotateZ(-28deg);box-shadow:0 0 20px #d1e8ac0c}.fallback-orbit.orbit-b{transform:rotateX(-40deg) rotateY(45deg) rotateZ(28deg);border-color:#92ae7345}.fallback-tile{position:absolute;display:flex;align-items:center;gap:9px;padding:14px 16px;background:linear-gradient(140deg,#f8f8e9,#bbcdb0);color:#3b5b3c;border:1px solid #eff6d78c;border-radius:11px;box-shadow:5px 9px 0 #71896c,10px 20px 23px #071e1a55;font-size:25px;transform:rotateY(-13deg) rotateX(13deg) rotateZ(-5deg);z-index:3;animation:fallback-hover 6s ease-in-out infinite}.fallback-tile b{font-size:10px;font-weight:600}.tile-crm{left:0;top:25%;animation-delay:-1s}.tile-marketing{left:30%;top:7%;background:linear-gradient(140deg,#f5efd7,#d9c89a);animation-delay:-2s}.tile-work{right:0;top:24%;transform:rotateY(15deg) rotateX(6deg) rotateZ(6deg);animation-delay:-3s}.tile-operations{right:0;bottom:24%;animation-delay:-4s}.tile-automation{left:37%;bottom:8%;animation-delay:-5s}.tile-service{left:0;bottom:22%}.fallback-platform{position:absolute;width:65%;height:34%;bottom:5%;left:20%;border-radius:50%;transform:rotateX(65deg);background:linear-gradient(120deg,#8aa27c,#3a604b);box-shadow:0 15px 0 #254737,0 35px 45px #081f1a90;z-index:-1}.mach-scene[data-motion="paused"] .fallback-tile{animation-play-state:paused}.scene-controls{position:absolute;bottom:25px;left:70px;right:25px;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:3}.scene-status{font-size:6px;color:#a8be8e;letter-spacing:.8px;display:flex;gap:7px;align-items:center}.scene-status i{width:4px;height:4px;background:#c9dfa6;border-radius:50%;box-shadow:0 0 10px #d8edba88}#scene-motion-toggle{display:inline-flex;align-items:center;gap:7px;background:#ffffff05;color:#b5c8a6;border:1px solid #b1c98e28;border-radius:30px;padding:7px 11px;font-size:8px;min-height:30px;backdrop-filter:blur(10px)}#scene-motion-toggle:hover{background:#ffffff0e}#scene-motion-toggle>span{font-size:12px;line-height:1}.scene-explore{max-width:var(--width);margin:auto;display:grid;grid-template-columns:190px 1fr;gap:25px;padding:30px 0 33px;border-top:1px solid #b8cc9528;position:relative}.explore-intro .eyebrow{font-size:6px;color:#9bb085;margin:0 0 8px;letter-spacing:1.1px}.explore-intro p{font-size:15px;line-height:1.6;margin:0;color:#dce6ce}.scene-module-buttons{display:flex;gap:7px;flex-wrap:wrap}.scene-module-buttons button{padding:8px 14px;border-radius:6px;border:1px solid #b3c99828;background:#e9f4dc04;color:#aabf99;font-size:9px;min-height:34px;transition:background .2s,color .2s,border-color .2s}.scene-module-buttons button[aria-pressed="true"]{color:#223e2b;background:#d6e7ae;border-color:#d6e7ae;box-shadow:0 3px 15px #0e241820}.scene-module-buttons button:hover{border-color:#c4d69f85}.scene-module-detail{display:flex;gap:14px;align-items:baseline;margin-top:15px;line-height:1.7}.scene-module-detail strong{font-size:10px;font-weight:600;color:#d5e1c4}.scene-module-detail>span{font-size:9px;color:#97ae88}.depth-transition{display:flex;align-items:center;justify-content:center;gap:26px;color:#8a9c78;font-size:7px;letter-spacing:1.6px;padding:28px var(--gutter) 48px;position:relative;background:linear-gradient(#e8eede,#f8f9f4)}.depth-transition i{height:32px;width:1px;background:linear-gradient(#b3c49a66,#7c976f);transform:rotate(27deg)}.product-stage{background:radial-gradient(ellipse at 10% 0%,#f1f6e5,transparent 70%),#e7eddb;box-shadow:0 22px 50px -35px #526a3640;margin-bottom:65px}.product-depth-shell{perspective:1400px;position:relative;isolation:isolate;padding-bottom:13px}.product-depth-shell:before,.product-depth-shell:after{content:'';position:absolute;border:1px solid #c5d2b4;inset:15px 17px 0;border-radius:12px;background:#dce6cb;z-index:-1;box-shadow:0 7px 15px #3453220d}.product-depth-shell:after{inset:26px 32px -10px;background:#cdddbc;z-index:-2;box-shadow:0 19px 30px #2b44231a}.product-depth-shell .product-frame{transform:rotateX(2deg);transform-origin:center;transition:transform .5s cubic-bezier(.22,.68,0,1);will-change:auto;box-shadow:0 15px 35px #243d2520}.stage-foot{margin-top:30px}.module-card{position:relative;isolation:isolate;background:linear-gradient(145deg,#fff,#f7faf3);box-shadow:0 2px 0 #e2e8d8,0 12px 24px -22px #38562680;overflow:hidden}.module-card:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--card-x,50%) var(--card-y,15%),#dcebb52e,transparent 65%);pointer-events:none;z-index:-1}.module-card:hover{box-shadow:0 4px 0 #d3dfc2,0 20px 35px -24px #38562675}.module-icon{box-shadow:inset 0 1px #fff,0 3px 0 #d7e2c7,0 6px 8px #47642c0a;transform:perspective(400px) rotateX(7deg) rotateY(-9deg);transition:transform .3s,box-shadow .3s}.module-card:hover .module-icon{transform:perspective(400px) rotateX(0) rotateY(0) translateY(-3px);box-shadow:inset 0 1px #fff,0 5px 0 #cedeb9,0 10px 12px #47642c10}.plan-card{box-shadow:0 3px 0 #e7ecd7,0 14px 28px -28px #48633080}.plan-card.featured{box-shadow:0 4px 0 #bdcf9f,0 20px 40px -25px #54753b45}.closing{background:radial-gradient(ellipse at 50% 25%,#5a784b33,transparent 60%),#183c31}.closing-depth{position:relative;width:155px;height:130px;margin:0 auto 25px;perspective:500px}.closing-depth i{position:absolute;left:31px;top:28px;width:95px;height:95px;border:1px solid #c8daa56b;border-radius:22px;background:linear-gradient(135deg,#dbe9ba22,#799c5720);box-shadow:6px 9px 15px #09261d50;transform:rotateX(45deg) rotateZ(-33deg) translateZ(-15px)}.closing-depth i:nth-child(2){top:15px;transform:rotateX(45deg) rotateZ(-33deg) translateZ(0)}.closing-depth i:nth-child(3){top:1px;transform:rotateX(45deg) rotateZ(-33deg) translateZ(15px);background:linear-gradient(145deg,#d8e7bcb0,#6d8d5050);border-color:#e7f4cda8}.closing-depth span{position:absolute;inset:17px 0 0;display:grid;place-items:center;font:65px/1 Arial;color:#e4efc7;transform:rotateZ(-5deg);text-shadow:2px 5px #688454}.journey-art span{box-shadow:0 3px 0 #d8e1cc,0 5px 10px #425e2908}.journey-intro:after{content:'';display:block;margin-top:35px;width:120px;height:1px;background:linear-gradient(90deg,#a5bc8a,transparent)}
@keyframes fallback-hover{0%,100%{translate:0 -3px}50%{translate:0 7px}}
@media(min-width:1600px){.hero.hero-immersive{padding-inline:max(var(--gutter),calc((100vw - var(--width))/2))}}
@media(max-width:1150px){.hero-shell{min-height:600px}.hero-visual{height:560px;width:calc(100% + 70px);margin-left:-25px}.hero-immersive h1{font-size:clamp(36px,4vw,49px);letter-spacing:-1.7px}.hero-copy{width:calc(100% + 50px);padding-block:55px}.hero-intro{font-size:11px}.hero-immersive .hero-actions .button,.hero-immersive .hero-actions .outline-button{font-size:10px;padding:12px 15px;gap:15px}.hero-promise{gap:13px;font-size:6px}.scene-explore{grid-template-columns:150px 1fr;gap:20px}.scene-module-buttons button{font-size:8px;padding:8px 11px}.scene-module-detail{gap:10px}.scene-module-detail>span{font-size:8px}.scene-module-detail strong{font-size:9px}.visual-coordinate,.scene-controls{left:50px;right:15px}.scene-status{font-size:5px;letter-spacing:.6px}}
@media(max-width:900px){.hero-shell{grid-template-columns:1fr;min-height:0}.hero-copy{width:100%;padding:48px 0 0;text-align:center}.hero-immersive h1{font-size:clamp(40px,6.8vw,61px);letter-spacing:-2.2px;line-height:1.4}.hero-immersive .hero-kicker{justify-content:center;margin-bottom:22px;font-size:8px}.hero-intro{font-size:12px;max-width:500px;margin:23px auto 26px}.hero-immersive .hero-actions{justify-content:center}.hero-promise{justify-content:center;font-size:7px;gap:24px;margin-top:22px}.hero-scroll-cue{display:none}.hero-visual{width:100%;height:510px;max-width:700px;margin:5px auto 0;align-self:auto}.visual-coordinate{top:20px;left:20px;right:20px}.scene-controls{bottom:15px;left:20px;right:20px}.scene-status{font-size:6px}.scene-explore{grid-template-columns:1fr;gap:17px;padding:25px 0 30px}.explore-intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.explore-intro .eyebrow{margin:0;font-size:7px}.explore-intro p{font-size:12px}.explore-intro p br{display:none}.scene-module-buttons{justify-content:center;gap:8px}.scene-module-buttons button{font-size:9px;padding:9px 15px;flex:1;white-space:nowrap}.scene-module-detail{justify-content:center;margin-top:16px}.scene-module-detail strong{font-size:10px}.scene-module-detail>span{font-size:9px}.depth-transition{padding-bottom:38px}.product-depth-shell .product-frame{transform:none}}
@media(max-width:650px){.hero.hero-immersive{padding-inline:var(--gutter)}.hero-copy{padding-top:34px;text-align:left}.hero-immersive .hero-kicker{justify-content:start;font-size:7px;letter-spacing:.9px;margin-bottom:19px}.hero-immersive h1{font-size:clamp(28px,6.9vw,42px);letter-spacing:-1.1px;line-height:1.5}.hero-intro{font-size:11px;margin:17px 0 21px;line-height:1.9;max-width:350px}.hero-intro .desktop-break{display:none}.hero-immersive .hero-actions{justify-content:start;gap:10px}.hero-immersive .hero-actions .button,.hero-immersive .hero-actions .outline-button{font-size:10px;min-height:44px;padding:12px 13px;gap:13px;flex:initial}.hero-promise{justify-content:start;gap:15px;font-size:6px;margin-top:20px}.hero-promise i{height:16px;width:16px;font-size:5px}.hero-visual{height:370px;width:calc(100% + 28px);margin:5px -14px 0}.visual-coordinate{left:10px;right:10px;top:15px;font-size:5px;letter-spacing:.7px}.scene-controls{bottom:8px;left:10px;right:10px;gap:8px}.scene-status{font-size:5px;letter-spacing:.45px}#scene-motion-toggle{font-size:7px;padding:7px 10px;min-height:29px}.scene-explore{padding:24px 0 26px;gap:16px}.explore-intro .eyebrow{font-size:6px;letter-spacing:.8px}.explore-intro p{font-size:10px}.scene-module-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.scene-module-buttons button{font-size:8px;min-height:35px;padding:8px 6px}.scene-module-detail{display:block;text-align:left;min-height:57px;line-height:1.9}.scene-module-detail strong{font-size:10px;display:block;margin-bottom:3px}.scene-module-detail>span{font-size:9px;display:block;max-width:330px}.depth-transition{font-size:5px;letter-spacing:1px;gap:20px;padding:20px 15px 30px}.depth-transition i{height:22px}.product-stage{margin-bottom:30px}.product-depth-shell{padding-bottom:8px}.product-depth-shell:before{inset:10px 9px 0;border-radius:9px}.product-depth-shell:after{inset:19px 18px -7px;border-radius:9px}.product-depth-shell .product-frame{box-shadow:0 10px 20px #243d2518}.stage-foot{margin-top:23px}.fallback-core{width:104px;height:104px;left:calc(50% - 52px);top:calc(50% - 52px);border-radius:19px}.fallback-core>span{font-size:57px}.fallback-core>b{font-size:17px}.fallback-tile{padding:9px 10px;font-size:17px;border-radius:8px;gap:6px;box-shadow:3px 5px 0 #71896c,6px 12px 17px #071e1a55}.fallback-tile b{font-size:7px}.tile-automation{left:34%}.closing-depth{transform:scale(.85);margin-top:-8px;margin-bottom:12px}.module-card:hover{transform:none}}
@media(max-width:360px){.hero-immersive h1{font-size:27px;letter-spacing:-1.1px}.hero-immersive .hero-actions{display:flex}.hero-immersive .hero-actions .button,.hero-immersive .hero-actions .outline-button{font-size:9px;padding-inline:10px;gap:9px}.hero-immersive .hero-actions .button{flex:1}.hero-promise{font-size:5px;gap:9px}.hero-visual{height:330px}.scene-module-detail{min-height:65px}.scene-status{max-width:165px;letter-spacing:.2px;font-size:4px}.scene-controls{left:10px;right:10px}.explore-intro p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.mach-webgl-canvas{transition:none}.fallback-tile{animation:none}.product-depth-shell .product-frame{transform:none!important}.hero-scroll-cue>span,.module-icon,.module-card{transition:none}.scene-fallback{transition:none}}

.mach-scene[data-in-view="false"] .fallback-tile,.mach-scene[data-page-hidden="true"] .fallback-tile{animation-play-state:paused}
.scene-fallback[data-active="crm"] .tile-crm,.scene-fallback[data-active="marketing"] .tile-marketing,.scene-fallback[data-active="operations"] .tile-operations,.scene-fallback[data-active="work"] .tile-work,.scene-fallback[data-active="automation"] .tile-automation,.scene-fallback[data-active="service"] .tile-service{outline:1px solid #eaf4bf;outline-offset:4px;filter:brightness(1.07)}

@media(max-width:650px){.hero-immersive .hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}.hero-immersive .hero-actions .button,.hero-immersive .hero-actions .outline-button{width:100%;justify-content:space-between;min-height:48px;font-size:9px;padding:11px 12px;gap:8px}}