.tracking-page .site-footer,.tracking-cta{position:relative;z-index:10}.tracking-page .site-header [aria-current="page"]{color:var(--color-primary)}.tracking-section{padding:78px 0;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.tracking-section .eyebrow{margin-bottom:10px;color:var(--color-primary)}.tracking-section h2{max-width:none;font-size:clamp(27.6px,3.04vw,43px)}.section-intro{max-width:820px;margin:10px 0 30px;font-size:var(--text-lead)}
.tracking-hero{overflow:hidden;background:radial-gradient(circle at 93% 18%,rgba(229,31,43,.07),transparent 29%),var(--color-surface)}.tracking-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.tracking-hero h1{font-size:clamp(35.8px,3.84vw,55.8px)}.tracking-hero-grid>div:first-child>p:not(.eyebrow){max-width:560px;margin:17px 0 23px;font-size:var(--text-lead)}.tracking-hero .button.secondary{color:var(--color-ink);background:var(--color-surface);border-color:var(--color-border)}.matching-hero-visual{display:grid;justify-items:center;gap:7px;padding:30px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.matching-hero-visual>i{color:var(--color-primary);font-style:normal}.incoming-payment,.matching-engine,.matched-result{min-width:230px;padding:11px 16px;background:var(--color-surface-soft);border-radius:7px;text-align:center}.incoming-payment span,.incoming-payment b,.matching-engine small,.matching-engine b,.matched-result span,.matched-result b{display:block}.incoming-payment span,.matching-engine small,.matched-result span{color:var(--color-text-muted);font-size:var(--text-small)}.incoming-payment b,.matching-engine b,.matched-result b{font-size:var(--text-ui)}.matched-result b{color:#13936b}.state-row{display:flex;gap:8px;margin-top:7px}.state-row span{padding:5px 10px;background:var(--color-surface-soft);border-radius:14px;font-size:var(--text-small)}.state-row .active{color:#fff;background:#17a877}.tracking-assurances{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:42px}.tracking-assurances>div{display:flex;align-items:center;gap:12px}.tracking-assurances i{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:50%;font-style:normal}.tracking-assurances b,.tracking-assurances small{display:block}.tracking-assurances b{font-size:var(--text-ui)}.tracking-assurances small{color:var(--color-text-muted);font-size:var(--text-small)}
.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mode-grid>article{min-height:490px;display:flex;flex-direction:column;padding:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.mode-grid header{display:flex;align-items:center;gap:12px}.mode-grid header>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%}.mode-grid header>span::after{content:"";width:10px;height:10px;background:currentColor;border-radius:50%}.basic-dot{color:#e51f2b;background:rgba(229,31,43,.1)}.advanced-dot{color:#3d7cf1;background:rgba(61,124,241,.1)}.hybrid-dot{color:#11a982;background:rgba(17,169,130,.1)}.mode-grid h3{font:700 19px/1.2 var(--font-body)}.mode-grid header p{margin:3px 0 0;font-size:var(--text-ui)}.mode-grid>article>p{min-height:66px;font-size:var(--text-body)}.mode-grid ul{display:grid;gap:7px;margin:auto 0 0;padding:16px 0 0;border-top:1px solid var(--color-border);list-style:none}.mode-grid li{position:relative;padding-left:18px;color:var(--color-text-muted);font-size:var(--text-small)}.mode-grid li::before{content:"✓";position:absolute;left:0;color:#17a877}.basic-diagram,.hybrid-diagram{padding:12px;background:var(--color-surface-soft);border-radius:8px}.basic-diagram>div,.hybrid-diagram>div{display:flex;justify-content:space-between;padding:7px;font-size:var(--text-small)}.basic-diagram>div+div,.hybrid-diagram>div+div{border-top:1px solid var(--color-border)}.basic-diagram .active{color:var(--color-primary)}.basic-diagram>i,.basic-diagram>strong{display:block;width:fit-content;margin:9px auto 0;font-size:var(--text-small);font-style:normal}.basic-diagram>strong{padding:6px 9px;color:#108c66;background:#e7f7ef;border-radius:5px}.hybrid-diagram b{color:#148fb5}.hybrid-diagram b.basic{color:var(--color-primary)}.advanced-switch{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:var(--color-surface-soft);border-radius:7px}.advanced-switch button{padding:7px;color:var(--color-text-muted);background:transparent;border:0;border-radius:5px;font:600 var(--text-small) var(--font-body);cursor:pointer}.advanced-switch button[aria-selected="true"]{color:var(--color-ink);background:var(--color-surface);box-shadow:0 1px 4px #0001}.advanced-switch button:focus-visible{outline:2px solid var(--color-primary)}.advanced-panel{min-height:135px;display:grid;justify-items:center;align-content:center;gap:3px}.advanced-panel[hidden]{display:none}.advanced-panel span,.advanced-panel b{padding:6px 10px;background:var(--color-surface-soft);border-radius:6px;font-size:var(--text-small)}.advanced-panel i{color:var(--color-primary);font-style:normal}.advanced-panel .invoice-stack{box-shadow:4px 4px 0 var(--color-border),8px 8px 0 var(--color-surface-soft)}
.wallet-behavior{background:var(--color-surface-warm)}.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wallet-grid article{display:grid;grid-template-columns:1fr .9fr;gap:25px;min-height:390px;padding:27px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.wallet-grid h3{font-size:27px}.wallet-grid article>div:first-child>p:not(.eyebrow){font-size:var(--text-body)}.wallet-grid ul{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none}.wallet-grid li{position:relative;padding-left:19px;color:var(--color-text-muted);font-size:var(--text-small)}.wallet-grid li::before{content:"✓";position:absolute;left:0;color:var(--color-primary)}.wallet-diagram{display:grid;justify-items:center;align-content:center;gap:5px}.wallet-diagram>*{font-size:var(--text-small)}.wallet-diagram span,.wallet-diagram b,.wallet-diagram strong,.wallet-diagram small{padding:7px 9px;background:var(--color-surface-soft);border-radius:6px}.wallet-diagram i{color:var(--color-primary);font-style:normal}.wallet-diagram strong{color:#108c66}.wallet-diagram.utxo b{box-shadow:3px 3px 0 var(--color-border)}
.state-groups{display:grid;grid-template-columns:1fr 1fr;gap:20px}.state-groups article{padding:25px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.state-groups header>span{color:var(--color-primary);font-size:var(--text-label);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.state-groups h3{margin-top:7px;font-size:24px}.state-groups article>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px}.state-groups article>div>span{padding:13px;background:var(--color-surface-soft);border-radius:8px}.state-groups i{display:block;width:9px;height:9px;margin-bottom:10px;background:#aaa;border-radius:50%}.state-groups b,.state-groups small{display:block}.state-groups b{font-size:var(--text-ui)}.state-groups small{margin-top:3px;color:var(--color-text-muted);font-size:var(--text-label)}.partial i{background:#f2a20b!important}.paid i,.confirmed i{background:#17a877!important}.overpaid i{background:#e94959!important}.confirming i{background:#3d7cf1!important}
.config-grid,.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px}.config-grid>div>p:not(.eyebrow){font-size:var(--text-body)}.config-grid .button{margin-top:15px}.config-grid ol{margin:0;padding:12px 22px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);list-style:none}.config-grid li{display:flex;align-items:center;gap:16px;padding:12px 0}.config-grid li+li{border-top:1px solid var(--color-border)}.config-grid li>span{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;color:var(--color-primary);background:var(--color-surface-soft);border-radius:50%;font-weight:700}.config-grid li p{margin:0}.config-grid li b,.config-grid li small{display:block}.config-grid li b{font-size:var(--text-ui)}.config-grid li small{color:var(--color-text-muted);font-size:var(--text-small)}.tracking-faq details{border-top:1px solid var(--color-border)}.tracking-faq details:last-child{border-bottom:1px solid var(--color-border)}.tracking-faq summary{min-height:52px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:var(--text-ui);font-weight:600}.tracking-faq summary::-webkit-details-marker{display:none}.tracking-faq details[open] summary span{color:var(--color-primary);transform:rotate(45deg)}.tracking-faq details p{margin:0;padding:0 50px 17px 0;font-size:var(--text-body)}
.tracking-cta{padding:70px 0;color:#f5f2ed;background:#111213}.tracking-cta .shell{display:flex;align-items:center;justify-content:space-between;gap:35px}.tracking-cta .eyebrow{color:#f05e64}.tracking-cta h2{max-width:none;color:#f5f2ed;font-size:clamp(27.6px,3.04vw,43px)}.tracking-cta p:last-child{margin-bottom:0;color:#b2ada5;font-size:var(--text-body)}
html[data-theme="dark"] .tracking-section{background:#0e0f10}html[data-theme="dark"] .tracking-hero{background:radial-gradient(circle at 93% 18%,rgba(229,31,43,.1),transparent 29%),#0e0f10}html[data-theme="dark"] .matching-hero-visual,html[data-theme="dark"] .mode-grid>article,html[data-theme="dark"] .wallet-grid article,html[data-theme="dark"] .state-groups article,html[data-theme="dark"] .config-grid ol{background:#191a1c;border-color:rgba(255,255,255,.09);box-shadow:none}html[data-theme="dark"] .incoming-payment,html[data-theme="dark"] .matching-engine,html[data-theme="dark"] .matched-result,html[data-theme="dark"] .state-row span,html[data-theme="dark"] .basic-diagram,html[data-theme="dark"] .hybrid-diagram,html[data-theme="dark"] .advanced-switch,html[data-theme="dark"] .advanced-panel span,html[data-theme="dark"] .advanced-panel b,html[data-theme="dark"] .wallet-diagram span,html[data-theme="dark"] .wallet-diagram b,html[data-theme="dark"] .wallet-diagram strong,html[data-theme="dark"] .wallet-diagram small,html[data-theme="dark"] .state-groups article>div>span,html[data-theme="dark"] .config-grid li>span{background:#222326}html[data-theme="dark"] .tracking-hero .button.secondary{color:#f5f2ed;background:#1e1f21;border-color:rgba(255,255,255,.14)}html[data-theme="dark"] .advanced-switch button[aria-selected="true"]{color:#f5f2ed;background:#303134}html[data-theme="dark"] .wallet-behavior{background:#111213}html[data-theme="dark"] .tracking-cta{background:#090a0b}
@media(max-width:1000px){.tracking-hero-grid{grid-template-columns:1fr}.mode-grid{grid-template-columns:1fr 1fr}.mode-grid>article:last-child{grid-column:1/-1}.wallet-grid{grid-template-columns:1fr}.state-groups{grid-template-columns:1fr}}
@media(max-width:700px){.tracking-section{padding:58px 0}.tracking-assurances,.mode-grid,.wallet-grid article,.state-groups,.config-grid,.faq-grid{grid-template-columns:1fr}.mode-grid>article:last-child{grid-column:auto}.mode-grid>article{min-height:0}.wallet-grid article{min-height:0}.state-groups article>div{grid-template-columns:1fr}.config-grid,.faq-grid{gap:35px}.tracking-cta .shell{align-items:flex-start;flex-direction:column}.tracking-assurances{gap:18px}}
