@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--green:#00b875;--deep:#083e32;--ink:#142d26;--muted:#697b73;--mint:#eff9f3;--line:#dce9e1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font-family:DM Sans,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none}a,button{color:inherit}button:disabled{opacity:.6;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #008b5b;outline-offset:5px}button{border:0}p{line-height:1.7}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}em{font-style:normal;color:var(--green)}.header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;position:absolute;top:16px;left:3%;right:3%;z-index:20;background:#ffffffeb;border:1px solid #fff;border-radius:24px;box-shadow:0 7px 35px #153d2910;backdrop-filter:blur(15px)}.logo{display:flex;flex-direction:column;gap:7px;width:177px;flex-shrink:0}.brand-crop{background-image:url(/oobo-character.png);background-size:768px 512px;background-position:-46px -9px;width:94px;height:32px;display:block;mix-blend-mode:multiply}.logo-caption{font-size:7px;letter-spacing:1.7px;color:#355a49}.header nav{display:flex;gap:29px;font-size:13px;font-weight:600}.header nav a:hover{color:#008956}.nav-demo{display:flex;align-items:center;gap:19px;background:var(--deep);color:#fff;border-radius:11px;padding:14px 18px;font-size:12px;font-weight:600}.menu-toggle{display:none;background:none}.hero{padding:180px 7% 65px;min-height:910px;position:relative;background:radial-gradient(ellipse at 40% 80%,#d8f7df90,transparent 45%),linear-gradient(115deg,#f8fbf2,#effbf5 73%,#f9fbf6)}.hero:before{content:"";position:absolute;left:-210px;top:320px;width:650px;height:650px;border:1px solid #d1e9d5;border-radius:50%;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:6%;max-width:1370px;margin:auto;position:relative}.eyebrow{letter-spacing:2px;font-weight:700;display:flex;gap:10px;align-items:center;color:#527362;margin-bottom:25px}.live-dot{display:inline-block;background:var(--green);width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 4px #00b8750d;flex-shrink:0}h1{font-size:clamp(53px,4.7vw,76px);letter-spacing:-3.8px;line-height:1.09;font-weight:800;margin-bottom:23px}.hero-description{font-size:16px;max-width:430px;color:#617769;line-height:1.7;margin-bottom:27px}.hero-actions{display:flex;gap:25px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 23px;border-radius:11px;font-size:13px;font-weight:600;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 22px #003d2620}.dark{background:var(--deep);color:white}.primary{background:#008c59;color:#fff}.white{background:white;color:var(--deep)}.tour-start{display:flex;align-items:center;gap:9px;background:none;font-size:12px;font-weight:600;padding:0}.tour-start>span{border:1px solid #c5d9ca;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.hero-note{display:flex;gap:12px;align-items:center;font-size:10px;color:#728473;margin-top:25px}.hero-note>span{border:1px solid #bbd4c3;padding:3px 5px;border-radius:5px;font-size:9px}.hero-mascot{position:relative;height:240px;width:365px;margin-top:10px;margin-left:15px}.mascot{display:inline-block;height:310px;position:relative;overflow:hidden;mix-blend-mode:multiply;flex-shrink:0}.mascot>span{position:absolute;width:100%;height:100%;background:url(/oobo-character.png) -10px -218px/1536px 1024px no-repeat}.mascot.idea>span{background-position:-1260px -218px}.hero-mascot>.mascot{position:absolute;left:50px;top:-2px;transform:scale(.78);transform-origin:top left;animation:float 4s ease-in-out infinite}.speech{position:absolute;top:40px;left:235px;background:#fff;border:1px solid #d9ebdf;box-shadow:0 8px 25px #305e3610;white-space:nowrap;padding:14px 18px;border-radius:14px 14px 14px 2px;line-height:1.6;transform:rotate(-5deg)}.speech b{font-size:11px;color:#008b5b}.speech svg{right:-9px;top:-12px}.orbit-icon,.speech svg{position:absolute;color:#008b5b}.orbit-icon{border-radius:13px;background:#ffffff90;border:1px solid white;padding:12px;box-shadow:0 5px 15px #244f2910}.orbit-icon.one{left:0;top:35px;transform:rotate(-13deg)}.orbit-icon.two{left:300px;top:155px;transform:rotate(14deg)}.hero-form-wrap{padding-top:18px;position:relative}.hand-note{display:block;font-size:13px;font-style:italic;color:#567d60;text-align:center;margin-bottom:18px}.hand-note>span{font-size:25px;margin-left:7px}.capture{padding:32px;border:1px solid #e0e9df;border-radius:22px;background:#fff;box-shadow:0 16px 45px #1b5b2b08}.form-label{font-size:8px;letter-spacing:1.5px;display:flex;align-items:center;gap:9px;font-weight:700;color:#58735e;margin-bottom:18px}.capture h3{font-size:24px;letter-spacing:-.9px;margin-bottom:9px}.capture>p{font-size:12px;color:#758176;line-height:1.65;margin-bottom:22px}.phone-field{height:55px;border:1px solid #d7e3da;border-radius:10px;display:flex;align-items:center;gap:13px;padding:0 15px;background:#fafcf9}.phone-field>span{font-size:13px;font-weight:600;border-right:1px solid #dbe6de;padding-right:12px}.phone-field input{border:0;outline:0;background:none;min-width:0;width:100%;font-size:13px;color:var(--deep);height:100%}.phone-field:focus-within{outline:2px solid #008b5b}.phone-field svg{color:#8ca28e;flex-shrink:0}.interest{margin:20px 0 16px}.interest>span{font-size:10px;color:#687d70;display:block;margin-bottom:10px}.interest>div{display:flex;gap:7px;flex-wrap:wrap}.interest button{font-size:10px;background:white;border:1px solid #dce7dd;border-radius:7px;padding:9px 11px}.interest button.selected{border-color:#009c63;background:#edfaf1;color:#006f48}.optional{font-size:10px;padding:2px 0 9px;background:none;color:#557a61}.consent{display:flex;gap:9px;font-size:9px;line-height:1.7;color:#718275;align-items:flex-start;margin:9px 0 18px}.consent input{width:14px;height:14px;accent-color:#008b5b;flex-shrink:0;margin-top:2px}.consent button{background:none;padding:0;text-decoration:underline;font-size:9px;color:#386d4d}.submit{width:100%;justify-content:space-between}.form-foot{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#819082;margin-top:14px}.capture .error{color:#ad302f;font-size:11px;margin:10px 0 0}.extra-fields{display:grid;gap:12px;margin:10px 0}.extra-fields label{font-size:10px;font-weight:600}.extra-fields label>span{font-weight:400;color:#798c7c}.extra-fields input,.extra-fields select{display:block;margin-top:5px;border:1px solid #dce7dd;border-radius:8px;padding:10px;width:100%;background:white;font-size:12px}.scroll-hint{display:flex;align-items:center;justify-content:center;gap:13px;font-size:8px;letter-spacing:2px;color:#5d7c65;margin-top:10px}.hero-index{position:absolute;left:35px;font-size:8px;letter-spacing:1.5px;color:#718875;writing-mode:vertical-rl}.audience-strip{border-top:1px solid #dcebdc;border-bottom:1px solid #e5ece6;display:flex;align-items:center;justify-content:space-between;padding:25px 6%;gap:20px;font-size:10px}.audience-strip>span{color:#7c8c80;font-size:9px}.audience-strip>span:last-child{display:flex;gap:10px;font-size:7px;letter-spacing:1px}.audience-strip>div{display:flex;gap:22px;font-weight:600;align-items:center}.audience-strip i{height:3px;width:3px;background:#00b875;border-radius:50%}.section{padding:108px 8%;scroll-margin-top:20px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:45px;gap:30px}.section h2{font-size:clamp(35px,3.6vw,52px);letter-spacing:-2px;line-height:1.15;font-weight:700;margin-bottom:0}.section-heading p{font-size:12px;color:#7b897f;margin-bottom:5px}.products{max-width:1550px;margin:auto}.product-grid{display:grid;grid-template-columns:1fr 1fr}.product-card{position:relative;border-radius:22px;padding:31px 35px 30px;overflow:hidden;border:1px solid #d8eadc;min-height:380px}.product-card.erp{background:#effaf2}.product-card.crm{background:#f7faf6}.product-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:20px;position:relative;z-index:1}.product-top>span:nth-child(2){font-size:8px;letter-spacing:1.5px;color:#688b71;margin-left:auto}.product-top>svg{width:19px;color:#4a7e5a}.product-icon{display:grid;place-items:center;background:#fff;width:52px;height:52px;border-radius:14px;color:#008b5b;border:1px solid #e2ece0}.product-card h3{font-size:26px;letter-spacing:-.8px;position:relative;z-index:1;font-weight:400}.product-card h3 b{font-weight:800}.product-card p{font-size:13px;color:#637d6b;position:relative;z-index:1}.product-card ul{list-style:none;padding:0;margin:22px 0 30px;position:relative;z-index:1}.product-card li{display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:9px}.product-card li svg{width:12px;height:12px;color:#009c63}.product-link{display:inline-flex;align-items:center;gap:45px;font-weight:700;border-bottom:1px solid #99bda2;padding-bottom:8px;position:relative;z-index:1}.product-watermark{position:absolute;font-size:185px;letter-spacing:-15px;right:-15px;bottom:1px;color:#d8eddd70;font-weight:800;line-height:1;pointer-events:none}.choose-note{display:flex;justify-content:center;align-items:center;gap:10px;font-size:11px;color:#738677}.choose-note svg{color:#00a66a}.choose-note button{display:flex;align-items:center;gap:8px;background:none;font-size:11px;color:#196c46;padding:0}.workspace{background:#f7faf6;display:grid;grid-template-columns:.65fr 1.35fr;gap:6%;overflow:hidden}.workspace-copy>p{font-size:12px;color:#748477;max-width:270px;margin-top:24px}.switch{display:inline-flex;background:#e9f1e8;border-radius:9px;padding:4px;gap:3px;margin:12px 0 20px}.switch button{padding:10px 18px;background:none;border-radius:7px;font-size:10px}.switch button.active{background:white;box-shadow:0 2px 6px #1d452014;color:#008b5b}.text-link{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;color:#067b4f;background:none;padding:0}.workspace-visual{align-self:center;position:relative;padding:15px 0 35px}.dashboard{display:flex;background:white;border:1px solid #d4e4d6;border-radius:15px;min-height:320px;box-shadow:0 25px 60px #275b3212;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);overflow:hidden}.dashboard aside{width:58px;border-right:1px solid #eaf0e9;padding:15px 9px;display:flex;flex-direction:column;align-items:center;gap:17px;background:#fbfdfa}.mini-logo{font-weight:800;color:#00a36a;font-size:17px;letter-spacing:-1px;margin-bottom:13px}.dashboard aside>span:not(.mini-logo){padding:7px;display:flex;color:#829488;border-radius:7px}.dashboard aside>span.on{color:#008b5b;background:#e6f7ec}.dash-main{padding:18px 20px;flex:1;min-width:0}.dash-top{font-size:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.avatar{padding:5px 8px;background:#eaf5eb;border-radius:50%;color:#25764a;font-size:9px}.demo-tag{font-size:6px;color:#7b927f;letter-spacing:1px}.dash-main h4{font-size:15px;margin:8px 0 20px}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dash-stats>div{border:1px solid #e7eee6;padding:12px 10px;border-radius:8px}.dash-stats small{font-size:7px;color:#7d907e;display:block}.dash-stats b{font-size:24px;display:block;margin:7px 0;color:#244e34}.dash-stats span{font-size:6px;color:#7d907e}.dash-bottom{display:grid;grid-template-columns:1fr 1.15fr;gap:12px;margin-top:15px}.activity,.chart{border:1px solid #e7eee6;border-radius:8px;padding:12px}.activity>span,.chart>span{font-size:8px;font-weight:600}.bars{height:90px;display:flex;gap:9px;align-items:flex-end;padding-top:15px}.bars i{width:14px;flex:1;background:#b8e9c9;border-radius:4px 4px 0 0;transition:height .4s}.bars i:nth-child(4){background:#00ae70}.days{font-size:6px;color:#9eada0;margin-top:7px;white-space:nowrap}.activity p{display:flex;gap:5px;align-items:center;font-size:6px;border-bottom:1px solid #eef2eb;padding:10px 0;margin:0}.activity p>i{width:11px;height:11px;border:1px solid #c5dbca;border-radius:50%;display:grid;place-items:center}.activity p>i.done{background:#b9eacb;color:#008b5b}.activity p>small{font-size:5px;margin-left:auto;color:#8b9e8e}.visual-caption{font-size:8px;display:flex;gap:9px;align-items:center;margin-top:20px;justify-content:center;color:#7d927e}.visual-caption .live-dot{width:5px;height:5px}.floating-note{position:absolute;bottom:0;right:6%;background:white;border:1px solid #dce8db;box-shadow:0 7px 25px #21462910;padding:16px 20px;border-radius:12px;display:flex;gap:13px;align-items:center;animation:float 5s infinite}.floating-note>svg{color:#00ad6b}.floating-note b{display:block;font-size:10px}.floating-note small{display:block;font-size:8px;color:#8c9a8c;margin-top:4px}.journey{background:var(--deep);color:#fff}.journey-title{text-align:center}.journey-title .eyebrow{justify-content:center;color:#a3c6b3}.journey-title em{color:#78dfab}.journey-title p{font-size:12px;color:#a5bfb1;margin-top:24px}.journey-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin:55px auto 30px;max-width:1050px}.journey-step{position:relative;border-top:1px solid #ffffff26;padding-top:27px}.step-num{position:absolute;right:0;top:25px;font-size:10px;color:#a1c0ae}.step-icon{height:47px;width:47px;background:#ffffff0e;border:1px solid #ffffff20;border-radius:12px;display:grid;place-items:center;color:#8ae3b0;margin-bottom:24px}.journey-step h3{font-size:19px;letter-spacing:-.3px}.journey-step p{font-size:11px;color:#a4beae;max-width:230px;min-height:40px}.step-tag{font-size:7px;letter-spacing:1px;color:#96d9b2;border:1px solid #ffffff26;border-radius:30px;padding:6px 9px}.integration-note{display:block;text-align:center;font-size:9px;color:#9bb6a5;margin-top:42px}.fit{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:#fbfdf9}.fit-character{position:relative;min-height:400px;background:radial-gradient(ellipse,#e5f8e9,transparent 65%);display:flex;align-items:center;justify-content:center}.fit-character>.mascot{transform:scale(1.1);animation:float 6s infinite}.fit-bubble{position:absolute;top:20px;right:0;font-size:16px;transform:rotate(7deg);background:#fff;border:1px solid #d9e7d7;border-radius:17px 17px 17px 0;padding:16px 24px;line-height:1.5}.fit-bubble b{color:#00a66a}.scribble{position:absolute;bottom:0;text-align:center;font-style:italic;font-size:13px;color:#7b9e7d}.fit-copy>p{font-size:12px;color:#6a806d;margin-top:22px}.fit-options{display:grid;gap:12px;margin-top:26px}.fit-options>button{display:flex;align-items:center;justify-content:space-between;text-align:left;background:white;border:1px solid #e0e9dc;border-radius:12px;padding:19px 20px;font-size:12px;transition:background .2s,transform .2s}.fit-options>button:hover{background:#e7f8ec;transform:translateX(3px)}.fit-options>button>span{display:grid;grid-template-columns:22px 1fr;gap:8px 12px}.fit-options>button>span svg{width:18px;height:18px;grid-row:span 2;color:#009c63}.fit-options small{font-size:9px;color:#7d947e}.fit-options>button>svg{width:17px;color:#5d8864}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:9%}.faq-title .text-link{margin-top:30px}.faq details{border-bottom:1px solid #e0e9dd;padding:22px 0}.faq details:first-child{padding-top:0}.faq summary{list-style:none;font-size:13px;font-weight:500;display:flex;justify-content:space-between;gap:15px;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:19px;color:#7b947e;transition:transform .2s}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:12px;color:#738675;margin:15px 30px 0 0}.closing{background:#00b875;color:white;position:relative;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;padding-top:80px;padding-bottom:80px}.closing .eyebrow{color:#dcffec;font-size:8px}.closing h2{font-size:65px;letter-spacing:-3px}.closing em{color:#ccf9dc}.closing p{color:#d0f5df;font-size:13px;margin-top:20px;margin-bottom:25px}.closing-note{display:block;color:#c5f5d7;font-size:9px;margin-top:17px}.closing-art{position:relative;min-height:300px}.closing-art .mascot{position:absolute;left:10%;top:0;z-index:1}.closing-orbit{position:absolute;border:1px solid #ffffff30;width:360px;height:360px;border-radius:50%;top:-30px;left:0}.hello{position:absolute;right:-10px;top:10px;transform:rotate(8deg);font-size:16px;font-style:italic;line-height:1.5;z-index:2}footer{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;gap:35px;padding:55px 7%;align-items:start}footer p{font-size:11px;color:#7c8d7c}footer>div{display:flex;flex-direction:column;gap:12px;font-size:10px;color:#648066}footer button{font-size:10px;background:none;padding:0;text-align:left}footer span:not(.brand-crop):not(.logo-caption){font-size:8px;color:#8d9b8c}.section-dots{position:fixed;right:20px;top:45%;display:flex;flex-direction:column;gap:13px;z-index:10}.section-dots a{width:7px;height:7px;border:1px solid #85b999;border-radius:50%;position:relative}.section-dots a.current{background:#00b875;border-color:#00b875}.section-dots span{display:none}.guide-launch{position:fixed;bottom:25px;right:25px;display:flex;align-items:center;gap:12px;padding:10px 17px 10px 8px;border-radius:15px;background:#fff;border:1px solid #dce9dc;box-shadow:0 8px 25px #21462914;z-index:25}.guide-launch>.mascot{width:48px;height:50px}.guide-launch>.mascot>span{background-size:269px 179px;background-position:-2px -38px}.guide-launch>span:not(.mascot){font-size:9px;text-align:left;color:#78907b}.guide-launch b{font-size:11px;display:block;color:var(--deep);margin-top:3px}.guide-launch>svg{color:#008b5b;width:16px}.tour-panel{position:fixed;bottom:25px;right:25px;background:white;box-shadow:0 12px 50px #163a2a25;border:1px solid #bfdcc8;border-radius:20px;z-index:40;width:385px;display:flex;gap:5px;padding:20px 20px 20px 8px}.tour-panel>.mascot{width:85px;height:100px;align-self:center}.tour-panel>.mascot>span{background-size:492px 328px;background-position:-3px -69px}.tour-panel>.mascot.idea>span{background-position:-403px -69px}.tour-panel>div{flex:1}.tour-top{display:flex;justify-content:space-between;align-items:center}.tour-top small{font-size:7px;letter-spacing:1px;color:#79927e}.tour-top button{background:none;padding:0}.tour-panel h3{font-size:16px;margin:12px 0 7px}.tour-panel p{font-size:11px;color:#77917b;line-height:1.6;margin-bottom:16px}.tour-controls{display:flex;justify-content:flex-end;gap:15px}.tour-controls button{font-size:10px;display:flex;gap:7px;align-items:center;background:none;padding:0;color:#007d50}.tour-controls button:last-child{font-weight:700}.tour-highlight{outline:3px solid #70da9a;outline-offset:-3px}.modal-backdrop{position:fixed;inset:0;background:#0a2d23a8;backdrop-filter:blur(8px);z-index:60;display:flex;align-items:center;justify-content:center;padding:25px;overflow:auto}.modal{position:relative;width:min(480px,100%);max-height:90dvh;overflow:auto;border-radius:22px;background:white;box-shadow:0 25px 100px #082f2940}.modal-close{position:absolute;right:14px;top:14px;z-index:2;border-radius:50%;background:#f1f7ef;padding:5px;display:grid;place-items:center}.modal .capture{padding-top:45px;border:0;box-shadow:none}.privacy{padding:40px 32px}.privacy>svg{color:#00a66a;margin-bottom:20px}.privacy h2{font-size:32px;letter-spacing:-1px}.privacy p{font-size:12px;color:#718375}.success{padding:32px;background:white;border-radius:22px;min-height:390px}.success-icon{display:grid;place-items:center;background:#e0f8e9;color:#008b5b;width:55px;height:55px;border-radius:50%;margin-bottom:23px}.success h3{font-size:25px;letter-spacing:-1px}.success li,.success p{font-size:12px;color:#6f8675;line-height:1.8}.success ol{padding-left:18px;margin:25px 0}.success li{margin:10px 0}.success small{display:block;color:#8b9d8e;font-size:9px;margin-bottom:20px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.mobile-cta{display:none}.sr-only,.trap{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-60px;left:20px;background:white;padding:12px;z-index:99}.skip:focus{top:10px}@keyframes float{0%,to{translate:0 0}50%{translate:0 -10px}}@media(min-width:1600px){.hero{min-height:950px}.hero-grid{gap:10%}.hero-mascot{margin-top:25px}.section{padding-left:max(8%,calc((100vw - 1320px)/2));padding-right:max(8%,calc((100vw - 1320px)/2))}}@media(max-width:1100px){.header{padding:0 3%;height:75px}.header nav{gap:17px;font-size:11px}.logo{width:145px}.hero{padding:155px 6% 60px;min-height:850px}.hero-grid{gap:4%}h1{font-size:55px;letter-spacing:-3px}.capture{padding:25px}.capture h3{font-size:21px}.hero-actions{gap:15px}.hero-description{font-size:14px}.hero-mascot{margin-left:0}.speech{left:210px;font-size:11px}.speech b{font-size:10px}.orbit-icon.two{left:280px}.audience-strip>span:last-child{display:none}.workspace{gap:4%;grid-template-columns:.7fr 1.3fr}.dashboard{min-width:450px}.section{padding:80px 6%}.product-card{padding:27px}.product-card h3{font-size:23px}.closing h2{font-size:58px}.hello{right:-25px}.journey-steps{gap:25px}footer{gap:20px;padding:45px 6%}}@media(max-width:760px){html{scroll-padding-top:20px}.header{top:12px;left:4%;right:4%;height:68px;border-radius:18px;padding:0 17px;gap:10px}.logo{width:125px}.logo-caption{font-size:5px;letter-spacing:1.2px}.brand-crop{background-size:691px 461px;background-position:-42px -8px;width:85px;height:29px}.header nav{display:none}.header nav.open{display:flex;position:absolute;top:77px;left:0;right:0;background:white;border-radius:17px;padding:25px;box-shadow:0 8px 25px #244f2920;flex-direction:column;gap:25px;font-size:14px}.menu-toggle{display:block;padding:5px}.menu-toggle svg{width:21px}.nav-demo{padding:11px 12px;gap:7px;font-size:10px;margin-left:auto;border-radius:9px}.hero{padding:128px 6% 40px;min-height:auto}.hero-grid{grid-template-columns:1fr;gap:0}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:22px}h1{font-size:clamp(42px,9.7vw,64px);letter-spacing:-2.7px;line-height:1.12;margin-bottom:20px}.hero-description{max-width:390px;font-size:14px}.hero-actions{gap:20px;flex-wrap:wrap}.button{padding:16px 20px;font-size:12px}.tour-start{font-size:11px}.hero-note{font-size:9px}.hero-mascot{height:205px;margin:10px auto 0;width:320px}.hero-mascot>.mascot{transform:scale(.66);left:45px}.speech{left:190px;top:33px;padding:11px 13px;font-size:10px}.speech b{font-size:9px}.orbit-icon{padding:10px}.orbit-icon svg{width:18px;height:18px}.orbit-icon.one{left:12px;top:35px}.orbit-icon.two{left:270px;top:135px}.hero-form-wrap{padding-top:0;max-width:500px;width:100%;margin:0 auto}.hand-note{font-size:11px;margin-bottom:15px}.capture{padding:27px 24px}.capture h3{font-size:24px}.capture>p{font-size:12px}.phone-field{height:56px}.interest button{font-size:10px;padding:10px 12px}.consent,.consent button{font-size:10px}.form-foot{font-size:9px}.scroll-hint{margin-top:28px;font-size:7px}.hero-index{display:none}.audience-strip{padding:22px 6%;flex-direction:column;gap:12px}.audience-strip>div{font-size:9px;gap:11px;flex-wrap:wrap;justify-content:center}.audience-strip>span{font-size:9px}.section{padding:65px 6%}.section h2{font-size:36px;letter-spacing:-1.8px}.section-heading{display:block;margin-bottom:30px}.section-heading p{margin-top:22px;font-size:12px}.product-grid{grid-template-columns:1fr;gap:18px}.product-card{padding:28px;min-height:360px}.product-card h3{font-size:26px}.product-card p{font-size:13px}.product-card li,.product-link{font-size:12px}.product-top{margin-bottom:25px}.product-watermark{font-size:165px}.choose-note{flex-wrap:wrap;line-height:1.8;gap:6px}.choose-note,.choose-note button{font-size:10px}.workspace{display:block}.workspace-copy>p{max-width:380px}.workspace-copy h2 br:nth-child(2){display:none}.workspace-visual{padding-top:35px;padding-bottom:30px;margin-top:15px}.dashboard{min-width:0;transform:none;border-radius:12px;min-height:290px}.dashboard aside{width:38px;padding:14px 4px}.dashboard aside>span:not(.mini-logo){padding:4px}.mini-logo{font-size:12px}.dash-main{padding:15px 11px}.dash-top{font-size:8px;margin-bottom:16px}.dash-main h4{font-size:11px}.dash-stats{gap:6px}.dash-stats>div{padding:9px 6px}.dash-stats small{font-size:6px}.dash-stats b{font-size:20px}.dash-bottom{gap:6px;grid-template-columns:1fr 1.1fr}.activity,.chart{padding:9px 6px}.bars{gap:5px}.activity>span,.chart>span{font-size:6px}.activity p{font-size:5px;gap:3px}.activity p>small{font-size:4px}.floating-note{padding:12px 15px;right:0}.floating-note b{font-size:9px}.visual-caption{font-size:7px;margin-top:18px}.journey-title{text-align:left}.journey-title .eyebrow{justify-content:flex-start;font-size:7px}.journey-title p{font-size:12px}.journey-steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.journey-step{display:grid;grid-template-columns:48px 1fr;gap:10px 18px;padding-top:22px}.step-icon{grid-column:1;grid-row:1/4;margin:0}.journey-step h3{font-size:19px;margin:0}.journey-step p{margin:0;max-width:none;min-height:0;font-size:12px;grid-column:2}.step-tag{grid-column:2;justify-self:start;margin-top:5px}.step-num{font-size:8px;top:26px}.integration-note{text-align:left;font-size:9px;line-height:1.8}.fit{grid-template-columns:1fr;gap:35px}.fit-character{min-height:300px;grid-row:2;max-width:360px;width:100%;margin:auto}.fit-character>.mascot{transform:scale(.9)}.fit-bubble{right:0;font-size:13px;top:0}.scribble{font-size:11px;bottom:-10px}.fit-copy>p{font-size:12px}.fit-options>button{font-size:12px;padding:19px 16px}.fit-options small{font-size:10px}.faq{grid-template-columns:1fr;gap:35px}.faq summary{font-size:13px;line-height:1.6}.faq details p{font-size:12px}.closing{display:block;padding-bottom:40px}.closing h2{font-size:52px}.closing p{font-size:13px}.closing-art{height:270px;min-height:0;margin-top:20px;max-width:350px}.closing-art .mascot{left:25%;transform:scale(.85);transform-origin:top left}.closing-orbit{width:270px;height:270px;top:0;left:10%}.hello{font-size:14px;right:0;top:25px}.closing .eyebrow{font-size:7px}.closing-note{font-size:9px;line-height:1.7}footer{grid-template-columns:1fr 1fr;padding-bottom:100px;gap:30px}footer p{font-size:11px}footer>div{font-size:10px;gap:14px;line-height:1.5}.guide-launch,.section-dots{display:none}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;padding:10px 5% calc(10px + env(safe-area-inset-bottom));gap:10px;background:#ffffffed;border-top:1px solid #dbe8d8;z-index:25;backdrop-filter:blur(12px)}.mobile-cta button{display:flex;align-items:center;justify-content:center;gap:15px;font-size:11px;border-radius:9px;background:#eef6ec;color:#245b39;flex:1;padding:13px}.mobile-cta button:first-child{background:var(--deep);color:white;flex:1.4}.tour-panel{bottom:80px;left:4%;right:4%;width:auto;max-width:400px;padding:16px 18px 16px 5px}.modal-backdrop{padding:15px}.modal{max-height:90dvh}.modal .capture{padding:43px 24px 25px}.privacy{padding:40px 25px}.success{padding:28px 24px}.extra-fields{gap:14px}.reveal{transform:translateY(16px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .3s ease both}::view-transition-new(root){animation:page-in .45s ease both}@keyframes page-out{to{opacity:0;transform:translateY(-18px)}}@keyframes page-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(min-width:1000px) and (min-height:700px){html{scroll-snap-type:y proximity}main>section{scroll-snap-align:start}.fit,.journey,.workspace{min-height:90svh;align-content:center}.closing{min-height:75svh;align-content:center}}@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none}::view-transition-new(root),::view-transition-old(root){animation:none}}.mascot{mix-blend-mode:normal;background:none!important;isolation:isolate;overflow:visible;width:280px;height:280px}.mascot.idea>span,.mascot>span{inset:0;background-image:url(/oobo-cutout-v2.png);background-repeat:no-repeat;background-size:contain!important;background-position:50%!important;filter:drop-shadow(0 12px 12px #073c2714);transform-origin:50% 90%}.header{position:fixed;left:50%;right:auto;transform:translateX(-50%);width:min(1000px,94%);border-radius:50px;height:74px;top:14px;padding:0 30px}.header nav{gap:22px}.nav-demo{border-radius:30px}.hero{height:100dvh;min-height:850px;padding:170px 8% 50px;background:linear-gradient(110deg,#fffdf0,#f0faed 48%,#def5f0);align-items:flex-start;justify-content:center;isolation:isolate}.hero:before{width:700px;height:700px;left:calc(50% - 350px);top:170px;opacity:.35}.hero-grid{display:block;width:100%;text-align:center;margin:75px auto 0;z-index:2}.hero-copy{position:relative}.hero .eyebrow{justify-content:center}.hero h1{font-size:clamp(60px,6vw,90px);line-height:1.06;letter-spacing:-4.5px}.hero-description{max-width:520px;margin:0 auto 28px}.hero-actions,.hero-note{justify-content:center}.hero-note{margin-top:22px}.hero-mascot{margin:10px auto 0;width:330px;height:220px}.hero-mascot>.mascot{left:calc(50% - 100px);top:10px;width:200px;height:200px;transform:none;animation:guide-wave 4s ease-in-out infinite}.speech{left:245px;top:55px;transform:rotate(5deg);text-align:left;background:#ffffffd9}.hero .scroll-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);margin:0;white-space:nowrap;z-index:3}.hero-index{left:30px;bottom:40px}.section{position:relative;isolation:isolate;overflow:clip;--scene-progress:0;--scene-drift:0px}.section>:not(.scene-decor){position:relative;z-index:1}.scene-decor{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.scene-decor>span{position:absolute;display:grid;place-items:center;width:74px;height:74px;border-radius:22px;background:linear-gradient(145deg,#fff,#e4f9e9);box-shadow:6px 12px 22px #27643a16,inset 0 2px 1px white;border:1px solid #ffffffbb;color:#00a66a;transform:translateY(var(--scene-drift,0)) rotate(var(--icon-tilt,-12deg));animation:icon-bob 6s ease-in-out infinite}.scene-decor>span svg{width:38px;height:38px;stroke-width:1.4;filter:drop-shadow(2px 3px 0 #85d5a750)}.scene-decor>span:first-child{top:21%;left:13%;--icon-tilt:-14deg}.scene-decor>span:nth-child(2){top:23%;right:15%;--icon-tilt:12deg;animation-delay:-2s}.scene-decor>span:nth-child(3){bottom:23%;left:18%;--icon-tilt:-20deg;animation-delay:-1s}.scene-decor>span:nth-child(4){bottom:25%;right:16%;--icon-tilt:17deg;animation-delay:-3s}.scene-decor>span:nth-child(5){bottom:5%;left:48%;--icon-tilt:-8deg;animation-delay:-4s}.section>.scene-decor>span{width:47px;height:47px;opacity:.28;border-radius:15px}.section>.scene-decor>span svg{width:25px;height:25px}.section>.scene-decor>span:first-child{top:7%;left:3%}.section>.scene-decor>span:nth-child(2){top:8%;right:5%}.section>.scene-decor>span:nth-child(3){bottom:10%;left:2%}.section>.scene-decor>span:nth-child(4){bottom:9%;right:2%}.section>.scene-decor>span:nth-child(5){bottom:3%;left:48%}.scene-decor.dark>span{background:#c9f7de;color:#008c58;opacity:.14;box-shadow:0 10px 20px #00160a20}.growth-start{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:#fff;min-height:95svh;padding-top:110px;padding-bottom:110px}.growth-intro h2{font-size:52px}.growth-intro>p{font-size:14px;color:#738775;margin-top:25px}.growth-mascot{position:relative;height:250px;display:flex;align-items:center;gap:15px}.growth-mascot>.mascot{width:220px;height:220px;animation:guide-wave 4s ease-in-out infinite}.growth-mascot>span:not(.mascot){line-height:1.8;transform:rotate(-6deg);color:#75937c}.growth-mascot b{color:#008e5b}.growth-start .hero-form-wrap{padding:0;max-width:450px;width:100%}.growth-start .capture{box-shadow:0 20px 65px #14452c0b;border-radius:30px}.benefits{background:radial-gradient(ellipse at 100% 60%,#087257,#112f29 75%);color:white;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:100px 7% 130px;overflow:hidden}.benefits-heading{text-align:center;margin-bottom:60px}.benefits-heading .eyebrow{justify-content:center;color:#91c8aa}.benefits-heading h2{font-size:58px}.benefits-heading h2 br{display:none}.benefits-heading em{color:#a4f1c8}.benefit-deck{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;max-width:1250px;width:100%;margin:0 auto;perspective:1200px;padding:15px 0}.benefit-card{min-height:300px;background:white;color:#132e24;border-radius:58px;padding:36px 28px 24px;transform:rotate(var(--card-tilt));box-shadow:0 15px 40px #00150c15;transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .3s;opacity:0;position:relative;will-change:transform}.benefit-card.visible{opacity:1;transform:translateY(calc(var(--scene-progress)*-40px)) rotate(var(--card-tilt))}.scene-active .benefit-card{animation:card-fan-in .95s cubic-bezier(.16,.8,.25,1) both;animation-delay:calc(var(--card-index)*.1s)}.benefit-card:hover{transform:translateY(-18px) rotate(0deg);box-shadow:0 25px 55px #0003}.benefit-card>strong{font-size:34px;font-family:Manrope,sans-serif;letter-spacing:-1.5px;line-height:1.2;display:block;margin-bottom:10px}.benefit-card h3{line-height:1.4;font-weight:500;letter-spacing:-.6px;margin-bottom:7px}.benefit-card p{font-size:10px;color:#718577;max-width:160px;line-height:1.6}.benefit-art{height:110px;width:115px;margin:22px auto 0;position:relative;display:grid;place-items:center}.benefit-art>svg:not(.art-spark){width:66px;height:66px;stroke:#366a55;fill:#daf6e7;transform:rotate(-12deg);position:relative;z-index:2;filter:drop-shadow(4px 6px 0 #e8f5d9)}.benefit-art>i{position:absolute;width:78px;height:78px;background:#e6f9ef;border-radius:50%;right:0;top:10px}.benefit-art>i:nth-of-type(2){width:19px;height:19px;background:#fff3c8;left:0;top:0;border-radius:5px;transform:rotate(30deg)}.benefit-art .art-spark{position:absolute;right:-6px;bottom:4px;color:#5fae8c;width:24px;height:24px;z-index:3;stroke-width:1}.benefit-card:nth-child(2) .benefit-art>svg{fill:#eef0ff;stroke:#6c7190}.benefit-card:nth-child(3) .benefit-art>svg{fill:#fff4cf;stroke:#7c795e}.benefit-card:nth-child(4) .benefit-art>svg{fill:#e0f9f5;stroke:#5b827b}.benefits-guide{display:flex;align-items:center;gap:14px;position:absolute!important;bottom:14px;left:50%;transform:translateX(-50%)}.benefits-guide>.mascot{width:85px;height:85px;animation:guide-wave 4s infinite}.benefits-guide>span:not(.mascot){font-size:10px;line-height:1.8;color:#bddac8;white-space:nowrap}.benefits-guide b{color:#dbf8e5}.product-card{border-radius:48px;min-height:430px;padding:40px;transition:transform .65s cubic-bezier(.16,.8,.25,1),box-shadow .4s}.product-card.erp.visible{transform:rotate(-2deg)}.product-card.crm.visible{transform:rotate(2deg)}.product-card:hover{transform:translateY(-12px) rotate(0deg)!important;box-shadow:0 20px 45px #0c4f2210}.product-top .product-icon{width:62px;height:62px;border-radius:21px;box-shadow:0 6px 14px #315b2310}.product-top .product-icon svg{width:32px;height:32px}.product-card h3{font-size:30px}.product-card p{font-size:15px}.workspace{background:linear-gradient(110deg,#f8fbf2,#e8f7ef)}.workspace .dashboard{transition:transform .8s}.workspace.scene-active .dashboard{animation:dashboard-arrive .9s cubic-bezier(.16,.8,.25,1) both}.closing-art .mascot,.fit-character>.mascot{width:290px;height:290px}.closing-art .mascot{animation:guide-wave 4s ease-in-out infinite}.scroll-guide.guide-launch{display:flex;align-items:flex-end;gap:3px;background:transparent;border:0;box-shadow:none;padding:0;bottom:18px;max-width:310px;animation:guide-scene-entry .7s cubic-bezier(.2,.8,.2,1) both}.scroll-guide.guide-launch>.mascot{width:105px;height:105px;order:2;animation:guide-wave 4.5s infinite}.scroll-guide.guide-launch>.mascot>span{background-image:url(/oobo-cutout-v2.png);background-size:contain!important;background-position:50%!important;filter:drop-shadow(0 5px 5px #003d271a)}.scroll-guide.guide-launch>span:not(.mascot){background:#ffffffed;border:1px solid #d7e9dc;border-radius:17px 17px 3px 17px;padding:13px 15px;margin-bottom:40px;max-width:195px;text-align:left;box-shadow:0 6px 22px #073c2710}.scroll-guide small{font-size:6px;letter-spacing:1.2px;color:#7b9e86}.scroll-guide b{font-size:10px!important;line-height:1.6;margin:5px 0 7px!important;color:#204f36!important}.scroll-guide i{display:flex;gap:8px;align-items:center;font-size:8px;font-style:normal;color:#008b5b}.scroll-guide.scene-benefits .mascot,.scroll-guide.scene-workflow .mascot{animation:guide-celebrate 4s ease-in-out infinite}.scroll-guide.scene-find-fit .mascot,.scroll-guide.scene-preview .mascot{animation:guide-think 4s ease-in-out infinite}.tour-panel>.mascot.idea>span,.tour-panel>.mascot>span{background-image:url(/oobo-cutout-v2.png);background-size:contain!important;background-position:50%!important}.tour-panel>.mascot{animation:guide-wave 4s infinite}.fit-character{background:none}.fit-bubble{border-radius:30px 30px 30px 0}.section-dots{right:15px}.section-dots a{background:#ffffff80}.audience-strip{background:#fff;position:relative;z-index:2}@keyframes icon-bob{0%,to{translate:0 0;rotate:0deg}50%{translate:0 -13px;rotate:5deg}}@keyframes guide-wave{0%,to{translate:0 0;rotate:-3deg}50%{translate:0 -9px;rotate:3deg}}@keyframes guide-celebrate{0%,to{translate:0 0;rotate:-4deg}25%{translate:0 -13px;rotate:5deg}55%{translate:0 -3px;rotate:-3deg}}@keyframes guide-think{0%,to{translate:0 0;rotate:0deg}50%{translate:0 -6px;rotate:-7deg}}@keyframes guide-scene-entry{0%{opacity:0;transform:translate(45px,25px) rotate(7deg)}to{opacity:1;transform:none}}@keyframes card-fan-in{0%{opacity:0;transform:translateY(130px) rotate(0deg) scale(.8)}to{opacity:1;transform:translateY(0) rotate(var(--card-tilt)) scale(1)}}@keyframes dashboard-arrive{0%{opacity:0;transform:perspective(1200px) translateY(60px) rotateY(-15deg) scale(.93)}to{opacity:1;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}}@media(min-width:1600px){.hero-grid{margin-top:100px}.hero-mascot{height:260px;margin-top:28px}.hero-mascot>.mascot{width:240px;height:240px;left:calc(50% - 120px)}.speech{left:275px;top:70px}.benefit-card{min-height:330px}.benefit-card>strong{font-size:40px}}@media(max-width:1100px){.header{padding:0 25px}.header nav{gap:14px}.hero-grid{margin-top:70px}.hero h1{font-size:72px}.hero .scene-decor>span{width:60px;height:60px;border-radius:18px}.hero .scene-decor>span:first-child{left:8%}.hero .scene-decor>span:nth-child(2){right:8%}.hero .scene-decor>span:nth-child(3){left:10%}.hero .scene-decor>span:nth-child(4){right:9%}.growth-start{gap:5%}.growth-intro h2{font-size:44px}.growth-mascot>.mascot{width:180px;height:180px}.growth-mascot>span:not(.mascot){font-size:11px}.benefit-deck{gap:20px}.benefit-card{padding:28px 22px;min-height:280px;border-radius:45px}.benefit-card>strong{font-size:27px}.benefit-card h3{font-size:14px}.benefit-card p{font-size:9px}.benefit-art{width:95px;height:90px}.benefit-art>svg:not(.art-spark){width:55px;height:55px}.product-card{padding:30px}.product-card h3{font-size:25px}}@media(max-width:760px){.header{height:68px;top:12px;left:4%;right:4%;width:auto;transform:none;border-radius:35px;padding:0 17px}.header .logo{width:110px}.header nav.open{top:78px}.hero{height:auto;min-height:860px;min-height:100svh;padding:145px 6% 65px;display:block}.hero-grid{margin-top:80px}.hero h1{font-size:clamp(43px,10.7vw,70px);letter-spacing:-2.8px}.hero-description{font-size:14px;max-width:360px;line-height:1.75;margin-bottom:25px}.hero .eyebrow{font-size:7px;letter-spacing:1.4px}.hero-actions{gap:18px}.hero-mascot{height:210px;width:275px;margin-top:25px}.hero-mascot>.mascot{width:185px;height:185px;left:calc(50% - 92px);top:0;transform:none}.speech{left:210px;top:40px;padding:10px;max-width:110px;white-space:normal}.speech,.speech b{font-size:9px}.hero .scroll-hint{font-size:6px;letter-spacing:1.6px;bottom:22px}.hero .scene-decor>span{width:43px;height:43px;border-radius:13px}.hero .scene-decor>span svg{width:24px;height:24px}.hero .scene-decor>span:first-child{top:15%;left:11%}.hero .scene-decor>span:nth-child(2){top:15%;right:11%}.hero .scene-decor>span:nth-child(3){bottom:25%;left:6%}.hero .scene-decor>span:nth-child(4){bottom:25%;right:6%}.hero .scene-decor>span:nth-child(5){bottom:6%;left:15%;width:34px;height:34px}.growth-start{display:flex;flex-direction:column;gap:30px;padding-top:70px;padding-bottom:70px;min-height:0}.growth-intro{width:100%}.growth-intro h2{font-size:38px}.growth-intro>p{font-size:12px}.growth-mascot{height:160px;margin:15px 0}.growth-mascot>.mascot{width:150px;height:150px}.growth-mascot>span:not(.mascot){font-size:12px}.growth-start .hero-form-wrap{max-width:500px}.growth-start .capture{border-radius:26px}.benefits{padding:70px 6% 125px;min-height:0}.benefits-heading{margin-bottom:30px;text-align:center}.benefits-heading h2{font-size:36px}.benefits-heading h2 br{display:block}.benefits-heading .eyebrow{font-size:7px}.benefit-deck{grid-template-columns:1fr 1fr;gap:22px 18px;padding:10px 4px}.benefit-card{padding:24px 17px 15px;min-height:225px;border-radius:30px}.benefit-card>strong{font-size:clamp(23px,6.3vw,32px);letter-spacing:-1px;margin-bottom:10px}.benefit-card h3{font-size:12px;line-height:1.5;letter-spacing:-.2px}.benefit-card p{font-size:9px;line-height:1.7;margin-bottom:4px}.benefit-art{width:80px;height:75px;margin:14px auto 0}.benefit-art>svg:not(.art-spark){width:43px;height:43px}.benefit-art>i{width:59px;height:59px}.benefit-art .art-spark{width:18px;height:18px}.benefits-guide{bottom:10px;left:45%}.benefits-guide>.mascot{width:75px;height:75px}.benefits-guide>span:not(.mascot){font-size:9px}.product-grid{gap:28px}.product-card{border-radius:35px;min-height:370px;padding:30px 27px}.product-card h3{font-size:25px}.product-card p{font-size:13px}.product-card li{font-size:11px}.product-top .product-icon{width:53px;height:53px;border-radius:17px}.product-top .product-icon svg{width:27px;height:27px}.product-card.erp.visible{transform:rotate(-1.5deg)}.product-card.crm.visible{transform:rotate(1.5deg)}.fit-character>.mascot{width:250px;height:250px}.closing-art .mascot{width:240px;height:240px;transform:none;left:22%;top:20px}.scroll-guide.guide-launch{display:flex;right:9px;bottom:73px;max-width:230px;gap:0;align-items:flex-end;pointer-events:none}.scroll-guide.guide-launch>.mascot{width:76px;height:76px}.scroll-guide.guide-launch>span:not(.mascot){padding:9px 10px;margin-bottom:36px;max-width:150px;border-radius:13px 13px 2px 13px;pointer-events:auto}.scroll-guide small{font-size:5px;letter-spacing:.8px}.scroll-guide b{font-size:8px!important;line-height:1.6;margin:3px 0 4px!important}.scroll-guide i{font-size:7px}.scene-decor>span{animation-duration:8s}.section>.scene-decor>span{width:32px;height:32px;opacity:.18}.section>.scene-decor>span svg{width:18px;height:18px}.workspace.scene-active .dashboard{animation:dashboard-mobile-arrive .8s ease both}.hero-note{font-size:8px}.hero:before{left:calc(50% - 240px);width:480px;height:480px;top:230px}.tour-panel>.mascot{width:75px;height:90px}}@keyframes dashboard-mobile-arrive{0%{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:360px){.hero-actions{gap:12px}.hero h1{font-size:40px}.speech{left:190px}.benefit-card{padding:22px 13px}.benefit-card>strong{font-size:23px}.scroll-guide.guide-launch>span:not(.mascot){max-width:130px}}@media(prefers-reduced-motion:reduce){.benefit-card,.mascot,.mascot>span,.scene-active .benefit-card,.scene-decor>span,.scroll-guide.guide-launch,.workspace.scene-active .dashboard{animation:none!important;transition:none!important;translate:none!important}.benefit-card{opacity:1!important;transform:rotate(var(--card-tilt))!important}.scene-decor>span{transform:rotate(var(--icon-tilt))}.reveal{opacity:1!important}.product-card,.scroll-guide.guide-launch{transform:none!important}}body:has(.capture input:focus) .scroll-guide,body:has(.capture select:focus) .scroll-guide{opacity:0;pointer-events:none}.benefit-card{display:block;text-align:left;font:inherit;cursor:pointer;border:0;width:100%}.card-action{display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;color:#008758;margin-top:12px;font-weight:600}.product-card{display:block;cursor:pointer}.product-card .product-link{pointer-events:none}.journey-step{cursor:pointer;transition:background .25s,translate .25s;border-radius:12px;padding-left:12px;padding-right:12px}.journey-step:hover{background:#ffffff0a;translate:0 -5px}.step-tag{display:inline-flex;gap:7px;align-items:center}.dashboard{color:inherit;cursor:pointer}.dashboard:hover{box-shadow:0 25px 65px #275b3226}.benefit-card:focus-visible,.dashboard:focus-visible,.fit-options>button:focus-visible,.journey-step:focus-visible,.product-card:focus-visible{outline:3px solid #00b875;outline-offset:7px}.benefits .benefit-card:focus-visible,.journey-step:focus-visible{outline-color:#a4f1c8}@media(prefers-reduced-motion:reduce){.journey-step:hover{translate:none}}html{scroll-snap-type:none!important;scroll-padding-top:105px}.header{width:min(1140px,94%);height:72px;box-shadow:0 10px 35px #0b34250c;border:1px solid #dcebe1}.header nav{gap:21px;font-size:12px}.header .logo{width:155px}.hero{height:auto;min-height:100svh;padding:145px 6% 65px;align-items:center;display:flex;overflow:hidden;background:radial-gradient(ellipse at 50% 58%,#f5fff6 0,transparent 58%),linear-gradient(110deg,#fffdf3,#e7f9f0)}.hero-grid{margin:0 auto!important;max-width:1100px}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero .eyebrow{font-size:10px;margin-bottom:21px}.hero h1{font-size:clamp(54px,5vw,80px);line-height:1.08;letter-spacing:-3.5px;margin-bottom:22px;max-width:1000px}.hero-description{font-size:17px;line-height:1.65;max-width:600px}.hero-actions,.hero-description{margin-bottom:24px}.hero-product-pills{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;z-index:2}.hero-product-pills a{display:flex;align-items:center;gap:11px;padding:12px 16px;border:1px solid #c5e3d0;border-radius:12px;background:#fff9;font-size:12px;font-weight:600;transition:transform .3s,box-shadow .3s}.hero-product-pills svg{color:#00985f}.hero-product-pills a:hover{transform:translateY(-4px);box-shadow:0 8px 22px #0c4d2612}.hero-mascot{height:190px;width:340px;margin:21px auto 0!important}.hero-mascot>.mascot{width:175px;height:175px;left:calc(50% - 88px);top:0;animation:hero-greet 5s ease-in-out infinite}.speech{left:267px;top:44px;font-size:12px;max-width:155px;white-space:normal;padding:14px 17px;transform:rotate(3deg)}.hero .scroll-hint{bottom:22px;letter-spacing:1.8px;font-size:8px}.hero:before{width:630px;height:630px;left:calc(50% - 315px);top:120px}.hero .scene-decor>span:first-child{top:23%;left:12%}.hero .scene-decor>span:nth-child(2){top:24%;right:12%}.hero .scene-decor>span:nth-child(3){bottom:24%;left:15%}.hero .scene-decor>span:nth-child(4){bottom:23%;right:13%}.hero .scene-decor>span:nth-child(5){bottom:6%;left:33%}.section{padding:85px max(6%,calc((100vw - 1240px)/2));min-height:0!important;scroll-margin-top:0}.section h2{font-size:clamp(36px,3.3vw,52px);line-height:1.17}.eyebrow{font-size:10px;letter-spacing:1.7px}.section-heading{align-items:center;margin-bottom:35px}.section-heading p{font-size:14px;line-height:1.8}.products{padding-top:70px;padding-bottom:70px;background:#fff;max-width:none}.products .section-heading h2 br{display:none}.products .section-heading h2{font-size:42px}.product-grid{gap:25px;max-width:1160px;margin:0 auto;align-items:stretch}.product-card{border-radius:27px!important;min-height:350px!important;padding:30px 32px;box-shadow:0 9px 25px #16492a06;border:1px solid #cee5d5;will-change:transform}.product-card.erp{background:linear-gradient(135deg,#e8f9ed,#f5fcf5)}.product-card.crm{background:linear-gradient(135deg,#f1faf6,#e9f7f1)}.product-card.erp.visible{transform:none;animation:product-breathe-left 6s ease-in-out infinite}.product-card.crm.visible{transform:none;animation:product-breathe-right 6s ease-in-out infinite}.product-card:hover{animation-play-state:paused;box-shadow:0 20px 45px #0c4f2217;border-color:#69bb89}.product-top{margin-bottom:24px}.product-top .product-icon{width:51px;height:51px;border-radius:15px}.product-card h3{font-size:28px;margin-bottom:12px}.product-card p{font-size:14px;line-height:1.7}.product-card p br{display:none}.product-card ul{margin:19px 0 23px}.product-card li{font-size:12px;line-height:1.5}.product-link{font-size:12px;border:0;gap:25px;padding:0}.product-watermark{font-size:130px;color:#d9eee060;bottom:0;right:0;letter-spacing:-8px}.choose-note{margin-top:28px}.choose-note,.choose-note button{font-size:12px}.growth-start{gap:9%;background:#f6fbf7;grid-template-columns:1fr 1fr}.growth-intro h2{font-size:46px}.growth-intro>p{font-size:15px}.growth-mascot{height:205px}.growth-mascot>.mascot{width:185px;height:185px}.growth-mascot>span:not(.mascot){font-size:14px;transform:none}.capture{box-shadow:0 16px 50px #123e2510!important;border-color:#cbded0!important;border-radius:24px!important;padding:30px!important}.capture h3{font-size:27px}.capture>p{font-size:14px}.form-label{font-size:9px;line-height:1.6}.interest>span{font-size:12px}.consent,.consent button,.interest button{font-size:11px}.form-foot{font-size:10px}.optional{font-size:11px}.benefits{padding-top:75px;padding-bottom:90px}.benefits-heading{margin-bottom:40px}.benefit-deck{gap:28px;max-width:1180px}.benefit-card{min-height:290px;border-radius:40px;padding:30px 25px 20px}.benefit-card>strong{font-size:32px}.benefit-card h3{font-size:17px}.benefit-card p{font-size:12px;line-height:1.7;max-width:190px}.benefit-art{height:90px;margin-top:15px}.card-action{font-size:11px}.benefits-guide{display:none}.journey-title p{font-size:15px}.journey-step h3{font-size:21px}.journey-step p{font-size:14px;max-width:285px;line-height:1.8}.step-tag{font-size:9px}.integration-note{font-size:11px}.fit{gap:7%}.fit-options>button{font-size:14px}.fit-options small{font-size:12px}.fit-copy>p{font-size:14px}.fit-character{min-height:350px}.fit-character>.mascot{width:280px;height:280px}.faq summary{font-size:16px}.faq details p{font-size:14px;line-height:1.9}.faq-title .text-link{font-size:13px}.closing h2{font-size:64px}.closing p{font-size:16px}.closing-note{font-size:12px}.closing-art{min-height:280px}.closing-art .mascot{width:270px;height:270px}.hello{font-size:18px}.scroll-guide.guide-launch{right:22px;bottom:24px;max-width:200px}.scroll-guide.guide-launch>.mascot{width:78px;height:78px}.scroll-guide.guide-launch>span:not(.mascot){display:none}.scroll-guide.guide-launch:after{content:"OOBO tour";position:absolute;left:50%;transform:translateX(-50%);bottom:-5px;font-size:9px;white-space:nowrap;background:#fff;padding:4px 8px;border:1px solid #d1e6d8;border-radius:20px;color:#006c45}.scroll-guide.guide-launch:focus-visible>span:not(.mascot),.scroll-guide.guide-launch:hover>span:not(.mascot){display:block;position:absolute;right:72px;bottom:5px;width:200px;max-width:none;margin:0}.hero-index,.section-dots{display:none}footer{padding:45px max(6%,calc((100vw - 1240px)/2))}footer,footer button,footer>div{font-size:12px}footer p{font-size:13px}.scene-decor>span{opacity:.85}.section>.scene-decor>span{opacity:.12}.audience-strip{padding:22px 7%}.audience-strip>div{font-size:12px}.audience-strip>span{font-size:11px}.audience-strip>span:last-child{font-size:8px}.scene-intro{position:fixed;inset:0;z-index:45;background:radial-gradient(ellipse at center,#f1fff6f5,#ffffffed);display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;animation:intro-veil .95s ease both;overflow:hidden}.intro-stage{width:255px;height:215px;position:relative;display:grid;place-items:center}.intro-stage>.mascot{width:165px;height:165px;animation:intro-greet .9s cubic-bezier(.2,.8,.2,1) both;z-index:2}.intro-ring{position:absolute;inset:12px;border:1px solid #b5e9c9;border-radius:50%;animation:intro-ring .9s ease-out both}.intro-icon{position:absolute;display:grid;place-items:center;width:45px;height:45px;background:white;border:1px solid #ccead5;border-radius:14px;color:#00a66a;box-shadow:0 10px 25px #17533215;animation:intro-icons .85s cubic-bezier(.2,.8,.2,1) both}.intro-icon svg{width:25px;height:25px}.intro-icon.i1{left:2px;top:25px;--ix:-18px;--iy:30px;--it:-15deg}.intro-icon.i2{right:2px;top:45px;--ix:20px;--iy:-35px;--it:12deg;animation-delay:60ms}.intro-icon.i3{left:112px;bottom:0;--ix:0px;--iy:35px;--it:8deg;animation-delay:.1s}.intro-message{text-align:center;max-width:85%}.intro-message small{font-size:9px;letter-spacing:2px;color:#6b937b;display:block;margin-bottom:12px}.intro-message b{font-size:24px;font-family:Manrope,sans-serif;letter-spacing:-.8px;font-weight:700;display:block}.scene-intro>button{pointer-events:auto;font-size:10px;display:flex;gap:9px;align-items:center;background:transparent;color:#60836d;margin-top:25px;padding:8px}.intro-style-1 .mascot{animation-name:intro-turn}.intro-style-1 .intro-icon{animation-name:intro-orbit}.intro-style-2 .mascot{animation-name:intro-hop}.intro-style-2 .intro-icon{animation-name:intro-icons}.intro-style-3 .mascot{animation-name:intro-celebrate}.intro-style-3 .intro-icon{border-radius:50%;animation-name:intro-scatter}.intro-style-4 .mascot{animation-name:intro-peek}.intro-style-4 .intro-icon{animation-name:intro-orbit}.intro-style-1{background:radial-gradient(ellipse,#eafff1f5,#fffef1ed)}.intro-style-3{background:radial-gradient(ellipse,#0a543aee,#083c30f0);color:white}.intro-style-3 .intro-message small,.intro-style-3>button{color:#b5e9c9}.intro-style-3 .intro-ring{border-color:#ffffff35}@keyframes intro-veil{0%{opacity:0}15%,65%{opacity:1}to{opacity:0}}@keyframes intro-greet{0%{opacity:0;transform:translateY(40px) rotate(-12deg) scale(.7)}45%{opacity:1;transform:translateY(-10px) rotate(6deg) scale(1.04)}to{opacity:1;transform:none}}@keyframes intro-turn{0%{opacity:0;transform:translateX(-80px) rotate(-25deg)}55%{opacity:1;transform:translateX(5px) rotate(8deg)}to{opacity:1;transform:none}}@keyframes intro-hop{0%{opacity:0;transform:translateY(65px) scale(.7)}40%{opacity:1;transform:translateY(-20px) scale(1.05)}70%{transform:translateY(4px) scale(.97)}to{opacity:1;transform:none}}@keyframes intro-celebrate{0%{opacity:0;transform:scale(.5) rotate(-18deg)}45%{opacity:1;transform:scale(1.1) rotate(8deg)}75%{transform:rotate(-5deg)}to{opacity:1;transform:none}}@keyframes intro-peek{0%{opacity:0;transform:translateX(65px) rotate(20deg)}50%{opacity:1;transform:translateX(-10px) rotate(-10deg)}to{opacity:1;transform:none}}@keyframes intro-icons{0%{opacity:0;transform:translate(var(--ix),var(--iy)) rotate(-45deg) scale(.2)}to{opacity:1;transform:rotate(var(--it))}}@keyframes intro-orbit{0%{opacity:0;transform:translate(calc(var(--ix)*-2),calc(var(--iy)*-2)) rotate(90deg) scale(.5)}to{opacity:1;transform:rotate(var(--it))}}@keyframes intro-scatter{0%{opacity:0;transform:translateY(40px) scale(.1)}60%{opacity:1;transform:translate(var(--ix),-12px) scale(1.15)}to{opacity:1;transform:rotate(var(--it))}}@keyframes intro-ring{0%{opacity:0;transform:scale(.5)}70%{opacity:1}to{opacity:.2;transform:scale(1.2)}}@keyframes product-breathe-left{0%,to{transform:translateY(0) rotate(-.65deg)}50%{transform:translateY(-7px) rotate(.15deg)}}@keyframes product-breathe-right{0%,to{transform:translateY(-5px) rotate(.65deg)}50%{transform:translateY(2px) rotate(-.15deg)}}@keyframes hero-greet{0%,to{rotate:-2deg;translate:0 0}50%{rotate:2deg;translate:0 -7px}}.screen-gallery{background:#f5faf7;overflow:visible}.gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.gallery-heading>p{font-size:14px;color:#6c8374;max-width:360px;line-height:1.8;margin-bottom:3px}.gallery-heading>p strong{font-weight:400;font-size:11px;color:#81968a}.gallery-tabs{display:flex;gap:10px;margin:25px 0;flex-wrap:wrap}.gallery-tabs button{background:#fff;border:1px solid #d5e7dc;padding:11px 15px;border-radius:10px;font-size:12px;display:flex;gap:8px;align-items:center}.gallery-tabs button>span{font-size:8px;font-weight:700;background:#ecf6ef;padding:4px 6px;border-radius:5px;color:#008b5b}.gallery-tabs button.selected{background:#083e32;color:white;border-color:#083e32;box-shadow:0 6px 15px #083e3214}.gallery-window{border:1px solid #d3e3d8;border-radius:17px;overflow:hidden;box-shadow:0 25px 60px #0c422c10;background:#fff}.window-bar{height:47px;border-bottom:1px solid #e1eae4;background:#fcfefc;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:20px}.window-bar>span{display:flex;gap:6px}.window-bar i{width:7px;height:7px;border-radius:50%;background:#c9dfd0}.window-bar i:first-child{background:#a1d3b6}.window-bar b{font-size:10px;color:#728b79;font-weight:500;flex:1;text-align:center}.window-bar button{display:flex;gap:7px;align-items:center;font-size:10px;background:none;padding:7px 0;color:#386c4b}.screen-stage{cursor:zoom-in;animation:screen-reveal .45s ease both;overflow:auto}.product-screen{display:grid;grid-template-columns:175px 1fr;min-width:680px;background:#fbfdfb;min-height:520px;text-align:left;color:#234633}.product-screen aside{background:#fff;border-right:1px solid #e4ece6;padding:25px 17px;display:flex;flex-direction:column;gap:12px}.product-screen aside>b{font-size:30px;letter-spacing:-2px;color:#00a76b;margin:0 0 25px 12px;line-height:1}.product-screen aside>b>span{display:block;font-size:6px;letter-spacing:2px;margin-top:8px;color:#6c927b}.product-screen aside>span{display:flex;align-items:center;gap:11px;font-size:10px;padding:11px;border-radius:8px;color:#7a9182}.product-screen aside>span em{font-size:10px;color:inherit}.product-screen aside>span.active{background:#e9f8ef;color:#008e5c;font-weight:600}.product-screen aside>small{font-size:8px;color:#8ca092;margin-top:auto;padding:15px 5px}.screen-content{padding:0 28px 20px;min-width:0}.screen-toolbar{height:58px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3ece5;font-size:10px}.screen-toolbar>span>span{color:#8ca293}.screen-user{width:28px;height:28px;border-radius:50%;background:#ddefe3;color:#1d7150;display:grid;place-items:center;font-size:9px}.screen-title{display:flex;align-items:center;justify-content:space-between;margin:26px 0 23px;gap:15px}.screen-title small{font-size:7px;letter-spacing:1.5px;color:#8a9f90}.screen-title h3{font-size:23px;letter-spacing:-.7px;margin:7px 0}.screen-title p{font-size:8px;color:#829888;margin:0}.screen-date{font-size:9px;display:flex;align-items:center;gap:7px;border:1px solid #dfebe2;padding:9px;border-radius:7px;background:#fff;white-space:nowrap}.screen-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.screen-metrics>div{background:white;border:1px solid #e0eae3;border-radius:10px;padding:16px}.screen-metrics small{font-size:9px;color:#789281}.screen-metrics strong{font-size:31px;display:block;margin:9px 0;line-height:1}.screen-metrics>div>span{display:flex;gap:5px;align-items:center;font-size:7px;color:#7b9784}.screen-metrics i{width:4px;height:4px;background:#00b875;border-radius:50%}.screen-table{border:1px solid #e0eae3;border-radius:10px;background:white;padding:0 17px}.table-title{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid #e4ece6}.table-title h4{font-size:11px;margin:0}.table-title>span{display:flex;align-items:center;gap:7px;font-size:8px;color:#92a597}.screen-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #edf2ed;font-size:9px;align-items:center}.screen-row:last-child{border-bottom:0}.screen-row.heading{font-size:7px;color:#91a396;padding:12px 0}.screen-row>b{font-weight:500}.screen-row b>small{display:block;font-size:7px;color:#98aa9c;margin-top:5px}.status-badge{font-size:7px;padding:5px 7px;background:#f1f5e9;border-radius:5px;justify-self:start;display:flex;align-items:center;gap:4px;color:#7a8c54}.status-badge.complete{background:#e6f7ed;color:#00895a}.screen-bottom-note{font-size:8px;color:#8fa294;margin-top:18px;text-align:center}.sample-pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.sample-pipeline>div{border:1px solid #e0eae3;background:#f4f8f4;border-radius:10px;padding:12px}.sample-pipeline h4{font-size:9px;margin:0 0 15px;display:flex;gap:7px;align-items:center}.sample-pipeline h4>span{margin-left:auto;color:#8da391}.sample-pipeline h4>i{width:5px;height:5px;background:#00b875;border-radius:50%}.sample-pipeline article{background:white;border:1px solid #e2eae3;border-radius:7px;padding:13px;margin:10px 0}.sample-pipeline article>small{font-size:5px;color:#a1b2a5;letter-spacing:1px}.sample-pipeline article>b{font-size:10px;display:block;margin-top:8px}.sample-pipeline article>p{font-size:8px;color:#8ca392;margin:8px 0 12px}.sample-pipeline article>span{font-size:6px;padding-top:8px;border-top:1px solid #e8efea;display:block;color:#738d7c}.gallery-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:23px}.gallery-caption>div{display:flex;gap:17px;align-items:center}.gallery-caption>div>span{font-size:10px;color:#00a66a;font-weight:700}.gallery-caption p{font-size:12px;color:#7c9385;margin:0}.gallery-caption .text-link{font-size:12px}.screen-lightbox{position:fixed;inset:0;background:#082a21de;z-index:70;display:flex;align-items:center;justify-content:center;padding:40px;backdrop-filter:blur(12px)}.expanded-screen{width:min(1300px,100%);max-height:94dvh;overflow:auto;border-radius:15px;background:white;box-shadow:0 25px 100px #0005}.expanded-screen .product-screen{min-height:600px}.expanded-screen .screen-content{padding:0 40px 25px}.expanded-screen .screen-title{margin:35px 0}.expanded-screen .screen-title h3{font-size:30px}.expanded-screen .screen-metrics strong{font-size:40px}.expanded-screen .screen-row{padding:18px 0;font-size:12px}.expanded-screen .screen-row small{font-size:9px}.gallery-pager{justify-content:center;gap:35px;padding:18px;background:#f4faf5}.gallery-pager,.gallery-pager button{display:flex;font-size:12px;align-items:center}.gallery-pager button{gap:10px;background:none;color:#007d50}.gallery-pager>span{font-size:10px;color:#7a9383}@keyframes screen-reveal{0%{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-height:850px) and (min-width:761px){.hero{padding-top:125px;padding-bottom:55px}.hero h1{font-size:62px}.hero-grid{margin:0!important}.hero .eyebrow{margin-bottom:17px}.hero-description{font-size:15px;margin-bottom:20px}.hero-actions{margin-bottom:17px}.hero-mascot{height:155px;margin-top:16px!important}.hero-mascot>.mascot{width:145px;height:145px;left:calc(50% - 72px)}.speech{top:30px;left:255px}.hero .scene-decor>span{width:58px;height:58px}.hero .scene-decor>span svg{width:30px;height:30px}}@media(max-width:1100px){.header nav{gap:13px;font-size:10px}.header{padding:0 23px}.header .logo{width:135px}.section{padding:70px 6%}.gallery-heading h2{font-size:38px}.gallery-heading>p{font-size:12px;max-width:270px}.product-card h3{font-size:25px}.growth-intro h2{font-size:40px}.growth-mascot>.mascot{width:155px;height:155px}.growth-mascot>span:not(.mascot){font-size:12px}.screen-content{padding:0 18px 18px}.product-screen{grid-template-columns:140px 1fr}.product-screen aside{padding:23px 11px}.product-screen aside>span{font-size:8px;gap:7px}.screen-title h3{font-size:20px}.screen-metrics{gap:10px}.screen-row{font-size:8px}.benefit-card{padding:25px 21px}.benefit-card>strong{font-size:27px}.benefit-card h3{font-size:14px}.benefit-card p{font-size:11px}}@media(max-width:760px){.header{height:66px;width:auto;left:4%;right:4%;transform:none;top:12px;padding:0 16px}.header .logo{width:100px}.header nav.open{font-size:14px;gap:23px}.hero{padding:125px 6% 60px;min-height:100svh;height:auto}.hero .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:21px}.hero h1{font-size:clamp(40px,10.3vw,62px);letter-spacing:-2.5px}.hero-description{font-size:14px;max-width:345px;margin-bottom:24px}.hero-actions{margin-bottom:22px;gap:17px}.hero-product-pills{gap:8px}.hero-product-pills a{font-size:10px;padding:10px 11px;gap:7px;border-radius:10px}.hero-product-pills a>svg{width:14px}.hero-mascot{width:275px;height:160px;margin-top:22px!important}.hero-mascot>.mascot{width:150px;height:150px;left:calc(50% - 75px)}.speech{left:215px;top:33px;padding:10px 11px;max-width:100px}.speech,.speech b{font-size:9px}.hero .scene-decor>span{width:34px;height:34px;border-radius:10px}.hero .scene-decor>span svg{width:19px;height:19px}.hero .scene-decor>span:first-child{top:15%;left:6%}.hero .scene-decor>span:nth-child(2){top:15%;right:6%}.hero .scene-decor>span:nth-child(3){bottom:23%;left:5%}.hero .scene-decor>span:nth-child(4){bottom:23%;right:5%}.hero .scene-decor>span:nth-child(5){display:none}.hero .scroll-hint{font-size:6px;letter-spacing:1.5px;bottom:20px}.section{padding:55px 6%}.section h2{font-size:35px}.products .section-heading h2{font-size:33px}.products .section-heading h2 br{display:block}.section-heading p{font-size:13px;margin-top:18px}.product-card{min-height:340px!important;border-radius:23px!important;padding:28px}.product-card h3{font-size:25px}.product-card p{font-size:13px}.product-card li{font-size:12px}.product-grid{gap:19px}.product-card.crm.visible,.product-card.erp.visible{animation-duration:7s}.choose-note,.choose-note button{font-size:11px}.gallery-heading{display:block;margin-bottom:20px}.gallery-heading>p{margin-top:19px;max-width:100%;font-size:13px}.gallery-heading>p strong{font-size:11px}.gallery-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0 17px}.gallery-tabs button{font-size:10px;padding:11px 10px;gap:6px}.gallery-tabs button>span{font-size:7px}.window-bar{height:41px;padding:0 11px;gap:10px}.window-bar b{font-size:8px}.window-bar button{font-size:8px;gap:5px}.window-bar>span{gap:4px}.window-bar i{width:5px;height:5px}.gallery-window{border-radius:12px}.product-screen{min-width:650px;grid-template-columns:125px 1fr;min-height:450px}.product-screen aside{padding:20px 11px;gap:9px}.product-screen aside>b{font-size:26px;margin-left:8px}.product-screen aside>span{padding:10px 8px}.product-screen aside>span em{font-size:8px}.screen-title h3{font-size:19px}.screen-title p{font-size:7px}.screen-toolbar{height:45px}.screen-content{padding:0 18px 15px}.screen-metrics{gap:9px;margin-bottom:18px}.screen-metrics>div{padding:13px}.screen-metrics strong{font-size:28px}.screen-metrics small,.screen-row{font-size:8px}.screen-row{padding:11px 0}.gallery-caption{display:block;margin-top:18px}.gallery-caption>div{gap:12px;align-items:flex-start}.gallery-caption p{font-size:11px}.gallery-caption>div>span{font-size:9px;white-space:nowrap;margin-top:3px}.gallery-caption>.text-link{margin-top:17px;font-size:11px}.screen-stage:after{content:"Swipe to explore the screen →";display:block;font-size:9px;color:#648a73;text-align:center;padding:10px;background:#f5fbf7;position:sticky;left:0}.screen-lightbox{padding:13px}.expanded-screen{max-height:90dvh}.expanded-screen .product-screen{min-height:490px}.expanded-screen .screen-content{padding:0 22px 20px}.expanded-screen .screen-title h3{font-size:24px}.expanded-screen .screen-title{margin:24px 0}.expanded-screen .screen-row{font-size:9px;padding:14px 0}.expanded-screen .screen-row small{font-size:7px}.expanded-screen .screen-metrics strong{font-size:30px}.growth-start{gap:25px;padding:55px 6%}.growth-intro h2{font-size:35px}.growth-intro>p{font-size:13px}.growth-mascot{height:150px;margin:15px 0}.growth-mascot>.mascot{width:140px;height:140px}.growth-mascot>span:not(.mascot){font-size:12px}.growth-start .capture{padding:26px 22px!important}.capture h3{font-size:23px}.capture>p{font-size:13px}.consent,.consent button{font-size:10px;line-height:1.8}.form-foot{font-size:9px}.benefit-deck{gap:22px 18px}.benefit-card{border-radius:28px;min-height:250px;padding:24px 18px}.benefit-card>strong{font-size:26px}.benefit-card h3{font-size:13px}.benefit-card p{font-size:11px}.benefit-art{height:75px;margin-top:12px}.card-action{font-size:9px}.benefits{padding-bottom:65px}.journey-step h3{font-size:19px}.journey-step p{font-size:13px}.integration-note{font-size:10px}.fit-options>button{font-size:13px}.fit-options small{font-size:11px}.faq summary{font-size:14px}.faq details p{font-size:13px}.closing h2{font-size:48px}.closing p{font-size:14px}.closing-note{font-size:10px}.closing-art{height:245px;min-height:0}.closing-art .mascot{width:220px;height:220px;left:22%;top:10px}.scroll-guide.guide-launch{bottom:78px;right:9px}.scroll-guide.guide-launch>.mascot{width:62px;height:62px}.scroll-guide.guide-launch:after{font-size:7px;padding:3px 6px;bottom:-4px}.scroll-guide.guide-launch:hover>span:not(.mascot){display:none}.audience-strip>div{font-size:10px;gap:9px}.audience-strip>span{font-size:10px}.audience-strip>span:last-child{display:none}.scene-intro .intro-stage{width:210px;height:185px}.intro-stage>.mascot{width:140px;height:140px}.intro-icon{width:37px;height:37px;border-radius:12px}.intro-icon svg{width:21px;height:21px}.intro-icon.i3{left:90px}.intro-message b{font-size:19px}.intro-message small{font-size:8px}.intro-ring{inset:8px}footer{padding:40px 6% 100px}footer button,footer>div{font-size:11px}}@media(prefers-reduced-motion:reduce){.scene-intro{display:none!important}.product-card.crm.visible,.product-card.erp.visible{animation:none!important;transform:none!important}.hero-mascot>.mascot,.screen-stage{animation:none!important}}.intro-style-5 .mascot{animation-name:intro-rise}.intro-style-5 .intro-icon{animation-name:intro-cascade}.intro-style-6 .mascot{animation-name:intro-walk}.intro-style-6 .intro-icon{animation-name:intro-connect}.intro-style-7 .mascot{animation-name:intro-nod}.intro-style-7 .intro-icon{animation-name:intro-choice}.intro-style-8 .mascot{animation-name:intro-listen}.intro-style-8 .intro-icon{animation-name:intro-cascade}.intro-style-9 .mascot{animation-name:intro-soar}.intro-style-9 .intro-icon{animation-name:intro-connect}.intro-style-9{background:radial-gradient(ellipse,#dbffebf5,#effbf4ed)}@keyframes intro-rise{0%{opacity:0;transform:translateY(75px) scale(.8)}65%{opacity:1;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes intro-walk{0%{opacity:0;transform:translateX(-90px) rotate(-9deg)}35%{opacity:1;transform:translateX(-25px) rotate(5deg)}65%{transform:translateX(5px) rotate(-5deg)}to{opacity:1;transform:none}}@keyframes intro-nod{0%{opacity:0;transform:scale(.8)}40%{opacity:1;transform:rotate(-8deg) scale(1)}70%{transform:rotate(4deg)}to{opacity:1;transform:none}}@keyframes intro-listen{0%{opacity:0;transform:translateX(25px) rotate(12deg)}55%{opacity:1;transform:translateX(0) rotate(-6deg)}to{opacity:1;transform:none}}@keyframes intro-soar{0%{opacity:0;transform:translateY(60px) rotate(-12deg) scale(.65)}60%{opacity:1;transform:translateY(-15px) rotate(5deg) scale(1.04)}to{opacity:1;transform:none}}@keyframes intro-cascade{0%{opacity:0;transform:translateY(-70px) rotate(-30deg) scale(.4)}65%{opacity:1;transform:translateY(5px) rotate(var(--it))}to{opacity:1;transform:rotate(var(--it))}}@keyframes intro-connect{0%{opacity:0;transform:translateX(calc(var(--ix)*4)) scale(.4)}60%{opacity:1;transform:translateX(-5px) rotate(var(--it))}to{opacity:1;transform:rotate(var(--it))}}@keyframes intro-choice{0%{opacity:0;transform:translateY(35px) scale(.5)}60%{opacity:1;transform:translateY(-8px) rotate(calc(var(--it)*-1))}to{opacity:1;transform:rotate(var(--it))}}.hero h1{font-size:clamp(42px,4.3vw,72px);max-width:1150px;line-height:1.12}.hero-product-pills{row-gap:10px}@media(max-width:760px){.hero h1{font-size:clamp(36px,8.4vw,55px);letter-spacing:-2px}.hero-product-pills{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-product-pills a{font-size:9px;justify-content:space-between;padding:10px}.hero-product-pills a>svg{width:13px}.hero-product-pills a>span{white-space:nowrap}}