.page{max-width:900px;margin:0 auto;padding:48px 40px 64px;font-family:DM Sans,sans-serif}.page-header{text-align:center;margin-bottom:56px}.page-eyebrow{letter-spacing:.3em;text-transform:uppercase;color:#c9a84c;margin-bottom:16px;font-family:DM Mono,monospace;font-size:11px}.page-title{color:var(--text-primary);margin-bottom:8px;font-family:Caveat,cursive;font-size:42px;font-weight:700;line-height:1.1}.page-title em{color:#c9a84c;font-style:normal}.page-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:15px;line-height:1.7}[data-theme=dark] .page-title{color:#f0ece0}[data-theme=dark] .page-subtitle{color:#f0ece08c}.section-header{align-items:center;gap:14px;margin-bottom:28px;display:flex}.section-num{color:#e8e0d0;min-width:36px;font-family:Caveat,cursive;font-size:48px;font-weight:700;line-height:1}[data-theme=dark] .section-num{color:#f0ece01a}.section-title-text{color:var(--text-primary);font-family:Caveat,cursive;font-size:26px;font-weight:700;line-height:1.2}[data-theme=dark] .section-title-text{color:#f0ece0}.card-row{gap:12px;margin-bottom:12px;display:grid}.card-row-2{grid-template-columns:1fr 1fr}.card-row-3{grid-template-columns:1fr 1fr 1fr}.card-row-4{grid-template-columns:1fr 1fr 1fr 1fr}.expl-card{border-radius:10px;min-width:0;padding:20px 22px;position:relative}.card-white{background:var(--bg-surface);border:1px solid var(--border-default)}.card-label{letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;font-family:DM Mono,monospace;font-size:10px}.expl-card h3{margin-bottom:8px;font-family:Caveat,cursive;font-size:20px;font-weight:700;line-height:1.2}.expl-card p{color:var(--text-secondary);font-size:13px;line-height:1.7}[data-theme=dark] .card-white{background:#242018!important;border-color:#f0ece01f!important}[data-theme=dark] .card-white .card-label{color:#f0ece073!important}[data-theme=dark] .card-white h3{color:#f0ece0!important}[data-theme=dark] .card-white p{color:#f0ece0a6!important}[data-theme=dark] .code-block{background:#0d0c09!important;border-color:#f0ece014!important}[data-theme=dark] .code-block code{color:#b8d4a8!important}[data-theme=dark] .step-num{color:#f0ece0!important;background:#242018!important;border-color:#f0ece026!important}[data-theme=dark] .section-divider{border-color:#f0ece014!important}[data-theme=dark] .tag-pill{color:#f0ece080!important;background:#f0ece00f!important}[data-theme=dark] .faq-item{border-color:#f0ece014!important}[data-theme=dark] .faq-q{color:#f0ece0!important}[data-theme=dark] .faq-a{color:#f0ece099!important}[data-theme=dark] .verdict-box{background:#0d180f!important;border-color:#4aaf504d!important}[data-theme=dark] .verdict-box p{color:#f0ece0b3!important}[data-theme=dark] .hand-label{color:#f0ece059!important}[data-theme=dark] .compare-col{background:#242018!important;border-color:#f0ece01a!important}[data-theme=dark] .compare-col h4{color:#f0ece0!important}[data-theme=dark] .compare-row{border-color:#f0ece00f!important}[data-theme=dark] .compare-row span{color:#f0ece099!important}.card-gold{background:#fdf3dc;border:1.5px solid #c9a84c}.card-gold .card-label{color:#8a6424}.card-gold h3{color:#5c3f0a}.card-gold p{color:#7a5c28}.card-red{background:#fdf0ed;border:1.5px solid #e05a3a}.card-red .card-label{color:#c0340f}.card-red h3{color:#7a1a06}.card-red p{color:#a02818}.card-green{background:#eef7ee;border:1.5px solid #4a9e5c}.card-green .card-label{color:#2a6e38}.card-green h3{color:#1a4e24}.card-green p{color:#2a6038}.card-blue{background:#edf4fd;border:1.5px solid #3a8adf}.card-blue .card-label{color:#1a5aaf}.card-blue h3{color:#0a3a7a}.card-blue p{color:#1a4a8a}.card-purple{background:#f3effe;border:1.5px solid #8a6add}.card-purple .card-label{color:#5a3aad}.card-purple h3{color:#3a1a7a}.card-purple p{color:#4a2a8a}.card-teal{background:#edfaf5;border:1.5px solid #3ab89a}.card-teal .card-label{color:#1a7a5c}.card-teal h3{color:#0a4e38}.card-teal p{color:#1a5a48}[data-theme=dark] .card-gold{background:#2a1f06;border-color:#c9a84c}[data-theme=dark] .card-gold .card-label{color:#c9a84c}[data-theme=dark] .card-gold h3{color:#f5c56a}[data-theme=dark] .card-gold p{color:#c9a84c}[data-theme=dark] .card-red{background:#280c06;border-color:#e05a3a}[data-theme=dark] .card-red .card-label{color:#e07a5a}[data-theme=dark] .card-red h3{color:#f08a6a}[data-theme=dark] .card-red p{color:#c06040}[data-theme=dark] .card-green{background:#061a09;border-color:#4a9e5c}[data-theme=dark] .card-green .card-label{color:#5ab86c}[data-theme=dark] .card-green h3{color:#7ad08c}[data-theme=dark] .card-green p{color:#4a8a5c}[data-theme=dark] .card-blue{background:#060e1e;border-color:#3a8adf}[data-theme=dark] .card-blue .card-label{color:#5aaaf0}[data-theme=dark] .card-blue h3{color:#7acaf8}[data-theme=dark] .card-blue p{color:#4a8ac8}[data-theme=dark] .card-purple{background:#100a20;border-color:#8a6add}[data-theme=dark] .card-purple .card-label{color:#aa8af0}[data-theme=dark] .card-purple h3{color:#c8aaf8}[data-theme=dark] .card-purple p{color:#8a6ac0}[data-theme=dark] .card-teal{background:#040e0b;border-color:#3ab89a}[data-theme=dark] .card-teal .card-label{color:#4ad8ba}[data-theme=dark] .card-teal h3{color:#6af0d8}[data-theme=dark] .card-teal p{color:#3aa890}.connector-wrap{justify-content:center;align-items:center;padding:0 0 4px;display:flex;position:relative}.hand-label{color:#a09080;background:var(--bg-base);z-index:2;padding:2px 8px;font-family:Caveat,cursive;font-size:14px;position:absolute}.stage-flow{align-items:stretch;gap:0;margin-bottom:8px;display:flex;overflow-x:auto}.stage-item{text-align:center;flex:1;min-width:130px;padding:18px 16px;position:relative}.stage-item:after{content:"→";color:#c0b0a0;z-index:2;font-family:Caveat,cursive;font-size:20px;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.stage-item:last-child:after{display:none}.stage-n{margin-bottom:4px;font-family:Caveat,cursive;font-size:28px;font-weight:700;display:block}.stage-name{margin-bottom:6px;font-family:Caveat,cursive;font-size:16px;font-weight:600;display:block}.stage-cond{font-family:DM Mono,monospace;font-size:10px;line-height:1.5;display:block}.code-block{background:#1a1814;border:1px solid #1a181426;border-radius:8px;margin:12px 0;padding:16px 20px;overflow-x:auto}.code-block code{color:#7ac87a;white-space:pre;font-family:DM Mono,monospace;font-size:12px;line-height:1.8;display:block}.code-comment{color:#6a8a6a!important}.code-key{color:#c9a84c!important}.code-val{color:#7ac8f0!important}.section-divider{border:none;border-top:1px dashed #1a18141f;margin:40px 0}.tag-pill{letter-spacing:.1em;color:var(--text-secondary);background:#1a18140f;border-radius:20px;margin-bottom:6px;margin-right:6px;padding:3px 10px;font-family:DM Mono,monospace;font-size:10px;display:inline-block}.step-list{flex-direction:column;gap:16px;display:flex}.step-item{align-items:flex-start;gap:16px;display:flex}.step-num{background:var(--bg-surface);border:1.5px solid var(--border-strong);min-width:32px;height:32px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Caveat,cursive;font-size:18px;font-weight:700;display:flex}.step-content h4{color:var(--text-primary);margin-bottom:4px;font-family:Caveat,cursive;font-size:18px;font-weight:700}.step-content p{color:var(--text-secondary);font-size:13px;line-height:1.7}[data-theme=dark] .step-content h4{color:#f0ece0}[data-theme=dark] .step-content p{color:#f0ece08c}.compare-wrap{grid-template-columns:1fr 1fr;gap:12px;display:grid}.compare-col{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;overflow:hidden}.compare-head{padding:14px 18px;font-family:Caveat,cursive;font-size:18px;font-weight:700}.compare-head.bad{color:#7a1a06;background:#fdf0ed}.compare-head.good{color:#1a4e24;background:#eef7ee}[data-theme=dark] .compare-head.bad{color:#f08a6a;background:#280c06}[data-theme=dark] .compare-head.good{color:#7ad08c;background:#061a09}.compare-row{border-top:1px solid var(--border-subtle);align-items:flex-start;gap:10px;padding:12px 18px;display:flex}.compare-row span{color:var(--text-secondary);font-size:13px;line-height:1.6}.compare-icon{flex-shrink:0;margin-top:1px;font-size:14px}.faq-list{flex-direction:column;gap:0;display:flex}.faq-item{border-bottom:1px solid var(--border-default);padding:18px 0}.faq-item:first-child{border-top:1px solid var(--border-default)}.faq-q{color:var(--text-primary);margin-bottom:6px;font-family:Caveat,cursive;font-size:18px;font-weight:700}.faq-a{color:var(--text-secondary);font-size:13px;line-height:1.75}.verdict-box{background:#eef7ee;border:1.5px solid #4a9e5c59;border-radius:10px;margin-top:16px;padding:24px 28px}.verdict-box h3{color:#1a4e24;margin-bottom:8px;font-family:Caveat,cursive;font-size:22px;font-weight:700}.verdict-box p{color:#2a5a30;font-size:14px;line-height:1.75}.callout{background:#c9a84c0f;border-left:3px solid #c9a84c;border-radius:0 6px 6px 0;margin:16px 0;padding:14px 20px}.callout p{color:#5c3f0a;font-family:Caveat,cursive;font-size:20px;line-height:1.4}[data-theme=dark] .callout{background:#c9a84c14}[data-theme=dark] .callout p{color:#f5c56a}@media (max-width:768px){.page{padding:32px 20px 48px}.card-row-2,.card-row-3,.card-row-4,.compare-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid;overflow-x:visible}.stage-item{min-width:auto}.stage-item:after{display:none}.stage-flow .stage-item:last-child{grid-column:span 2}}