:root{--cr-ink:#11130f;--cr-cream:#f4f0e6;--cr-yellow:#e8b928;--cr-mint:#8ee0bf;--cr-line:rgba(17,19,15,.15)}
.commerce-page{background:var(--cr-cream);color:var(--cr-ink)}
.commerce-page main{overflow:hidden}.commerce-page .site-header{background:rgba(244,240,230,.94)}
.commerce-hero,.commerce-flow,.commerce-context,.commerce-procurement,.commerce-guardrails,.commerce-network,.commerce-final{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:clamp(72px,9vw,128px) 0}
.commerce-hero{min-height:78vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:clamp(38px,7vw,96px);align-items:center}
.commerce-hero h1{font:700 clamp(3rem,6.6vw,6.8rem)/.94 Manrope,sans-serif;letter-spacing:-.065em;max-width:920px;margin:.3em 0}.commerce-hero .lead{font-size:clamp(1.08rem,1.5vw,1.35rem);max-width:720px;color:#47483f}.commerce-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.commerce-orbit{position:relative;min-height:490px;border:1px solid var(--cr-line);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(232,185,40,.36),transparent 28%),linear-gradient(145deg,#171914,#24261f);color:white;box-shadow:0 30px 80px rgba(17,19,15,.18)}
.commerce-orbit:before,.commerce-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;inset:15%}.commerce-orbit:after{inset:31%;border-color:rgba(142,224,191,.45)}.commerce-orbit strong{z-index:1;font:700 1.25rem Manrope}.commerce-orbit span,.commerce-orbit i{position:absolute;font-style:normal;font-size:.75rem;letter-spacing:.12em}.commerce-orbit span:first-child{top:10%;left:19%}.commerce-orbit span:last-child{right:12%;bottom:18%}.commerce-orbit i:nth-of-type(1){right:10%;top:28%;color:var(--cr-yellow)}.commerce-orbit i:nth-of-type(2){left:9%;bottom:27%;color:var(--cr-mint)}
.section-intro{max-width:790px}.section-intro h2,.commerce-context h2,.commerce-guardrails h2,.commerce-network h2,.commerce-final h2{font:700 clamp(2.25rem,4.4vw,4.8rem)/1 Manrope,sans-serif;letter-spacing:-.05em;margin:.3em 0}.commerce-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.commerce-steps article,.context-grid article,.guardrail-list article{padding:28px;border:1px solid var(--cr-line);border-radius:22px;background:rgba(255,255,255,.55)}.commerce-steps b{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--cr-ink);color:var(--cr-yellow)}
.commerce-context{border-top:1px solid var(--cr-line)}.context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.context-grid span{font-size:.75rem;font-weight:700;letter-spacing:.14em;color:#806816}.context-grid h3{font:700 1.55rem Manrope;margin:.6em 0}
.commerce-procurement{border-top:1px solid var(--cr-line)}.procurement-copy{max-width:860px}.commerce-procurement h2{font:700 clamp(2.25rem,4.4vw,4.8rem)/1 Manrope,sans-serif;letter-spacing:-.05em;margin:.3em 0}.procurement-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:42px}.procurement-grid span{min-height:112px;display:flex;align-items:flex-end;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--cr-line);font-weight:700}.procurement-grid span:nth-child(3n+1){background:#171914;color:#fff}.procurement-grid span:nth-child(4n+2){background:var(--cr-yellow)}.procurement-rule{max-width:820px;margin:26px 0 0;padding:20px 24px;border-left:4px solid var(--cr-mint);background:rgba(255,255,255,.55)}
.commerce-guardrails{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;border-radius:34px;background:#171914;color:#f8f4e9;padding-left:clamp(28px,5vw,72px);padding-right:clamp(28px,5vw,72px)}.guardrail-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.guardrail-list article{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}.guardrail-list b{color:var(--cr-mint)}.guardrail-list p{color:#d0d1c8}
.commerce-network{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.network-note{padding:18px;border-left:4px solid var(--cr-yellow);background:#fff}.network-map{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.network-map span{display:grid;place-items:center;min-height:112px;padding:20px;text-align:center;border:1px solid var(--cr-line);border-radius:999px;background:#fff;font-weight:700}.commerce-final{text-align:center;max-width:920px}.commerce-final p{font-size:1.15rem}.commerce-final .button{margin-top:20px}
.network-map .network-confirmed{background:var(--cr-mint);border-color:#4cae8a}
.matrix-link{display:inline-flex;margin-top:18px;font-weight:800;text-decoration:underline;text-underline-offset:5px}.matrix-hero,.matrix-section,.matrix-gates,.matrix-routing{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:clamp(72px,9vw,120px) 0}.matrix-hero h1{font:700 clamp(3rem,6.5vw,6.6rem)/.94 Manrope,sans-serif;letter-spacing:-.065em;max-width:1050px;margin:.3em 0}.matrix-hero .lead{max-width:850px;font-size:1.2rem}.matrix-status{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:34px}.matrix-status span{font-size:.72rem;letter-spacing:.12em}.matrix-status b{padding:9px 14px;border-radius:999px;background:var(--cr-mint)}.matrix-section{border-top:1px solid var(--cr-line)}.matrix-wrap{overflow-x:auto;margin-top:34px;border:1px solid var(--cr-line);border-radius:22px;background:#fff}.matrix-wrap table{width:100%;border-collapse:collapse;min-width:920px}.matrix-wrap th,.matrix-wrap td{text-align:left;padding:18px;border-bottom:1px solid var(--cr-line);vertical-align:top}.matrix-wrap th{font-size:.72rem;letter-spacing:.1em;background:#171914;color:#fff}.status{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:.72rem;font-weight:800;white-space:nowrap}.status.confirmed{background:var(--cr-mint)}.status.prepared{background:#efe6c9}.status.guarded{background:#171914;color:var(--cr-yellow)}.matrix-gates{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;border-top:1px solid var(--cr-line)}.matrix-gates h2,.matrix-routing h2{font:700 clamp(2.2rem,4vw,4.3rem)/1 Manrope;letter-spacing:-.05em}.matrix-gates ol{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;counter-reset:gates;list-style:none;padding:0}.matrix-gates li{padding:18px;border:1px solid var(--cr-line);border-radius:16px;background:#fff}.matrix-routing{border-top:1px solid var(--cr-line)}.matrix-routing>div:first-child{max-width:820px}.routing-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:36px;padding:28px;border-radius:24px;background:#171914;color:#fff}.routing-line span,.routing-line strong{padding:10px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px}.routing-line strong{background:var(--cr-yellow);color:#171914}.routing-line i{font-style:normal;color:var(--cr-mint)}
.commerce-teaser{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:42px;align-items:center;border-top:1px solid rgba(17,19,15,.14)}.commerce-teaser h2{max-width:720px}.commerce-teaser-flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:32px;border-radius:28px;background:#171914;color:#fff}.commerce-teaser-flow span{padding:11px 15px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:.72rem;letter-spacing:.1em}.commerce-teaser-flow strong{color:var(--cr-yellow)}
@media(max-width:980px){.procurement-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.commerce-hero,.commerce-network,.commerce-guardrails,.commerce-teaser{grid-template-columns:1fr}.commerce-orbit{min-height:360px}.commerce-steps{grid-template-columns:repeat(2,1fr)}.context-grid{grid-template-columns:1fr}.commerce-guardrails{border-radius:0;width:100%}.commerce-guardrails>div{width:min(100% - 40px,1180px);margin:auto}.guardrail-list{grid-template-columns:1fr}.commerce-teaser-flow{min-height:180px}}
@media(max-width:820px){.matrix-gates{grid-template-columns:1fr}.matrix-gates ol{grid-template-columns:1fr}.routing-line{align-items:flex-start;flex-direction:column}.routing-line i{transform:rotate(90deg)}}
@media(max-width:520px){.commerce-hero,.commerce-flow,.commerce-context,.commerce-procurement,.commerce-network,.commerce-final{width:min(100% - 28px,1180px)}.commerce-steps,.procurement-grid{grid-template-columns:1fr}.commerce-orbit{min-height:310px}.network-map{grid-template-columns:1fr}.procurement-grid span{min-height:82px}}
@media(prefers-reduced-motion:no-preference){.commerce-orbit{animation:commercePulse 5s ease-in-out infinite}.commerce-orbit:before{animation:commerceSpin 24s linear infinite}@keyframes commercePulse{50%{transform:scale(1.015);box-shadow:0 36px 95px rgba(17,19,15,.24)}}@keyframes commerceSpin{to{transform:rotate(360deg)}}}