:root{--text:#4b5b56;--text-h:#111827;--bg:#f4f4fb;--surface:#fff;--paper:#fff;--border:#dce5e1;--ink:#10201c;--accent:#087f72;--accent-2:#2563eb;--tag-bg:#e7f3f0;--tag-text:#075f56;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/150% var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{min-height:100svh}body,p{margin:0}a{text-underline-offset:4px}::selection{background:#20928433}*{box-sizing:border-box}.site-shell{width:min(1180px,100% - 32px);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.brand,.topbar nav,.hero-actions,.final-actions{align-items:center;display:flex}.brand{color:var(--text-h);gap:10px;font-weight:760;text-decoration:none;position:relative}.brand-mark{background:var(--ink);width:36px;height:36px;color:var(--paper);border-radius:8px;place-items:center;font-size:.92rem;display:grid}.topbar nav{flex-wrap:wrap;justify-content:flex-end;gap:8px}.topbar a{color:var(--text);text-decoration:none;transition:color .22s ease-out;position:relative}.topbar nav a{border-radius:6px;padding:8px 10px;font-size:.88rem;font-weight:650}.topbar a:hover{color:var(--accent)}.topbar nav a:after,.brand:after{content:"";transform-origin:0;background:currentColor;height:2px;transition:transform .24s ease-out;position:absolute;bottom:5px;left:10px;right:10px;transform:scaleX(0)}.brand:after{bottom:-4px;left:0;right:0}.topbar a:hover:after,.brand:hover:after{transform:scaleX(1)}.hero{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:56px;min-height:calc(92svh - 76px);padding:54px 0 82px;display:grid}.hero-copy{max-width:680px}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.76rem;font-weight:820}.hero h1,h2,h3{color:var(--text-h);letter-spacing:0;margin:0}.hero h1{max-width:760px;font-size:2.5rem;line-height:.96}.intro{max-width:620px;color:var(--text);margin-top:24px;font-size:clamp(1.05rem,2vw,1.26rem);line-height:1.58}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px}.button{will-change:transform;border-radius:7px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:760;text-decoration:none;transition:transform .22s ease-out,background-color .22s ease-out,border-color .22s ease-out,color .22s ease-out,box-shadow .22s ease-out;display:inline-flex}.button-primary{background:var(--accent);color:#fff;box-shadow:0 12px 30px #087f722e}.button-secondary{border:1px solid var(--border);color:var(--text-h);background:#ffffffc7}.button:hover{transform:scale(1.03);box-shadow:0 16px 34px #0f172a1c}.button-primary:hover{background:#066b60}.button-secondary:hover{color:var(--accent);border-color:#087f7259}.button:active{transform:scale(.98)}.hero-visual{border-radius:8px;place-items:center;display:grid;overflow:hidden}.hero-visual img{will-change:transform;border-radius:8px;width:min(100%,700px);transition:transform .52s ease-out;transform:scale(1)}.hero-visual:hover img{transform:scale(1.025)}.product-section,.visual-section,.why-section,.about-section,.final-cta{border-top:1px solid var(--border);padding:84px 0}.section-heading{max-width:760px;margin-bottom:34px}.section-heading h2,.final-cta h2{font-size:clamp(2rem,5vw,4.1rem);line-height:1.02}.section-heading p:not(.eyebrow){max-width:680px;color:var(--text);margin-top:18px;font-size:1.05rem}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.feature-card,.benefit-card,.dashboard-preview,.about-section,.final-cta{border:1px solid var(--border);background:#ffffffc7;border-radius:8px;box-shadow:0 18px 50px #0f172a0f}.feature-card,.benefit-card{will-change:transform;min-height:150px;padding:22px;transition:transform .24s ease-out,box-shadow .24s ease-out,border-color .24s ease-out;position:relative}.feature-card:hover,.benefit-card:hover{border-color:#087f7247;transform:translateY(-4px);box-shadow:0 26px 64px #0f172a1a}.feature-card p,.benefit-card p,.about-section p{color:var(--text);margin:0}.feature-card p{color:var(--text-h);font-weight:720}.card-icon{width:42px;height:42px;color:var(--accent);background:linear-gradient(135deg,#087f721f,#7a5cff14),#fff;border:1px solid #087f7229;border-radius:10px;place-items:center;margin-bottom:20px;display:grid;box-shadow:0 12px 28px #087f721a}.card-icon svg{stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.dashboard-preview{grid-template-columns:220px minmax(0,1fr);gap:0;min-height:520px;display:grid;overflow:hidden}.dashboard-sidebar{color:#ffffffad;background:#10201c;flex-direction:column;gap:10px;padding:24px;display:flex}.dashboard-sidebar img{width:170px;max-width:100%;margin-bottom:26px}.dashboard-sidebar span{border-radius:7px;padding:10px 12px;font-size:.9rem;font-weight:680}.dashboard-sidebar .active-nav{color:#fff;background:#ffffff1f}.dashboard-main{background:radial-gradient(circle at 100% 0,#3adbbe2e,#0000 30%),#f8fbfb;gap:18px;padding:26px;display:grid}.dashboard-topline{justify-content:space-between;align-items:center;gap:18px;display:flex}.dashboard-topline div{gap:4px;display:grid}.dashboard-topline span,.metric-card span{color:var(--text);font-size:.82rem;font-weight:720}.dashboard-topline strong{color:var(--text-h);font-size:1.7rem}.dashboard-topline button{border:1px solid var(--border);min-height:38px;color:var(--text-h);background:#fff;border-radius:7px;padding:0 14px;font-weight:760}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric-card,.chart-panel,.table-panel{border:1px solid var(--border);background:#fff;border-radius:8px}.metric-card{gap:8px;padding:18px;display:grid}.metric-card strong{color:var(--text-h);font-size:1.7rem}.chart-panel{grid-template-columns:repeat(6,1fr);align-items:end;gap:12px;min-height:190px;padding:22px;display:grid}.chart-panel span{background:linear-gradient(#3adbbee6,#087f72f2);border-radius:8px 8px 3px 3px;display:block}.chart-panel span:first-child{height:42%}.chart-panel span:nth-child(2){height:68%}.chart-panel span:nth-child(3){height:54%}.chart-panel span:nth-child(4){height:82%}.chart-panel span:nth-child(5){height:62%}.chart-panel span:nth-child(6){height:76%}.table-panel{gap:12px;padding:18px;display:grid}.table-panel span{background:#e7eeeb;border-radius:999px;height:14px}.table-panel span:nth-child(2){width:82%}.table-panel span:nth-child(3){width:64%}.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.benefit-card h3{margin-bottom:12px;font-size:1.25rem}.about-section{padding:30px}.about-section p{max-width:860px;color:var(--text-h);font-size:1.08rem;font-weight:650}.final-cta{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;margin:84px 0 100px;padding:34px;display:grid}.final-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .52s ease-out,transform .52s ease-out;transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.hero-reveal{opacity:0;animation:.56s ease-out forwards heroReveal}.hero-reveal:first-child{animation-delay:40ms}.hero-reveal:nth-child(2){animation-delay:.11s}.hero-reveal:nth-child(3){animation-delay:.18s}.hero-reveal:nth-child(4){animation-delay:.25s}.hero-visual.hero-reveal{animation-delay:.18s}@keyframes heroReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.hero,.dashboard-preview,.final-cta{grid-template-columns:1fr}.hero{gap:34px;min-height:auto;padding:48px 0 68px}.hero-visual img{width:min(100%,760px)}.feature-grid,.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-preview{min-height:auto}.dashboard-sidebar{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;display:grid}.dashboard-sidebar img{grid-column:1/-1;margin-bottom:8px}.final-actions{justify-content:flex-start}}@media (width<=620px){.site-shell{width:min(100% - 20px,460px)}.topbar{flex-direction:column;align-items:stretch;gap:14px;min-height:auto;padding:18px 0 12px}.brand,.topbar nav{justify-content:center}.topbar nav{gap:2px}.topbar nav a{padding:7px 8px;font-size:.82rem}.hero{gap:26px;padding:34px 0 52px}.hero h1{font-size:clamp(2.85rem,15vw,4.1rem)}.intro{margin-top:18px;font-size:1rem}.hero-actions,.final-actions{grid-template-columns:1fr;display:grid}.button{width:100%}.product-section,.visual-section,.why-section,.about-section,.final-cta{padding:56px 0}.section-heading{margin-bottom:24px}.section-heading h2,.final-cta h2{font-size:clamp(1.75rem,9vw,2.45rem);line-height:1.08}.feature-grid,.benefit-grid{grid-template-columns:1fr}.feature-card,.benefit-card{min-height:auto;padding:20px}.dashboard-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px}.dashboard-main{padding:18px}.dashboard-topline{flex-direction:column;align-items:flex-start}.metric-grid{grid-template-columns:1fr}.chart-panel{gap:8px;min-height:150px;padding:16px}.about-section{padding:22px}.final-cta{margin:56px 0 72px;padding:24px}}@media (width<=380px){.topbar nav a{padding-inline:6px}.hero h1{font-size:clamp(2.55rem,14vw,3.35rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.reveal,.hero-reveal{opacity:1;transform:none}}