@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{--ink:#12213a;--muted:#5d6b80;--blue:#0969f5;--deep:#07142d;--violet:#0969f5;--violet2:#28b8ed;--cyan:#1fd1dd;--green:#16a36a;--soft:#f5f7fb;--line:#dce3ec;--white:#fff;--shadow:0 24px 70px rgba(7,20,45,.12);--radius:24px;--container:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:"DM Sans",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin-top:0}
h1,h2,h3,.brand{font-family:"Manrope",Arial,sans-serif}
h1{font-size:clamp(3rem,6vw,6.2rem);line-height:1.02;letter-spacing:-.065em}
h2{font-size:clamp(2.15rem,4vw,3.8rem);line-height:1.08;letter-spacing:-.045em}
h3{line-height:1.25}
p{color:var(--muted)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.narrow{max-width:820px}
.center{text-align:center;margin-inline:auto}
.section{padding:110px 0}
.section-soft{background:var(--soft)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:999;top:10px;left:10px;padding:10px 16px;background:#fff;transform:translateY(-150%);border-radius:8px}
.skip-link:focus{transform:none}
.site-header{height:84px;position:fixed;z-index:100;top:0;left:0;right:0;color:var(--ink);background:rgba(255,255,255,.97);border-bottom:1px solid rgba(220,227,236,.8);transition:.3s}
.site-header.scrolled{height:70px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(7,20,45,.08)}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center}
.brand>img{display:block;width:190px;height:auto}
.brand-mark{width:30px;height:27px;display:flex;align-items:flex-end;gap:3px;transform:skewX(-15deg)}
.brand-mark i{display:block;width:8px;border-radius:4px;background:linear-gradient(180deg,var(--cyan),var(--violet))}
.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:24px}.brand-mark i:nth-child(3){height:18px}
.main-nav{display:flex;align-items:center;gap:30px;font-size:.92rem;font-weight:500}
.main-nav>a,.nav-dropdown>button{position:relative;color:#5d6b80;background:none;border:0;padding:12px 0}
.main-nav>a:hover,.nav-dropdown>button:hover,.main-nav>a.active{color:var(--deep)}
.main-nav>a.active:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--blue)}
.main-nav .btn{padding:11px 18px;color:#fff}
.main-nav .btn:after{display:none}
.nav-dropdown{position:relative}
.dropdown-menu{position:absolute;top:48px;left:50%;width:280px;padding:12px;background:#fff;color:var(--ink);border-radius:16px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translate(-50%,-8px);transition:.2s}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown>button[aria-expanded="true"]+.dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dropdown-menu a{display:flex;flex-direction:column;padding:12px 14px;border-radius:10px}
.dropdown-menu a:hover{background:var(--soft)}
.dropdown-menu small{color:var(--muted)}
.nav-toggle{display:none;background:none;border:0;width:42px;padding:8px}
.nav-toggle>span:not(.sr-only){display:block;height:2px;background:var(--deep);margin:6px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:11px;padding:15px 22px;font-weight:700;transition:.25s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{color:#fff;background:linear-gradient(135deg,#0969f5,#28b8ed);box-shadow:0 12px 28px rgba(9,105,245,.28)}
.btn-ghost{border-color:var(--line);background:#fff;color:var(--ink)}
.hero .btn-ghost,.product-hero .btn-ghost,.page-hero .btn-ghost{color:#fff;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.25)}
.btn-white{background:#fff;color:var(--deep)}
.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:.72rem;color:var(--violet)}
.eyebrow i{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 5px rgba(32,207,219,.12)}
.section-kicker{margin-bottom:18px}
.section-kicker.light{color:var(--cyan)}
.lead{font-size:clamp(1.08rem,1.6vw,1.3rem);line-height:1.65}
.hero{position:relative;min-height:820px;padding:170px 0 30px;overflow:hidden;color:#fff;background:radial-gradient(circle at 72% 38%,#123e72 0,#09264e 30%,#07142d 68%)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:75px}
.hero h1{margin:20px 0 26px;font-size:clamp(2.3rem,5vw,4rem);letter-spacing:-.055em}.hero h1 span,.hero h1 em{white-space:nowrap}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(100deg,#fff 0,#58c9fa 48%,#1fd1dd);background-clip:text}
.hero .lead{color:#b9c8df;max-width:600px}
.trust-line{display:flex;flex-wrap:wrap;gap:18px;margin-top:36px;font-size:.74rem;color:#9eb0ca}
.hero-visual{position:relative;height:500px;display:flex;align-items:center}
.suite-visual{justify-content:center}
.suite-core{position:relative;z-index:5;display:flex;width:154px;height:154px;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(255,255,255,.2);border-radius:40px;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.06));box-shadow:0 30px 70px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
.suite-core img{width:54px;height:54px;margin-bottom:10px;border-radius:14px}.suite-core strong{font-family:"Manrope";font-size:1rem}.suite-core small{color:#8fa6c3;font-size:.52rem;letter-spacing:.08em;text-transform:uppercase}
.suite-product{position:absolute;z-index:6;display:flex;min-width:205px;align-items:center;gap:12px;padding:15px;border:1px solid rgba(255,255,255,.16);border-radius:15px;color:var(--ink);background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.3);transition:.25s}.suite-product:hover{transform:translateY(-4px)}.suite-product>span{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,#0969f5,#1fd1dd);font-weight:800}.suite-product b,.suite-product small{display:block}.suite-product b{font-family:"Manrope";font-size:.85rem}.suite-product small{color:var(--muted);font-size:.65rem}.suite-product em{margin-left:auto;color:var(--blue);font-style:normal}.suite-field{left:4px;top:55px}.suite-opti{right:-15px;top:120px}.suite-opti>span{background:linear-gradient(145deg,#16a36a,#1fd1dd)}.suite-erp{left:20px;bottom:45px}.suite-erp>span{background:linear-gradient(145deg,#0877aa,#28b8ed)}
.suite-connectors{position:absolute;z-index:1;inset:0}.suite-connectors i{position:absolute;left:50%;top:50%;width:210px;border-top:1px dashed rgba(31,209,221,.45);transform-origin:left}.suite-connectors i:nth-child(1){transform:rotate(-145deg)}.suite-connectors i:nth-child(2){transform:rotate(-25deg)}.suite-connectors i:nth-child(3){transform:rotate(145deg)}.suite-status{position:absolute;z-index:6;right:8px;bottom:42px;padding:9px 13px;border:1px solid rgba(255,255,255,.13);border-radius:30px;color:#9fb1ca;background:rgba(5,17,38,.7);font-size:.62rem}.suite-status i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(31,209,221,.12)}
.company-visual{justify-content:center}.studio-panel{position:relative;z-index:4;width:92%;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 35px 90px rgba(0,0,0,.38);color:var(--ink);transform:rotate(2deg)}.studio-head{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line)}.studio-head>span{display:flex;align-items:center;gap:10px;font-weight:800}.studio-head img{width:28px;height:28px;border-radius:8px}.studio-head>i{padding:6px 10px;border-radius:20px;color:#087d56;background:#dcfff0;font-size:.6rem;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.studio-body{padding:32px}.studio-body>small{color:var(--blue);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.studio-body h2{max-width:430px;margin:12px 0 28px;font-size:2rem}.studio-progress{height:8px;overflow:hidden;border-radius:8px;background:#e8edf4}.studio-progress i{display:block;width:70%;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.studio-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:22px}.studio-stages span{padding:13px 9px;border:1px solid var(--line);border-radius:10px;color:#8a97aa;font-size:.62rem}.studio-stages b{display:block;margin-bottom:5px;color:#9aa7b9}.studio-stages .done{color:#3f4c61;background:#f7f9fc}.studio-stages .done b{color:#16a36a}.studio-stages .active{color:var(--blue);border-color:#bceaff;background:#eef9ff}.studio-stages .active b{color:var(--blue)}.studio-badge{position:absolute;z-index:6;display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.26);color:var(--ink)}.studio-badge>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:var(--blue);background:#eef9ff}.studio-badge small,.studio-badge b{display:block;font-size:.68rem}.studio-badge small{color:var(--muted)}.badge-code{left:-24px;top:70px}.badge-data{right:-20px;bottom:55px}.badge-data>span{color:#087d56;background:#dcfff0}
.dashboard-card{position:relative;z-index:2;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:#f8faff;color:var(--ink);box-shadow:0 45px 100px rgba(0,0,0,.42);transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}
.dash-top{height:54px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e8edf4}
.mini-brand{display:flex;align-items:center;gap:7px;font-weight:800;font-size:.75rem}.mini-brand>img{width:23px;height:23px;border-radius:6px}
.avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#dcd7ff;color:var(--violet);font-size:.6rem;font-weight:800}
.dash-body{display:flex;min-height:360px}.dash-sidebar{width:62px;background:#0a1a37;padding:24px 19px;display:flex;flex-direction:column;gap:24px}.dash-sidebar i{height:19px;border:2px solid #7890af;border-radius:5px}.dash-sidebar i:nth-child(2){border-color:var(--cyan)}
.dash-content{flex:1;padding:25px}.dash-head{display:flex;justify-content:space-between}.dash-head small,.dash-head b{display:block}.dash-head small{color:#8b97aa}.dash-head button{align-self:center;border:0;border-radius:7px;background:var(--violet);color:#fff;font-size:.62rem;padding:8px 12px}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:20px 0}.metric-row>div{background:#fff;border:1px solid #edf0f6;border-radius:10px;padding:12px}.metric-row small,.metric-row b,.metric-row em{display:block}.metric-row small{font-size:.58rem;color:#8b97aa}.metric-row b{font-size:1.2rem}.metric-row em{color:#1ab982;font-size:.55rem;font-style:normal}
.chart-card{padding:15px;background:#fff;border-radius:10px;border:1px solid #edf0f6}.chart-card>div{display:flex;justify-content:space-between;font-size:.6rem}.chart-card svg{display:block;width:100%;height:145px}
.flow-ring{position:absolute;border:1px solid rgba(31,209,221,.18);border-radius:50%}.ring-one{width:620px;height:620px;left:-40px}.ring-two{width:450px;height:450px;left:40px;border-color:rgba(9,105,245,.28)}
.float-card{position:absolute;z-index:4;display:flex;gap:10px;align-items:center;padding:12px 16px;background:#fff;color:var(--ink);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.3);animation:float 4s ease-in-out infinite}.float-card>span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#d9f2ff;color:var(--blue)}.float-card small,.float-card b{display:block;font-size:.7rem}.float-card small{color:var(--muted)}.float-a{right:-25px;top:75px}.float-b{left:-30px;bottom:50px;animation-delay:-2s}.float-b>span{background:#d9fff0;color:#0ea66e}
@keyframes float{50%{transform:translateY(-9px)}}
.client-strip{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:70px;padding-top:27px;border-top:1px solid rgba(255,255,255,.1);font-size:.7rem;color:#7790b1}.client-strip span{font-size:.6rem;max-width:130px}.client-strip b{letter-spacing:.06em}
.intro-section{padding-bottom:60px}.intro-grid{display:grid;grid-template-columns:.55fr 2fr 1fr;gap:60px;align-items:start}.intro-grid h2 em{font-style:normal;color:#8e9aae}.intro-grid p{font-size:1.05rem}.text-link{font-weight:700;color:var(--violet)}.text-link span{margin-left:8px}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-heading>div{max-width:720px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:350px}
.solutions-section{background:linear-gradient(#fff 0,#f5f7fb 100%)}
.expertise-section{background:linear-gradient(180deg,#fff,#f4f8fc)}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.expertise-card{position:relative;padding:30px 25px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(7,20,45,.04);transition:.3s}.expertise-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#bceaff}.expertise-card>span{color:#9aa7b9;font-size:.65rem;font-weight:800}.expertise-icon{display:grid;width:48px;height:48px;margin:28px 0 22px;place-items:center;border-radius:14px;color:var(--blue);background:#eef9ff;font-size:1.3rem}.expertise-card h3{font-size:1.15rem}.expertise-card p{margin:0;font-size:.88rem}.expertise-link{display:inline-flex;margin-top:30px}
.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.solution-card{position:relative;padding:31px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:.3s}.solution-card:after{content:"";position:absolute;inset:auto -20% -55% 25%;height:220px;border-radius:50%;filter:blur(30px);opacity:.13}.solution-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.solution-card h3{font-size:1.8rem;margin:24px 0 12px}.solution-card p{min-height:78px}.solution-card ul{list-style:none;padding:20px 0;margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.solution-card li{padding:5px 0;font-size:.88rem}.solution-card li:before{content:"✓";color:var(--violet);margin-right:9px}.solution-card>a{font-weight:700}.card-top{display:flex;justify-content:space-between;align-items:center}.solution-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#d9f2ff;color:var(--blue);font-weight:800}.tag{padding:5px 10px;border-radius:20px;background:var(--soft);font-size:.63rem;font-weight:800;letter-spacing:.1em}.fieldflow:after{background:var(--cyan)}.optiflow:after{background:var(--green)}.erpflow:after{background:var(--blue)}.optiflow .solution-icon{background:#dcfff0;color:#09a36b}.erpflow .solution-icon{background:#eef9ff;color:#0877aa}
.alfresco-home,.alfresco-detail{color:#fff;background:radial-gradient(circle at 20% 20%,#123e72,#07142d 60%)}.alfresco-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.alfresco-home h2{font-size:clamp(2.4rem,4vw,4rem)}.alfresco-home p,.alfresco-detail p{color:#adbed5}.alfresco-visual{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center}.doc-stack{width:65%}.doc-stack>div{position:relative;display:flex;align-items:center;gap:12px;margin:-6px 0;padding:20px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.09);backdrop-filter:blur(10px);font-weight:800}.doc-stack>div:nth-child(1){transform:translateX(-25px) rotate(-3deg)}.doc-stack>div:nth-child(3){transform:translateX(25px) rotate(3deg)}.doc-stack span{font-weight:500;font-size:.75rem}.doc-stack i{margin-left:auto;color:var(--green);font-size:.65rem}.alfresco-core{position:absolute;right:0;display:flex;flex-direction:column;align-items:center}.alfresco-core b{display:grid;place-items:center;width:90px;height:90px;border-radius:25px;background:linear-gradient(135deg,#0969f5,#1fd1dd);font-size:2rem}.alfresco-core span{font-size:.65rem;letter-spacing:.15em;margin-top:8px}.connector-line{position:absolute;width:34%;right:60px;border-top:2px dashed rgba(31,209,221,.45)}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.check-grid span{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:55px 0 70px}.proof-grid>div{padding:28px;border-right:1px solid var(--line)}.proof-grid>div:last-child{border:0}.proof-grid strong{color:#a0aaba;font-size:.7rem}.proof-grid span{display:grid;place-items:center;width:50px;height:50px;margin:35px 0 25px;border-radius:50%;background:var(--soft);color:var(--violet);font-size:1.3rem}.proof-grid p{font-size:.9rem}
.testimonial{max-width:850px;margin:0 auto;text-align:center}.testimonial>p{font-family:"Manrope";font-size:clamp(1.4rem,2.5vw,2.1rem);line-height:1.45;color:var(--ink)}.testimonial footer{display:flex;justify-content:center;gap:13px;align-items:center}.testimonial footer>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--deep);color:#fff}.testimonial footer b,.testimonial footer small{display:block;text-align:left}.testimonial footer small{color:var(--muted)}
.cta-panel{text-align:center;padding:75px;border-radius:30px;color:#fff;background:linear-gradient(125deg,#07142d,#0969f5 70%,#1aaebd);box-shadow:var(--shadow)}.cta-panel h2{max-width:780px;margin:0 auto 20px}.cta-panel p{color:#d8def0}.cta-panel .btn{margin-top:15px}
.site-footer{padding:70px 0 30px;background:#07142d;color:#fff}.brand-footer>img{width:200px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer-grid h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#6e84a3}.footer-grid a{display:block;margin:9px 0;color:#b8c4d7;font-size:.88rem}.footer-grid p{max-width:250px;color:#778aa6}.footer-bottom{display:flex;justify-content:space-between;margin-top:60px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:.72rem;color:#70839e}
.page-hero,.product-hero{padding:170px 0 105px;color:#fff;background:radial-gradient(circle at 75% 25%,#124b85,#07142d 60%)}.page-hero h1{font-size:clamp(3.2rem,5vw,5.4rem)}.page-hero .lead,.product-hero .lead{color:#bdcbe0}.catalog-list{display:flex;flex-direction:column}.catalog-item{display:grid;grid-template-columns:100px 1.2fr 1fr auto;gap:35px;align-items:center;padding:42px 0;border-bottom:1px solid var(--line)}.catalog-index{display:grid;place-items:center;width:70px;height:70px;border-radius:18px;background:var(--deep);color:#fff;font-weight:800}.catalog-item h2{font-size:2rem;margin:8px 0}.catalog-item p{margin:0}.catalog-item ul{list-style:none;padding:0;font-size:.85rem}.catalog-item li{margin:7px 0}
.product-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.product-hero h1{font-size:clamp(3rem,5vw,5.2rem);margin:18px 0 25px}.back-link{display:block;margin-bottom:28px;color:#91a6c3;font-size:.8rem}.product-visual{position:relative}.app-window{overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:#f7f9fd;box-shadow:0 35px 80px rgba(0,0,0,.35);transform:rotate(2deg)}.window-top{display:flex;align-items:center;gap:5px;height:38px;padding:0 14px;background:#fff;border-bottom:1px solid var(--line)}.window-top i{width:7px;height:7px;background:#d5dce7;border-radius:50%}.window-top span{margin:auto;font-size:.55rem;color:#9ba7b9}.app-layout{display:flex;min-height:320px}.app-layout aside{width:65px;padding:18px 15px;background:#0b1c39;display:flex;flex-direction:column;gap:20px}.app-layout aside b{display:grid;place-items:center;height:32px;border-radius:7px;background:var(--violet);font-size:.6rem}.app-layout aside i{height:19px;border:2px solid #7185a3;border-radius:5px}.app-main{flex:1;padding:25px}.app-title{display:flex;justify-content:space-between}.app-title span{width:40%;height:18px;border-radius:6px;background:#dbe1ea}.app-title button{width:70px;border:0;border-radius:6px;background:var(--violet)}.app-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.app-stats i{height:65px;border-radius:9px;background:#fff;box-shadow:0 5px 20px rgba(9,22,46,.07)}.app-chart{display:flex;align-items:flex-end;justify-content:space-around;height:130px;padding:15px;background:#fff;border-radius:10px}.app-chart span{width:8%;height:50%;border-radius:5px;background:#d9f2ff}.app-chart span:nth-child(2){height:75%}.app-chart span:nth-child(3){height:38%}.app-chart span:nth-child(4){height:90%;background:var(--violet)}.app-chart span:nth-child(5){height:65%}.app-chart span:nth-child(6){height:82%}.floating-badge{position:absolute;padding:10px 14px;border-radius:10px;background:#fff;color:var(--ink);font-size:.7rem;font-weight:700;box-shadow:var(--shadow)}.badge-top{right:-20px;top:45px}.badge-bottom{left:-20px;bottom:35px;color:#079565}
.product-green{background:radial-gradient(circle at 70% 30%,#12616a,#071e38 58%)}.product-violet{background:radial-gradient(circle at 70% 30%,#124b85,#07142d 58%)}.section-intro{font-size:1.25rem}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.sticky-copy{position:sticky;top:120px;align-self:start}.sticky-copy p{font-size:1.08rem}.feature-list>div{display:grid;grid-template-columns:55px 1fr;padding:24px 0;border-bottom:1px solid var(--line)}.feature-list span{color:var(--violet);font-size:.75rem;font-weight:800}.feature-list h3{font-size:1.15rem;margin:0}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefit-card{padding:35px;border:1px solid var(--line);border-radius:20px}.benefit-card strong{font-family:"Manrope";font-size:2.7rem;color:var(--violet)}.benefit-card h3{margin:20px 0 8px}.deployment-section{color:#fff;background:#081a38}.deployment-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:70px;align-items:center}.deployment-grid p{color:#afbdd2;font-size:1.1rem}.deploy-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.deploy-options span{padding:10px 15px;border:1px solid rgba(255,255,255,.17);border-radius:25px;font-size:.8rem}.audience-card{padding:35px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.audience-card small{text-transform:uppercase;color:var(--cyan);letter-spacing:.12em}.audience-card p{color:#fff;font-size:1.2rem;margin:15px 0 0}
.service-hero{padding-bottom:120px}.service-map{display:flex;flex-direction:column;align-items:center;gap:20px}.service-map>span{padding:14px 22px;border:1px solid rgba(255,255,255,.2);border-radius:30px;font-size:.75rem;letter-spacing:.12em}.service-map>i{height:40px;border-left:1px dashed var(--cyan)}.service-map>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-map b{display:grid;place-items:center;width:90px;height:70px;border-radius:15px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);color:var(--cyan)}
.service-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-cards article{padding:38px;border:1px solid var(--line);border-radius:20px}.service-cards span{color:var(--violet);font-weight:800;font-size:.75rem}.service-cards h3{font-size:1.35rem;margin:18px 0 8px}.alfresco-detail .split{align-items:start}.alfresco-features article{display:flex;gap:20px;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.13)}.alfresco-features article>span{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:12px;background:rgba(32,207,219,.12);color:var(--cyan);font-size:1.3rem}.alfresco-features h3{margin:0 0 5px}.alfresco-features p{margin:0}.process-line{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px}.process-line>div{position:relative;padding:30px}.process-line>div:before{content:"";position:absolute;left:60px;right:0;top:50px;border-top:1px solid var(--line)}.process-line b{position:relative;z-index:1;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--violet);color:#fff}.process-line h3{margin-top:22px}
.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end}.about-grid h1{margin:0}.about-grid p:last-child{color:#8fa2be}.values-section{padding:70px 0}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.value-grid>div{padding:35px;border-left:1px solid var(--line)}.value-grid strong{color:var(--violet);font-size:.75rem}.value-grid h3{font-size:1.4rem;margin:15px 0 7px}.contact-section{color:#fff;background:#07142d}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.contact-copy{position:sticky;top:120px}.contact-copy p{color:#aebdd2}.contact-points{margin-top:40px}.contact-points span{display:block;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12)}.contact-points b{color:var(--cyan);margin-right:10px}.form-card{padding:38px;border-radius:24px;background:#fff;color:var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-card label{display:block;margin-bottom:17px;font-size:.78rem;font-weight:700}.form-card input,.form-card select,.form-card textarea{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #d9e0eb;border-radius:9px;background:#f9fbfd;color:var(--ink);outline:none}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(9,105,245,.12)}.consent{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important}.consent input{width:auto;margin:4px 0 0}.submit-btn{width:100%;border:0}.privacy-note{display:block;text-align:center;color:var(--muted);margin-top:10px}.honey{position:absolute;left:-9999px}.form-alert{padding:13px 15px;margin-bottom:20px;border-radius:9px;font-size:.85rem}.form-alert.success{background:#dcfff0;color:#087d56}.form-alert.error{background:#ffebeb;color:#a51d1d}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.float-card{animation:none}}
@media (max-width:980px){
    .site-header{height:70px}.nav-toggle{display:block}.main-nav{position:fixed;inset:70px 20px auto;display:none;flex-direction:column;align-items:stretch;gap:3px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav>a,.nav-dropdown>button{text-align:left;padding:11px}.dropdown-menu{position:static;width:auto;margin-top:5px;display:none;opacity:1;visibility:visible;transform:none}.nav-dropdown>button[aria-expanded="true"]+.dropdown-menu{display:block;transform:none}
    .hero{padding-top:135px}.hero-grid,.product-hero-grid,.alfresco-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-visual{height:450px;max-width:650px;width:100%;margin-inline:auto}.intro-grid{grid-template-columns:1fr;gap:20px}.solution-grid{grid-template-columns:1fr 1fr}.solution-card:last-child{grid-column:1/-1}.proof-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.catalog-item{grid-template-columns:80px 1fr}.catalog-item ul,.catalog-item .btn{grid-column:2}.split{gap:50px}.contact-copy,.sticky-copy{position:static}.contact-grid{gap:50px}
}
@media (max-width:680px){
    .container{width:min(calc(100% - 28px),var(--container))}.section{padding:75px 0}h1{font-size:3.2rem}.hero{min-height:auto;padding-bottom:50px}.hero-grid{gap:25px}.hero-visual{height:390px}.suite-core{width:120px;height:120px;border-radius:30px}.suite-core img{width:42px;height:42px}.suite-product{min-width:155px;padding:11px}.suite-product>span{width:34px;height:34px}.suite-product small{display:none}.suite-field{left:0;top:35px}.suite-opti{right:0;top:115px}.suite-erp{left:5px;bottom:35px}.suite-status{right:0;bottom:10px}.suite-connectors i{width:145px}.dashboard-card{transform:none}.dash-body{min-height:270px}.dash-sidebar{width:42px;padding:17px 12px}.dash-content{padding:14px}.dash-head button{display:none}.metric-row>div:nth-child(3){display:none}.metric-row{grid-template-columns:1fr 1fr}.chart-card svg{height:100px}.float-a{right:0}.float-b{left:0}.client-strip{display:grid;grid-template-columns:1fr 1fr;margin-top:30px}.client-strip span{grid-column:1/-1}.section-heading{display:block}.section-heading>p{max-width:none}.solution-grid{grid-template-columns:1fr}.solution-card:last-child{grid-column:auto}.solution-card p{min-height:auto}.alfresco-grid{gap:30px}.alfresco-visual{min-height:320px}.doc-stack{width:85%}.alfresco-core{right:-4px}.check-grid{grid-template-columns:1fr}.proof-grid,.benefit-grid,.value-grid,.service-cards,.process-line,.deployment-grid{grid-template-columns:1fr}.proof-grid>div{border-right:0;border-bottom:1px solid var(--line)}.cta-panel{padding:50px 22px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin:7px 0}.catalog-item{grid-template-columns:1fr;gap:18px}.catalog-item ul,.catalog-item .btn{grid-column:auto}.product-hero,.page-hero{padding:135px 0 75px}.product-hero-grid{gap:50px}.floating-badge{display:none}.split{grid-template-columns:1fr}.process-line>div:before{display:none}.form-row{grid-template-columns:1fr}.form-card{padding:25px}.contact-section{padding-top:80px}.client-strip b{font-size:.65rem}
}
@media (max-width:980px){.expertise-grid{grid-template-columns:1fr 1fr}.company-visual{height:470px}}
@media (max-width:680px){.expertise-grid{grid-template-columns:1fr}.company-visual{height:390px}.studio-panel{width:100%;transform:none}.studio-head{height:50px;padding:0 14px}.studio-body{padding:22px 16px}.studio-body h2{margin-bottom:20px;font-size:1.45rem}.studio-stages{grid-template-columns:1fr 1fr}.studio-stages span{padding:8px}.badge-code{left:-5px;top:52px}.badge-data{right:-5px;bottom:18px}.studio-badge{padding:9px 11px}.studio-badge>span{width:28px;height:28px}}
@media (max-width:1100px) and (min-width:981px){.hero{padding-top:130px}.hero-grid{grid-template-columns:1fr;gap:25px}.hero-copy{max-width:760px}.hero-visual{width:100%;max-width:720px;height:430px;margin-inline:auto}.hero{min-height:auto}.client-strip{margin-top:35px}.expertise-grid{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.hero{padding-top:112px}.hero-grid{gap:12px}.hero h1{font-size:clamp(2.25rem,11vw,2.85rem)}.hero .lead{font-size:1rem}.button-row{margin-top:24px}.trust-line{margin-top:24px;gap:10px}.company-visual{height:340px}.flow-ring{display:none}.studio-panel{margin-top:8px}.studio-body{padding:18px 14px}.studio-body h2{font-size:1.25rem;margin:8px 0 15px}.studio-progress{height:6px}.studio-stages{margin-top:14px;gap:6px}.studio-stages span{font-size:.56rem}.studio-badge small{display:none}.client-strip{margin-top:10px;padding-top:18px;gap:12px}.client-strip b{font-size:.6rem}.intro-section{padding-top:65px}}
.solutions-showcase{position:relative;overflow:hidden;background:linear-gradient(160deg,#f4f9ff,#fff 52%,#f0fbfc)}.solutions-showcase:before{content:"";position:absolute;right:-180px;top:-220px;width:520px;height:520px;border:1px solid rgba(9,105,245,.1);border-radius:50%;box-shadow:0 0 0 70px rgba(31,209,221,.025),0 0 0 140px rgba(9,105,245,.018)}.solutions-showcase .container{position:relative}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-card{position:relative;display:flex;min-height:445px;flex-direction:column;padding:30px;border:1px solid #dce6f0;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 14px 40px rgba(7,20,45,.06);transition:transform .3s,box-shadow .3s,border-color .3s}.portfolio-card:hover{transform:translateY(-7px);border-color:#a9e8f2;box-shadow:0 25px 60px rgba(7,20,45,.12)}.portfolio-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.portfolio-top small{color:#75839a;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-align:right;text-transform:uppercase}.portfolio-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#0969f5,#1fd1dd);font:800 1.3rem "Manrope"}.portfolio-card h3{margin:28px 0 12px;font-size:1.55rem}.portfolio-card p{font-size:.91rem}.portfolio-card ul{display:grid;gap:9px;margin:8px 0 28px;padding:0;list-style:none;color:#53637a;font-size:.8rem}.portfolio-card li:before{content:"✓";margin-right:9px;color:#0ba58a;font-weight:800}.portfolio-card>a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid #e5ebf2;color:#0969f5;font-size:.83rem;font-weight:800}.portfolio-erp .portfolio-icon{background:linear-gradient(145deg,#5546e8,#0969f5)}.portfolio-ged .portfolio-icon{background:linear-gradient(145deg,#07142d,#167a9d)}
@media(max-width:980px){.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-card:last-child{grid-column:1/-1;min-height:390px}}
@media(max-width:680px){.portfolio-grid{grid-template-columns:1fr}.portfolio-card,.portfolio-card:last-child{grid-column:auto;min-height:0;padding:24px}.portfolio-card h3{margin-top:22px}.solutions-showcase .section-heading{margin-bottom:30px}}
.scroll-progress{position:fixed;z-index:1000;inset:0 0 auto;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 14px rgba(31,209,221,.6);pointer-events:none}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(26px);transition-delay:var(--reveal-delay,0ms)}.js .reveal.visible{opacity:1;transform:none}
.motion-glow{position:absolute!important;z-index:0;inset:0!important;width:auto!important;height:auto!important;margin:0!important;border:0!important;border-radius:inherit!important;background:radial-gradient(240px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(31,209,221,.16),transparent 68%)!important;opacity:0;pointer-events:none;transition:opacity .25s!important}.portfolio-card:hover>.motion-glow,.expertise-card:hover>.motion-glow,.service-cards article:hover>.motion-glow,.benefit-card:hover>.motion-glow,.value-grid>div:hover>.motion-glow{opacity:1}.portfolio-card>*,.expertise-card>*,.service-cards article>*,.benefit-card>*,.value-grid>div>*{position:relative;z-index:1}.studio-panel{transition:transform .25s ease,box-shadow .3s ease}.company-visual:hover .studio-panel{box-shadow:0 42px 100px rgba(0,0,0,.45)}.js .studio-progress i{transform:scaleX(0);transform-origin:left;transition:transform 1.2s .45s cubic-bezier(.2,.8,.2,1)}.js .hero-visual.visible .studio-progress i{transform:scaleX(1)}.js .studio-stages span{opacity:0;transform:translateY(8px);transition:.45s}.js .hero-visual.visible .studio-stages span{opacity:1;transform:none}.js .hero-visual.visible .studio-stages span:nth-child(1){transition-delay:.5s}.js .hero-visual.visible .studio-stages span:nth-child(2){transition-delay:.62s}.js .hero-visual.visible .studio-stages span:nth-child(3){transition-delay:.74s}.js .hero-visual.visible .studio-stages span:nth-child(4){transition-delay:.86s}
@media(prefers-reduced-motion:reduce){.scroll-progress{display:none}.motion-glow{display:none}.js .studio-progress i{transform:none}.js .studio-stages span{opacity:1;transform:none}.studio-panel{transition:none}}
.btn{white-space:nowrap}
@media(max-width:1120px){
    .site-header{height:70px}
    .nav-toggle{display:block}
    .main-nav{position:fixed;inset:70px 20px auto;display:none;flex-direction:column;align-items:stretch;gap:3px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
    .main-nav.open{display:flex}
    .main-nav>a,.nav-dropdown>button{text-align:left;padding:11px}
    .main-nav .btn{justify-content:space-between}
}
.main-nav .btn-primary{color:#fff;background:linear-gradient(135deg,#0969f5,#28b8ed);box-shadow:0 12px 28px rgba(9,105,245,.28)}
.js .hero .hero-copy.reveal,.js .hero .hero-visual.reveal{opacity:1;transform:none}
