.method-page{background:var(--bg-primary);min-height:calc(100dvh - 64px);padding:48px 24px 80px}.has-page-back .method-page{padding-top:16px}.method-prose{max-width:680px;margin:0 auto}.method-header{border-bottom:1px solid var(--border);margin-bottom:48px;padding-bottom:32px}.method-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin:0 0 12px;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:700}.method-title{color:var(--text-primary);margin:0 0 16px;font-family:Bebas Neue,sans-serif;font-size:48px;line-height:1.05}.method-lead{color:var(--text-secondary);margin:0;font-family:Sora,sans-serif;font-size:17px;line-height:1.65}.method-section{margin-bottom:40px}.method-section h2{letter-spacing:.02em;color:var(--text-primary);margin:0 0 16px;font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700}.method-section p{color:var(--text-secondary);margin:0 0 14px;font-family:Sora,sans-serif;font-size:15px;line-height:1.75}.method-section p:last-child{margin-bottom:0}.method-callout{background:var(--bg-card);border-left:3px solid var(--red-primary);color:var(--text-secondary);margin:20px 0 0;padding:16px 20px;font-family:Sora,sans-serif;font-size:14px;line-height:1.65}.method-callout strong{color:var(--text-primary);font-weight:600}.method-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.method-list li{color:var(--text-secondary);padding-left:20px;font-family:Sora,sans-serif;font-size:15px;line-height:1.65;position:relative}.method-list li:before{content:"■";color:var(--red-primary);font-size:10px;position:absolute;top:2px;left:0}.method-list li strong{color:var(--text-primary);font-weight:600}.method-steps{counter-reset:method-step;flex-direction:column;gap:20px;margin:20px 0;padding:0;list-style:none;display:flex}.method-steps>li{counter-increment:method-step;padding-left:36px;position:relative}.method-steps>li:before{content:counter(method-step);color:var(--red-primary);font-family:Bebas Neue,sans-serif;font-size:22px;line-height:1;position:absolute;top:0;left:0}.method-step-label{color:var(--text-primary);margin-bottom:6px;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;display:block}.method-steps>li p{margin:0}.method-footer{border-top:1px solid var(--border);margin-top:48px;padding-top:32px}.method-cta{letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);background:var(--red-primary);cursor:pointer;border:none;border-radius:6px;padding:14px 28px;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s;display:inline-block}.method-cta:hover{background:var(--red-bright);box-shadow:0 0 24px var(--red-glow)}.packs-method-banner-wrap{background:var(--bg-primary);padding:0 80px 8px}.packs-method-banner{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--red-primary);align-items:flex-start;gap:16px;max-width:1100px;margin:0 auto;padding:20px 24px;display:flex}.packs-method-banner-body{flex:1;min-width:0}.packs-method-banner-title{color:var(--text-primary);margin:0 0 6px;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700}.packs-method-banner-text{color:var(--text-secondary);margin:0 0 12px;font-family:Sora,sans-serif;font-size:14px;line-height:1.6}.packs-method-banner-link{color:var(--red-primary);cursor:pointer;background:0 0;border:none;padding:0;font-family:Sora,sans-serif;font-size:14px;font-weight:600;text-decoration:none}.packs-method-banner-link:hover{color:var(--red-bright);text-decoration:underline}.packs-method-banner-dismiss{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;min-width:32px;min-height:32px;padding:0 4px;font-size:22px;line-height:1;transition:color .2s}.packs-method-banner-dismiss:hover{color:var(--text-secondary)}@media (width<=1024px){.packs-method-banner-wrap{padding:0 48px 8px}}@media (width<=767px){.packs-method-banner-wrap{padding:0 24px 8px}}@media (width<=640px){.method-page{padding:32px 20px 64px}.method-title{font-size:36px}.method-lead{font-size:16px}.packs-method-banner-wrap{padding:0 24px 8px}.packs-method-banner{padding:16px 18px}.app-nav-link{font-size:13px}}@media (width<=480px){.nav-actions--app{gap:10px}.app-nav-link{font-size:12px}}
