.showcase-section{z-index:10;position:relative}.showcase-section.hero-variant{min-height:calc(100vh - 80px);padding:var(--space-lg) 0;align-items:center;display:flex}.showcase-section .hero-split-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}@media (max-width:1024px){.showcase-section .hero-split-container{gap:var(--space-lg);grid-template-columns:1fr}}.showcase-section .hero-left{opacity:0;flex-direction:column;align-items:flex-start;transition:opacity 1s cubic-bezier(.19,1,.22,1),transform 1s cubic-bezier(.19,1,.22,1);display:flex;transform:translateY(30px)}.showcase-section .hero-left.active{opacity:1;transform:translateY(0)}@media (max-width:1024px){.showcase-section .hero-left{text-align:center;align-items:center}}.showcase-section .hero-left .hero-title-stacked{letter-spacing:-.03em;margin-bottom:var(--space-lg);flex-direction:column;font-weight:800;line-height:1;display:flex}.showcase-section .hero-left .hero-title-word{background:linear-gradient(#fff 0%,#e8d5b0 50%,#c5a36e 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,6vw,4rem);display:block}@media (max-width:1024px){.showcase-section .hero-left .hero-title-word{font-size:clamp(2.8rem,10vw,5rem)}}@media (max-width:768px){.showcase-section .hero-left .hero-title-word{font-size:2.5rem}}.showcase-section .hero-left .hero-description-left{color:var(--text-secondary);max-width:440px;margin-bottom:var(--space-md);font-size:1rem;line-height:1.7}@media (max-width:1024px){.showcase-section .hero-left .hero-description-left{text-align:center}}.showcase-section .hero-left .hero-supporting-line{color:var(--accent-amber);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-lg);opacity:.9;font-size:.85rem}.showcase-section .hero-left .hero-cta-row{flex-wrap:wrap;gap:15px;display:flex}@media (max-width:768px){.showcase-section .hero-left .hero-cta-row{flex-direction:column;align-items:center}}.showcase-section .hero-left .hero-cta-row .btn-explore{margin-top:0;margin-bottom:0}.showcase-section .hero-right{opacity:0;justify-content:flex-end;align-items:center;transition:opacity 1s cubic-bezier(.19,1,.22,1),transform 1s cubic-bezier(.19,1,.22,1);display:flex;position:relative;transform:translateY(30px)}.showcase-section .hero-right.active{opacity:1;transform:translateY(0)}@media (max-width:1024px){.showcase-section .hero-right{justify-content:center}}.showcase-section .hero-right:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#c5a36e2e 0%,#0000 70%);border-radius:40px;position:absolute;inset:-40px}.showcase-section .hero-right .hero-card-img{aspect-ratio:1;object-fit:scale-down;z-index:10;width:100%;max-width:650px;height:auto;transform:translateY(var(--parallax-offset,0px));border:1px solid #ffffff0d;border-radius:32px;transition:transform .7s cubic-bezier(.19,1,.22,1),border-color .4s,box-shadow .4s;display:block}@media (hover:hover){.showcase-section .hero-right:hover .hero-card-img{transform:translateY(calc(var(--parallax-offset,0px) - 10px)) scale(1.02);border-color:#c5a36e80;box-shadow:0 20px 40px #c5a36e26}}.showcase-section .btn-explore{background:var(--accent-amber);border:1.5px solid var(--accent-amber);color:var(--bg-black);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:var(--transition-premium);border-radius:4px;padding:16px 40px;font-size:1rem;font-weight:600}@media (hover:hover){.showcase-section .btn-explore:hover{color:var(--bg-black);background:#e8d5b0;border-color:#e8d5b0;transform:translateY(-2px);box-shadow:0 0 30px #c5a36e66}}.showcase-section .btn-explore.secondary{color:var(--text-primary);background:#ffffff0d;border:1.5px solid #ffffff1a}@media (hover:hover){.showcase-section .btn-explore.secondary:hover{color:#000;box-shadow:var(--glow-shadow-white);background:#fff;border-color:#fff;transform:translateY(-2px)}}
.feature-grid-section{padding:var(--space-xl) 0;background:0 0}@media (max-width:768px){.feature-grid-section{padding:var(--space-lg) 0}}.feature-grid-section .feature-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}@media (max-width:768px){.feature-grid-section .feature-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.feature-grid-section .feature-card{padding:var(--space-lg);opacity:0;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;transition:transform 1s cubic-bezier(.19,1,.22,1),opacity 1s cubic-bezier(.19,1,.22,1),border-color .4s,background .4s;transform:translateY(30px)}@media (max-width:768px){.feature-grid-section .feature-card{padding:var(--space-md)}}.feature-grid-section .feature-card.active{opacity:1;transform:translateY(0)}.feature-grid-section .feature-card.mobile-active{background:#ffffff08;border-color:#c5a36e80;transition:transform .4s cubic-bezier(.19,1,.22,1),border-color .4s,background .4s;transform:translateY(-5px)}@media (hover:hover){.feature-grid-section .feature-card:hover{background:#ffffff08;border-color:#c5a36e80;transition:transform .4s cubic-bezier(.19,1,.22,1),border-color .4s,background .4s;transform:translateY(-5px)}}.feature-grid-section .feature-card .feature-card-header{margin-bottom:var(--space-md);align-items:center;gap:16px;display:flex}@media (max-width:768px){.feature-grid-section .feature-card .feature-card-header{margin-bottom:var(--space-sm);gap:12px}}.feature-grid-section .feature-card .feature-card-header .feature-icon{background:var(--accent-glow-soft);width:48px;height:48px;color:var(--accent-amber);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (max-width:768px){.feature-grid-section .feature-card .feature-card-header .feature-icon{width:40px;height:40px;margin-bottom:0}}.feature-grid-section .feature-card h3{margin-bottom:0;font-size:1.5rem;font-weight:600}@media (max-width:768px){.feature-grid-section .feature-card h3{margin-bottom:0;font-size:1.25rem}}.feature-grid-section .feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}
.problem-solution-section{padding:var(--space-xl) 0;margin-top:var(--space-2xl);position:relative;overflow:hidden}@media (max-width:768px){.problem-solution-section{padding:var(--space-lg) 0;margin-top:var(--space-lg)}}.problem-solution-section .hero-tag{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-sm);font-size:.8rem;display:inline-block}.problem-solution-section .hero-tag.problem-tag{color:#ea7171;text-shadow:0 0 10px #ea717133}.problem-solution-section .hero-tag.solution-tag{color:var(--accent-amber);text-shadow:0 0 10px #c5a36e33}.problem-solution-section .section-title{margin-bottom:var(--space-md);letter-spacing:-.02em;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2}@media (max-width:768px){.problem-solution-section .section-title{margin-bottom:var(--space-sm);font-size:1.75rem}}.problem-solution-section .problem-block{text-align:left;max-width:1000px;margin:0 auto var(--space-lg);opacity:0;transition:opacity 1s cubic-bezier(.19,1,.22,1),transform 1s cubic-bezier(.19,1,.22,1);transform:translateY(30px)}.problem-solution-section .problem-block.active{opacity:1;transform:translateY(0)}.problem-solution-section .problem-block .problem-content{margin-top:var(--space-md)}.problem-solution-section .problem-block .problem-main{color:var(--text-secondary);margin-bottom:var(--space-lg);max-width:800px;font-size:1.25rem;line-height:1.6}@media (max-width:768px){.problem-solution-section .problem-block .problem-main{margin-bottom:var(--space-md);font-size:1.05rem}}.problem-solution-section .problem-block .failure-grid{margin-bottom:var(--space-lg);grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:768px){.problem-solution-section .problem-block .failure-grid{margin-bottom:var(--space-md);grid-template-columns:1fr;gap:12px}}.problem-solution-section .problem-block .failure-grid .failure-item{padding:var(--space-sm) var(--space-md);transition:var(--transition-premium);background:#ea717105;border:1px solid #ea71710d;border-radius:16px;align-items:center;gap:16px;display:flex}.problem-solution-section .problem-block .failure-grid .failure-item .failure-icon{color:#ea7171;background:#ea71711a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;display:flex}.problem-solution-section .problem-block .failure-grid .failure-item p{color:var(--text-primary);margin:0;font-size:1rem;font-weight:500}.problem-solution-section .problem-block .failure-grid .failure-item:hover{background:#ea71710a;border-color:#ea717126;transform:translateY(-2px)}.problem-solution-section .problem-block .problem-conclusion{color:var(--text-secondary);font-size:1.5rem;font-weight:500}@media (max-width:768px){.problem-solution-section .problem-block .problem-conclusion{font-size:1.2rem}}.problem-solution-section .problem-block .problem-conclusion span{color:#ea7171;text-shadow:0 0 15px #ea71714d;font-weight:700}.problem-solution-section .solution-block{text-align:left;max-width:1000px;margin:var(--space-lg) auto 0;opacity:0;transition:opacity 1s cubic-bezier(.19,1,.22,1),transform 1s cubic-bezier(.19,1,.22,1);transform:translateY(30px)}.problem-solution-section .solution-block.active{opacity:1;transform:translateY(0)}.problem-solution-section .solution-block .solution-grid{margin-top:var(--space-lg);grid-template-columns:repeat(3,1fr);gap:30px;display:grid}@media (max-width:1024px){.problem-solution-section .solution-block .solution-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}}@media (max-width:768px){.problem-solution-section .solution-block .solution-grid{margin-top:var(--space-md);grid-template-columns:1fr;gap:16px}}.problem-solution-section .solution-block .solution-card{padding:var(--space-lg);background:#ffffff03;border:1px solid #ffffff0a;border-radius:24px;transition:transform .4s cubic-bezier(.19,1,.22,1),border-color .4s,background .4s,box-shadow .4s;position:relative;overflow:hidden}@media (max-width:768px){.problem-solution-section .solution-block .solution-card{padding:var(--space-md)}}.problem-solution-section .solution-block .solution-card.mobile-active{border-color:var(--accent-amber);background:#ffffff05;transform:translateY(-5px);box-shadow:0 15px 35px #0009,0 0 25px #c5a36e1a}@media (hover:hover){.problem-solution-section .solution-block .solution-card:hover{border-color:var(--accent-amber);background:#ffffff05;transform:translateY(-5px);box-shadow:0 15px 35px #0009,0 0 25px #c5a36e1a}.problem-solution-section .solution-block .solution-card:hover .solution-card-header .solution-icon{background:var(--accent-amber);color:var(--bg-black);transform:scale(1.05)}}.problem-solution-section .solution-block .solution-card .solution-card-header{margin-bottom:var(--space-md);align-items:center;gap:16px;display:flex}@media (max-width:768px){.problem-solution-section .solution-block .solution-card .solution-card-header{margin-bottom:var(--space-sm);gap:12px}}.problem-solution-section .solution-block .solution-card .solution-card-header .solution-icon{background:var(--accent-glow-soft);width:48px;height:48px;color:var(--accent-amber);transition:var(--transition-premium);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (max-width:768px){.problem-solution-section .solution-block .solution-card .solution-card-header .solution-icon{border-radius:12px;width:40px;height:40px}}.problem-solution-section .solution-block .solution-card .solution-card-header h3{color:var(--text-primary);margin:0;font-size:1.35rem;font-weight:600}@media (max-width:768px){.problem-solution-section .solution-block .solution-card .solution-card-header h3{font-size:1.15rem}}.problem-solution-section .solution-block .solution-card p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}
