:root{--paper: #f6f5ef;--ink: #171914;--ink-soft: #62665c;--line: #dedfd5;--yellow: #ffe600;--night: #171c18;--night-soft: #b2b9ac;--green: #36744a;--font-display: "Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;--font-body: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #7b5cca;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.055em;text-wrap:balance}.wrap{position:relative;z-index:3;width:min(100% - 112px,1280px);margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:9px;font:500 11px/1.5 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.arrow{width:20px;height:20px;flex:none}.arrow.down{transform:rotate(90deg)}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:var(--yellow);padding:12px 18px;transform:translateY(-150%)}.skip-link:focus{transform:none}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;display:block}#labels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.tag{position:absolute;left:0;top:0;opacity:0;will-change:transform,opacity}.tag-dot{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--yellow)}.tag-line{position:absolute;left:0;top:0;height:1px;background:currentColor;transform-origin:0 50%;opacity:.45}.tag-text{position:absolute;white-space:nowrap;font:400 10px/1.4 var(--font-mono);padding:6px 9px;border:1px solid #ffffff26;border-radius:5px}.tag[data-tone=night]{color:var(--paper)}.tag[data-tone=night] .tag-text{background:var(--night)}.tag[data-tone=paper]{color:var(--ink)}.tag[data-tone=paper] .tag-text{background:var(--paper)}.nav{position:absolute;z-index:20;inset:max(28px,env(safe-area-inset-top)) 0 auto;width:min(100% - 112px,1280px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font:700 23px/1 var(--font-display);letter-spacing:-.05em}.brand svg{width:34px;height:24px;flex:none}.nav-links{display:flex;gap:34px;margin-left:70px}.nav-links a,.nav-source{text-decoration:none;font-size:13px;font-weight:600}.nav-links a{padding:12px 0;color:var(--ink-soft)}.nav-links a:hover{color:var(--ink)}.nav-source{display:inline-flex;align-items:center;gap:18px;padding:10px 16px;border:1px solid #a9ad9e;border-radius:999px;transition:background .2s}.nav-source:hover{background:#e9eadf}.nav-source .arrow{width:16px;height:16px;transform:rotate(-45deg)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:54px;padding:15px 23px;border-radius:999px;font-size:14px;line-height:1.3;font-weight:600;text-decoration:none;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn-ink{background:var(--ink);color:var(--paper)}.btn-ink:hover{background:#32392e}.text-link{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:14px;font-weight:600}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link .arrow{width:16px;height:16px;transform:rotate(-45deg)}.cta-row{display:flex;align-items:center;flex-wrap:wrap;gap:26px}.hero{position:relative;background:var(--paper);min-height:min(880px,100svh);padding-top:125px;display:flex;flex-direction:column;justify-content:center;overflow:clip}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;flex:1;align-items:center;padding-block:44px 54px}.hero-copy{min-width:0}.hero-copy .eyebrow{color:var(--ink-soft);margin-bottom:27px}.hero-copy .status-dot{color:#708539}.hero h1{font-size:clamp(3.4rem,5.9vw,6rem);line-height:.99;font-variation-settings:"opsz" 96;letter-spacing:-.067em}.highlight{position:relative;white-space:nowrap;background:linear-gradient(transparent 58%,var(--yellow) 58%,var(--yellow) 94%,transparent 94%)}.lede{margin-top:28px;max-width:340px;color:var(--ink-soft);font-size:18px;line-height:1.6}.hero .cta-row{margin-top:30px}.hero-note{margin-top:25px;font-size:12px;color:#74796c}.hero-stage{position:relative;min-height:430px;height:100%;cursor:grab;touch-action:pan-y}.hero-stage:active{cursor:grabbing}.hero-orbit{position:absolute;width:560px;height:560px;border:1px solid #daddcf;border-radius:50%;top:48%;left:74%;transform:translate(-50%,-50%)}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid #e2e5d9;border-radius:50%;top:43px;right:43px;bottom:43px;left:43px}.hero-orbit:after{top:90px;right:90px;bottom:90px;left:90px}.visual-index{position:absolute;top:3%;right:0;font:400 10px/1.6 var(--font-mono);color:#818776;text-align:right}.drag-hint{position:absolute;bottom:4%;right:0;display:flex;align-items:center;gap:12px;color:var(--ink-soft);font:400 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.drag-hint span{font:400 22px/1 var(--font-body)}.drag-hint{visibility:hidden}.webgl-on .drag-hint{visibility:visible}.hero-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding-block:24px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:11px}.hero-bottom strong{font-weight:600;color:var(--ink);margin-left:4px}.availability{display:flex;align-items:center;gap:8px}.availability .status-dot{color:#708539;width:5px;height:5px}.availability i{width:2px;height:2px;background:currentColor;border-radius:50%;margin-inline:3px}.fallback-card{position:absolute;left:50%;top:50%;width:min(410px,95%);aspect-ratio:1.586;transform:translate(-50%,-50%) rotate(-10deg);border-radius:18px;background:linear-gradient(130deg,#314774,#14213d 65%);box-shadow:0 35px 50px -25px #14213d70;color:var(--paper);transition:opacity .3s}.fallback-card span{position:absolute;top:14%;left:8%;font:600 16px var(--font-body)}.fallback-card i{position:absolute;top:37%;left:10%;width:12%;height:18%;border:1px solid #9e7f38;border-radius:7px;background:linear-gradient(135deg,#e8d390,#aa863c)}.fallback-card b{position:absolute;bottom:19%;left:10%;font:400 18px var(--font-mono);letter-spacing:3px}.fallback-card em{position:absolute;bottom:8%;right:8%;color:var(--yellow);font:italic 700 24px var(--font-display)}.webgl-on .fallback-card{opacity:0}.story{background:var(--night);color:var(--paper);padding-block:95px 25px}.story-intro{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end}.story-intro .eyebrow{grid-column:1 / -1;color:var(--yellow)}h2{font-size:clamp(2.8rem,4.5vw,4.5rem);line-height:1.05}.story-intro p{color:var(--night-soft);font-size:16px;justify-self:end;margin-right:6%;padding-bottom:5px}.step{display:flex;align-items:center;padding-block:35px}.webgl-on .step{min-height:80svh;padding-block:0}.step-copy{max-width:365px;padding-block:35px}.step-no{font:400 14px/1 var(--font-mono);color:var(--yellow);display:block;margin-bottom:30px}.step-no span{color:#6f7b69;font-size:10px;margin-left:7px}.step h3{font-size:clamp(2.4rem,3.4vw,3.4rem);line-height:1.05}.step-copy>p{color:var(--night-soft);font-size:17px;line-height:1.7;margin-top:22px;max-width:330px}.step-tag{display:inline-flex;gap:9px;align-items:center;font:400 10px/1.5 var(--font-mono);margin-top:26px;padding-top:18px;border-top:1px solid #ffffff26;color:#d1d8c6}.step-tag .status-dot{color:var(--yellow);width:5px;height:5px}.signature-flow{display:flex;align-items:center;gap:10px;margin-top:28px;font:400 10px/1.4 var(--font-mono);color:var(--night-soft)}.signature-flow .arrow{width:16px;height:16px}.signature-flow .flow-chip{border:1px solid #ffe60077;padding:9px 13px;border-radius:7px;color:var(--yellow)}.section{padding-block:100px}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:45px}.section-head .eyebrow,.wallet-heading .eyebrow,.details .eyebrow{margin-bottom:20px;color:var(--ink-soft)}.section-head>p{color:var(--ink-soft);font-size:15px;padding-bottom:5px}.proof{background:var(--paper)}.receipts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.receipt{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:13px;background:#fffef9;padding:25px 24px 0}.receipt-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font:400 10px/1.4 var(--font-mono);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.025em}.receipt-meta>span:last-child{opacity:.65}.receipt-amount{display:flex;align-items:baseline;gap:10px;font:500 clamp(3rem,4.2vw,4.5rem)/1 var(--font-display);letter-spacing:-.055em;padding-block:32px 20px}.receipt-amount span{color:var(--ink-soft);font:400 12px var(--font-mono);letter-spacing:0}.receipt h3{font:500 16px/1.4 var(--font-body);letter-spacing:-.015em;max-width:235px;margin-bottom:30px;text-wrap:initial}.receipt-bottom{margin-top:auto;border-top:1px dashed #d5d7c9;padding-block:17px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px}.settled{display:flex;gap:6px;align-items:center;color:var(--green)}.settled .status-dot{width:5px;height:5px}.receipt-bottom a{display:inline-flex;align-items:center;gap:3px;text-underline-offset:3px}.receipt-bottom .arrow{width:12px;height:12px;transform:rotate(-45deg)}.demo-label{color:var(--ink-soft)}.verification{display:flex;align-items:center;flex-wrap:wrap;gap:20px 28px;margin-top:30px;padding-top:25px;border-top:1px solid var(--line);font-size:11px;color:var(--ink-soft)}.verification-label{font:400 10px var(--font-mono);text-transform:uppercase;letter-spacing:.03em}.verification strong{color:var(--ink);font-weight:600;margin-right:4px}.verification-note{margin-left:auto;font-size:10px}.wallet{background:#eeefe6;border-block:1px solid var(--line);padding-block:75px}.wallet>.wrap{display:grid;grid-template-columns:.9fr 1.5fr;gap:70px;align-items:center}.wallet h2{font-size:clamp(2.5rem,3.4vw,3.4rem)}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.feature>svg{width:28px;height:28px;margin-bottom:20px}.feature h3{font:600 16px/1.4 var(--font-body);letter-spacing:-.02em;margin-bottom:9px}.feature p{font-size:13px;color:var(--ink-soft);line-height:1.7}.details{background:var(--paper)}.details-grid{display:grid;grid-template-columns:.9fr 1.5fr;gap:70px}.details h2{font-size:clamp(2.6rem,3.6vw,3.6rem);margin-bottom:25px}.protocol-links{display:flex;flex-direction:column;align-items:flex-start;gap:14px}details{border-bottom:1px solid #cfd3c4}details:first-child{border-top:1px solid #cfd3c4}summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;font-size:16px;font-weight:500;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary>span{position:relative;width:15px;height:15px;flex:none}summary>span:before,summary>span:after{content:"";width:13px;height:1px;background:currentColor;position:absolute;top:7px;left:1px}summary>span:after{transform:rotate(90deg);transition:transform .2s}details[open] summary>span:after{transform:rotate(0)}.detail-body{padding:0 30px 25px 0;color:var(--ink-soft);font-size:14px;line-height:1.75}.detail-body p+p{margin-top:12px}.contract-link{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:14px;color:var(--ink);text-underline-offset:4px}.contract-link .arrow{width:14px;height:14px;transform:rotate(-45deg)}.outro{position:relative;z-index:3;background:var(--yellow);padding-block:85px;overflow:hidden}.outro h2{font-size:clamp(3rem,5vw,5rem);max-width:850px;margin-top:20px}.outro .btn{margin-top:32px}.outro-mark{position:absolute;right:-35px;bottom:-100px;transform:rotate(-20deg);opacity:.12;z-index:-1}.outro-mark svg{width:360px;height:260px}footer{position:relative;z-index:3;background:var(--paper);padding-block:35px max(25px,env(safe-area-inset-bottom))}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer .brand{font-size:21px}footer .brand svg{width:29px}footer span,.footer-links{color:var(--ink-soft);font-size:11px}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}footer small{flex-basis:100%;color:var(--ink-soft);font-size:10px}@media (min-width: 1500px){.hero{min-height:850px}}@media (max-width: 1100px){.wrap,.nav{width:calc(100% - 64px)}.hero h1{font-size:6.1vw}.hero .cta-row{gap:20px}.hero .text-link{font-size:12px}.btn{padding-inline:20px;gap:15px}.wallet>.wrap,.details-grid{gap:40px;grid-template-columns:.85fr 1.5fr}.features{gap:20px}.verification-note{margin-left:0}}@media (max-width: 899px){.wrap,.nav{width:calc(100% - 48px)}.nav{top:max(24px,env(safe-area-inset-top))}.nav-links{margin:0;gap:22px}.hero{padding-top:90px}.hero-grid{grid-template-columns:minmax(0,1fr);padding-block:0 40px;gap:10px}.hero-stage{order:-1;min-height:300px;height:35svh}.hero-orbit{left:50%;top:240px;width:340px;height:340px}.visual-index{top:3%;right:0;font-size:8px}.drag-hint{bottom:1%;right:0;font-size:8px}.hero-copy .eyebrow{margin-bottom:18px}.hero h1{font-size:clamp(3.25rem,8.7vw,5.4rem)}.lede{max-width:380px;margin-top:20px;font-size:17px}.hero .cta-row{margin-top:24px;gap:24px}.hero-note{margin-top:20px}.hero-bottom{padding-block:20px;gap:9px}.story{padding-block:65px 20px}.story-intro{display:block}.story-intro .eyebrow{margin-bottom:22px}.story-intro p{margin-top:22px}.step{align-items:flex-end;padding-bottom:36px}.webgl-on .step{min-height:100svh;padding-bottom:36px}.step-copy{max-width:100%;padding:30px 0 0}.step h3{font-size:clamp(2.45rem,6.4vw,3.5rem)}.step-copy>p{max-width:520px;margin-top:18px;font-size:16px}.step-no{margin-bottom:20px}.step-tag{margin-top:22px}.section{padding-block:70px}.section-head{align-items:flex-start}.section-head h2{font-size:3.1rem}.receipts{gap:12px}.receipt{padding:20px 16px 0}.receipt-meta{font-size:8px}.receipt-amount{font-size:2.9rem;gap:6px}.receipt h3{font-size:14px}.receipt-bottom{align-items:flex-start;flex-direction:column;font-size:10px}.wallet>.wrap{display:block}.features{margin-top:45px;gap:35px}.details-grid{gap:38px;grid-template-columns:1fr 1.5fr}.details h2{font-size:2.8rem}.tag-text{font-size:8px;padding:5px 7px}.tag.minor{display:none}}@media (max-width: 600px){.wrap,.nav{width:calc(100% - 40px)}.brand{font-size:22px;gap:8px}.nav-links{display:none}.nav-source{font-size:11px;gap:12px;padding:8px 13px}.hero{padding-top:80px}.hero-stage{min-height:260px;height:33svh}.hero h1{font-size:clamp(2.65rem,10.4vw,4.3rem)}.hero-copy .eyebrow{font-size:9px}.hero .cta-row{gap:20px}.hero .btn{min-height:50px;padding:14px 18px;font-size:12px}.hero .text-link{font-size:11px;gap:5px}.hero-note{font-size:11px}.hero-bottom{font-size:10px}.hero-bottom>span{width:100%}.hero-orbit{top:210px;width:300px;height:300px}.visual-index{font-size:7px}.lede{font-size:16px;max-width:320px}.story-intro .eyebrow{font-size:9px}.story-intro h2{font-size:3rem}.story-intro p{font-size:14px}.webgl-on .step{min-height:105svh}.step-copy>p{font-size:15px;max-width:350px}.section-head{flex-direction:column;gap:22px;margin-bottom:30px}.section-head h2{font-size:3rem}.section-head>p{font-size:14px}.desktop-break{display:none}.receipts{grid-template-columns:minmax(0,1fr);gap:18px}.receipt{padding:24px 24px 0}.receipt-meta{font-size:10px}.receipt-amount{font-size:3.8rem;padding-block:28px 15px;gap:10px}.receipt h3{font-size:16px;max-width:100%;margin-bottom:26px}.receipt-bottom{flex-direction:row;font-size:11px;padding-block:19px}.verification{gap:14px 24px}.verification-label,.verification-note{width:100%}.features{grid-template-columns:1fr;gap:0;margin-top:30px}.feature{display:grid;grid-template-columns:42px 1fr;gap:5px 18px;padding-block:24px;border-top:1px solid #d0d5c4}.feature>svg{grid-row:span 2;margin:0}.feature h3{margin:0;font-size:17px}.feature p{grid-column:2;font-size:14px}.details-grid{grid-template-columns:1fr}.details h2{font-size:2.7rem;margin-bottom:20px}summary{font-size:15px;padding-block:22px}.detail-body{padding-right:0}.outro{padding-block:65px}.outro h2{font-size:clamp(2.5rem,8.5vw,3.3rem)}.outro-mark{right:-100px;opacity:.08}footer .wrap{gap:20px 30px}footer .wrap>span{order:2;width:100%}footer small{order:3}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
