:root{--ink:#191c1b;--paper:#eeede7;--copper:#bb623d;--motion-ease:cubic-bezier(.2,.75,.2,1)}body{background:var(--paper)}.top{background:#131716;color:#f1f0e9;border-color:#373c38}.nav{height:78px}.hero{min-height:860px;background:#131716;isolation:isolate}.hero-photo{width:100%;height:100%;opacity:.14;filter:grayscale(1);transform:scale(1.1);object-position:center}.hero:after{background:linear-gradient(90deg,#131716 5%,#131716c9 55%,#13171660);z-index:0}.heroin{padding:64px 0 110px;z-index:3;pointer-events:none}.herocopy>*{pointer-events:auto}.herocopy{max-width:860px}.hero h1{font-weight:500;font-size:clamp(76px,9.8vw,160px);line-height:.93;letter-spacing:-.075em;margin:30px 0}.hero h1 .title-line{display:block;overflow:hidden;max-width:none;padding:0 .08em .09em 0;margin-bottom:-.09em}.hero h1 .title-line>span{display:block;max-width:none}.accent-line{color:#e0a47f}.hero p{font-size:14px;max-width:430px;margin-top:28px}.hero .trust{margin-top:30px}.hero .actions{margin-top:26px}.hero-element{position:absolute;right:6%;top:9%;width:39%;height:70%;z-index:2;background:linear-gradient(135deg,#180d0440,#05030133),url('assets/copper.jpg') center/cover;clip-path:polygon(0 0,80% 0,100% 16%,100% 100%,0 100%);color:#ffe6d0;transform:translate3d(var(--px,0px),var(--py,0px),0) rotate(7deg);will-change:transform;box-shadow:0 30px 90px #000;display:flex;flex-direction:column;justify-content:space-between;padding:32px;animation:copper-breathe 12s ease-in-out infinite alternate}.element-top,.element-bottom{display:flex;justify-content:space-between;font:12px monospace;letter-spacing:.08em}.element-top{padding-right:20%}.element-symbol{font:500 clamp(130px,19vw,290px) 'Manrope',sans-serif;letter-spacing:-.09em;line-height:1;color:#fbe8d4;mix-blend-mode:screen}.element-bottom{align-items:end;gap:20px}.element-bottom span:last-child{font-size:9px;text-align:right;max-width:130px;line-height:1.6}.hero-caption{z-index:4;bottom:24px}.motion-ready .title-line>span{animation:line-enter 1.15s var(--motion-ease) both}.motion-ready .title-line:nth-child(2)>span{animation-delay:.12s}.motion-ready .title-line:nth-child(3)>span{animation-delay:.24s}.motion-ready .hero-element{animation:element-enter 1.5s var(--motion-ease) both,copper-breathe 12s 1.5s ease-in-out infinite alternate}.motion-ribbon{overflow:hidden;background:#d69873;border-block:1px solid #d69873;padding:25px 0;color:#191d1a}.ribbon-track{display:flex;align-items:center;gap:36px;width:max-content;animation:ribbon-flow 34s linear infinite}.ribbon-track span{font:500 clamp(32px,4.4vw,70px) 'Manrope',sans-serif;letter-spacing:-.05em;white-space:nowrap}.ribbon-outline{-webkit-text-stroke:1px #191d1a;color:transparent}.ribbon-track i{font-size:52px;font-style:normal}.metrics{background:#191e1b;color:#f1f0e9;border-color:#43493f}.metric{border-color:#43493f}.metric small{color:#aeb7a6}.metric b{font-size:clamp(36px,4.5vw,70px);font-weight:400}.metric label{color:#d99c77}.why{padding:110px 0}.why h2{font-size:clamp(40px,5vw,76px)}.usegrid{display:flex;gap:9px;border:0;background:none}.use{flex:1;min-width:0;height:470px;overflow:hidden;background:#151916;transition:flex .65s var(--motion-ease),transform .65s var(--motion-ease)}.use img{position:absolute;width:100%;height:100%;filter:brightness(.65) saturate(.65);transition:transform 1.2s var(--motion-ease),filter .6s}.use:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#0b100de8);pointer-events:none}.usecopy{position:absolute;z-index:1;bottom:0;padding:26px 22px;color:#f1f0e9;width:100%}.usecopy .num{color:#e7b08d}.usecopy h3{font-size:27px}.usecopy p{color:#bfc5b8;font-size:12px}.use:hover{flex:1.7}.use:hover img{transform:scale(1.06);filter:brightness(.9) saturate(.9)}.process{background:#121715;color:#f1f0e9;position:relative;border:0}.process h2{font-size:clamp(46px,5.5vw,86px);max-width:670px}.processhead{align-items:center}.processhead p{color:#a3afa0}.process .eyebrow{color:#d69873}.steps{gap:20px;position:relative}.step{border:1px solid #424c40;padding:28px;transition:background .6s,border-color .6s;overflow:hidden;min-height:390px}.step h3{font-size:28px}.step p{color:#a3afa0;max-width:290px}.stepnum{font:400 68px 'Manrope',sans-serif;color:#d69b76;line-height:1}.step .arrow{right:25px;top:40px;color:#d69b76}.step.active{background:#263326;border-color:#c88c65}.process-progress{height:2px;background:#424c40;margin-top:35px;position:relative}.process-progress:after{content:'';display:block;width:100%;height:100%;background:#dfa17a;transform:scaleX(var(--process-progress,0));transform-origin:left}.banner{min-height:680px;isolation:isolate}.bannerleft{width:100%;height:125%;top:-12%;filter:brightness(.56) saturate(.4);transform:translateY(var(--banner-y,0px))}.banner:after{background:linear-gradient(90deg,#101914bb,#10191433)}.bancopy{padding:130px 0;width:75%;z-index:3}.bancopy h2{font-size:clamp(48px,7vw,105px)}.bancopy p{font-size:15px}.market{background:#e9e8df}.chart svg{overflow:visible}.chart svg>path[stroke]{stroke-width:3}.chart.is-drawn svg>path[stroke]{animation:chart-draw 1.8s var(--motion-ease) both}.chart.is-drawn svg rect{animation:bar-grow 1.1s var(--motion-ease) both;transform-box:fill-box;transform-origin:bottom}.chart svg rect:nth-child(2){animation-delay:.08s}.chart svg rect:nth-child(3){animation-delay:.16s}.chart svg rect:nth-child(4){animation-delay:.24s}.chart svg rect:nth-child(5){animation-delay:.32s}.chart svg rect:nth-child(6){animation-delay:.4s}.chart svg rect:nth-child(7){animation-delay:.48s}.gallery{background:#171c19;color:#efede4}.galleryhead p{color:#a7b19f}.gallery .eyebrow{color:#d59872}.photos{gap:24px;align-items:start;grid-template-columns:1.3fr 1fr .85fr}.photo{height:430px;transform:translateY(var(--photo-y,0px));will-change:transform}.photo:nth-child(2){margin-top:90px}.photo:nth-child(3){margin-top:180px}.photo img{filter:saturate(.6);transition:transform 1s var(--motion-ease),filter .7s}.photo:hover img{transform:scale(1.09);filter:saturate(1)}.gallery{padding-bottom:145px}.token{padding:130px 0}.donut{transition:transform .7s var(--motion-ease),filter .3s;transform:rotate(-90deg)}.donutcenter{transform:rotate(90deg)}.token.in-view .donut{transform:rotate(0)}.token.in-view .donutcenter{transform:rotate(0);transition:transform 1.3s var(--motion-ease)}.token.in-view .donut{transition-duration:1.3s}.leg{cursor:default;transition:transform .3s,color .3s}.leg:hover,.leg:focus-visible{transform:translateX(8px);outline:none}.leg:hover span,.leg:focus-visible span{color:#a45331}.paper{background:#e1e2d7}.paper h2{font-size:clamp(45px,7vw,100px)}.cta{background:#d59872;padding:90px 0}.cta h2{font-size:clamp(40px,5vw,75px);max-width:750px}.btn{position:relative;transition:background .25s,color .25s,transform .35s var(--motion-ease);overflow:hidden}.btn:hover{transform:translateY(-4px);background:#eeb28a;color:#151b17}.navlinks a{position:relative}.navlinks a:after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:1px;background:#dfa17a;transform:scaleX(0);transform-origin:left;transition:transform .3s}.navlinks a:hover:after,.navlinks a.is-active:after{transform:scaleX(1)}.motion-ready .reveal{opacity:0;transform:translateY(35px);transition:opacity .85s var(--motion-ease),transform .85s var(--motion-ease)}.motion-ready .reveal.in-view{opacity:1;transform:none}.motion-ready .process{opacity:1;transform:none}.motion-control{position:fixed;bottom:20px;right:20px;z-index:35;background:#151c17e8;color:#dfdcd0;border:1px solid #818a79;border-radius:30px;font:10px monospace;letter-spacing:.03em;padding:11px 16px;cursor:pointer;backdrop-filter:blur(10px)}.motion-control span{margin-right:7px;color:#e3a67d}.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .title-line>span{transform:none!important}.motion-paused .hero-element{opacity:1!important;clip-path:polygon(0 0,80% 0,100% 16%,100% 100%,0 100%)!important}.motion-paused .donut,.motion-paused .donutcenter{transform:none!important}.motion-paused .chart path{stroke-dashoffset:0!important}.motion-paused .chart rect{transform:none!important}@keyframes line-enter{from{transform:translateY(115%) rotate(3deg)}to{transform:translateY(0) rotate(0)}}@keyframes element-enter{from{opacity:0;clip-path:polygon(0 100%,80% 100%,100% 100%,100% 100%,0 100%)}to{opacity:1;clip-path:polygon(0 0,80% 0,100% 16%,100% 100%,0 100%)}}@keyframes copper-breathe{from{background-size:auto 110%}to{background-size:auto 135%}}@keyframes ribbon-flow{to{transform:translateX(-50%)}}@keyframes chart-draw{from{stroke-dashoffset:var(--path-length,500)}to{stroke-dashoffset:0}}@keyframes bar-grow{from{transform:scaleY(.02)}to{transform:scaleY(1)}}
@media(min-width:1000px) and (prefers-reduced-motion:no-preference){.motion-ready .process{height:190vh;min-height:1100px;overflow:clip;padding-top:0;padding-bottom:0}.motion-ready .process>.shell{position:sticky;top:100px;padding:40px 0}.motion-ready .steps{display:flex;gap:24px;transform:translateX(var(--track-x,0px));will-change:transform}.motion-ready .step{flex:0 0 36%;min-height:330px}.processhead{margin-bottom:35px}.processhead h2{font-size:clamp(44px,4.5vw,70px)}}
@media(max-width:1100px){.hero{min-height:830px}.hero h1{font-size:105px}.hero-element{right:6%;width:43%;top:13%;height:60%;padding:25px}.usecopy h3{font-size:23px}.usecopy{padding:20px}.use{height:440px}.photos{gap:15px}.photo{height:360px}.hero .navlinks{background:#151b17}.process .step{padding:22px}}
@media(max-width:800px){.navlinks{background:#131716}.menu-toggle{color:#efede4}.hero{min-height:1000px}.heroin{padding-top:45px}.hero h1{font-size:clamp(70px,11vw,100px);max-width:650px}.hero-element{top:auto;bottom:95px;right:9%;height:310px;width:45%;padding:22px;transform:rotate(5deg)}.element-symbol{font-size:140px}.element-top{font-size:10px}.element-bottom span:last-child{display:none}.hero p{max-width:420px}.hero-caption{font-size:8px}.hero .trust{max-width:230px}.hero .actions{max-width:350px}.usegrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.use{display:block;height:380px}.use img{height:100%;width:100%}.usecopy h3{font-size:26px}.steps{grid-template-columns:1fr 1fr}.step{min-height:310px}.stepnum{font-size:50px}.step h3{font-size:25px}.photos{grid-template-columns:1fr 1fr}.photo:nth-child(2),.photo:nth-child(3){margin-top:0}.photo:first-child{grid-column:1/-1}.gallery{padding-bottom:75px}.bancopy{width:100%;padding:110px 0}.banner{min-height:570px}.token{padding:80px 0}.motion-control{right:12px;bottom:12px}.metric b{font-size:40px}.metric:nth-child(2){border-color:#43493f}.metric:nth-child(3){border-bottom:0}.hero .eyebrow{font-size:10px}}
@media(max-width:480px){.hero{min-height:1000px}.hero h1{font-size:76px}.hero-element{width:51%;height:275px;bottom:82px;right:9%;z-index:1}.hero p{font-size:13px;max-width:320px}.hero .actions{gap:10px}.hero .trust{max-width:145px;margin-top:35px;display:grid;gap:14px}.element-symbol{font-size:135px}.element-bottom{font-size:9px}.hero .eyebrow{font-size:9px}.heroin{padding-top:40px}.usegrid{grid-template-columns:1fr}.use{height:380px}.usecopy{padding:28px}.usecopy p{font-size:14px}.usecopy h3{font-size:32px;max-width:280px}.steps{grid-template-columns:1fr}.step{min-height:240px}.step h3{font-size:30px}.step p{font-size:14px}.photo{height:290px}.photos{grid-template-columns:1fr}.photo:first-child{grid-column:auto}.cta .actions{flex-wrap:wrap}.motion-ribbon{padding:20px 0}.ribbon-track{gap:22px}.ribbon-track i{font-size:34px}.hero h1 .title-line{padding-bottom:.14em;margin-bottom:-.14em}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.hero-element{transform:rotate(5deg)}.title-line>span,.donut,.donutcenter{transform:none!important}.photo,.bannerleft{transform:none}.steps{transform:none}.chart path{stroke-dashoffset:0!important}}
.tab-hidden *{animation-play-state:paused!important}
.motion-paused .process{height:auto;min-height:0;padding:80px 0;overflow:visible}.motion-paused .process>.shell{position:static;padding:0}.motion-paused .steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));transform:none!important;will-change:auto}.motion-paused .hero-element{transform:rotate(7deg)!important}.motion-paused .photo,.motion-paused .bannerleft{transform:none!important}.motion-paused .process-progress{display:none}
@media(max-width:480px){.motion-paused .steps{grid-template-columns:1fr}}
@media(max-width:480px){.hero{min-height:910px}.hero h1{font-size:clamp(58px,16.4vw,70px)}.hero h1 .accent-line{white-space:nowrap;font-size:.93em}.hero-element{bottom:80px;height:270px}.hero .trust{margin-top:34px}}
