.guide{--violet:#6d3bef;--violet-deep:#3f1d9b;--ink:#1b1235;--ink-soft:#6b6385;--canvas:#f6f2ff;--line:#e7e0f7;min-height:100vh;color:var(--ink);word-break:keep-all;overflow-wrap:anywhere;background:#fff;font-family:Pretendard,Apple SD Gothic Neo,Hiragino Sans,Noto Sans JP,PingFang SC,Microsoft YaHei,Malgun Gothic,Noto Sans KR,system-ui,sans-serif;line-height:1.65}.guide a{color:inherit}.guide:lang(ja),.guide:lang(zh){word-break:normal;line-break:strict}.guide:lang(en),.guide:lang(fr),.guide:lang(de),.guide:lang(es),.guide:lang(it){font-family:Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}.guide :target{scroll-margin-top:16px}.guide .hero{color:#fff;background:linear-gradient(135deg,#7c4dff 0%,#b14be8 50%,#4d8dff 100%);padding:0 16px 44px}.guide .top{justify-content:space-between;align-items:center;gap:12px;max-width:1040px;margin:0 auto;padding:16px 0;font-size:14px;display:flex}.guide .brand{letter-spacing:-.01em;flex:none;font-size:18px;font-weight:800;text-decoration:none}.guide .langs{flex-wrap:wrap;justify-content:flex-end;gap:4px 12px;font-size:14px;display:flex}.guide .langs a{opacity:.8;text-decoration:none}.guide .langs a:hover{opacity:1;text-decoration:underline}.guide .hero-body{text-align:center;max-width:720px;margin:20px auto 0}.guide h1{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(34px,7vw,52px);font-weight:900;line-height:1.15}.guide .lead{opacity:.95;max-width:560px;margin:0 auto;font-size:17px}.guide .note{opacity:.8;margin-top:12px;font-size:13px}.guide .toc{flex-wrap:wrap;justify-content:center;gap:8px;max-width:1040px;margin:-22px auto 0;padding:14px 16px;display:flex;position:relative}.guide .toc a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 4px 12px #1e0a5a14}.guide .toc a:hover{border-color:var(--violet);color:var(--violet)}@media (max-width:640px){.guide .toc{gap:6px}.guide .toc a{padding:4px 11px;font-size:13px}}.guide main{max-width:1040px;margin:0 auto;padding:0 16px}.guide main>section{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:20px;padding:44px 0;display:grid}@media (min-width:880px){.guide main>section:not(.cta):not(.no-shots){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:40px}.guide main>section:not(.cta) .shots{justify-content:flex-start}}.guide h2{letter-spacing:-.01em;align-items:center;gap:10px;margin:0 0 12px;font-size:clamp(22px,4vw,28px);font-weight:800;display:flex}.guide h2 .icon{font-size:.95em}.guide .text p{margin:0 0 10px}.guide .text ul{margin:0 0 12px;padding-left:1.2em}.guide .text li{margin:6px 0}.guide .text li::marker{color:var(--violet)}.guide .tip{background:var(--canvas);color:var(--ink);border-radius:14px;padding:12px 14px 12px 40px;font-size:15px;position:relative}.guide .tip:before{content:"💡";position:absolute;top:11px;left:13px}.guide .share-example{margin:14px 0 0}.guide .share-example figcaption{color:var(--ink-soft);margin-bottom:6px;font-size:13px;font-weight:700}.guide .share-example pre{color:#fff;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;background:#1b1235;border-radius:14px;margin:0;padding:14px 16px;font-size:15px;line-height:1.6}.guide .shots{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.guide .shots figure{width:230px;max-width:calc(50% - 8px);margin:0}.guide .shots.n1 figure{width:260px;max-width:78%}.guide .shots.n3 figure{width:calc(33.3333% - 10.6667px);max-width:200px}.guide .phone{background:#fff;border:7px solid #1b1235;border-radius:30px;line-height:0;overflow:hidden;box-shadow:0 14px 34px #1e0a5a2e}.guide .phone img{width:100%;height:auto;display:block}.guide .shots figcaption{text-align:center;color:var(--ink-soft);margin-top:8px;font-size:13px;line-height:1.4}@media (max-width:640px){.guide .shots.n3{scroll-snap-type:x mandatory;flex-wrap:nowrap;justify-content:flex-start;margin:0 -16px;padding-bottom:6px;padding-left:16px;padding-right:16px;overflow-x:auto}.guide .shots.n3 figure{scroll-snap-align:center;flex:0 0 62%;max-width:none}}.guide .cta{text-align:center;border-bottom:none;padding:56px 0 48px}.guide .cta h2{justify-content:center}.guide .cta .sub{color:var(--ink-soft);margin:0}.guide .cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.guide .web-play{background:var(--violet);color:#fff;border-radius:14px;justify-content:center;align-items:center;height:62px;padding:0 28px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px #1e0a5a40}.guide .web-play:hover{filter:brightness(1.05)}.guide .play{border-radius:12px;line-height:0;display:inline-block}.guide .play img{width:210px;height:auto}.guide .to-top{color:var(--ink-soft);margin-top:28px;font-size:14px;text-decoration:none;display:inline-block}.guide .to-top:hover{color:var(--violet)}.guide footer{background:var(--canvas);color:var(--ink-soft);text-align:center;padding:28px 16px 36px;font-size:13px}.guide footer nav{flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:12px;font-size:14px;display:flex}.guide footer nav a{color:var(--ink);text-decoration:none}.guide footer nav a:hover{text-decoration:underline}