.header{width:100%;background-color:var(--color-background);position:fixed;top:0;left:0;z-index:1000;box-shadow:0 2px 4px #0000001a}.header-main{height:var(--size-md);display:flex;align-items:center}.header-content{width:100%;max-width:var(--content-limit);margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-xl)}.header-logo{font-family:var(--font-family);font-size:var(--font-size-xl);font-weight:var(--font-weight-regular);line-height:var(--line-height-auto);letter-spacing:var(--letter-spacing-0);text-decoration:none;display:flex;align-items:center}.header-logo-image{height:64px;width:auto;object-fit:contain;padding:10px 10px 10px 5px}.logo-turn,.logo-dev{color:var(--color-primary)}.header-filler{flex:1 0 0;align-self:stretch}.header-nav{display:flex;align-items:center}.nav-button{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-auto);letter-spacing:var(--letter-spacing-0);display:flex;height:var(--size-md);padding:8px 12px;flex-direction:column;justify-content:center;align-items:flex-start;background:var(--color-background);color:var(--color-primary);text-decoration:none;box-sizing:border-box}.nav-button:hover{background:var(--color-accent-hover);color:var(--color-primary)}.nav-button:last-child{padding-right:12px;margin-right:-12px}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);height:var(--size-md);align-items:center;justify-content:center}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:20px;height:14px}.hamburger-icon span{width:100%;height:2px;background-color:var(--color-primary);transition:all .3s ease;border-radius:1px}.mobile-nav{display:none;flex-direction:column;background-color:var(--color-background);padding:var(--spacing-md);border-top:1px solid var(--color-border);position:absolute;top:100%;left:0;right:0;z-index:1000}.mobile-nav-button{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-auto);letter-spacing:var(--letter-spacing-0);padding:var(--spacing-md);color:var(--color-primary);text-decoration:none;border-bottom:1px solid var(--color-border)}.mobile-nav-button:last-child{border-bottom:none}.mobile-nav-button:hover{background:var(--color-accent-hover);color:var(--color-primary)}@media (max-width: 1280px){.header-content{padding:0 var(--spacing-lg)}.header-nav{display:none}.mobile-menu-toggle{display:block}.mobile-nav{display:none}.mobile-nav.open{display:flex}}.button{display:inline-flex;min-width:200px;height:var(--size-md);padding:var(--spacing-sm) var(--spacing-md);flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box;border:none;cursor:pointer;position:relative;overflow:hidden}.button:focus{outline:none}.button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.button-content{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;position:relative;width:100%;height:100%}.button-text{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-1);text-align:center;margin:0;white-space:nowrap}.button--primary{background:var(--color-accent-strong);color:var(--color-background)}.button--primary .button-text{color:var(--color-background)}.button--secondary{background:var(--color-background);color:var(--color-foreground)}.button--secondary .button-text{color:var(--color-foreground)}.button:not(:disabled):hover.button--primary{background:var(--color-accent)}.button:not(:disabled):hover.button--primary .button-text{color:var(--color-background)}.button:not(:disabled):hover.button--secondary{background:var(--color-foreground)}.button:not(:disabled):hover.button--secondary .button-text{color:var(--color-background)}@media (hover: none){.button:not(:disabled):hover.button--primary{background:var(--color-accent)}.button:not(:disabled):hover.button--primary .button-text{color:var(--color-background)}.button:not(:disabled):hover.button--secondary{background:var(--color-background)}.button:not(:disabled):hover.button--secondary .button-text{color:var(--color-foreground)}}@media (max-width: 640px){.button{min-width:160px;height:var(--size-sm);padding:var(--spacing-sm) var(--spacing-md)}.button-text{font-size:var(--font-size-sm)}}.carousel{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:550px;width:100%}.carousel-navigation{display:flex;align-items:center;justify-content:center;width:100%;position:relative;gap:var(--spacing-xs)}.carousel-number{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease;position:relative;flex:0 0 60px;padding:0 var(--spacing-sm)}.carousel-number:first-child{padding-left:0}.carousel-number:last-child{padding-right:0}.carousel-number.active{flex:1}.carousel-number:hover{opacity:.7}.carousel-number-bar{width:100%;height:2px;background-color:var(--color-on-accent);margin-top:var(--spacing-xs);transition:all .2s ease;position:relative;overflow:hidden}.carousel-number.active .carousel-number-bar{background-color:var(--color-accent)}.carousel-progress-bar{position:absolute;top:0;left:0;height:100%;background-color:var(--color-accent);transition:width .05s linear;z-index:1}.carousel-number-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);color:var(--color-on-accent);transition:color .2s ease}.carousel-number.active .carousel-number-text{color:var(--color-accent)}.carousel-content{padding:var(--spacing-lg);min-height:200px;display:flex;align-items:center;justify-content:center;border-left:2px solid var(--color-muted-background);border-right:2px solid var(--color-muted-background);box-sizing:border-box}.carousel-text{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--color-on-accent);text-align:left;text-justify:top;margin:0;line-height:1.5}@media (hover: none){.carousel-number:hover{opacity:1}}@media (max-width: 1280px){.carousel-content{border:none}}@media (max-width: 640px){.carousel{max-width:100%;gap:var(--spacing-md)}.carousel-navigation{gap:var(--spacing-xs)}.carousel-number{flex:0 0 50px}.carousel-number.active{flex:1}.carousel-number-bar,.carousel-number.active .carousel-number-bar{width:100%}.carousel-content{padding:var(--spacing-md)}.carousel-text{font-size:var(--font-size-sm)}}@media (max-width: 480px){.carousel-navigation{gap:2px}.carousel-number{flex:0 0 40px}.carousel-number.active{flex:1}.carousel-number-bar,.carousel-number.active .carousel-number-bar{width:100%}.carousel-number-text{font-size:var(--font-size-lg)}.carousel-content{min-height:200px}}.hero{position:relative;width:100%;display:flex;align-items:stretch;justify-content:flex-start;overflow:hidden}.hero-background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.hero-content{position:relative;z-index:3;max-width:var(--content-limit);width:100%;padding:0 var(--spacing-xl);margin:0 auto;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;gap:var(--spacing-xl)}.hero-left{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);flex:1;max-width:50%;padding:var(--spacing-xxl) 0}.hero-right{display:flex;align-items:flex-end;justify-content:center;flex:1;padding:var(--spacing-xxl) 0;background-color:#111827aa}.hero-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-regular);line-height:var(--line-height-1);color:var(--color-background);margin:0;text-align:left}.hero-title-line{display:block}.hero-subtitle{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--color-background);margin:0;text-align:left}.hero-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}@media (max-width: 1280px){.hero-content{flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xxl) var(--spacing-xl)}.hero-left{max-width:100%;width:100%;padding:0}.hero-right{display:flex;justify-content:flex-end;width:auto;margin-left:auto;padding:0}}@media (max-width: 640px){.hero{height:auto;min-height:500px;padding:var(--spacing-xl) 0}.hero-content{padding:0 var(--spacing-lg);gap:var(--spacing-md)}.hero-title{font-size:var(--font-size-xl)}.hero-subtitle{font-size:var(--font-size-sm)}.hero-buttons{flex-direction:column;width:100%}}.service{width:100%;padding:var(--spacing-xxxl) 0 0 0;background-color:var(--color-background);position:relative}.services-container{max-width:var(--content-limit);width:100%;margin:0 auto;padding:0 var(--spacing-xl);display:flex;align-items:stretch;gap:0}.services-left{width:60%;padding:var(--spacing-xl) var(--spacing-xl) 0 0;display:flex;flex-direction:column;justify-content:flex-start;order:1}.services-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0}.services-subtitle{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--color-foreground);margin:0;line-height:var(--line-height-relaxed)}.services-subtitle p{margin:0;line-height:var(--line-height-relaxed)}.services-click-hint{font-size:var(--font-size-sm);color:var(--color-accent-strong);margin:0;font-style:italic}.services-divider{width:2px;background-color:var(--color-primary);order:2}.services-right{width:40%;padding:var(--spacing-xl) 0 0 var(--spacing-xxl);display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-xl);order:3}.service-item{padding:var(--spacing-lg) 0;transition:color 1.5s ease;position:relative}.service-item h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;transition:color 1.5s ease}.service-item p{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-foreground);margin:0 0 var(--spacing-md) 0;line-height:var(--line-height-relaxed);opacity:0;max-height:0;overflow:hidden;transition:max-height 1.5s ease,opacity 1.5s ease;padding-left:var(--spacing-md);position:relative}.service-item p:before{content:"•";position:absolute;left:0;color:var(--color-accent)}.service-item p:last-child{margin-bottom:0}.service-item--open p{opacity:1;max-height:500px;margin-bottom:var(--spacing-md)}.service-item--open p:last-child{margin-bottom:0}.service-item--open h3{color:var(--color-accent-strong)}@media (hover: hover){.service-item:hover,.service-item:hover h3{color:var(--color-accent-strong)}.service-item:hover p{opacity:1;max-height:500px;margin-bottom:var(--spacing-md)}.service-item:hover p:last-child{margin-bottom:0}}@media (max-width: 1280px){.service{padding:var(--spacing-xxl) 0 0 0}.services-container{padding:0 var(--spacing-lg)}.services-left{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-xl) 0}.services-title{font-size:var(--font-size-lg)}.services-subtitle{font-size:var(--font-size-sm)}.services-right{padding:var(--spacing-xl) 0 var(--spacing-xl) var(--spacing-lg)}.service-item{padding:var(--spacing-md) 0}.service-item h3{font-size:var(--font-size-md)}.service-item p{font-size:var(--font-size-sm)}}@media (max-width: 640px){.service{padding:var(--spacing-xl) 0 0 0}.services-container{flex-direction:column;padding:0 var(--spacing-lg)}.services-left{width:100%;padding:var(--spacing-lg) 0 0 0;text-align:center;order:3}.services-title{font-size:var(--font-size-md)}.services-subtitle{font-size:var(--font-size-sm)}.services-divider{width:100%;height:2px;margin:var(--spacing-lg) 0;order:2}.services-right{width:100%;padding:0 0 var(--spacing-lg) 0;text-align:right;order:1}.service-item{padding:var(--spacing-sm) 0}.service-item h3{font-size:var(--font-size-sm)}.service-item p{font-size:var(--font-size-xs);opacity:0;max-height:0;padding-left:var(--spacing-md);text-align:left;overflow:hidden;transition:max-height 1.5s ease,opacity 1.5s ease}.service-item--open p{opacity:1;max-height:500px}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #111827;--color-accent: #DA7B38;--color-foreground: #324358;--color-background: #FFFFFF;--color-muted-background: #F9FAFB;--color-border: #E5E7EB;--color-muted-foreground: #6B7280;--color-accent-strong: #B45309;--color-accent-hover: #F0DDCE;--color-on-accent: #FFFFFF;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 40px;--spacing-xxl: 64px;--spacing-xxxl: 96px;--size-sm: 40px;--size-md: 64px;--size-lg: 96px;--button-min-width: 360px;--radius-sm: 8px;--radius-lg: 16px;--radius-xl: 24px;--screen-xs: 400px;--screen-sm: 640px;--screen-md: 1280px;--content-limit: 1400px;--font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-size-xxl: 96px;--font-size-xl: 48px;--font-size-lg: 32px;--font-size-md: 24px;--font-size-sm: 20px;--font-size-xs: 16px;--font-weight-regular: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-auto: auto;--line-height-1: 1;--line-height-relaxed: 1.5;--letter-spacing-0: 0%}body{font-family:var(--font-family)}.app-main{padding-top:var(--size-md)}
