/* Bundled Cinzel variable font - SIL OFL 1.1, see assets/cinzel-OFL.txt. */
@font-face{font-family:"Cinzel";src:url("/assets/cinzel-variable.woff2") format("woff2");font-style:normal;font-weight:400 900;font-display:swap}
@layer system{
/* Site-wide visual system - institutional precision */
:root{--surface:#fff;--surface-soft:#f7f9fd;--surface-blue:#edf3fb;--line-strong:#c6d0e1;--shadow-soft:0 14px 38px rgba(19,40,88,.07);--shadow-lift:0 24px 56px rgba(19,40,88,.13);--radius-sm:9px;--radius-md:14px;--radius-lg:20px}
main{font-size:16px}
main p,main li,main dd{font-size:16px;line-height:1.65}
main small{font-size:12px;line-height:1.5}
main :is(.kicker,.eyebrow,[class$="-meta"],[class$="-label"],[class$="-kind"],[class$="-type"],[class$="-status"]){font-size:12px;letter-spacing:.14em}
main :is(h1,h2,h3){text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}
main img{image-rendering:auto}

/* Give every page the same spacious, high-contrast hero language. */
main>:is(.ab-hero,.ar-hero,.co-hero,.cp-hero,.dev-hero,.dp-hero,.explain-hero,.iv-hero,.mc-hero,.pa-hero,.pc-hero,.qw-hero,.rd-hero,.tas-hero,.tf-hero,.ti-hero,.tr-hero,.wp-hero,.xb-hero,.ap-hero,.phero){isolation:isolate}
main>:is(.ab-hero,.ar-hero,.co-hero,.cp-hero,.dev-hero,.explain-hero,.iv-hero,.mc-hero,.pa-hero,.pc-hero,.qw-hero,.rd-hero,.tas-hero,.tf-hero,.ti-hero,.tr-hero,.wp-hero,.xb-hero,.ap-hero){background-color:#06143b;background-image:radial-gradient(circle at 82% 24%,rgba(48,127,226,.34),transparent 34%),linear-gradient(135deg,#051238 0%,#071846 58%,#092352 100%)}
main>:is(.ab-hero,.ar-hero,.co-hero,.cp-hero,.dev-hero,.explain-hero,.iv-hero,.mc-hero,.pa-hero,.pc-hero,.qw-hero,.rd-hero,.tas-hero,.tf-hero,.ti-hero,.tr-hero,.wp-hero,.xb-hero,.ap-hero) h1{line-height:.98;letter-spacing:-.052em}
main>:is(.ab-hero,.ar-hero,.co-hero,.cp-hero,.dev-hero,.explain-hero,.iv-hero,.mc-hero,.pa-hero,.pc-hero,.qw-hero,.rd-hero,.tas-hero,.tf-hero,.ti-hero,.tr-hero,.wp-hero,.xb-hero,.ap-hero) p{font-size:18px;line-height:1.65}

/* Crisp hero product visuals. */
main :is(.dev-console,.ap-console,.xb-route-card,.pa-embed,.iv-one,.qw-device,.co-router,.cp-route,.rd-route,.ti-mint,.tas-settlement,.tf-flow,.pc-payment-flow,.explain-system){border:1px solid rgba(164,184,235,.3);border-radius:var(--radius-lg);box-shadow:0 38px 90px rgba(0,8,35,.32),inset 0 1px rgba(255,255,255,.06);overflow:hidden}

/* Replace flat rectangular grids with deliberate technical modules. */
main :is(.solution-grid,.persona-grid,.compare-grid,.dev-route-grid,.pc-use-grid,.xb-cost-grid,.xb-proof-grid,.ti-models,.tas-models,.tf-models,.ap-models,.pa-models,.iv-now,.co-paths,.cp-file-grid,.wp-token-grid,.wp-term-grid,.wp-old-grid,.ar-grid,.ab-people,.tr-cards){gap:14px;background:transparent;border:0}
main :is(.solution,.compare,.persona-grid>a,.dev-route-grid>article,.pc-use-grid>article,.xb-cost-grid>article,.xb-proof-grid>article,.ti-models>article,.tas-models>article,.tf-models>article,.ap-models>article,.pa-models>article,.iv-now>article,.co-paths>article,.cp-file-grid>article,.wp-token-grid>article,.wp-term-grid>article,.wp-old-grid>article,.ar-card,.ab-person,.tr-cards>article){border:1px solid var(--line-strong);border-radius:var(--radius-md);background:linear-gradient(145deg,var(--surface),var(--surface-soft));box-shadow:var(--shadow-soft);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
main :is(.solution,.compare,.persona-grid>a,.dev-route-grid>article,.pc-use-grid>article,.xb-cost-grid>article,.xb-proof-grid>article,.ti-models>article,.tas-models>article,.tf-models>article,.ap-models>article,.pa-models>article,.iv-now>article,.co-paths>article,.cp-file-grid>article,.wp-token-grid>article,.wp-term-grid>article,.wp-old-grid>article,.ar-card,.ab-person,.tr-cards>article):hover{transform:translateY(-5px);border-color:#aebde0;box-shadow:var(--shadow-lift)}
main :is(.solution,.compare,.dev-route-grid>article,.pc-use-grid>article,.xb-cost-grid>article,.xb-proof-grid>article,.ti-models>article,.tas-models>article,.tf-models>article,.ap-models>article,.pa-models>article,.iv-now>article,.co-paths>article,.cp-file-grid>article,.wp-token-grid>article,.wp-term-grid>article,.wp-old-grid>article,.ar-card,.tr-cards>article){position:relative}
main :is(.solution,.compare,.dev-route-grid>article,.pc-use-grid>article,.xb-cost-grid>article,.xb-proof-grid>article,.ti-models>article,.tas-models>article,.tf-models>article,.ap-models>article,.pa-models>article,.iv-now>article,.co-paths>article,.cp-file-grid>article,.wp-token-grid>article,.wp-term-grid>article,.wp-old-grid>article,.ar-card,.tr-cards>article):before{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#3157e8,#37d6ca);opacity:.7}
main :is(.solution,.compare,.persona-grid>a,.dev-route-grid>article,.pc-use-grid>article,.xb-cost-grid>article,.xb-proof-grid>article,.ti-models>article,.tas-models>article,.tf-models>article,.ap-models>article,.pa-models>article,.iv-now>article,.co-paths>article,.cp-file-grid>article,.wp-token-grid>article,.wp-term-grid>article,.wp-old-grid>article,.ar-card,.ab-person,.tr-cards>article) p{color:#4c5878;font-size:16px;line-height:1.62}

/* Refine diagrams, comparison boards and layered infrastructure. */
main :is(.architecture-layer,.flowboard,.dp-flow-board,.xb-return-board,.xb-compare,.pc-journey,.ti-cycle,.tas-cycle,.tf-cycle,.ap-cycle,.tr-backing,.rd-process,.ab-timeline,.mc-register,.wp-register){border-radius:var(--radius-md);border-color:var(--line-strong);box-shadow:var(--shadow-soft);overflow:hidden}
main :is(.stack-row,.dp-stack>div,.architecture-nodes>div){border-color:var(--line-strong)}
main :is(.stack-row,.architecture-nodes>div){border-radius:var(--radius-sm)}

/* Stronger focus and cleaner interaction treatment. */
main .button{border-radius:7px;min-height:48px;font-size:15px;box-shadow:0 10px 26px rgba(31,72,205,.18)}
main a:focus-visible,main button:focus-visible{outline:3px solid rgba(55,214,202,.65);outline-offset:3px}

@media(max-width:900px){main p,main li,main dd{font-size:16px}main>:is(.ab-hero,.ar-hero,.co-hero,.cp-hero,.dev-hero,.explain-hero,.iv-hero,.mc-hero,.pa-hero,.pc-hero,.qw-hero,.rd-hero,.tas-hero,.tf-hero,.ti-hero,.tr-hero,.wp-hero,.xb-hero,.ap-hero) p{font-size:17px}}
@media(max-width:520px){main :is(.solution-grid,.persona-grid,.compare-grid,.dev-route-grid,.pc-use-grid,.xb-cost-grid,.xb-proof-grid,.ti-models,.tas-models,.tf-models,.ap-models,.pa-models,.iv-now,.co-paths,.cp-file-grid,.wp-token-grid,.wp-term-grid,.wp-old-grid,.ar-grid,.ab-people,.tr-cards){gap:12px}main :is(.dev-console,.ap-console,.xb-route-card,.pa-embed,.iv-one,.qw-device,.co-router,.cp-route,.rd-route,.ti-mint,.tas-settlement,.tf-flow,.pc-payment-flow,.explain-system){border-radius:14px}}

/* ==========================================================
   COMPLETE COMPONENT SYSTEM
   Page-specific applications of the shared platform language.
   ========================================================== */

/* Shared page rhythm, headings and technical surfaces */
:is(.ab-section,.cp-section,.dev-section,.iv-section,.pa-section,.pc-section,.qw-section,.rd-section,.tas-section,.tf-section,.ti-section,.tr-section,.et-section,.explain-section,.wp-section,.xb-section,.ap-section){padding-block:118px}
:is(.ab-head,.cp-head,.dev-section-head,.iv-head,.pa-head,.pc-head,.qw-head,.rd-head,.tas-head,.tf-head,.ti-head,.tr-head,.et-head,.explain-head,.wp-heading,.xb-head,.ap-head){border-top:0;align-items:flex-end}
:is(.ab-head,.cp-head,.dev-section-head,.iv-head,.pa-head,.pc-head,.qw-head,.rd-head,.tas-head,.tf-head,.ti-head,.tr-head,.et-head,.explain-head,.wp-heading,.xb-head,.ap-head) .kicker{padding-bottom:10px;border-bottom:2px solid #3157e8;color:#52638c}
:is(.ab-head,.cp-head,.dev-section-head,.iv-head,.pa-head,.pc-head,.qw-head,.rd-head,.tas-head,.tf-head,.ti-head,.tr-head,.et-head,.explain-head,.wp-heading,.xb-head,.ap-head) h2{line-height:1.02}

/* Common card construction, including bespoke page grids */
:is(.ab-company-facts,.ab-team-grid,.ab-principle-grid,.cp-file-grid,.cp-deadlines,.cp-process-list,.co-path-grid,.co-detail-grid,.dev-route-grid,.definition-pair,.scope-groups,.iv-asset-grid,.iv-investor-grid,.pa-models,.pa-live-grid,.pa-steps,.pc-use-grid,.pc-proof-grid,.qw-access-grid,.qw-capabilities,.qw-role-grid,.ap-problem-grid,.ap-control-grid,.ap-funding-grid,.ap-partner-grid,.ap-trust-grid,.xb-cost-grid,.xb-audience-grid,.xb-proof-grid,.ti-audience-grid,.ti-delivery-grid,.ti-proof-grid,.tas-use-grid,.tas-proof-cases,.tas-require-grid,.tf-cost-grid,.tf-moment-grid,.tf-example-grid,.tf-audience-grid,.tf-trust-grid,.rd-route-grid,.rd-venue-grid,.rd-step-grid,.et-small-grid,.et-claim-facts,.et-resource-links,.tr-standard-grid,.tr-token-grid,.tr-governance-grid,.tr-protect-facts,.faq-grid,.cost-grid,.explain-solutions,.wp-token-grid,.wp-term-grid,.wp-old-grid){gap:16px;background:transparent;border:0}
:is(.ab-company-facts,.ab-team-grid,.ab-principle-grid,.cp-file-grid,.cp-deadlines,.cp-process-list,.co-path-grid,.co-detail-grid,.dev-route-grid,.definition-pair,.scope-groups,.iv-asset-grid,.iv-investor-grid,.pa-models,.pa-live-grid,.pa-steps,.pc-use-grid,.pc-proof-grid,.qw-access-grid,.qw-capabilities,.qw-role-grid,.ap-problem-grid,.ap-control-grid,.ap-funding-grid,.ap-partner-grid,.ap-trust-grid,.xb-cost-grid,.xb-audience-grid,.xb-proof-grid,.ti-audience-grid,.ti-delivery-grid,.ti-proof-grid,.tas-use-grid,.tas-proof-cases,.tas-require-grid,.tf-cost-grid,.tf-moment-grid,.tf-example-grid,.tf-audience-grid,.tf-trust-grid,.rd-route-grid,.rd-venue-grid,.rd-step-grid,.et-small-grid,.et-claim-facts,.et-resource-links,.tr-standard-grid,.tr-token-grid,.tr-governance-grid,.tr-protect-facts,.faq-grid,.cost-grid,.explain-solutions)>:is(article,div,a){border:1px solid #cbd5e5;border-radius:14px;background:linear-gradient(145deg,#fff,#f7f9fd);box-shadow:0 14px 36px rgba(18,39,86,.07);overflow:hidden}
:is(.ab-company-facts,.ab-team-grid,.ab-principle-grid,.cp-file-grid,.cp-deadlines,.cp-process-list,.co-path-grid,.co-detail-grid,.dev-route-grid,.definition-pair,.scope-groups,.iv-asset-grid,.iv-investor-grid,.pa-models,.pa-live-grid,.pa-steps,.pc-use-grid,.pc-proof-grid,.qw-access-grid,.qw-capabilities,.qw-role-grid,.ap-problem-grid,.ap-control-grid,.ap-funding-grid,.ap-partner-grid,.ap-trust-grid,.xb-cost-grid,.xb-audience-grid,.xb-proof-grid,.ti-audience-grid,.ti-delivery-grid,.ti-proof-grid,.tas-use-grid,.tas-proof-cases,.tas-require-grid,.tf-cost-grid,.tf-moment-grid,.tf-example-grid,.tf-audience-grid,.tf-trust-grid,.rd-route-grid,.rd-venue-grid,.rd-step-grid,.tr-standard-grid,.tr-token-grid,.tr-governance-grid)>:is(article,div,a){transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
:is(.ab-team-grid,.ab-principle-grid,.co-path-grid,.co-detail-grid,.dev-route-grid,.iv-asset-grid,.iv-investor-grid,.pa-models,.pa-live-grid,.pa-steps,.pc-use-grid,.pc-proof-grid,.qw-access-grid,.qw-capabilities,.qw-role-grid,.ap-problem-grid,.ap-control-grid,.ap-funding-grid,.ap-partner-grid,.ap-trust-grid,.xb-cost-grid,.xb-audience-grid,.xb-proof-grid,.ti-audience-grid,.ti-delivery-grid,.ti-proof-grid,.tas-use-grid,.tas-proof-cases,.tas-require-grid,.tf-cost-grid,.tf-moment-grid,.tf-example-grid,.tf-audience-grid,.tf-trust-grid,.rd-route-grid,.rd-venue-grid,.rd-step-grid,.tr-standard-grid,.tr-token-grid,.tr-governance-grid)>:is(article,div,a):hover{transform:translateY(-5px);border-color:#aebde0;box-shadow:0 24px 55px rgba(18,39,86,.13)}

/* Homepage - every major component */
.direct-issuance{background:linear-gradient(180deg,#f7f9fd,#eef3fb)}
.issuance-routes{gap:16px}.issuance-routes .route{border:1px solid #c9d5e7;border-radius:15px;box-shadow:var(--shadow-soft);overflow:hidden}.issuance-routes .direct-route{background:linear-gradient(145deg,#0b2459,#123b82);box-shadow:0 22px 52px rgba(7,24,61,.2)}
.solution-grid{gap:16px}.solution{border-radius:15px}.solution:after{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#3157e8,#37d6ca);opacity:.8}.solution.inverse{background:linear-gradient(145deg,#071731,#0c2854)}
.persona-grid{gap:14px}.persona-grid a{margin:0;border-radius:13px}
.verbs{gap:14px;border:0}.verb,.verb+.verb{padding:30px;border:1px solid #ccd6e5;border-radius:13px;background:linear-gradient(145deg,#fff,#f7f9fd);box-shadow:var(--shadow-soft)}.verb:after{left:0;right:0;height:3px}.verb.active{border-color:#aebfec;box-shadow:var(--shadow-lift)}
.architecture-layer,.quantoz-layer{border-radius:13px}.architecture-nodes{gap:14px}.architecture-nodes>div{border-radius:10px;box-shadow:0 8px 22px rgba(18,39,86,.06)}.quantoz-layer{box-shadow:0 25px 60px rgba(1,33,105,.2)}
.why-list{border:0;display:grid;gap:12px}.why-list article{padding:24px;border:1px solid #d0d9e7;border-radius:11px;background:#f8fafe}.why-list article:last-child{border-bottom:1px solid #d0d9e7}
.money{background:radial-gradient(circle at 84% 12%,rgba(48,127,226,.3),transparent 32%),linear-gradient(145deg,#05132e,#09234b 68%,#0c315c)}
.money-system{max-width:1380px;grid-template-columns:.65fr 82px 1.75fr 82px 1.25fr}
.fiat-gate,.token-field,.network-field{padding:30px;border:1px solid rgba(166,190,225,.34);border-radius:16px;box-shadow:0 24px 58px rgba(0,8,30,.25),inset 0 1px rgba(255,255,255,.06)}
.fiat-gate,.network-field{background:rgba(7,25,56,.78);backdrop-filter:blur(8px)}
.token-field{background:linear-gradient(145deg,#153f89,#0b285c)}
.fiat-gate b,.network-grid b{border-color:rgba(151,178,216,.3);border-radius:8px;background:#071a38;font-size:13px}
.token-grid{gap:13px}.token{min-height:132px;border:1px solid rgba(158,184,222,.32);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));box-shadow:0 12px 28px rgba(0,8,30,.16)}.token-more{border-style:dashed}.token img{filter:drop-shadow(0 9px 16px rgba(0,0,0,.22))}
.money-label,.fiat-gate>span{font-size:12px}.money-arrow span{top:calc(50% + 18px);font-size:12px;color:#9db3cf}.network-grid{gap:10px}.layerzero{margin-top:24px;padding:20px 4px 0}.layerzero span,.layerzero i{font-size:12px}.layerzero b{font-size:17px}
.nexus-metrics{border-radius:14px;overflow:hidden;box-shadow:0 20px 55px rgba(0,8,30,.22)}
.cta{background:radial-gradient(circle at 78% 20%,#3f74f0,#2649d7 44%,#102c83)}

/* Developers */
.dev-console,.endpoint-map,.scope-map,.under-stack,.model-switch{border-radius:16px;box-shadow:0 24px 58px rgba(15,35,78,.13);overflow:hidden}
.dev-route{border-radius:13px;box-shadow:var(--shadow-soft)}.dev-route.primary{background:linear-gradient(145deg,#0b245a,#143c83)}
.access-flow{gap:12px}.access-flow>article,.access-note{border-radius:12px}
.definition-pair{gap:14px}.definition-pair>div{padding:26px}.scope-map,.under-stack{border:1px solid #cad5e5}

/* What Quantoz does */
.hero-money-card,.loop-board,.forms-compare,.live-flow,.audience-row{border-radius:17px;box-shadow:0 26px 66px rgba(7,24,61,.18);overflow:hidden}
.loop-step,.form-card,.explain-solutions article,.cost-grid article,.faq-grid article{border-radius:13px}
.forms-compare{gap:14px;background:transparent}.form-card{border:1px solid #cbd6e6;box-shadow:var(--shadow-soft)}
.explain-solutions,.cost-grid,.faq-grid{gap:14px}

/* Payments and collections */
.pc-live-card,.pc-loop-board,.pc-form-map,.pc-role-map{border-radius:17px;box-shadow:0 26px 64px rgba(8,26,65,.18);overflow:hidden}
.pc-use-grid article,.pc-proof-grid article{min-height:250px}.pc-loop-outcomes{gap:10px}.pc-loop-outcomes span{border-radius:8px}

/* Cross-border transfers */
.xb-route-card,.xb-return-board,.xb-compare,.xb-steps{border-radius:17px;box-shadow:0 26px 66px rgba(7,24,61,.18);overflow:hidden}
.xb-cost-grid article,.xb-audience-grid article,.xb-proof-grid article{min-height:235px}.xb-compare{gap:1px}.xb-compare-direct{background:linear-gradient(145deg,#0b245a,#133d84)}

/* Token issuance and liquidity */
.ti-mint-card,.ti-loop,.ti-compare,.ti-network-board,.ti-money-map{border-radius:17px;box-shadow:0 26px 66px rgba(7,24,61,.16);overflow:hidden}
.ti-network-benefits,.ti-audience-grid,.ti-delivery-grid,.ti-proof-grid{gap:14px}.ti-network-benefits>*,.ti-audience-grid>*,.ti-delivery-grid>*,.ti-proof-grid>*{border-radius:12px}
.ti-tokens,.ti-chain-list{gap:10px}.ti-tokens>*,.ti-chain-list>*{border-radius:9px}

/* Tokenised asset settlement */
.tas-terminal,.tas-gap-board,.tas-dvp,.tas-cash-flow,.tas-role-map{border-radius:17px;box-shadow:0 26px 66px rgba(7,24,61,.18);overflow:hidden}
.tas-use-grid,.tas-proof-cases,.tas-require-grid{gap:14px}.tas-use-grid article,.tas-proof-cases article,.tas-require-grid article{border-radius:13px}
.tas-dvp-core,.tas-core-node{box-shadow:0 16px 38px rgba(48,127,226,.24)}

/* Trade and supply-chain finance */
.tf-cycle-card,.tf-payment-flow,.tf-lanes,.tf-role-map{border-radius:17px;box-shadow:0 26px 66px rgba(7,24,61,.18);overflow:hidden}
.tf-cost-grid,.tf-moment-grid,.tf-example-grid,.tf-audience-grid,.tf-trust-grid{gap:14px}.tf-cost-grid article,.tf-moment-grid article,.tf-example-grid article,.tf-audience-grid article,.tf-trust-grid article{border-radius:13px}
.tf-new-lane{background:linear-gradient(145deg,#0b245a,#143d83)}

/* Agentic payments */
.ap-console,.ap-steps,.ap-consent-screen,.ap-protocol-map{border-radius:17px;box-shadow:0 26px 66px rgba(7,24,61,.18);overflow:hidden}
.ap-problem-grid,.ap-control-grid,.ap-funding-grid,.ap-partner-grid,.ap-trust-grid{gap:14px}.ap-problem-grid article,.ap-control-grid article,.ap-funding-grid article,.ap-partner-grid article,.ap-trust-grid article{border-radius:13px}
.ap-control-auto,.ap-protocol-core{box-shadow:0 16px 38px rgba(48,127,226,.22)}

/* Wallet */
.qw-device,.qw-flow,.qw-access-grid,.qw-proof-flow,.qw-mint-board,.qw-role-grid{border-radius:17px;box-shadow:0 26px 66px rgba(7,24,61,.16);overflow:hidden}
.qw-phone{border-radius:26px;box-shadow:0 28px 64px rgba(0,8,30,.32)}.qw-access-grid,.qw-capabilities,.qw-role-grid{gap:14px}.qw-access-grid article,.qw-capabilities article,.qw-role-grid article{border-radius:13px}
.qw-mint-core{box-shadow:0 16px 38px rgba(48,127,226,.22)}

/* Partners */
.pa-embed,.pa-account-map,.pa-split,.pa-assurance{border-radius:17px;box-shadow:0 26px 66px rgba(7,24,61,.16);overflow:hidden}
.pa-models,.pa-live-grid,.pa-steps{gap:14px}.pa-models article,.pa-live-grid article,.pa-steps article{border-radius:13px}
.pa-account-core{box-shadow:0 16px 38px rgba(48,127,226,.22)}

/* Investors */
.iv-one,.iv-platform-map,.iv-access-map,.iv-asset-grid,.iv-investor-grid{border-radius:17px;box-shadow:0 26px 66px rgba(7,24,61,.15);overflow:hidden}
.iv-asset-grid,.iv-investor-grid{gap:14px}.iv-asset-grid article,.iv-investor-grid article{border-radius:13px}
.iv-metrics{border-radius:13px;overflow:hidden}

/* About and team */
.ab-origin,.ab-timeline,.ab-mission-board,.ab-company-facts,.ab-team-grid,.ab-principle-grid{border-radius:17px;box-shadow:0 24px 60px rgba(15,35,78,.12);overflow:hidden}
.ab-person,.ab-principle-grid article{border-radius:13px}.ab-person img{filter:saturate(.9) contrast(1.04)}

/* About - restrained editorial leadership profiles */
.ab-team-grid{
  gap:14px;
  box-shadow:none;
  overflow:visible;
}
.ab-person{
  min-height:148px;
  display:grid;
  grid-template-columns:126px minmax(0,1fr);
  grid-template-rows:auto auto 1fr;
  align-content:center;
  padding:18px 18px 18px 0;
}
.ab-person>div{
  grid-column:1;
  grid-row:1/4;
  align-self:center;
  width:88px;
  height:104px;
  min-height:0;
  margin-left:20px;
  aspect-ratio:auto;
  background:#dce6f3;
  border:1px solid #c8d4e4;
  border-radius:9px;
  overflow:hidden;
}
.ab-person>div img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}
.ab-person>div a{
  right:6px;
  bottom:6px;
  width:25px;
  height:25px;
  font-size:10px;
}
.ab-person>span{
  margin:0 0 10px;
  align-self:end;
  font-size:11px;
}
.ab-person h3{
  margin:0 0 6px;
  font-size:18px;
  line-height:1.25;
}
.ab-person p{
  min-height:0;
  margin:0;
  align-self:start;
  font-size:14px;
  line-height:1.45;
}
.ab-board{
  width:min(700px,100%);
  min-height:176px;
  grid-template-columns:138px minmax(0,1fr);
  margin:36px auto 0;
  border:1px solid rgba(133,167,214,.3);
  border-radius:14px;
  box-shadow:0 18px 44px rgba(7,24,61,.14);
}
.ab-board>div:first-child{
  display:block;
  padding:0;
  position:relative;
}
.ab-board>div:first-child span{
  position:absolute;
  z-index:2;
  left:14px;
  top:14px;
  margin:0;
  padding:7px 9px;
  writing-mode:initial;
  transform:none;
  background:rgba(4,19,49,.82);
  color:#dbe8f8;
  border-radius:4px;
  font-size:11px;
}
.ab-board img{
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  object-position:center top;
}
.ab-board>div:last-child{padding:30px 34px}
.ab-board h3{margin:19px 0 9px;font-size:24px}
.ab-board p{font-size:15px;line-height:1.55}
.ab-board a{font-size:13px}
@media(max-width:700px){
  .ab-person{grid-template-columns:112px minmax(0,1fr);min-height:140px;padding-right:14px}
  .ab-person>div{width:78px;height:94px;margin-left:17px}
  .ab-person>span,.ab-person h3,.ab-person p{margin-left:0;margin-right:0}
  .ab-board{grid-template-columns:120px minmax(0,1fr)}
  .ab-board>div:last-child{padding:25px}
}
@media(max-width:480px){
  .ab-board{grid-template-columns:1fr}
  .ab-board>div:first-child{height:210px}
}

/* Contact and complaints */
.co-router,.co-form,.co-path-grid,.co-detail-grid,.cp-route,.cp-file-grid,.cp-deadlines,.cp-process-list,.cp-right-card{border-radius:17px;box-shadow:0 24px 60px rgba(15,35,78,.12);overflow:hidden}
.co-field-row input,.co-form input,.co-form textarea,.co-form select{border-radius:8px}.co-path-grid article,.co-detail-grid article,.cp-file-grid article,.cp-deadlines article,.cp-process-list article{border-radius:13px}

/* Electronic money tokens */
.et-issuer-card,.et-token-card,.et-claim-map,.et-reserve-board,.et-form-map,.et-resource-links{border-radius:17px;box-shadow:0 24px 60px rgba(15,35,78,.12);overflow:hidden}
.et-small-grid{gap:18px}.et-addresses a{background:#fff}.et-addresses a:hover{background:#f2f6fc}.et-token-card>header{background:linear-gradient(145deg,#fff,#f7f9fd)}
.et-claim-facts,.et-resource-links{gap:14px}.et-claim-facts article,.et-resource-links a{border-radius:12px}

/* Transparency */
.tr-backing,.tr-standard-grid,.tr-token-grid,.tr-protect-flow,.tr-protect-facts,.tr-governance-grid,.tr-form-compare{border-radius:17px;box-shadow:0 24px 60px rgba(15,35,78,.12);overflow:hidden}
.tr-standard-grid,.tr-token-grid,.tr-governance-grid,.tr-protect-facts{gap:14px}.tr-standard-grid article,.tr-token-grid article,.tr-governance-grid article,.tr-protect-facts article{border-radius:13px}
.tr-foundation,.tr-same{background:linear-gradient(145deg,#0b245a,#143c82)}

/* Redemption */
.rd-par,.rd-route-grid,.rd-venue-grid,.rd-step-grid,.rd-basis-flow{border-radius:17px;box-shadow:0 24px 60px rgba(15,35,78,.12);overflow:hidden}
.rd-route-grid,.rd-venue-grid,.rd-step-grid{gap:14px}.rd-route-grid article,.rd-venue-grid article,.rd-step-grid article{border-radius:13px}
.rd-route-direct{background:linear-gradient(145deg,#0b245a,#143c82)}

/* Articles, marketing communications and whitepapers */
.ar-ledger,.ar-filterbar,.ar-card,.mc-basis,.mc-register,.mc-filter-wrap,.mc-years,.wp-register,.wp-token,.wp-term,.wp-old{border-radius:14px;box-shadow:0 18px 44px rgba(15,35,78,.09);overflow:hidden}
.ar-grid,.wp-token-grid,.wp-term-grid,.wp-old-grid{gap:16px}.ar-card,.wp-token,.wp-term,.wp-old{border:1px solid #cbd5e5}
.mc-filters button,.ar-kinds button,.ar-topics button{border-radius:999px}.mc-years{border:1px solid #cad5e5}
.ad-side-card{border-radius:15px;box-shadow:0 20px 48px rgba(15,35,78,.11);overflow:hidden}.ad-prose{font-size:17px}.ad-prose p,.ad-prose li{font-size:17px;line-height:1.75}

/* Legal pages - calm, readable and intentionally less decorative */
.legal-page .phero{background:linear-gradient(135deg,#051238,#0a2451);color:#fff}.legal-page .layout{gap:6vw}.legal-page .toc{border:1px solid #cbd5e5;border-radius:13px;background:#f7f9fd;box-shadow:var(--shadow-soft)}.legal-page .prose{max-width:850px}.legal-page .prose p,.legal-page .prose li{font-size:17px;line-height:1.75}.legal-page .deflist{border-radius:12px;overflow:hidden}

/* Mobile: retain hierarchy while simplifying depth and layouts */
@media(max-width:1050px){
  .money-system{grid-template-columns:1fr}.money-arrow{height:76px}
  :is(.ab-section,.cp-section,.dev-section,.iv-section,.pa-section,.pc-section,.qw-section,.rd-section,.tas-section,.tf-section,.ti-section,.tr-section,.et-section,.explain-section,.wp-section,.xb-section,.ap-section){padding-block:88px}
}
@media(max-width:700px){
  :is(.fiat-gate,.token-field,.network-field){padding:23px;border-radius:13px}
  .token{min-height:116px}.money-system{gap:0}
  :is(.ab-company-facts,.ab-team-grid,.ab-principle-grid,.cp-file-grid,.cp-deadlines,.cp-process-list,.co-path-grid,.co-detail-grid,.dev-route-grid,.definition-pair,.scope-groups,.iv-asset-grid,.iv-investor-grid,.pa-models,.pa-live-grid,.pa-steps,.pc-use-grid,.pc-proof-grid,.qw-access-grid,.qw-capabilities,.qw-role-grid,.ap-problem-grid,.ap-control-grid,.ap-funding-grid,.ap-partner-grid,.ap-trust-grid,.xb-cost-grid,.xb-audience-grid,.xb-proof-grid,.ti-audience-grid,.ti-delivery-grid,.ti-proof-grid,.tas-use-grid,.tas-proof-cases,.tas-require-grid,.tf-cost-grid,.tf-moment-grid,.tf-example-grid,.tf-audience-grid,.tf-trust-grid,.rd-route-grid,.rd-venue-grid,.rd-step-grid,.et-small-grid,.et-claim-facts,.et-resource-links,.tr-standard-grid,.tr-token-grid,.tr-governance-grid,.tr-protect-facts,.faq-grid,.cost-grid,.explain-solutions,.wp-token-grid,.wp-term-grid,.wp-old-grid){gap:11px}
}

/* Remaining bespoke modules and nested visual components */
.ab-hero-facts,.ab-board,.cp-route-flow,.cp-timeline,.iv-one-stack,.qw-mint-facts,.tf-cycle-compare,.tf-example-metrics,.et-issuer-flow,.tr-backing-flow,.form-facts{border-radius:12px;overflow:hidden}
.cp-timeline,.iv-one-stack,.qw-mint-facts,.tf-example-metrics,.form-facts{border:1px solid #cbd5e5;box-shadow:var(--shadow-soft)}
.flowboard,.stack-visual,.agentic-card{border-radius:17px;box-shadow:0 26px 66px rgba(7,24,61,.17);overflow:hidden}
.market-route,.status-route{border-radius:10px}
.dp-console,.dp-flow-board,.dp-form-compare,.dp-stack,.dp-feature-grid,.dp-metrics{overflow:hidden}
.xb-compare-flow,.ti-mint-flow,.tf-lane-flow,.rd-route-flow{border-radius:11px}
.et-register{background:linear-gradient(180deg,#edf3fb,#f6f8fc)}
.et-small-card{border-radius:17px}
.money-loop,.solution-paths{background-image:linear-gradient(180deg,rgba(237,243,251,.72),rgba(247,249,253,.72))}

/* Legibility within diagrams and cards, without inflating navigation/footer text */
main section article p,main section article li{font-size:16px;line-height:1.62}
main :is(article,[class*="-card"],[class*="-board"],[class*="-map"],[class*="-flow"])>small{font-size:12px}
main :is(article,[class*="-card"],[class*="-board"],[class*="-map"])>span{font-size:max(12px,.75rem)}
main :is([class$="-label"],[class$="-meta"],[class$="-status"],[class$="-foot"]){font-size:12px}

/* Homepage alignment refinements */
.flowboard .flowstep.featured{transform:none}
.money-system{grid-template-columns:.65fr 128px 1.75fr 128px 1.25fr}
.money-arrow span{left:50%;padding:5px 10px;transform:translateX(-50%);border:1px solid rgba(145,170,207,.2);border-radius:999px;background:#081c3b;line-height:1;z-index:2}
@media(max-width:1180px){
  .money-system{grid-template-columns:1fr}.money-arrow{height:76px}
  .money-arrow:before{left:50%;right:auto;top:0;bottom:0;width:1px;height:auto}
  .money-arrow:after{right:auto;left:calc(50% - 3px);top:auto;bottom:2px;transform:rotate(135deg)}
  .money-arrow i{left:calc(50% - 3px);top:8%;animation:moneyTravelMobile 3s linear infinite}
  .money-arrow span{top:auto;bottom:26px;left:calc(50% + 20px);transform:none}
}
/* Dark institutional proof cards */
:is(.pc-proof-grid,.xb-proof-grid,.ti-proof-grid,.tf-trust-grid){
  gap:14px;
  border:0;
  background:transparent;
}
:is(.pc-proof-grid,.xb-proof-grid,.ti-proof-grid,.tf-trust-grid)>article{
  min-height:230px;
  padding:28px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(149,180,220,.28);
  border-radius:13px;
  background:linear-gradient(145deg,#0d2853,#081a35);
  box-shadow:0 16px 38px rgba(0,7,28,.25);
}
:is(.pc-proof-grid,.xb-proof-grid,.ti-proof-grid,.tf-trust-grid)>article:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,#4a85ef,#36d6ca);
  opacity:.9;
}
:is(.pc-proof-grid,.xb-proof-grid,.ti-proof-grid,.tf-trust-grid)>article:hover{
  transform:translateY(-5px);
  border-color:rgba(127,177,245,.58);
  box-shadow:0 24px 54px rgba(0,7,28,.34);
}
:is(.pc-proof-grid,.xb-proof-grid,.ti-proof-grid,.tf-trust-grid)>article>b{
  color:#f0b324;
  font-size:11px;
  line-height:1.35;
  letter-spacing:.1em;
}
:is(.pc-proof-grid,.xb-proof-grid,.ti-proof-grid,.tf-trust-grid)>article>span{
  margin-top:52px;
  color:#c4d3e6;
  font-size:16px;
  line-height:1.55;
}
@media(max-width:700px){
  :is(.pc-proof-grid,.xb-proof-grid,.ti-proof-grid,.tf-trust-grid)>article{
    min-height:190px;
    padding:24px;
  }
  :is(.pc-proof-grid,.xb-proof-grid,.ti-proof-grid,.tf-trust-grid)>article>span{margin-top:38px}
}
/* Comparison cards and visual microcopy */
.xb-compare article{padding:31px}
.xb-compare article>div:first-child{align-items:center;gap:18px}
.xb-compare article>div:first-child b{
  font-size:13px;
  line-height:1.35;
}
.xb-compare article>div:first-child span{
  flex:0 0 auto;
  padding:8px 11px;
  border:1px solid #ccd5e4;
  border-radius:999px;
  background:#eef2f8;
  color:#56647d;
  font-size:12px;
  line-height:1;
  letter-spacing:.08em;
}
.xb-compare .xb-compare-direct>div:first-child span{
  border-color:#307fe2;
  background:#307fe2;
  color:#fff;
  box-shadow:0 7px 18px rgba(48,127,226,.2);
}
.xb-compare-flow{gap:18px}
.xb-compare-flow i,.xb-compare-flow strong{
  min-width:82px;
  min-height:68px;
  font-size:13px;
  line-height:1.35;
}
.xb-compare-flow.market{gap:12px}
.xb-compare-flow.market i{min-width:68px}
.xb-compare article>small{
  padding-top:20px;
  color:#5f6d84;
  font-size:15px;
  line-height:1.55;
}
/* Raise meaningful microcopy inside visual systems to a legible minimum. */
main :is([class*="-flow"],[class*="-map"],[class*="-board"]) :is(span,small){
  font-size:12px;
  line-height:1.45;
}
main :is(.et-form-map>div b,.rd-route-flow b,.rd-route-flow strong,.cp-route-flow article>b){
  font-size:12px;
  line-height:1.4;
}
@media(max-width:700px){
  .xb-compare article{padding:24px}
  .xb-compare article>div:first-child{align-items:flex-start;flex-direction:column}
  .xb-compare-flow{flex-wrap:wrap;min-height:150px;padding:24px 0}
  .xb-compare-flow i,.xb-compare-flow strong{min-width:72px}
}
/* Supporting strips beneath primary diagrams */
:is(.route-proof,.emt-proof,.loop-proof,.pc-delivery,.ti-network-benefits,.tas-outcome,.et-claim-facts,.qw-mint-facts,.tr-protect-facts)>:is(div,article,span,a){
  padding:22px;
}
:is(.route-proof,.emt-proof,.loop-proof,.pc-delivery,.ti-network-benefits,.tas-outcome,.et-claim-facts,.qw-mint-facts,.tr-protect-facts) :is(b,strong){
  font-size:12px;
  line-height:1.4;
}
:is(.route-proof,.emt-proof,.loop-proof,.pc-delivery,.ti-network-benefits,.tas-outcome,.et-claim-facts,.qw-mint-facts,.tr-protect-facts) :is(span,small){
  font-size:14px;
  line-height:1.5;
}
.ti-network-benefits{
  gap:12px;
  margin-top:14px;
  border:0;
  background:transparent;
}
.ti-network-benefits>div{
  min-height:132px;
  border:1px solid #d6dfec;
  border-radius:11px;
  background:linear-gradient(145deg,#fff,#f6f9fd);
  box-shadow:0 10px 25px rgba(18,39,86,.06);
}
.ti-network-benefits b{color:#244fca}
.ti-network-benefits span{margin-top:14px;color:#4f5f78}
:is(.pc-loop-outcomes,.xb-route-foot,.ti-card-foot,.tas-terminal-foot,.tas-cash-proof,.tf-payment-proof,.ap-rules,.ap-money-out) span{
  font-size:12px;
  line-height:1.45;
}
.iv-metrics span{font-size:12px;line-height:1.45}
@media(max-width:700px){
  .ti-network-benefits>div{min-height:auto}
}
/* Compact badges and chips */
.emt-proof>span{
  flex:0 0 44px;
  width:44px;
  height:28px;
  padding:0;
  font-size:11px;
  line-height:1;
}
.emt-proof>b{
  font-size:12px;
  line-height:1.4;
}
.route-proof>span{
  padding:8px 11px;
  font-size:12px;
  line-height:1.2;
}
/* Payments conversion operation */
.pc-loop-board{
  grid-template-columns:1fr .28fr 1fr .28fr 1fr .28fr 1fr;
  padding-left:28px;
  padding-right:28px;
}
.pc-loop-convert{
  min-height:190px;
  padding:24px 10px;
  border:1px dashed rgba(127,177,245,.58);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(48,127,226,.18),rgba(0,163,173,.08));
}
.pc-loop-convert>span{color:#f0b324}
.pc-loop-convert>i{border-color:#7fb1f5;color:#7fb1f5}
@media(max-width:800px){
  .pc-loop-board{grid-template-columns:1fr;padding:30px 24px 36px}
  .pc-loop-board>em{padding:12px;transform:rotate(90deg)}
  .pc-loop-convert{min-height:auto;padding:24px}
  .pc-loop-outcomes{position:static;margin-top:20px}
}
/* Balanced commercial operations */
.pc-use-grid{grid-template-columns:repeat(6,1fr)}
.pc-use-grid>article{grid-column:span 2}
.pc-use-grid>article:nth-child(4),.pc-use-grid>article:nth-child(5){grid-column:span 3}
.pc-use-grid>article:nth-child(2){
  border-color:#a9c8ef;
  background:linear-gradient(145deg,#f7fbff,#edf5ff);
}
@media(max-width:900px){
  .pc-use-grid{grid-template-columns:1fr 1fr}
  .pc-use-grid>article,.pc-use-grid>article:nth-child(4),.pc-use-grid>article:nth-child(5){grid-column:auto}
  .pc-use-grid>article:last-child{grid-column:1/-1}
}
@media(max-width:520px){
  .pc-use-grid{grid-template-columns:1fr}
  .pc-use-grid>article:last-child{grid-column:auto}
}
/* Functional component typography */
main :is([class*="-instruction"],[class*="-card-head"]) :is(span,small),
main :is([class*="-return"],[class*="-versus"]){
  font-size:12px;
  line-height:1.45;
}
main :is([class*="-definition"],[class*="-clarifier"],[class*="-certainty"],[class*="-reissue"],[class*="-note"]) :is(b,strong){
  font-size:12px;
  line-height:1.4;
}
main :is([class*="-definition"],[class*="-clarifier"],[class*="-certainty"],[class*="-reissue"],[class*="-note"]) :is(span,small){
  font-size:14px;
  line-height:1.55;
}
main [class*="-compare"] li :is(strong,span),
main dl dd{
  font-size:14px;
  line-height:1.5;
}
main dl dt{
  font-size:12px;
  line-height:1.4;
}
main [class*="-orbits"] article span{
  font-size:14px;
  line-height:1.5;
}
/* Token issuance contains the densest remaining legacy annotations. */
.ti-card-head,.ti-instruction span,.ti-instruction small,.ti-return,
.ti-compare article>div span,.ti-versus,.ti-reissue b{
  font-size:12px;
  line-height:1.45;
}
.ti-definition span,.ti-compare li strong,.ti-compare li span,
.ti-network-orbits span,.ti-reissue span{
  font-size:14px;
  line-height:1.5;
}
.ti-compare li{grid-template-columns:105px 1fr;gap:20px;padding:18px 22px}
.ti-definition,.ti-reissue{padding-top:22px;padding-bottom:22px}
@media(max-width:520px){
  .ti-compare li{grid-template-columns:1fr;gap:6px}
}
/* Supporting-card hierarchy */
:is(.pc-delivery,.ti-network-benefits,.ti-delivery-grid,.tas-outcome,.tas-require-grid,.ap-funding-grid,.ap-trust-grid,.et-claim-facts,.qw-mint-facts,.tr-protect-facts) :is(b,strong){
  font-size:13px;
  line-height:1.4;
  letter-spacing:.08em;
}
:is(.pc-delivery,.ti-network-benefits,.ti-delivery-grid,.tas-outcome,.tas-require-grid,.ap-funding-grid,.ap-trust-grid,.et-claim-facts,.qw-mint-facts,.tr-protect-facts) :is(span,small){
  font-size:15px;
  line-height:1.55;
}
:is(.pc-proof-grid,.xb-proof-grid,.ti-proof-grid,.tf-trust-grid)>article>b{
  font-size:12px;
}
.ti-delivery-grid article{
  min-height:190px;
  padding:30px;
}
.ti-delivery-grid span{margin-top:42px}
@media(max-width:520px){
  .ti-delivery-grid article{min-height:160px;padding:24px}
  .ti-delivery-grid span{margin-top:28px}
}

/* Structural typography floor */
main{
  --content-label-size:13px;
  --content-support-size:15px;
  --content-card-title-size:clamp(16px,1.25vw,19px);
}

/* Reusable card collections: labels, titles and explanations follow one scale. */
main :is(
  [class$="-grid"],
  [class*="-grid "],
  [class$="-cards"],
  [class$="-models"],
  [class$="-facts"],
  [class$="-benefits"],
  [class$="-paths"],
  [class$="-points"]
) > :is(article,div,a) > span:first-child{
  font-size:var(--content-label-size);
  line-height:1.4;
}
main :is(
  [class$="-grid"],
  [class*="-grid "],
  [class$="-cards"],
  [class$="-models"],
  [class$="-facts"],
  [class$="-benefits"],
  [class$="-paths"],
  [class$="-points"]
) > :is(article,div,a) > :is(b,strong){
  font-size:var(--content-card-title-size);
  line-height:1.35;
}
main :is(
  [class$="-grid"],
  [class*="-grid "],
  [class$="-cards"],
  [class$="-models"],
  [class$="-facts"],
  [class$="-benefits"],
  [class$="-paths"],
  [class$="-points"]
) > :is(article,div,a) > :is(small,p,span:not(:first-child)){
  font-size:var(--content-support-size);
  line-height:1.55;
}

/* Diagram and process text must remain readable without becoming body-copy heavy. */
main :is(
  [class$="-flow"],
  [class*="-flow "],
  [class$="-board"],
  [class*="-board "],
  [class$="-map"],
  [class*="-map "],
  [class$="-steps"],
  [class$="-cycle"],
  [class$="-orbits"]
) article > span:first-child{
  font-size:var(--content-label-size);
  line-height:1.4;
}
main :is(
  [class$="-flow"],
  [class*="-flow "],
  [class$="-board"],
  [class*="-board "],
  [class$="-map"],
  [class*="-map "],
  [class$="-steps"],
  [class$="-cycle"],
  [class$="-orbits"]
) article > :is(b,strong){
  font-size:16px;
  line-height:1.4;
}
main :is(
  [class$="-flow"],
  [class*="-flow "],
  [class$="-board"],
  [class*="-board "],
  [class$="-map"],
  [class*="-map "],
  [class$="-steps"],
  [class$="-cycle"],
  [class$="-orbits"]
) article > small{
  font-size:14px;
  line-height:1.5;
}

/* Compact operational strips and annotations use the same minimums everywhere. */
main :is(
  [class$="-strip"],
  [class$="-proof"],
  [class$="-outcomes"],
  [class$="-foot"],
  [class$="-audit"],
  [class$="-rules"],
  [class$="-instruction"],
  [class$="-note"]
) :is(span,small){
  font-size:14px;
  line-height:1.5;
}
main :is(
  [class$="-strip"],
  [class$="-proof"],
  [class$="-outcomes"],
  [class$="-foot"],
  [class$="-audit"],
  [class$="-rules"],
  [class$="-instruction"],
  [class$="-note"]
) :is(b,strong){
  font-size:15px;
  line-height:1.4;
}

/* Agentic payments is the densest test case for the shared system. */
.ap-console :is(small,span),
.ap-consent-screen :is(small,span),
.ap-protocol-core span,
.ap-illustrative{
  font-size:14px;
  line-height:1.5;
}
.ap-console :is(b,strong),
.ap-consent-screen b,
.ap-protocol-core b{
  font-size:16px;
  line-height:1.4;
}

@media(max-width:700px){
  main{--content-label-size:13px;--content-support-size:15px;--content-card-title-size:17px}
}

/* Connected-panel geometry */
main{
  --connected-panel-radius:17px;
}

/* Upper panels: keep only the exposed top corners. */
:is(
  .dp-flow-board,
  .loop-board,
  .forms-compare,
  .iv-platform-map,
  .qw-phone,
  .qw-role-grid,
  .ab-board,
  .rd-par-more,
  .pa-embed-core,
  .tr-standard-grid,
  .ti-mint-flow,
  .pc-form-map,
  .ap-steps,
  .ap-protocol-map,
  .tas-legs,
  .tas-gap-board,
  .tas-cash-flow,
  .tas-role-map,
  .xb-route-line,
  .xb-return-line,
  .tf-payment-flow,
  .tf-role-map
){
  border-radius:var(--connected-panel-radius) var(--connected-panel-radius) 0 0;
  border-bottom-color:transparent;
  box-shadow:none;
}

/* Attached bands: remove the duplicate seam and round only the exposed base. */
:is(
  .dp-flow-note,
  .loop-proof,
  .forms-note,
  .iv-leverage-note,
  .qw-device-caption,
  .qw-role-note,
  .ab-team-note,
  .rd-par-foot,
  .pa-embed-outcomes,
  .tr-bank-note,
  .ti-card-foot,
  .pc-form-note,
  .ap-audit,
  .ap-standards-note,
  .tas-terminal-foot,
  .tas-gap-note,
  .tas-cash-proof,
  .tas-boundary-note,
  .xb-route-foot,
  .xb-return-note,
  .tf-payment-proof,
  .tf-boundary-note
){
  position:relative;
  z-index:1;
  margin-top:0;
  border-top:0;
  border-radius:0 0 var(--connected-panel-radius) var(--connected-panel-radius);
  overflow:hidden;
  box-shadow:0 22px 54px rgba(7,24,61,.16);
}

/* When the lower element is a multi-cell band, its children stay square inside
   while the parent clips them to the shared outside radius. */
:is(.pa-embed-outcomes,.tr-bank-note,.qw-role-note)>*{
  border-radius:0;
}

@media(max-width:700px){
  main{--connected-panel-radius:14px}
}

/* Element-agnostic visual typography */
main{
  --content-label-size:14px;
  --content-support-size:16px;
  --content-card-title-size:clamp(18px,1.25vw,21px);
}

main :is(
  [class*="-flow"],
  [class*="-map"],
  [class*="-board"],
  [class*="-grid"],
  [class*="-card"],
  [class*="-stack"],
  [class*="-compare"],
  [class*="-screen"],
  [class*="-console"],
  [class*="-route"],
  [class*="-model"],
  [class*="-cycle"],
  [class*="-orbits"]
) :is(article,div,section,a) > small{
  font-size:var(--content-support-size);
  line-height:1.55;
}

main :is(
  [class*="-flow"],
  [class*="-map"],
  [class*="-board"],
  [class*="-grid"],
  [class*="-card"],
  [class*="-stack"],
  [class*="-compare"],
  [class*="-screen"],
  [class*="-console"],
  [class*="-route"],
  [class*="-model"],
  [class*="-cycle"],
  [class*="-orbits"]
) :is(article,div,section,a) > span:first-child{
  font-size:var(--content-label-size);
  line-height:1.4;
}

/* Connector captions are secondary, but never tiny. */
main :is(
  [class*="-flow"],
  [class*="-map"],
  [class*="-board"],
  [class*="-steps"],
  [class*="-cycle"]
) > em{
  font-size:13px;
  line-height:1.5;
}

/* Supporting information bands use body-sized explanatory text. */
main :is(
  [class$="-note"],
  [class$="-proof"],
  [class$="-foot"],
  [class$="-audit"],
  [class$="-outcomes"],
  [class$="-facts"],
  [class$="-collection"],
  [class$="-security"],
  [class$="-caption"]
) :is(span,small,p){
  font-size:16px;
  line-height:1.55;
}
main :is(
  [class$="-note"],
  [class$="-proof"],
  [class$="-foot"],
  [class$="-audit"],
  [class$="-outcomes"],
  [class$="-facts"],
  [class$="-collection"],
  [class$="-security"],
  [class$="-caption"]
) :is(b,strong,a){
  font-size:14px;
  line-height:1.45;
}

/* Quantoz Wallet's model is another connected panel pair. */
.qw-flow{
  border-radius:var(--connected-panel-radius) var(--connected-panel-radius) 0 0;
  border-bottom-color:transparent;
  box-shadow:none;
}
.qw-collection{
  position:relative;
  z-index:1;
  margin-top:0;
  border-top:0;
  border-radius:0 0 var(--connected-panel-radius) var(--connected-panel-radius);
  overflow:hidden;
  box-shadow:0 22px 54px rgba(7,24,61,.16);
}
.qw-flow article>span{font-size:14px}
.qw-flow article>b{font-size:18px}
.qw-flow article>small{font-size:16px}
.qw-flow>em{font-size:13px}
.qw-collection b,.qw-collection a{font-size:14px}
.qw-collection span{font-size:16px}

/* Preserve deliberately prominent figures that are not card headings. */
.xb-cost-grid article>b{font-size:58px;line-height:1}
.tr-token-grid>article>b{font-size:clamp(30px,3vw,43px);line-height:1.15}
.ab-company-facts article>b{font-size:25px;line-height:1.2}
.pc-balance>strong{font-size:38px;line-height:1.2}
.iv-metrics b{font-size:31px;line-height:1.2}
.dp-metrics b{font-size:42px;line-height:1.2}

@media(max-width:700px){
  main{
    --content-label-size:14px;
    --content-support-size:16px;
    --content-card-title-size:18px;
  }
}

/* Diagram clearance system */
main{
  --diagram-caption-clearance:clamp(16px,1.5vw,26px);
  --diagram-node-inset:clamp(18px,2vw,30px);
}
:is(.qw-flow,.qw-mint-board,.pa-account-map,.et-claim-map)>em{
  display:grid;place-items:center;min-width:0;min-height:72px;
  padding-inline:var(--diagram-caption-clearance);
  line-height:1.55;text-align:center;text-wrap:balance;
}
:is(.qw-flow,.qw-mint-board,.pa-account-map,.et-claim-map)>article{
  min-width:0;padding-inline:var(--diagram-node-inset);
}
.qw-flow{
  grid-template-columns:minmax(180px,1fr) minmax(150px,.44fr) minmax(230px,1.12fr) minmax(150px,.44fr) minmax(180px,1fr);
  padding:44px 38px;
}
.qw-flow-core{padding-block:34px}
.qw-mint-board{grid-template-columns:minmax(175px,1fr) minmax(124px,.38fr) minmax(220px,1.15fr) minmax(124px,.38fr) minmax(175px,1fr)}
.pa-account-map{grid-template-columns:minmax(175px,1fr) minmax(150px,.44fr) minmax(220px,1fr) minmax(150px,.44fr) minmax(175px,1fr)}
.et-claim-map{grid-template-columns:minmax(175px,1fr) minmax(160px,.48fr) minmax(220px,1fr) minmax(145px,.42fr) minmax(175px,1fr)}
@media(max-width:1100px){
  :is(.qw-flow,.qw-mint-board,.pa-account-map,.et-claim-map){grid-template-columns:1fr}
  :is(.qw-flow,.qw-mint-board,.pa-account-map,.et-claim-map)>em{
    min-height:68px;padding:18px var(--diagram-caption-clearance);transform:none;
  }
}
@media(max-width:700px){
  :is(.qw-flow,.qw-mint-board,.pa-account-map,.et-claim-map){padding:24px 18px}
  :is(.qw-flow,.qw-mint-board,.pa-account-map,.et-claim-map)>article{padding-inline:16px}
}

/* Dark-surface cards and definitions */
.dev-surface .endpoint-map{
  gap:1px;
  border-color:rgba(170,195,229,.28);
  background:rgba(170,195,229,.24);
}
.dev-surface .endpoint-map article{
  min-height:174px;
  padding:27px 30px;
  border:0;
  background:linear-gradient(145deg,#10213d,#0b1930);
}
.dev-surface .endpoint-map i{
  color:#9eb6d4;
  font-size:12px;
  line-height:1.3;
  letter-spacing:.08em;
}
.dev-surface .endpoint-map b{
  margin-top:26px;
  color:#fff;
  font-size:20px;
  line-height:1.3;
}
.dev-surface .endpoint-map span{
  margin-top:18px;
  color:#b9c9dd;
  font-size:15px;
  line-height:1.5;
}
.dev-surface .definition-pair{
  gap:16px;
  margin-top:24px;
  background:transparent;
}
.dev-surface .definition-pair>div{
  min-height:96px;
  padding:25px 28px;
  gap:22px;
  border:1px solid rgba(126,164,216,.42);
  border-radius:14px;
  background:linear-gradient(135deg,#102a50,#0c203e);
  box-shadow:0 15px 34px rgba(0,8,28,.2);
}
.dev-surface .definition-pair b{
  flex:0 0 auto;
  color:#f4c451;
  font-size:13px;
  line-height:1.3;
}
.dev-surface .definition-pair p{
  color:#e2ebf7;
  font-size:16px;
  line-height:1.5;
}
@media(max-width:800px){
  .dev-surface .endpoint-map{gap:10px;background:transparent}
  .dev-surface .endpoint-map article{min-height:158px}
}
@media(max-width:520px){
  .dev-surface .definition-pair>div{align-items:flex-start;flex-direction:column;gap:10px}
}


}