@font-face{font-family:Plex;src:url('/assets/plex.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Pixel;src:url('/assets/pixel.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Pixel;src:url('/assets/pixel-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--navy:#92365c;--paper:#fff5f9;--paper-dark:#f3e0e9;--teal:#bd5b85;--muted:#9c7183;--orange:#e67ba4;--line:#e6cad7;--danger:#a33631;--border:var(--navy);color-scheme:light;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font-family:Plex,'Courier New',monospace;font-size:1rem;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,.brand,.step-number,output,.pixel-text{font-family:Pixel,monospace}h1{font-size:clamp(1.8rem,2.6vw,2.75rem);font-weight:400;line-height:1.45;letter-spacing:-.045em}h1 span{color:var(--teal)}h2{font-size:1.7rem;line-height:1.5;font-weight:400}p{line-height:1.8}strong{font-weight:bold}.skip-link{position:fixed;top:-100px;z-index:100;background:var(--orange);padding:12px}.skip-link:focus{top:0}.site-header{background:var(--navy);color:var(--paper);border-bottom:4px solid var(--orange)}.header-inner{max-width:1360px;min-height:94px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 40px;gap:25px}nav{display:flex;align-items:center;gap:25px}nav a{font-size:.875rem;position:relative;padding:9px 0}nav a[aria-current=page]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--orange)}.brand{display:inline-flex;gap:13px;align-items:center;font-size:1.8rem;letter-spacing:.06em;line-height:1;white-space:nowrap}.brand-mark{width:38px;height:38px}.wallet-button{justify-self:end;padding:13px 18px;display:flex;align-items:center;gap:12px;font-size:.875rem;background:var(--paper);color:var(--navy);box-shadow:3px 3px 0 #cd9db2;transition:transform .15s}.wallet-button:hover{transform:translate(-2px,-2px)}.market-bar,.sub-bar{border-bottom:1px solid var(--line)}.bar-inner{max-width:1360px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:11px 40px;gap:20px;font-size:.75rem}.feed-label{display:flex;gap:10px;align-items:center}.status-pixel{width:7px;height:7px;display:inline-block;background:var(--orange)}.status-pixel.live{background:var(--teal)}.market-values{display:flex;gap:30px}.market-values b{font-weight:400;margin-left:6px}.text-button{background:transparent;font-size:.75rem;display:flex;gap:15px;align-items:center;padding:0;color:var(--muted)}.refresh-symbol{font-size:1.2rem}.sub-bar .bar-inner{font-size:.6875rem;letter-spacing:.05em;padding-top:10px;padding-bottom:10px}.sub-bar .bar-inner>span:last-child{display:flex;align-items:center;gap:16px}.orange-square{display:inline-block;width:7px;height:7px;background:var(--orange);flex-shrink:0}.hero{max-width:1200px;padding:66px 32px 72px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:start}.eyebrow{display:flex;gap:10px;align-items:center;font-size:.6875rem;letter-spacing:.065em;margin-bottom:22px}.intro-copy{margin-top:24px;color:var(--muted);font-size:1rem}.steps{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:21px}.steps li{display:flex;gap:24px;align-items:flex-start}.step-number{font-size:1.125rem;color:var(--orange);padding-top:3px}.steps strong{font-size:.875rem}.steps p{font-size:.8125rem;color:var(--muted);margin-top:3px}.intro-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:25px;display:flex;gap:18px;align-items:flex-start}.intro-bottom strong{font-size:.9375rem}.intro-bottom p{font-size:.8125rem;color:var(--muted);margin-top:7px}.mini-pixel{font-family:Pixel;font-size:2rem;color:var(--orange);line-height:1.3}.pixel-panel{border:4px solid var(--navy);box-shadow:6px 6px 0 var(--navy);position:relative}.calculator{padding:27px 29px 20px}.panel-caption{display:flex;justify-content:space-between;gap:12px;font-size:.6875rem;letter-spacing:.04em;margin-bottom:29px}.panel-caption>span:first-child{display:flex;gap:8px;align-items:center}.badge{font-size:.625rem;letter-spacing:.02em;border-bottom:1px dashed var(--line);color:var(--muted);white-space:nowrap}.calculator label{font-size:.875rem}.amount-box{display:flex;align-items:center;background:var(--paper-dark);border-bottom:2px solid var(--line);padding:12px 17px;margin-top:9px;gap:12px}.amount-box input{font-family:Pixel;font-size:2rem;width:100%;min-width:0;background:none;border:none;outline-offset:1px;-moz-appearance:textfield}.amount-box input::-webkit-inner-spin-button{display:none}.amount-box select{font-size:.875rem;max-width:115px;border:0;background:none;cursor:pointer;padding:6px}.small-text{font-size:.6875rem;color:var(--muted)}.price-hint{margin-top:9px;min-height:20px}.range-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 10px}.range-heading output{font-size:1.75rem;line-height:1}.range-heading output span{font-size:1.4rem}.pixel-range{display:block;appearance:none;-webkit-appearance:none;width:100%;height:28px;margin:0;background:repeating-linear-gradient(to right,transparent 0,transparent calc(100% / 28 - 4px),var(--paper) calc(100% / 28 - 4px),var(--paper) calc(100% / 28)),linear-gradient(to right,var(--navy) 0 var(--fill,60%),var(--paper-dark) var(--fill,60%) 100%);border:0;border-radius:0;cursor:pointer}.pixel-range::-webkit-slider-thumb{appearance:none;width:9px;height:36px;border:2px solid var(--paper);border-radius:0;background:var(--orange)}.pixel-range::-moz-range-thumb{width:8px;height:34px;border:2px solid var(--paper);border-radius:0;background:var(--orange)}.range-labels{display:flex;justify-content:space-between;font-size:.625rem;color:var(--muted);margin-top:7px}.divider{display:flex;align-items:center;gap:14px;margin:25px 0 13px}.divider:before,.divider:after{content:'';height:1px;flex:1;background:repeating-linear-gradient(to right,var(--line) 0 5px,transparent 5px 10px)}.divider span{font-size:1.8rem;color:var(--orange);line-height:1}.borrow-label{font-size:.875rem}.borrow-result{display:flex;align-items:baseline;gap:15px;margin:6px 0 0}.borrow-result output{font-size:2.9rem;line-height:1.5;overflow-wrap:anywhere;min-width:0}.borrow-result>span{font-family:Pixel;font-size:1.125rem}.summary{margin:22px 0 22px;border-top:1px solid var(--line);padding-top:16px;font-size:.75rem;display:grid;gap:8px}.summary>div{display:flex;justify-content:space-between;gap:15px}.summary dd{margin:0;text-align:right}.summary div:first-child dd{color:var(--teal);font-weight:bold}.primary-button,.secondary-button{display:block;text-align:center;padding:14px 20px;min-height:48px;background:var(--navy);border:2px solid var(--navy);color:var(--paper);font-size:.875rem;transition:background .15s;width:100%}.primary-button:hover{background:#ad4773}.primary-button.disabled{opacity:.55;cursor:wait}.secondary-button{background:transparent;color:var(--navy)}.secondary-button:hover{background:var(--paper-dark)}.calculator-note{text-align:center;font-size:.6875rem;margin-top:14px;line-height:1.7}.calculator-note span{color:var(--muted)}.error-text{font-size:.8125rem;color:var(--danger);margin-top:12px}.error-text:empty{display:none}footer{max-width:1200px;margin:0 auto;padding:36px 32px 28px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top .brand{font-size:1.25rem}.footer-bottom{display:flex;justify-content:space-between;gap:24px;font-size:.6875rem;color:var(--muted);margin-top:25px}dialog{background:var(--paper);color:var(--navy);border:4px solid var(--navy);box-shadow:6px 6px 0 var(--navy);padding:28px;max-width:470px;width:calc(100% - 40px)}dialog::backdrop{background:#55102c88}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-heading h2{font-size:1.1rem}.icon-button{font-size:1.5rem;background:none}.dialog-heading+p{font-size:.875rem;margin:18px 0}#wallet-options{display:grid;gap:12px;margin-bottom:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);padding:12px 22px;background:var(--navy);color:var(--paper);opacity:0;pointer-events:none;font-size:.875rem;box-shadow:4px 4px var(--orange);transition:.2s;max-width:calc(100% - 40px);z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1300px){.hero{gap:106px;padding-top:72px;padding-bottom:85px}.calculator{padding:30px 32px 23px}.intro-copy{margin-top:26px}.steps{margin-top:39px;gap:25px}.intro-bottom{margin-top:35px}.range-heading{margin-top:35px}}
@media(max-width:1000px){.hero{gap:44px;padding-top:45px}.header-inner{padding-left:24px;padding-right:24px}.bar-inner{padding-left:24px;padding-right:24px}.brand{font-size:1.4rem}.brand-mark{width:31px;height:31px}.wallet-button{font-size:.75rem;padding:11px 12px}nav{gap:19px}.calculator{padding:24px 22px 18px}.badge{font-size:.55rem}.hero h1{font-size:1.75rem}.panel-caption{gap:8px}.borrow-result output{font-size:2.5rem}}
@media(max-width:760px){.header-inner{grid-template-columns:1fr 1fr;gap:17px;padding:20px 20px 12px}.header-inner .brand{grid-row:1;grid-column:1}.header-inner nav{grid-row:2;grid-column:1/-1;justify-content:center}.wallet-button{grid-row:1;grid-column:2}.header-inner nav a{font-size:.875rem}.bar-inner{padding:11px 20px;gap:10px;flex-wrap:wrap}.feed-label{font-size:.6875rem}.market-values{gap:14px;font-size:.6875rem}.market-bar .text-button{margin-left:auto}.sub-bar .bar-inner>span:last-child{display:none}.hero{grid-template-columns:1fr;gap:38px;padding:38px 24px 52px}.hero h1{font-size:clamp(1.7rem,6vw,2.5rem)}.intro-copy{margin-top:20px}.steps{gap:18px;margin-top:27px}.intro-bottom{margin-top:25px}.eyebrow{font-size:.625rem}.calculator{padding:26px 23px 19px}.badge{font-size:.625rem}.panel-caption{font-size:.6875rem}.borrow-result output{font-size:2.7rem}.range-labels{font-size:.6875rem}.small-text,.calculator-note{font-size:.75rem}.footer-top{align-items:flex-start}.footer-top nav{gap:15px}.footer-bottom{flex-direction:column;gap:7px}footer{padding:30px 24px}.market-bar .bar-inner{justify-content:space-between}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.mini-diagram *,.film-stage:not(.started) *{animation:none!important}}
.risk-section{max-width:1136px;margin:0 auto;padding:43px 0 36px;border-top:2px solid var(--navy);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.02fr 1.05fr;gap:38px}.risk-intro .eyebrow{font-size:.6rem;letter-spacing:0;margin-bottom:18px}.risk-intro h2{font-size:1.5rem;letter-spacing:-.04em}.risk-intro p,.art-copy p{font-size:.875rem;color:var(--muted);margin:18px 0}.underlined{font-size:.8125rem;border-bottom:1px solid var(--navy);padding-bottom:5px;display:inline-block}.risk-controls .range-heading{margin:0 0 14px}.risk-controls .range-heading:not(:first-child){margin-top:25px}.risk-controls .range-heading label{font-size:.8125rem}.risk-controls .range-heading output{font-size:1.3rem}.risk-controls .pixel-range{height:20px}.risk-controls .pixel-range::-webkit-slider-thumb{height:28px}.risk-controls .pixel-range::-moz-range-thumb{height:25px}.period-control{display:flex;align-items:center;justify-content:space-between;margin-top:28px;font-size:.8125rem;gap:14px}.period-control select{background:transparent;border:1px solid var(--line);padding:7px}.scenario-panel{background:var(--paper-dark);padding:20px 22px;border:1px solid var(--line)}.scenario-top{font-size:.625rem;display:flex;justify-content:space-between;gap:10px;align-items:center}.scenario-status{color:var(--teal);white-space:nowrap}.scenario-result{font-family:Pixel;display:flex;align-items:baseline;gap:8px;margin:10px 0}.scenario-result output{font-size:2.5rem}.scenario-result>span{font-size:1.25rem}.risk-meter{height:12px;background:#e9cbd9;position:relative;margin-bottom:9px}.risk-meter>div{height:100%;background:var(--teal);width:0;max-width:100%}.risk-meter>span{position:absolute;top:-5px;width:3px;height:22px;background:var(--orange)}.scenario-panel p{font-size:.75rem;line-height:1.8;margin:16px 0;min-height:43px}.scenario-panel .secondary-button{font-size:.75rem;padding:10px;min-height:42px}.scenario-panel.danger{border-color:var(--danger)}.scenario-panel.danger .scenario-status,.scenario-panel.danger .scenario-result{color:var(--danger)}.scenario-panel.danger .risk-meter>div{background:var(--danger)}.risk-note{grid-column:1/-1;font-size:.6875rem;color:var(--muted);max-width:940px;margin-top:-10px}.art-section{max-width:1200px;margin:auto;padding:65px 32px;display:grid;grid-template-columns:1fr 1.65fr;gap:65px;align-items:center}.art-copy h2{font-size:1.7rem;letter-spacing:-.025em}.art-copy .eyebrow{font-size:.625rem}.art-frame{border:3px solid var(--navy);box-shadow:5px 5px 0 var(--navy);background:var(--paper-dark);overflow:hidden}.art-frame img{width:100%;height:auto;max-height:350px;object-fit:cover;display:block;image-rendering:pixelated}.art-caption{display:flex;justify-content:space-between;font-size:.625rem;padding:11px 15px;background:var(--navy);color:var(--paper)}.page-shell{max-width:1200px;margin:auto;padding:55px 32px 75px;min-height:62vh}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:32px}.page-heading h1{font-size:2rem}.page-heading p{font-size:.8125rem;color:var(--muted)}.address-form{display:flex;gap:14px;margin-bottom:12px}.address-form input{flex:1;min-width:0;padding:15px 20px;background:var(--paper-dark);border:1px solid var(--line);font-size:.875rem}.address-form button{width:auto;white-space:nowrap}.position-empty{border:2px dashed var(--line);text-align:center;padding:65px 25px;margin-top:30px}.position-empty h2{font-size:1.25rem}.position-empty p{font-size:.875rem;color:var(--muted);margin:15px 0 25px}.position-empty .secondary-button{max-width:220px;margin:auto}.position-card{border:2px solid var(--navy);padding:25px;margin-top:25px}.position-card .card-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.875rem}.position-card .card-top a{text-decoration:underline;overflow-wrap:anywhere}.position-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:25px 0}.position-stats dt{font-size:.75rem;color:var(--muted)}.position-stats dd{font-family:Pixel;margin:8px 0;font-size:1.5rem;overflow-wrap:anywhere}.position-foot{font-size:.75rem;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:15px;color:var(--muted)}.position-foot a{color:var(--navy);text-decoration:underline}.positions-status{margin-top:24px;font-size:.875rem}.docs-layout{display:grid;grid-template-columns:210px 1fr;gap:55px}.docs-nav{position:sticky;top:30px;align-self:start;display:grid;gap:6px}.docs-nav a{font-size:.875rem;padding:6px 0;color:var(--muted)}.docs-nav a:hover{color:var(--navy)}.docs-content section{scroll-margin-top:25px;padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid var(--line)}.docs-content h2{font-size:1.3rem;margin-bottom:18px}.docs-content p,.docs-content li{font-size:.9375rem;color:var(--muted)}.docs-content p+p{margin-top:15px}.docs-content a{text-decoration:underline;color:var(--navy)}.formula{display:block;padding:18px 20px;margin:18px 0;background:var(--paper-dark);font-size:.875rem;overflow-wrap:anywhere}.docs-content ul{padding-left:22px}.wallet-provider{display:flex;justify-content:space-between}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.inline-error{border-left:3px solid var(--danger);padding:15px 20px;background:#edd8ce;color:var(--danger);font-size:.875rem;margin-top:24px}
@media(max-width:1200px){.risk-section{margin-left:32px;margin-right:32px;gap:27px}.scenario-panel{padding:20px 17px}.risk-intro h2{font-size:1.35rem}.risk-intro .eyebrow{font-size:.55rem}.scenario-top{display:block}.scenario-status{display:block;margin-top:5px}.art-section{gap:40px}}
@media(max-width:900px){.risk-section{grid-template-columns:1fr 1fr;gap:30px}.risk-intro{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.risk-intro .eyebrow{grid-column:1/-1;font-size:.625rem}.risk-intro .underlined{justify-self:start;margin-top:14px}.risk-intro p{margin:0}.art-section{grid-template-columns:1fr 1.5fr;gap:30px}.art-copy h2{font-size:1.35rem}.art-copy .eyebrow{font-size:.55rem}.docs-layout{grid-template-columns:160px 1fr;gap:28px}.position-stats dd{font-size:1.25rem}}
@media(max-width:760px){.risk-section{margin:0 24px;padding-top:35px;grid-template-columns:1fr;gap:30px}.risk-intro{display:block}.risk-intro h2{font-size:1.6rem}.risk-intro p{margin-top:14px}.risk-note{font-size:.75rem;margin:0}.scenario-top{display:flex}.scenario-status{margin:0}.scenario-panel{padding:22px}.scenario-panel p{font-size:.8125rem;min-height:0}.art-section{grid-template-columns:1fr;gap:27px;padding:45px 24px}.art-copy .eyebrow{font-size:.625rem}.art-copy h2{font-size:1.5rem}.art-frame img{max-height:none}.art-caption{font-size:.625rem}.page-shell{padding:35px 24px 55px}.page-heading{display:block}.page-heading h1{font-size:1.7rem}.page-heading p{margin-top:12px}.address-form{flex-direction:column}.address-form button{width:100%}.docs-layout{display:block}.docs-nav{display:flex;flex-wrap:wrap;position:static;gap:6px 18px;margin-bottom:35px}.docs-nav a{font-size:.75rem}.docs-content p,.docs-content li{font-size:.9375rem}.position-stats{grid-template-columns:1fr;gap:5px}.position-stats>div{display:flex;align-items:center;justify-content:space-between;gap:20px}.position-stats dd{font-size:1.1rem}.position-card{padding:20px}.position-foot{flex-direction:column}.position-card .card-top{align-items:start;flex-direction:column;gap:5px}.position-empty{padding:40px 18px}.position-empty h2{font-size:1rem}}
.mini-diagram{margin-top:20px}.mini-diagram svg{display:block;width:100%;max-height:125px;overflow:visible}.mini-diagram text{font-family:Plex;font-size:11px;fill:var(--muted)}.mini-particle{animation:signal 3s steps(26) infinite}.mini-particle.later{animation-delay:1.5s}.mini-meter{animation:meterBlink 3s steps(1) infinite}.mini-diagram.paused *{animation-play-state:paused!important}.diagram-footer{display:flex;justify-content:space-between;align-items:center}.diagram-footer button{font-size:1rem;min-width:38px;min-height:36px;justify-content:center;border:1px solid var(--line)}@keyframes signal{0%{transform:translateX(0);opacity:0}10%,75%{opacity:1}90%,100%{transform:translateX(100px);opacity:0}}@keyframes meterBlink{0%,48%,100%{opacity:.3}50%,90%{opacity:1}}
.film-section{max-width:1200px;margin:auto;padding:55px 32px 65px}.film-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px;gap:30px}.film-heading h2{font-size:1.6rem}.film-heading .eyebrow{font-size:.625rem;margin-bottom:14px}.film-heading>p{font-size:.875rem;color:var(--muted)}.film-stage{position:relative;border:1px solid var(--line);background:var(--paper)}.film-stage>svg{display:block;width:100%;height:auto}.film-stage text{fill:currentColor;font-family:Plex}.film-stage .svg-brand{font-family:Pixel;font-size:30px;letter-spacing:3px}.film-stage .svg-label{font-size:11px}.film-stage .svg-small{font-size:8px;fill:var(--muted)}.film-stage .svg-tagline{font-family:Pixel;font-size:10px;letter-spacing:1px}.film-controls{display:flex;align-items:center;padding:0 28px 23px;gap:1px}.film-controls button{background:var(--navy);color:var(--paper);padding:9px 13px;min-height:42px;font-size:.75rem;display:flex;align-items:center;gap:14px}.film-controls #film-play-icon{font-size:1.25rem;line-height:1}.film-control-label{font-size:.625rem;margin-left:auto;color:var(--muted);letter-spacing:.04em}.film-progress{height:3px;background:var(--paper-dark)}.film-progress span{display:block;width:0;height:100%;background:var(--orange)}.film-stage .film-particle{opacity:0}.film-stage.started .film-left{animation:filmLeft 8s linear both}.film-stage.started .film-logo{animation:filmLogo 8s linear both;transform-origin:500px 175px}.film-stage.started .film-right{animation:filmRight 8s linear both}.film-stage.started .film-buffer{animation:filmBuffer 8s linear both}.film-stage.started .film-line{animation:filmLine 8s linear both}.film-stage.started .film-particle.first{animation:filmSignal 8s linear both}.film-stage.started .film-particle.second{animation:filmSignalTwo 8s linear both}.film-stage.started .film-bar{animation:filmBar 8s steps(20) both;transform-origin:340px 300px}.film-stage.started .twinkle{animation:filmTwinkle 8s steps(1) both}.film-stage.started *{animation-play-state:paused}.film-stage.started.playing *{animation-play-state:running}@keyframes filmLeft{0%{opacity:0;transform:translateY(10px)}12%,100%{opacity:1;transform:translateY(0)}}@keyframes filmLogo{0%,12%{opacity:0;transform:scale(.85)}27%,100%{opacity:1;transform:scale(1)}}@keyframes filmRight{0%,28%{opacity:0;transform:translateY(10px)}43%,100%{opacity:1;transform:translateY(0)}}@keyframes filmBuffer{0%,40%{opacity:0}55%,100%{opacity:1}}@keyframes filmLine{0%,12%{opacity:0;stroke-dashoffset:0}30%,100%{opacity:1;stroke-dashoffset:-70}}@keyframes filmSignal{0%,15%{opacity:0;transform:translate(0,0)}16%{opacity:1}23%{transform:translate(64px,0)}27%{transform:translate(64px,-34px)}34%{transform:translate(139px,-34px);opacity:1}35%,100%{opacity:0;transform:translate(139px,-34px)}}@keyframes filmSignalTwo{0%,32%{opacity:0;transform:translate(0,0)}33%{opacity:1}40%{transform:translate(75px,0)}44%{transform:translate(75px,34px)}52%{transform:translate(140px,34px);opacity:1}53%,100%{opacity:0;transform:translate(140px,34px)}}@keyframes filmBar{0%,45%{transform:scaleX(.05)}67%{transform:scaleX(1.6)}82%,100%{transform:scaleX(1)}}@keyframes filmTwinkle{0%,20%,60%,100%{opacity:.25}10%,30%,70%,90%{opacity:1}}
@media(min-width:1001px){.hero{gap:85px}.intro-bottom{margin-top:26px;padding-top:23px}.hero h1{font-size:2rem;line-height:1.45}.steps{gap:20px;margin-top:27px}.intro-copy{margin-top:20px}.mini-diagram{margin-top:8px}}@media(max-width:1000px){.hero{gap:40px}.hero h1{font-size:1.65rem}.intro-copy{font-size:.875rem}.steps{gap:16px}.steps p{font-size:.75rem}.intro-bottom p{font-size:.75rem}.mini-diagram{margin-top:12px}.mini-diagram svg{max-height:105px}.diagram-footer .underlined{font-size:.75rem}}
@media(max-width:760px){.hero h1{font-size:clamp(1.8rem,6vw,2.5rem)}.intro-copy{font-size:1rem}.steps p,.intro-bottom p{font-size:.875rem}.mini-diagram svg{max-height:135px}.mini-diagram text{font-size:12px}.intro-bottom{margin-top:26px}.film-section{padding:40px 24px 45px}.film-heading{display:block}.film-heading h2{font-size:1.4rem}.film-heading>p{margin-top:15px}.film-controls{padding:5px 14px 14px}.film-control-label{display:none}.film-stage>svg{min-height:230px}.film-stage .svg-label{font-size:13px}.film-stage .svg-small{font-size:10px}.film-stage .svg-tagline{font-size:12px}.panel-caption{font-size:.6875rem}}
@media(max-width:760px){.hero{display:flex;flex-direction:column;gap:0}.intro{display:contents}.intro>.eyebrow{order:0;margin-bottom:22px}.intro>h1{order:1}.intro>.intro-copy{order:2;margin-top:20px}.calculator{order:3;width:100%;margin:30px 0 8px}.intro>.steps{order:4;width:100%;margin-top:35px}.intro>.intro-bottom{order:5;width:100%;margin-top:30px}.intro>.mini-diagram{order:6;width:100%;margin-top:18px}}

/* Opening sequence: four logo slices, a letter reveal and a pixel wipe. */
.opening-pending{background:#fff5f9}.opening-pending body>:not(#opening-screen){visibility:hidden}
.opening-screen{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:32px 40px;border:0;box-shadow:none;background:var(--paper);color:var(--navy);overflow:hidden;outline:none;z-index:1000}
.opening-screen[data-open]{display:grid;grid-template-rows:auto 1fr auto}.opening-screen[hidden]{display:none}
.opening-top,.opening-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.6875rem;letter-spacing:.08em;position:relative;z-index:2}.opening-top>span,.opening-bottom>span:first-child{color:var(--muted)}
#skip-opening{border:1px solid var(--line);background:var(--paper);padding:10px 15px;font-size:.8125rem;letter-spacing:0;display:flex;gap:16px;align-items:center}#skip-opening:hover{background:var(--paper-dark)}#skip-opening>span{font-size:1.25rem;line-height:1}
.opening-bottom>span:last-child{color:var(--orange);font-family:Pixel;font-size:1.6rem}
.opening-center{align-self:center;justify-self:center;position:relative;width:min(440px,100%);text-align:center;padding:25px 0 45px}
.opening-mark{display:block;width:88px;height:88px;overflow:visible;shape-rendering:crispEdges;margin:0 auto 27px}.opening-slice{transform-box:fill-box;transform-origin:center}
#opening-title{display:flex;justify-content:center;gap:.13em;font-family:Pixel;font-size:clamp(2rem,5vw,3.1rem);line-height:1.25;font-weight:400;letter-spacing:.03em}#opening-title>span{display:inline-block}
#opening-tagline{font-size:.75rem;letter-spacing:.035em;margin:22px 0 31px;line-height:1.8}
.opening-bar{position:relative;width:300px;max-width:100%;height:16px;margin:0 auto;background:var(--paper-dark)}.opening-bar>div{height:100%;width:100%;background:var(--navy);transform-origin:left}.opening-bar:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(to right,transparent 0,transparent 8px,var(--paper) 8px,var(--paper) 12px)}
.opening-labels{display:flex;justify-content:space-between;width:300px;max-width:100%;margin:10px auto 0;font-size:.5625rem;letter-spacing:.03em;color:var(--muted)}
.opening-corner{position:absolute;width:19px;height:19px;border-color:var(--line);border-style:solid}.opening-corner.top-left{top:17px;left:17px;border-width:2px 0 0 2px}.opening-corner.top-right{top:17px;right:17px;border-width:2px 2px 0 0}.opening-corner.bottom-left{bottom:17px;left:17px;border-width:0 0 2px 2px}.opening-corner.bottom-right{bottom:17px;right:17px;border-width:0 2px 2px 0}
.opening-orbit{position:absolute;width:210px;height:155px;left:50%;top:1px;transform:translateX(-50%);pointer-events:none}.opening-orbit i{position:absolute;display:block;width:5px;height:5px;background:var(--orange)}.opening-orbit i:nth-child(1){left:0;top:5px}.opening-orbit i:nth-child(2){right:8px;top:25px}.opening-orbit i:nth-child(3){left:15px;bottom:20px}.opening-orbit i:nth-child(4){right:0;bottom:0}
.opening-playing .slice-1{animation:openingSliceLeft .7s .08s steps(7,end) both}.opening-playing .slice-2{animation:openingSliceRight .7s .22s steps(7,end) both}.opening-playing .slice-3{animation:openingSliceLeft .7s .36s steps(7,end) both}.opening-playing .slice-4{animation:openingSliceRight .7s .5s steps(7,end) both}
.opening-playing #opening-title>span{animation:openingLetter .4s steps(5,end) both;animation-delay:calc(.7s + var(--letter)*.075s)}.opening-playing #opening-tagline,.opening-playing .opening-labels{animation:openingCaption .5s 1.15s both}.opening-playing .opening-bar>div{animation:openingFill 1.6s .95s steps(25,end) both}.opening-playing .opening-orbit i{animation:openingSpark 2.8s steps(1,end) both}.opening-playing .opening-orbit i:nth-child(even){animation-delay:.15s}.opening-closing{animation:openingExit .38s steps(14,end) both}
.replay-opening{background:none;color:var(--navy);padding:0;font-size:.6875rem;display:flex;gap:9px;align-items:center}.replay-opening:hover{text-decoration:underline}
@keyframes openingSliceLeft{0%{opacity:0;transform:translate(-22px,-5px)}55%{opacity:1}100%{opacity:1;transform:translate(0,0)}}
@keyframes openingSliceRight{0%{opacity:0;transform:translate(22px,5px)}55%{opacity:1}100%{opacity:1;transform:translate(0,0)}}
@keyframes openingLetter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes openingCaption{from{opacity:0}to{opacity:1}}
@keyframes openingFill{0%{transform:scaleX(0)}70%{transform:scaleX(.72)}100%{transform:scaleX(1)}}
@keyframes openingSpark{0%,70%,100%{opacity:0}15%,35%,55%{opacity:1}25%,45%{opacity:.2}}
@keyframes openingExit{from{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}
@media(max-width:600px){.opening-screen{padding:24px}.opening-top,.opening-bottom{font-size:.5625rem;letter-spacing:.04em}.opening-mark{width:76px;height:76px;margin-bottom:24px}.opening-center{width:100%;padding-bottom:28px}#opening-tagline{font-size:.625rem;letter-spacing:0}.opening-bar,.opening-labels{width:264px;max-width:100%}#skip-opening{font-size:.75rem;padding:8px 12px;gap:10px}.opening-orbit{width:190px}.footer-bottom{align-items:flex-start;flex-wrap:wrap}.replay-opening{font-size:.75rem;min-height:30px}}
@media(prefers-reduced-motion:reduce){.opening-screen *,.opening-screen{animation:none!important}}

:where([hidden]){display:none!important}
.transaction-panel{max-width:1120px;margin:40px auto 80px;border:1px solid var(--navy);padding:32px;background:var(--paper)}
.transaction-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.transaction-heading h2{font-family:Pixel,monospace;font-size:28px;margin:12px 0}.transaction-panel>p{max-width:800px}.network-label{border:1px solid var(--line);padding:8px 12px;font-size:12px;white-space:nowrap}.transaction-fields{display:grid;grid-template-columns:1fr 1fr 2fr;gap:16px;margin:24px 0 12px}.transaction-fields label{display:grid;gap:10px;font-size:14px}.transaction-fields input,.transaction-fields select{width:100%;min-width:0;height:48px;border:1px solid var(--line);border-radius:0;color:var(--navy);background:var(--paper);padding:10px 12px;font:inherit}.transaction-panel button{cursor:pointer}.transaction-panel button:disabled{cursor:wait;opacity:.5}.transaction-panel #tx-status{min-height:28px;overflow-wrap:anywhere}.transaction-review{border-top:2px solid var(--navy);padding:24px 0;margin-top:20px}.transaction-review h3{font-size:23px}.transaction-review dl{display:grid;grid-template-columns:220px 1fr;gap:12px}.transaction-review dt{font-size:14px}.transaction-review dd{margin:0;overflow-wrap:anywhere}.transaction-review button{margin:8px 12px 0 0}.transaction-panel #tx-explorer{display:inline-block;margin:12px 0}.transaction-panel #tx-check{margin-right:20px}.transaction-panel .small-text{font-size:13px;line-height:1.7}.transaction-panel input:focus,.transaction-panel select:focus{outline:2px solid var(--navy);outline-offset:3px}
@media(max-width:700px){.transaction-panel{margin:28px 20px 50px;padding:20px}.transaction-heading{display:block}.network-label{display:inline-block;margin:4px 0 12px}.transaction-fields{grid-template-columns:1fr 1fr}.transaction-fields label:last-child{grid-column:1/-1}.transaction-review dl{grid-template-columns:1fr;gap:7px}.transaction-review dd{margin-bottom:12px}.transaction-review button{display:block;width:100%}}
.header-actions{justify-self:end;display:flex;align-items:center;gap:12px}.x-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;flex-shrink:0;transition:background .15s,color .15s}.x-button svg{width:20px;height:20px}.x-button:hover{background:var(--paper);color:var(--navy)}.footer-top .x-button{padding:0;width:36px;height:36px}.footer-top .x-button:hover{background:var(--navy);color:var(--paper)}@media(max-width:760px){.header-actions{grid-column:2;grid-row:1;gap:8px}.header-actions .wallet-button{grid-column:auto;grid-row:auto;padding:10px 9px;font-size:.68rem;gap:6px}.header-actions .x-button{width:34px;height:38px}.header-inner .brand{font-size:1.35rem;gap:8px}.header-inner .brand-mark{width:30px;height:30px}}@media(max-width:390px){.header-inner{padding-left:12px;padding-right:12px;gap:10px}.header-actions{gap:6px}.header-inner .brand{font-size:1.15rem}.header-inner .brand-mark{width:26px;height:26px}.header-actions .wallet-button{font-size:.65rem;padding:10px 7px}.header-actions .wallet-button>span:first-child{display:none}.footer-top{flex-wrap:wrap}}