:root{--color-primary:#1c0f0e;--color-primary-light:#2f1b19;--color-primary-dark:#110605;--color-accent:#c94b2a;--color-accent-light:#de5e3d;--color-accent-bright:#f27a5b;--color-accent-rgb:201, 75, 42;--color-secondary:#8a250f;--color-secondary-hover:#a33017;--color-secondary-rgb:138, 37, 15;--color-text-dark:#1a1a1a;--color-text-muted:#6b6b60;--color-text-light:#fff;--color-text-muted-light:#b8b5ad;--color-bg-light:#fff;--color-bg-warm:#faf7f2;--color-bg-warm-alt:#f5f0eb;--color-bg-dark:#1c0f0e;--color-bg-dark-alt:#110605;--color-border-light:#e8e4de;--color-border-dark:#2f1b19;--font-heading:"Outfit", "Plus Jakarta Sans", sans-serif;--font-body:"Inter", sans-serif;--transition-smooth:transform .4s cubic-bezier(.16, 1, .3, 1), opacity .4s cubic-bezier(.16, 1, .3, 1), box-shadow .4s cubic-bezier(.16, 1, .3, 1), background-color .4s cubic-bezier(.16, 1, .3, 1), border-color .4s cubic-bezier(.16, 1, .3, 1), color .4s cubic-bezier(.16, 1, .3, 1);--transition-fast:color .2s ease, background-color .2s ease, border-color .2s ease, opacity .2s ease, transform .2s ease;--max-width:1280px;--header-height:80px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 10px 25px -5px #1c0f0e0f, 0 8px 16px -6px #1c0f0e08;--shadow-lg:0 20px 40px -15px #1c0f0e1f;--shadow-accent:0 8px 24px -4px #c94b2a40}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;overflow-x:hidden}body{font-family:var(--font-body);color:var(--color-text-dark);background-color:var(--color-bg-light);overscroll-behavior-x:none;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-dark);font-weight:700;line-height:1.25}h1{letter-spacing:-.03em;font-size:clamp(1.85rem,1.2rem + 3.2vw,3.5rem)}h2{letter-spacing:-.02em;font-size:clamp(1.6rem,1rem + 2.5vw,2.5rem)}h3{letter-spacing:-.01em;font-size:clamp(1.25rem,.9rem + 1.5vw,1.75rem)}p{color:var(--color-text-muted)}a{color:inherit;transition:var(--transition-fast);text-decoration:none}img{content-visibility:auto;max-width:100%;height:auto;display:block}ul{list-style:none}.btn{font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-accent);color:var(--color-text-light);box-shadow:var(--shadow-accent)}.btn-primary:hover{background-color:var(--color-accent-light);box-shadow:0 12px 28px -4px rgba(var(--color-accent-rgb), .35);transform:translateY(-2px)}.btn-secondary{color:var(--color-text-light);background-color:#0000;border:1px solid #ffffff4d}.btn-secondary:hover{background-color:#ffffff14;border-color:#fff9;transform:translateY(-2px)}.btn-outline-dark{color:var(--color-text-dark);border:1px solid var(--color-border-light);background-color:#0000}.btn-outline-dark:hover{background-color:var(--color-bg-warm);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.btn-icon{transition:var(--transition-smooth);flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.btn:hover .btn-icon{transform:translate(2px,-2px)}.service-svg-icon{stroke-width:2.2px;width:26px;height:26px;transition:var(--transition-smooth)}.service-card:hover .service-svg-icon{transform:scale(1.1)}.contact-detail-svg{stroke-width:2px;width:20px;height:20px;transition:var(--transition-smooth)}.detail-item:hover .contact-detail-svg{transform:scale(1.1)rotate(-5deg)}.arrow-circle{background-color:var(--color-accent);width:44px;height:44px;color:var(--color-text-light);transition:var(--transition-smooth);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.arrow-circle svg{stroke-width:2.5px;width:16px;height:16px;transition:var(--transition-smooth)}.arrow-circle:hover{background-color:var(--color-accent-light);transform:rotate(45deg)}.arrow-circle-white{color:var(--color-text-dark);background-color:#fff}.arrow-circle-white:hover{background-color:var(--color-text-dark);color:#fff;transform:rotate(45deg)}.badge{text-transform:uppercase;letter-spacing:.05em;background-color:rgba(var(--color-accent-rgb), .08);color:var(--color-accent);border:1px solid rgba(var(--color-accent-rgb), .15);border-radius:100px;align-items:center;padding:.35rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translate(0,0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)translate(0,0)}to{opacity:1;transform:scale(1)translate(0,0)}}@keyframes spin{to{transform:rotate(360deg)}}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.section{padding:8rem 0}.section-dark{background-color:var(--color-bg-dark-alt);color:var(--color-text-light)}.section-dark h2{color:var(--color-text-light)}.section-dark p{color:var(--color-text-muted-light)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg-warm)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border:2px solid var(--color-bg-warm);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media (width<=992px){html{font-size:15px}.section{padding:5rem 0}}@media (width<=576px){html{font-size:14px}}@media (width<=380px){.container{padding:0 1rem}.section{padding:3.5rem 0}}.header{width:100%;height:var(--header-height);z-index:1000;border-bottom:1px solid #0000;align-items:center;transition:background-color .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .4s cubic-bezier(.16,1,.3,1),backdrop-filter .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.header.scrolled{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border-light);background-color:#ffffffd9}.header-container{width:100%;max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 1.5rem;display:flex}.logo-container{z-index:1010;align-items:center;gap:.75rem;display:flex}.logo-img{aspect-ratio:160/48;width:auto;height:42px;transition:transform .4s cubic-bezier(.16,1,.3,1),filter .4s cubic-bezier(.16,1,.3,1);display:block}.header:not(.scrolled) .logo-img{filter:brightness(0)invert()}.header.scrolled .logo-img{filter:none}.logo-container:hover .logo-img{transform:scale(1.03)}.desktop-nav{display:block}.nav-list{align-items:center;gap:2.5rem;display:flex}.nav-link{font-family:var(--font-heading);color:#ffffffbf;transition:var(--transition-fast);align-items:center;gap:.25rem;padding:.5rem 0;font-size:.95rem;font-weight:500;display:inline-flex;position:relative}.header.scrolled .nav-link{color:var(--color-text-muted)}.nav-link:after{content:"";background-color:var(--color-accent);width:0;height:2px;transition:var(--transition-fast);position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--color-text-light)}.header.scrolled .nav-link:hover{color:var(--color-text-dark)}.nav-link:hover:after{width:100%}.dropdown-caret{stroke-width:2.5px;width:12px;height:12px;transition:transform var(--transition-fast)}.nav-item-dropdown:hover .dropdown-caret{transform:rotate(180deg)}.nav-item-dropdown{position:relative}.dropdown-trigger{cursor:pointer}.nav-dropdown{-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;z-index:100;background-color:#fffffff2;flex-direction:column;gap:.25rem;min-width:300px;padding:.75rem 0;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),visibility .3s;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(15px)}.header:not(.scrolled) .nav-dropdown{background-color:#1c0f0ef2;border-color:#ffffff26;box-shadow:0 20px 40px -15px #00000080}.nav-item-dropdown:hover .nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%)translateY(5px)}.dropdown-link{font-family:var(--font-heading);color:var(--color-text-dark);transition:var(--transition-fast);border-left:3px solid #0000;align-items:center;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;display:flex}.header:not(.scrolled) .dropdown-link{color:var(--color-text-light)}.dropdown-link:hover{background-color:var(--color-bg-warm);border-left-color:var(--color-accent);padding-left:1.75rem;color:var(--color-accent)!important}.header:not(.scrolled) .dropdown-link:hover{border-left-color:var(--color-accent);background-color:#ffffff0d;color:var(--color-accent)!important}.header-actions{align-items:center;gap:1.5rem;display:flex}.btn-header{padding:.6rem 1.4rem;font-size:.9rem}.burger-btn{cursor:pointer;z-index:1010;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:13px 10px;display:none}.burger-btn span{background-color:var(--color-text-light);width:100%;height:2px;transition:var(--transition-smooth)}.header.scrolled .burger-btn span{background-color:var(--color-text-dark)}.burger-btn.open span:first-child{transform:translateY(8px)rotate(45deg)}.burger-btn.open span:nth-child(2){opacity:0}.burger-btn.open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.mobile-menu{background-color:var(--color-primary-dark);z-index:1005;will-change:transform;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;justify-content:center;align-items:flex-start;width:100%;height:100dvh;padding:8rem 2rem 2rem;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(100%)}.mobile-menu.open{transform:translate(0,0)}.mobile-nav{width:100%;max-width:400px}.mobile-nav ul{flex-direction:column;align-items:center;gap:1.75rem;width:100%;display:flex}.mobile-nav li{text-align:center;width:100%}.mobile-nav a{font-family:var(--font-heading);color:var(--color-text-light);-webkit-tap-highlight-color:transparent;align-items:center;min-height:44px;font-size:1.5rem;font-weight:600;display:inline-flex}.mobile-nav a:hover{color:var(--color-accent-bright)}.mobile-nav-item-dropdown{flex-direction:column;align-items:center;width:100%;display:flex}.mobile-dropdown-trigger{font-family:var(--font-heading);color:var(--color-text-light);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:44px;font-size:1.5rem;font-weight:600;display:flex}.mobile-dropdown-trigger:hover{color:var(--color-accent-bright)}.mobile-dropdown-trigger .dropdown-caret{stroke-width:2.5px;width:18px;height:18px}.mobile-dropdown-trigger .dropdown-caret.open{transform:rotate(180deg)}.mobile-dropdown-menu{opacity:0;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-height:0;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .4s;display:flex;overflow:hidden}.mobile-nav-item-dropdown.open .mobile-dropdown-menu{opacity:1;max-height:300px;margin-top:1rem}.mobile-dropdown-menu a{align-items:center;min-height:44px;display:flex;color:var(--color-text-muted-light)!important;font-size:1.15rem!important;font-weight:500!important}.mobile-dropdown-menu a:hover{color:var(--color-accent-bright)!important}.mobile-cta-li{margin-top:1rem}@media (width<=992px){.desktop-nav{display:none}.burger-btn{display:flex}.btn-header{display:none}}.footer-section{background-color:var(--color-bg-warm);color:var(--color-text-dark);border-top:1px solid var(--color-border-light);flex-direction:column;padding:0;display:flex}.footer-newsletter-container{border-bottom:1px solid var(--color-border-light);background-color:var(--color-bg-warm);padding:3.5rem 0}.footer-newsletter{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.newsletter-title{font-family:var(--font-heading);letter-spacing:.12em;color:var(--color-text-dark);margin:0;font-size:1.25rem;font-weight:500}.newsletter-form{justify-content:center;align-items:center;gap:1rem;width:100%;max-width:650px;display:flex}.newsletter-input{border:1px solid var(--color-border-light);color:var(--color-text-dark);font-family:var(--font-body);transition:var(--transition-fast);background-color:#fff;border-radius:100px;outline:none;flex:1;padding:.85rem 1.5rem;font-size:.95rem}.newsletter-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb), .15)}.newsletter-btn{background-color:var(--color-accent);color:#fff;font-family:var(--font-heading);letter-spacing:.05em;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:100px;padding:.85rem 2.25rem;font-size:.9rem;font-weight:700}.newsletter-btn:hover{background-color:var(--color-accent-light);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.newsletter-success{color:var(--color-accent);font-family:var(--font-heading);align-items:center;gap:.5rem;font-size:1.05rem;font-weight:600;display:flex}.newsletter-success span{background-color:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;display:inline-flex}.footer-main-container{background-color:var(--color-bg-warm);padding:5rem 0}.footer-grid{grid-template-columns:1.25fr 1fr 1fr;align-items:start;gap:4rem;display:grid}.footer-brand{flex-direction:column;gap:1.5rem;display:flex}.footer-logo{align-items:center;display:inline-flex}.footer-logo .logo-img{aspect-ratio:160/48;width:auto;height:46px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:block}.footer-logo:hover .logo-img{transform:scale(1.03)}.footer-slogan{color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.footer-socials{gap:.75rem;margin-top:.5rem;display:flex}.social-circle{background-color:var(--color-primary-light);color:#fff;width:36px;height:36px;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.social-circle svg{width:16px;height:16px}.social-circle:hover{background-color:var(--color-accent);color:#fff;transform:translateY(-2px)}.footer-col{flex-direction:column;display:flex}.footer-col-title{font-family:var(--font-heading);color:var(--color-text-dark);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.05rem;font-weight:700;display:inline-block;position:relative}.footer-col-title:after{content:"";background-color:var(--color-accent);width:35px;height:2px;position:absolute;bottom:0;left:0}.footer-contact-list{flex-direction:column;gap:1.25rem;display:flex}.footer-contact-list li{color:var(--color-text-muted);align-items:flex-start;gap:.75rem;font-size:.9rem;display:flex}.footer-contact-svg{width:18px;height:18px;color:var(--color-accent);flex-shrink:0;margin-top:1px}.direction-link-li{border-top:1px dashed var(--color-border-light);margin-top:.5rem;padding-top:1rem}.footer-direction-link{color:var(--color-text-dark);transition:var(--transition-fast);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.footer-direction-link:hover{color:var(--color-accent)}.footer-direction-link:hover .animate-arrow{transform:translate(2px,-2px)}.footer-links-list{flex-direction:column;gap:.85rem;display:flex}.footer-links-list li{align-items:center;display:flex}.footer-links-list a{color:var(--color-text-muted);transition:var(--transition-fast);align-items:center;gap:.5rem;font-size:.9rem;display:inline-flex}.link-caret{color:var(--color-accent);font-family:var(--font-heading);transition:var(--transition-fast);font-size:.85rem;font-weight:700}.footer-links-list a:hover{color:var(--color-accent)}.footer-links-list a:hover .link-caret{transform:translate(3px)}.footer-bottom-bar{background-color:var(--color-accent);color:#fff;padding:1.25rem 0}.footer-bottom-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-bottom-bar .copyright{color:#ffffffe6;font-size:.85rem}.designer-link{color:#fff;transition:var(--transition-fast);font-weight:500;text-decoration:none}.designer-link:hover{text-decoration:underline}.footer-bottom-bar .footer-bottom-links{gap:1.5rem;display:flex}.footer-bottom-bar .footer-bottom-links a{color:#ffffffe6;transition:var(--transition-fast);font-size:.85rem}.footer-bottom-bar .footer-bottom-links a:hover{color:#fff;text-decoration:underline}@media (width<=992px){.footer-newsletter-container{padding:2.5rem 0}.newsletter-form{flex-direction:column;gap:.75rem;width:100%}.newsletter-input,.newsletter-btn{width:100%}.footer-grid{grid-template-columns:minmax(0,1fr);gap:3rem}.footer-col-title:after{width:25px}}@media (width<=576px){.footer-bottom-container{text-align:center;flex-direction:column;align-items:center;gap:1rem}.footer-bottom-links{justify-content:center;width:100%}.copyright-divider{display:none}.designer-credit{margin-top:.5rem;display:block}}@media (width<=380px){.footer-main-container{padding:3rem 0}.footer-newsletter-container{padding:2rem 0}.newsletter-title{font-size:1.05rem}.newsletter-input{padding:.75rem 1.25rem;font-size:.9rem}.social-circle{width:44px;height:44px}}