:root{--color-primary:#333333;--color-primary-dark:#000000;--color-primary-light:#cccccc;--color-accent:#cc0000;--color-accent-new:#ff6666;--color-accent-hover:#ff0000;--color-text:#1A1A1A;--color-text-light:#4A4A4A;--color-bg:#FFFFFF;--color-bg-alt:#F6F9FC;--color-border:#E2E8F0;--color-overlay:rgba(0,20,40,0.6);--font-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--container-width:1200px;--section-padding:120px;--section-padding-mobile:60px;--focus-outline:3px solid #ff0000;--focus-offset:2px;--drawer-height:90vh;--drawer-max-height:800px;}*{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;scroll-snap-type:y proximity;font-size:18px;}body{font-family:var(--font-base);line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-text-size-adjust:100%;padding-top:80px;}body.modal-open{overflow:hidden;}.progress-container{position:fixed;top:0;left:0;right:0;height:10px;background:white;z-index:101;box-shadow:0 1px 3px rgba(0,0,0,0.1);}.progress-bar{height:100%;width:0%;background:var(--color-accent);transition:width 0.1s linear;}h1,h2,h3,h4{line-height:1.2;font-weight:700;margin-bottom:1rem;color:var(--color-primary);}h1{font-size:clamp(2rem,5vw,3.5rem);}h2{font-size:clamp(1.75rem,4vw,2.5rem);}h3{font-size:1.35rem;}p{margin-bottom:1.5rem;color:var(--color-text-light);}a{color:var(--color-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;}a:hover{color:var(--color-accent);}a:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset);border-radius:2px;}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px;width:100%;overflow-x:hidden;}section[id]{scroll-margin-top:100px;scroll-snap-align:start;scroll-snap-stop:always;}.animate-left,.animate-right{opacity:0;transform:translateX(60px);transition:opacity 0.7s ease-out,transform 0.7s ease-out;will-change:opacity,transform;backface-visibility:hidden;}.animate-left{transform:translateX(-60px);}.animate-right{transform:translateX(60px);}.animate-left.visible,.animate-right.visible{opacity:1;transform:translateX(0);}.animate-fade{opacity:0;transition:opacity 0.7s ease-out;will-change:opacity;}.animate-fade.visible{opacity:1;}.btn{display:inline-block;padding:14px 28px;background:var(--color-accent);color:white;text-decoration:none;border-radius:6px;font-weight:600;font-size:1rem;border:2px solid transparent;transition:all 0.2s;cursor:pointer;text-align:center;white-space:nowrap;}.btn:hover{background:var(--color-accent-hover);color:white;transform:translateY(-1px);}.btn:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset);}.btn-secondary{background:white;color:var(--color-primary);border-color:var(--color-primary-light);}.btn-secondary:hover{background:var(--color-primary);color:white;}.btn-large{padding:18px 36px;font-size:1.1rem;}.btn-settings{background:#f0f0f0;color:#333;border-color:#ccc;}.btn-settings:hover{background:#e0e0e0;color:#000;}.btn-ghost{background:transparent;color:var(--color-text);border-color:var(--color-border);}.btn-ghost:hover{background:var(--color-bg-alt);color:var(--color-text);}header{background:var(--color-bg);border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0;right:0;padding-top:10px;z-index:100;width:100%;transition:transform 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.08);}nav{display:flex;justify-content:space-between;align-items:center;height:80px;width:100%;}.logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.5rem;color:var(--color-primary);text-decoration:none;cursor:pointer;flex-shrink:0;}.logo img{height:40px;width:auto;display:block;}.logo:focus-visible{outline:var(--focus-outline);border-radius:4px;}.nav-links{display:flex;list-style:none;gap:40px;align-items:center;margin:0;padding:0;}.nav-links li{position:relative;}.nav-links a{text-decoration:none;font-weight:500;font-size:0.95rem;color:var(--color-text);position:relative;padding-bottom:4px;transition:color 0.3s ease;display:inline-block;}.nav-links a:not(.btn)::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-accent);transition:width 0.3s ease-out;}.nav-links a:not(.btn):hover::after,.nav-links a:not(.btn).active::after{width:100%;}.nav-links a:not(.btn).active{color:var(--color-accent);}.nav-links .btn{color:white;padding-bottom:14px;margin:0;}.nav-links button{background:none;border:none;font:inherit;cursor:pointer;color:inherit;text-decoration:none;}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-shrink:0;z-index:102;}.menu-toggle:focus-visible{outline:var(--focus-outline);}.mobile-nav{display:none;position:fixed;top:80px;left:0;right:0;bottom:0;background:rgba(255,255,255,0.98);z-index:99;padding:40px 24px;flex-direction:column;gap:20px;overflow-y:auto;}.mobile-nav.active{display:flex;}.mobile-nav a{font-size:1.25rem;font-weight:600;color:var(--color-primary);text-decoration:none;padding:16px 0;border-bottom:1px solid var(--color-border);display:block;}.mobile-nav a.btn{margin-top:20px;text-align:center;font-size:1.1rem;}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--color-primary-dark);color:white;padding:24px;z-index:9999;border-top:4px solid var(--color-accent);transform:translateY(100%);transition:transform 0.4s ease-out;max-width:100vw;}.cookie-banner.active{transform:translateY(0);}.cookie-banner-inner{max-width:1200px;margin:0 auto;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;}.cookie-text{flex:1;min-width:300px;}.cookie-text h2{color:white;font-size:1.2rem;margin-bottom:0.5rem;}.cookie-text p{color:rgba(255,255,255,0.9);margin:0;font-size:0.95rem;}.cookie-buttons{display:flex;gap:12px;flex-wrap:wrap;}.cookie-settings{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-overlay);z-index:10000;display:none;align-items:center;justify-content:center;padding:20px;}.cookie-settings.active{display:flex;}.cookie-settings-box{background:white;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;border-radius:12px;padding:40px;position:relative;box-sizing:border-box;}.cookie-option{border:2px solid var(--color-border);border-radius:8px;padding:20px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;}.cookie-option.required{background:var(--color-bg-alt);opacity:0.8;}.cookie-option-content h3{margin:0 0 0.5rem 0;font-size:1.1rem;}.cookie-option-content p{margin:0;font-size:0.9rem;}.toggle{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0;}.toggle input{opacity:0;width:0;height:0;}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px;}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:white;transition:.4s;border-radius:50%;}input:checked+.toggle-slider{background-color:var(--color-accent);}input:checked+.toggle-slider:before{transform:translateX(24px);}input:focus+.toggle-slider{outline:var(--focus-outline);outline-offset:2px;}input:disabled+.toggle-slider{opacity:0.6;cursor:not-allowed;}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-overlay);z-index:200;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;}.drawer-overlay.active{opacity:1;visibility:visible;}.drawer{position:fixed;left:0;right:0;bottom:0;background:white;border-radius:20px 20px 0 0;max-height:var(--drawer-height);min-height:400px;transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1);z-index:201;display:flex;flex-direction:column;box-shadow:0 -10px 40px rgba(0,0,0,0.2);max-width:100vw;}.drawer.active{transform:translateY(0);}.drawer-header{padding:24px 40px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:white;border-radius:20px 20px 0 0;z-index:2;flex-shrink:0;}.drawer-header h2{margin:0;font-size:1.5rem;}.drawer-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;color:var(--color-text);font-size:1.5rem;line-height:1;}.drawer-close:hover{background:var(--color-bg-alt);}.drawer-close:focus-visible{outline:var(--focus-outline);}.drawer-content{overflow-y:auto;padding:40px;flex:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}.drawer-content h3{margin-top:2rem;font-size:1.2rem;}.drawer-content h3:first-child{margin-top:0;}.drawer-content p,.drawer-content ul{margin-bottom:1rem;font-size:0.95rem;}.drawer-content ul{padding-left:1.5rem;}.drawer-content li{margin-bottom:0.5rem;}.hero{padding:var(--section-padding) 0;background-image:url('img/hg-home.webp');background-size:cover;background-position:center;position:relative;overflow:hidden;min-height:calc(100vh - 80px);display:flex;align-items:center;width:100%;scroll-snap-align:center;}@media(min-width:769px){.mosaic-grid{display:none;}}.mosaic-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(auto-fill,50px);grid-auto-rows:50px;z-index:2;pointer-events:none;background:transparent;}.mosaic-tile{width:50px;height:50px;background-color:rgba(0,0,0,0.25);opacity:0;transition:opacity 0.3s ease;backdrop-filter:brightness(0.7)saturate(1.2);}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:3;width:100%;}.hero h1{margin-bottom:1.5rem;color:var(--color-primary);text-shadow:none;word-wrap:break-word;}.hero-lead{font-size:1.25rem;color:var(--color-text-light);margin-bottom:2rem;max-width:540px;text-shadow:none;}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap;}.hero-visual{background:transparent;border-radius:0;padding:40px;color:var(--color-text);position:relative;min-height:400px;display:flex;flex-direction:column;justify-content:center;width:100%;}.hero-visual::before{display:none;}.hero-visual-image{width:100%;height:auto;border-radius:8px;margin:20px 0;box-shadow:none;position:relative;z-index:1;display:block;object-fit:contain;max-height:300px;background:transparent;}.hero-visual-content{position:relative;z-index:1;width:100%;}.hero-visual h2{color:var(--color-primary);font-size:1.5rem;margin-bottom:1rem;}.hero-visual p{color:var(--color-text-light);margin-bottom:0;}.big-number{font-size:6rem;font-weight:700;color:var(--color-accent-new);line-height:1;font-variant-numeric:tabular-nums;display:inline-block;}.case-slider{position:relative;overflow:hidden;padding:0 60px;width:100%;}.slider-track{display:flex;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);will-change:transform;width:100%;}.case-slide{flex:0 0 100%;width:100%;padding:20px;opacity:0.3;transition:opacity 0.5s;min-width:100%;}.case-slide.active{opacity:1;}.case-slide img{box-shadow:none !important;max-width:100%;height:auto;display:block;}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.15);border:2px solid rgba(255,255,255,0.3);color:white;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;z-index:10;flex-shrink:0;}.slider-btn:hover{background:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.6);transform:translateY(-50%)scale(1.1);}.slider-btn:focus-visible{outline:var(--focus-outline);outline-offset:2px;}.slider-prev{left:0;}.slider-next{right:0;}.slider-dots{display:flex;justify-content:center;gap:12px;margin-top:40px;}.dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.3);border:none;cursor:pointer;transition:all 0.3s;padding:0;flex-shrink:0;}.dot.active{background:var(--color-accent);transform:scale(1.2);}.dot:hover{background:rgba(255,255,255,0.6);}.dot:focus-visible{outline:var(--focus-outline);outline-offset:2px;}.problems{padding:var(--section-padding) 0;background:var(--color-bg);width:100%;overflow-x:hidden;}.section-header{text-align:center;max-width:700px;margin:0 auto 60px;padding:0 20px;}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;width:100%;}.problem-card{padding:32px;border-radius:8px;border-left:4px solid var(--color-accent);background:var(--color-bg-alt);word-wrap:break-word;}.problem-card h3{color:var(--color-text);margin-bottom:0.5rem;}.services{padding:var(--section-padding) 0;background:var(--color-bg-alt);width:100%;overflow-x:hidden;}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:60px;width:100%;}.service-card{background:white;padding:40px;border-radius:12px;border:1px solid var(--color-border);transition:transform 0.2s,box-shadow 0.2s;word-wrap:break-word;}.service-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px rgba(0,0,0,0.1);}.service-card:focus-within{outline:var(--focus-outline);outline-offset:4px;}.service-icon{width:60px;height:60px;background:var(--color-primary);border-radius:12px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;color:white;font-size:24px;font-weight:700;}.service-card ul{list-style:none;margin:1.5rem 0;}.service-card li{padding:8px 0;padding-left:24px;position:relative;color:var(--color-text-light);word-wrap:break-word;}.service-card li::before{content:'→';position:absolute;left:0;color:var(--color-accent);font-weight:700;}.trust{padding:var(--section-padding) 0;background:var(--color-bg);width:100%;overflow-x:hidden;}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;width:100%;}.trust-image{position:relative;max-width:100%;}.trust-image img{width:100%;height:auto;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,0.15);display:block;}.trust-content h2{margin-bottom:2rem;}.trust-list{list-style:none;margin:2rem 0;padding:0;}.trust-list li{padding:16px 0;padding-left:40px;position:relative;border-bottom:1px solid var(--color-border);word-wrap:break-word;}.trust-list li::before{content:'✓';position:absolute;left:0;color:var(--color-accent);font-weight:700;font-size:1.2rem;}.case-study{padding:var(--section-padding) 0;background:var(--color-primary);color:white;width:100%;overflow-x:hidden;}.case-study-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;width:100%;}.case-study h2{color:white;margin-bottom:1.5rem;}.case-study p{color:rgba(255,255,255,0.9);font-size:1.1rem;word-wrap:break-word;}.case-label{text-transform:uppercase;letter-spacing:1px;font-size:0.9rem;opacity:0.8;margin-top:1rem;}.audit{padding:var(--section-padding) 0;background:var(--color-bg-alt);width:100%;overflow-x:hidden;}.audit-box{background:white;padding:60px;border-radius:16px;border:2px solid var(--color-border);max-width:800px;margin:0 auto;text-align:center;width:100%;}.audit-form{display:flex;gap:16px;margin-top:40px;flex-wrap:wrap;justify-content:center;}.form-group{flex:1;min-width:250px;text-align:left;max-width:100%;}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:0.9rem;}.form-group input{width:100%;padding:14px;border:2px solid var(--color-border);border-radius:6px;font-size:1rem;font-family:inherit;box-sizing:border-box;}.form-group input:focus{outline:var(--focus-outline);outline-offset:0;border-color:var(--color-primary);}.contact{padding:var(--section-padding) 0;background:var(--color-bg);width:100%;overflow-x:hidden;}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;width:100%;}.contact-info h2{margin-bottom:2rem;}.contact-detail{margin-bottom:2rem;word-wrap:break-word;overflow-wrap:break-word;}.contact-detail strong{display:block;color:var(--color-primary);margin-bottom:0.5rem;font-size:1.1rem;}.contact-detail a{color:var(--color-text);text-decoration:none;font-size:1.25rem;font-weight:600;word-break:break-word;display:inline-block;max-width:100%;}.contact-detail a:hover{color:var(--color-accent);text-decoration:underline;}.callback-form{background:var(--color-bg-alt);padding:40px;border-radius:12px;width:100%;box-sizing:border-box;}.callback-form label{display:block;margin-bottom:8px;font-weight:500;color:var(--color-text);}.callback-form input,.callback-form textarea,.callback-form select{width:100%;padding:12px;margin-bottom:20px;border:2px solid var(--color-border);border-radius:6px;font-family:inherit;font-size:1rem;box-sizing:border-box;max-width:100%;}.callback-form input:focus,.callback-form textarea:focus,.callback-form select:focus{outline:var(--focus-outline);outline-offset:0;border-color:var(--color-primary);}.form-honeypot{position:absolute;left:-9999px;opacity:0;}footer{background:var(--color-primary-dark);color:white;padding:60px 0 30px;width:100%;overflow-x:hidden;}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px;width:100%;}footer h3{color:white;font-size:1.1rem;margin-bottom:1.5rem;}footer ul{list-style:none;padding:0;margin:0;}footer li{margin-bottom:0.75rem;}footer a,.legal-links button{color:rgba(255,255,255,0.8);text-decoration:none;background:none;border:none;font:inherit;cursor:pointer;padding:0;display:inline;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color 0.2s;word-break:break-word;}footer a:hover,.legal-links button:hover{color:white;text-decoration:underline;}footer a:focus-visible,.legal-links button:focus-visible{outline:var(--focus-outline);outline-offset:2px;}.footer-bottom{border-top:1px solid rgba(255,255,255,0.2);padding-top:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;font-size:0.9rem;color:rgba(255,255,255,0.6);}.legal-links{display:flex;flex-direction:column;gap:12px;}@media(max-width:768px){:root{--section-padding:60px;--drawer-height:95vh;}html{overflow-x:hidden;width:100%;scroll-snap-type:none;}body{overflow-x:hidden;width:100%;position:relative;padding-top:80px;}section[id]{scroll-margin-top:90px;scroll-snap-align:none;scroll-snap-stop:normal;}.nav-links{display:none;}.menu-toggle{display:block;}.cookie-banner-inner{flex-direction:column;align-items:stretch;gap:16px;}.cookie-buttons{flex-direction:column;width:100%;gap:10px;}.cookie-buttons .btn{width:100%;margin-bottom:0;white-space:normal;text-align:center;}.hero-grid,.trust-grid,.case-study-grid,.contact-grid,.problem-grid,.service-grid,.footer-grid{grid-template-columns:1fr !important;gap:30px;width:100%;max-width:100%;min-width:0;}.container{padding:0 16px;max-width:100%;width:100%;box-sizing:border-box;overflow-x:hidden;}.hero-visual{min-height:auto;padding:20px 0;width:100%;}.hero-visual-image{max-height:200px;width:100%;max-width:100%;}h1{font-size:1.75rem;word-wrap:break-word;hyphens:auto;}h2{font-size:1.5rem;word-wrap:break-word;}.big-number{font-size:3rem !important;}.audit-box{padding:30px 20px;}.audit-form{flex-direction:column;gap:12px;}.form-group{min-width:0;width:100%;}.drawer-content{padding:24px;}.drawer-header{padding:16px 24px;}.drawer-header h2{font-size:1.25rem;padding-right:20px;}.animate-left,.animate-right{transform:translateX(30px);}.animate-left{transform:translateX(-30px);}.mosaic-grid{display:none;}.case-slider{padding:0 40px;}.case-slide{min-width:100%;padding:10px;}.trust-image{order:2;}.trust-content{order:1;}.contact-detail a{font-size:1.1rem;word-break:break-all;}.callback-form{padding:24px;}.footer-bottom{flex-direction:column;text-align:center;gap:16px;}.legal-links{align-items:center;gap:8px;}}@media(max-width:480px){:root{--section-padding:40px;}.container{padding:0 12px;}.hero-grid,.trust-grid,.case-study-grid,.contact-grid{gap:20px;}.btn-large{padding:14px 20px;font-size:1rem;width:100%;margin-bottom:10px;box-sizing:border-box;}.hero-buttons{flex-direction:column;width:100%;}.service-card{padding:24px;}.section-header{margin-bottom:40px;}.slider-btn{width:36px;height:36px;}.case-study-grid{gap:30px;}}@media(prefers-reduced-motion:reduce){.animate-left,.animate-right,.animate-fade{transition:none !important;opacity:1 !important;transform:none !important;}*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}.hide{display:none}.form-success{padding:1rem 1.5rem;margin-top:1rem;background:#a6e2a6;color:#000000;border:1px solid #48ad4c;border-radius:4px;font-size:1rem;line-height:1.4;text-align:center;animation:fadeIn .4s ease-out forwards;}.cookie-widget{position:fixed;bottom:20px;left:20px;z-index:9998;background:var(--color-bg);border:1px solid var(--color-border);border-radius:50px;padding:10px 20px;box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:all 0.3s ease;max-width:calc(100% - 40px);}.cookie-widget:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.2);}.cookie-widget-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--color-text);font-size:0.9rem;font-weight:500;cursor:pointer;white-space:nowrap;font-family:inherit;}.cookie-widget-btn:hover{color:var(--color-accent);}.cookie-widget-btn svg{flex-shrink:0;color:var(--color-accent);}@media(max-width:480px){.cookie-widget{bottom:15px;left:15px;padding:12px;border-radius:50%;}.cookie-widget-btn span{display:none;}.cookie-widget-btn svg{width:22px;height:22px;margin:0;}}.form-success.show{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}