:root{color-scheme:dark;--red:#f21732;--panel:#101012;--line:#343438;--muted:#a2a2a8}*{box-sizing:border-box}html{background:#050506;color:#f5f5f3;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh;margin:0;background:radial-gradient(circle at 80% 0,#1b1b1e 0,transparent 30rem),#050506}.guide-header{height:82px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,4vw,52px);border-bottom:1px solid #242426;background:#050506f0;backdrop-filter:blur(14px)}.brand{display:grid;color:#fff;text-decoration:none}.brand strong{font-size:28px;letter-spacing:.16em}.brand span{font-size:10px;letter-spacing:.5em}.guide-header button,.action button{min-height:48px;border:1px solid #888;border-radius:10px;background:#0b0b0c;color:#fff;padding:0 18px;font-weight:900;letter-spacing:.07em}main{width:min(1040px,100%);margin:auto;padding:clamp(26px,5vw,64px)}.intro small,.workflow small{color:var(--red);font-weight:900;letter-spacing:.14em}.intro h1{margin:14px 0 20px;font-size:clamp(58px,11vw,126px);line-height:.82;letter-spacing:-.055em}.intro p{max-width:780px;margin:0 0 clamp(28px,5vw,56px);color:#ccc;font-size:clamp(18px,2.4vw,26px);line-height:1.45}.video-shell{width:min(520px,100%);margin:0 auto;border:1px solid #3b3b40;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 30px 90px #000}.video-shell video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#000}.workflow{margin:clamp(36px,7vw,82px) 0 0;padding:clamp(22px,4vw,42px);border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,#111113,#09090a)}.workflow h2{margin:10px 0 28px;font-size:clamp(30px,5vw,52px)}.workflow ol{list-style:none;counter-reset:steps;margin:0;padding:0;display:grid;gap:0}.workflow li{counter-increment:steps;display:grid;grid-template-columns:44px 1fr;align-items:center;min-height:58px;border-top:1px solid #2c2c30;font-weight:900;letter-spacing:.07em}.workflow li::before{content:counter(steps,decimal-leading-zero);color:var(--red)}.workflow li:not(:last-child)::after{content:'↓';grid-column:2;color:#666;font-size:17px;margin:6px 0 -5px}.action{margin-top:18px;padding:clamp(25px,5vw,50px);border-radius:17px;background:linear-gradient(135deg,#26080d,#11090b);text-align:center}.action h2{font-size:clamp(26px,4vw,44px)}.action button{border-color:#ff4960;background:linear-gradient(135deg,#d90927,#ff2542);padding:0 24px}@media(max-width:600px){.guide-header{height:70px;padding:8px}.brand strong{font-size:16px;letter-spacing:.1em}.brand span{font-size:6px;letter-spacing:.32em}.guide-header button{min-height:44px;padding:0 10px;font-size:8px;letter-spacing:.035em}main{padding:24px 8px 40px}.intro{padding:0 6px}.intro h1{font-size:58px}.intro p{font-size:17px}.video-shell{border-radius:10px}.workflow{padding:20px 15px}.workflow h2{font-size:30px}.workflow li{font-size:13px;grid-template-columns:38px 1fr}.action{padding:30px 14px}.action button{width:100%;font-size:11px}}

.guide-header nav{display:flex;align-items:center;gap:10px}.guide-header nav a,.guide-links a{color:#bbb;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.06em}.guide-header nav a:hover,.guide-header nav a:focus-visible,.guide-links a:hover,.guide-links a:focus-visible{color:#fff}.guide-links{display:flex;justify-content:center;gap:24px;margin-top:24px}@media(max-width:600px){.guide-header nav{gap:5px}.guide-header nav a{font-size:7px;letter-spacing:.02em}.guide-links a{font-size:10px}}

.guide-links{flex-wrap:wrap}.guide-links span{flex-basis:100%;color:#777;font-size:11px;line-height:1.5}.guide-links span a{font-size:inherit}