/* SOFTWARE SITE — Premium visual layer. Original layout remains in styles.css */
:root{--bg:#050e14;--panel:#101e28;--panel2:#0b1921;--line:rgba(174,229,221,.13);--text:#f5faf9;--muted:#a5bac1;--mint:#b7f17e;--cyan:#65ded0;--max:1390px}
html{scroll-padding-top:72px}body{font-family:'DM Sans',system-ui,sans-serif;background:#050e14}h1,h2,h3,h4,.menu-inner>a span,.stat>strong,.stat-statement{font-family:'Space Grotesk',sans-serif}h1,h2,h3{font-feature-settings:'ss01' on}a:focus-visible,button:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.grain{opacity:.035}
.site-header{height:102px;padding-inline:5.5vw}.brand{width:148px;height:auto;padding:0;background:transparent;border-radius:0;box-shadow:none}.brand img{width:100%;height:auto;display:block;filter:drop-shadow(.5px 0 1px rgba(255,255,255,.7)) drop-shadow(-.5px 0 1px rgba(255,255,255,.7)) drop-shadow(0 .5px 1px rgba(255,255,255,.7)) drop-shadow(0 -.5px 1px rgba(255,255,255,.7));-webkit-filter:drop-shadow(.5px 0 1px rgba(255,255,255,.7)) drop-shadow(-.5px 0 1px rgba(255,255,255,.7)) drop-shadow(0 .5px 1px rgba(255,255,255,.7)) drop-shadow(0 -.5px 1px rgba(255,255,255,.7))}.header-caption{font-weight:600;color:#c0d1d2}.menu-toggle{width:114px;height:48px;gap:14px;background:rgba(16,32,42,.72);border:1px solid #b0d7d32f;backdrop-filter:blur(18px);transition:background .25s,border-color .25s}.menu-toggle:hover{background:#1b3941;border-color:#a6e8da7c}.menu-word{font-weight:700}.menu-lines{display:flex;flex-direction:column;gap:5px}.menu-lines i{display:block;width:17px;height:1.5px;background:#b7f17e;transition:transform .3s}.menu-open .menu-lines i:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-open .menu-lines i:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.section{isolation:isolate}.hero{background:radial-gradient(ellipse at 75% 47%,#163d44 0%,#0b202a 32%,#050e14 75%)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,#050e14aa 0%,transparent 75%);pointer-events:none}.hero-grid{position:absolute;inset:0;opacity:.17;mask-image:linear-gradient(90deg,transparent 0%,black 55%,transparent 100%);background-image:linear-gradient(#83c5c51a 1px,transparent 1px),linear-gradient(90deg,#83c5c51a 1px,transparent 1px);background-size:68px 68px;transform:perspective(500px) rotateX(25deg) scale(1.2);pointer-events:none}.hero-glow{opacity:.16;animation:glowDrift 12s ease-in-out infinite alternate}.hero-copy{max-width:900px}.hero h1{font-weight:600;letter-spacing:-.075em;font-size:clamp(62px,7.1vw,118px);line-height:.99;text-wrap:balance}.hero h1 em,.contact h2 em{background:linear-gradient(110deg,#c5ff8d,#72e8d5);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-desc{font-size:clamp(17px,1.5vw,21px);color:#c0d0d0;max-width:515px}.eyebrow{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.22em}.button{border-radius:9px;min-height:60px;font-weight:700;box-shadow:0 12px 40px #0002}.button.primary{background:linear-gradient(105deg,#c1f88b,#95eab7);transition:transform .35s,box-shadow .35s,filter .35s}.button.primary:hover{filter:brightness(1.08);transform:translateY(-4px);box-shadow:0 14px 45px #a6e8a32c}.text-link{transition:color .25s,border-color .25s}.text-link:hover{color:var(--mint);border-color:var(--mint)}.hero-art{filter:drop-shadow(0 0 45px #4bc7ad15);animation:artFloat 9s ease-in-out infinite}.orbit-one{animation:orbitPulse 6s ease-in-out infinite}.orbit-three{animation:orbitPulse 7s ease-in-out infinite reverse}.float-card{border-radius:13px;box-shadow:0 20px 70px #0006;backdrop-filter:blur(20px)}.hero-bottom{font-family:'Space Grotesk',sans-serif}
.quality{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(180px,.6fr);align-items:center;gap:8%;background:linear-gradient(120deg,#0c2028,#102b32)}.quality-content{max-width:820px}.quality .eyebrow{margin-bottom:20px}.quality h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(32px,4.2vw,58px);letter-spacing:-.06em;line-height:1.1;margin:0 0 24px}.quality h2 span{color:var(--mint)}.quality-content>p:not(.eyebrow){max-width:760px;color:#c0d0d0;font-size:16px;line-height:1.85;margin:0 0 14px}.quality-mark{justify-self:center;width:180px;height:180px;border:1px solid rgba(183,241,126,.36);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 45px rgba(101,222,208,.08),0 0 65px rgba(101,222,208,.08);color:var(--mint)}.quality-mark span{font-size:13px;letter-spacing:.25em}.quality-mark strong{font-family:'Space Grotesk',sans-serif;font-size:90px;font-weight:500;line-height:1}
.cloud-art-image{display:block;width:100%;height:220px;margin:20px 0;object-fit:contain}
.analytics-art-image{display:block;width:100%;height:220px;margin:20px 0;object-fit:contain}
.section-heading h2,.industries h2{font-weight:600;letter-spacing:-.065em;text-wrap:balance}.muted{color:#8fa8ae}.stats{background:linear-gradient(165deg,#0c2028,#08151d)}.stat{border-radius:16px;background:linear-gradient(140deg,#15313a,#0b1d26);transition:transform .35s,border-color .35s}.stat:hover{transform:translateY(-5px);border-color:#b7f17e55}.stat.wide{background:linear-gradient(110deg,#1b4448,#112831)}.services{background:linear-gradient(180deg,#07141b,#0b1c24)}.service-grid{gap:18px}.service-card{border-radius:20px;padding:32px;background:linear-gradient(145deg,#132c34,#0b1c24);transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}.service-card:hover{transform:translateY(-9px);box-shadow:0 25px 65px #0005;border-color:#a4e5bc66}.service-card.featured{background:radial-gradient(circle at 75% 22%,#255a53,#102c33 55%,#0e222a)}.service-card h3{font-weight:600}.code-visual{border-radius:15px;box-shadow:0 24px 70px #0006}.products{background:#0c1e27}.product-row{border-radius:8px;transition:background .3s,padding .3s,transform .3s}.product-row:hover{background:#19353b;transform:translateX(4px)}.industries{background:linear-gradient(115deg,#173c40,#102a33)}.industry-tags span{transition:background .3s,transform .3s,border-color .3s}.industry-tags span:hover{transform:translateY(-3px);background:#d3f7df12;border-color:#a9ebbe}.technology{background:#07151c}.tech-feature{border-radius:18px;background:linear-gradient(145deg,#1b4244,#10242d)}.tech-groups>div{transition:padding .3s,background .3s}.tech-groups>div:hover{padding-left:30px;background:#b4f5b408}.contact{background:radial-gradient(ellipse at 82% 50%,#225b51,#123138 45%,#081820 83%)}.contact-orb{animation:orbitPulse 8s ease-in-out infinite}.footer{background:#050e14}.footer-brand{background:transparent;padding:0;border-radius:0;box-shadow:none}.footer-brand img{width:100%;height:auto;display:block;filter:drop-shadow(.5px 0 1px rgba(255,255,255,.7)) drop-shadow(-.5px 0 1px rgba(255,255,255,.7)) drop-shadow(0 .5px 1px rgba(255,255,255,.7)) drop-shadow(0 -.5px 1px rgba(255,255,255,.7));-webkit-filter:drop-shadow(.5px 0 1px rgba(255,255,255,.7)) drop-shadow(-.5px 0 1px rgba(255,255,255,.7)) drop-shadow(0 .5px 1px rgba(255,255,255,.7)) drop-shadow(0 -.5px 1px rgba(255,255,255,.7))}
/* Every section reveals naturally as it enters the viewport. */
.js-motion .section:not(.hero) .section-heading,.js-motion .section:not(.hero) .story,.js-motion .section:not(.hero) .stat,.js-motion .section:not(.hero) .service-card,.js-motion .section:not(.hero) .product-row,.js-motion .section:not(.hero) .tech-feature,.js-motion .section:not(.hero) .tech-groups>div,.js-motion .industries>div,.js-motion .contact>h2,.js-motion .contact>.button{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.js-motion .section .in-view{opacity:1!important;transform:translateY(0)!important}.js-motion .service-card:nth-child(2),.js-motion .stat:nth-child(2){transition-delay:.1s}.js-motion .service-card:nth-child(3),.js-motion .stat:nth-child(3){transition-delay:.18s}.js-motion .service-card:nth-child(4){transition-delay:.24s}
.mobile-art .mobile-screenshot{width:auto;height:220px;max-width:100%;object-fit:contain}
.products .product-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px;border:0}
.products .product-row{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;min-height:230px;padding:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#132c34,#0b1c24);transition:transform .35s,border-color .35s,background .35s}
.products .product-row:hover{padding:16px;transform:translateY(-4px);border-color:#a4e5bc66;background:linear-gradient(145deg,#183941,#0d222a)}
.product-index{position:absolute;top:18px;right:18px;color:var(--mint);font-size:10px;letter-spacing:.15em}
.product-card-brand{height:64px;margin-bottom:12px;padding:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background:#f4f7f2}
.product-card-brand .product-logo{display:block;width:auto;height:auto;max-width:100%;max-height:48px;object-fit:contain}
.product-card-brand-erp span{color:#152f42;font-family:'Space Grotesk',sans-serif;font-size:36px;font-weight:700;letter-spacing:-.08em}
.product-card-brand-platforms{background:#07151b}
.product-card-info h3{margin:0 0 6px;font-size:20px;letter-spacing:-.04em}
.product-card-info p{margin:0;color:#a5bac1;font-size:12px;line-height:1.55}
.products .product-type{margin-top:9px;padding:0;color:#9bb6b6;font-size:8px;letter-spacing:.12em}
@keyframes glowDrift{to{transform:translate(-80px,35px) scale(1.2)}}@keyframes artFloat{50%{transform:translateY(-15px)}}@keyframes orbitPulse{50%{opacity:.45;transform:scale(1.035)}}
@media(max-width:1100px){.hero h1{font-size:clamp(55px,7vw,90px)}}
@media(max-width:700px){.site-header{height:88px}.hero{padding-top:155px}.hero h1{font-size:clamp(49px,11.8vw,75px);line-height:1.04}.hero-art{animation:none}.hero-grid{opacity:.1}.section{padding-top:86px;padding-bottom:86px}.quality{grid-template-columns:1fr;gap:32px}.quality-mark{width:140px;height:140px;justify-self:start}.products .product-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.products .product-row{min-height:210px;padding:14px}.products .product-row:hover{padding:14px}.product-index{top:14px;right:14px}.product-card-brand{height:58px;padding:7px;margin-bottom:10px}.product-card-brand .product-logo{max-height:44px}.products .product-type{font-size:8px;letter-spacing:.1em}.service-card{padding:25px;border-radius:15px}.stat{border-radius:12px}.hero-desc{font-size:17px}.contact h2{font-size:clamp(46px,10.7vw,70px)}.menu-toggle{width:99px}.footer-brand{width:145px}}
@media(max-width:480px){.products .product-list{grid-template-columns:1fr}.products .product-row{min-height:190px}}
@media(prefers-reduced-motion:reduce){.hero-art,.hero-glow,.orbit-one,.orbit-three,.contact-orb{animation:none!important}.js-motion .section:not(.hero) .section-heading,.js-motion .section:not(.hero) .story,.js-motion .section:not(.hero) .stat,.js-motion .section:not(.hero) .service-card,.js-motion .section:not(.hero) .product-row,.js-motion .section:not(.hero) .tech-feature,.js-motion .section:not(.hero) .tech-groups>div,.js-motion .industries>div,.js-motion .contact>h2,.js-motion .contact>.button{opacity:1;transform:none;transition:none}}
.product-row h3{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.product-logo{display:block;width:auto;object-fit:contain}.product-logo-htasist{height:36px;max-width:150px}.product-logo-repobox{height:36px;max-width:120px}.product-logo-fleetcloud{height:48px;max-width:110px}.product-logo-handicapp{height:42px;max-width:125px}
.tech-symbol{display:block;width:min(100%,520px);max-width:520px;height:auto;margin:0 0 32px}
.tech-extra-images{display:grid;gap:18px;margin-top:36px}.tech-extra-images img{display:block;width:100%;height:auto;border-radius:12px}