.guide-page{max-width:1120px;margin:auto;padding:34px 24px 80px}.guide-back{display:inline-flex;align-items:center;min-height:36px;color:var(--accent-dark);font-size:13px;font-weight:750;text-decoration:none}.guide-back:hover{color:var(--accent)}.guide-title{max-width:760px;margin:40px 0 30px}.guide-title .kicker{margin:0 0 13px;color:var(--accent);font-size:11px;font-weight:850;letter-spacing:.16em}.guide-title h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,7vw,74px);font-weight:400;letter-spacing:-.065em;line-height:.98;margin:0 0 21px}.guide-title>p:last-child{max-width:650px;margin:0;color:var(--muted);font-size:17px;line-height:1.55}.guide-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.method-card{display:flex;gap:12px;align-items:flex-start;min-height:92px;padding:17px 18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(44,63,52,.05)}.method-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:var(--accent);color:#fff;font-size:18px;font-weight:850}.method-card strong,.method-card span{display:block}.method-card strong{margin:1px 0 5px;color:var(--ink);font-size:14px}.method-card div span{color:var(--muted);font-size:12px;line-height:1.45}.guide-grid{display:grid;grid-template-columns:1fr;gap:18px}.guide-card{padding:24px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}.guide-card-head{display:flex;gap:13px;align-items:center}.guide-card-head h2{font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:400;line-height:1;margin:0 0 6px}.guide-card-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}.guide-app-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:16px;background:#17211d;color:#fff;font-size:23px;font-weight:850}.guide-app-icon.incy{background:#d86b4f}.guide-app-icon.happ{background:#17211d}.guide-app-icon.amnezia{background:#b69b32}.guide-steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.guide-steps span{padding:8px 10px;border-radius:999px;background:#f1f4ef;color:#56665b;font-size:11px;font-weight:750}.guide-shot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:17px}.guide-shot{min-width:0;padding:13px;border:1px solid #e2e8e1;border-radius:17px;background:#f8faf7}.guide-shot>small{display:block;margin:0 0 9px;color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.12em}.guide-shot>strong{display:block;margin-top:10px;color:var(--ink);font-size:12px;line-height:1.35}.mock-screen{position:relative;min-height:180px;padding:14px 11px 12px;overflow:hidden;border-radius:13px;background:#252936;color:#f6f7f5;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.mock-top{display:flex;gap:5px;margin:0 0 15px}.mock-top i{display:block;width:6px;height:6px;border-radius:50%;background:#6b7670}.mock-screen>b{display:block;margin-bottom:12px;font-size:12px;letter-spacing:-.01em}.mock-row,.mock-choice,.mock-input,.mock-server{position:relative;display:flex;align-items:center;min-height:28px;margin-top:7px;padding:6px 8px;border:1px solid #454d5c;border-radius:7px;background:#303543;color:#d9ded9;font-size:9px;line-height:1.25}.mock-row.muted{color:#89928c;background:#2b303c}.mock-choice{background:#303543}.mock-input{color:#8d9790}.mock-server{justify-content:space-between;background:#303543}.mock-server span{color:#78c477;font-size:13px;font-weight:850}.mock-toggle{position:relative;display:flex;align-items:center;justify-content:flex-end;width:43px;height:23px;margin:15px 0 0 auto;border-radius:20px;background:#566258}.mock-toggle.target{background:#d76b50}.mock-toggle span{display:block;width:17px;height:17px;margin-right:3px;border-radius:50%;background:#fff}.mock-arrow{display:inline-block;position:absolute;right:7px;bottom:8px;padding:4px 6px;border-radius:6px;background:#e36e54;color:#fff;font-size:8px;font-weight:850;line-height:1;box-shadow:0 3px 10px rgba(0,0,0,.25);transform:rotate(-2deg)}.mock-arrow:before{content:"";position:absolute;left:-9px;top:50%;width:11px;height:2px;background:#e36e54;transform:rotate(-12deg);transform-origin:right center}.guide-note{margin-top:18px;padding:17px 19px;border-radius:17px;background:#f8e9df;color:#6e584d;font-size:13px;line-height:1.55}.guide-note strong{color:var(--ink)}
@media(max-width:900px){.guide-methods{grid-template-columns:1fr}.guide-card{padding:20px}.guide-shot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.guide-page{padding:24px 16px 60px}.guide-title{margin-top:31px}.guide-title h1{font-size:clamp(42px,13vw,60px)}.guide-title>p:last-child{font-size:15px}.guide-card-head h2{font-size:27px}.guide-shot-grid{grid-template-columns:1fr 1fr;gap:9px}.guide-shot{padding:10px}.guide-shot:last-child{grid-column:1/-1;max-width:calc(50% - 5px);width:100%;margin:0 auto}.mock-screen{min-height:166px;padding:12px 9px}.mock-screen>b{font-size:11px}.mock-row,.mock-choice,.mock-input,.mock-server{font-size:8px}.guide-steps span{font-size:10px}}
@media(max-width:390px){.guide-page{padding-left:12px;padding-right:12px}.guide-card{padding:16px}.guide-card-head{gap:10px}.guide-card-head h2{font-size:25px}.guide-card-head p{font-size:12px}.guide-shot-grid{grid-template-columns:1fr}.guide-shot:last-child{grid-column:auto;max-width:none}.guide-shot{display:grid;grid-template-columns:1fr;align-content:start}.mock-screen{min-height:150px}}