.problem-grid{grid-template-columns:.9fr 1.1fr;gap:56px;display:grid}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.steps li{counter-increment:step;border-bottom:1.5px dotted #18171240;gap:16px;padding:14px 0;display:flex}.steps li:first-child{padding-top:0}.steps li:last-child{border-bottom:none}.steps li:before{content:counter(step);background:var(--paper-2);width:28px;height:28px;color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.82rem;font-weight:500;display:flex}.steps li.bad:before{background:var(--rust);color:var(--cream)}.steps li span{padding-top:3px;font-size:.98rem}.problem-callout{background:var(--ink);color:var(--paper);border-radius:var(--radius-card);align-self:start;padding:32px}.problem-callout h3{font-family:var(--font-display);text-transform:uppercase;color:var(--cream);margin-bottom:14px;font-size:1.6rem;line-height:1.05}.problem-callout p{color:#f5eedeb8;font-size:.98rem}.problem-callout p+p{margin-top:10px}@media (max-width:920px){.problem-grid{grid-template-columns:1fr;gap:36px}}
.how-rail{gap:8px;margin-bottom:40px;display:flex}.how-seg{background:var(--green-line);cursor:pointer;border:none;border-radius:999px;flex:1;height:4px;padding:0;overflow:hidden}.how-seg .fill{background:var(--gold);width:0%;height:100%;display:block}.how-seg .fill.full{width:100%;transition:none}.how-seg .fill.animate{animation:how-fill var(--step-duration,6s) linear forwards}.how-seg .fill.paused{animation-play-state:paused}@keyframes how-fill{0%{width:0%}to{width:100%}}.how-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:48px;display:grid}.how-tabs{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.how-tab{text-align:left;cursor:pointer;border-radius:var(--radius-card-sm);background:0 0;border:1.5px solid #0000;align-items:flex-start;gap:18px;width:100%;padding:20px;transition:border-color .2s,background .2s,transform .15s;display:flex}.how-tab:hover{background:#f5eede0d}.how-tab.active{border-color:var(--green-line);background:#f5eede12}.how-icon{color:#f5eede73;background:#f5eede14;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,color .2s,transform .2s;display:flex}.how-tab.active .how-icon{background:var(--gold);color:var(--ink);transform:scale(1.06)}.how-icon svg{width:20px;height:20px}.how-num{font-family:var(--font-display);letter-spacing:.08em;color:#f5eede66;margin-bottom:4px;font-size:.85rem;display:block}.how-tab.active .how-num{color:var(--gold)}.how-tab h3{color:var(--cream);margin-bottom:6px;font-size:1.2rem;transition:opacity .2s}.how-tab p{color:#f5eede99;opacity:0;max-height:0;font-size:.94rem;transition:max-height .25s,opacity .25s;overflow:hidden}.how-tab.active p{opacity:1;max-height:120px}.how-preview{border:1px solid var(--green-line);border-radius:var(--radius-card);background:#f5eede0a;justify-content:center;align-items:center;min-height:420px;padding:40px;display:flex;overflow:hidden}.how-preview-inner{justify-content:center;width:100%;animation:.4s cubic-bezier(.2,.8,.2,1) hp-enter;display:flex}@keyframes hp-enter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.how-card{background:var(--cream);color:var(--ink);border-radius:var(--radius-card-sm);width:100%;max-width:340px;padding:24px}.hp-photo{background:linear-gradient(135deg, var(--gold), var(--rust));border-radius:16px;height:130px;margin-bottom:18px;position:relative;overflow:hidden}.hp-photo:after{content:"";background:radial-gradient(circle at 30% 30%,#ffffff40,#0000 60%);position:absolute;inset:0}.hp-field{margin-bottom:12px}.hp-field label{color:var(--muted);margin-bottom:4px;font-size:.72rem;display:block}.hp-field .val{font-size:.98rem;font-weight:700}.hp-chips{gap:8px;margin-top:14px;display:flex}.hp-chip{border-radius:var(--radius-pill);background:var(--paper-2);padding:5px 12px;font-size:.76rem;transition:background .2s,color .2s}.hp-chip.on{background:var(--ink);color:var(--cream)}.hp-live{color:var(--green-mid);align-items:center;gap:6px;margin-top:14px;font-size:.74rem;font-weight:500;display:inline-flex}.hp-live:before{content:"";background:var(--green-mid);border-radius:50%;width:6px;height:6px;animation:1.4s infinite hp-pulse}@keyframes hp-pulse{0%,to{opacity:1}50%{opacity:.3}}.hp-bubble{background:var(--green-deep);color:var(--cream);border-radius:14px 14px 14px 3px;max-width:88%;margin-bottom:12px;padding:12px 14px;font-size:.85rem}.hp-link-card{background:var(--paper);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.hp-link-thumb{background:var(--rust);border-radius:10px;flex:none;width:46px;height:46px}.hp-link-card .t{font-size:.85rem;font-weight:700}.hp-link-card .s{color:var(--muted);font-size:.78rem}.hp-tap{color:var(--muted);align-items:center;gap:8px;margin-top:14px;font-size:.78rem;display:flex}.hp-tap .dot{border:1.5px solid var(--muted);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;animation:1.6s infinite hp-tap;display:flex}@keyframes hp-tap{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.hp-row{justify-content:space-between;margin-bottom:8px;font-size:.92rem;display:flex}.hp-row.total{border-top:1px dashed #18171233;margin-top:12px;padding-top:12px;font-weight:700}@media (max-width:920px){.how-grid{grid-template-columns:1fr}.how-rail{margin-bottom:28px}}
.pay-sim{background:var(--cream);border-radius:var(--radius-card);margin:36px 0 24px;padding:36px}.pay-sim-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.pay-sim-status{color:var(--muted);font-size:.92rem}.pay-sim-status strong{color:var(--ink)}.pay-live{color:var(--green-mid);border-radius:var(--radius-pill);background:#2e5a441a;flex:none;align-items:center;gap:7px;padding:6px 12px;font-size:.78rem;font-weight:500;display:inline-flex}.pay-live:before{content:"";background:var(--green-mid);border-radius:50%;width:6px;height:6px;animation:1.4s infinite pay-pulse}@keyframes pay-pulse{0%,to{opacity:1}50%{opacity:.3}}.pay-flow{align-items:center;gap:0;display:flex}.pay-node-wrap{flex-direction:column;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.pay-dot{background:var(--paper-2);width:34px;height:34px;color:var(--muted);border:1.5px solid #18171226;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:all .3s;display:flex}.pay-dot.active{background:var(--gold);border-color:var(--gold);color:var(--ink)}.pay-dot.done{background:var(--green-mid);border-color:var(--green-mid);color:var(--cream)}.pay-node-wrap .label{text-align:center;color:var(--muted);font-size:.82rem;font-weight:500}.pay-node-wrap.active .label,.pay-node-wrap.done .label{color:var(--ink)}.pay-connector{background:#1817121f;flex:1;height:2px;margin:0 -2px 26px;position:relative;top:-18px}.pay-connector .fill{background:var(--green-mid);width:0%;height:100%;transition:width .5s}.pay-connector .fill.on{width:100%}.stat-strip{grid-template-columns:repeat(4,1fr);gap:18px;margin:40px 0 44px;display:grid}.stat-card{background:var(--rust);color:var(--cream);border-radius:var(--radius-card);padding:28px 24px}.stat-card .num{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(2rem,2.8vw,2.6rem);line-height:1;animation:.5s cubic-bezier(.2,.8,.2,1) stat-pop;display:inline-block}@keyframes stat-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.stat-card .lbl{color:#fbf6ead9;margin-top:10px;font-size:.88rem}.live-demo{background:var(--paper-2);border-radius:var(--radius-card);border:1.5px dashed #18171240;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:44px;padding:28px 32px;display:flex}.live-demo-text h4{font-family:var(--font-display);text-transform:uppercase;margin-bottom:6px;font-size:1.1rem;font-weight:400}.live-demo-text p{color:var(--muted);max-width:46ch;font-size:.9rem}.live-demo-action{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.live-demo-link{color:var(--green-mid);font-size:.88rem;font-weight:500;text-decoration:underline}.live-demo-note{color:var(--green-mid);font-size:.85rem}.live-demo-error{color:var(--rust);max-width:40ch;font-size:.85rem}.compare{background:var(--cream);border-radius:var(--radius-card);margin:0 0 44px;padding:32px 36px}.compare-head,.compare-row{grid-template-columns:1.3fr 1fr 1fr;align-items:center;gap:16px;display:grid}.compare-head{margin-bottom:6px}.compare-head .col-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:1rem}.compare-head .col-title.muted{color:var(--muted)}.compare-head .col-title.good{color:var(--green-mid)}.compare-row{border-top:1.5px dotted #18171226;padding:15px 0}.compare-row .label{font-size:.94rem;font-weight:500}.compare-cell{align-items:center;gap:9px;font-size:.9rem;display:flex}.compare-cell.bad{color:#8f4235}.compare-cell.good{color:var(--green-mid);font-weight:500}.compare-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;display:flex}.compare-icon.bad{color:var(--rust);background:#c2443024}.compare-icon.good{color:var(--green-mid);background:#2e5a4424}.method-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.method-chip{background:var(--cream);border-radius:var(--radius-card-sm);text-align:center;padding:20px 16px}.method-chip .name{font-size:1rem;font-weight:700}.method-chip .tag2{color:var(--muted);margin-top:4px;font-size:.82rem}.badges{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;display:grid}.badge-card{border-left:3px solid var(--gold);background:var(--cream);border-radius:0 var(--radius-card-sm) var(--radius-card-sm) 0;padding:24px}.badge-card h4{font-family:var(--font-display);text-transform:uppercase;margin-bottom:8px;font-size:1.1rem;font-weight:400}.badge-card p{color:var(--muted);font-size:.9rem}.quote{max-width:640px;margin-top:60px}.quote blockquote{font-family:var(--font-serif);margin:0;font-size:1.5rem;font-weight:500;line-height:1.35}.quote cite{color:var(--muted);margin-top:16px;font-size:.9rem;font-style:normal;display:block}@media (max-width:920px){.method-grid{grid-template-columns:repeat(2,1fr)}.badges{grid-template-columns:1fr}.stat-strip{grid-template-columns:repeat(2,1fr)}.pay-flow{flex-direction:column;align-items:stretch}.pay-connector{display:none}.pay-node-wrap{flex-direction:row;justify-content:flex-start}.live-demo{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.stat-strip{grid-template-columns:1fr}}@media (max-width:680px){.compare-head .col-title span.full{display:none}.compare{padding:24px 20px}.compare-head,.compare-row{grid-template-columns:1fr .7fr .7fr;gap:8px}.compare-cell{font-size:.82rem}}
.calc{background:var(--cream);border-radius:var(--radius-card);margin-bottom:40px;padding:32px 36px}.calc-label{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:16px;display:flex}.calc-label span:first-child{color:var(--muted);font-size:.95rem}.calc-value{font-family:var(--font-display);text-transform:uppercase;font-size:1.9rem}.calc input[type=range]{appearance:none;background:var(--paper-2);border-radius:999px;outline:none;width:100%;height:6px}.calc input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--rust);border:3px solid var(--cream);width:24px;height:24px;box-shadow:0 0 0 1.5px var(--rust);cursor:pointer;border-radius:50%}.calc input[type=range]::-moz-range-thumb{background:var(--rust);border:3px solid var(--cream);width:24px;height:24px;box-shadow:0 0 0 1.5px var(--rust);cursor:pointer;border-radius:50%}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.price-card{background:var(--paper);border-radius:var(--radius-card);border:1.5px solid #1817121f;flex-direction:column;padding:32px;display:flex;position:relative}.price-card.featured{background:var(--ink);color:var(--cream);border-color:var(--ink)}.price-card.cheapest{border-color:var(--green-mid)}.cheapest-tag{background:var(--green-mid);color:var(--cream);border-radius:var(--radius-pill);padding:4px 12px;font-size:.72rem;font-weight:500;position:absolute;top:-12px;right:24px}.price-card h3{font-size:1.25rem}.price-card .base{color:var(--muted);margin-top:6px;font-size:.88rem}.price-card.featured .base{color:#f5eedea6}.price-card .cost{font-family:var(--font-display);text-transform:uppercase;margin:18px 0 4px;font-size:2.1rem;line-height:1}.price-card .cost small{font-family:var(--font-sans);text-transform:none;color:var(--muted);font-size:.85rem;font-weight:500}.price-card.featured .cost small{color:#f5eedea6}.price-card .rate{color:var(--muted);margin-bottom:20px;font-size:.88rem}.price-card.featured .rate{color:#f5eedea6}.price-card ul{flex:1;margin:0 0 24px;padding:0;list-style:none}.price-card li{border-top:1.5px dotted #18171226;padding:8px 0;font-size:.92rem}.price-card.featured li{border-top:1.5px dotted #f5eede26}.price-card li:first-child{border-top:none}@media (max-width:920px){.pricing-grid{grid-template-columns:1fr}}
.faq-list{border-top:1.5px dotted #18171240;max-width:780px}.faq-item{border-bottom:1.5px dotted #18171240}.faq-q{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;font-size:1.05rem;font-weight:500;display:flex}.faq-icon{border:1.5px solid var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;transition:transform .2s,background .2s,color .2s;display:flex}.faq-item.open .faq-icon{background:var(--rust);border-color:var(--rust);color:var(--cream);transform:rotate(45deg)}.faq-a{max-height:0;transition:max-height .25s;overflow:hidden}.faq-item.open .faq-a{max-height:240px}.faq-a p{color:var(--muted);max-width:60ch;padding:0 4px 22px;font-size:.98rem}