*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary:#8B6F47;--color-primary-light:#A68968;--color-primary-dark:#6B5437;--color-secondary:#C89F7F;--color-accent:#D4A574;--color-bg:#FEFDFB;--color-bg-alt:#F5F2ED;--color-text:#2D2926;--color-text-light:#6B6561;--color-border:#E5DFD6;--font-sans:'Noto Sans JP',sans-serif;--font-serif:'Noto Serif JP',serif;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:48px;--spacing-xl:80px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--shadow-sm:0 2px 8px rgba(45, 41, 38, 0.08);--shadow-md:0 4px 16px rgba(45, 41, 38, 0.12);--shadow-lg:0 8px 32px rgba(45, 41, 38, 0.16)}body{font-family:var(--font-sans);line-height:1.7;color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.main-nav{background-color:#fff;border-bottom:2px solid var(--color-border);position:sticky;top:0;z-index:99;box-shadow:0 2px 8px rgba(45,41,38,.08)}.main-nav .container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);position:relative}.nav-brand .brand-link{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:var(--color-primary);text-decoration:none;transition:color .3s ease}.nav-brand .brand-link:hover{color:var(--color-primary-dark)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:var(--spacing-xs);z-index:100}.nav-toggle-icon{width:24px;height:2px;background-color:var(--color-primary);transition:all .3s ease;border-radius:2px}.nav-toggle-active .nav-toggle-icon:first-child{transform:rotate(45deg) translate(7px,7px)}.nav-toggle-active .nav-toggle-icon:nth-child(2){opacity:0}.nav-toggle-active .nav-toggle-icon:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-menu{display:flex;list-style:none;gap:var(--spacing-md);margin:0;padding:0}.nav-link{font-size:.95rem;color:var(--color-text);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all .3s ease;font-weight:500}.nav-link:hover{color:var(--color-primary);background-color:var(--color-bg-alt)}.nav-link.active{color:var(--color-primary);background-color:var(--color-bg-alt)}.nav-divider{width:1px;height:20px;background-color:var(--color-border);margin:0 var(--spacing-xs)}.nav-lang{font-size:.85rem;color:var(--color-text-light)}.hero{background:linear-gradient(135deg,rgba(139,111,71,.95) 0,rgba(166,137,104,.9) 50%,rgba(200,159,127,.85) 100%),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><rect fill="%238B6F47" width="1200" height="600"/></svg>');background-size:cover;background-position:center;padding:var(--spacing-md) var(--spacing-md);text-align:center;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero-title{font-family:var(--font-serif);font-size:clamp(2.5rem, 5vw, 4rem);font-weight:600;color:#fff;margin-bottom:var(--spacing-sm);letter-spacing:.05em;text-shadow:0 4px 12px rgba(0,0,0,.3)}.hero-tagline{font-size:clamp(1.3rem, 2.5vw, 1.8rem);color:#fff;margin-bottom:var(--spacing-sm);font-weight:600;letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.2)}.hero-subtitle{font-size:clamp(1.1rem, 2vw, 1.4rem);color:rgba(255,255,255,.95);margin-bottom:var(--spacing-xs);font-weight:500}.hero-description{font-size:clamp(.95rem, 1.5vw, 1.1rem);color:rgba(255,255,255,.85);line-height:1.8}.section{padding:var(--spacing-xl) 0}.section-alt{background-color:var(--color-bg-alt)}.section-title{font-family:var(--font-serif);font-size:clamp(1.8rem, 3vw, 2.5rem);font-weight:600;color:var(--color-primary-dark);text-align:center;margin-bottom:var(--spacing-lg);position:relative;padding-bottom:var(--spacing-sm)}.section-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:2px}.section-lead{text-align:center;font-size:clamp(1rem, 1.8vw, 1.25rem);color:var(--color-text-light);margin:var(--spacing-lg) auto;max-width:700px;line-height:1.9}.scrollable-gallery{display:flex;overflow-x:scroll;-webkit-overflow-scrolling:touch;gap:var(--spacing-md);padding:var(--spacing-md) 0;margin:var(--spacing-lg) 0;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--color-primary-light) var(--color-border);scrollbar-gutter:stable both-edges;scroll-padding-left:var(--spacing-md);overflow-anchor:none}.scrollable-gallery::-webkit-scrollbar{height:8px}.scrollable-gallery::-webkit-scrollbar-track{background:var(--color-border);border-radius:10px}.scrollable-gallery::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:10px;transition:background .3s ease}.scrollable-gallery::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.gallery-item{flex-shrink:0;width:300px;height:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);scroll-snap-align:start;transition:transform .3s ease,box-shadow .3s ease;background:#fff;scroll-snap-stop:always;display:block;aspect-ratio:var(--gallery-aspect,9 / 19)}.gallery-item img{width:100%;height:100%;display:block;border-radius:var(--radius-md);object-fit:contain}.gallery-item:first-child{margin-left:var(--spacing-md)}.gallery-item:last-child{margin-right:var(--spacing-md)}.gallery-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.note{text-align:center;color:var(--color-text-light);font-size:.9rem;margin-top:var(--spacing-sm);font-style:italic}.gallery-item.landscape{--gallery-aspect:16/9}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.problem-card{background:#fff;padding:var(--spacing-lg) var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.problem-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.problem-icon{font-size:3rem;margin-bottom:var(--spacing-sm);filter:grayscale(20%)}.problem-card p{font-size:1.05rem;color:var(--color-text);line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.feature-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.feature-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--color-primary),var(--color-accent))}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.feature-number{font-family:var(--font-serif);font-size:2.5rem;font-weight:700;color:var(--color-secondary);opacity:.3;margin-bottom:var(--spacing-sm);line-height:1}.feature-title{font-family:var(--font-serif);font-size:1.4rem;font-weight:600;color:var(--color-primary-dark);margin-bottom:var(--spacing-sm)}.feature-description{color:var(--color-text-light);line-height:1.8;font-size:.95rem}.feature-note{display:block;margin-top:var(--spacing-sm);font-size:.85rem;color:var(--color-primary);font-style:italic}.cta-section{background:linear-gradient(135deg,rgba(139,111,71,.08) 0,rgba(200,159,127,.12) 100%);padding:var(--spacing-xl) 0;text-align:center;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.cta-title{font-family:var(--font-serif);font-size:clamp(1.8rem, 3vw, 2.5rem);font-weight:600;color:var(--color-primary-dark);margin-bottom:var(--spacing-md)}.cta-description{font-size:1.05rem;color:var(--color-text-light);margin-bottom:var(--spacing-lg);line-height:1.8}.cta-form{max-width:600px;margin:0 auto}.form-group{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.form-input{flex:1 1 300px;padding:16px 20px;font-size:1rem;font-family:var(--font-sans);border:2px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;transition:border-color .3s ease,box-shadow .3s ease}.form-input:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(139,111,71,.1)}.cta-button{flex:0 0 auto;padding:16px 36px;font-size:1rem;font-weight:500;font-family:var(--font-sans);color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border:none;border-radius:var(--radius-sm);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:var(--shadow-md)}.cta-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cta-button:active{transform:translateY(0)}.cta-note{font-size:.85rem;color:var(--color-text-light);margin-top:var(--spacing-md)}.footer{background-color:var(--color-text);color:rgba(255,255,255,.8);padding:var(--spacing-lg) 0;text-align:center}.footer-title{font-size:1.2rem;font-weight:500;color:rgba(255,255,255,.9);margin-bottom:var(--spacing-sm)}.footer-link{color:var(--color-accent);text-decoration:none;transition:color .3s ease;border-bottom:1px solid transparent}.footer-link:hover{color:#fff;border-bottom-color:var(--color-accent)}.detail-content{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:900px;margin:0 auto}.detail-item{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease}.detail-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.detail-title{font-family:var(--font-serif);font-size:1.5rem;color:var(--color-primary);margin-bottom:var(--spacing-md);font-weight:600}.detail-description{font-size:1rem;line-height:1.9;color:var(--color-text)}.detail-description strong{color:var(--color-primary-dark);font-weight:600}.use-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.use-case-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.use-case-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.use-case-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.use-case-title{font-family:var(--font-serif);font-size:1.3rem;color:var(--color-primary);margin-bottom:var(--spacing-sm);font-weight:600}.use-case-description{font-size:.95rem;line-height:1.8;color:var(--color-text)}.faq-list{max-width:900px;margin:0 auto;margin-top:var(--spacing-lg)}.faq-item{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md);transition:box-shadow .3s ease}.faq-item:hover{box-shadow:var(--shadow-md)}.faq-question{font-family:var(--font-serif);font-size:1.15rem;color:var(--color-primary-dark);margin-bottom:var(--spacing-sm);font-weight:600;line-height:1.6}.faq-answer{font-size:.95rem;line-height:1.9;color:var(--color-text)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.benefit-card{background:linear-gradient(135deg,#fff 0,var(--color-bg-alt) 100%);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center;border:2px solid var(--color-border);transition:all .3s ease}.benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.benefit-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.benefit-title{font-family:var(--font-serif);font-size:1.2rem;color:var(--color-primary);margin-bottom:var(--spacing-sm);font-weight:600}.benefit-description{font-size:.9rem;line-height:1.7;color:var(--color-text-light)}.page-header{background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-secondary) 100%);padding:var(--spacing-xl) var(--spacing-md);text-align:center;color:#fff}.page-title{font-family:var(--font-serif);font-size:clamp(2rem, 4vw, 3rem);font-weight:600;margin-bottom:var(--spacing-sm)}.page-description{font-size:1.1rem;opacity:.95;max-width:700px;margin:0 auto}.feature-list{list-style:none;padding:0;margin:var(--spacing-md) 0 0 0}.feature-list li{padding:var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-md);position:relative;line-height:1.8}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.upcoming-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.upcoming-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:2px dashed var(--color-border)}.upcoming-status{display:inline-block;padding:4px 12px;background-color:var(--color-bg-alt);color:var(--color-text-light);border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:var(--spacing-sm)}.upcoming-title{font-family:var(--font-serif);font-size:1.2rem;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.upcoming-description{font-size:.95rem;line-height:1.7;color:var(--color-text)}.steps-content{max-width:800px;margin:var(--spacing-lg) auto 0}.step-item{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center;margin-bottom:var(--spacing-md)}.step-number{display:inline-block;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:.9rem;margin-bottom:var(--spacing-sm)}.step-visual{font-size:4rem;margin:var(--spacing-md) 0}.step-title{font-family:var(--font-serif);font-size:1.5rem;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.step-description{font-size:1rem;line-height:1.9;color:var(--color-text);margin-bottom:var(--spacing-sm)}.step-note{font-size:.9rem;color:var(--color-text-light);font-style:italic;padding:var(--spacing-sm);background-color:var(--color-bg-alt);border-radius:var(--radius-sm);margin-top:var(--spacing-md)}.step-arrow{text-align:center;font-size:2rem;margin:var(--spacing-sm) 0;color:var(--color-primary-light)}.usage-content{max-width:900px;margin:var(--spacing-lg) auto 0}.usage-item{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.usage-title{font-family:var(--font-serif);font-size:1.3rem;color:var(--color-primary);margin-bottom:var(--spacing-md)}.usage-steps{list-style:none;counter-reset:usage-counter;padding:0;margin:0}.usage-steps li{counter-increment:usage-counter;padding:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-xl);position:relative;line-height:1.8;border-left:2px solid var(--color-border);margin-left:20px}.usage-steps li:before{content:counter(usage-counter);position:absolute;left:-20px;width:32px;height:32px;background-color:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.comparison-table{margin-top:var(--spacing-lg);overflow-x:auto}.comparison-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.comparison-table td,.comparison-table th{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.comparison-table thead{background-color:var(--color-bg-alt)}.comparison-table th{font-weight:600;color:var(--color-primary-dark)}.comparison-table td.highlight,.comparison-table th.highlight{background-color:rgba(139,111,71,.05);font-weight:500}.comparison-table tbody tr:hover{background-color:var(--color-bg)}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.tip-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center;border-left:4px solid var(--color-primary)}.tip-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.tip-title{font-family:var(--font-serif);font-size:1.2rem;color:var(--color-primary);margin-bottom:var(--spacing-sm);font-weight:600}.tip-description{font-size:.95rem;line-height:1.8;color:var(--color-text)}.faq-category{margin-bottom:var(--spacing-xl)}.faq-category-title{font-family:var(--font-serif);font-size:1.8rem;color:var(--color-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:3px solid var(--color-primary-light)}.contact-cta-box{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-md);box-shadow:var(--shadow-md);text-align:center;max-width:700px;margin:0 auto}.contact-cta-title{font-family:var(--font-serif);font-size:2rem;color:var(--color-primary);margin-bottom:var(--spacing-md)}.contact-cta-description{font-size:1rem;line-height:1.8;color:var(--color-text);margin-bottom:var(--spacing-lg)}.contact-cta-button{display:inline-block;padding:var(--spacing-sm) var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:600;font-size:1.1rem;transition:transform .3s ease,box-shadow .3s ease;box-shadow:var(--shadow-md)}.contact-cta-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.contact-intro{max-width:800px;margin:0 auto var(--spacing-xl);text-align:center}.contact-intro-text{font-size:1.05rem;line-height:1.9;color:var(--color-text);margin-bottom:var(--spacing-md)}.contact-intro-note{font-size:.9rem;color:var(--color-text-light);line-height:1.7;padding:var(--spacing-md);background-color:var(--color-bg-alt);border-radius:var(--radius-sm)}.contact-form-container{max-width:700px;margin:0 auto;background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.form-field{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs);font-size:.95rem}.required{color:#d32f2f;font-size:.85rem;background-color:rgba(211,47,47,.1);padding:2px 6px;border-radius:3px;margin-left:var(--spacing-xs)}.form-control{width:100%;padding:var(--spacing-sm);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.form-control:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(139,111,71,.1)}textarea.form-control{resize:vertical;min-height:150px}.form-help{font-size:.85rem;color:var(--color-text-light);margin-top:var(--spacing-xs);line-height:1.6}.form-submit{text-align:center;margin-top:var(--spacing-xl)}.submit-button{padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:1.1rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:var(--shadow-sm)}.submit-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.submit-button:active{transform:translateY(0)}.form-privacy{font-size:.85rem;color:var(--color-text-light);text-align:center;margin-top:var(--spacing-lg);line-height:1.7}.privacy-link{color:var(--color-primary);text-decoration:underline}.privacy-link:hover{color:var(--color-primary-dark)}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.contact-method-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center}.contact-method-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.contact-method-title{font-family:var(--font-serif);font-size:1.3rem;color:var(--color-primary);margin-bottom:var(--spacing-sm);font-weight:600}.contact-method-description{font-size:.95rem;line-height:1.8;color:var(--color-text);margin-bottom:var(--spacing-md)}.contact-method-link{color:var(--color-primary);text-decoration:none;font-weight:500;border-bottom:2px solid var(--color-primary-light);transition:border-color .3s ease}.contact-method-link:hover{border-color:var(--color-primary)}.contact-note-box{background:linear-gradient(135deg,var(--color-bg-alt) 0,#fff 100%);padding:var(--spacing-lg);border-radius:var(--radius-md);border-left:4px solid var(--color-primary);max-width:800px;margin:0 auto}.contact-note-title{font-family:var(--font-serif);font-size:1.2rem;color:var(--color-primary);margin-bottom:var(--spacing-md);font-weight:600}.contact-note-list{list-style:none;padding:0;margin:0}.contact-note-list li{padding:var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-md);position:relative;line-height:1.8;color:var(--color-text)}.contact-note-list li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:700;font-size:1.2rem}@media (max-width:768px){:root{--spacing-lg:32px;--spacing-xl:48px}.hero{padding:var(--spacing-sm) var(--spacing-md)}.hero-title{margin-bottom:var(--spacing-xs);font-size:clamp(2rem, 5vw, 2.5rem)}.hero-tagline{margin-bottom:var(--spacing-xs);font-size:clamp(1.1rem, 2.5vw, 1.5rem);line-height:1.5}.hero-subtitle{margin-bottom:6px;font-size:clamp(1rem, 2vw, 1.2rem)}.hero-description{font-size:clamp(.9rem, 1.5vw, 1rem);line-height:1.6}.form-group{flex-direction:column}.cta-button,.form-input{width:100%}.benefits-grid,.features-grid,.problem-grid,.use-case-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.benefit-card,.detail-item,.faq-item,.use-case-card{padding:var(--spacing-md)}.detail-title,.use-case-title{font-size:1.3rem}.faq-question{font-size:1.05rem}.nav-toggle{display:flex}.nav-menu{position:absolute;top:100%;left:0;right:0;background-color:#fff;flex-direction:column;gap:0;padding:var(--spacing-sm) var(--spacing-md);box-shadow:0 4px 12px rgba(45,41,38,.15);max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.nav-menu-open{max-height:600px;opacity:1;padding:var(--spacing-sm) var(--spacing-md)}.nav-menu li{width:100%}.nav-link{display:block;padding:var(--spacing-sm);width:100%;text-align:left}.main-nav .container{flex-wrap:wrap}.nav-divider{width:100%;height:1px;margin:var(--spacing-xs) 0}.comparison-table{font-size:.85rem}.comparison-table td,.comparison-table th{padding:var(--spacing-sm)}.usage-steps li{padding-left:var(--spacing-md)}.usage-steps li:before{left:-16px;width:28px;height:28px;font-size:.85rem}.step-visual{font-size:3rem}.tips-grid,.upcoming-grid{grid-template-columns:1fr}.contact-form-container{padding:var(--spacing-md)}.contact-methods{grid-template-columns:1fr}.contact-cta-box{padding:var(--spacing-md)}.faq-category-title{font-size:1.5rem}.scrollable-gallery{overflow-x:scroll;scrollbar-width:auto;scrollbar-gutter:stable both-edges;padding:var(--spacing-sm) var(--spacing-md);scroll-padding:0 var(--spacing-md)}.gallery-item{width:calc(100% - 64px);scroll-snap-align:center}.gallery-item:first-child{margin-left:0}.gallery-item:last-child{margin-right:0}}@media (min-width:1024px){.scrollable-gallery{justify-content:flex-start}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section{animation:fadeInUp .8s ease-out}