:root {
  color-scheme: dark;
  --bg: #17130d;
  --ink: #fff4d5;
  --muted: #dacaa1;
  --line: rgba(255, 240, 199, 0.28);
  --glass: rgba(255, 239, 199, 0.16);
  --glass-strong: rgba(255, 239, 199, 0.24);
  --accent: #ead09a;
  --accent-2: #ffd879;
  --deep: #4d3f24;
  --radius: 8px;
  --font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "SF Mono", ui-monospace, monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font-sans); font-size: 1rem; font-weight: 400; line-height: 1.375; letter-spacing: .0175rem; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, p { margin-top: 0; }
button { font: inherit; }
::selection { color: #17130d; background: var(--accent-2); }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-thumb { border: 3px solid #17130d; border-radius: 10px; background: #907c51; }

.site-header { position: absolute; z-index: 10; top: 0; left: 0; display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 72px; padding: 0 clamp(20px, 5vw, 72px); border-bottom: 1px solid rgba(255, 244, 213, .12); }
.brand { display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-mono); font-size: 18px; font-weight: 500; letter-spacing: .08em; }
.brand img { width: 28px; height: 28px; object-fit: contain; border-radius: 50%; display: block; }
.brand span { color: var(--accent-2); }
.site-nav { display: flex; gap: 26px; align-items: center; font-family: var(--font-mono); font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.site-nav a, .site-footer a:not(.brand) { transition: color 160ms ease; }
.site-nav a:hover, .site-footer a:not(.brand):hover { color: var(--accent-2); }
.menu-toggle { display: none; border: 0; color: var(--ink); background: transparent; font-family: var(--font-mono); font-size: 11px; letter-spacing: .05em; text-transform: uppercase; cursor: pointer; }

.hero { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, .9fr) minmax(380px, 1.1fr); align-items: center; min-height: min(820px, 100svh); padding: 142px clamp(20px, 5vw, 72px) 80px; overflow: hidden; background: radial-gradient(circle at 77% 52%, rgba(151, 211, 235, .2), transparent 24rem), radial-gradient(circle at 26% 88%, rgba(255, 216, 121, .13), transparent 26rem), #0c0d0a; }
.hero::before { position: absolute; z-index: -1; inset: 0; content: ""; background: linear-gradient(90deg, rgba(12, 13, 10, .78), rgba(12, 13, 10, .2) 56%, rgba(12, 13, 10, .16)), linear-gradient(180deg, rgba(255, 247, 222, .04), transparent 28%); }
.hero-copy { max-width: 680px; }
.eyebrow { margin-bottom: 20px; color: var(--accent); font-family: var(--font-mono); font-size: 11px; font-weight: 500; letter-spacing: .11em; text-transform: uppercase; }
.hero h1 { max-width: 650px; margin-bottom: 24px; font-size: clamp(48px, 6.1vw, 88px); font-weight: 500; line-height: .94; letter-spacing: 0; }
.hero-intro { max-width: 560px; margin-bottom: 32px; color: rgba(255, 244, 213, .8); font-size: clamp(16px, 1.45vw, 20px); line-height: 1.55; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px; border: 1px solid rgba(255, 247, 222, .35); border-radius: var(--radius); font-family: var(--font-mono); font-size: 11px; letter-spacing: .04em; text-transform: uppercase; transition: transform 160ms ease, border-color 160ms ease, color 160ms ease, background 160ms ease; }
.button:hover { transform: translateY(-2px); }
.button:active, .operations-cta:active { transform: translateY(0); }
.button-primary { color: #1b160d; background: var(--accent); }
.button-primary:hover { background: var(--accent-2); }
.button-secondary { background: rgba(12, 13, 10, .24); }
.button-secondary:hover { border-color: var(--accent); color: var(--accent-2); }
.hero-orbit { position: relative; justify-self: center; width: min(38vw, 530px); aspect-ratio: 1; transform-style: preserve-3d; }
.orbit { position: absolute; inset: 8%; border: 1px solid rgba(234, 208, 154, .26); border-radius: 50%; transform-style: preserve-3d; }
.orbit-one { transform: rotateX(69deg) rotateZ(17deg); animation: orbit-turn 14s linear infinite; }
.orbit-two { inset: 17%; border-color: rgba(151, 211, 235, .38); transform: rotateY(67deg) rotateZ(-28deg); animation: orbit-turn 17s linear reverse infinite; }
.orbit-three { inset: 29%; border-color: rgba(255, 216, 121, .26); transform: rotateX(42deg) rotateY(61deg); }
.hero-core { position: absolute; top: 50%; left: 50%; width: 19%; aspect-ratio: 1; border: 1px solid rgba(255, 247, 222, .66); border-radius: 5px; background: linear-gradient(135deg, #fff1c8, #a9d6e5 42%, #66542b); box-shadow: 0 0 0 20px rgba(234, 208, 154, .03), 0 0 80px rgba(255, 216, 121, .32); transform: translate(-50%, -50%) rotate(28deg); animation: core-pulse 4s ease-in-out infinite; }
.hero-marker { position: absolute; width: 10px; aspect-ratio: 1; border-radius: 50%; background: var(--accent-2); box-shadow: 0 0 20px rgba(255, 216, 121, .8); }
.marker-one { top: 20%; right: 17%; }.marker-two { bottom: 23%; left: 12%; background: #97d3eb; box-shadow: 0 0 20px rgba(151, 211, 235, .7); }.marker-three { top: 14%; left: 38%; width: 6px; }
@keyframes orbit-turn { to { transform: rotateX(69deg) rotateZ(377deg); } }
@keyframes core-pulse { 50% { transform: translate(-50%, -50%) rotate(71deg) scale(1.16); box-shadow: 0 0 0 28px rgba(234, 208, 154, .02), 0 0 92px rgba(151, 211, 235, .4); } }

.statement { display: grid; grid-template-columns: minmax(260px, .31fr) minmax(0, .69fr); gap: clamp(30px, 7vw, 120px); align-items: center; width: min(100%, 1320px); margin: 0 auto; padding: clamp(82px, 12vw, 170px) clamp(20px, 5vw, 72px); }
.statement-visual { position: relative; width: 100%; aspect-ratio: 376 / 560; margin: 0; background: radial-gradient(ellipse at center, rgba(32, 126, 151, .16), transparent 68%); }
.statement-visual img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: .9; mix-blend-mode: screen; filter: brightness(.76) saturate(.9) contrast(1.08); -webkit-mask-image: radial-gradient(ellipse 74% 76% at center, #000 42%, rgba(0, 0, 0, .78) 63%, transparent 100%); mask-image: radial-gradient(ellipse 74% 76% at center, #000 42%, rgba(0, 0, 0, .78) 63%, transparent 100%); }
.section-rail { display: flex; flex-direction: column; gap: 10px; color: var(--muted); font-family: var(--font-mono); font-size: 10px; letter-spacing: .09em; text-transform: uppercase; }
.section-rail span:first-child { color: var(--accent-2); }
.statement-copy h2 { max-width: 830px; margin-bottom: 30px; font-size: clamp(34px, 5vw, 68px); font-weight: 400; line-height: 1.01; letter-spacing: 0; }
.statement-copy p { max-width: 620px; margin-bottom: 0; color: rgba(255, 244, 213, .75); font-size: 18px; line-height: 1.58; }

.payment-flow { padding: clamp(70px, 9vw, 124px) clamp(20px, 5vw, 72px); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #11110d; }
.flow-heading, .flow-list { width: min(100%, 1320px); margin: 0 auto; }
.flow-heading { display: grid; grid-template-columns: minmax(0, .75fr) minmax(280px, .25fr); gap: 42px; align-items: end; margin-bottom: 58px; }
.flow-heading h2, .principles-intro h2, .whitepaper-portal h2 { margin-bottom: 0; font-size: clamp(32px, 4.3vw, 60px); font-weight: 400; line-height: 1; letter-spacing: 0; }
.flow-heading p { max-width: 400px; margin-bottom: 0; color: rgba(255, 244, 213, .7); line-height: 1.55; }
.flow-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255, 244, 213, .22); }
.flow-list li { min-height: 240px; padding: 24px 24px 18px 0; border-right: 1px solid rgba(255, 244, 213, .16); }
.flow-list li + li { padding-left: 24px; }.flow-list li:last-child { border-right: 0; }
.flow-index { display: block; margin-bottom: 52px; color: var(--accent-2); font-family: var(--font-mono); font-size: 11px; }
.flow-list h3 { margin-bottom: 10px; font-size: 22px; font-weight: 500; letter-spacing: 0; }.flow-list p { max-width: 265px; margin-bottom: 0; color: rgba(255, 244, 213, .67); font-size: 14px; line-height: 1.55; }

.operations-cubes { position: relative; min-height: 96svh; padding: clamp(84px, 9vw, 132px) clamp(20px, 5vw, 72px); overflow: hidden; border-top: 1px solid rgba(255, 240, 199, .1); background: radial-gradient(circle at 74% 42%, rgba(151, 211, 235, .16), transparent 25rem), radial-gradient(circle at 22% 78%, rgba(255, 216, 121, .13), transparent 24rem), #0c0d0a; }
.operations-cubes::before { position: absolute; inset: 0; content: ""; pointer-events: none; background: linear-gradient(90deg, rgba(12, 13, 10, .94) 0%, rgba(12, 13, 10, .68) 42%, rgba(12, 13, 10, .08) 100%), linear-gradient(180deg, rgba(255, 247, 222, .05), transparent 34%); }
.operations-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(280px, .44fr) minmax(420px, .56fr); gap: clamp(44px, 7vw, 108px); align-items: center; width: min(100%, 1320px); min-height: calc(96svh - clamp(168px, 18vw, 264px)); margin-inline: auto; }
.operations-copy h2 { max-width: 740px; margin-bottom: 26px; font-size: clamp(34px, 4.4vw, 72px); font-weight: 400; line-height: .98; letter-spacing: 0; }.operations-copy p:not(.eyebrow) { max-width: 560px; margin-bottom: 34px; color: rgba(255, 244, 213, .76); font-size: clamp(16px, 1.25vw, 20px); line-height: 1.58; }
.operations-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 20px; border: 1px solid rgba(255, 247, 222, .32); border-radius: var(--radius); color: #1b160d; background: var(--accent); font-family: var(--font-mono); font-size: 12px; line-height: 1rem; letter-spacing: .04rem; text-transform: uppercase; transition: background 160ms ease, transform 160ms ease; }.operations-cta:hover { background: var(--accent-2); transform: translateY(-2px); }
.operations-visual { position: relative; min-height: min(58vw, 620px); }.operations-visual::before { position: absolute; inset: 8% -14% 0; content: ""; background: radial-gradient(ellipse at center, rgba(234, 208, 154, .18), rgba(151, 211, 235, .08) 34%, transparent 68%); filter: blur(24px); }
.modal-cube-shell { position: absolute; inset: 0; width: 100%; min-height: inherit; border: 0; padding: 0; color: inherit; background: transparent; cursor: pointer; perspective: 1000px; transform-style: preserve-3d; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }.modal-cube-shell:focus-visible { outline: 1px solid rgba(255, 247, 222, .72); outline-offset: 10px; }
.operations-core-cube, .cube-particle { --cube-size: clamp(142px, 18vw, 250px); position: absolute; top: 50%; left: 50%; width: var(--cube-size); height: var(--cube-size); transform-style: preserve-3d; }.operations-core-cube { transform: translate(-50%, -48%) rotateX(-16deg) rotateY(34deg) rotateZ(0deg); animation: core-cube-float 6s ease-in-out infinite; transition: transform 620ms cubic-bezier(.2, .8, .2, 1), filter 620ms ease; filter: drop-shadow(0 34px 62px rgba(0, 0, 0, .48)); }
@keyframes core-cube-float { 0%, 100% { transform: translate(-50%, -48%) rotateX(-16deg) rotateY(34deg) translateY(0); } 50% { transform: translate(-50%, -52%) rotateX(-14deg) rotateY(38deg) translateY(-10px); } }
.modal-cube-shell.is-exploded .operations-core-cube { transform: translate(-50%, -46%) rotateX(-14deg) rotateY(42deg) rotateZ(0deg) scale(.72); filter: drop-shadow(0 18px 44px rgba(0, 0, 0, .38)); animation: none; }
.cube-face { position: absolute; inset: 0; border: 1px solid rgba(255, 247, 222, .18); border-radius: 18px; background: radial-gradient(circle at 48% 44%, rgba(255, 216, 121, .98) 0 11%, rgba(255, 216, 121, .32) 22%, transparent 48%), radial-gradient(circle at 18% 15%, rgba(255, 247, 222, .92), transparent 30%), linear-gradient(135deg, rgba(151, 211, 235, .46), rgba(234, 208, 154, .78) 38%, rgba(43, 35, 19, .92) 100%); box-shadow: inset 0 2px 6px rgba(255, 247, 222, .38), inset -22px -28px 36px rgba(0, 0, 0, .34), inset 18px 12px 28px rgba(151, 211, 235, .18); opacity: .98; backface-visibility: hidden; }.cube-face-front { transform: translateZ(calc(var(--cube-size) / 2)); }.cube-face-back { transform: rotateY(180deg) translateZ(calc(var(--cube-size) / 2)); }.cube-face-right { transform: rotateY(90deg) translateZ(calc(var(--cube-size) / 2)); }.cube-face-left { transform: rotateY(-90deg) translateZ(calc(var(--cube-size) / 2)); }.cube-face-top { transform: rotateX(90deg) translateZ(calc(var(--cube-size) / 2)); }.cube-face-bottom { transform: rotateX(-90deg) translateZ(calc(var(--cube-size) / 2)); }
.cube-particle { --cube-size: clamp(72px, 8vw, 116px); opacity: 0; transform: translate(-50%, -48%) rotateX(-16deg) rotateY(34deg) scale(.12); transition: opacity 420ms ease var(--d), transform 760ms cubic-bezier(.17, .78, .18, 1) var(--d), filter 760ms ease var(--d); filter: blur(4px) brightness(.7); }.cube-particle::before, .cube-particle::after { position: absolute; width: 100%; height: 100%; border-radius: 9px; content: ""; }.cube-particle::before { background: radial-gradient(circle at 48% 44%, rgba(255, 216, 121, .9), transparent 36%), linear-gradient(135deg, rgba(255, 247, 222, .42), rgba(234, 208, 154, .76) 42%, rgba(26, 28, 20, .88)); box-shadow: inset 0 1px 4px rgba(255, 247, 222, .4), 0 20px 44px rgba(0, 0, 0, .36); }.cube-particle::after { inset: 10%; border: 1px solid rgba(255, 247, 222, .14); background: linear-gradient(90deg, rgba(151, 211, 235, .28), transparent 42%), linear-gradient(180deg, rgba(255, 247, 222, .26), transparent 48%); }.cube-particle.dot { --cube-size: clamp(48px, 5vw, 74px); }.cube-particle.dot::before, .cube-particle.dot::after { border-radius: 50%; }.modal-cube-shell.is-exploded .cube-particle { opacity: 1; transform: translate(-50%, -48%) translate3d(calc(var(--tx) * var(--spread, 1)), calc(var(--ty) * var(--spread, 1)), calc(var(--tz) * var(--spread, 1))) rotateX(-16deg) rotateY(34deg) rotateZ(var(--r, 0deg)) scale(var(--s)); filter: blur(0) brightness(1); }

.principles { padding: clamp(84px, 11vw, 154px) clamp(20px, 5vw, 72px); background: linear-gradient(180deg, #13130e, #17130d); }.principles-intro, .principle-grid { width: min(100%, 1320px); margin: 0 auto; }.principles-intro { display: grid; grid-template-columns: minmax(0, .65fr) minmax(280px, .35fr); gap: 52px; align-items: end; margin-bottom: 60px; }.principles-intro p { max-width: 370px; margin: 0; color: rgba(255, 244, 213, .7); line-height: 1.58; }.principle-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255, 244, 213, .22); }.principle-grid article { min-height: 330px; padding: 25px 30px 20px 0; border-right: 1px solid rgba(255, 244, 213, .16); }.principle-grid article + article { padding-left: 30px; }.principle-grid article:last-child { border-right: 0; }.principle-grid span { display: block; margin-bottom: 74px; color: #97d3eb; font-family: var(--font-mono); font-size: 10px; letter-spacing: .09em; text-transform: uppercase; }.principle-grid h3 { max-width: 330px; margin-bottom: 14px; font-size: 25px; font-weight: 400; line-height: 1.08; letter-spacing: 0; }.principle-grid p { max-width: 340px; margin: 0; color: rgba(255, 244, 213, .66); line-height: 1.58; }

.whitepaper-portal { display: grid; grid-template-columns: minmax(0, .6fr) minmax(300px, .4fr); gap: clamp(48px, 10vw, 160px); align-items: end; padding: clamp(84px, 11vw, 154px) max(20px, calc((100vw - 1320px) / 2 + 72px)); background: radial-gradient(circle at 78% 45%, rgba(151, 211, 235, .13), transparent 28rem), #18160e; }.whitepaper-portal h2 { max-width: 690px; }.portal-side p { max-width: 430px; margin-bottom: 28px; color: rgba(255, 244, 213, .73); line-height: 1.6; }.portal-link { display: inline-flex; gap: 16px; align-items: center; border-bottom: 1px solid var(--accent); padding-bottom: 8px; color: var(--accent-2); font-family: var(--font-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; transition: gap 180ms ease; }.portal-link:hover { gap: 24px; }
.site-footer { display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: center; padding: 30px clamp(20px, 5vw, 72px); border-top: 1px solid rgba(255, 244, 213, .16); color: rgba(255, 244, 213, .6); font-family: var(--font-mono); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; background: #0c0d0a; }.site-footer p { margin: 0; }.site-footer a:last-child { justify-self: end; color: var(--ink); }

.paper-header { position: sticky; top: 0; z-index: 10; display: flex; justify-content: space-between; align-items: center; min-height: 68px; padding: 0 clamp(20px, 5vw, 72px); border-bottom: 1px solid rgba(255, 244, 213, .13); background: rgba(12, 13, 10, .88); backdrop-filter: blur(18px); }.paper-header a:not(.brand) { font-family: var(--font-mono); font-size: 10px; letter-spacing: .07em; text-transform: uppercase; }.paper-header a:not(.brand):hover { color: var(--accent-2); }.paper-hero { padding: clamp(84px, 12vw, 170px) clamp(20px, 5vw, 72px) clamp(58px, 8vw, 100px); border-bottom: 1px solid var(--line); background: radial-gradient(circle at 78% 22%, rgba(151, 211, 235, .16), transparent 30rem), radial-gradient(circle at 22% 88%, rgba(255, 216, 121, .14), transparent 28rem), #0c0d0a; }.paper-hero > div { width: min(100%, 970px); margin: 0 auto; }.paper-kicker { margin-bottom: 26px; color: var(--accent); font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }.paper-hero h1 { max-width: 820px; margin-bottom: 28px; font-size: clamp(48px, 7vw, 100px); font-weight: 400; line-height: .92; letter-spacing: 0; }.paper-deck { max-width: 640px; margin: 0; color: rgba(255, 244, 213, .78); font-size: clamp(17px, 1.4vw, 21px); line-height: 1.55; }.paper-meta { display: flex; flex-wrap: wrap; gap: 10px 32px; margin-top: 44px; padding-top: 18px; border-top: 1px solid rgba(255, 244, 213, .22); color: var(--muted); font-family: var(--font-mono); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.paper-layout { display: grid; grid-template-columns: 210px minmax(0, 760px); justify-content: center; gap: clamp(44px, 8vw, 130px); padding: clamp(68px, 9vw, 120px) clamp(20px, 5vw, 72px); }.paper-toc { align-self: start; position: sticky; top: 100px; padding-top: 5px; }.paper-toc p { margin-bottom: 15px; color: var(--accent); font-family: var(--font-mono); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }.paper-toc a { display: block; padding: 7px 0; color: rgba(255, 244, 213, .64); font-size: 13px; line-height: 1.32; }.paper-toc a:hover { color: var(--accent-2); }.paper-content { min-width: 0; }.paper-content section { scroll-margin-top: 100px; margin-bottom: 76px; }.paper-content h2 { margin-bottom: 22px; font-size: clamp(29px, 3vw, 43px); font-weight: 400; line-height: 1.05; letter-spacing: 0; }.paper-content h3 { margin: 34px 0 12px; color: var(--accent); font-family: var(--font-mono); font-size: 13px; font-weight: 500; letter-spacing: .03em; }.paper-content p, .paper-content li { color: rgba(255, 244, 213, .78); font-size: 16px; line-height: 1.72; }.paper-content p { margin-bottom: 18px; }.paper-content ul { padding-left: 21px; }.paper-content li + li { margin-top: 9px; }.paper-callout { margin: 36px 0; padding: 23px 26px; border: 1px solid rgba(151, 211, 235, .3); border-radius: var(--radius); background: rgba(151, 211, 235, .07); color: var(--ink); font-size: 18px; line-height: 1.5; }.paper-callout strong { color: var(--accent-2); font-weight: 500; }.paper-end { padding-top: 36px; border-top: 1px solid var(--line); }

@media (max-width: 820px) { .site-header { min-height: 64px; }.menu-toggle { display: inline-block; }.site-nav { position: absolute; top: 64px; right: 18px; display: none; min-width: 184px; padding: 12px; border: 1px solid rgba(255, 244, 213, .2); border-radius: var(--radius); background: rgba(12, 13, 10, .96); box-shadow: 0 20px 48px rgba(0, 0, 0, .38); }.site-nav.is-open { display: grid; gap: 0; }.site-nav a { padding: 12px 10px; }.hero { grid-template-columns: 1fr; min-height: auto; padding-top: 124px; }.hero-orbit { width: min(76vw, 430px); margin: 44px auto 0; }.statement, .flow-heading, .principles-intro, .whitepaper-portal { grid-template-columns: 1fr; }.statement { gap: 32px; }.statement-visual { width: min(100%, 480px); aspect-ratio: 376 / 430; }.section-rail { flex-direction: row; }.flow-heading, .principles-intro { gap: 20px; }.flow-list { grid-template-columns: repeat(2, 1fr); }.flow-list li:nth-child(2) { border-right: 0; }.flow-list li:nth-child(n + 3) { border-top: 1px solid rgba(255, 244, 213, .16); }.operations-cubes { min-height: auto; padding-block: 76px; }.operations-inner { grid-template-columns: 1fr; gap: 42px; min-height: 0; }.operations-cubes::before { background: linear-gradient(180deg, rgba(12, 13, 10, .9) 0%, rgba(12, 13, 10, .62) 54%, rgba(12, 13, 10, .18) 100%), linear-gradient(180deg, rgba(255, 247, 222, .05), transparent 34%); }.operations-visual { min-height: 460px; }.modal-cube-shell { --spread: .72; }.principle-grid { grid-template-columns: 1fr; }.principle-grid article, .principle-grid article + article { min-height: auto; padding: 26px 0; border-right: 0; border-bottom: 1px solid rgba(255, 244, 213, .16); }.principle-grid article:last-child { border-bottom: 0; }.principle-grid span { margin-bottom: 32px; }.whitepaper-portal { gap: 30px; }.paper-layout { grid-template-columns: 1fr; }.paper-toc { position: static; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 20px; padding-bottom: 25px; border-bottom: 1px solid var(--line); }.paper-toc p { grid-column: 1 / -1; }.paper-toc a { border-bottom: 1px solid rgba(255, 244, 213, .1); }.paper-content section { margin-bottom: 58px; } }
@media (max-width: 520px) { .hero { padding: 112px 18px 56px; }.hero h1 { font-size: clamp(45px, 14vw, 62px); }.hero-intro { font-size: 16px; }.statement, .payment-flow, .principles { padding-left: 18px; padding-right: 18px; }.flow-list { grid-template-columns: 1fr; }.flow-list li, .flow-list li:nth-child(2) { min-height: auto; padding: 22px 0; border-right: 0; border-bottom: 1px solid rgba(255, 244, 213, .16); }.flow-list li:last-child { border-bottom: 0; }.flow-index { margin-bottom: 24px; }.operations-cubes { padding: 64px 18px; }.operations-copy h2 { font-size: clamp(32px, 9vw, 48px); }.operations-copy p:not(.eyebrow) { font-size: 15px; }.operations-visual { min-height: 360px; }.modal-cube-shell { --spread: .48; }.whitepaper-portal { padding-left: 18px; padding-right: 18px; }.site-footer { grid-template-columns: 1fr auto; }.site-footer p { display: none; }.paper-hero { padding-left: 18px; padding-right: 18px; }.paper-layout { padding-left: 18px; padding-right: 18px; }.paper-toc { grid-template-columns: 1fr; }.paper-content p, .paper-content li { font-size: 15px; }.paper-callout { padding: 19px; font-size: 16px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }