:root{--primary:#3b82f6;--primary-light:#60a5fa;--primary-dark:#2563eb;--accent:#10b981;--accent-light:#34d399;--warning:#f59e0b;--danger:#ef4444;--indiba:#ff6b35;--indiba-light:#ff8c5a;--dark:#0f172a;--gray-dark:#1e293b;--gray-medium:#334155;--gray-light:#475569;--text-light:#f1f5f9;--text-gray:#cbd5e1;--white:#ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Noto Sans JP',sans-serif;background:linear-gradient(135deg,var(--dark) 0%,var(--gray-dark) 100%);color:var(--text-light);line-height:1.8;overflow-x:hidden}*{color:var(--text-light)}.hero-section{width:100vw;min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(rgb(15 23 42 / .5),rgb(30 41 59 / .6)),url(https://disport.world/wp-content/uploads/2025/09/u7567454993_Japanese_woman_front_three-quarter_view_hand_on_n_d548d8b0-e0c0-425d-b243-1800efdb9d60_1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-content{max-width:1200px;padding:2rem;text-align:center;z-index:2}.hero-title{font-size:clamp(2.5rem, 5vw, 4.5rem);font-weight:900;background:linear-gradient(135deg,var(--primary-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;margin-bottom:1.5rem;line-height:1.2;text-shadow:0 2px 10px rgb(0 0 0 / .3)}.hero-subtitle{font-size:clamp(1.2rem, 2.5vw, 1.8rem);color:var(--text-gray)!important;margin-bottom:3rem;font-weight:300}.badge{display:inline-block;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;margin:.5rem;color:var(--white)!important}.badge-primary{background:rgb(59 130 246 / .2);border:1px solid var(--primary-light);color:var(--primary-light)!important}.badge-accent{background:rgb(16 185 129 / .2);border:1px solid var(--accent);color:var(--accent)!important}.badge-warning{background:rgb(245 158 11 / .2);border:1px solid var(--warning);color:var(--warning)!important}.badge-indiba{background:rgb(255 107 53 / .2);border:1px solid var(--indiba);color:var(--indiba)!important}.section{width:100vw;padding:5rem 2rem;position:relative}.section-dark{background:linear-gradient(135deg,var(--dark) 0%,var(--gray-dark) 100%)}.section-accent{background:linear-gradient(135deg,var(--gray-dark) 0%,var(--dark) 100%);border-top:1px solid rgb(59 130 246 / .3);border-bottom:1px solid rgb(59 130 246 / .3)}.section-indiba{background:linear-gradient(135deg,rgb(255 107 53 / .05) 0%,var(--dark) 100%);border-top:2px solid var(--indiba);border-bottom:2px solid var(--indiba)}.container{max-width:1200px;margin:0 auto}.section-title{font-size:clamp(2rem, 4vw, 3rem);font-weight:700;text-align:center;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.section-subtitle{text-align:center;font-size:1.2rem;color:var(--text-gray)!important;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.card{background:linear-gradient(135deg,var(--gray-dark),var(--gray-medium));border:1px solid rgb(59 130 246 / .3);border-radius:20px;padding:2rem;position:relative;overflow:hidden;transition:all 0.3s ease}.card *{color:var(--text-light)!important}.card h3,.card h4{color:var(--primary-light)!important}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent))}.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgb(59 130 246 / .2)}.anatomy-visual{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin:3rem 0;align-items:center}.spine-illustration{text-align:center;padding:2rem;background:linear-gradient(135deg,rgb(59 130 246 / .1),var(--gray-dark));border-radius:20px}.spine-svg{width:200px;height:300px;margin:0 auto}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0}.comparison-card{background:linear-gradient(135deg,var(--gray-dark),rgb(59 130 246 / .1));border:2px solid var(--primary);border-radius:20px;padding:2rem;text-align:center}.comparison-card *{color:var(--text-light)!important}.comparison-icon{font-size:4rem;margin-bottom:1rem}.normal-spine{color:var(--accent)!important}.straight-spine{color:var(--danger)!important}.cause-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}.cause-card{background:linear-gradient(135deg,var(--gray-dark),rgb(245 158 11 / .05));border-left:4px solid var(--warning);border-radius:15px;padding:2rem;position:relative;transition:all 0.3s ease}.cause-card *{color:var(--text-light)!important}.cause-card:hover{transform:translateX(10px);box-shadow:0 10px 30px rgb(245 158 11 / .2)}.cause-icon{font-size:2.5rem;color:var(--warning)!important;margin-bottom:1rem}.indiba-hero{background:linear-gradient(135deg,rgb(255 107 53 / .15),var(--gray-dark));border:2px solid var(--indiba);border-radius:30px;padding:3rem;margin:3rem 0;text-align:center}.indiba-title{font-size:clamp(2rem, 4vw, 3rem);font-weight:700;background:linear-gradient(135deg,var(--indiba),var(--indiba-light));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;margin-bottom:1rem}.indiba-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0}.indiba-feature-card{background:linear-gradient(135deg,var(--gray-dark),rgb(255 107 53 / .1));border:1px solid var(--indiba);border-radius:20px;padding:2rem;text-align:center;transition:all 0.3s ease}.indiba-feature-card:hover{transform:scale(1.05);box-shadow:0 15px 30px rgb(255 107 53 / .3)}.indiba-icon{font-size:3rem;color:var(--indiba)!important;margin-bottom:1rem}.effect-timeline{position:relative;max-width:1000px;margin:3rem auto}.effect-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--indiba),var(--indiba-light));transform:translateX(-50%)}.effect-item{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem;align-items:center}.effect-content{background:linear-gradient(135deg,var(--gray-dark),rgb(255 107 53 / .05));border:1px solid var(--indiba);border-radius:15px;padding:2rem}.effect-image{border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgb(0 0 0 / .3)}.effect-image img{width:100%;height:300px;object-fit:cover}.symptom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:3rem 0}.symptom-card{background:linear-gradient(135deg,rgb(239 68 68 / .1),var(--gray-dark));border:1px solid var(--danger);border-radius:15px;padding:1.5rem;text-align:center;transition:all 0.3s ease}.symptom-card *{color:var(--text-light)!important}.exercise-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:3rem 0}.exercise-card{background:linear-gradient(135deg,var(--gray-dark),rgb(16 185 129 / .1));border:2px solid var(--accent);border-radius:20px;padding:2rem;position:relative}.cta-section{background:linear-gradient(135deg,var(--indiba),var(--dark));padding:5rem 2rem;text-align:center;border-top:2px solid var(--indiba-light)}.cta-section *{color:var(--text-light)!important}.cta-title{font-size:clamp(2rem, 4vw, 3rem);font-weight:700;margin-bottom:2rem;color:var(--white)!important}.btn{padding:1rem 2.5rem;border-radius:50px;font-weight:600;text-decoration:none;display:inline-block;transition:all 0.3s ease;border:none;cursor:pointer;color:var(--white)!important;margin:.5rem}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light))}.btn-indiba{background:linear-gradient(135deg,var(--indiba),var(--indiba-light));box-shadow:0 10px 25px rgb(255 107 53 / .3)}.btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgb(59 130 246 / .3)}.feature-list{list-style:none;padding:0}.feature-list li{padding:.8rem 0;border-bottom:1px solid rgb(107 114 128 / .3);display:flex;align-items:center;color:var(--text-gray)!important}.feature-list li::before{content:'✓';color:var(--accent)!important;font-weight:700;margin-right:1rem;font-size:1.2rem}.stat-box{background:linear-gradient(135deg,var(--gray-dark),rgb(59 130 246 / .1));border:1px solid var(--primary);border-radius:15px;padding:1.5rem;text-align:center;margin:1rem}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-light)!important}.fade-in{opacity:0;transform:translateY(30px);transition:all 0.6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.section{padding:3rem 1rem}.comparison-grid,.cause-grid,.symptom-grid,.exercise-container,.indiba-features{grid-template-columns:1fr}.effect-item{grid-template-columns:1fr}.effect-line{left:20px}.anatomy-visual{grid-template-columns:1fr}}