:root{--primary-color:#42bf00;--primary-dark:#3aaa00;--primary-light:#5ed000;--primary-50:#f0fff0;--secondary-color:#f87390;--secondary-dark:#e56b86;--secondary-50:#ffeef2;--bg:#faf7f5;--surface:#fff;--ink:#2e2e2e;--muted:#666;--line:#e0f5e0;--success:#42bf00;--fs-h1:clamp(28px,3.2vw,36px);--fs-h2:clamp(22px,2.4vw,28px);--fs-lead:clamp(17px,1.6vw,18px);--fs-body:16px;--fs-small:14px;--radius-lg:20px;--radius-md:14px;--shadow-1:0 6px 20px rgba(0,0,0,.06);--shadow-2:0 8px 24px rgba(0,0,0,.08);--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-6:32px;--space-8:48px;--space-10:64px;--space-12:80px;--easing:cubic-bezier(0.2,0.7,0.3,1);--dur-1:220ms;--dur-2:300ms}.hero-beginner{overflow:hidden;padding:4rem 1rem 3rem;position:relative}.hero-beginner:before{background-image:url(../images/hero-photo-xs.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";display:block;height:100%;left:0;opacity:.3;position:absolute;right:0;top:0;width:100%;z-index:-1}@media (min-resolution:192dpi),screen and (-webkit-min-device-pixel-ratio:2){.hero-beginner:before{background-image:url(../images/hero-photo-xs@2x.webp)}}@media screen and (min-width:768px){.hero-beginner:before{background-image:url(../images/hero-photo-tb.webp)}}@media screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:192dpi){.hero-beginner:before{background-image:url(../images/hero-photo-tb@2x.webp)}}@media screen and (min-width:1024px){.hero-beginner:before{background-image:url(../images/hero-photo-md.webp)}}@media screen and (min-width:1024px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:1024px) and (min-resolution:192dpi){.hero-beginner:before{background-image:url(../images/hero-photo-md@2x.webp)}}@media (min-width:640px){.hero-beginner{padding:5rem 1rem 4rem}}.hero-beginner__container{margin:0 auto;max-width:64rem;padding:0 1rem;position:relative;z-index:1}.hero-beginner__title{color:#171717;font-size:2rem;font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:3rem 0 1.5rem}@media (min-width:640px){.hero-beginner__title{font-size:3rem}}.hero-beginner__subtitle{color:#171717;font-size:1.5rem;font-weight:600;margin-bottom:2rem;margin-top:2rem}@media (min-width:640px){.hero-beginner__subtitle{margin-top:2rem}}.hero-beginner__lead{color:#262626;font-family:vdl-v7mincho,sans-serif;font-size:1.25rem;font-weight:500;line-height:1.75;margin-top:2rem}.hero-beginner__lead p{margin:0 0 .5rem}.hero-beginner__lead p:last-child{margin-bottom:0}@media (min-width:640px){.hero-beginner__lead{font-size:1.375rem}}.hero-beginner__badges{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin-top:1.5rem;padding:0}.hero-beginner__badge{background-color:#fff;border-radius:9999px;box-shadow:0 0 0 1px #e5e5e5;color:#404040;font-size:.875rem;padding:.25rem .75rem}.hero-beginner__cta{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}@media (min-width:640px){.hero-beginner__cta{flex-direction:row}}.hero-beginner__btn{align-items:center;border-radius:.75rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.75rem 1.25rem;text-decoration:none;transition:all .2s}.hero-beginner__btn:focus{outline:none}.hero-beginner__btn:focus-visible{box-shadow:0 0 0 2px #10b981}.hero-beginner__btn--primary{background-color:#f87390;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:#fff}.hero-beginner__btn--primary:hover{background-color:#e56b86}.hero-beginner__btn--secondary{background-color:#fff;box-shadow:0 0 0 1px #e5e5e5;color:#171717}.hero-beginner__btn--secondary:hover{background-color:#f5f5f5}.text-center{text-align:center}br.sp-only{display:none}@media (max-width:768px){br.sp-only{display:block}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:system-ui,Noto Sans JP,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;line-height:1.7}.container{margin:0 auto;max-width:1200px;padding:0 20px}@media (max-width:639px){.container{padding:0 16px}}section{padding:clamp(48px,6vw,80px) 0}h1,h2,h3{line-height:1.25}a{color:var(--primary-color);text-decoration:none;transition:color var(--dur-1) ease}a:hover{color:var(--primary-dark)}:focus-visible{outline:3px solid rgba(66,191,0,.5);outline-offset:2px}.section-title{color:var(--ink);font-size:var(--fs-h2);font-weight:700}.section-head,.section-title{margin-bottom:var(--space-8);text-align:center}.section-head h2{font-size:var(--fs-h2);margin-bottom:var(--space-3)}.section-head p{color:var(--muted);font-size:var(--fs-lead);margin-bottom:var(--space-4)}.section-foot{margin-top:var(--space-6);text-align:center}.btn{border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-block;font-size:var(--fs-body);font-weight:600;line-height:1.2;padding:16px 32px;text-align:center;text-decoration:none;transition:all var(--dur-1) var(--easing)}.btn-primary{background:var(--secondary-color);box-shadow:0 6px 20px rgba(248,115,144,.3);color:#fff}.btn-primary:hover{background:var(--secondary-dark);box-shadow:0 8px 24px rgba(248,115,144,.4);color:#fff;transform:translateY(-1px)}.btn-primary:active{transform:scale(.98)}.btn-primary.large{font-size:var(--fs-lead);padding:20px 48px}.btn-ghost,.btn-secondary{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-ghost:hover,.btn-secondary:hover{background:var(--primary-50);border-color:var(--primary-dark);color:var(--primary-dark)}.btn-tertiary{align-items:center;background:#06c755;color:#fff;display:inline-flex;gap:var(--space-1);justify-content:center}.btn-tertiary:hover{background:#05a745;color:#fff}.btn--sm{font-size:var(--fs-small);padding:12px 24px}#Hero.hero{margin-top:0}.hero-section{background:linear-gradient(135deg,var(--bg) 0,var(--surface) 100%);margin-top:0;padding:100px 0}.hero-content{align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.hero-title{color:var(--ink);font-size:var(--fs-h1);font-weight:700}.hero-subtitle,.hero-title{margin-bottom:var(--space-4)}.hero-subtitle{color:var(--muted);font-size:var(--fs-lead);line-height:1.8}.hero-subtitle strong{color:var(--ink);font-weight:600}.hero-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.badge{background:var(--surface);border:1px solid var(--line);border-radius:20px;color:var(--primary-color);font-size:var(--fs-small);font-weight:600;padding:8px 16px}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-image{position:relative}.hero-image picture{cursor:pointer;display:block}.hero-image img{border:8px solid var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);height:auto;width:100%}.pricing-section{padding:var(--space-8) 0}.pricing-section .section-head{margin-bottom:var(--space-6);text-align:center}.pricing-section .section-title{margin-bottom:var(--space-2)}.pricing-section .section-subtitle{color:var(--ink);font-size:1.1rem;font-weight:500}.pricing-content{display:flex;flex-direction:column;gap:var(--space-6);margin:0 auto;max-width:800px}.trial-banner{background:linear-gradient(135deg,#ff69b4,orange);border-radius:1rem;box-shadow:0 10px 30px -10px rgba(0,0,0,.3);color:#fff;overflow:hidden;padding:2rem;position:relative}.trial-banner__content{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.trial-banner__text h2{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.trial-banner__text p{font-size:1.125rem;opacity:.95}.trial-banner__price{align-items:center;background:#fff;border-radius:50%;box-shadow:0 8px 24px rgba(0,0,0,.15);display:flex;flex-direction:column;flex-shrink:0;height:160px;justify-content:center;width:160px}.trial-banner__price .small{color:#666;font-size:.875rem;margin-bottom:.25rem}.trial-banner__price .price-large{color:orange;font-size:3rem;font-weight:700;line-height:1}.trial-banner__price .price-unit{font-size:1.5rem}.trial-banner__footer{border-top:1px solid hsla(0,0%,100%,.3);margin-top:1.5rem;padding-top:1.5rem;text-align:center}.trial-banner__footer p{font-size:.875rem;margin:0}.trial-banner__footer a{color:#fff;font-weight:700;text-decoration:underline}.trial-banner__footer a:hover{color:#ffeb3b;text-decoration:none}.pricing-grid{align-items:center;display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;margin:2rem 0;text-align:center}.pricing-item h3{color:#6b7280;font-size:1.125rem;font-weight:400;margin-bottom:.25rem}.pricing-item p{color:#1f2937;font-size:1.875rem;font-weight:700}.price-highlight{color:var(--primary-color);font-size:3rem;font-weight:700;margin-left:.5rem}.price-highlight .price-unit{font-size:1.875rem}.payment-info{margin-top:1rem;text-align:center}.payment-info p{color:#6b7280;font-size:1rem}.cancel-policy{background:var(--primary-50);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);text-align:center}.cancel-policy p{color:var(--ink);font-size:var(--fs-body)}.cancel-policy .text-secondary{color:var(--secondary-color)}.cancel-policy .text-muted{color:var(--muted);font-size:var(--fs-small)}.pricing-cta{padding-top:var(--space-4);text-align:center}.pricing-cta .btn{font-size:20px;padding:var(--space-3) var(--space-8)}.pricing-cta .btn-ghost{background:#fff}.note{background:var(--surface);border-bottom:1px solid var(--line);padding:var(--space-4) 0}.note p{color:var(--muted);font-size:var(--fs-body);text-align:center}.note strong{color:var(--secondary-color);font-weight:600}.note a{margin-left:var(--space-2);text-decoration:underline}.cards{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-6)}.cards--scroll{display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-3);scroll-snap-type:x mandatory}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);overflow:hidden;scroll-snap-align:start;transition:all var(--dur-1) var(--easing)}.cards--scroll .card{flex:0 0 300px}.card:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.card img{height:200px;object-fit:cover;width:100%}.card__body{padding:var(--space-4)}.card h3{color:var(--ink);font-size:18px}.card .meta,.card h3{margin-bottom:var(--space-2)}.card .meta{color:var(--primary-color);font-weight:600}.card .copy,.card .meta{font-size:var(--fs-small)}.card .copy{color:var(--muted);line-height:1.6;margin-bottom:var(--space-3)}#new-classes{background:var(--bg);padding:var(--space-12) 0}#new-classes .cards{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:var(--space-8)}#new-classes .card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden;transition:transform var(--dur-2) ease,box-shadow var(--dur-2) ease}#new-classes .card:hover{box-shadow:0 12px 32px rgba(0,0,0,.15);transform:translateY(-8px)}#new-classes .card__header{align-items:center;display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-4) 0}#new-classes .card__avatar{border:3px solid var(--primary-50);border-radius:50%;flex-shrink:0;height:80px;overflow:hidden;width:80px}#new-classes .card__avatar img{height:100%;object-fit:cover;object-position:center;width:100%}#new-classes .card__info{flex-grow:1}#new-classes .card__info h3{color:var(--ink);font-size:20px;font-weight:700;margin-bottom:4px}#new-classes .card__info .meta{color:var(--primary-color);font-size:14px;font-weight:600}#new-classes .card__body{padding:var(--space-3) var(--space-4) var(--space-4)}#new-classes .card__body .copy{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:var(--space-3);min-height:48px}#new-classes .btn--sm{align-items:center;background:var(--secondary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:var(--space-1);justify-content:center;padding:14px 24px;text-decoration:none;transition:background-color var(--dur-1) ease,transform var(--dur-1) ease;width:100%}#new-classes .btn--sm:hover{background:var(--secondary-dark);color:#fff;transform:scale(1.02)}#new-classes .btn--sm:after{content:"→";font-size:18px;transition:transform var(--dur-1) ease}#new-classes .btn--sm:hover:after{transform:translateX(4px)}#class-selection{background:var(--surface);padding:var(--space-8) 0}.new-class-recommendation{background:linear-gradient(135deg,#f0fff0,#e8ffe8);border:2px solid var(--primary-color);border-radius:var(--radius-lg);margin-bottom:var(--space-10);padding:var(--space-8) var(--space-6);position:relative}.new-class-recommendation .section-title{color:var(--primary-dark);margin-bottom:var(--space-4)}.new-class-recommendation .section-lead{color:var(--ink);font-size:var(--fs-lead);line-height:1.8;margin-bottom:var(--space-6);text-align:center}.recommendation-reasons{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-6)}.reason-item{background:#fff;border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(0,0,0,.08);padding:var(--space-4)}.reason-icon{display:block;font-size:32px;margin-bottom:var(--space-2)}.reason-item h3{color:var(--primary-dark);font-size:18px;font-weight:700;margin-bottom:var(--space-2)}.reason-item p{color:var(--muted);font-size:var(--fs-small);line-height:1.6}.new-class-cta{text-align:center}.new-class-cta .btn{margin-bottom:var(--space-2)}.cta-note{margin:0}.cta-note small{color:var(--muted);font-size:var(--fs-small)}.other-selections{border-top:2px solid var(--line);margin-top:var(--space-8);padding-top:var(--space-8)}.subsection-title{color:var(--ink);font-size:var(--fs-h2);font-weight:700;margin-bottom:var(--space-3);text-align:center}.subsection-lead{color:var(--muted);font-size:var(--fs-body);text-align:center}.chips,.subsection-lead{margin-bottom:var(--space-6)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.chip{background:var(--surface);border:2px solid var(--line);border-radius:24px;cursor:pointer;font-size:var(--fs-body);font-weight:600;min-width:120px;padding:12px 32px;text-align:center;transition:all var(--dur-1) var(--easing)}.chip.is-active,.chip:hover{background:var(--primary-50);border-color:var(--primary-color);color:var(--primary-color)}.panels{margin-bottom:var(--space-6)}.panel{display:none}.panel.is-active{animation:fadeIn var(--dur-2) var(--easing);display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.quickfind-cards{display:grid;gap:1.5rem;margin-top:2rem}#class-selection [data-panel=genre] .quickfind-cards,#class-selection [data-panel=level] .quickfind-cards{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:2rem auto 0;max-width:1000px}#class-selection [data-panel=genre] .quickfind-card,#class-selection [data-panel=level] .quickfind-card{flex:0 0 calc(33.333% - 1rem);max-width:calc(33.333% - 1rem)}#class-selection [data-panel=area] .quickfind-cards{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:2rem auto 0;max-width:1000px}#class-selection [data-panel=area] .quickfind-card{flex:0 0 calc(33.333% - 1rem);max-width:calc(33.333% - 1rem)}.quickfind-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.quickfind-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);transform:translateY(-4px)}.quickfind-card h3{color:var(--primary-color);font-size:1.25rem;margin-bottom:.5rem}.quickfind-card p{color:var(--muted);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.quickfind-card .btn{font-size:.9rem;padding:.75rem;width:100%}.quickfind-card.quickfind-card--small{background:#f8f8f8;border:1px solid #e8e8e8;box-shadow:0 1px 4px rgba(0,0,0,.05);padding:1rem}.quickfind-card.quickfind-card--small:hover{box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(-2px)}.quickfind-card.quickfind-card--small h3{color:#888;font-size:1.1rem}.quickfind-card.quickfind-card--small p{color:#999;font-size:.85rem;margin-bottom:.75rem}.quickfind-card.quickfind-card--small .btn{background:transparent;border:1px solid #ccc;color:#888}.quickfind-card.quickfind-card--small .btn:hover{background:#f0f0f0;border-color:#aaa;color:#666}.quickfind-cards-secondary{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:1.5rem auto 0;max-width:600px}.quickfind-cards-secondary .quickfind-card{flex:0 0 calc(50% - 0.75rem);max-width:calc(50% - .75rem)}.quickfind-card.card-link{align-items:center;color:inherit;display:flex;flex-direction:row;justify-content:space-between;min-height:72px;padding:14px 16px;text-decoration:none}.quickfind-card.card-link .card-title{font-size:1.05rem;font-weight:800;letter-spacing:.02em}.icon{display:inline-block;vertical-align:middle}.icon-chevron{flex-shrink:0}.quickfind-card.card-link .icon-chevron{opacity:.25;transform:translateX(-2px);transition:opacity .15s ease,transform .15s ease}.quickfind-card.card-link:hover .icon-chevron{opacity:.6;transform:translateX(2px)}.quickfind-card--sm.card-link{min-height:60px}.quickfind-card--sm.card-link .card-title{color:#888;font-size:.98rem}.help{color:var(--muted);font-size:var(--fs-body);text-align:center}.help strong{color:var(--secondary-color);font-weight:600}.help .new-class-link{color:inherit;text-decoration:none;transition:color .2s ease}.help .new-class-link:hover{color:var(--secondary-color)}.help .new-class-link strong{text-decoration:underline}#reasons{background:url(../images/img-bg-8.png) no-repeat;background-position:50%;background-size:contain}#reasons .section-lead{color:var(--muted);font-size:1.1rem;line-height:1.7;margin:.5rem auto 2.5rem;max-width:800px;text-align:center}.reason-cards{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.reason-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);overflow:hidden;transition:transform var(--dur-1) var(--easing),box-shadow var(--dur-1) var(--easing)}.reason-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.reason-image{display:block;height:200px;object-fit:cover;width:100%}.reason-content{padding:var(--space-6)}.reason-card h3{color:var(--ink);font-size:20px;margin-bottom:var(--space-3)}.reason-card p{color:var(--muted);font-size:var(--fs-body);line-height:1.8;margin-bottom:var(--space-4)}.reason-card strong{color:var(--primary-color);font-weight:600}.voice{border-left:3px solid var(--primary-color);color:var(--muted);font-size:var(--fs-small);font-style:italic;padding-left:var(--space-4);position:relative}#support-promise{background:var(--surface);padding:var(--space-12) 0}.promise-header{margin-bottom:var(--space-10);text-align:center}.promise-header .section-title{margin-bottom:var(--space-3)}.promise-subtitle{color:var(--muted);font-size:var(--fs-lead);margin:0 auto;max-width:600px}.promise-grid{display:grid;gap:var(--space-8) var(--space-10);grid-template-columns:repeat(2,1fr);margin:0 auto var(--space-8);max-width:1000px}.promise-item{align-items:flex-start;display:flex;gap:var(--space-4)}.promise-number{align-items:center;border-radius:50%;box-shadow:0 0 0 8px var(--surface);display:flex;flex-shrink:0;height:64px;justify-content:center;position:relative;width:64px}.promise-item:first-child .promise-number{background:#fff0f5}.promise-item:first-child .promise-number span{color:#ec4899}.promise-item:nth-child(2) .promise-number{background:#fff1f2}.promise-item:nth-child(2) .promise-number span{color:#f43f5e}.promise-item:nth-child(3) .promise-number{background:#fdf4ff}.promise-item:nth-child(3) .promise-number span{color:#d946ef}.promise-item:nth-child(4) .promise-number{background:#faf5ff}.promise-item:nth-child(4) .promise-number span{color:#a855f7}.promise-number span{font-size:24px;font-weight:700}.promise-content{flex:1;padding-top:8px}.promise-content h3{color:var(--ink);font-size:20px;font-weight:600;margin-bottom:var(--space-2)}.promise-content p{color:var(--muted);font-size:var(--fs-body);line-height:1.7}.section-cta{text-align:center}#flow.sec-flow{background:#fff url(../images/img-bg-20.png) no-repeat;background-position:50%;background-size:cover;padding:100px 0}.t-center{text-align:center}.mt-50{margin-top:50px}.voice-text{position:relative}.voice-text .v-t-1,.voice-text .v-t-2,.voice-text .v-t-3,.voice-text .v-t-4,.voice-text .v-t-5{position:absolute;text-align:left;width:340px}.voice-text .v-t-1 p:first-of-type,.voice-text .v-t-2 p:first-of-type,.voice-text .v-t-3 p:first-of-type,.voice-text .v-t-4 p:first-of-type,.voice-text .v-t-5 p:first-of-type{color:#42bf00;font-size:30px;font-weight:700}.voice-text .v-t-1 p:last-of-type,.voice-text .v-t-2 p:last-of-type,.voice-text .v-t-3 p:last-of-type,.voice-text .v-t-4 p:last-of-type,.voice-text .v-t-5 p:last-of-type{font-weight:500;margin-top:20px}.voice-text .v-t-1{left:calc(50% - 340px);top:5%}.voice-text .v-t-2{left:calc(50% + 30px);top:25%}.voice-text .v-t-3{left:calc(50% - 340px);top:45%}.voice-text .v-t-4{left:calc(50% + 30px);top:65%}.voice-text .v-t-5{left:calc(50% - 340px);top:85%}.pc-show{display:inline-block}.sp-show{display:none}#flow .pc-show{max-width:85%}#problems-questions{background:var(--bg);padding:var(--space-12) 0 var(--space-6) 0}#problems-answers{background:var(--bg);padding:var(--space-6) 0 var(--space-12) 0}.section-lead{color:var(--muted);font-size:var(--fs-body);line-height:1.7;margin:.25rem auto 1rem;max-width:58ch}#problems-questions .text-center{text-align:center}#problems-questions .mb-8{margin-bottom:2rem}#problems-questions .problems-grid{display:grid;gap:4rem 3rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px}@media (max-width:768px){#problems-questions .problems-grid{gap:2rem;grid-template-columns:1fr}}#problems-questions .problem-item{align-items:center;display:flex;gap:1.5rem}#problems-questions .student-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.1);flex-shrink:0;height:100px;overflow:hidden;width:100px}#problems-questions .student-avatar img{height:100%;object-fit:cover;width:100%}@media (max-width:768px){#problems-questions .student-avatar{height:70px;width:70px}}#problems-questions .speech-bubble{background:#fff;border:2px solid #e5e7eb;border-radius:.6rem;box-shadow:0 4px 12px rgba(0,0,0,.08);flex:1;padding:1.5rem;position:relative}#problems-questions .speech-bubble:after,#problems-questions .speech-bubble:before{border:solid transparent;content:"";height:0;pointer-events:none;position:absolute;right:100%;top:50%;width:0}#problems-questions .speech-bubble:after{border-color:hsla(0,0%,100%,0) #fff hsla(0,0%,100%,0) hsla(0,0%,100%,0);border-width:15px;margin-top:-15px}#problems-questions .speech-bubble:before{border-color:rgba(229,231,235,0) #e5e7eb rgba(229,231,235,0) rgba(229,231,235,0);border-width:18px;margin-top:-18px}#problems-questions .question-heading{color:#111827;font-size:1.125rem;font-weight:700;line-height:1.4;margin:0 0 .5rem}#problems-questions .question-text{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0 0 1rem}#problems-questions .answer-link{color:salmon;display:inline-block;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s ease}#problems-questions .answer-link:hover{color:#f96e5b}#problems-questions .section-foot{margin-top:3rem;text-align:center}#problems-questions .btn-large{background:salmon;border-radius:9999px;box-shadow:0 10px 25px -5px hsla(6,93%,71%,.3);color:#fff;display:inline-block;font-size:1rem;font-weight:700;padding:1rem 2rem;text-decoration:none;transition:all .2s ease}#problems-questions .btn-large:hover{background:#f96e5b;box-shadow:0 15px 30px -5px hsla(6,93%,71%,.4);transform:translateY(-2px)}#problems-answers .text-center{text-align:center}#problems-answers .answers-grid{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:3rem auto 0;max-width:1200px}@media (max-width:768px){#problems-answers .answers-grid{gap:1.5rem;grid-template-columns:1fr}}#problems-answers .answer-card{background:#fff;border-radius:1rem;box-shadow:0 10px 30px -10px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;scroll-margin-top:88px}#problems-answers .card-header{align-items:center;background:rgba(255,176,136,.08);display:flex;gap:.75rem;padding:1rem 1.25rem}#problems-answers .q-badge{align-items:center;background:salmon;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:700;height:36px;justify-content:center;width:36px}#problems-answers .card-question{color:#111827;font-size:1rem;font-weight:600;line-height:1.4;margin:0}#problems-answers .card-body{display:flex;flex-direction:column;flex-grow:1;padding:1.25rem}#problems-answers .card-content{flex-grow:1}#problems-answers .card-highlight{color:var(--primary-color);font-size:1.25rem;font-weight:700;line-height:1.35;margin:0 0 .75rem}@media (max-width:768px){#problems-answers .card-highlight{font-size:1.125rem}}#problems-answers .card-highlight .emoji{font-size:1.25rem;margin-left:.5rem}#problems-answers .card-description{margin-bottom:1rem}#problems-answers .card-description p{color:#6b7280;font-size:.95rem;line-height:1.65;margin:0 0 .5rem}#problems-answers .card-description p:last-child{margin-bottom:0}#problems-answers .card-description p.small{color:var(--muted);font-size:.875rem}#problems-answers .voice-box{background:#f0fdf4;border-radius:.5rem;margin-bottom:1rem;margin-top:auto;padding:.75rem}#problems-answers .voice-box p{color:#374151;font-size:.875rem;font-style:italic;line-height:1.5;margin:0;text-align:center}#problems-answers .card-link{align-items:center;color:var(--primary-color);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;margin:0 auto;text-decoration:none;transition:all .2s ease}#problems-answers .card-link:hover{color:var(--primary-dark)}#problems-answers .card-link .arrow{transform:translateX(0);transition:transform .2s ease}#problems-answers .card-link:hover .arrow{transform:translateX(4px)}#problems-answers [id^=a-],#problems-questions [id^=q-]{scroll-margin-top:88px}#problems-answers .answer-card:target{outline:3px solid rgba(66,191,0,.35);outline-offset:2px}.divider{border:none;border-top:1px solid #e5e7eb;margin:0}#teachers{background:#fff}#teachers .section-subtitle{color:var(--ink);font-size:1.1rem;line-height:1.7;margin:0 auto var(--space-4);max-width:800px;text-align:center}.teacher-charms{display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:center;list-style:none;margin:0 0 var(--space-8) 0;padding:0}.teacher-charms li{color:var(--primary-color);font-size:1rem;font-weight:600;padding-left:1.5rem;position:relative}.teacher-charms li:before{color:var(--primary-color);content:"✓";font-weight:700;left:0;position:absolute}.teacher-cards{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:900px}.teacher-card{text-align:center}.teacher-photo{border:4px solid var(--surface);border-radius:50%;box-shadow:var(--shadow-1);height:120px;margin-bottom:var(--space-3);object-fit:cover;width:120px}.teacher-card h3{color:var(--ink);font-size:18px;margin-bottom:var(--space-2)}.teacher-card p{color:var(--muted);font-size:var(--fs-small);line-height:1.6}#faq{background:var(--surface)}.faq-accordion{margin:0 auto;max-width:800px}.accordion-item{border-bottom:1px solid var(--line);margin-bottom:var(--space-3)}.accordion-header{align-items:center;background:none;border:none;color:var(--ink);cursor:pointer;display:flex;font-size:var(--fs-body);font-weight:600;justify-content:space-between;padding:var(--space-4) 0;text-align:left;transition:color var(--dur-1) ease;width:100%}.accordion-header:hover,.accordion-icon{color:var(--primary-color)}.accordion-icon{transition:transform var(--dur-1) ease}.accordion-item.active .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height var(--dur-2) ease}.accordion-item.active .accordion-content{max-height:300px;padding-bottom:var(--space-4)}.accordion-content p{color:var(--muted);font-size:var(--fs-body);line-height:1.8}.accordion-content strong{color:var(--primary-color);font-weight:600}.trust{background:var(--bg);padding:var(--space-8) 0}.trust__header{margin-bottom:var(--space-8);text-align:center}.trust__header h2{color:var(--ink);font-size:var(--fs-h2);font-weight:700;margin-bottom:var(--space-3)}.trust__header .lead{color:var(--muted);font-size:var(--fs-lead);line-height:1.7;margin:0 auto;max-width:600px}.trust__header .lead strong{color:var(--ink);font-weight:600}.trust__grid{align-items:center;display:grid;gap:var(--space-8);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1000px}.trust__item{align-items:center;display:flex;flex-direction:column}.satisfaction-banner{align-items:center;aspect-ratio:16/9;background:transparent;border-radius:var(--radius-lg);display:flex;justify-content:center;margin-bottom:var(--space-3);min-height:200px;overflow:hidden;padding:var(--space-8) var(--space-6);position:relative}.satisfaction-banner__bg{inset:0;pointer-events:none;position:absolute}.star{color:#fff;font-size:2rem;opacity:.8;position:absolute}.star--yellow{color:gold;font-size:3rem}.star--pink{color:var(--secondary-color);font-size:2.5rem;opacity:.7}.satisfaction-banner__content{position:relative;text-align:center;z-index:10}.satisfaction-text{color:var(--ink);font-size:clamp(24px,4vw,36px);font-weight:700;margin-bottom:var(--space-2)}.satisfaction-value{color:var(--primary-color);font-size:clamp(60px,10vw,120px);font-weight:800;line-height:1}.satisfaction-percent{font-size:.6em}.trust__item .note{color:var(--muted);font-size:var(--fs-small);margin-top:var(--space-2);text-align:center}.trust__media{text-align:center}.trust__media img{border-radius:var(--radius-md);height:auto;max-width:400px;width:100%}.trust__media figcaption{color:var(--muted);font-size:var(--fs-small);margin-top:var(--space-2)}#community{background:#fff;padding:var(--space-8) 0}#community .cards--grid4{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px}#community .card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);overflow:hidden;transition:all var(--dur-1) var(--easing)}#community .card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}#community .card__media{height:220px;overflow:hidden;position:relative;width:100%}#community .card__media img{height:100%;object-fit:cover;transition:transform var(--dur-2) ease;width:100%}#community .card:hover .card__media img{transform:scale(1.05)}#community .card__body{padding:var(--space-4)}#community .card__body h3{color:var(--ink);font-size:18px;margin-bottom:var(--space-2)}#community .card__body p{color:var(--muted);font-size:var(--fs-small);line-height:1.6}#community .card__media .pill,#community .pill--corner{display:none!important}#community .card__media:after{content:none}#final-cta{background:linear-gradient(135deg,var(--bg) 0,var(--surface) 100%);padding:100px 0}.cta-content{align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1000px}.cta-title{color:var(--ink);font-size:clamp(32px,4vw,40px);font-weight:700;margin-bottom:var(--space-6)}.cta-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.line-icon{height:20px;width:20px}.cta-image img{border-radius:var(--radius-lg);box-shadow:var(--shadow-1);height:auto;width:100%}.modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;padding:var(--space-6);position:fixed;top:0;width:100%;z-index:1000}.modal[hidden]{display:none}.modal-overlay{background:rgba(0,0,0,.55);height:100%;left:0;position:absolute;top:0;width:100%}.modal-content{background:var(--surface);border-radius:var(--radius-lg);max-width:800px;padding:var(--space-4);position:relative;width:100%;z-index:1}.modal-close{align-items:center;background:var(--surface);border:2px solid var(--line);border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:var(--space-3);top:var(--space-3);transition:all var(--dur-1) ease;width:40px;z-index:2}.modal-close:hover{background:var(--primary-50);border-color:var(--primary-color);color:var(--primary-color)}.modal-video{border-radius:var(--radius-md);width:100%}.modal-cta{margin-top:var(--space-4);text-align:center}@media (max-width:1024px) and (min-width:769px){#community .cards--grid4{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}#class-selection [data-panel=area] .quickfind-cards,#class-selection [data-panel=genre] .quickfind-cards,#class-selection [data-panel=level] .quickfind-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.pricing-section{padding:var(--space-6) var(--space-3)}.pricing-section .section-head{margin-bottom:1.5rem}.pricing-section .section-title{font-size:1.5rem;margin-bottom:.5rem}.pricing-section .section-subtitle{color:#6b7280;font-size:.875rem}.pricing-content{gap:var(--space-4)}.enroll-promo{padding:var(--space-3)}.enroll-promo p{font-size:.9rem}.trial-banner{padding:1.5rem;position:relative}.trial-banner__content{align-items:flex-start;flex-direction:row;gap:1rem;justify-content:space-between;text-align:left}.trial-banner__text{flex:1}.trial-banner__text h2{font-size:1.5rem;line-height:1.2}.trial-banner__text p{font-size:.875rem;margin-top:.5rem}.trial-banner__price{flex-shrink:0;height:112px;margin-right:-.5rem;margin-top:-2.5rem;position:relative;width:112px}.trial-banner__price .small{color:#4b5563;font-size:.75rem}.trial-banner__price .price-large{font-size:2.5rem}.trial-banner__price .price-unit{font-size:1.5rem}.trial-banner__footer{border-top:none;margin-top:2rem;padding-top:0}.trial-banner__footer p{font-size:.75rem}.pricing-grid{flex-direction:column;gap:2rem}.pricing-item h3{font-size:1rem}.pricing-item p{font-size:1.5rem}.price-highlight{font-size:2.5rem}.price-highlight .price-unit{font-size:1.5rem}.payment-info{font-size:var(--fs-small)}.cancel-policy{padding:var(--space-3)}.cancel-policy p{font-size:var(--fs-small)}.pricing-cta .btn{font-size:var(--fs-body);padding:var(--space-3) var(--space-4);width:100%}.section-title{font-size:24px;margin-bottom:var(--space-6)}.hero-section{margin-top:65px;padding:60px 0}.hero-content{gap:var(--space-6);grid-template-columns:1fr}.hero-title{font-size:28px}.hero-subtitle{font-size:16px}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.strip .container{align-items:stretch;flex-direction:column}.strip__items{align-items:center;flex-direction:column;text-align:center}.cards{grid-template-columns:1fr}.new-class-recommendation{margin-bottom:var(--space-6);padding:var(--space-6) var(--space-4)}.recommendation-reasons{gap:var(--space-3);grid-template-columns:1fr}.reason-item{padding:var(--space-3)}.reason-icon{font-size:24px}.reason-item h3{font-size:16px}.chips{align-items:center;flex-direction:column}.chip{justify-content:center;max-width:300px;width:100%}#class-selection [data-panel=area] .quickfind-cards,#class-selection [data-panel=genre] .quickfind-cards,#class-selection [data-panel=level] .quickfind-cards{gap:.75rem;grid-template-columns:repeat(2,1fr)}.quickfind-card{padding:1rem}.quickfind-card h3{font-size:1rem}.quickfind-card p{font-size:.8rem;margin-bottom:.75rem}.quickfind-card .btn{font-size:.8rem;padding:.5rem}.quickfind-card.quickfind-card--small{padding:.875rem}.quickfind-card.quickfind-card--small h3{font-size:.95rem}.quickfind-card.quickfind-card--small p{font-size:.75rem}.quickfind-cards-secondary{gap:.75rem;grid-template-columns:repeat(2,1fr);max-width:100%}.promise-grid,.reason-cards{grid-template-columns:1fr}.promise-grid{gap:var(--space-6)}.promise-item{gap:var(--space-3)}.promise-number{height:56px;width:56px}.promise-number span{font-size:20px}.promise-content h3{font-size:18px}.promise-content p{font-size:var(--fs-small)}.pc-show{display:none}.sp-show{display:inline-block}.voice-text h3{line-height:1.5em}.voice-text .v-t-1,.voice-text .v-t-2,.voice-text .v-t-3,.voice-text .v-t-4,.voice-text .v-t-5{width:210px}.voice-text .v-t-1 p:first-of-type,.voice-text .v-t-2 p:first-of-type,.voice-text .v-t-3 p:first-of-type,.voice-text .v-t-4 p:first-of-type,.voice-text .v-t-5 p:first-of-type{font-size:18px}.voice-text .v-t-1 p:last-of-type,.voice-text .v-t-2 p:last-of-type,.voice-text .v-t-3 p:last-of-type,.voice-text .v-t-4 p:last-of-type,.voice-text .v-t-5 p:last-of-type{font-size:15px;line-height:22px;margin-top:2px}.voice-text .v-t-1{left:calc(50% - 180px);top:2%}.voice-text .v-t-2{left:calc(50% - 35px);top:21%}.voice-text .v-t-3{left:calc(50% - 180px);top:43.5%}.voice-text .v-t-4{left:calc(50% - 35px);top:63.5%}.voice-text .v-t-5{left:calc(50% - 180px);top:89%}.problems-grid{gap:var(--space-6)}.problem-row{gap:var(--space-3)}.bubble,.problem-bubble{max-width:100%}.bubble{font-size:.95rem;padding:var(--space-4)}.student-icon,.teacher-icon{height:40px;width:40px}.chat-bubble-answer,.solution-card{max-width:100%}.chat-bubble-answer:after{left:70%;right:auto}.answer-header{padding:var(--space-4)}.answer-header h3{font-size:1.1rem}.answer-content{gap:var(--space-4);padding:var(--space-4)}.answer-content>div:first-child p,.checklist{font-size:.95rem}.voice-box{padding:var(--space-2) var(--space-3)}.voice-box p{font-size:.9rem}.problem-bubble{justify-content:center}.question-subheader{margin-bottom:var(--space-2);padding-bottom:var(--space-2)}.question-heading{font-size:14px}#teachers .section-subtitle{font-size:1rem;margin-bottom:var(--space-3)}.teacher-charms{gap:var(--space-3);margin-bottom:var(--space-6)}.teacher-charms li{font-size:.9rem}.teacher-cards,.trust__grid{grid-template-columns:1fr}.trust__grid{gap:var(--space-6)}.trust__media img{margin:0 auto;max-width:300px}.satisfaction-banner{aspect-ratio:3/2;padding:var(--space-6) var(--space-4)}.satisfaction-text{font-size:24px}.satisfaction-value{font-size:84px}.star{font-size:1.5rem}.star--yellow{font-size:2rem}.star--pink{font-size:1.8rem}#new-classes .cards{gap:var(--space-4);grid-template-columns:1fr}#new-classes .card__header{padding:var(--space-3) var(--space-3) 0}#new-classes .card__avatar{height:60px;width:60px}#new-classes .card__info h3{font-size:18px}#new-classes .card__body{padding:var(--space-2) var(--space-3) var(--space-3)}#community .cards--grid4,.cta-content{grid-template-columns:1fr}.cta-content{gap:var(--space-6)}.cta-title{font-size:28px}.cta-buttons,.cta-buttons .btn{width:100%}.modal,.modal-content{padding:var(--space-3)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media print{.btn,.hero-cta,.modal{display:none!important}body{background:#fff;color:#000}section{page-break-inside:avoid}}