:root{--color-primary:#2d4a5d;--color-primary-light:#5f7890;--color-primary-dark:#1a2d38;--color-surface:#f8fafc;--color-surface-alt:#f1f5f9;--color-text:#1e293b;--color-text-muted:#475569;--color-border:#e2e8f0;--color-white:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-surface);color:var(--color-text);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}.site-header{backdrop-filter:blur(8px);background:linear-gradient(180deg,var(--color-white) 0,var(--color-surface) 100%);border-bottom:1px solid var(--color-border);flex-shrink:0;position:sticky;top:0;z-index:1000}.header-content{height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem}.header-content,.header-logo{align-items:center;display:flex}.header-logo{color:var(--color-text);font-size:1.125rem;font-weight:700;gap:.625rem;text-decoration:none;transition:color .2s ease}.header-logo-icon,.header-logo:hover{color:var(--color-primary)}.header-logo-icon{flex-shrink:0;height:28px;width:28px}.header-links,.header-nav{align-items:center;display:flex}.header-links{gap:.25rem;list-style:none}.header-links>li>a{align-items:center;border-radius:8px;color:var(--color-text-muted);display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .875rem;text-decoration:none;transition:color .2s ease,background-color .2s ease}.header-links>li>a:hover{background-color:var(--color-surface-alt);color:var(--color-text)}.menu-icon{color:var(--color-text-muted);flex-shrink:0;height:18px;width:18px}.mobile-menu-toggle{align-items:center;background:none;border:1px solid transparent;border-radius:8px;color:var(--color-text-muted);cursor:pointer;display:none;height:44px;justify-content:center;padding:0;transition:background-color .2s ease,color .2s ease;width:44px}.mobile-menu-toggle:focus,.mobile-menu-toggle:hover{background-color:var(--color-surface-alt);color:var(--color-text);outline:none}.mobile-menu-toggle[aria-expanded=true] .hamburger-icon{background:transparent}.mobile-menu-toggle[aria-expanded=true] .hamburger-icon:before{top:0;transform:rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] .hamburger-icon:after{bottom:0;transform:rotate(-45deg)}.hamburger-icon{background-color:currentColor;border-radius:1px;display:block;height:2px;position:relative;width:20px}.hamburger-icon:after,.hamburger-icon:before{background-color:currentColor;border-radius:1px;content:"";height:2px;left:0;position:absolute;transition:transform .2s ease;width:100%}.hamburger-icon:before{top:-6px}.hamburger-icon:after{bottom:-6px}.nav-dropdown{position:relative}.nav-dropdown-trigger{align-items:center;background:none;border:none;border-radius:8px;color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem .875rem;transition:color .2s ease,background-color .2s ease}.nav-dropdown-trigger:focus,.nav-dropdown-trigger:hover{background-color:var(--color-surface-alt);color:var(--color-text);outline:none}.dropdown-arrow{flex-shrink:0;height:16px;transition:transform .2s ease;width:16px}.nav-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.08);list-style:none;margin:0;min-width:180px;opacity:0;padding:.5rem;position:absolute;right:0;top:calc(100% + 4px);transform:translateY(-8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;z-index:100}.nav-dropdown.open .nav-dropdown-trigger{background-color:var(--color-surface-alt);color:var(--color-text)}.nav-dropdown.open .nav-dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.nav-dropdown-menu li{margin:0}.nav-dropdown-menu a{align-items:center;border-radius:8px;color:var(--color-text-muted);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.625rem .875rem;text-decoration:none;transition:background-color .15s ease,color .15s ease}.nav-dropdown-menu a:hover{background-color:var(--color-surface-alt);color:var(--color-text)}.nav-dropdown-menu .menu-icon{color:var(--color-text-muted);flex-shrink:0;height:18px;transition:color .15s ease;width:18px}.nav-dropdown-menu a:hover .menu-icon{color:var(--color-primary)}@media (hover:hover) and (pointer:fine){.nav-dropdown:hover .nav-dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}}.nav-dropdown-locale{border-bottom:1px solid var(--color-border);margin-bottom:.375rem;padding:.625rem .875rem}.nav-dropdown-locale .locale-flags{gap:.5rem}.nav-dropdown-locale .locale-flag{height:32px;min-height:32px;min-width:32px;width:32px}.nav-dropdown-locale .locale-text{font-size:.6875rem;line-height:1}.nav-dropdown-label{color:var(--color-text-muted);display:block;font-size:.6875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.locale-flags{display:flex;flex-wrap:wrap;gap:.5rem}.locale-flag{align-items:center;background-color:var(--color-surface-alt);border:2px solid transparent;border-radius:8px;color:var(--color-text-muted);display:inline-flex;font-size:.75rem;font-weight:600;height:32px;justify-content:center;padding:0;text-decoration:none;transition:border-color .2s ease,background-color .2s ease,color .2s ease;width:32px}.locale-flag:hover{background-color:var(--color-border);color:var(--color-text)}.locale-flag.active{background-color:#dbeafe;border-color:var(--color-primary);color:var(--color-primary)}.site-footer{background-color:var(--color-surface-alt);border-top:1px solid var(--color-border);color:var(--color-text-muted);flex-shrink:0;margin-top:auto;padding:2rem 1.5rem}.footer-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;margin:0 auto;max-width:1200px}.footer-contact,.footer-guides,.footer-locale-social,.footer-nav{flex:1;min-width:160px}.site-footer .footer-contact,.site-footer address{font-style:normal}.footer-title{align-items:center;color:var(--color-text-muted);display:flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.footer-icon{flex-shrink:0;height:18px;width:18px}.footer-address{color:var(--color-text-muted);font-size:.875rem;line-height:1.6;margin-bottom:.75rem}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.375rem}.footer-links a{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:.875rem;gap:.5rem;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--color-primary)}.link-icon{flex-shrink:0;height:16px;width:16px}.footer-email a{color:var(--color-text-muted);font-size:.875rem;text-decoration:none;transition:color .2s ease}.footer-email a:hover{color:var(--color-primary)}.hero{background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary) 50%,var(--color-primary-light) 100%);color:var(--color-white);padding:4rem 1.5rem;text-align:center}.hero-inner{margin:0 auto;max-width:800px}.hero h1{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem}.hero p{font-size:1.25rem;line-height:1.6;margin-bottom:4rem;opacity:.95}.hero .btn-primary{align-items:center;background-color:var(--color-white);border:none;border-radius:10px;color:var(--color-primary);display:inline-flex;font-size:1.125rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:background-color .2s ease,transform .2s ease,color .2s ease}.hero .btn-primary:hover{background-color:var(--color-surface-alt);color:var(--color-primary-dark);transform:translateY(-1px)}.store-icon{align-items:center;display:inline-flex;flex-shrink:0}.store-icon svg{display:block;vertical-align:middle}.hero-image{border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);height:auto;margin-top:4rem;width:100%}.features{margin:0 auto;max-width:1200px;padding:4rem 1.5rem}.features h2{color:var(--color-text);font-size:1.75rem;font-weight:700;margin-bottom:2.5rem;text-align:center}.features-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:box-shadow .2s ease,border-color .2s ease}.feature-card:hover{border-color:#bfdbfe;box-shadow:0 4px 20px rgba(30,64,175,.08)}.feature-card h3{color:var(--color-text);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.feature-card p{color:var(--color-text-muted);font-size:.9375rem;line-height:1.5}.cta-section{background-color:var(--color-surface-alt);padding:3rem 1.5rem;text-align:center}.cta-section .btn-primary{align-items:center;background-color:var(--color-primary);border:none;border-radius:10px;color:var(--color-white);display:inline-flex;font-size:1.125rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.cta-section .btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.welcome-steps{display:flex;flex-direction:column;gap:2rem;margin:1.5rem 0}.welcome-step{align-items:flex-start;display:flex;flex-direction:row;gap:1.5rem}.welcome-step img{border:1px solid var(--color-border);border-radius:10px;flex-shrink:0;height:auto;max-width:320px;width:100%}.welcome-step h3{color:var(--color-text);font-size:1.125rem;font-weight:600;margin-bottom:.375rem}.welcome-step p{color:var(--color-text-muted);font-size:.9375rem;line-height:1.5;margin:0}@media (max-width:768px){.header-content{padding:0 1rem}.mobile-menu-toggle{display:flex}.header-nav{background:var(--color-white);border-bottom:1px solid var(--color-border);box-shadow:0 4px 12px rgba(0,0,0,.08);display:none;left:0;padding:1rem;position:absolute;right:0;top:100%}.header-nav.is-open{display:block}.header-links{align-items:stretch;flex-direction:column}.header-links>li>a,.nav-dropdown-trigger{border-radius:10px;padding:.875rem 1rem;width:100%}.nav-dropdown-trigger{align-items:center;display:flex;justify-content:space-between}.nav-dropdown-menu{background-color:var(--color-surface);border:1px solid transparent;border-radius:12px;box-shadow:none;margin:.25rem 0 0;max-height:0;opacity:1;overflow:hidden;padding:0;position:static;transform:none;transition:max-height .25s cubic-bezier(.4,0,.2,1),padding .25s ease,margin .25s ease,border-color .25s ease;visibility:visible}.nav-dropdown.open .nav-dropdown-menu{border-color:var(--color-border);margin:.25rem 0 .5rem;max-height:500px;padding:.5rem}.nav-dropdown-menu a{border-radius:8px;font-size:.9375rem;padding:.75rem 1rem}.nav-dropdown-menu a:active,.nav-dropdown-menu a:hover{background-color:var(--color-border)}.nav-dropdown-locale{border-bottom:1px solid var(--color-border);border-radius:0;margin:0;padding:.75rem 1rem}.nav-dropdown-locale .locale-flag{height:36px;min-height:36px;min-width:36px;width:36px}.nav-dropdown-locale .locale-text{font-size:.75rem}.hero h1{font-size:1.75rem}.hero p{font-size:1.0625rem}.features-grid{grid-template-columns:1fr}.welcome-steps{gap:1.75rem;margin:1.25rem 0}.welcome-step{flex-direction:column;gap:.75rem}.welcome-step>div{order:1}.welcome-step>img{max-width:100%;order:2}}