body{margin:0;font:var(--font-body);color:var(--color-text-primary);background-color:var(--color-bg-main);visibility:hidden;transition:background-color .9s ease,color .9s ease}h1{font:var(--font-h1);letter-spacing:-.03}h2{font:var(--font-h2);letter-spacing:-.01}h3{font:var(--font-h3)}.meta-text{font:var(--font-meta);color:var(--color-text-secondary)}.service-price{font:var(--font-price)}a{color:inherit}a:hover{color:var(--color-accent)}.logo-dark{display:none}.logo-light{display:block}@media(prefers-color-scheme:dark){body:not(.light-theme):not(.dark-theme) .logo-light{display:none}body:not(.light-theme):not(.dark-theme) .logo-dark{display:block}}body.dark-theme .logo-light{display:none!important}body.dark-theme .logo-dark{display:block!important}body.light-theme .logo-dark{display:none!important}body.light-theme .logo-light{display:block!important}body.dark-theme{color-scheme:dark}body.light-theme{color-scheme:light}body.dark-theme{font-weight:375}footer{display:flex;height:max-content;align-items:center;flex-direction:column;justify-content:space-evenly;background-color:var(--color-bg-footer)}footer .legal,footer .legal a{text-decoration:none;color:var(--color-text-muted);font-size:var(--font-size-xs)}footer .legal a:hover,footer .legal a:focus{text-decoration:underline;color:var(--color-text-accent)}header{top:0;z-index:100;display:flex;position:sticky;padding:10px 20px;height:fit-content;flex-direction:row;align-items:center;color:var(--color-text);justify-content:space-between;border-bottom:2px solid var(--color-border);background-color:var(--color-bg-main);transition:background .9s ease}header nav{display:inline-flex;gap:10px;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:center}header nav a{display:inline-flex;border:1px solid var(--color-border);background-color:var(--color-surface);padding:10px 15px;border-radius:8px;text-decoration:none;align-items:center;justify-content:center;color:inherit;transition:transform .2s ease,background-color .2s ease}header nav a:hover,header nav a:focus{color:var(--color-text-hover);background-color:var(--color-bg-hover);transform:translateY(-4px);outline:none}header select{border:1px solid var(--color-border);background-color:var(--color-surface);color:inherit;padding:10px 20px;border-radius:8px;transition:transform .2s ease,background-color .2s ease}header select:focus,header select:hover{color:var(--color-text-hover);background-color:var(--color-bg-hover);transform:translateY(-4px);outline:none}@media screen and (max-width:768px){header .brand-name{display:none}header .theme-picker{display:none}}main{color:var(--color-text);display:flex;flex-direction:column;justify-content:center}.section{padding:20px 50px}.about{width:40vw}.group{display:flex;flex-direction:row;justify-content:space-around;align-content:center}.contact a{color:var(--color-text-secondary);text-decoration:underline;transition:all .3s ease}.contact a:focus,.contact a:hover{color:var(--color-accent);transition:all .3s ease}@media screen and (max-width:768px){.group{flex-direction:column}.about{width:fit-content}}.container-services{display:grid}:root{color-scheme:light dark;--color-bg-main: light-dark(#F9FAFB, #0F1115);--color-surface: light-dark(#ffffff, #1C1F26);--color-text-primary: light-dark(#111827, #F3F4F6);--color-text-secondary: light-dark(#6B7280, #9CA3AF);--color-border: light-dark(#E5E7EB, #374151);--color-accent: light-dark(#000000, #FFFFFF);--color-bg-hover: light-dark(#e6e6e6, #323743);--color-text-hover: light-dark(#000000, #ffffff) }:root{color-scheme:light dark;--font-family-primary: "Geist", sans-serif;--font-family-secondary: "Inter Variable", sans-serif;--font-h1: 700 clamp(2.5rem, 5vw, 4rem) var(--font-family-primary);--font-h2: 600 clamp(1.75rem, 3vw, 2.5rem) var(--font-family-primary);--font-h3: 600 1.25rem var(--font-family-primary);--font-body: 400 1rem var(--font-family-secondary);--font-price: 700 1.125rem var(--font-family-secondary);--font-meta: 500 .75rem var(--font-family-secondary)}.service-card{display:flex;flex-direction:column;padding:10px 20px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:all .6s ease;height:auto;width:fit-content}.service-card:hover,.service-card:focus{border-color:var(--color-accent);background-color:var(--color-bg-hover)}.service-title{font:var(--font-h3);margin:0 0 1.4rem;color:var(--color-text-primary)}.service-link{text-decoration:none;color:inherit;transition:color .4s ease}.service-link:hover,.service-link:focus{color:var(--color-accent);outline:none}.service-description{font:var(--font-body);color:var(--color-text-secondary);margin:0 0 .5rem;flex-grow:1;line-height:1.6;max-width:200px}.service-price{font:var(--font-price);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.learn-more{display:inline-block;padding:var(--space-2) var(--space-3);text-decoration:none;color:var(--color-accent);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:transparent;transition:all var(--duration-normal) var(--ease-out);width:fit-content;font-size:.875rem;font-weight:500}.learn-more:hover,.learn-more:focus{background-color:var(--color-bg-hover);border-color:var(--color-accent);color:var(--color-text-hover);outline:none}.panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.container-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4);padding:var(--space-4)}@media(max-width:768px){.container-services{grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-3)}.service-card{padding:var(--space-3)}}.hero{display:flex;padding:20px 50px;align-items:center;justify-content:space-around;flex-wrap:wrap;flex-direction:row}.hero .hero-headline{width:40vw}.CTA{scale:1;padding:20px 30px;text-decoration:none;font:var(--font-h3);border-radius:36px;color:var(--color-accent);border:1px solid var(--color-border);background-color:var(--color-surface);transition:background .3s ease,color .3s ease,scale .3s ease}.CTA:focus,.CTA:hover{background-color:var(--color-bg-hover);color:var(--color-text-hover);outline:none;scale:2;transition:background .3s ease,color .3s ease,scale .3s ease}@media screen and (max-width:768px){.hero{flex-direction:column}.hero .hero-headline{width:auto}.hero .hero-headline,.CTA{transform:scale(.7);transition:all .2s ease}.CTA:focus,.CTA:hover{scale:1.5}}.brand a{gap:8px;display:flex;flex-wrap:nowrap;width:max-content;align-items:center;text-decoration:none}.brand a .brand-name{color:var(--color-text)}