:root{--ink:oklch(.24 .014 160);--muted:oklch(.45 .018 160);--primary:oklch(.4 .087 160);--line:oklch(.87 .012 160);--soft:oklch(.96 .015 160)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:white;font:15px/1.9 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}a{color:var(--primary)}a:focus-visible,button:focus-visible{outline:3px solid var(--primary);outline-offset:4px}header,main,footer{max-width:1100px;margin:auto;padding:0 28px}header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:19px;font-weight:750;text-decoration:none}.logo img{width:38px;height:38px}nav{display:flex;gap:22px;align-items:center;font-size:13px}.button,button{display:inline-block;text-decoration:none;border:1px solid var(--line);border-radius:9px;padding:11px 22px;background:white;color:var(--primary);font:inherit;cursor:pointer}.button.primary{background:var(--primary);color:white;border-color:var(--primary)}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:54px;padding:64px 0 58px;align-items:center}.hero h1{font-size:40px;line-height:1.5;letter-spacing:-.025em;text-wrap:balance;margin:0 0 22px}.hero p{max-width:45ch;color:var(--muted)}.hero .small{font-size:12px;margin:17px 0}.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.mascot-scene{border-radius:16px;background:var(--soft);padding:44px 28px;text-align:center}.mascot-scene img{width:136px;height:136px}.mascot-scene p{color:var(--ink);font-weight:650;margin:18px 0 0}.pill{display:inline-block;background:var(--soft);color:var(--primary);padding:3px 10px;font-size:12px;border-radius:5px;margin-bottom:20px}.intro{padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap}.intro span{font-size:13px}.section{padding:44px 0;border-bottom:1px solid var(--line)}h2{font-size:24px;margin:0 0 22px}h3{font-size:17px;margin:18px 0 8px}.sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-left:24px}.sequence li{padding-left:6px}.sequence p{color:var(--muted);font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px}.split p{color:var(--muted)}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:600}details p{color:var(--muted);max-width:75ch}.closing{padding:45px 0;display:flex;gap:25px;align-items:center;justify-content:space-between}.closing p{color:var(--muted);font-size:13px}.prose{max-width:800px;padding-top:36px;padding-bottom:48px}.prose h1{font-size:30px}.prose h2{font-size:21px;margin-top:35px}.prose p{max-width:75ch}.notice{background:var(--soft);padding:18px;border-radius:8px}.share{display:flex;gap:14px;flex-wrap:wrap}#share-status{min-height:25px;font-size:13px;color:var(--muted)}footer{border-top:1px solid var(--line);padding-top:24px;padding-bottom:30px;display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between;color:var(--muted);font-size:12px}.feature-table{width:100%;border-collapse:collapse}.feature-table td,.feature-table th{border-bottom:1px solid var(--line);text-align:left;padding:12px 8px;font-size:13px}.feature-table th{background:var(--soft)}@media(max-width:700px){header,main,footer{padding-left:20px;padding-right:20px}header{align-items:flex-start;flex-direction:column;gap:12px}.hero{grid-template-columns:1fr;gap:26px;padding:38px 0}.hero h1{font-size:29px}.mascot-scene{padding:25px}.mascot-scene img{width:90px;height:90px}.sequence,.split{grid-template-columns:1fr;gap:18px}.closing{align-items:flex-start;flex-direction:column}nav{gap:18px}.section{padding:32px 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
