@charset "UTF-8";
:root{--ink:#20212b;--muted:#696b78;--paper:#fffdf8;--purple:#6948d8;--purple-dark:#38226f;--lime:#d8f45a;--line:#e9e5f0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}
.site-header{min-height:72px;padding:16px 6.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(255,253,248,.96);border-bottom:1px solid var(--line)}.logo{font-weight:900;letter-spacing:.04em}.site-header nav{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:.88rem;font-weight:700}.site-header nav a:hover{color:var(--purple)}
.hero{min-height:530px;padding:68px 9%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;background:radial-gradient(circle at 82% 22%,rgba(216,244,90,.4),transparent 25%),linear-gradient(135deg,#f0ebff 0%,#fffdf8 68%)}.eyebrow,.section-number{color:var(--purple);font-size:.75rem;font-weight:900;letter-spacing:.15em}.hero h1{margin:8px 0 20px;font-size:clamp(3rem,6vw,5.8rem);line-height:1.08;letter-spacing:-.06em}.hero h1 span{color:var(--purple)}.hero-lead{font-size:clamp(1rem,2vw,1.25rem);font-weight:700}.primary-button{display:inline-block;margin-top:18px;padding:13px 24px;color:white;background:var(--purple);border-radius:999px;font-weight:800;box-shadow:0 8px 0 #d4c9f8}.hero-photo-wrap{padding:12px;background:white;border-radius:28px;box-shadow:0 22px 55px rgba(56,34,111,.14);transform:rotate(1deg)}.hero-photo{display:block;width:100%;max-height:440px;object-fit:cover;border-radius:20px}
.event-strip{display:grid;grid-template-columns:1fr 1fr;padding:24px 9%;gap:24px;background:var(--purple-dark);color:white}.event-strip>div{display:flex;flex-direction:column}.event-label{color:#c9baff;font-size:.78rem;font-weight:700}.event-strip strong{font-size:.95rem}.section{padding:80px 9%}.section-heading{margin-bottom:34px}.section-heading h2,.warning-section h2{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.3;letter-spacing:-.04em}.section-intro{color:var(--muted);margin:12px 0 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.big-copy{font-size:clamp(1.3rem,2.8vw,2rem);font-weight:900;line-height:1.55}.about-copy>p:not(.big-copy){color:#555663}.color-key{display:flex;gap:18px;margin-top:24px;font-weight:800}.color-key span{display:inline-flex;align-items:center;gap:8px}.dot{width:13px;height:13px;display:inline-block;border-radius:50%}.blue{background:#4b9cff}.green{background:#48cb72}.yellow{background:#f6cb39}.main-work{margin:0;padding:10px;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 35px rgba(48,30,93,.08)}.main-work img{display:block;width:100%;height:auto;border-radius:13px}
.dark-section{color:white;background:#211b35}.dark-section .section-number{color:var(--lime)}.dark-section .section-intro{color:#c9c2d8}.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:stretch}.step-card{padding:26px 22px;border:1px solid #514668;border-radius:20px;background:#302744}.step-icon{font-size:2rem;margin-bottom:12px}.step-num{color:var(--lime);font-size:.72rem;font-weight:900;letter-spacing:.1em}.step-card h3{margin:7px 0}.step-card p{margin-bottom:0;color:#d0cbd9;font-size:.9rem}.step-arrow{align-self:center;color:var(--lime);font-size:1.6rem;font-weight:900}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.how-card{display:flex;gap:16px;padding:24px;border:1px solid var(--line);border-radius:18px;background:white}.how-number{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:white;background:var(--purple);font-size:1.25rem;font-weight:900}.how-card h3{margin:0 0 8px;font-size:1.05rem}.how-card p{margin:0;color:var(--muted);font-size:.9rem}.feature-section{background:#f0ecff}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.feature-card{padding:30px;border-radius:20px;background:white;box-shadow:0 10px 30px rgba(48,30,93,.05)}.feature-mark{color:#c5b5ff;font-size:2.4rem;font-weight:900}.feature-card h3{margin:10px 0}.feature-card p{color:#5e5d6a;margin-bottom:0}.members-section{background:#fff8e9}.members-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.member{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 8px;border:1px solid #f0e2c4;border-radius:16px;background:white}.member span{color:#9d8d70;font-size:.72rem;font-weight:900;letter-spacing:.1em}.member strong{font-size:1.2rem}.warning-section{display:flex;gap:24px;align-items:flex-start;margin:64px 9%;padding:32px;border:2px solid #f0b94e;border-radius:20px;background:#fff7e4}.warning-symbol{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:white;background:#e5a21a;font-size:1.7rem;font-weight:900}.warning-section .section-number{color:#a86c00;margin-top:0}.warning-section h2{font-size:1.7rem}.warning-section ul{padding-left:1.2rem;margin-bottom:0;font-weight:700}.closing{padding:65px 20px;text-align:center;color:white;background:var(--purple)}.closing>p:first-child{color:var(--lime);font-size:.75rem;font-weight:900;letter-spacing:.2em}.closing h2{margin:10px 0;font-size:clamp(1.8rem,4vw,3rem)}.closing>p:last-child{margin-bottom:0}footer{padding:22px;text-align:center;color:#bdb5cf;background:#211b35;font-size:.8rem}footer p{margin:0}
@media(max-width:800px){.site-header{align-items:flex-start;flex-direction:column;gap:10px}.hero{padding:48px 7%;grid-template-columns:1fr;gap:28px}.hero-photo{max-height:420px;object-fit:contain}.event-strip{padding:22px 7%;grid-template-columns:1fr;gap:14px}.section{padding:60px 7%}.about-grid,.feature-grid{grid-template-columns:1fr;gap:24px}.steps{grid-template-columns:1fr}.step-arrow{transform:rotate(90deg);justify-self:center}.how-grid{grid-template-columns:1fr}.members-grid{grid-template-columns:repeat(3,1fr)}.warning-section{margin:42px 7%;padding:24px}}
@media(max-width:480px){.hero h1{font-size:3rem}.warning-section{flex-direction:column}.members-grid{grid-template-columns:repeat(2,1fr)}}
