:root{--color-cyan-100: #CCEEFF;--color-cyan-200: #99DDFF;--color-cyan-300: #66CCFF;--color-cyan-400: #33BBFF;--color-cyan-500: #00AAFF;--color-cyan-600: #0088CC;--color-cyan-700: #006699;--color-cyan-800: #004466;--color-cyan-900: #002233;--color-verde-100: #ccefd9;--color-verde-200: #99e0b3;--color-verde-300: #66d08c;--color-verde-400: #33c166;--color-verde-500: #00b140;--color-verde-600: #008e33;--color-verde-700: #006a26;--color-verde-800: #00471a;--color-verde-900: #00230d;--color-neutral-50: #F2F2F2;--color-neutral-100: #E5E5E5;--color-neutral-150: #D9D9D9;--color-neutral-200: #CCCCCC;--color-neutral-250: #BFBFBF;--color-neutral-300: #B2B2B2;--color-neutral-350: #A6A6A6;--color-neutral-400: #999999;--color-neutral-450: #8C8C8C;--color-neutral-500: #808080;--color-neutral-550: #737373;--color-neutral-600: #666666;--color-neutral-650: #595959;--color-neutral-700: #4D4D4D;--color-neutral-750: #404040;--color-neutral-800: #333333;--color-neutral-850: #262626;--color-neutral-875: #212121;--color-neutral-900: #1A1A1A;--color-neutral-950: #0D0D0D;--bg-primary: var(--color-neutral-50);--bg-secondary: #ffffff;--bg-tertiary: var(--color-neutral-100);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-700);--text-tertiary: var(--color-neutral-600);--border-color: var(--color-neutral-200);--nav-bg: rgba(255, 255, 255, .8);--nav-border: var(--color-neutral-200)}.dark{--bg-primary: var(--color-neutral-950);--bg-secondary: var(--color-neutral-900);--bg-tertiary: var(--color-neutral-875);--text-primary: var(--color-neutral-50);--text-secondary: var(--color-neutral-200);--text-tertiary: var(--color-neutral-400);--border-color: var(--color-neutral-800);--nav-bg: rgba(13, 13, 13, .8);--nav-border: var(--color-neutral-800)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}.app{min-height:100vh}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--nav-border);transition:background-color .3s ease,border-color .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1.25rem;color:var(--text-primary)}.logo-img{height:40px;width:auto}.logo-text{text-transform:uppercase!important;font-weight:500!important;font-size:1.25rem!important;color:var(--color-neutral-800);line-height:40px!important;align-self:flex-start;padding-top:.25rem}.dark .logo-text{color:var(--color-neutral-100)}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-link{background:none;border:none;color:var(--text-secondary);font-size:.95rem;cursor:pointer;padding:.5rem 0;transition:color .2s ease;font-family:inherit}.nav-link:hover{color:var(--color-cyan-500)}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all .2s ease}.theme-toggle:hover{background:var(--bg-secondary);border-color:var(--color-cyan-500)}.hero{padding:8rem 2rem 6rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(0,170,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,177,64,.1) 0%,transparent 50%);pointer-events:none}.hero-container{max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:1}.hero-content{max-width:800px}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:var(--text-primary)}.gradient-text{background:linear-gradient(135deg,var(--color-cyan-500),var(--color-verde-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.25rem);color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.7}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn{padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,var(--color-cyan-500),var(--color-cyan-600));color:#fff;box-shadow:0 4px 12px #00aaff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0af6}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{border-color:var(--color-cyan-500);color:var(--color-cyan-500)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:800px;margin:0 auto}.services{padding:6rem 0;background:var(--bg-secondary)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .3s ease}.service-card:hover{transform:translateY(-4px);border-color:var(--color-cyan-500);box-shadow:0 8px 24px #00aaff1a}.service-icon{width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,var(--color-cyan-400),var(--color-verde-400));display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1.5rem}.service-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.service-description{color:var(--text-secondary);line-height:1.7}.about{padding:6rem 0;background:var(--bg-primary)}.about-content{max-width:900px;margin:0 auto}.about-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.8}.about-features{margin-top:3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-item{display:flex;gap:1rem;align-items:flex-start}.feature-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--color-cyan-500),var(--color-verde-500));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.feature-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.feature-text{color:var(--text-secondary);font-size:.95rem}.contact{padding:6rem 0;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);text-align:center}.contact-content{max-width:700px;margin:0 auto}.contact-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2.5rem}.contact-info{display:flex;justify-content:center}.contact-link{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);text-decoration:none;font-size:1.125rem;font-weight:500;transition:all .2s ease}.contact-link:hover{border-color:var(--color-cyan-500);color:var(--color-cyan-500);transform:translateY(-2px);box-shadow:0 4px 12px #0af3}.footer{padding:3rem 0;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1.125rem}.logo-img-small{height:32px;width:auto}.footer-text{color:var(--text-tertiary);font-size:.9rem}@media(max-width:768px){.nav-container{padding:1rem}.nav-links{gap:1rem}.nav-link{font-size:.875rem}.hero{padding:6rem 1rem 4rem}.hero-actions{flex-direction:column}.btn{width:100%}.services-grid,.about-features{grid-template-columns:1fr}.container{padding:0 1rem}}@media(max-width:480px){.nav-logo .logo-text{display:none}.logo-img{height:32px}}