@font-face{font-family: 'Geist';font-style: normal;font-weight: 100 900;font-display: swap;src: url('../fonts/geist-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Geist';font-style: normal;font-weight: 100 900;font-display: swap;src: url('../fonts/geist-latin-ext.woff2') format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}:root{--black: #202020;--black-75: rgba(32,32,32,0.75);--black-40: rgba(32,32,32,0.40);--black-08: rgba(32,32,32,0.08);--blue-bg: #E0F5FF;--blue-pale: #F0FAFF;--accent: #0B3D91;--white: #ffffff}html{scroll-behavior: smooth}body{font-family: 'Geist',-apple-system,BlinkMacSystemFont,sans-serif;color: var(--black);background: #F6FBFF;-webkit-font-smoothing: antialiased;overflow-x: hidden}.px{padding-left: clamp(20px,5vw,72px);padding-right: clamp(20px,5vw,72px)}.wrap{max-width: 1200px;margin: 0 auto}.section{padding: 96px 0}.section-tag{display: inline-flex;align-items: center;gap: 5px;background: rgba(0,144,255,0.08);color: var(--accent);border: 1px solid rgba(0,144,255,0.18);padding: 4px 12px;border-radius: 9999px;font-size: 11px;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;margin-bottom: 18px}h2{font-size: clamp(30px,3.6vw,46px);font-weight: 650;letter-spacing: -0.035em;line-height: 98%;margin-bottom: 14px}.section-sub{font-size: 17px;line-height: 152%;color: var(--black-75);max-width: 480px}.app-icon{--ic: #3882F9;width: 44px;height: 44px;border-radius: 13px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;background: var(--ic);border: 1px solid rgba(255,255,255,0.28);box-shadow: inset 0 1px 1px rgba(255,255,255,0.55),inset 0 -3px 7px rgba(0,0,0,0.16),0 2px 4px rgba(16,42,90,0.10),0 5px 11px rgba(16,42,90,0.14)}.app-icon svg{width: 21px;height: 21px;display: block}.app-icon.sm{width: 38px;height: 38px;border-radius: 11px}.app-icon.sm svg{width: 18px;height: 18px}.app-icon.lg{width: 60px;height: 60px;border-radius: 17px}.app-icon.lg svg{width: 28px;height: 28px}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fu{animation: fadeUp 0.65s cubic-bezier(0.22,1,0.36,1) both}.fu1{animation-delay:.04s}.fu2{animation-delay:.11s}.fu3{animation-delay:.18s}.fu4{animation-delay:.25s}.fu5{animation-delay:.33s}.fu6{animation-delay:.42s}.reveal{--reveal-y: 32px;--reveal-scale: .985;--reveal-blur: 10px;--reveal-delay: 0ms;opacity: 0;transform: translate3d(0,var(--reveal-y),0) scale(var(--reveal-scale));filter: blur(var(--reveal-blur));transition: opacity .9s cubic-bezier(0.16,1,0.3,1),transform 1s cubic-bezier(0.16,1,0.3,1),filter .9s cubic-bezier(0.16,1,0.3,1);transition-delay: var(--reveal-delay);will-change: opacity,transform,filter;backface-visibility: hidden}.reveal[data-reveal="soft"]{--reveal-y: 18px;--reveal-scale: .995;--reveal-blur: 7px}.reveal[data-reveal="card"]{--reveal-y: 38px;--reveal-scale: .98;--reveal-blur: 12px}.reveal.in{opacity: 1;transform: translate3d(0,0,0) scale(1);filter: blur(0)}.reveal.in.done{will-change: auto}.reveal[data-delay="1"]{--reveal-delay: 70ms}.reveal[data-delay="2"]{--reveal-delay: 140ms}.reveal[data-delay="3"]{--reveal-delay: 210ms}.reveal[data-delay="4"]{--reveal-delay: 280ms}@supports (content-visibility: auto){.lazy-section{content-visibility: auto;contain-intrinsic-size: 1px 760px}}@media (prefers-reduced-motion: reduce){.reveal{opacity: 1;transform: none;filter: none;transition: none}}.cta-button-dark{display: inline-flex;align-items: center;gap: 8px;font-family: inherit;font-weight: 700;line-height: 140%;white-space: nowrap;border-radius: 9999px;cursor: pointer;text-decoration: none;border: none;outline: none;transition: all 0.28s cubic-bezier(0.64,-0.01,0,1);text-shadow: 0 -1.054px rgba(0,0,0,0.50);background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E"),linear-gradient(180deg,#515151 0%,#202020 100%);box-shadow: 37.95px 56.93px 27.41px rgba(1,65,99,0.01),21.08px 31.63px 23.19px rgba(1,65,99,0.05),9.49px 13.70px 16.87px rgba(1,65,99,0.09),2.11px 3.16px 9.49px rgba(1,65,99,0.10),inset 0 0 1.05px 3.16px #494949,inset 0 6.33px 5.27px rgba(0,0,0,0.55);color: #fff;padding: 14px 28px;font-size: 16px}.cta-button-dark:hover{box-shadow: 37.95px 56.93px 27.41px rgba(1,65,99,0.02),21.08px 31.63px 23.19px rgba(1,65,99,0.08),9.49px 13.70px 16.87px rgba(1,65,99,0.14),2.11px 3.16px 9.49px rgba(1,65,99,0.16),inset 0 0 1.05px 3.16px #555,inset 0 6.33px 5.27px rgba(0,0,0,0.45);transform: translateY(-1px)}.cta-button-dark:active{transform: scale(0.98)}.cta-button-light{display: inline-flex;align-items: center;gap: 8px;font-family: inherit;font-weight: 700;line-height: 140%;white-space: nowrap;border-radius: 9999px;cursor: pointer;text-decoration: none;outline: none;transition: all 0.28s cubic-bezier(0.64,-0.01,0,1);background: linear-gradient(rgba(1,65,99,0.05) 0%,rgba(1,65,99,0) 59.26%),linear-gradient(#fff,#fff),linear-gradient(rgba(240,250,255,0.6),rgba(240,250,255,0.6));box-shadow: 37.95px 56.93px 27.41px rgba(1,65,99,0.01),21.08px 31.63px 23.19px rgba(1,65,99,0.05),9.49px 13.70px 16.87px rgba(1,65,99,0.09),2.11px 3.16px 9.49px rgba(1,65,99,0.10);border: 2px solid rgba(255,255,255,0.9);padding: 14px 28px;font-size: 16px}.cta-button-light span{-webkit-text-fill-color: transparent;background: linear-gradient(180deg,#515151 0%,#202020 100%);-webkit-background-clip: text;background-clip: text}.cta-button-light:hover{box-shadow: 37.95px 56.93px 27.41px rgba(1,65,99,0.02),21.08px 31.63px 23.19px rgba(1,65,99,0.08),9.49px 13.70px 16.87px rgba(1,65,99,0.14),2.11px 3.16px 9.49px rgba(1,65,99,0.16);transform: translateY(-1px)}.cta-button-light:active{transform: scale(0.98)}.platform-feature-card{background: linear-gradient(rgba(1,65,99,0.06) 0%,rgba(1,65,99,0) 59.26%),linear-gradient(#fff 0% 100%),#fff;box-shadow: 20px 18px 7px rgba(1,65,99,0),2px 2px 2px rgba(1,65,99,0.03),1px 1px 2px rgba(1,65,99,0.02);border-radius: 16px;border: 1px solid rgba(1,65,99,0.08);padding: 28px;transition: all 0.3s cubic-bezier(0.64,-0.01,0,1)}.platform-feature-card:hover{box-shadow: 20px 18px 14px rgba(1,65,99,0.02),4px 4px 6px rgba(1,65,99,0.06),2px 2px 4px rgba(1,65,99,0.04);transform: translateY(-2px)}nav{position: fixed;top: 0;left: 0;right: 0;z-index: 50}.nav-inner{display: flex;align-items: center;justify-content: space-between;height: 72px;background: transparent;border-bottom: 1px solid transparent;transition: background 0.35s ease,border-color 0.35s ease,box-shadow 0.35s ease,backdrop-filter 0.35s ease}.nav-inner.scrolled{background: rgba(255,255,255,0.72);backdrop-filter: blur(20px) saturate(160%);-webkit-backdrop-filter: blur(20px) saturate(160%);border-bottom: 1px solid rgba(32,32,32,0.06);box-shadow: 0 1px 24px -12px rgba(1,65,99,0.25)}.nav-logo{font-size: 20px;font-weight: 800;letter-spacing: -0.05em;color: var(--black);text-decoration: none;display: flex;align-items: center;gap: 8px}.nav-logo-mark{width: 30px;height: 30px;background: radial-gradient(circle at 28% 20%,rgba(255,255,255,0.35),transparent 30%),linear-gradient(135deg,#3882F9 0%,#0B3D91 62%,#06265F 100%);border: 1px solid rgba(255,255,255,0.35);border-radius: 9px;display: flex;align-items: center;justify-content: center;box-shadow: inset 0 1px 1px rgba(255,255,255,0.48),inset 0 -3px 8px rgba(0,0,0,0.18),0 8px 18px -12px rgba(11,61,145,0.7)}.nav-links{display: flex;align-items: center;gap: 2px;list-style: none}.nav-links a{padding: 7px 14px;font-size: 15px;font-weight: 500;color: var(--black-75);text-decoration: none;border-radius: 8px;transition: color 0.2s}.nav-links a:hover{color: var(--black)}.nav-actions{display: flex;align-items: center;gap: 12px}.btn-login{font-family: inherit;font-size: 15px;font-weight: 600;color: var(--black-75);background: none;border: none;cursor: pointer;text-decoration: none;transition: color 0.2s}.btn-login:hover{color: var(--black)}.cta-button-dark.sm{padding: 9px 18px;font-size: 14px}.more-wrap{text-align: center;margin-top: 22px}.more-toggle{display: inline-flex;align-items: center;gap: 8px;cursor: pointer;background: linear-gradient(180deg,rgba(255,255,255,0.96),rgba(248,251,255,0.88));border: 1px solid rgba(11,61,145,0.11);border-radius: 99px;padding: 10px 18px;font-family: inherit;font-size: 13px;font-weight: 750;color: var(--black);box-shadow: 0 12px 26px -22px rgba(11,61,145,0.42),inset 0 1px 0 rgba(255,255,255,0.9);transition: all .25s}.more-toggle:hover{transform: translateY(-1px);border-color: rgba(56,130,249,0.22);box-shadow: 0 18px 32px -22px rgba(11,61,145,0.48),inset 0 1px 0 rgba(255,255,255,0.92)}.more-toggle svg{transition: transform .3s}.more-toggle.open svg{transform: rotate(180deg)}.more-panel{display: grid;grid-template-columns: repeat(4,1fr);gap: 14px;max-height: 0;opacity: 0;overflow: hidden;margin-top: 0;transition: max-height .5s cubic-bezier(0.4,0,0.2,1),opacity .4s,margin-top .4s}.more-panel.open{max-height: 760px;opacity: 1;margin-top: 24px}.more-card{background: rgba(255,255,255,0.78);border: 1px solid rgba(16,42,90,0.07);border-radius: 20px;padding: 20px;box-shadow: 0 14px 30px -26px rgba(16,42,90,0.24),inset 0 1px 0 rgba(255,255,255,0.76);transition: transform .3s cubic-bezier(0.64,-0.01,0,1),border-color .3s,box-shadow .3s}.more-card:hover{transform: translateY(-2px);border-color: rgba(56,130,249,0.16);box-shadow: 0 18px 34px -26px rgba(16,42,90,0.28)}.more-card .mc-ico{margin-bottom: 14px}.more-card .mc-ico svg{color: #fff}.more-card .mc-t{font-size: 14.5px;font-weight: 700;letter-spacing: -0.02em}.more-card .mc-d{font-size: 12.5px;line-height: 1.5;color: var(--black-75);margin-top: 6px}.check-icon{width: 20px;height: 20px;border-radius: 50%;background: rgba(59,91,219,0.22);border: 1px solid rgba(93,120,232,0.4);display: flex;align-items: center;justify-content: center;font-size: 10px;color: #93b4ff;font-weight: 800;flex-shrink: 0;margin-top: 1px}.demo-form{position: relative;overflow: hidden;background: radial-gradient(circle at 16% 0%,rgba(56,130,249,0.12),transparent 34%),linear-gradient(180deg,#fff 0%,#FBFDFF 100%) padding-box,linear-gradient(135deg,rgba(255,255,255,0.98),rgba(147,180,255,0.72) 34%,rgba(11,61,145,0.42) 68%,rgba(255,255,255,0.82)) border-box;border: 1px solid transparent;border-radius: 24px;padding: clamp(12px,1.4vw,18px);box-shadow: 0 40px 90px -42px rgba(0,0,0,0.70),0 24px 54px -38px rgba(56,130,249,0.42),0 0 0 1px rgba(255,255,255,0.10),inset 0 1px 0 rgba(255,255,255,0.96)}.demo-form::before{content: '';position: absolute;left: 18px;right: 18px;top: 0;height: 1px;background: linear-gradient(90deg,transparent,rgba(56,130,249,0.55),rgba(255,255,255,0.96),transparent);pointer-events: none}.demo-form::after{content: '';position: absolute;width: 180px;height: 180px;right: -70px;top: -74px;border-radius: 50%;background: radial-gradient(circle,rgba(56,130,249,0.18),transparent 68%);pointer-events: none}.demo-form-chrome{position: relative;z-index: 1;display: flex;align-items: center;gap: 12px;min-height: 58px;padding: 14px 16px 16px;margin-bottom: 4px;border-bottom: 1px solid rgba(11,61,145,0.08)}.demo-form-mark{width: 36px;height: 36px;border-radius: 12px;display: flex;align-items: center;justify-content: center;background: linear-gradient(180deg,rgba(255,255,255,0.22),rgba(255,255,255,0)),linear-gradient(135deg,#3882F9,#0B3D91);box-shadow: inset 0 1px 1px rgba(255,255,255,0.50),inset 0 -3px 8px rgba(0,0,0,0.16),0 12px 24px -14px rgba(11,61,145,0.65);flex-shrink: 0}.demo-form-mark span{width: 14px;height: 14px;border-radius: 5px;border: 2px solid rgba(255,255,255,0.94);box-shadow: 8px 8px 0 -4px rgba(255,255,255,0.94)}.demo-form-meta{min-width: 0;flex: 1}.demo-form-kicker{font-size: 13px;font-weight: 800;line-height: 1.2;letter-spacing: -0.02em;color: var(--black)}.demo-form-caption{margin-top: 3px;font-size: 11.5px;font-weight: 600;line-height: 1.25;color: rgba(32,32,32,0.52)}.demo-form-dots{display: flex;align-items: center;gap: 5px;flex-shrink: 0}.demo-form-dots span{width: 7px;height: 7px;border-radius: 50%;background: rgba(11,61,145,0.16)}.demo-form-dots span:first-child{background: #0B3D91;box-shadow: 0 0 0 4px rgba(11,61,145,0.08)}.demo-form iframe{position: relative;z-index: 1;display: block;width: 100%;border-radius: 14px}.form-h{font-size: 21px;font-weight: 800;letter-spacing: -0.04em;color: #fff;margin-bottom: 4px}.form-sub{font-size: 13px;color: rgba(255,255,255,0.5);margin-bottom: 26px}.form-row{display: grid;grid-template-columns: 1fr 1fr;gap: 12px}.fg{display: flex;flex-direction: column;gap: 5px;margin-bottom: 12px}.fg label{font-size: 11px;font-weight: 600;color: rgba(255,255,255,0.5);letter-spacing: 0.03em}.fg input,.fg select{background: rgba(255,255,255,0.07);border: 1px solid rgba(255,255,255,0.12);border-radius: 9px;padding: 10px 13px;font-size: 14px;font-family: inherit;color: #fff;outline: none;transition: border-color 0.2s;width: 100%}.fg input::placeholder{color: rgba(255,255,255,0.25)}.fg input:focus,.fg select:focus{border-color: rgba(93,120,232,0.6)}.fg select option{background: #0B1120}.btn-submit{width: 100%;padding: 15px;font-size: 15px;font-weight: 800;font-family: inherit;border: none;border-radius: 9999px;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 8px;margin-top: 4px;transition: all 0.28s cubic-bezier(0.64,-0.01,0,1);background: linear-gradient(180deg,rgba(240,250,255,0.95) 0%,rgba(255,255,255,0.98) 100%);color: var(--black);box-shadow: 0 8px 32px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.8);text-shadow: none}.btn-submit:hover{transform: translateY(-1px);box-shadow: 0 12px 40px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.9)}.btn-submit:active{transform: scale(0.98)}.form-note{text-align: center;font-size: 11px;color: rgba(255,255,255,0.3);margin-top: 10px}.hero{position: relative;overflow: hidden;background: linear-gradient(180deg,#E0F5FF 0%,#F0FAFF 44.95%,#ffffff 100%);padding-top: 80px}.hero::before{content: '';position: absolute;top: -180px;right: -180px;width: 650px;height: 650px;background: radial-gradient(circle,rgba(0,144,255,0.10) 0%,transparent 70%);pointer-events: none}.hero-body{display: flex;flex-direction: column;align-items: center;text-align: center;padding: 20px 0 64px;gap: 0}.hero-badge{display: inline-flex;align-items: center;gap: 6px;background: rgba(0,144,255,0.09);color: var(--accent);border: 1px solid rgba(0,144,255,0.22);padding: 5px 14px;border-radius: 9999px;font-size: 13px;font-weight: 600;letter-spacing: 0.01em;margin-bottom: 28px}.badge-dot{width: 6px;height: 6px;background: var(--accent);border-radius: 50%;animation: blink 2s ease-in-out infinite}@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}h1{font-size: clamp(42px,6.4vw,72px);font-weight: 680;line-height: 96%;letter-spacing: -0.04em;max-width: 15ch;margin-bottom: 22px}h1 em{font-style: normal;font-weight: 720;color: var(--accent)}.hero-sub{font-size: clamp(16px,2vw,18px);line-height: 140%;color: var(--black-75);max-width: 500px;margin-bottom: 36px}.hero-ctas{display: flex;flex-wrap: wrap;gap: 14px;justify-content: center;margin-bottom: 52px}.social-proof{display: flex;align-items: center;gap: 10px;font-size: 13px;color: var(--black-75);margin-bottom: 60px}.avatars{display: flex}.av{width: 29px;height: 29px;border-radius: 50%;border: 2px solid #E0F5FF;display: flex;align-items: center;justify-content: center;font-size: 10px;font-weight: 800;margin-left: -7px}.av:first-child{margin-left: 0}.mockup-shell{width: 100%;max-width: 1020px;margin: 0 auto;border-radius: 12px 12px 0 0;overflow: hidden}.hero-asset-shell{display: block;position: relative;background: transparent;border-radius: 0;box-shadow: none;overflow: visible}.hero-asset-shell img{display: block;width: 100%;height: auto;animation: heroImageFloat 7.8s cubic-bezier(0.45,0,0.22,1) infinite;transform-origin: 50% 58%;will-change: transform,filter}@keyframes heroImageFloat{0%,100%{transform: translate3d(0,0,0) rotate(0deg) scale(1);filter: saturate(1)}22%{transform: translate3d(0,-5px,0) rotate(.16deg) scale(1.002);filter: saturate(1.012)}50%{transform: translate3d(0,-13px,0) rotate(-.12deg) scale(1.004);filter: saturate(1.018)}78%{transform: translate3d(0,-4px,0) rotate(.08deg) scale(1.001);filter: saturate(1.008)}}.hero-float-stack{--float-x: 0px;--float-y: 0px;--float-scale: 1;--float-tilt: 0deg;--float-duration: 8s;position: absolute;z-index: 2;width: 240px;height: 58px;perspective: 760px;transform: translate3d(var(--float-x),var(--float-y),0) rotate(var(--float-tilt)) scale(var(--float-scale));transform-origin: center;transition: transform .7s cubic-bezier(0.16,1,0.3,1);animation: heroFloat var(--float-duration) cubic-bezier(0.45,0,0.2,1) infinite alternate;will-change: transform}.hero-float-stack.near,.hero-float-stack:hover{--float-scale: 1.065;z-index: 8}.hero-float-card{position: absolute;inset: 0;display: flex;align-items: center;gap: 10px;width: 100%;padding: 10px 13px;border-radius: 14px;background: rgba(255,255,255,0.88);border: 1px solid rgba(16,42,90,0.08);box-shadow: 0 18px 42px -22px rgba(16,42,90,0.45),inset 0 1px 0 rgba(255,255,255,0.75);backdrop-filter: blur(14px) saturate(150%);-webkit-backdrop-filter: blur(14px) saturate(150%);text-align: left;opacity: 0;pointer-events: none;transform: translate3d(0,14px,-44px) rotateX(-8deg) rotate(-2deg) scale(.93);transform-origin: center;transition: opacity .72s cubic-bezier(0.16,1,0.3,1),transform .78s cubic-bezier(0.2,1.18,0.24,1),filter .72s cubic-bezier(0.16,1,0.3,1),box-shadow .72s cubic-bezier(0.16,1,0.3,1),border-color .72s cubic-bezier(0.16,1,0.3,1);will-change: opacity,transform,filter}.hero-float-card.active{z-index: 3;opacity: 1;pointer-events: auto;transform: translate3d(0,0,0) rotateX(0deg) rotate(0deg) scale(1);filter: blur(0)}.hero-float-card.next{z-index: 2;opacity: .72;transform: translate3d(8px,8px,-24px) rotate(2deg) scale(.965);filter: blur(.25px)}.hero-float-card.prev{z-index: 1;opacity: .5;transform: translate3d(-7px,14px,-52px) rotate(-2.5deg) scale(.935);filter: blur(.5px)}.hero-float-stack.near .hero-float-card.active,.hero-float-stack:hover .hero-float-card.active{border-color: rgba(56,130,249,0.20);box-shadow: 0 26px 56px -24px rgba(16,42,90,0.55),inset 0 1px 0 rgba(255,255,255,0.82)}.hero-float-stack:hover .hero-float-card{opacity: 1;pointer-events: auto;filter: blur(0);box-shadow: 0 22px 46px -24px rgba(16,42,90,0.50),inset 0 1px 0 rgba(255,255,255,0.78)}.hero-float-stack:hover .hero-float-card.active{transform: translate3d(0,0,24px) rotate(0deg) scale(1)}.hero-float-stack:hover .hero-float-card.next{transform: translate3d(0,-68px,4px) rotate(0deg) scale(.985)}.hero-float-stack:hover .hero-float-card.prev{transform: translate3d(0,68px,4px) rotate(0deg) scale(.985)}.hero-float-crm:hover .hero-float-card.next{transform: translate3d(0,68px,4px) rotate(0deg) scale(.985)}.hero-float-crm:hover .hero-float-card.prev{transform: translate3d(0,136px,4px) rotate(0deg) scale(.985)}.hero-float-inventory:hover .hero-float-card.next{transform: translate3d(0,-68px,4px) rotate(0deg) scale(.985)}.hero-float-inventory:hover .hero-float-card.prev{transform: translate3d(0,-136px,4px) rotate(0deg) scale(.985)}.hero-float-card strong{display: block;font-size: 12px;line-height: 1.1;color: var(--black);letter-spacing: -0.02em}.hero-float-card small{display: block;margin-top: 3px;font-size: 10.5px;line-height: 1.2;color: var(--black-40);font-weight: 650}.hero-float-icon{width: 32px;height: 32px;border-radius: 10px;display: flex;align-items: center;justify-content: center;color: #fff;flex: 0 0 auto;box-shadow: inset 0 1px 1px rgba(255,255,255,0.45),inset 0 -3px 7px rgba(0,0,0,0.15),0 8px 20px -12px rgba(16,42,90,0.45)}.hero-float-icon svg,.hero-float-icon [data-lucide]{width: 17px;height: 17px}.hero-float-icon .whatsapp-mark{width: 18px;height: 18px}.hero-float-icon.inv{background: #20C997}.hero-float-icon.crm{background: #635BFF}.hero-float-icon.work{background: #EC4899}.hero-float-icon.ai{background: #3882F9}.hero-float-icon.money{background: #16A34A}.hero-float-icon.portal{background: #0EA5E9}.hero-float-icon.update{background: #22C55E}.hero-float-icon.staff{background: #0EA5E9}.hero-float-icon.whatsapp{background: #25D366}.hero-float-icon.job{background: #F59E0B}.hero-float-icon.bay{background: #7C3AED}.hero-float-inventory{right: 1.5%;bottom: 13%;--float-tilt: -1.5deg;--float-duration: 8.6s}.hero-float-crm{right: 1%;top: 18%;--float-tilt: 1.2deg;--float-duration: 9.4s;animation-delay: -2.2s}.hero-float-workshop{left: 1%;top: 38%;--float-tilt: -0.8deg;--float-duration: 8.9s;animation-delay: -4.1s}@keyframes heroFloat{0%{transform: translate3d(var(--float-x),calc(var(--float-y) + 0px),0) rotate(var(--float-tilt)) scale(var(--float-scale))}50%{transform: translate3d(calc(var(--float-x) + 5px),calc(var(--float-y) - 11px),0) rotate(calc(var(--float-tilt) * -0.55)) scale(var(--float-scale))}100%{transform: translate3d(calc(var(--float-x) - 3px),calc(var(--float-y) + 7px),0) rotate(calc(var(--float-tilt) * 0.8)) scale(var(--float-scale))}}.hero-progress-tab{--pill-x: 7px;--pill-y: 7px;--pill-w: 98px;--pill-hi: #515151;--pill-lo: #202020;position: absolute;z-index: 3;left: 50%;bottom: 6%;transform: translateX(-50%);display: none;align-items: center;gap: 9px;padding: 7px 16px;border-radius: 999px;background: rgba(255,255,255,0.86);border: 1px solid rgba(16,42,90,0.10);box-shadow: 0 18px 48px -24px rgba(16,42,90,0.55),inset 0 1px 0 rgba(255,255,255,0.7);backdrop-filter: blur(16px) saturate(150%);-webkit-backdrop-filter: blur(16px) saturate(150%)}.hero-progress-tab::before,.hero-progress-tab::after{content: "";position: absolute;left: 0;top: 0;z-index: 0;pointer-events: none}.hero-progress-tab::before{width: var(--pill-w);height: calc(100% - 14px);border-radius: 999px;transform: translate3d(var(--pill-x),var(--pill-y),0);background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E"),linear-gradient(180deg,var(--pill-hi) 0%,var(--pill-lo) 100%);box-shadow: inset 0 0 1px 2px rgba(255,255,255,0.16),inset 0 5px 5px rgba(0,0,0,0.34),0 10px 24px -14px rgba(1,65,99,0.48);transition: transform .96s cubic-bezier(0.19,1,0.22,1),width .96s cubic-bezier(0.19,1,0.22,1),background .55s ease,box-shadow .55s ease}.hero-progress-tab::after{width: 34px;height: calc(100% - 18px);border-radius: 999px;transform: translate3d(calc(var(--pill-x) + var(--pill-w) - 38px),calc(var(--pill-y) + 2px),0);background: radial-gradient(circle at 35% 35%,rgba(255,255,255,0.62),rgba(255,255,255,0.18) 45%,transparent 72%);opacity: 0.55;transition: transform 1.02s cubic-bezier(0.19,1,0.22,1),opacity .55s ease}.hero-progress-step{position: relative;z-index: 1;display: inline-flex;align-items: center;gap: 5px;color: rgba(32,32,32,0.38);font-size: 12px;font-weight: 750;white-space: nowrap;padding: 8px 2px;transition: color .58s cubic-bezier(0.16,1,0.3,1),transform .58s cubic-bezier(0.16,1,0.3,1)}.hero-progress-step svg,.hero-progress-step [data-lucide]{width: 14px;height: 14px}.hero-progress-step.active{color: #fff;text-shadow: 0 -1px rgba(0,0,0,0.32);transform: scale(1.015)}.hero-progress-line{position: relative;z-index: 1;width: 18px;height: 1px;background: rgba(16,42,90,0.18)}.legacy-mockup-shell[hidden]{display: none}@media (prefers-reduced-motion: reduce){.hero-float-card,.hero-float-stack,.hero-asset-shell img,.hero-progress-tab::before,.hero-progress-tab::after,.hero-progress-step.active{animation: none;transition: none}}.mockup-titlebar{background: #f5f5f5;padding: 10px 14px;display: flex;align-items: center;gap: 10px;border-bottom: 1px solid #e0e0e0}.dots{display: flex;gap: 6px}.dot{width: 10px;height: 10px;border-radius: 50%}.dot.r{background:#FF5F57}.dot.a{background:#FEBC2E}.dot.g{background:#28C840}.url-bar{flex: 1;background: #fff;border: 1px solid #ddd;border-radius: 5px;padding: 3px 10px;font-size: 11px;color: #999;display: flex;align-items: center;gap: 5px}.mockup-app{display: grid;grid-template-columns: 200px 1fr;background: #fff;min-height: 500px}.app-sidebar{background: #fff;border-right: 1px solid #f0f0f0;display: flex;flex-direction: column;position: relative;overflow: hidden}.sb-header{padding: 13px 14px 11px;flex-shrink: 0;display: flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 700;color: #111827;letter-spacing: -0.02em}.sb-a-mark{width: 27px;height: 27px;background: #0B3D91;border-radius: 7px;display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 800;color: #fff;flex-shrink: 0}.sb-section{padding: 8px 14px 3px;flex-shrink: 0;font-size: 10px;font-weight: 600;color: #9ca3af;letter-spacing: 0.06em;text-transform: uppercase}.sb-item{margin: 1px 6px;padding: 6px 9px;border-radius: 6px;flex-shrink: 0;font-size: 12px;font-weight: 500;color: #374151;display: flex;align-items: center;gap: 8px;cursor: default}.sb-item.active{background: #f3f4f6;font-weight: 600;color: #111827}.sb-item svg{width: 14px;height: 14px;flex-shrink: 0;color: #6b7280}.sb-item.active svg{color: #374151}.sb-fade{position: absolute;bottom: 0;left: 0;right: 0;height: 56px;background: linear-gradient(to bottom,transparent,rgba(255,255,255,0.98));pointer-events: none}.app-main{background: #f9fafb;display: flex;flex-direction: column;overflow: hidden}.app-topbar{background: #fff;border-bottom: 1px solid #f3f4f6;padding: 0 18px;height: 44px;flex-shrink: 0;display: flex;align-items: center;justify-content: space-between}.topbar-title{font-size: 13px;font-weight: 600;color: #111827}.topbar-right{display: flex;align-items: center;gap: 8px}.topbar-bell{position: relative;width: 26px;height: 26px;display: flex;align-items: center;justify-content: center}.topbar-bell svg{width: 15px;height: 15px;color: #6b7280}.bell-badge{position: absolute;top: -1px;right: -1px;background: #ef4444;color: #fff;font-size: 7px;font-weight: 800;width: 12px;height: 12px;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 1.5px solid #fff}.new-btn{display: flex;align-items: center;gap: 4px;background: #0B3D91;color: #fff;border: none;border-radius: 7px;padding: 5px 10px;font-size: 11px;font-weight: 700;font-family: inherit;cursor: default}.topbar-avatar{width: 27px;height: 27px;border-radius: 50%;background: #0B3D91;display: flex;align-items: center;justify-content: center;font-size: 9px;font-weight: 800;color: #fff}.app-content{padding: 14px 18px;display: flex;flex-direction: column;gap: 10px;flex: 1;overflow: hidden}.dash-title{font-size: 16px;font-weight: 800;letter-spacing: -0.03em;color: #111827}.dash-sub-g{font-size: 10.5px;color: #9ca3af;margin-top: 1px}.kpi-row{display: grid;grid-template-columns: repeat(4,1fr);gap: 8px}.kpi{background: #fff;border: 1px solid #f0f0f0;border-radius: 10px;padding: 11px 12px;display: flex;flex-direction: column;gap: 0}.kpi-top{display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 8px}.kpi-icon-sq{width: 30px;height: 30px;border-radius: 8px;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.kpi-icon-sq svg{width: 16px;height: 16px}.kpi-label{font-size: 9px;font-weight: 600;color: #9ca3af;text-transform: uppercase;letter-spacing: 0.06em;margin-bottom: 3px}.kpi-value{font-size: 28px;font-weight: 900;letter-spacing: -0.05em;color: #111827;line-height: 1}.kpi-desc{font-size: 10px;color: #9ca3af;margin-top: 2px}.two-col{display: grid;grid-template-columns: 60fr 40fr;gap: 8px}.panel{background: #fff;border: 1px solid #f0f0f0;border-radius: 10px;overflow: hidden}.panel-head{padding: 9px 13px 8px;display: flex;align-items: center;justify-content: space-between}.panel-title{font-size: 12px;font-weight: 600;color: #111827}.panel-link{font-size: 10.5px;color: #6b7280;font-weight: 500;background: #f9fafb;border: 1px solid #f0f0f0;padding: 3px 8px;border-radius: 6px}.att-badge{background: #fed7aa;color: #c2410c;font-size: 9px;font-weight: 800;padding: 2px 7px;border-radius: 99px}.chips{display: flex;gap: 5px;padding: 0 13px 8px}.chip{padding: 3px 8px;border-radius: 99px;font-size: 9.5px;font-weight: 600;border: 1px solid transparent;white-space: nowrap}.chip.active{background: #fff7ed;color: #c2410c;border-color: #fed7aa}.chip.off{background: #f9fafb;color: #6b7280;border-color: #f0f0f0}.att-group-hd{padding: 5px 13px 4px;display: flex;align-items: center;gap: 5px;font-size: 10px;font-weight: 600;color: #d97706;border-top: 1px solid #fef9c3;background: #fffbeb}.att-cnt{margin-left: auto;background: #fed7aa;color: #c2410c;font-size: 9px;font-weight: 800;padding: 1px 5px;border-radius: 99px}.job-row{padding: 6px 13px;display: flex;align-items: center;gap: 8px;border-top: 1px solid #f9fafb}.job-id{font-size: 10.5px;font-weight: 600;color: #111827;flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.job-time{font-size: 9.5px;font-weight: 700;color: #d97706;background: #fff7ed;padding: 2px 7px;border-radius: 99px;white-space: nowrap;flex-shrink: 0}.job-btn{font-size: 9.5px;color: #374151;font-weight: 600;background: #f9fafb;border: 1px solid #e5e7eb;padding: 2px 7px;border-radius: 5px;white-space: nowrap;flex-shrink: 0}.more-row{padding: 6px 13px 9px;display: flex;justify-content: space-between;font-size: 10px;color: #9ca3af;border-top: 1px solid #f9fafb}.more-link{color: #0B3D91;font-weight: 600}.money-row{padding: 8px 14px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #f9fafb}.money-label{font-size: 11.5px;font-weight: 500;color: #374151}.money-val{font-size: 11.5px;font-weight: 700}.money-val.green{color: #16a34a}.money-val.red{color: #ef4444}.chart-area{padding: 8px 14px 12px}.chart-hd{display: flex;align-items: center;justify-content: space-between;margin-bottom: 7px}.chart-title{font-size: 11px;font-weight: 600;color: #111827}.chart-live{font-size: 9px;font-weight: 700;background: #dcfce7;color: #16a34a;padding: 2px 7px;border-radius: 99px}.logos-section{padding: 56px 0;background: #F6FBFF}.logos-label{text-align: center;font-size: 12px;font-weight: 600;color: var(--black-40);letter-spacing: 0.07em;text-transform: uppercase;margin-bottom: 22px}.logos-row{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 28px 44px}.logo-name{font-size: 14px;font-weight: 800;letter-spacing: -0.03em;color: var(--black-40)}#features .wrap{max-width: 1180px;padding: clamp(24px,3.4vw,42px);border-radius: 32px;background: radial-gradient(circle at 18% 0%,rgba(56,130,249,0.13),transparent 32%),radial-gradient(circle at 86% 24%,rgba(11,61,145,0.07),transparent 30%),linear-gradient(180deg,#F8FAFE 0%,#F1F4F8 100%);border: 1px solid rgba(16,42,90,0.05);box-shadow: inset 0 1px 0 rgba(255,255,255,0.78)}#features,.steps-section,.stories-section{background: #F6FBFF}#features{background: linear-gradient(180deg,#FFFFFF 0%,#F6FBFF 78%)}#features .section-tag{display: inline-flex;width: fit-content;margin-left: auto;margin-right: auto;text-align: center;justify-content: center}#features h2,#features .section-sub{margin-left: auto;margin-right: auto;text-align: center}#features .section-sub{max-width: 560px}.bento{display: grid;gap: 16px;margin-top: 34px;grid-template-columns: repeat(12,1fr)}.bento-tile{position: relative;overflow: hidden;border-radius: 30px;border: 1px solid rgba(16,42,90,0.07);background: linear-gradient(180deg,rgba(255,255,255,0.90),rgba(255,255,255,0.74)),#fff;box-shadow: 0 18px 48px -38px rgba(16,42,90,0.30),0 1px 2px rgba(16,42,90,0.035),inset 0 1px 0 rgba(255,255,255,0.78);padding: 16px;display: flex;flex-direction: column;transition: transform .35s cubic-bezier(0.64,-0.01,0,1),box-shadow .35s,border-color .35s;min-height: 360px}.bento-tile:hover{transform: translateY(-3px);border-color: rgba(56,130,249,0.16);box-shadow: 0 22px 54px -34px rgba(16,42,90,0.32),0 1px 2px rgba(16,42,90,0.05),inset 0 1px 0 rgba(255,255,255,0.82)}.bt-span-7{grid-column: span 7}.bt-span-5{grid-column: span 5}.bt-span-6{grid-column: span 6}.bt-head{order: 2;margin: 18px 2px 0}.bt-eyebrow{display: none}.bt-eyebrow .dot{width: 5px;height: 5px;border-radius: 50%;background: var(--accent)}.bt-title{font-size: 18px;font-weight: 700;letter-spacing: -0.03em;color: var(--black);line-height: 1.16}.bt-sub{font-size: 13px;line-height: 150%;color: var(--black-75);margin-top: 7px;max-width: 96%}.bt-art{order: 1;margin-top: 0;position: relative;min-height: 198px;border-radius: 24px;overflow: hidden;background: linear-gradient(rgba(56,130,249,0.055) 1px,transparent 1px),linear-gradient(90deg,rgba(56,130,249,0.055) 1px,transparent 1px),radial-gradient(circle at 50% 18%,rgba(56,130,249,0.15),transparent 46%),linear-gradient(180deg,#F9FBFF 0%,#EEF5FF 100%);background-size: 28px 28px,28px 28px,auto,auto;box-shadow: inset 0 1px 0 rgba(255,255,255,0.82),inset 0 -1px 0 rgba(11,61,145,0.04)}.bt-art::after{content: '';position: absolute;inset: auto 0 0;height: 40%;background: linear-gradient(180deg,transparent,rgba(255,255,255,0.78));pointer-events: none}.bt-art > *{position: relative;z-index: 1}.feature-svg-card{display: flex;align-items: center;justify-content: center;padding: 16px}.feature-art-svg{display: block;width: 100%;height: auto;min-height: 170px;filter: drop-shadow(0 18px 20px rgba(16,42,90,0.08))}.feature-art-svg > rect:first-child{opacity: .34}.mini-analytics{background: #fff;border: 1px solid rgba(11,61,145,0.10);border-radius: 14px 14px 0 0;border-bottom: none;padding: 14px 16px 18px;margin-top: 8px;box-shadow: 0 -1px 0 rgba(11,61,145,0.03)}.ma-kpis{display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;margin-bottom: 14px}.ma-kpi-l{font-size: 9px;font-weight: 700;letter-spacing: .04em;text-transform: uppercase;color: var(--black-40)}.ma-kpi-v{font-size: 17px;font-weight: 800;letter-spacing: -0.04em;color: var(--black);line-height: 1.1;margin-top: 2px}.ma-kpi-d{font-size: 9.5px;font-weight: 600;margin-top: 1px}.ai-bubble{position: absolute;top: -54px;right: 8px;z-index: 3;background: var(--black);color: #fff;border-radius: 12px 12px 12px 3px;padding: 9px 13px;font-size: 11.5px;font-weight: 500;max-width: 220px;line-height: 1.4;box-shadow: 0 10px 24px -8px rgba(11,61,145,0.4)}.ai-bubble b{color: #8fb6ff}.cust-art{display: flex;flex-direction: column;gap: 9px;padding-bottom: 4px}.cust-card{background: #fff;border: 1px solid rgba(11,61,145,0.10);border-radius: 13px;padding: 11px 13px;box-shadow: 0 6px 16px -10px rgba(11,61,145,0.25);display: flex;align-items: center;gap: 11px}.cust-card.indent{margin-left: 26px}.cc-ico{width: 30px;height: 30px;border-radius: 9px;flex-shrink: 0;display: flex;align-items: center;justify-content: center}.cc-t{font-size: 12px;font-weight: 700;color: var(--black)}.cc-s{font-size: 10.5px;color: var(--black-40);margin-top: 1px}.cc-time{margin-left: auto;font-size: 9.5px;font-weight: 700;color: #16a34a;background: #ecfdf3;padding: 3px 8px;border-radius: 99px;white-space: nowrap}.sms-bubble{background: var(--accent);color: #fff;align-self: flex-end;border-radius: 14px 14px 4px 14px;padding: 9px 13px;font-size: 11.5px;font-weight: 500;max-width: 78%;line-height: 1.4;box-shadow: 0 8px 18px -8px rgba(11,61,145,0.5)}.inv-art{display: flex;align-items: center;justify-content: center;gap: 14px;padding: 18px}.inv-doc{background: rgba(255,255,255,0.84);border: 1px solid rgba(11,61,145,0.08);border-radius: 20px;width: 178px;padding: 18px 18px 22px;box-shadow: 0 18px 32px -24px rgba(16,42,90,0.28),inset 0 1px 0 rgba(255,255,255,0.9);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px)}.inv-doc .ttl{font-size: 11px;font-weight: 800;letter-spacing: .12em;color: var(--accent)}.inv-line{height: 6px;border-radius: 4px;background: rgba(11,61,145,0.08);margin-top: 9px}.inv-stack{display: flex;flex-direction: column;gap: 8px;padding-bottom: 0;transform: translateY(10px)}.inv-pill{display: flex;align-items: center;gap: 7px;background: rgba(255,255,255,0.86);border: 1px solid rgba(11,61,145,0.08);border-radius: 12px;padding: 8px 11px;font-size: 11px;font-weight: 650;color: var(--black-75);box-shadow: 0 12px 22px -18px rgba(11,61,145,0.28);white-space: nowrap;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px)}.inv-pill .tag{font-size: 9px;font-weight: 800;padding: 2px 6px;border-radius: 6px;background: #ecfdf3;color: #16a34a}.kan-art{display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;padding: 18px;align-items: stretch}.kan-col{background: rgba(255,255,255,0.82);border: 1px solid rgba(11,61,145,0.08);border-radius: 18px;padding: 11px 10px 14px;min-height: 136px;box-shadow: 0 14px 28px -24px rgba(16,42,90,0.26),inset 0 1px 0 rgba(255,255,255,0.88);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px)}.kan-h{font-size: 9px;font-weight: 800;text-transform: uppercase;letter-spacing: .05em;margin-bottom: 9px;display: flex;align-items: center;gap: 5px}.kan-chip{background: #F8FAFF;border: 1px solid rgba(11,61,145,0.06);border-radius: 10px;padding: 8px 8px;margin-bottom: 7px;box-shadow: 0 8px 16px -16px rgba(16,42,90,0.18)}.kan-chip .id{font-size: 10px;font-weight: 700;color: var(--black)}.kan-chip .car{font-size: 9px;color: var(--black-40);margin-top: 1px}.steps-section{background: radial-gradient(circle at 50% 40%,rgba(11,61,145,0.05),transparent 60%),#F6FBFF}.arc-wrap{position: relative;margin-top: 56px}.arc-wrap::before{content: '';position: absolute;inset: 0 0 70px 0;z-index: 0;background-image: radial-gradient(rgba(11,61,145,0.10) 1px,transparent 1px);background-size: 22px 22px;-webkit-mask-image: radial-gradient(ellipse 70% 80% at 50% 45%,#000 30%,transparent 75%);mask-image: radial-gradient(ellipse 70% 80% at 50% 45%,#000 30%,transparent 75%)}.arc-line{display: none}.arc-steps{display: grid;grid-template-columns: repeat(4,1fr);position: relative;z-index: 2}.arc-step{display: flex;flex-direction: column;align-items: center;height: 250px;padding: 0 6px}.arc-card{--ic: #3882F9;width: 60px;height: 60px;border-radius: 17px;background: var(--ic);border: 1px solid rgba(255,255,255,0.28);box-shadow: inset 0 1px 1px rgba(255,255,255,0.55),inset 0 -3px 7px rgba(0,0,0,0.16),0 3px 6px rgba(16,42,90,0.12),0 8px 16px rgba(16,42,90,0.14);color: #fff;display: flex;align-items: center;justify-content: center;transition: transform .35s cubic-bezier(0.64,-0.01,0,1),box-shadow .35s}.arc-step:nth-child(1) .arc-card{--ic: #3882F9}.arc-step:nth-child(2) .arc-card{--ic: #7C3AED}.arc-step:nth-child(3) .arc-card{--ic: #16A34A}.arc-step:nth-child(4) .arc-card{--ic: #0D9488}.arc-step:hover .arc-card{transform: translateY(-4px);box-shadow: inset 0 1px 1px rgba(255,255,255,0.55),inset 0 -3px 7px rgba(0,0,0,0.16),0 6px 12px rgba(16,42,90,0.16),0 14px 26px rgba(16,42,90,0.18)}.arc-card svg,.arc-card [data-lucide]{width: 28px;height: 28px}.arc-card .ill-soft{stroke: rgba(255,255,255,0.6)}.arc-card .ill-key{stroke: #fff}.arc-card .ill-fill{fill: #fff}.arc-step:nth-child(1) .arc-card,.arc-step:nth-child(4) .arc-card{margin-top: 46px}.arc-step:nth-child(2) .arc-card,.arc-step:nth-child(3) .arc-card{margin-top: 0}.arc-node{width: 30px;height: 30px;border-radius: 50%;background: #fff;border: 1px solid rgba(16,42,90,0.14);margin-top: 16px;display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 700;color: var(--black-75);box-shadow: 0 2px 6px -2px rgba(16,42,90,0.20);position: relative;z-index: 3}.arc-step:nth-child(1) .arc-node{background: var(--accent);color: #fff;border-color: var(--accent)}.arc-connector{flex: 1;width: 0;border-left: 1.5px dotted rgba(16,42,90,0.22);margin: 6px 0 4px}.arc-label{font-size: 13.5px;font-weight: 650;color: var(--black);text-align: center;letter-spacing: -0.01em;line-height: 1.3;max-width: 150px}.ill-soft{stroke: rgba(11,61,145,0.32)}.ill-key{stroke: var(--accent)}.ill-fill{fill: var(--accent)}.metrics-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: 1px;background: var(--black-08);border: 1px solid var(--black-08);border-radius: 16px;overflow: hidden;margin-top: 56px}.metric{background: #fff;padding: 36px 28px;text-align: center}.metric-v{font-size: clamp(38px,5vw,56px);font-weight: 600;letter-spacing: -0.04em;line-height: 1;margin-bottom: 6px}.metric-v span{color: var(--accent)}.metric-l{font-size: 13px;color: var(--black-75);font-weight: 500}.stories-section{background: #F6FBFF}.testi-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;margin-top: 56px}.testi{position: relative;display: flex;flex-direction: column;background: #fff;border: 1px solid rgba(16,42,90,0.08);border-radius: 18px;padding: 30px;box-shadow: 0 1px 2px rgba(16,42,90,0.04),inset 0 1px 0 rgba(255,255,255,0.7);transition: transform .35s cubic-bezier(0.64,-0.01,0,1),box-shadow .35s,border-color .35s}.testi:hover{transform: translateY(-2px);border-color: rgba(16,42,90,0.14);box-shadow: 0 8px 22px -14px rgba(16,42,90,0.18)}.testi-stars{color: #ffc83d;font-size: 14px;letter-spacing: 2px;margin-bottom: 16px}.testi-quote{font-size: 15px;line-height: 162%;color: var(--black);margin-bottom: 24px;flex: 1}.testi-author{display: flex;align-items: center;gap: 11px}.tav{width: 40px;height: 40px;border-radius: 50%;flex-shrink: 0;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 800;color: #fff}.author-n{font-size: 14px;font-weight: 700}.author-r{font-size: 12px;color: var(--black-75)}.demo-section{background: #F6FBFF;color: #fff;padding: 48px 0 42px;position: relative;overflow: hidden}.demo-section::before{display: none}.demo-section::after{display: none}.demo-grid{display: grid;grid-template-columns: minmax(0,.88fr) minmax(520px,1.12fr);gap: clamp(44px,6vw,72px);align-items: center;position: relative;z-index: 1;padding: clamp(32px,5vw,64px);border-radius: 22px;background: radial-gradient(circle at 12% 8%,rgba(255,255,255,0.20),transparent 28%),linear-gradient(135deg,#1477F8 0%,#0863DF 58%,#0654C6 100%);box-shadow: 0 28px 72px -44px rgba(6,84,198,0.52)}.demo-copy .section-tag{background: rgba(255,255,255,0.16);color: #fff;border-color: rgba(255,255,255,0.28)}.demo-copy h2{color: #fff;max-width: 100%}.demo-copy .section-sub{color: rgba(255,255,255,0.72)}.demo-bullets{list-style: none;margin-top: 28px;display: flex;flex-direction: column;gap: 10px}.demo-bullets li{display: flex;align-items: flex-start;gap: 10px;font-size: 14px;color: rgba(255,255,255,0.78)}.faq-section{background: #F6FBFF;padding: 74px 0 72px}.faq-section .wrap{display: block}.faq-head{text-align: center;margin-bottom: 34px}.faq-head .section-tag{margin-left: auto;margin-right: auto;margin-bottom: 16px}.faq-head h2{max-width: 100%;margin-left: auto;margin-right: auto;margin-bottom: 0;font-size: clamp(28px,3.8vw,44px)}.faq-list{display: flex;flex-direction: column;gap: 8px;max-width: 840px;margin: 0 auto}.faq-list details{background: rgba(255,255,255,0.82);border: 1px solid rgba(16,42,90,0.065);border-radius: 14px;overflow: hidden;box-shadow: 0 12px 26px -24px rgba(16,42,90,0.22)}.faq-list summary{list-style: none;cursor: pointer;display: flex;align-items: center;justify-content: space-between;gap: 18px;padding: 16px 18px;font-size: 14px;font-weight: 720;letter-spacing: -0.02em;color: var(--black)}.faq-list summary::-webkit-details-marker{display: none}.faq-list summary::after{content: '+';width: 26px;height: 26px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;background: #F4F7FB;color: var(--accent);font-size: 18px;font-weight: 650;flex-shrink: 0}.faq-list details[open] summary::after{content: '−'}.faq-list .faq-answer{height: 0;overflow: hidden;opacity: 0;transition: height .34s cubic-bezier(0.22,1,0.36,1),opacity .24s ease}.faq-list details[open] .faq-answer{opacity: 1}.faq-list p{padding: 0 18px 17px;color: var(--black-75);font-size: 13.5px;line-height: 1.55;max-width: 680px}footer{padding: 72px 0 0;border-top: 0;background: #fff}footer .wrap{position: relative;overflow: hidden;padding-bottom: 112px}footer .wrap::after{content: 'Autopulse';position: absolute;left: 50%;bottom: -22px;transform: translateX(-50%);z-index: 0;font-size: clamp(84px,17vw,210px);line-height: .8;font-weight: 850;letter-spacing: -0.08em;color: rgba(16,42,90,0.035);pointer-events: none;white-space: nowrap;text-align: center}.footer-hero,.footer-top,.footer-bottom{position: relative;z-index: 1}.footer-hero{max-width: 620px;margin: 0 auto 54px;text-align: center}.footer-hero .section-tag{margin-left: auto;margin-right: auto}.footer-hero h2{max-width: 12ch;margin-left: auto;margin-right: auto;font-size: clamp(34px,5vw,58px);line-height: .94}.footer-hero p{max-width: 520px;margin: 12px auto 22px;color: var(--black-75);font-size: 14px;line-height: 1.55}.footer-top{display: grid;grid-template-columns: 1.5fr 1fr 1fr;gap: 48px;margin-bottom: 50px}.footer-brand{max-width: 320px}.footer-brandmark{display: flex;align-items: center;gap: 9px;margin-bottom: 16px}.footer-brandmark .nav-logo-mark{width: 30px;height: 30px}.footer-logo{font-size: 19px;font-weight: 700;letter-spacing: -0.04em;color: var(--black)}.footer-tag{font-size: 14px;line-height: 1.55;color: var(--black-75)}.footer-powered{display: inline-flex;margin-top: 12px;font-size: 12.5px;font-weight: 650;color: var(--black-75)}.footer-cta{display: inline-flex;align-items: center;gap: 7px;margin-top: 18px;font-size: 14px;font-weight: 650;color: var(--accent);text-decoration: none}.footer-cta:hover{gap: 10px}.footer-col h4{font-size: 12px;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: var(--black-40);margin-bottom: 16px}.footer-col ul{list-style: none;display: flex;flex-direction: column;gap: 11px}.footer-col a{font-size: 14px;color: var(--black-75);text-decoration: none;transition: color .2s}.footer-col a:hover{color: var(--accent)}.footer-bottom{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 14px;margin: 18px auto 0;padding: 16px 18px;border: 1px solid rgba(16,42,90,0.12);border-radius: 16px;background: #fff;box-shadow: 0 18px 34px -28px rgba(16,42,90,0.32);z-index: 5}.footer-copy{font-size: 13px;font-weight: 700;color: rgba(32,32,32,0.78)}.footer-social{display: flex;gap: 10px}.footer-social a{width: 32px;height: 32px;border-radius: 9px;display: flex;align-items: center;justify-content: center;color: rgba(32,32,32,0.68);background: rgba(255,255,255,0.78);border: 1px solid rgba(16,42,90,0.12);transition: all .2s}.footer-social a:hover{color: var(--accent);border-color: rgba(56,130,249,0.4);transform: translateY(-1px)}@media (max-width: 720px){.footer-top{grid-template-columns: 1fr 1fr;gap: 32px}.footer-brand{grid-column: 1 / -1}}@media (max-width: 768px){.nav-links{display: none}.section{padding: 64px 0}.logos-section{padding: 38px 0}.hero-body{padding-bottom: 46px}.demo-section{padding: 34px 0 30px}.faq-section{padding: 56px 0 54px}footer{padding-top: 56px}}@media (max-width: 920px){.hero-float-card{padding: 8px 10px;gap: 8px}.hero-float-stack{width: 218px;height: 52px}.hero-float-card strong{font-size: 10.5px}.hero-float-card small{display: none}.hero-float-icon{width: 28px;height: 28px;border-radius: 9px}.hero-float-inventory{right: 0;bottom: 14%}.hero-float-crm{right: 0;top: 14%}.hero-float-workshop{left: 0;top: 34%}.hero-progress-tab{bottom: 4%;gap: 6px;padding: 6px 12px}.hero-progress-step{font-size: 10.5px}.hero-progress-line{width: 10px}}@media (max-width: 560px){.hero-asset-shell{display: grid;grid-template-columns: 1fr;justify-items: center;gap: 10px}.hero-asset-shell img{margin-bottom: 4px}.hero-float-stack{position: relative;left: auto;right: auto;top: auto;bottom: auto;width: min(100%,336px);height: 68px;transform: none !important;animation: none}.hero-float-card{padding: 12px 14px;gap: 12px;border-radius: 18px}.hero-float-card strong{font-size: 13px}.hero-float-card small{display: block;font-size: 11px;line-height: 1.25}.hero-float-icon{width: 38px;height: 38px;border-radius: 12px}.hero-float-icon svg{width: 20px;height: 20px}.hero-float-stack:hover{--float-scale: 1;z-index: 2}.hero-float-stack:hover .hero-float-card.active{transform: translate3d(0,0,0) rotateX(0deg) rotate(0deg) scale(1)}.hero-float-stack:hover .hero-float-card.next{opacity: .72;pointer-events: none;transform: translate3d(8px,8px,-24px) rotate(2deg) scale(.965)}.hero-float-stack:hover .hero-float-card.prev{opacity: .5;pointer-events: none;transform: translate3d(-7px,14px,-52px) rotate(-2.5deg) scale(.935)}.hero-progress-step:not(.active){display: none}.hero-progress-line{display: none}}@media (max-width: 920px){.bento{grid-template-columns: 1fr}.bt-span-7,.bt-span-5,.bt-span-6{grid-column: span 1}.bento-tile{min-height: 0}.more-panel{grid-template-columns: repeat(2,1fr)}.more-panel.open{max-height: 1600px}}@media (max-width: 560px){#features .wrap{padding: 18px;border-radius: 24px}.bento{gap: 12px;margin-top: 26px}.bento-tile{border-radius: 22px;padding: 12px}.bt-art{min-height: 168px;border-radius: 18px}.kan-art{grid-template-columns: repeat(3,minmax(0,1fr));gap: 6px;padding: 10px;align-items: stretch}.kan-col{min-height: 118px;border-radius: 14px;padding: 8px 6px 9px}.kan-h{font-size: 7.5px;gap: 3px;margin-bottom: 6px;letter-spacing: 0.02em}.kan-chip{border-radius: 8px;padding: 6px 5px;margin-bottom: 5px}.kan-chip .id{font-size: 8.5px}.kan-chip .car{font-size: 7.5px;line-height: 1.2}}@media (max-width: 860px){.arc-line{display: none}.arc-wrap::before{display: none}.arc-steps{grid-template-columns: repeat(2,minmax(0,1fr));gap: 28px 0}.arc-step{height: auto}.arc-step .arc-card{margin-top: 0 !important}.arc-connector{display: none}.arc-node{margin-top: 14px;margin-bottom: 10px}}@media (max-width: 520px){.arc-steps{grid-template-columns: repeat(2,minmax(0,1fr));gap: 24px 10px}.arc-label{font-size: 12.5px}}@media (max-width: 820px){.testi-grid{grid-template-columns: 1fr;max-width: 460px;margin-left: auto;margin-right: auto}}@media (max-width: 860px){.demo-grid{grid-template-columns: 1fr;gap: 48px}}@media (max-width: 480px){.form-row{grid-template-columns: 1fr}}