:root{color-scheme:dark;--bg:#0b0b19;--panel:#17172b;--violet:#8658ff;--pink:#ff63c8;--text:#f9f7ff;--muted:#bcb9d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,'Noto Sans JP',sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1120px,92%);margin:auto}.nav{position:sticky;top:0;z-index:20;background:#0b0b19e8;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff16}.navinner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:18px}.logo{font-size:24px;font-weight:900}.logo span{color:#dcb6ff}.menu{display:flex;gap:22px;font-size:14px}.menu a:hover{color:#dcb6ff}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:14px;padding:14px 24px;background:linear-gradient(105deg,var(--violet),var(--pink));color:white;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 10px 30px #7144fe55;transition:transform .2s,filter .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn.sm{padding:10px 16px;font-size:14px}.hero{padding:94px 0 76px;background:radial-gradient(circle at 78% 28%,#5e2ab344,transparent 50%)}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.eyebrow,.pill{display:inline-block;border:1px solid #9a74ff88;background:#7454f622;border-radius:999px;color:#d9c3ff;padding:5px 13px;font-size:12px;font-weight:800;letter-spacing:1px}h1{font-size:clamp(38px,5vw,68px);line-height:1.25;margin:24px 0}h1 em{font-style:normal;color:#cc91ff}h2{font-size:clamp(26px,3vw,38px);line-height:1.35;margin:14px 0 24px}h3{line-height:1.3}.lead{font-size:17px;color:#d6d2e5;max-width:580px;margin-bottom:26px}.mini,.muted{color:var(--muted)}.mini{font-size:12px;margin-top:14px}.hero-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px;border:1px solid #ffffff33;box-shadow:0 24px 60px #0007}.section{padding:80px 0}.section.alt{background:#111125}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.show{overflow:hidden;border:1px solid #ffffff1a;background:var(--panel);border-radius:17px}.show img{width:100%;aspect-ratio:16/10;object-fit:cover}.desc{padding:16px}.desc small{color:#b4a8dc}.desc h3{margin:4px 0 0}.features,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature,.step{padding:24px;border:1px solid #ffffff1b;background:#ffffff08;border-radius:16px}.feature p{color:var(--muted)}.gridphoto{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gridphoto img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.step span{color:#cba2ff;font-size:28px;font-weight:900}.cta{border-radius:26px;padding:54px 28px;text-align:center;background:linear-gradient(145deg,#32155e,#181535);border:1px solid #a277ff66}.cta .btn{margin:16px 0}.cta p{color:#d9cee9}.status{min-height:25px;color:#e6d5ff}.notice{font-size:12px;color:#c4bdd0;margin-top:18px}.faq details{padding:17px 0;border-bottom:1px solid #ffffff23}.faq summary{cursor:pointer;font-weight:700}.faq details p{color:var(--muted)}.footer{text-align:center;padding:35px 5%;font-size:12px;color:#aaa3bc;border-top:1px solid #ffffff16}@media(max-width:750px){.navinner{flex-wrap:wrap;padding:12px 0}.menu{order:3;width:100%;overflow:auto;gap:17px;white-space:nowrap}.hero{padding:54px 0}.hero-grid{grid-template-columns:1fr;gap:32px}.cards,.features,.steps{grid-template-columns:repeat(2,1fr)}.gridphoto{grid-template-columns:repeat(2,1fr)}.section{padding:55px 0}}@media(max-width:480px){.cards,.features,.steps{grid-template-columns:1fr}.nav .btn.sm{font-size:12px}.hero-img{aspect-ratio:16/11}}
