:root{--color-teal: #3aa5ad;--color-teal-dark: #2c7d84;--color-teal-light: #e6f4f5;--color-orange: #f7a94b;--color-orange-dark: #d98a2e;--color-cream: #fef0de;--color-bg: #fffdf6;--color-surface: #ffffff;--color-text: #2b2b28;--color-text-muted: #6b6a63;--color-border: #e8e3d6;--level-1: #f6d451;--level-2: #a9d97a;--level-3: #7ec8e3;--level-4: #f2a765;--level-5: #b48fd1;--level-6: #b9b9b9;--level-7: #f0a7b8;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-soft: 0 4px 16px rgba(43, 43, 40, .06);--max-width: 1080px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,system-ui,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{line-height:1.4;margin:0}p{margin:0}ul{margin:0;padding:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:56px 0}.section--tight{padding:32px 0}.section-heading{text-align:center;margin-bottom:32px}.section-heading h2{font-size:1.6rem;color:var(--color-teal-dark)}.section-heading p{margin-top:8px;color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 28px;border-radius:999px;font-weight:700;font-size:.95rem;border:2px solid transparent;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.btn--primary{background:var(--color-teal);color:#fff}.btn--secondary{background:var(--color-orange);color:#fff}.btn--outline{background:transparent;border-color:var(--color-teal);color:var(--color-teal-dark)}.cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.badge-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.badge{display:inline-block;padding:6px 16px;border-radius:999px;background:var(--color-teal-light);color:var(--color-teal-dark);font-size:.85rem;font-weight:600}.badge--orange{background:#fff2e0;color:var(--color-orange-dark)}.ref-tag{display:inline-flex;flex-direction:column;gap:2px;padding:8px 14px;border-radius:var(--radius-sm);background:var(--color-teal-light);font-size:.8rem}.ref-tag strong{color:var(--color-teal-dark)}.ref-tag span{color:var(--color-text-muted)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #2b2b281a}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;align-items:stretch}.legal-content{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.legal-content h3{margin-top:12px;font-size:1.05rem;color:var(--color-teal-dark)}.legal-content p{color:var(--color-text)}.legal-content__links{display:grid;gap:10px;margin:0;padding:0;list-style:none}.legal-content__updated{margin-top:12px;font-size:.82rem;color:var(--color-text-muted)}.content-card{display:flex;flex-direction:column}.content-card__head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.content-card__head h3{color:var(--color-teal-dark)}.content-card__body{color:var(--color-text-muted)}.content-card__body p{margin-bottom:12px}.content-card--long .content-card__head{min-height:36px}.content-card--long .content-card__body{min-height:220px}.content-card__bullets{display:grid;gap:6px;margin-bottom:16px;color:var(--color-text)}.content-card__bullets li{list-style:none;padding-left:20px;position:relative}.content-card__bullets li:before{content:"・";position:absolute;left:0;color:var(--color-orange)}.content-card__inline-link{display:inline-block;font-weight:700;color:var(--color-orange-dark);margin-bottom:4px}.content-card--long .content-card__media{min-height:380px;margin-top:4px}.content-card__actions{margin-top:auto;padding-top:20px}.pillar-list{display:grid;gap:20px}.pillar{display:flex;gap:18px;padding:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.pillar__number{flex:none;width:40px;height:40px;border-radius:50%;background:var(--color-teal);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.pillar__body h3{font-size:1.05rem;color:var(--color-teal-dark);margin-bottom:6px}.pillar__body p{color:var(--color-text-muted)}.pillar__body p+p{margin-top:12px}.pillar--extended{padding:28px}.pillar__lead{color:var(--color-text);margin-bottom:18px}.pillar__points{display:grid;gap:14px;margin:0 0 16px}.pillar__point{padding:14px 16px;background:var(--color-bg);border-left:3px solid var(--color-orange);border-radius:var(--radius-sm)}.pillar__point dt{font-weight:700;color:var(--color-teal-dark);margin-bottom:4px}.pillar__point dd{margin:0;color:var(--color-text);font-size:.92rem}.pillar__closing{color:var(--color-text-muted);font-size:.92rem;padding-top:4px}.pillar__closing+.pillar__closing{margin-top:10px}.pillar__reference{margin-top:22px;padding-top:18px;border-top:1px solid var(--color-border)}.pillar__reference-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.pillar__reference-label{display:inline-block;flex:none;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;background:var(--color-border);color:var(--color-text-muted)}.pillar__reference-title{margin:0;font-size:.88rem;color:var(--color-orange-dark);letter-spacing:.02em}.pillar__reference-body{margin:0 0 12px;font-size:.88rem;color:var(--color-text-muted);line-height:1.7}.pillar__reference-points{display:grid;gap:10px;margin:0}.pillar__reference-point{padding:12px 14px;background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.pillar__reference-point dt{margin:0 0 4px;font-size:.85rem;font-weight:700;color:var(--color-teal-dark)}.pillar__reference-point dd{margin:0;font-size:.84rem;color:var(--color-text-muted);line-height:1.65}.pillar__reference+.pillar__reference{margin-top:16px}.reference-library{display:grid;gap:18px}@media (min-width: 720px){.reference-library{grid-template-columns:1fr 1fr;gap:20px}}.reference-library__heading{margin:0 0 10px;font-size:.82rem;color:var(--color-teal-dark)}.reference-library__tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.reference-library__tag{display:inline-block;padding:5px 10px;border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-muted);line-height:1.3}.radar-chart{display:flex;flex-direction:column;gap:14px}.radar-chart__layout{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(200px,1fr);gap:20px 28px;align-items:center}.radar-chart__visual{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.radar-chart__svg{width:100%;max-width:360px;height:auto;display:block;overflow:visible}.radar-chart__grid{fill:none;stroke:var(--color-border);stroke-width:1}.radar-chart__axis{stroke:var(--color-border);stroke-width:1}.radar-chart__series{stroke-width:1.5}.radar-chart__series--play{fill:#7878782e;stroke:#8a8a8a}.radar-chart__series--chie{fill:#3aa5ad47;stroke:var(--color-teal-dark)}.radar-chart__label{font-size:13px;fill:var(--color-teal-dark);font-weight:700}.radar-chart__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 20px;list-style:none;margin:0;padding:0;font-size:.82rem;color:var(--color-text-muted)}.radar-chart__legend-item{display:inline-flex;align-items:center;gap:6px}.radar-chart__swatch{width:12px;height:12px;border-radius:2px;border:1px solid transparent}.radar-chart__swatch--play{background:#78787840;border-color:#8a8a8a}.radar-chart__swatch--chie{background:#3aa5ad59;border-color:var(--color-teal-dark)}.radar-chart__domains{min-width:0}.radar-chart__domains-lead{margin:0 0 10px;font-size:.82rem;font-weight:700;color:var(--color-teal-dark)}.radar-chart__domain-list{display:grid;gap:10px;margin:0}.radar-chart__domain{padding:10px 12px;background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.radar-chart__domain dt{margin:0 0 2px;font-size:.82rem;font-weight:700;color:var(--color-teal-dark)}.radar-chart__domain dd{margin:0;font-size:.78rem;color:var(--color-text-muted);line-height:1.55}.radar-chart__note{margin:0;font-size:.78rem;color:var(--color-text-muted);text-align:center;max-width:360px}.pillar__link{display:inline-block;margin-top:8px;font-size:.85rem;font-weight:700;color:var(--color-orange-dark)}.accordion{display:grid;gap:12px}.accordion-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.accordion-item>summary{list-style:none;cursor:pointer;padding:16px 20px;display:flex;align-items:center;gap:12px;font-weight:700;color:var(--color-teal-dark);transition:background .15s ease}.accordion-item>summary:hover{background:var(--color-bg)}.accordion-item>summary::-webkit-details-marker{display:none}.accordion-toggle-icon{position:relative;margin-left:auto;width:16px;height:16px;flex:none}.accordion-toggle-icon:before,.accordion-toggle-icon:after{content:"";position:absolute;top:50%;left:50%;background:var(--color-orange);border-radius:2px;transform:translate(-50%,-50%);transition:transform .25s ease}.accordion-toggle-icon:before{width:16px;height:2px}.accordion-toggle-icon:after{width:2px;height:16px}.accordion-item[open] .accordion-toggle-icon:after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}.accordion-item__age{font-size:.8rem;font-weight:600;color:var(--color-text-muted);background:var(--color-teal-light);padding:2px 10px;border-radius:999px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.accordion-panel{padding:4px 20px 24px;display:grid;gap:16px;animation:fade-in-up .6s ease both}.evidence-block{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px 20px}.evidence-block h4{font-size:.85rem;color:var(--color-orange-dark);margin-bottom:10px;letter-spacing:.02em}.evidence-block>p{color:var(--color-text);font-size:.92rem}.evidence-block__heading-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:10px}.evidence-block__heading-row h4{margin-bottom:0}.evidence-block__note{color:var(--color-text-muted);font-size:.82rem;margin-bottom:12px}.level-row-list{display:grid;gap:4px}.level-row{display:grid;grid-template-columns:14px 3.5em 5.5em 1fr;align-items:center;gap:10px;font-size:.9rem;padding:6px 8px;border-radius:var(--radius-sm);transition:background .15s ease}.level-row:hover{background:var(--color-surface)}.level-row__dot{width:10px;height:10px;border-radius:50%;flex:none}.level-row__badge{font-weight:700;color:var(--color-teal-dark)}.level-row__age{color:var(--color-text-muted);font-size:.85rem}.level-row__title{color:var(--color-text)}.quote-list{display:grid;gap:10px}.quote-list li{display:grid;grid-template-columns:6.5em 1fr;gap:12px;align-items:baseline;font-size:.9rem;color:var(--color-text);border-left:3px solid var(--color-teal);padding:2px 0 2px 12px}.quote-list__badge{flex:none;font-size:.72rem;font-weight:700;color:#fff;padding:3px 8px;border-radius:999px;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.15)}.quote-list__text{color:var(--color-text)}.evidence-summary{margin-bottom:12px;color:var(--color-text)}.tier-badge{display:inline-block;flex:none;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:700}.tier-badge--strong{background:var(--color-teal-light);color:var(--color-teal-dark)}.tier-badge--moderate,.tier-badge--mixed{background:#fff2e0;color:var(--color-orange-dark)}.tier-badge--extended{background:var(--color-border);color:var(--color-text-muted)}.ref-tag-list{display:flex;flex-wrap:wrap;gap:10px}.screenshot-slider{margin-top:16px}.screenshot-slider__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch}.screenshot-slider__slide{flex:none;scroll-snap-align:start;width:200px;aspect-ratio:9 / 16;border-radius:var(--radius-md);background:var(--color-teal-light);color:var(--color-teal-dark);display:flex;align-items:center;justify-content:center;text-align:center;font-size:.85rem;font-weight:700;padding:12px;border:1px dashed var(--color-teal)}.faq-item{border-bottom:1px solid var(--color-border);padding:14px 0}.faq-item>summary{cursor:pointer;font-weight:700;list-style:none;display:flex;gap:10px}.faq-item>summary::-webkit-details-marker{display:none}.faq-item>summary:before{content:"Q";color:#fff;background:var(--color-orange);width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;flex:none}.faq-item p{margin-top:10px;padding-left:32px;color:var(--color-text-muted);animation:fade-in-up .5s ease both}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg);position:sticky;top:0;z-index:10}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px;gap:16px}.brand{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--color-teal-dark);font-size:1.05rem}.site-nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:.9rem;font-weight:600}.site-nav a{transition:color .15s ease}.site-nav a:hover{color:var(--color-teal)}.modal{position:fixed;inset:0;z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s}.modal:target{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s ease,visibility 0s linear 0s}.modal__backdrop{position:absolute;inset:0;background:#2b2b2873}.modal__panel{position:relative;z-index:1;max-width:480px;margin:8vh auto;max-height:84vh;overflow-y:auto;background:var(--color-surface);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-soft);transform:translateY(14px) scale(.98);opacity:0;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .25s ease}.modal:target .modal__panel{transform:translateY(0) scale(1);opacity:1;transition-delay:.05s}.modal__close{position:absolute;top:16px;right:20px;font-size:1.3rem;color:var(--color-text-muted);line-height:1}.modal__close:hover{color:var(--color-text)}.modal__panel h3{color:var(--color-teal-dark);margin-bottom:10px;font-size:1.2rem}.modal__lead{color:var(--color-text-muted);margin-bottom:20px;font-size:.9rem}.social-links{display:grid;gap:10px;list-style:none;margin:0;padding:0}.social-link{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.social-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft);border-color:var(--color-teal)}.social-link__label{font-weight:700;color:var(--color-teal-dark);font-size:.95rem}.social-link__handle{font-size:.85rem;color:var(--color-text-muted)}@media (max-width: 640px){.modal__panel{margin:0;max-width:none;max-height:100vh;height:100%;border-radius:0}}.site-footer{background:var(--color-teal-light);padding:40px 0 24px;margin-top:40px}.site-footer .cta-row{margin-bottom:24px}.footer-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:.85rem;color:var(--color-text-muted)}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero>*,.section>*,.pillar-list>*,.card-grid>*,.accordion>*,.faq-list>*{animation:fade-in 1.2s ease both}.hero>*:nth-child(1),.section>*:nth-child(1){animation-delay:0s}.hero>*:nth-child(2),.section>*:nth-child(2){animation-delay:.16s}.hero>h1,.section--promises>.section-heading{animation:fade-in 1.2s ease .16s both}.hero>*:nth-child(3),.section>*:nth-child(3){animation-delay:.32s}.hero>*:nth-child(4),.section>*:nth-child(4){animation-delay:.48s}.hero>*:nth-child(5),.section>*:nth-child(5){animation-delay:.64s}.hero>*:nth-child(6),.section>*:nth-child(6){animation-delay:.8s}.pillar-list>*:nth-child(1),.card-grid>*:nth-child(1),.accordion>*:nth-child(1),.faq-list>*:nth-child(1){animation-delay:.24s}.pillar-list>*:nth-child(2),.card-grid>*:nth-child(2),.accordion>*:nth-child(2),.faq-list>*:nth-child(2){animation-delay:.4s}.pillar-list>*:nth-child(3),.card-grid>*:nth-child(3),.accordion>*:nth-child(3),.faq-list>*:nth-child(3){animation-delay:.56s}.pillar-list>*:nth-child(n+4),.card-grid>*:nth-child(n+4),.accordion>*:nth-child(n+4),.faq-list>*:nth-child(n+4){animation-delay:.72s}@media (prefers-reduced-motion: reduce){.hero>*,.section>*,.pillar-list>*,.card-grid>*,.accordion>*,.faq-list>*,.accordion-panel,.faq-item p{animation:none!important}}.hero{text-align:center;padding:48px 0 32px}.hero__visual{position:relative;display:block;width:fit-content;max-width:min(100%,420px);margin:0 auto 20px;padding-right:7.5rem}.hero__characters{display:block;width:320px;max-width:100%}.hero__age-badge{position:absolute;top:10px;right:0;display:inline-block;padding:10px 16px;background:#fff2e0;color:var(--color-orange-dark);font-size:.9rem;font-weight:700;letter-spacing:.02em;line-height:1.35;border-radius:8px;transform:rotate(12deg);white-space:nowrap}.hero h1{font-size:clamp(1.5rem,3vw,2.1rem);color:var(--color-teal-dark);margin-bottom:12px}.hero p{color:var(--color-text-muted);margin-bottom:24px}.more-link{display:block;text-align:center;margin-top:18px;font-weight:700;color:var(--color-orange-dark)}.course-map-preview{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft)}.roadmap-wrap{overflow-x:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);margin-bottom:8px}.roadmap-table{border-collapse:separate;border-spacing:2px;width:100%;min-width:720px;background:var(--color-surface)}.roadmap-table th,.roadmap-table td{padding:10px 12px;text-align:center;font-size:.85rem;white-space:nowrap}.roadmap-table thead th{background:var(--color-teal);color:#fff;font-weight:700;position:sticky;top:0}.roadmap-table__concept-head{left:0;z-index:3}.roadmap-table__concept{background:var(--color-teal-light);color:var(--color-teal-dark);font-weight:700;position:sticky;left:0;z-index:2;text-align:left}.roadmap-table td{color:var(--color-text);font-weight:600}@media (max-width: 640px){.roadmap-table{min-width:640px}}.curriculum-lead{color:var(--color-text-muted);text-align:center;max-width:720px;margin:0 auto 36px}.subheading{text-align:center;margin-bottom:16px;color:var(--color-teal-dark);font-size:1.1rem}.subheading--spaced{margin-top:48px}@media (max-width: 860px){.radar-chart__layout{grid-template-columns:1fr;gap:16px}.radar-chart__svg{max-width:320px;margin:0 auto}}@media (max-width: 640px){.container{padding:0 16px}.section{padding:40px 0}.section-heading{margin-bottom:24px}.section-heading h2{font-size:1.35rem}.site-header .container{flex-direction:column;align-items:flex-start;gap:10px}.site-nav{flex-wrap:wrap;gap:8px 14px;font-size:.9rem}.hero{padding:36px 0 28px}.hero__visual{padding-right:6.5rem}.hero__characters{width:240px}.hero__age-badge{top:6px;font-size:.8rem;padding:8px 12px}.hero h1{font-size:clamp(1.55rem,7vw,2rem)}.hero p{font-size:.95rem}.card,.pillar,.pillar--extended{padding:18px}.pillar{gap:12px}.pillar__number{width:34px;height:34px;font-size:.9rem}.pillar__body h3{font-size:.98rem}.pillar__point{padding:12px}.card-grid{grid-template-columns:1fr}.content-card--long .content-card__head,.content-card--long .content-card__body,.content-card--long .content-card__media{min-height:0}.content-card--long .content-card__media{min-height:240px}.reference-library{grid-template-columns:1fr}.radar-chart__domain dd{font-size:.8rem}.curriculum-lead{margin-bottom:24px;font-size:.92rem;text-align:left}.subheading{font-size:1rem}.cta-row{flex-direction:column;align-items:stretch}.cta-row .btn{width:100%}.level-row{grid-template-columns:14px auto 1fr}.level-row__age{display:none}.quote-list li{grid-template-columns:1fr;gap:4px}.quote-list__badge{width:max-content}.modal__panel{margin:16px;max-height:calc(100vh - 32px);overflow-y:auto}}