/* Quiet surfaces; orange is reserved for actions and type accents. */
:root{--sand:#eee8df;--sand-light:#f3efe8;--primary:#ff795c;--primary-text:#a64129;--primary-on-dark:#ffa88c;--on-dark:#f9f7f0;--dark-muted:#bcb9b0}
.audience-section{padding:100px 0 70px}
.audience-section h2>span{color:#746d61}
.audience-grid{gap:22px}
.audience-grid article{position:relative;overflow:hidden;padding:36px;border-radius:22px;transition:transform .3s ease}
.buyer-panel{background:var(--sand)}
.seller-panel{background:var(--sand-light);border:1px solid #ded6ca}
.audience-grid p{color:#514b43;position:relative}
.panel-label{border-bottom:1px solid #19191938;padding-bottom:17px}
.panel-label>span{width:45px;height:45px;border:1px solid #19191955;border-radius:50%;display:grid;place-items:center;transition:transform .3s ease}
.condition{border-color:#19191938}
.condition>span{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid #19191955;border-radius:50%;margin-right:8px;font-size:12px}
.receipt{background:#f9f7f0;border:1px solid #19191922;box-shadow:0 10px 0 -5px #19191918;padding:20px 18px}
.use-cases{gap:12px;margin-top:4px;color:#48473f}
.use-cases>span{border:1px solid #c6c4ba;border-radius:30px;padding:8px 15px}
.workspace-section{position:relative;overflow:hidden;background:var(--ink);color:var(--on-dark);border-radius:28px;padding:90px 0;margin:0 12px}
.workspace-section:before{content:'';position:absolute;width:560px;height:560px;right:-230px;top:-200px;border:1px solid #eee8df28;border-radius:50%;pointer-events:none;box-shadow:0 0 0 75px #eee8df06,0 0 0 150px #eee8df04}
.workspace-grid{position:relative;gap:65px}
.workspace-section h2>span{color:var(--primary-on-dark)}
.workspace-section .section-copy{color:var(--dark-muted)}
.workspace-section .button.dark{background:var(--primary);color:var(--ink)}
.workspace-section .button.dark:hover{background:#ff977d}
.activity-preview{background:#272522;border-color:#ffffff30;color:var(--on-dark);box-shadow:0 25px 50px #0003;transform:rotate(2deg);padding:30px}
.activity-head{border-bottom:1px solid #ffffff25;padding-bottom:20px;margin-bottom:10px}
.activity-head>span{color:var(--dark-muted)}
.activity-row small,.activity-foot{color:var(--dark-muted)}
.activity-row>b{background:var(--sand);color:#4e463b}
.activity-row:not(:nth-last-child(2)):after{background:#eee8df45}
.activity-row.active{background:#ff795c15;border-radius:12px;padding-left:10px;padding-right:8px;margin-left:-10px;margin-right:-10px}
.activity-row.active>b{background:var(--primary);color:#191919}
.activity-foot{border-color:#ffffff25}
.terms-section{background:var(--paper);padding:85px 0}
.terms-grid{align-items:center}
.law-marker{display:flex;align-items:baseline;gap:14px;margin-bottom:24px;color:var(--primary-text);font-size:14px}
.law-marker strong{font-size:58px;font-weight:500;letter-spacing:-3px;line-height:1}
.terms-grid p{color:#56554e}
.terms-section .text-link{color:var(--primary-text)}
.pricing-section{position:relative;background:var(--sand);border-radius:28px;margin:0 12px;padding:85px 0}
.pricing-grid{gap:60px}
.pricing-grid h2>span{color:var(--primary-text)}
.pricing-section .section-copy{color:#514b43}
.price-row{border-color:#19191945}
.price-row>span{color:#514b43}
.price-row:last-child{border-bottom:1px solid #19191945}
.faq-section{background:var(--ink);color:var(--on-dark);border-radius:28px;margin:12px 12px 0;padding:85px 0}
.faq-grid{gap:60px}
.faq-grid h2{max-width:360px}
.faq-grid details{border-color:#ffffff30}
.faq-grid details:first-child{border-top:1px solid #ffffff30}
.faq-grid summary{min-height:36px;transition:color .2s}
.faq-grid summary:after{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ff795c80;border-radius:50%;color:var(--primary);line-height:1;transition:background .2s,color .2s}
.faq-grid details[open] summary{color:#ffad92}
.faq-grid details[open] summary:after{background:var(--primary);color:var(--ink)}
.faq-grid details p{color:var(--dark-muted);padding-right:20px}
.faq-grid .text-link{color:var(--primary-on-dark)}
.workspace-section a:focus-visible,.faq-section :is(a,summary):focus-visible{outline-color:var(--sand)}
.final-section{position:relative;overflow:hidden;background:#24211f;color:var(--on-dark);margin-top:12px;padding:75px 0}
.final-section:before,.final-section:after{content:'';position:absolute;width:460px;height:460px;right:-40px;top:-160px;border:1px solid #eee8df25;border-radius:50%;pointer-events:none;transform:rotate(-25deg) scaleX(1.25)}
.final-section:after{right:30px;top:-115px;transform:rotate(25deg) scaleX(.8)}
.final-section .wrap{position:relative;z-index:1}
.final-section h2{max-width:850px;color:var(--primary-on-dark)}
.final-bottom p{color:var(--dark-muted)}
.final-section .button.dark{background:var(--primary);color:var(--ink)}
.final-section .button.dark:hover{background:#ff977d}
.final-section a:focus-visible{outline-color:var(--on-dark)}
.final-bottom{margin-top:35px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.audience-grid article:hover{transform:translateY(-5px)}.audience-grid article:hover .panel-label>span{transform:rotate(12deg)}.faq-grid summary:hover{color:#ffad92}}
/* Only animated elements get this class; their resting state remains visible. */
@media(prefers-reduced-motion:no-preference){
.rhythm-enter{animation:rhythm-enter .75s cubic-bezier(.2,.65,.3,1) both;animation-delay:var(--reveal-delay,0ms)}
@keyframes rhythm-enter{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
}
@media(max-width:1000px){.workspace-grid{gap:35px}.audience-grid article{padding:28px}.pricing-grid,.faq-grid{gap:35px}}
@media(max-width:760px){
.audience-section{padding:65px 0 45px}.audience-grid{gap:16px}.audience-grid article{padding:25px;border-radius:18px}
.workspace-section,.pricing-section,.faq-section{margin-left:8px;margin-right:8px;border-radius:22px;padding:55px 0}
.workspace-section .wrap,.pricing-section .wrap,.faq-section .wrap{padding-left:20px;padding-right:20px}
.workspace-grid,.pricing-grid,.faq-grid{gap:30px}.activity-preview{padding:24px 20px;margin:8px 3px 0}
.terms-section{padding:55px 0}.terms-grid{gap:25px}.law-marker{margin-bottom:18px}.law-marker strong{font-size:48px}
.final-section{padding:55px 0}.final-section:before,.final-section:after{right:-230px;top:-140px}.final-bottom{margin-top:28px}
.faq-grid details p{padding-right:0}.use-cases>span{padding:7px 12px}
}

/* Supporting accents reuse warm sand; green remains only for deposit status. */
.audience-grid h3{color:var(--primary-text)}
.panel-label>span{color:var(--primary-text);border-color:#a6412955}
.route-avatar,.route-avatar.peach,.is-complete .check-icon,.route-connector b,.payout-connector b,.note-check{background:var(--sand);color:#4e463b}
.is-complete .check-icon{border-color:var(--sand)}
.transaction-demo[data-stage="3"] .supplier-card{border-color:#eee8df80;background:#302c27}

/* Give each participant and payment checkpoint a distinct, warm color cue. */
.transaction-demo .buyer-card{background:#292d27;border-color:#d3dcbd55}
.transaction-demo .buyer-card .route-avatar{background:#d3dcbd;color:#28301f}
.transaction-demo .agent-card{background:#292523;border-color:#ff795c80}
.transaction-demo .agent-title{color:#ffd2bc}
.transaction-demo .agreement-row.is-complete .check-icon{background:#d3dcbd;border-color:#d3dcbd;color:#28301f}
.transaction-demo .agreement-row[data-check="2"].is-complete .check-icon{background:#ffb39b;border-color:#ffb39b;color:#38251d}
.transaction-demo .agent-status{color:#ffad92}
.transaction-demo .supplier-card{background:#292523;border-color:#ffb39b55}
.transaction-demo .supplier-card .route-avatar{background:#ffb39b;color:#38251d}
.transaction-demo .route-connector i{background:#8b7868}
.transaction-demo .route-connector i:after{border-color:#ffb39b}
.transaction-demo .deposit-connector b{background:#d3dcbd;color:#28301f}
.transaction-demo .payout-connector b{background:#ffb39b;color:#38251d}
.agent-status{color:var(--primary-on-dark)}