body{flex-direction:column;min-height:100dvh;display:flex}a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}a:hover{color:var(--color-accent-hover)}header{padding:var(--space-md);text-align:center;border-bottom:1px solid var(--color-border)}.logo:hover{color:var(--color-text)}main{width:100%;max-width:720px;padding:var(--space-xl) var(--space-md);flex:1;margin:0 auto}.page-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);background:var(--color-accent-light);margin-bottom:var(--space-md);border-radius:100px;padding:.35rem .85rem;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-block}.page-hero{text-align:center;margin-bottom:var(--space-xl);flex-direction:column;align-items:center;display:flex}h1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--color-text);max-width:560px;margin-bottom:var(--space-sm);font-size:clamp(1.75rem,5vw,2.4rem);font-weight:700;line-height:1.2}.page-intro{color:var(--color-text-soft);max-width:580px;font-size:1rem;line-height:1.7}.guide-section{margin-bottom:var(--space-xl)}h2{font-family:var(--font-display);color:var(--color-text);margin-bottom:var(--space-sm);letter-spacing:-.015em;font-size:1.25rem;font-weight:600}p{color:var(--color-text);margin-bottom:var(--space-sm);font-size:.95rem;line-height:1.7}p:last-child{margin-bottom:0}strong{font-weight:600}.tips{gap:var(--space-sm);flex-direction:column;display:flex}.tip{background:var(--color-card);border:1px solid var(--color-border);padding:var(--space-md);border-radius:12px}.tip-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.4rem;font-size:.72rem;font-weight:600}.tip p{color:var(--color-text);margin:0;font-size:.9rem}.tutorial-section{background:var(--color-bg-warm);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:0 calc(-1 * var(--space-md));padding:var(--space-xl) var(--space-md);margin-bottom:var(--space-xl)}.tutorial-inner{max-width:720px;margin:0 auto}.tutorial-layout{gap:var(--space-lg);grid-template-columns:180px 1fr;align-items:start;display:grid}.tutorial-video video{border-radius:20px;width:100%;display:block;box-shadow:0 4px 24px #0000001f}.tutorial-steps{counter-reset:steps;flex-direction:column;gap:.85rem;padding:0;list-style:none;display:flex}.tutorial-steps li{counter-increment:steps;color:var(--color-text);align-items:flex-start;gap:.75rem;font-size:.92rem;line-height:1.55;display:flex}.tutorial-steps li:before{content:counter(steps);background:var(--color-accent-light);min-width:1.6rem;height:1.6rem;color:var(--color-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.1rem;font-size:.72rem;font-weight:700;display:inline-flex}.tutorial-note{margin-top:var(--space-md);color:var(--color-text-soft);font-size:.82rem;font-style:italic;line-height:1.6}.callout{background:var(--color-accent-light);border-left:3px solid var(--color-accent);padding:var(--space-sm) var(--space-md);margin-top:var(--space-sm);border-radius:0 10px 10px 0}.callout p{color:var(--color-text);margin:0;font-size:.88rem}.honest-note{margin-top:var(--space-sm);color:var(--color-text-soft);font-size:.88rem;font-style:italic;line-height:1.7}.cta-block{background:var(--color-card);border:1px solid var(--color-border);padding:var(--space-lg);text-align:center;margin-bottom:var(--space-xl);border-radius:16px;box-shadow:0 2px 16px #2d2a260f}.cta-block h2{margin-bottom:var(--space-xs)}.cta-block p{color:var(--color-text-soft);margin-bottom:var(--space-md);font-size:.92rem}.cta-btn{font-family:var(--font-body);color:#fff;background:var(--color-accent);cursor:pointer;border:none;border-radius:10px;padding:.85rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-block;box-shadow:0 2px 8px #e8734a40}.cta-btn:hover{background:var(--color-accent-hover);color:#fff;transform:translateY(-1px)}.cta-btn:active{transform:translateY(0)}.urgency{background:var(--color-bg-warm);border:1px solid var(--color-border);padding:var(--space-lg);margin-bottom:var(--space-xl);border-radius:16px}footer{padding:var(--space-md);text-align:center;color:var(--color-text-soft);border-top:1px solid var(--color-border);font-size:.78rem}@media (width<=600px){.tutorial-layout{grid-template-columns:1fr}.tutorial-video{max-width:280px;margin:0 auto}}
