*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Satoshi",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-color:#fafafa;color:#1a1a1a;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:"Clash Display",sans-serif;font-weight:600;line-height:1.2}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.side-nav{position:fixed;left:0;top:0;width:280px;height:100vh;background:#fff;border-right:1px solid #e5e5e5;z-index:1000;transition:transform .3s ease}.nav-wrapper{display:flex;flex-direction:column;height:100%;padding:40px 30px}.brand-logo{display:flex;align-items:center;gap:12px;margin-bottom:60px}.brand-logo img{width:40px;height:40px}.brand-logo span{font-family:"Clash Display",sans-serif;font-size:24px;font-weight:700;color:#1a1a1a}.nav-links{list-style:none;flex:1}.nav-links li{margin-bottom:8px}.nav-links a{display:block;padding:12px 16px;border-radius:8px;font-size:16px;font-weight:500;color:#666;transition:all .2s ease}.nav-links a:hover{background:#f5f5f5;color:#1a1a1a}.nav-links a.nav-active{background:#f2b705;color:#1a1a1a}.nav-contact{border-top:1px solid #e5e5e5;padding-top:24px}.nav-phone{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:16px;text-align:center}.nav-cta{display:block;text-align:center;padding:12px 24px;background:#2e8b57;color:#fff;border-radius:8px;font-weight:600;transition:background .2s ease}.nav-cta:hover{background:#246b43}.mobile-toggle{display:none;position:fixed;top:20px;left:20px;z-index:1001;background:#fff;border:1px solid #e5e5e5;border-radius:8px;width:48px;height:48px;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:all .2s ease}.mobile-toggle span{width:24px;height:2px;background:#1a1a1a;transition:all .3s ease}.mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(4px, 4px)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px, -6px)}.main-content{margin-left:280px;min-height:100vh}.hero-section{padding:80px 60px;background:linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1400px;margin:0 auto}.hero-title{font-size:64px;font-weight:700;color:#1a1a1a;margin-bottom:24px;line-height:1.1}.hero-subtitle{font-size:20px;color:#666;margin-bottom:40px;line-height:1.6}.hero-visual img{border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.1)}.btn-primary{display:inline-block;padding:16px 32px;background:#f2b705;color:#1a1a1a;font-weight:600;font-size:16px;border-radius:8px;transition:all .2s ease;border:none;cursor:pointer}.btn-primary:hover{background:#d9a504;transform:translateY(-2px);box-shadow:0 8px 20px rgba(242,183,5,.3)}.btn-secondary{display:inline-block;padding:16px 32px;background:#2e8b57;color:#fff;font-weight:600;font-size:16px;border-radius:8px;transition:all .2s ease;border:none;cursor:pointer}.btn-secondary:hover{background:#246b43;transform:translateY(-2px);box-shadow:0 8px 20px rgba(46,139,87,.3)}.section-container{max-width:1200px;margin:0 auto;padding:0 60px}.section-label{display:inline-block;padding:8px 16px;background:#00e5a0;color:#1a1a1a;font-size:14px;font-weight:600;border-radius:20px;margin-bottom:16px}.section-heading{font-size:48px;font-weight:700;color:#1a1a1a;margin-bottom:24px}.section-heading.centered{text-align:center}.about-section{padding:100px 0}.about-text{font-size:18px;color:#666;margin-bottom:48px;max-width:800px}.features-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:32px;margin-top:48px}.feature-card{padding:32px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.08)}.feature-icon{font-size:40px;margin-bottom:16px}.feature-card h3{font-size:20px;margin-bottom:12px;color:#1a1a1a}.feature-card p{font-size:16px;color:#666}.calculator-section{padding:100px 0;background:#fff}.calculator-wrapper{max-width:800px;margin:0 auto}.calculator-intro{text-align:center;margin-bottom:48px}.calculator-intro p{font-size:18px;color:#666;margin-top:16px}.quiz-container{background:#f8f8f8;border-radius:16px;padding:48px;min-height:400px}.quiz-step{display:none}.quiz-step.active{display:block}.quiz-question{font-size:28px;font-weight:600;color:#1a1a1a;margin-bottom:32px;text-align:center}.quiz-options{display:flex;flex-direction:column;gap:16px}.quiz-option{padding:20px 32px;background:#fff;border:2px solid #e5e5e5;border-radius:12px;font-size:18px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all .2s ease;text-align:left}.quiz-option:hover{border-color:#f2b705;background:#fffbf0}.quiz-result{text-align:center}.result-title{font-size:24px;color:#666;margin-bottom:24px}.result-amount{font-size:72px;font-weight:700;color:#2e8b57;margin-bottom:24px}.result-description{font-size:18px;color:#666;margin-bottom:40px}.quiz-progress{margin-top:32px}.progress-bar{width:100%;height:8px;background:#e5e5e5;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:#f2b705;transition:width .3s ease;width:25%}.progress-text{text-align:center;font-size:14px;color:#666}.solutions-preview{padding:100px 0}.solutions-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:32px;margin-top:48px}.solution-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;transition:all .3s ease}.solution-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(0,0,0,.1)}.solution-card img{width:100%;height:240px;object-fit:cover}.solution-content{padding:24px}.solution-content h3{font-size:22px;margin-bottom:12px;color:#1a1a1a}.solution-content p{font-size:16px;color:#666;margin-bottom:16px}.link-arrow{color:#2e8b57;font-weight:600;font-size:16px;transition:all .2s ease}.link-arrow:hover{color:#246b43}.cta-section{padding:100px 60px;background:linear-gradient(135deg, #2e8b57 0%, #246b43 100%);text-align:center}.cta-content h2{font-size:48px;color:#fff;margin-bottom:16px}.cta-content p{font-size:20px;color:hsla(0,0%,100%,.9);margin-bottom:32px}.site-footer{background:#1a1a1a;color:#fff;padding:60px 60px 32px}.footer-content{display:grid;grid-template-columns:repeat(4, 1fr);gap:48px;max-width:1400px;margin:0 auto 48px}.footer-column h4{font-size:18px;margin-bottom:16px;color:#fff}.footer-column p{font-size:14px;color:#999;line-height:1.8}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:8px}.footer-column ul li a{font-size:14px;color:#999;transition:color .2s ease}.footer-column ul li a:hover{color:#f2b705}.footer-bottom{text-align:center;padding-top:32px;border-top:1px solid #333}.footer-bottom p{font-size:14px;color:#666}.page-intro{padding:100px 60px 60px;background:linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%)}.intro-content{max-width:800px;margin:0 auto;text-align:center}.intro-label{display:inline-block;padding:8px 16px;background:#00e5a0;color:#1a1a1a;font-size:14px;font-weight:600;border-radius:20px;margin-bottom:16px}.intro-title{font-size:56px;font-weight:700;color:#1a1a1a;margin-bottom:24px}.intro-description{font-size:20px;color:#666;line-height:1.6}.solution-detail{padding:80px 60px}.solution-detail.reverse{background:#f8f8f8}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1400px;margin:0 auto}.solution-detail.reverse .detail-layout{direction:rtl}.solution-detail.reverse .detail-text{direction:ltr}.detail-image img{border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.1)}.detail-text h2{font-size:40px;margin-bottom:16px;color:#1a1a1a}.detail-lead{font-size:20px;color:#666;margin-bottom:32px}.detail-benefits{margin-bottom:32px}.benefit-item{display:flex;gap:16px;margin-bottom:24px}.benefit-icon{flex-shrink:0;width:32px;height:32px;background:#00e5a0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#1a1a1a}.benefit-item h4{font-size:18px;margin-bottom:4px;color:#1a1a1a}.benefit-item p{font-size:16px;color:#666}.problem-solution{padding:24px;background:#fffbf0;border-left:4px solid #f2b705;border-radius:8px;margin-bottom:32px}.problem-solution h4{font-size:18px;margin-bottom:12px;color:#1a1a1a}.problem-solution p{font-size:16px;color:#666}.brands-section{padding:80px 0;background:#f8f8f8}.brands-intro{text-align:center;font-size:18px;color:#666;margin-bottom:48px}.brands-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px;margin-bottom:48px}.brand-card{padding:32px;background:#fff;border:1px solid #e5e5e5;border-radius:12px}.brand-card h4{font-size:20px;margin-bottom:12px;color:#1a1a1a}.brand-card p{font-size:16px;color:#666}.certification-note{text-align:center;padding:32px;background:#fff;border-radius:12px}.certification-note p{font-size:16px;color:#2e8b57;font-weight:500;margin-bottom:8px}.process-section{padding:80px 0}.process-timeline{margin-top:48px}.timeline-item{display:flex;gap:32px;margin-bottom:48px;position:relative}.timeline-item:not(:last-child)::after{content:"";position:absolute;left:31px;top:64px;width:2px;height:calc(100% + 16px);background:#e5e5e5}.timeline-number{flex-shrink:0;width:64px;height:64px;background:#f2b705;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#1a1a1a}.timeline-content h3{font-size:24px;margin-bottom:12px;color:#1a1a1a}.timeline-content p{font-size:16px;color:#666;margin-bottom:8px}.timeline-duration{display:inline-block;padding:4px 12px;background:#00e5a0;color:#1a1a1a;font-size:14px;font-weight:600;border-radius:12px}.info-blocks{padding:80px 0;background:#f8f8f8}.info-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:32px}.info-block{padding:40px;background:#fff;border-radius:12px}.info-block h3{font-size:28px;margin-bottom:16px;color:#1a1a1a}.info-block p{font-size:16px;color:#666;margin-bottom:16px}.info-list{list-style:none;margin-bottom:16px}.info-list li{padding:8px 0;font-size:16px;color:#666}.info-list li strong{color:#1a1a1a}.info-note{font-size:14px;color:#999;font-style:italic}.documentation-section{padding:80px 0}.docs-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:32px;margin-top:48px}.doc-card{padding:32px;background:#f8f8f8;border-radius:12px}.doc-card h4{font-size:20px;margin-bottom:16px;color:#1a1a1a}.doc-card ul{list-style:none}.doc-card ul li{padding:8px 0;font-size:15px;color:#666;padding-left:24px;position:relative}.doc-card ul li::before{content:"✓";position:absolute;left:0;color:#2e8b57;font-weight:700}.docs-note{text-align:center;margin-top:32px;font-size:16px;color:#666}.gallery-section{padding:80px 0;background:#f8f8f8}.photo-gallery{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px;margin-top:48px}.gallery-item img{width:100%;height:320px;object-fit:cover;border-radius:12px}.faq-section{padding:80px 0}.faq-list{max-width:900px;margin:48px auto 0}.faq-item{border-bottom:1px solid #e5e5e5}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px 0;background:none;border:none;font-size:20px;font-weight:600;color:#1a1a1a;text-align:left;cursor:pointer;transition:color .2s ease}.faq-question:hover{color:#2e8b57}.faq-icon{font-size:28px;font-weight:300;color:#666;transition:transform .3s ease}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.active .faq-answer{max-height:500px}.faq-answer p{padding-bottom:24px;font-size:16px;color:#666;line-height:1.6}.contact-section{padding:80px 60px}.contact-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;max-width:1400px;margin:0 auto}.contact-form-wrapper h2{font-size:32px;margin-bottom:12px;color:#1a1a1a}.form-description{font-size:16px;color:#666;margin-bottom:32px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.form-group input,.form-group textarea{padding:12px 16px;border:1px solid #e5e5e5;border-radius:8px;font-size:16px;font-family:"Satoshi",sans-serif;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#f2b705}.form-group textarea{resize:vertical}.contact-info-card{padding:32px;background:#f8f8f8;border-radius:12px;margin-bottom:24px}.contact-info-card h3{font-size:24px;margin-bottom:24px;color:#1a1a1a}.info-item{margin-bottom:24px}.info-item strong{display:block;font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.info-item p{font-size:16px;color:#666}.info-item a{color:#2e8b57;transition:color .2s ease}.info-item a:hover{color:#246b43}.map-container{border-radius:12px;overflow:hidden}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2000;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background:#fff;padding:48px;border-radius:16px;text-align:center;max-width:500px;margin:20px}.modal-icon{width:80px;height:80px;background:#2e8b57;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;margin:0 auto 24px}.modal-content h3{font-size:28px;margin-bottom:16px;color:#1a1a1a}.modal-content p{font-size:16px;color:#666;margin-bottom:32px}.legal-page{padding:80px 60px}.legal-container{max-width:900px;margin:0 auto}.legal-container h1{font-size:48px;margin-bottom:16px;color:#1a1a1a}.legal-updated{font-size:14px;color:#999;margin-bottom:48px}.legal-container h2{font-size:32px;margin-top:48px;margin-bottom:16px;color:#1a1a1a}.legal-container h3{font-size:24px;margin-top:32px;margin-bottom:12px;color:#1a1a1a}.legal-container p{font-size:16px;color:#666;margin-bottom:16px;line-height:1.8}.legal-container ul{margin-bottom:16px;padding-left:24px}.legal-container ul li{font-size:16px;color:#666;margin-bottom:8px;line-height:1.8}@media(max-width: 1024px){.hero-grid,.detail-layout{grid-template-columns:1fr;gap:40px}.solutions-grid{grid-template-columns:1fr}.features-grid,.brands-grid,.info-grid,.docs-grid{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr}.photo-gallery{grid-template-columns:1fr}.footer-content{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.side-nav{transform:translateX(-100%)}.side-nav.active{transform:translateX(0)}.mobile-toggle{display:flex}.main-content{margin-left:0}.brand-logo{justify-content:center}.hero-section,.page-intro,.cta-section{padding:90px 24px 60px}.section-container{padding:0 24px}.hero-title{font-size:40px;text-align:center}.hero-subtitle{font-size:18px;text-align:center}.section-heading{font-size:32px}.btn-primary{width:100%;text-align:center}.about-section{padding:30px 0}.intro-title{font-size:36px}.solution-detail,.process-section,.info-blocks,.documentation-section,.gallery-section,.faq-section,.contact-section,.legal-page{padding:60px 24px}.legal-container h1{text-align:center}.legal-updated{text-align:center}.quiz-container{padding:32px 24px}.quiz-question{font-size:22px}.result-amount{font-size:56px}.form-row{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:32px;justify-items:center}.footer-column h4{text-align:center}.footer-column p{text-align:center}.site-footer{padding:40px 24px 24px}.cta-content h2{font-size:32px}.timeline-item{gap:16px}.timeline-number{width:48px;height:48px;font-size:20px}.timeline-item:not(:last-child)::after{left:23px;top:48px}}