:root{--paper:#ECE6F2;--ink:#2A1630;--muted:#5B4A60;--mauve:#D8C6DD;--mauve-mid:#BEA5C5;--mauve-deep:#A389AC;--road:#FFFFFF;--green:#79C142}*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:"M PLUS Rounded 1c",ui-rounded,"Hiragino Maru Gothic ProN","Arial Rounded MT Bold",system-ui,sans-serif;font-weight:500;min-height:100dvh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));display:grid;gap:6px;align-content:start}.intro img{display:block;width:clamp(52px,15vw,144px);height:auto;aspect-ratio:1;border-radius:22%}h1{font-weight:800;font-size:clamp(1.5rem,1.05rem + 2.3vw,3.1rem);line-height:1.12;letter-spacing:-0.01em;margin-top:10px;text-wrap:balance}.sub{font-size:clamp(0.94rem,0.88rem + 0.3vw,1.15rem);line-height:1.45;color:var(--muted);margin-top:8px;max-width:34em}.plan{display:grid;justify-items:stretch;width:100%;max-width:540px;margin:0 auto}.plan svg{display:block;width:100%;height:auto;overflow:visible}.cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:12px 22px;background:var(--green);color:var(--ink);font-weight:800;font-size:clamp(1.05rem,1rem + 0.3vw,1.25rem);text-decoration:none;border:2px solid var(--ink);border-radius:18px;-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.16,1,.3,1)}.cta svg{width:16px;height:16px;flex:none}.cta:active{transform:scale(.98)}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (hover: hover){.cta:hover{transform:translateY(-2px)}}.ready{font-size:clamp(0.84rem,0.8rem + 0.2vw,0.95rem);color:var(--muted);text-align:center;margin-top:8px}footer{font-size:0.8rem;color:var(--muted);text-align:center;padding:10px 16px max(12px,env(safe-area-inset-bottom))}.road{fill:var(--road);stroke:var(--ink);stroke-width:1.4;stroke-linejoin:round}.road-join{stroke:var(--road);stroke-width:2.4;fill:none}.f-top{fill:var(--mauve);stroke:var(--ink);stroke-width:1.4;stroke-linejoin:round}.f-mid{fill:var(--mauve-mid);stroke:var(--ink);stroke-width:1.4;stroke-linejoin:round}.f-deep{fill:var(--mauve-deep);stroke:var(--ink);stroke-width:1.4;stroke-linejoin:round}.frame{fill:var(--road);stroke:var(--ink);stroke-width:1}.glass{fill:var(--ink)}.play{fill:var(--green)}.thin{stroke:var(--ink);stroke-width:1}.cross{stroke:var(--ink);stroke-width:1.8;stroke-linecap:round}.ink{fill:var(--ink)}.pinline{stroke:var(--ink);stroke-width:1.8}.pinhead{fill:var(--road);stroke:var(--ink);stroke-width:3}.leader{stroke:var(--ink);stroke-width:1}.route-case{fill:none;stroke:var(--ink);stroke-width:6.5;stroke-linejoin:round;stroke-linecap:round}.route-base{fill:none;stroke:var(--mauve);stroke-width:3.6;stroke-linejoin:round;stroke-linecap:round}.route-lit{fill:none;stroke:var(--green);stroke-width:3.6;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:light 1.7s cubic-bezier(.16,1,.3,1) .35s forwards}.arrow{fill:var(--green);stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round}@keyframes light{to{stroke-dashoffset:0}}text{font-family:inherit;fill:var(--ink)}.t-name{font-weight:800;font-size:12.5px}.t-desc{font-weight:500;font-size:11px;fill:var(--muted)}@media (prefers-reduced-motion: reduce){.route-lit{animation:none;stroke-dashoffset:0}.cta{transition:none}}@media (min-width: 900px){main{grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:56px;align-items:center;align-content:center;padding-top:32px;padding-bottom:24px}h1{margin-top:22px}.sub{margin-top:16px}.ready{margin-top:12px}}html,body{max-width:100%;overflow-x:clip}