.hero{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center top}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,#080808f2,#080808cc,#08080880)}.hero-content{position:relative;z-index:1;padding-top:var(--space-10);padding-bottom:var(--space-10);max-width:640px}.badge{display:inline-block;font-size:13px;font-weight:700;padding:5px 14px;border-radius:100px;margin-bottom:var(--space-2)}.badge-native{color:var(--color-accent);background-color:#664de526;border:1px solid rgba(102,77,229,.3)}.badge-community{color:var(--color-text-muted);background-color:#151515d9;border:1px solid var(--color-border)}.hero h1{font-size:clamp(32px,5vw,56px);font-weight:900;line-height:1.1;margin-bottom:var(--space-2)}.hero-lead{font-size:18px;color:var(--color-text-base);line-height:1.6;margin-bottom:var(--space-4)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.hero-note{font-size:14px;color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:var(--border-radius);font-family:var(--font-heading);font-weight:700;font-size:15px;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease;border:1px solid transparent}.btn-primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.btn-secondary{background-color:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{border-color:var(--color-text-muted);color:var(--color-text)}.btn-ghost{background-color:#ffffff1a;color:var(--color-text);border-color:#fff3}.btn-ghost:hover{background-color:#ffffff26;border-color:#ffffff4d;color:var(--color-text)}.btn-lg{padding:14px 36px;font-size:16px}.section{padding:var(--space-8) 0}.section-header{text-align:center;margin-bottom:var(--space-6)}.section-header h2{margin-bottom:var(--space-1)}.section-header p{color:var(--color-text-muted);font-size:18px}.feature-link{display:inline-block;margin-top:var(--space-2);color:var(--color-accent);font-weight:700;font-size:15px;text-decoration:none;transition:color .15s ease}.feature-link:hover{color:var(--color-accent-hover)}.pain-points-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.pain-card{background-color:var(--color-bg-card);border:1px solid rgba(200,80,60,.2);border-radius:var(--border-radius-lg);padding:var(--space-4);position:relative}.pain-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#c8503c80,#c8503c1a);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.pain-icon{width:40px;height:40px;border-radius:10px;background-color:#c8503c1a;border:1px solid rgba(200,80,60,.2);display:flex;align-items:center;justify-content:center;color:#c8503c;margin-bottom:var(--space-2)}.pain-card h3{font-size:18px;margin-bottom:var(--space-1)}.pain-card p{color:var(--color-text-muted);font-size:15px;line-height:1.6}.showcase{display:flex;flex-direction:column;gap:var(--space-4);max-width:1000px;margin:0 auto}.showcase-label{font-family:var(--font-heading);font-weight:700;font-size:var(--text-small);color:var(--color-accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-1)}.showcase-text{max-width:640px}.showcase-text h2{margin-bottom:var(--space-2)}.showcase-text p{color:var(--color-text-base);line-height:1.7;font-size:17px}.showcase-frame{border-radius:var(--border-radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:0 0 60px #664de51a}.frame-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background-color:#111;border-bottom:1px solid var(--color-border)}.frame-dot{width:10px;height:10px;border-radius:50%;background-color:#333}.showcase-img{width:100%;height:auto;display:block}.section-alt{background-color:var(--color-bg-card);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.mid-cta{text-align:center;padding:var(--space-6) 0}.mid-cta p{color:var(--color-text-muted);font-size:16px;margin-bottom:var(--space-3)}.table-wrapper{overflow-x:auto;margin-top:var(--space-3);border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.comparison-table{width:100%;border-collapse:collapse;min-width:500px}.comparison-table th,.comparison-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);font-size:14px}.comparison-table th{font-family:var(--font-heading);font-weight:700;font-size:13px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;background-color:var(--color-bg-card);position:sticky;top:0}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover{background-color:#ffffff05}.comparison-table .feature-name{font-weight:700;color:var(--color-text);white-space:nowrap}.comparison-table .col-takaro{color:var(--color-accent);font-weight:700}.comparison-table td{color:var(--color-text-base)}.explainer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:start}.explainer-text h2{margin-bottom:var(--space-2)}.explainer-text p{color:var(--color-text-base);line-height:1.7;margin-bottom:var(--space-2);font-size:17px}.explainer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.stat{text-align:center;padding:var(--space-3);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.stat-number{display:block;font-family:var(--font-heading);font-size:36px;font-weight:900;color:var(--color-accent)}.stat-label{display:block;font-size:13px;color:var(--color-text-muted);margin-top:4px}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.feature-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-4);transition:border-color .2s ease}.feature-card:hover{border-color:var(--color-accent)}.feature-icon{width:40px;height:40px;border-radius:10px;background-color:#664de51a;border:1px solid rgba(102,77,229,.2);display:flex;align-items:center;justify-content:center;color:var(--color-accent);margin-bottom:var(--space-2)}.feature-card h3{font-size:18px;margin-bottom:var(--space-1)}.feature-card p{color:var(--color-text-muted);font-size:15px;line-height:1.6}.feature-card :global(a){color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.features-cta{text-align:center;margin-top:var(--space-4)}.why-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3);max-width:900px;margin:0 auto}.why-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-4)}.why-card h3{font-size:18px;margin-bottom:var(--space-1)}.why-card p{color:var(--color-text-muted);font-size:15px;line-height:1.6}.steps{background-color:var(--color-bg-card);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.steps-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3);justify-content:center}.step-card{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background-color:var(--color-bg)}.step-number{display:inline-block;font-family:var(--font-heading);font-size:32px;font-weight:900;color:var(--color-accent);margin-bottom:var(--space-1)}.step-card h3{font-size:18px;margin-bottom:6px}.step-card p{color:var(--color-text-muted);font-size:15px;line-height:1.5}.testimonials-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.testimonial{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-4)}.testimonial p{color:var(--color-text-base);font-size:16px;line-height:1.7;font-style:italic;margin-bottom:var(--space-3)}.testimonial footer{display:flex;align-items:center;gap:var(--space-2)}.testimonial footer img{border-radius:50%;width:40px;height:40px;object-fit:cover}.testimonial footer strong{display:block;font-size:15px;color:var(--color-text)}.testimonial footer span{font-size:13px;color:var(--color-text-muted)}.pricing-callout-card{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start;background:linear-gradient(135deg,#664de51f,#664de50a);border:1px solid rgba(102,77,229,.25);border-radius:var(--border-radius-lg);padding:var(--space-5)}.pricing-callout-text h2{font-size:clamp(22px,3vw,28px);margin-bottom:var(--space-1)}.pricing-callout-text p{color:var(--color-text-base);font-size:16px;line-height:1.6}.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-1)}.faq-item{border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden}.faq-item summary{padding:var(--space-2) var(--space-3);font-weight:700;font-family:var(--font-heading);cursor:pointer;color:var(--color-text);font-size:16px;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;font-size:20px;color:var(--color-text-muted)}.faq-item[open] summary:after{content:"−"}.faq-item p{padding:0 var(--space-3) var(--space-2);color:var(--color-text-base);font-size:15px;line-height:1.7}.faq-item :global(a){color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.final-cta{text-align:center;padding:var(--space-10) 0}.final-cta h2{margin-bottom:var(--space-1)}.final-cta p{color:var(--color-text-muted);font-size:18px;margin-bottom:var(--space-4)}.final-cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2)}.back-nav{padding-bottom:var(--space-6)}.back-link{color:var(--color-text-muted);font-size:15px;text-decoration:none;transition:color .15s ease}.back-link:hover{color:var(--color-text)}@media(min-width:768px){.section{padding:var(--space-10) 0}.hero{min-height:560px}.hero-overlay{background:linear-gradient(to right,#080808f2,#080808bf 45%,#08080859)}.explainer-grid{grid-template-columns:1.5fr 1fr}.pain-points-grid{grid-template-columns:repeat(3,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(200px,260px))}.testimonials-grid{grid-template-columns:repeat(3,1fr)}.pricing-callout-card{flex-direction:row;align-items:center;justify-content:space-between}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}.features-grid-6,.why-grid{grid-template-columns:repeat(3,1fr)}}