/* The comparison keeps the existing palette and typefaces. */
body[data-design] .hero{height:auto;min-height:625px}
.hero-inner{min-height:625px;padding-block:48px}
.hero-copy{width:64%;padding-bottom:0;padding-left:24px}
.hero-kicker{font-size:clamp(15px,1.6vw,23px);margin-bottom:21px}
.hero h1{font-size:clamp(35px,3.75vw,60px);line-height:1.5;letter-spacing:-.045em}
.hero h1>.hero-title-line{display:block;white-space:nowrap}
.hero-lead{font-size:clamp(15px,1.35vw,20px);line-height:1.9;max-width:610px;margin-top:19px}
.hero-lead>span{display:block}
.hero-actions{margin-top:24px}
.hero-actions .button{min-width:220px;font-size:19px}
.service-overview{padding-top:22px}
.service-cards{padding-top:8px}
.service-card{min-height:268px;padding-top:29px;padding-bottom:27px}
.card-content h3{white-space:normal;font-size:clamp(18px,1.65vw,26px)}
.card-content>p{white-space:normal;line-height:1.9;font-size:13px;margin-top:12px;margin-bottom:15px;max-width:24em}
.card-icon{width:52px;flex-basis:52px}
.card-price:before{display:none}
.card-price{border-top:1px solid var(--line);padding-top:17px;margin-top:auto}
.recommend-label{position:absolute;top:-13px;left:24px;border:1px solid var(--cyan);background:var(--cyan);color:var(--deep);font-size:11px;font-weight:700;line-height:1.7;padding:3px 17px;border-radius:20px;letter-spacing:.1em}
.recommended-card{border-width:2px}
.about{padding-bottom:50px}
.about+#seminar{padding-top:68px}
.about-copy h2{font-size:clamp(25px,2.8vw,39px);line-height:1.85}
.profile-brand,.profile-fullname{display:block}
.profile-fullname{font-size:.72em;line-height:1.6;letter-spacing:.035em;margin-top:2px}
.note-profile-link{display:inline-flex;gap:17px;align-items:center;font-size:13px;color:var(--ice);padding:7px 0;border-bottom:1px solid var(--line);margin-top:20px}
.note-profile-link:hover{color:var(--cyan)}
.section-heading .course-catch{font:500 clamp(18px,2vw,25px)/1.9 var(--serif);color:inherit;margin:4px 0 13px;letter-spacing:.01em}
.cases-section{padding-top:52px;padding-bottom:64px;border-bottom:1px solid var(--line)}
.cases-container{max-width:980px}
.cases-section .section-heading{margin-bottom:26px}
.cases-section h2{font-size:clamp(25px,2.7vw,36px);margin-bottom:9px}
.case-frame{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:27px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}
.case-empty{min-width:0;text-align:center}
.case-tag{font:500 13px/1.8 var(--sans);color:var(--ice);letter-spacing:.14em}
.case-empty h3{font:500 16px/1.8 var(--serif);min-height:58px;display:grid;place-content:center;margin:6px 0 12px}
.case-image-placeholder{display:flex;align-items:center;justify-content:center;gap:12px;border:1px dashed var(--line);border-radius:8px;min-height:90px;color:var(--muted);font-size:11px}
.case-image-placeholder svg{height:36px;width:36px;opacity:.55}
.case-direction{color:var(--ice);font-size:23px}
.comparison-reference{padding-top:24px;font-size:12px;color:var(--muted)}
.comparison-reference a{border-bottom:1px solid var(--line);padding-bottom:4px}
body[data-sample] .recommend-label{border-color:var(--sample-accent);background:var(--sample-button);color:var(--sample-button-text)}
body[data-sample] .card-price{border-color:var(--sample-border)}
body[data-sample] .note-profile-link,body[data-sample] .case-tag,body[data-sample] .case-direction{color:var(--sample-accent)}
body[data-sample] .case-frame{background:var(--sample-panel)}
body[data-sample] .case-frame,body[data-sample] .case-image-placeholder,body[data-sample] .cases-section,body[data-sample] .note-profile-link{border-color:var(--sample-border)}
body[data-sample] .case-image-placeholder,body[data-sample] .comparison-reference{color:var(--sample-quiet)}
@media(min-width:651px) and (max-width:1100px){
  body[data-design] .hero{min-height:0;padding:38px 0 32px}
  .hero-inner{min-height:0;padding:0}
  .hero-copy{width:87%;padding:0}
  .hero h1{font-size:clamp(33px,4.5vw,49px)}
  .hero-kicker{font-size:clamp(15px,1.9vw,20px)}
  .hero-figure{height:calc(100% - 24px);right:-30px;opacity:.44}
  .hero-lead{max-width:540px;font-size:17px}
  .hero-actions .button{min-width:190px;font-size:16px}
  .service-card{padding:27px 18px 23px;gap:13px;min-height:285px}
  .card-icon{width:40px;flex-basis:40px}
  .card-content>p{font-size:12px}
}
@media(max-width:650px){
  body[data-design] .hero{min-height:0;padding:29px 0 27px}
  .hero-inner{min-height:0;padding:0}
  .hero-copy{width:100%;padding:0}
  .hero-kicker{font-size:12px;line-height:1.9;max-width:28em;margin-bottom:18px}
  .hero h1{font-size:clamp(22px,6.75vw,38px);line-height:1.65;letter-spacing:-.045em}
  .hero-lead{font-size:14px;line-height:1.95;margin-top:18px;max-width:96%}
  .hero-lead>span+span{margin-top:4px}
  .hero-actions{margin-top:23px}
  .hero-actions .button{min-width:0;font-size:12px;padding-inline:9px;min-height:49px}
  .hero-figure{height:clamp(240px,70vw,340px);right:-24px;max-height:calc(100% - 20px);opacity:.42}
  .service-overview{padding-top:23px}
  .service-card{min-height:198px;padding:25px 25px 24px;gap:20px}
  .card-content h3{font-size:21px}
  .card-content>p{font-size:12px;line-height:1.85;max-width:23em;margin-top:7px;margin-bottom:11px}
  .card-price{padding-top:12px}
  .recommend-label{left:24px;font-size:10px;top:-12px}
  .about{padding-bottom:35px}
  .about+#seminar{padding-top:43px}
  .about-copy h2{font-size:25px}
  .section-heading .course-catch{font-size:18px;line-height:1.95;margin-bottom:14px}
  .cases-section{padding-block:35px 43px}
  .case-frame{grid-template-columns:1fr;gap:15px;padding:23px}
  .case-empty h3{min-height:0;margin-bottom:14px;font-size:16px}
  .case-direction{transform:rotate(90deg);justify-self:center;line-height:1}
  .case-image-placeholder{min-height:75px}
  .contact-intro h2{font-size:clamp(24px,6.5vw,30px)}
}
@media(max-width:360px){.hero-kicker{font-size:11px}.hero h1{font-size:22px}.hero-lead{font-size:13px}.hero-actions .button{font-size:11px}.service-card{gap:14px;padding-inline:19px}.card-icon{width:40px;flex-basis:40px}.card-content h3{font-size:19px}}

/* Beginner entry lesson and direct course entry. */
.entry-course-note{font-size:12px;line-height:1.95;color:var(--muted);border-left:2px solid var(--line);padding-left:13px;margin-top:22px}
.section-heading p.entry-course-note{font-size:12px;line-height:1.95;text-align:center;max-width:650px;margin:20px auto 0;letter-spacing:.015em}
.entry-course-note a{color:var(--ice);text-decoration:underline;text-underline-offset:4px}
body[data-sample] .entry-course-note{color:var(--sample-quiet);border-color:var(--sample-border)}
body[data-sample] .entry-course-note a{color:var(--sample-accent)}
@media(max-width:650px){.section-heading p.entry-course-note{text-align:left;margin-top:19px;font-size:11px}.entry-course-note{font-size:11px}}