/* Proof21 visual experience. All meaning stays in static, localized HTML. */
.experience-home{max-width:1320px;margin:auto;padding:0 40px}.experience-hero{min-height:calc(90svh - 90px);display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:24px;padding:80px 0}.experience-hero h1{font-size:clamp(48px,5.4vw,80px);line-height:1.025;letter-spacing:-.065em;margin:25px 0}.hero-copy .lead{font-size:19px;max-width:550px;line-height:1.7}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin:30px 0}.quiet-status{font-size:12px;color:#686d68}.experience-home .eyebrow{font-size:10px;letter-spacing:.16em;color:#686d68}.text-link{display:inline-flex;gap:12px;align-items:center;text-decoration:none;border-bottom:1px solid #c7cbc4;padding:7px 0;color:inherit;font-size:14px}.text-link:hover{border-color:#EF5B2A;color:#bb4119}.text-link span{transition:translate .2s ease}.text-link:hover span{translate:3px -2px}.experience-section{border-top:1px solid #d6d8d5;padding:88px 0}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:16px 70px;align-items:end;margin-bottom:48px}.section-intro>.eyebrow{grid-column:1/-1}.section-intro h2,.agent-invitation h2{font-size:clamp(34px,4.4vw,58px);line-height:1.06;letter-spacing:-.055em;margin:0}.section-intro>p:last-child{font-size:16px;line-height:1.8;color:#646b63;max-width:490px;margin:0}.motion-figure{margin:0;min-width:0}.motion-stage{position:relative;overflow:hidden;background:#F5F5F3;isolation:isolate}.motion-stage>img{display:block;width:100%;height:auto}.motion-stage>video{position:absolute;inset:0;width:100%;height:100%;opacity:0;object-fit:contain}.motion-figure[data-motion-loaded] video{opacity:1}.motion-figure[data-motion-failed] video,.motion-disabled .motion-stage video{opacity:0}.motion-figure figcaption{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:12px 2px;font-size:10px;color:#747a72;line-height:1.6}.motion-figure figcaption button{border:0;background:none;color:inherit;padding:0;white-space:nowrap;cursor:pointer;font:inherit}.hero-motion{align-self:center}.hero-motion .motion-stage{border-radius:6px}.scroll-story{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start}.story-steps{min-width:0}.story-step{min-height:56svh;display:flex;flex-direction:column;justify-content:center;padding:45px 30px 45px 0;position:relative}.story-step h3{font-size:30px;line-height:1.2;letter-spacing:-.045em;margin:17px 0}.story-step p{max-width:365px;line-height:1.85;color:#646b63;font-size:16px;margin:0}.step-number{font-family:monospace;font-size:12px;color:#8d938a}.story-step[data-active] .step-number{color:#EF5B2A}.story-step[data-active]::before{content:'';position:absolute;width:3px;height:46px;background:#EF5B2A;inset-inline-start:-20px;top:calc(50% - 23px)}.story-visual{position:sticky;top:calc(100px + 8svh);margin:9svh 0;min-width:0}.graph-source{font-size:11px}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.experience-card{border:1px solid #d9dcd5;background:#fafbf8;border-radius:4px;overflow:hidden;min-width:0}.experience-card .motion-stage{border-bottom:1px solid #e4e6e0}.experience-card figcaption{padding:8px 19px}.experience-card-copy{padding:14px 23px 26px}.feature-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;font-family:monospace;font-size:10px;color:#686f65}.feature-label span:last-child{opacity:.7}.experience-card h3{font-size:22px;line-height:1.2;letter-spacing:-.035em;margin:19px 0 13px}.experience-card-copy p{font-size:14px;color:#636b61;line-height:1.75;min-height:75px}.experience-card-copy .text-link{font-size:12px}.logo-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:52px 0 34px}.logo-item{min-width:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:28px 6px;border-block:1px solid #d9dcd5}.logo-item img{width:26px;height:26px;object-fit:contain}.logo-item span{font-size:13px;font-weight:550;letter-spacing:-.02em}.integration-logo{display:inline-block;vertical-align:middle;margin-inline-end:12px;object-fit:contain}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:30px}.research-card{min-width:0}.research-card>a{display:block;text-decoration:none;color:inherit}.research-card img{display:block;width:100%;height:auto;border:1px solid #d9dcd5}.research-card h3{font-size:21px;letter-spacing:-.025em;line-height:1.4;margin:22px 0 14px;min-height:3em}.research-card .text-link{font-size:12px}.agent-invitation{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:end}.agent-invitation p{color:#687061;max-width:570px;line-height:1.85}.agent-invitation .button{margin-top:14px}.minimal-demo{font-size:13px;margin:0}.minimal-demo .text-link{font-size:13px}.context-motion{max-width:650px;margin:32px 0 48px}.context-motion .motion-stage{border:1px solid #d9dcd5}.footer-links .link-button{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}.footer{margin-top:25px}.policy-page{max-width:900px;padding:70px 32px;margin:auto}.policy-page>h1{font-size:clamp(40px,5vw,68px);letter-spacing:-.05em;line-height:1.1;margin:22px 0}.policy-page .lead{font-size:19px;line-height:1.7}.policy-page .prose{margin-top:36px;max-width:none}.policy-page .prose h2{margin-top:45px}.policy-review{background:#fff4e9;border-inline-start:3px solid #EF5B2A;padding:15px 20px;font-size:14px}.policy-operator{padding:16px 0;border-block:1px solid #ddd}.policy-operator summary{cursor:pointer}.policy-operator dl>div{display:grid;grid-template-columns:1fr 2fr;gap:15px;margin:15px 0}.policy-operator dt{font-weight:600}.policy-operator dd{margin:0;overflow-wrap:anywhere}.attribution-list{line-height:2.4;overflow-wrap:anywhere}.privacy-banner[hidden],.privacy-actions [hidden],[data-privacy-open][hidden],[data-motion-replay][hidden]{display:none!important}.privacy-banner{position:fixed;inset-inline:20px;bottom:16px;max-width:1160px;margin:auto;z-index:70;border:1px solid #c7ccc1;box-shadow:0 10px 45px #181a1820;background:#fafbf8;border-radius:9px;padding:20px 24px;display:flex;gap:26px;align-items:center}.privacy-banner h2{font-size:15px;letter-spacing:-.025em;line-height:1.4;margin:0 0 7px}.privacy-banner p{font-size:12px;line-height:1.65;margin:0;max-width:630px;color:#61685c}.privacy-banner a{color:inherit}.privacy-actions{display:flex;flex-wrap:wrap;gap:8px}.privacy-actions button{border:1px solid #bfc5b7;background:#fff;color:#242920;padding:9px 12px;border-radius:5px;font-size:12px;cursor:pointer;flex:1 1 auto;white-space:normal;min-height:39px}.privacy-actions button:hover{border-color:#EF5B2A;background:#fff8f3}.privacy-banner>.privacy-actions{min-width:320px}.privacy-dialog{width:min(560px,calc(100vw - 30px));max-height:calc(100svh - 40px);overflow:auto;border:1px solid #bfc5b7;border-radius:12px;background:#fafbf8;color:#242920;padding:26px;box-shadow:0 20px 80px #181a1830}.privacy-dialog::backdrop{background:#181a1870}.privacy-dialog-head{display:flex;gap:15px;align-items:start;justify-content:space-between}.privacy-dialog-head h2{font-size:24px;line-height:1.2;letter-spacing:-.04em;margin:0}.privacy-dialog-head button{font-size:24px;background:none;border:0;cursor:pointer;min-width:30px}.privacy-category{border-bottom:1px solid #d8ddd2;padding:18px 0}.privacy-category h3,.privacy-category label{font-size:15px;font-weight:600;margin:0;line-height:1.5}.privacy-category p{font-size:13px;line-height:1.75;color:#656e5d;margin:7px 0}.privacy-category input{accent-color:#EF5B2A;width:18px;height:18px;vertical-align:middle}.privacy-dialog .privacy-actions{margin-top:20px}.privacy-dialog>p{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.experience-home button:focus-visible,.footer button:focus-visible,.privacy-banner button:focus-visible,.privacy-dialog button:focus-visible{outline:2px solid #EF5B2A;outline-offset:3px}[dir=rtl] .story-step{padding:45px 0 45px 30px}.motion-disabled .story-step[data-active]::before{display:none}
@media(min-width:1450px){.experience-hero{gap:55px}.experience-hero h1{font-size:80px}}
@media(max-width:1000px){.experience-home{padding:0 28px}.experience-hero{min-height:0;padding:60px 0;grid-template-columns:1fr 1fr}.experience-hero h1{font-size:50px}.experience-grid{grid-template-columns:repeat(2,1fr)}.logo-rail{grid-template-columns:repeat(3,1fr)}.privacy-banner{display:block;max-width:700px}.privacy-banner>.privacy-actions{margin-top:14px;min-width:0}.section-intro{gap:20px 35px}.story-step h3{font-size:25px}.scroll-story{gap:25px}.research-card h3{font-size:18px}}
@media(max-width:700px){.experience-home{padding:0 22px}.experience-hero{grid-template-columns:1fr;padding:48px 0 28px;gap:24px}.experience-hero h1{font-size:clamp(40px,10vw,62px);max-width:550px}.hero-copy .lead{font-size:16px}.hero-actions{gap:18px}.hero-actions .button{font-size:13px}.hero-motion{max-width:540px;margin:auto;width:100%}.experience-section{padding:55px 0}.section-intro{display:block;margin-bottom:25px}.section-intro h2{font-size:40px;margin:17px 0 22px}.section-intro>p:last-child{font-size:15px}.scroll-story{display:flex;flex-direction:column;gap:0}.story-visual{order:-1;top:80px;margin:0;z-index:2;width:100%;background:#F5F5F3;padding-bottom:8px}.story-visual .motion-stage{max-height:35svh}.story-visual .motion-poster{max-height:35svh;object-fit:contain}.story-visual figcaption{font-size:9px;padding:5px 0}.graph-source{font-size:10px;padding:2px 0}.story-step{min-height:52svh;padding:42px 12px 42px 0}.story-step h3{font-size:27px}.story-step p{font-size:15px}.story-step[data-active]::before{inset-inline-start:-12px}.experience-card-copy{padding:10px 17px 20px}.experience-card h3{font-size:20px}.experience-card-copy p{min-height:0}.experience-card .motion-figure figcaption{display:none}.experience-grid{grid-template-columns:1fr;gap:22px}.logo-item{padding:19px 2px;gap:8px}.logo-item img{width:22px;height:22px}.logo-item span{font-size:11px}.logo-rail{gap:6px;margin:25px 0}.research-grid{grid-template-columns:1fr;gap:30px}.research-card h3{min-height:0;font-size:21px;margin:15px 0 8px}.agent-invitation{grid-template-columns:1fr;gap:30px}.agent-invitation h2{font-size:36px}.privacy-banner{inset-inline:10px;bottom:10px;padding:16px;max-height:48svh;overflow:auto}.privacy-banner h2{font-size:14px}.privacy-actions button{font-size:11px;padding:9px 8px}.privacy-dialog{padding:20px}.policy-page{padding:45px 23px}.policy-operator dl>div{display:block}.policy-operator dd{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.text-link span{transition:none}.motion-stage>video{display:none}.story-step[data-active]::before{display:none}.story-step{min-height:0;padding-block:35px}.story-visual{position:static}.scroll-story{gap:20px}.story-visual{margin:0}.experience-hero{min-height:0}}
@media print{.privacy-banner,.privacy-dialog,.motion-stage>video,[data-motion-replay],[data-motion-global],.hero-actions{display:none!important}.story-visual{position:static}.story-step{min-height:0;padding:15px}.experience-home{padding:0}.experience-section{padding:25px 0}.experience-hero{padding:15px 0}.experience-grid{grid-template-columns:repeat(2,1fr)}.experience-card{break-inside:avoid}}


/* Responsive variants and unobtrusive, discoverable preferences. */
.preferences-link{background:none;border:0;color:inherit;font:inherit;font-size:11px;padding:8px;cursor:pointer;white-space:nowrap}
.preferences-link:focus-visible{outline:2px solid #EF5B2A;outline-offset:2px}
header{flex-wrap:wrap}.footer .translation-notice{grid-column:1/-1}
.motion-stage>picture{display:block}.motion-stage>picture img{display:block;width:100%;height:auto;object-fit:contain}
.story-dots{display:flex;justify-content:center;gap:8px;padding:16px 0}.story-dots i{width:5px;height:5px;border-radius:50%;background:#c7cbc4}.story-dots i[data-active]{background:#EF5B2A}
.story-visual{top:calc(var(--p21-header-height,90px) + 24px)}
.experience-hero>*{min-width:0}.experience-hero h1,.section-intro h2,.agent-invitation h2{overflow-wrap:anywhere}
.privacy-banner{padding-bottom:max(16px,env(safe-area-inset-bottom));}.privacy-category input:focus-visible{outline:2px solid #EF5B2A;outline-offset:3px}
.animated-diagram{font-family:Inter,Arial,sans-serif;font-size:15px;fill:#181A18;display:block;width:100%;height:auto;max-height:none;overflow:visible}
.animated-diagram .node rect:not([fill]),.animated-diagram .node circle:not([fill]),.animated-diagram .node ellipse:not([fill]),.animated-diagram .node polygon:not([fill]),.animated-diagram .node path:not([fill]){fill:#F5F5F3;stroke:#B7BAB4;stroke-width:1px}
.animated-diagram .node .label text{text-anchor:middle}.animated-diagram .flowchart-link{stroke:#666A65;fill:none;stroke-width:1.2px}.animated-diagram .marker{fill:#666A65;stroke:#666A65}.animated-diagram .edgeLabel rect{fill:#F5F5F3;opacity:.85}.animated-diagram .label text{fill:#181A18}.animated-diagram .actor{fill:#F5F5F3;stroke:#B7BAB4}.animated-diagram .actor-line{stroke:#B7BAB4;stroke-width:1px}.animated-diagram .messageLine0,.animated-diagram .messageLine1{stroke:#666A65;stroke-width:1.3px}.animated-diagram .messageText{fill:#181A18;stroke:none;font-size:14px}.animated-diagram .note{fill:#E9EBE5;stroke:#B7BAB4}.animated-diagram .noteText{fill:#181A18;stroke:none;font-size:13px}.animated-diagram .labelBox{fill:#F5F5F3;stroke:#B7BAB4}.animated-diagram text.actor{fill:#181A18;stroke:none}.animated-diagram .loopLine{stroke:#666A65;stroke-width:1px}.animated-diagram .loopText,.animated-diagram .labelText{fill:#181A18}.animated-diagram .arrowheadPath{fill:#666A65;stroke:#666A65}
.animated-diagram .diagram-edge{animation:p21-flow 5s linear infinite;animation-play-state:paused;stroke-dasharray:7 5}.animated-diagram.diagram-running .diagram-edge{animation-play-state:running}
@keyframes p21-flow{to{stroke-dashoffset:-48}}
@media(max-width:700px){.preferences-link{font-size:10px;padding:5px}.story-visual{top:calc(var(--p21-header-height,76px) + 8px)}.story-visual .motion-stage{height:min(40svh,350px);max-height:none;aspect-ratio:1;width:100%}.story-visual .motion-stage>picture,.story-visual .motion-stage>picture img{height:100%;max-height:none}.story-dots{padding:9px 0}.story-step{min-height:55svh}.section-intro h2{font-size:clamp(30px,9vw,40px)}.experience-hero h1{font-size:clamp(37px,10vw,62px)}}
@media(max-height:520px) and (min-width:701px){.story-visual{top:calc(var(--p21-header-height,80px) + 6px)}.story-visual .motion-stage{height:55svh}.story-visual .motion-poster{height:100%;object-fit:contain}.experience-hero{padding:36px 0}.story-step{min-height:80svh}}
@media(max-height:520px) and (max-width:700px){.story-visual{position:relative;top:auto}.story-visual .motion-stage{height:65svh}.story-step{min-height:0;padding-block:30px}}
@media(prefers-reduced-motion:reduce){.animated-diagram .diagram-edge{animation:none;stroke-dasharray:none}.motion-stage video{display:none!important}.story-visual{position:static;top:auto}.story-step{min-height:0}}
.motion-disabled .animated-diagram .diagram-edge{animation:none;stroke-dasharray:none}.motion-disabled .story-visual{position:static}.motion-disabled .story-step{min-height:0}
@media print{.preferences-link{display:none}.animated-diagram .diagram-edge{animation:none;stroke-dasharray:none}}

.agent-files{max-width:900px}.agent-files li a{display:flex;justify-content:space-between;gap:1rem}.agent-files bdi{overflow-wrap:anywhere}

/* Bitcoin foundation: an editorial split, not a dashboard. */
.bitcoin-foundation{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,6vw,80px);align-items:start}
.bitcoin-intro h2{font-size:clamp(32px,4vw,52px);line-height:1.07;letter-spacing:-.045em;margin:16px 0 20px}.bitcoin-intro>p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:48ch;color:#515650}
.bitcoin-intro .motion-figure{margin-top:32px}.bitcoin-pillars{display:grid;gap:30px;padding-block:25px}.bitcoin-pillars>div{border-top:1px solid #D4D6D1;padding-top:22px}.bitcoin-pillars h3{font-size:20px;letter-spacing:-.025em;margin:0 0 10px}.bitcoin-pillars p{color:#515650;font-size:16px;line-height:1.65;margin:0;max-width:45ch}
.research-card .motion-figure{border:0;border-bottom:1px solid #D4D6D1;border-radius:0}.context-motion .motion-figure{margin:0}.context-motion{max-width:680px}.doc-meta{font-family:monospace;font-size:11px;color:#60655f;letter-spacing:.08em;text-transform:uppercase}.status-label{text-decoration:none}
.hero-motion .motion-stage>picture{display:block;width:100%}.hero-motion .motion-stage>picture img{width:100%;height:auto;display:block}
@media(max-width:700px){.bitcoin-foundation{grid-template-columns:minmax(0,1fr);gap:20px}.bitcoin-pillars{padding:0;gap:24px}.bitcoin-intro h2{font-size:clamp(30px,9vw,40px)}.bitcoin-intro>p:not(.eyebrow){font-size:16px}.hero-motion .motion-stage{aspect-ratio:1;max-height:none}.hero-motion .motion-stage>picture,.hero-motion .motion-stage>picture img{height:100%;object-fit:contain}.hero-motion{align-self:stretch}.context-motion{width:100%;margin-block:24px}}

/* P21 v0.8 render-derived image fallback */
.motion-stage>.motion-image-fallback,.journal-motion .motion-image-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#F5F5F3;opacity:0;pointer-events:none;z-index:3;border:0}
[data-motion-image] .motion-image-fallback{opacity:1!important}
[data-motion-image] video{opacity:0!important}
.motion-disabled .motion-image-fallback{display:none!important}
@media(prefers-reduced-motion:reduce){.motion-image-fallback{display:none!important}}
@media print{.motion-image-fallback{display:none!important}}

/* v0.10.2: scrolling words -> one full paper sheet -> opaque foreground art.
   Do not fade a group containing the artwork: that lets words bleed through cards.
   The mobile Remotion-derived image and poster preserve real alpha. */
.scroll-story{isolation:isolate}
.story-steps{position:relative;z-index:0;min-width:0}
.story-visual{z-index:2;isolation:isolate;background:transparent;border-radius:6px}
@media(max-width:700px){
 .story-visual{padding-bottom:0;background:transparent}
 .story-visual::before{content:'';position:absolute;inset:0;z-index:0;border-radius:inherit;background:rgba(245,245,243,.76);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none}
 .story-visual .motion-figure,.story-visual .story-dots{position:relative;z-index:1}
 .story-visual .motion-stage{background:transparent;opacity:1}
 .story-visual .motion-stage>.motion-image-fallback{background:transparent}
 .story-visual .story-dots{background:transparent}
 .story-visual [data-motion-loaded] .motion-stage>picture,
 .story-visual [data-motion-image] .motion-stage>picture{visibility:hidden}
 .story-steps{width:100%}
}
/* Static/non-overlapping layouts keep a solid, readable paper backdrop. */
.motion-disabled .story-visual .motion-stage>picture{visibility:visible}
@media(prefers-reduced-motion:reduce){.story-visual .motion-stage>picture{visibility:visible}}
@media print{.story-visual [data-motion-figure] .motion-stage>picture{visibility:visible!important}}
.motion-disabled .story-visual::before{background:#F5F5F3;-webkit-backdrop-filter:none;backdrop-filter:none}
@media(prefers-reduced-motion:reduce){.story-visual::before{background:#F5F5F3;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(max-height:520px){.story-visual::before{background:#F5F5F3;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media print{.story-visual::before{background:#F5F5F3;-webkit-backdrop-filter:none;backdrop-filter:none}}