@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--color-primary: #7ed808a6;--color-primary-dark2: #1bae31;--color-primary-dark: #0d2939;--color-primary-light: #a4e72f;--color-background: #f8f3f3;--color-surface: #fafafa;--color-footer: #222;--color-link-hover: #4fc3f7;--color-white: #fff;--service-header-gradient: linear-gradient(90deg, var(--color-primary-dark2), var(--color-primary-light));--service-card-bg: #fff;--service-card-shadow: 0 10px 40px rgba(0, 0, 0, .1);--service-card-hover-shadow: 0 25px 60px rgba(27, 174, 49, .2);--service-card-border-1: var(--color-primary-dark2);--service-card-border-2: var(--color-primary-light);--service-card-border-3: var(--color-primary);--service-card-gradient: linear-gradient(135deg, rgba(126, 216, 8, .05), rgba(27, 174, 49, .05));--service-icon-gradient-1: linear-gradient(135deg, var(--color-primary-dark2), var(--color-primary-light));--service-icon-gradient-2: linear-gradient(135deg, var(--color-primary-light), var(--color-primary));--service-icon-gradient-3: linear-gradient(135deg, var(--color-primary-dark), var(--color-primary-dark2));--process-section-bg: #fff;--process-section-shadow: 0 10px 40px rgba(0, 0, 0, .1);--process-section-border: var(--color-primary-dark2);--process-section-gradient: radial-gradient(circle, rgba(164, 231, 47, .1) 0%, transparent 70%);--process-step-bg: rgba(248, 243, 243, .9);--process-step-hover-bg: rgba(27, 174, 49, .5);--cta-section-gradient: linear-gradient(135deg, var(--color-primary-dark), var(--color-primary-dark2));--cta-primary-bg: var(--color-primary-light);--cta-primary-hover-bg: var(--color-primary);--cta-secondary-bg: transparent;--cta-secondary-border: #fff;--cta-secondary-hover-bg: #fff;--cta-secondary-hover-color: var(--color-primary-dark);--color-text: #222;--color-text-inverse: #fff;--color-title: var(--color-primary-dark);--font-main: Roboto, "Open Sans", sans-serif;--font-size-title: 1.5rem;--font-size-footer: 1rem;--font-size-header: 48px;--font-size-header-mobile: 36px;--font-size-subtitle: 20px;--font-size-service-title: 24px;--font-size-service-desc: 16px;--font-size-process-title: 36px;--font-size-process-title-mobile: 28px;--font-size-cta-title: 36px;--font-size-cta-title-mobile: 28px}body,html{margin:0;padding:0;min-height:100vh;background:var(--color-background);font-family:var(--font-main)}#app{display:flex;flex-direction:column;min-height:100vh}.header{background:var(--color-primary-dark);position:sticky;top:0;z-index:100;width:100%;height:auto;min-height:70px;box-sizing:border-box}.header-content{display:flex;align-items:center;color:var(--color-white) #fff;position:relative;width:100%;max-width:1000px;padding:0 16px;gap:16px;flex-direction:row;margin:0 auto;height:70px}.logo{height:70px;width:auto;display:flex;align-items:center}.brand{display:flex;align-items:center;text-decoration:none;color:inherit;margin-right:100px}.title{font-size:2rem;margin:0;color:var(--color-white);font-weight:300}.brand:visited,.brand:active,.brand:focus,.brand:hover{text-decoration:none;color:inherit}.nav{display:flex;align-items:center;gap:2rem}.nav a{color:var(--color-white);text-decoration:none;font-weight:500;transition:color .2s}.nav a:hover{color:var(--color-link-hover);text-decoration:underline}.burger{display:none;flex-direction:column;justify-content:space-between;width:22px;height:22px;cursor:pointer}.burger span{height:3px;width:100%;background:var(--color-white);transition:all .1s ease-in}.burger.open span:nth-child(1){transition:all .1s ease-in-out;transform:rotate(45deg);transform-origin:top left;width:28px}.burger.open span:nth-child(2){transition:all .1s ease-in-out;transform-origin:center;width:0}.burger.open span:nth-child(3){transition:all .1s ease-in-out;transform:rotate(-45deg);transform-origin:bottom left;width:28px}main{flex:1;padding:2rem;background:var(--color-surface);max-width:740px;margin:0 auto}.footer{background:var(--color-footer);color:var(--color-white);text-align:center;padding:1rem 0;font-size:1rem;margin-top:auto}.footer{background:var(--color-primary-dark, #1bae31);color:var(--color-white, #fff);text-align:center;padding:1rem 0;font-size:1rem;margin-top:auto}@media (max-width: 768px){body,html{width:100vw;overflow-x:hidden}.title{font-size:1.5rem}.header{flex-direction:row;padding:0 1rem;height:70px}.nav{display:none;position:absolute;top:70px;right:0;background:var(--color-primary-dark);flex-direction:column;width:180px;box-shadow:0 2px 8px #00000026;z-index:10;gap:.2rem}.nav.open,.burger{display:flex}.nav a{color:var(--color-white);text-decoration:none;font-weight:500;transition:color .2s;display:flex;align-items:center;height:100%;padding:.75rem 1.25rem;box-sizing:border-box;width:100%}}.hero-4{background:#fafafa;padding:50px;position:relative}.hero-4 .container{max-width:1000px;margin:0 auto;position:relative;z-index:2}.hero-4 .badge{display:inline-block;background:#7ed808a6;color:#0d2939;padding:8px 20px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:30px}.hero-4 h1{font-size:64px;color:#0d2939;margin-bottom:30px;font-weight:300;line-height:1.1}.hero-4 .bold{font-weight:700;color:#1bae31}.hero-4 .description{font-size:20px;color:#222;margin-bottom:50px;max-width:600px;line-height:1.6}.hero-4 .action-area{display:flex;align-items:center;gap:30px;margin-bottom:60px;flex-wrap:wrap}.hero-4 .cta-button{background:#0d2939;color:#fff;padding:20px 40px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-decoration:none}.hero-4 .cta-button:hover{background:#1bae31;transform:translateY(-2px);box-shadow:0 10px 30px #1bae314d}.hero-4 .demo-link{color:#0d2939;text-decoration:none;font-weight:500;border-bottom:2px solid transparent;transition:all .3s ease}.hero-4 .demo-link:hover{border-bottom-color:#1bae31;color:#1bae31}.hero-4 .features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.feature-item{text-align:center}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,#1bae31,#a4e72f);border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700}.feature-title{font-size:16px;color:#0d2939;margin-bottom:10px;font-weight:600}.feature-desc{font-size:14px;color:#222;line-height:1.5}@media (max-width: 768px){.hero-1{flex-direction:column;text-align:center}.hero-3 .content-wrapper{grid-template-columns:1fr;gap:40px}.hero-4 h1{font-size:42px}.hero-4 .action-area{flex-direction:column;align-items:stretch}}