.image-page{width:100%;max-width:100vw;padding:var(--spacing-md);box-sizing:border-box;overflow-x:hidden}.generator-wrapper{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media(min-width:1024px){.generator-wrapper{flex-direction:row;gap:var(--spacing-xl);height:calc(100vh - 120px)}}.hero-section{min-height:90vh;padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,#7db9a614,#f5e6d31f);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(125,185,166,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero-container{width:100%;padding:0 var(--spacing-md)}.hero-content{text-align:center;margin-bottom:var(--spacing-2xl)}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-lg);line-height:1.15}.remover-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.hero-description{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-dark);line-height:1.75;margin-bottom:var(--spacing-xl);opacity:.9}.hero-description strong{color:var(--color-primary);font-weight:600}.what-section{padding:var(--spacing-2xl) 0;background:linear-gradient(180deg,var(--color-gray-light) 0%,rgba(245,230,211,.08) 100%)}.what-container{width:100%;padding:0 var(--spacing-md)}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-md);line-height:1.2}.section-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-gray);line-height:1.6}.what-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);align-items:center;margin-bottom:var(--spacing-2xl)}@media(min-width:768px){.what-content{grid-template-columns:1fr 45%;gap:var(--spacing-2xl)}}.what-text p{font-size:clamp(1rem,1.5vw,1.125rem);color:var(--color-dark);line-height:1.8;margin-bottom:var(--spacing-lg)}.what-text strong{color:var(--color-primary);font-weight:600}.what-text a{color:var(--color-primary);text-decoration:underline;text-decoration-color:#7db9a64d;text-underline-offset:3px;transition:all var(--transition-fast)}.what-text a:hover{color:var(--color-primary-dark);text-decoration-color:var(--color-primary-dark)}.what-highlights-section{margin-top:var(--spacing-2xl)}.what-highlights{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.what-highlights{grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}}.highlight-card{padding:var(--spacing-xl);background:linear-gradient(135deg,#ffffffe6,#f5e6d399);border-radius:var(--radius-lg);border:1px solid rgba(125,185,166,.15);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.highlight-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.highlight-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-glow);border-color:#7db9a64d}.highlight-card:hover:before{opacity:1}.highlight-icon{font-size:2.5rem;margin-bottom:var(--spacing-md);display:block}.highlight-title{font-size:clamp(1.125rem,2vw,1.375rem);font-weight:600;color:var(--color-dark);margin-bottom:var(--spacing-sm);line-height:1.3}.highlight-description{font-size:clamp(.9375rem,1.5vw,1.0625rem);color:var(--color-dark);line-height:1.7;opacity:.85}.highlight-description strong{color:var(--color-primary);font-weight:600}.what-visual{display:flex;align-items:center;justify-content:center}.before-after-display{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:linear-gradient(135deg,#fffffff2,#f5e6d3b3);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}@media(max-width:768px){.before-after-display{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}}.display-panel{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:#ffffffe6;border-radius:var(--radius-md);border:2px solid rgba(125,185,166,.2);transition:all var(--transition-base)}.display-panel:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#7db9a666}.display-panel.highlight{border-color:var(--color-primary);background:linear-gradient(135deg,#fffffffa,#7db9a614)}.panel-label{font-size:clamp(1rem,1.5vw,1.125rem);font-weight:600;color:var(--color-dark);text-transform:uppercase;letter-spacing:.5px}.panel-visual{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.panel-visual svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.arrow-indicator{font-size:clamp(2rem,4vw,3rem);color:var(--color-primary);font-weight:700;animation:gentle-pulse 2s ease-in-out infinite}@keyframes gentle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media(max-width:768px){.arrow-indicator{transform:rotate(90deg)}}.features-section{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,#7db9a60f,#a5d4c314);position:relative}.features-container{width:100%;padding:0 var(--spacing-md)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}@media(min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{padding:var(--spacing-xl);background:#ffffffe6;backdrop-filter:blur(8px);border-radius:var(--radius-lg);border:1px solid rgba(125,185,166,.15);box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-glow-lg);border-color:#7db9a64d}.feature-card:hover:after{transform:scaleX(1)}.feature-visual{width:80px;height:80px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.feature-visual svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.feature-title{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;color:var(--color-dark);margin-bottom:var(--spacing-md);line-height:1.3}.feature-description{font-size:clamp(.9375rem,1.5vw,1.0625rem);color:var(--color-dark);line-height:1.75;opacity:.85}.feature-description strong{color:var(--color-primary);font-weight:600}.practices-section{padding:var(--spacing-2xl) 0;background:linear-gradient(180deg,var(--color-gray-light) 0%,rgba(255,255,255,.5) 100%)}.practices-container{width:100%;padding:0 var(--spacing-md)}.practices-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}@media(min-width:768px){.practices-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.practices-grid{grid-template-columns:repeat(3,1fr)}}.practice-card{padding:var(--spacing-xl);background:linear-gradient(135deg,#fffffff2,#f5e6d380);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-md);position:relative;transition:all var(--transition-base)}.practice-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-glow);border-left-color:var(--color-primary-dark)}.practice-number{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-size:4rem;font-weight:700;color:var(--color-primary);opacity:.08;line-height:1;pointer-events:none}.practice-content{position:relative;z-index:1}.practice-title{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;color:var(--color-dark);margin-bottom:var(--spacing-md);line-height:1.3}.practice-description{font-size:clamp(.9375rem,1.5vw,1.0625rem);color:var(--color-dark);line-height:1.75;opacity:.85}.practice-description strong{color:var(--color-primary);font-weight:600}.practice-description a{color:var(--color-primary);text-decoration:underline;text-decoration-color:#7db9a64d;text-underline-offset:3px;transition:all var(--transition-fast)}.practice-description a:hover{color:var(--color-primary-dark);text-decoration-color:var(--color-primary-dark)}.technology-section{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,#7db9a61a,#f5e6d326);position:relative;overflow:hidden}.technology-section:before{content:"";position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(165,212,195,.2) 0%,transparent 70%);border-radius:50%;pointer-events:none}.technology-container{width:100%;padding:0 var(--spacing-md)}.technology-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);align-items:center}@media(min-width:768px){.technology-content{grid-template-columns:1fr 40%;gap:var(--spacing-2xl)}}.technology-text{position:relative;z-index:1}.technology-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-lg);line-height:1.2}.technology-description{font-size:clamp(1rem,1.5vw,1.125rem);color:var(--color-dark);line-height:1.8;margin-bottom:var(--spacing-lg);opacity:.9}.technology-description strong{color:var(--color-primary);font-weight:600}.technology-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.tech-stat{text-align:center;padding:var(--spacing-lg);background:linear-gradient(135deg,#ffffffe6,#f5e6d399);border-radius:var(--radius-md);border:1px solid rgba(125,185,166,.15);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.tech-stat:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#7db9a64d}.stat-value{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs);line-height:1}.stat-label{font-size:clamp(.8125rem,1.5vw,.9375rem);color:var(--color-dark);opacity:.7;font-weight:500}.technology-visual{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.tech-visual-card{width:280px;height:280px;background:linear-gradient(135deg,#fffffff2,#f5e6d3b3);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow-lg);border:2px solid rgba(125,185,166,.2);position:relative;animation:gentle-float 6s ease-in-out infinite}.tech-visual-card svg{color:var(--color-primary);filter:drop-shadow(0 4px 12px rgba(125,185,166,.3))}.tech-glow{position:absolute;inset:-20%;background:radial-gradient(circle,rgba(125,185,166,.2) 0%,transparent 70%);border-radius:50%;animation:breathing-glow 4s ease-in-out infinite}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes breathing-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.usecases-section{padding:var(--spacing-2xl) 0;background:linear-gradient(180deg,var(--color-gray-light) 0%,rgba(255,255,255,.8) 100%)}.usecases-container{width:100%;padding:0 var(--spacing-md)}.usecases-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}@media(min-width:768px){.usecases-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.usecases-grid{grid-template-columns:repeat(3,1fr)}}.usecase-card{padding:var(--spacing-xl);background:#ffffffe6;backdrop-filter:blur(8px);border-radius:var(--radius-lg);border-top:3px solid var(--color-primary);box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative;overflow:hidden}.usecase-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-glow);border-top-color:var(--color-primary-dark)}.usecase-icon{font-size:2.5rem;margin-bottom:var(--spacing-md);display:block}.usecase-title{font-size:clamp(1.125rem,2vw,1.375rem);font-weight:600;color:var(--color-dark);margin-bottom:var(--spacing-md);line-height:1.3}.usecase-description{font-size:clamp(.9375rem,1.5vw,1.0625rem);color:var(--color-dark);line-height:1.75;opacity:.85}.usecase-description strong{color:var(--color-primary);font-weight:600}.faq-section{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,#7db9a60f,#f5e6d314)}.faq-container{width:100%;padding:0 var(--spacing-md)}.faq-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.faq-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}}@media(min-width:1024px){.faq-grid{grid-template-columns:repeat(2,1fr)}}.faq-item{padding:var(--spacing-xl);background:#ffffffe6;backdrop-filter:blur(8px);border-radius:var(--radius-lg);border:1px solid rgba(125,185,166,.15);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.faq-item:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--gradient-primary);transform:scaleY(0);transform-origin:top;transition:transform var(--transition-base)}.faq-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow);border-color:#7db9a64d}.faq-item:hover:before{transform:scaleY(1)}.faq-question{font-size:clamp(1.0625rem,1.5vw,1.25rem);font-weight:600;color:var(--color-dark);margin-bottom:var(--spacing-md);line-height:1.4}.faq-answer{font-size:clamp(.9375rem,1.5vw,1.0625rem);color:var(--color-dark);line-height:1.75;opacity:.85}.faq-answer strong{color:var(--color-primary);font-weight:600}@media(max-width:768px){.hero-section{min-height:auto;padding:var(--spacing-xl) 0}.what-section,.features-section,.practices-section,.technology-section,.usecases-section,.faq-section{padding:var(--spacing-xl) 0}.section-header{margin-bottom:var(--spacing-xl)}.what-content{gap:var(--spacing-xl)}.what-highlights-section{margin-top:var(--spacing-xl)}.technology-stats{grid-template-columns:1fr;gap:var(--spacing-md)}.tech-visual-card{width:220px;height:220px}.tech-visual-card svg{width:80px;height:80px}.panel-visual{width:80px;height:80px}}@media(max-width:480px){.hero-section:before,.technology-section:before{display:none}.practice-number{font-size:3rem;opacity:.06}.tech-visual-card{width:180px;height:180px}.tech-visual-card svg{width:60px;height:60px}.panel-visual{width:60px;height:60px}}[data-theme=dark] .hero-section{background:linear-gradient(135deg,#7db9a61f,#5a9b8814)}[data-theme=dark] .hero-title,[data-theme=dark] .section-title,[data-theme=dark] .technology-title{color:var(--color-gray-light)}[data-theme=dark] .hero-description,[data-theme=dark] .section-subtitle,[data-theme=dark] .what-text p,[data-theme=dark] .highlight-description,[data-theme=dark] .feature-description,[data-theme=dark] .practice-description,[data-theme=dark] .technology-description,[data-theme=dark] .usecase-description,[data-theme=dark] .faq-answer{color:#f8f9fad9}[data-theme=dark] .before-after-display,[data-theme=dark] .highlight-card,[data-theme=dark] .feature-card,[data-theme=dark] .practice-card,[data-theme=dark] .tech-stat,[data-theme=dark] .usecase-card,[data-theme=dark] .faq-item{background:#34495ecc;border-color:#7db9a633}[data-theme=dark] .display-panel{background:#34495ee6;border-color:#7db9a64d}[data-theme=dark] .display-panel.highlight{background:linear-gradient(135deg,#34495ef2,#7db9a626);border-color:var(--color-primary)}[data-theme=dark] .tech-visual-card{background:linear-gradient(135deg,#34495ee6,#5a9b884d)}