.concept-overview{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);padding:100px 0 30px}.concept-intro{text-align:center;max-width:900px;margin-bottom:50px;margin-left:auto;margin-right:auto}.concept-intro-text{color:#555;background:var(--gradient-light);border-radius:var(--radius-md);border:1px solid #dee2e6;padding:40px 50px;font-size:26px;line-height:1.8;box-shadow:0 10px 30px #0000001a}.concept-section-01{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:50px 0 120px;position:relative}.concept-section-02{background:linear-gradient(135deg,#e9ecef 0%,#dee2e6 100%);padding:80px 0 120px;position:relative}.concept-header{text-align:center;margin-bottom:80px}.concept-flow{grid-template-columns:1fr auto 1fr;align-items:center;gap:50px;margin-bottom:40px;display:grid}.flow-step{border-radius:var(--radius-lg);box-shadow:var(--shadow-heavy);text-align:left;background:#fff;padding:40px 30px;transition:transform .3s;position:relative}.flow-step:hover{transform:translateY(-10px)}.step-problem{border-top:6px solid #6b7280}.step-solution{background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border-top:6px solid #374151}.step-value{background:linear-gradient(135deg,#fff 0%,#f3f4f6 100%);border-top:6px solid #4b5563}.step-illustration{object-fit:contain;width:auto;max-width:100%;height:200px;margin:20px auto;display:block}.flow-arrow{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-top:40px;display:flex;box-shadow:0 4px 20px #0000001a}.arrow-icon{width:40px;height:40px}.downward-flow{flex-direction:column;align-items:center;margin:0;display:flex}.downward-arrow{justify-content:center;align-items:center;width:120px;height:120px;display:flex}.downward-arrow img{width:120px;height:120px}.concept-flow-card{text-align:left;background-color:#fff;border-top-width:6px;border-radius:25px;padding:2rem;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000001a}@media (min-width:1024px){.concept-flow-card{padding:2.5rem}}.concept-flow-card:hover{transform:translateY(-.75rem)}.concept-flow-card.problem{border-color:#6b7280}.concept-flow-card.solution{background:linear-gradient(to bottom right,#fff,#f9fafb);border-color:#374151}.concept-flow-arrow{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:5rem;height:5rem;margin:2rem auto;display:flex;transform:rotate(90deg);box-shadow:0 4px 20px #0000001a}@media (min-width:1024px){.concept-flow-arrow{width:100px;height:100px;margin:2.5rem auto;transform:rotate(0)}}.concept-impact{color:#333;border-radius:var(--radius-xl);text-align:left;box-shadow:var(--shadow-medium);background:#fff;border:8px solid #333;padding:60px 50px;position:relative}.impact-main-text{color:#111827;margin-bottom:2rem;padding-left:2rem;font-size:1.25rem;font-weight:600;line-height:1.7;position:relative}@media (min-width:1024px){.impact-main-text{margin-bottom:2.5rem;padding-left:4rem;font-size:36px}}.impact-main-text:before{content:"•";color:#111827;font-size:1.25rem;font-weight:700;position:absolute;top:0;left:0}@media (min-width:1024px){.impact-main-text:before{font-size:36px}}.impact-bottom-section{flex-direction:row;align-items:flex-end;gap:48px;margin-top:32px;display:flex}.impact-illustration{flex-shrink:0;justify-content:center;align-items:center;width:200px;display:flex}.impact-illustration img{object-fit:contain;width:auto;height:200px}.impact-right-content{flex-direction:column;flex:1;gap:32px;display:flex}.impact-highlight-box{text-align:center;color:#facc15;background:#2d2d2d;border:2px solid #333;border-radius:12px;padding:15px 25px;position:relative}.impact-title{margin:0;font-size:1.25rem;font-weight:600}@media (min-width:1024px){.impact-title{font-size:36px}}.impact-description{color:#111827;text-align:center;margin:0;font-size:.875rem;line-height:1.7}@media (min-width:1024px){.impact-description{text-align:left;font-size:20px}}.impact-badge{display:none}@media (max-width:1024px){.concept-flow{grid-template-columns:1fr;gap:30px}.flow-arrow{width:80px;height:80px;margin:0 auto;transform:rotate(90deg)}.arrow-icon{width:32px;height:32px}.downward-flow{margin:0}.downward-arrow{width:100px;height:100px}.downward-arrow img{width:80px;height:80px}.concept-container{padding:0 30px}}@media (max-width:768px){.concept-overview{padding:60px 0 20px}.concept-intro{margin-bottom:40px}.concept-section-01{padding:30px 0 80px}.concept-section-02{padding:60px 0 80px}.concept-intro-text{padding:30px 10px;font-size:16px}.concept-container{padding:0 10px}.flow-step,.concept-impact{padding:40px 10px}.impact-bottom-section{text-align:center;flex-direction:column;align-items:center;gap:24px}.impact-illustration{width:180px}}
.features-section{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%)}.features-intro{text-align:center;max-width:900px;margin-bottom:80px;margin-left:auto;margin-right:auto}.feature-category{margin-bottom:100px}.feature-cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;display:grid}.feature-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:2rem 1rem;transition:all .3s;box-shadow:0 15px 50px #0000001a}@media (min-width:1024px){.feature-card{padding:2rem}}.feature-card:hover{transform:translateY(-5px);box-shadow:0 25px 70px #00000026}.feature-icon{color:#fff;background:linear-gradient(to bottom right,#1f2937,#4b5563);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:25px;font-size:24px;display:flex}@media (min-width:1024px){.feature-icon{width:5rem;height:5rem;margin-bottom:25px;font-size:1.5rem}}@media (max-width:1024px){.feature-icon{font-size:1.25rem}}.screenshot-placeholder{aspect-ratio:4/3;color:#1976d2;text-align:center;background:linear-gradient(45deg,#e3f2fd,#bbdefb);border-radius:12px;justify-content:center;align-items:center;width:100%;margin:30px 0;font-size:16px;font-weight:700;display:flex;overflow:hidden}
.hero-gradient{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 25%,#1a1a1a 50%,#333 75%,#1a1a1a 100%)}.hero-overlay:before{content:"";z-index:1;background-image:radial-gradient(circle at 20% 80%,#ffffff0d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff08 0%,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff05 0%,#0000 50%);position:absolute;inset:0}.hero-overlay:after{content:"";z-index:1;transform-origin:100% 0;background:linear-gradient(135deg,#ffffff05 0%,#ffffff0d 50%,#ffffff05 100%);width:50%;height:100%;position:absolute;top:0;right:0;transform:skew(-15deg)}.hero-main-title{letter-spacing:8px;color:#fff;text-align:center;text-shadow:0 4px 20px #0000004d;margin-bottom:15px;font-size:96px;font-weight:700;line-height:.9}.hero-tagline{color:#ddd;margin-bottom:50px;font-size:28px}@media (max-width:1024px){.hero-main-title{letter-spacing:6px!important;font-size:72px!important}}@media (max-width:768px){.hero-main-title{letter-spacing:3px!important;font-size:48px!important}.hero-tagline{font-size:18px}}@media (max-width:480px){.hero-main-title{letter-spacing:2px!important;font-size:36px!important}}
.pricing-section{text-align:center;background:#fff}.pricing-card{color:#fff;background:linear-gradient(to bottom right,#1f2937,#4b5563);border-radius:30px;flex-direction:column;justify-content:center;width:100%;margin:0 auto;padding:3rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 100px #0003}@media (min-width:1024px){.pricing-card{padding:3.5rem}}.pricing-card:before{content:"";background:linear-gradient(45deg,#0000,#ffffff1a,#0000);width:200%;height:200%;animation:3s infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.price{margin-bottom:20px;font-size:44px;font-weight:700}@media (min-width:768px){.price{font-size:80px}}.premium-card{color:#1c1917;text-align:center;background:linear-gradient(to bottom right,#fffaf0,#fff8eb);border-radius:30px;width:100%;margin:0 auto;padding:1.75rem 2rem 3rem;position:relative;overflow:hidden;box-shadow:0 30px 100px #0000001a,0 0 0 1.5px #daa52066,0 8px 32px #daa52026}@media (min-width:1024px){.premium-card{padding:2rem 3.5rem 3.5rem}}.premium-card:before{content:"";background:linear-gradient(45deg,#0000,#daa5201f,#0000);width:200%;height:200%;animation:3s infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}
.problem-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.problem-card{text-align:center;background-color:#fff;border-radius:20px;padding:50px 50px 25px;transition-property:transform;transition-duration:.3s;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000001a}.problem-card:hover{transform:translateY(-10px)}.problem-card:before{content:"";background:linear-gradient(90deg,#1f2937,#4b5563);height:5px;position:absolute;top:0;left:0;right:0}.problem-cards{grid-template-columns:1fr 1fr;gap:50px;margin-top:60px;display:grid}.problem-quote{color:#333;text-align:center;margin-bottom:30px;font-size:28px;font-style:italic;font-weight:600;line-height:1.6}@media (min-width:1024px){.problem-cards{margin-top:80px}}@media (max-width:768px){.problem-card{padding:50px 25px 12.5px}.problem-cards{grid-template-columns:1fr;gap:40px}.problem-quote{font-size:18px}}.illustration-small{object-fit:contain;width:auto;max-width:100%;height:200px}@media (max-width:768px){.illustration-small{height:160px}}
.roadmap-section{background:var(--gradient-dark);color:#fff}.roadmap-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2rem 1rem}@media (min-width:1024px){.roadmap-card{padding:2.5rem}}.roadmap-card p{font-size:1rem;line-height:1.75}@media (min-width:1024px){.roadmap-card p{font-size:1.25rem;line-height:1.75}}
.vision-section{background:var(--gradient-dark);color:#fff}.vision-content{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.vision-text{font-size:28px;line-height:1.8}.highlight{color:#fbbf24;letter-spacing:.5px;background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);border:1px solid #fbbf244d;border-radius:12px;padding:8px 16px;font-weight:600;transition:all .3s;display:inline-block;position:relative;box-shadow:0 2px 8px #1f293714,inset 0 1px #fff9}.highlight:hover{background:linear-gradient(135deg,#cbd5e1 0%,#94a3b8 100%);border-color:#fbbf2480;transform:translateY(-1px);box-shadow:0 4px 12px #1f29371f,inset 0 1px #fff9}.highlight:before{content:"";z-index:-1;background:linear-gradient(135deg,#fbbf240d 0%,#fbbf2405 100%);border-radius:12px;position:absolute;inset:0}@media (max-width:1024px){.vision-content{grid-template-columns:1fr;gap:40px}}@media (max-width:768px){.vision-text{font-size:18px}}
