/* Reference: Ondo USDY — Assets comparison and In Detail, 2026-10-04. */
.platform-page{color:#000}
.platform-page .header.scrolled{left:max(24px,calc((100% - 784px)/2));right:max(24px,calc((100% - 784px)/2));height:58px;gap:28px;padding:10px 28px;top:12px;border-radius:16px}
.platform-page .header.scrolled .desktop-nav{gap:28px;font-size:14px}
.platform-page .header .brand{width:126px;flex-shrink:0}
.platform-page .header .launch{font-size:12px;padding:12px 14px;white-space:nowrap}
.platform-page .container{max-width:1600px;width:auto;margin-inline:auto;padding-inline:44px}
.architecture-section{padding-top:156px;padding-bottom:140px;scroll-margin-top:100px}
.architecture-heading{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:120px}
.architecture-heading .eyebrow{font-size:14px;letter-spacing:0;text-transform:none;margin-bottom:30px;color:#111}
.platform-page .architecture-heading h1{font-size:56px;line-height:1.05;letter-spacing:-.045em;font-weight:400;color:#000}
.architecture-lead{padding-top:35px}
.architecture-lead>p{font-size:16px;line-height:1.7;color:#676767;max-width:600px;word-break:keep-all}
.architecture-actions{display:flex;gap:16px;margin-top:20px;flex-wrap:wrap}
.architecture-button{display:inline-flex;align-items:center;justify-content:center;background:#ededed;border-radius:8px;padding:11px 14px;font-size:13px;line-height:1.2;color:#111;transition:background .2s}
.architecture-button.primary{color:#fff;background:#202020}
.architecture-button:hover{background:#ddd}.architecture-button.primary:hover{background:#444}
.architecture-button:focus-visible{outline:2px solid #1d3b64;outline-offset:4px}
.architecture-pair{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.architecture-card{background:#f0f0f0;border-radius:32px;overflow:hidden}
.architecture-face{padding:36px 0 40px;background:#fff;border:1px solid #dedede;border-radius:32px}
.architecture-label{padding-inline:40px;display:flex;gap:9px;align-items:center;font-size:24px;letter-spacing:-.025em;height:30px}
.token-symbol{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#203b63;overflow:hidden}
.token-symbol img{width:20px;height:12px;object-fit:cover;object-position:left;max-width:none}
.project-symbol{width:24px;height:24px;color:#35547c;font-size:34px;line-height:24px;display:inline-flex;align-items:center}
.architecture-art{display:block;width:100%;height:auto;margin:12px 0 8px}
.diagram-lines{fill:none;stroke:#b7cee9;stroke-width:1.5}
.diagram-nodes circle{fill:#e0ecff;stroke:none}
.diagram-nodes text{text-anchor:middle;font-family:Gellix,'Malgun Gothic',sans-serif;font-size:15px;fill:#39577e}
.diagram-captions{font-family:Gellix,'Malgun Gothic',sans-serif;font-size:11px;fill:#7085a0;text-anchor:middle}
.architecture-copy{padding-inline:40px}
.platform-page .architecture-copy h2{font-size:36px;line-height:1.1;letter-spacing:-.045em;font-weight:400;color:#000;margin-bottom:10px}
.architecture-copy p{font-size:15px;line-height:1.65;color:#777;word-break:keep-all;min-height:50px}
.architecture-copy .architecture-button{margin-top:16px}
.architecture-caption{padding:18px 40px 24px;font-size:12px;line-height:1.5}
.architecture-caption>span{color:#111;display:block;margin-bottom:7px}
.architecture-caption p{color:#777;font-size:12px;line-height:1.6}
.architecture-details{background:#f0f0f0;padding-block:96px 120px;scroll-margin-top:80px}
.architecture-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.platform-page .architecture-details h2{font-size:56px;line-height:1.05;letter-spacing:-.045em;color:#000;margin-bottom:35px}
.architecture-description{font-size:16px;line-height:1.8;color:#676767;max-width:490px;word-break:keep-all;margin-bottom:24px}
.architecture-table{margin:0;border-top:1px solid #dedede}
.architecture-row{display:grid;grid-template-columns:34% 1fr;gap:16px;border-bottom:1px solid #dedede;padding:18px 0;font-size:15px;line-height:1.6}
.architecture-row dt{font-weight:400;color:#111}.architecture-row dd{margin:0;color:#111}
.architecture-row small{display:block;font-size:12px;color:#737373;line-height:1.6;margin-top:5px;word-break:keep-all}
.architecture-note{font-size:11px;line-height:1.8;color:#777;margin-top:22px;word-break:keep-all}
.platform-page .soft-section{background:#fff;padding-block:120px}
.platform-page h2>span{color:#8a8a8a}
.platform-page .category-panels a{border-color:#dedede}
.platform-page .category-panels p,.platform-page .category-panels span,.platform-page .reading{color:#777}
.platform-page .reading h3{color:#111}
.platform-page .documents-section{border-top:1px solid #e8e8e8}
@media(max-width:1050px){.architecture-pair,.architecture-heading,.architecture-detail-grid{gap:28px}.architecture-label,.architecture-copy{padding-inline:28px}.architecture-caption{padding-inline:28px}.platform-page .architecture-copy h2{font-size:30px}.platform-page .architecture-heading h1,.platform-page .architecture-details h2{font-size:48px}.architecture-copy p{min-height:74px}}
@media(max-width:760px){.platform-page .header.scrolled{left:12px;right:12px;top:10px;padding:0 14px;gap:12px}.platform-page .header .brand{width:108px}.platform-page .header .launch{font-size:10px;padding:11px}.platform-page .container{padding-inline:20px}.architecture-section{padding-top:125px;padding-bottom:64px}.architecture-heading{grid-template-columns:1fr;gap:24px;margin-bottom:48px}.architecture-heading .eyebrow{margin-bottom:22px;font-size:13px}.platform-page .architecture-heading h1{font-size:44px}.architecture-lead{padding:0}.architecture-lead>p{font-size:14px}.architecture-actions{gap:12px;margin-top:20px}.architecture-pair{grid-template-columns:1fr;gap:24px}.architecture-face{padding:26px 0 28px;border-radius:24px}.architecture-card{border-radius:24px}.architecture-label,.architecture-copy{padding-inline:24px}.architecture-label{font-size:22px}.architecture-art{margin-block:12px}.architecture-copy p{font-size:14px;min-height:0}.platform-page .architecture-copy h2{font-size:30px}.architecture-caption{padding:18px 24px 22px}.architecture-details{padding-block:64px}.architecture-detail-grid{grid-template-columns:1fr;gap:40px}.platform-page .architecture-details h2{font-size:40px;margin-bottom:24px}.architecture-description{font-size:14px}.architecture-row{grid-template-columns:30% 1fr;gap:16px;font-size:13px;padding-block:16px}.architecture-row small{font-size:11px}.platform-page .soft-section{padding-block:64px}.architecture-button{font-size:12px}}

.token-symbol svg,.project-symbol svg{display:block;width:24px;height:24px}.project-symbol svg{fill:none;stroke:#35547c;stroke-width:1.5}
@media(max-width:760px){.diagram-nodes text{font-size:20px}.diagram-captions{font-size:18px}}