:root{--ink:#1b1c18;--quiet:#76756e;--paper:#f7f5f0;--line:rgba(78,75,65,.15);--green:#1f4a3d;--green-soft:#e8efe7;--gold-soft:#f3ead6;--radius-card:28px;--radius-control:13px;--shadow-ambient:0 24px 44px rgba(57,52,38,.10);--shadow-contact:0 5px 8px rgba(57,52,38,.12);--shadow-inset:inset 0 1px 1px rgba(255,255,255,.94),inset 0 -1px 1px rgba(75,65,46,.08);--spring:cubic-bezier(.2,.85,.25,1)}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{min-width:320px;margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}

.page-shell{min-height:100vh;display:flex;flex-direction:column;padding:25px 32px 22px;background:radial-gradient(ellipse 55% 38% at 50% 47%,rgba(230,224,207,.55),transparent 72%)}

.site-header{width:min(100%,1100px);margin:0 auto;display:flex;justify-content:space-between;align-items:center}

.wordmark{font-size:16px;letter-spacing:-.8px;color:var(--ink);font-weight:700;text-decoration:none}

.wordmark span{font-weight:400}

.site-header nav{display:flex;gap:25px}

.site-header nav a{font-size:11px;color:var(--quiet);text-decoration:none;transition:color .18s}

.site-header nav a:hover{color:var(--ink)}

main{display:flex;flex:1;flex-direction:column;align-items:center}

.hero{text-align:center;margin-top:clamp(50px,8vh,92px);max-width:570px}

.eyebrow{margin:0 0 17px;font:500 10px "DM Mono",monospace;letter-spacing:1.65px;color:#7e7a71}

.hero h1{margin:0;font-size:clamp(48px,5.2vw,72px);font-weight:500;line-height:.96;letter-spacing:-4.9px}

.hero h1 em{font-family:"Playfair Display",Georgia,serif;font-weight:500;letter-spacing:-4px}

.money-word{position:relative;display:inline-block;isolation:isolate;color:#17845c;font-family:"Nunito Sans",Manrope,Arial,sans-serif;font-style:normal;font-weight:800;letter-spacing:-5.3px;line-height:1.04;text-shadow:0 1px 0 #38a374,0 2px 0 #309a6d,0 3px 0 #2a9166,0 4px 0 #23875e,0 5px 0 #1c7c55,0 6px 0 #16714d,0 7px 0 #106645,0 14px 17px rgba(13,59,41,.25);animation:money-word-float 3.8s ease-in-out infinite;filter:drop-shadow(0 3px 2px rgba(211,247,223,.25))}
.money-word::before{position:absolute;z-index:1;inset:0;content:attr(data-text);background:linear-gradient(180deg,#58d19a 0%,#2caf78 30%,#17845c 62%,#13764f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(188,244,211,.42))}
.money-word::after{position:absolute;z-index:2;top:6%;left:8%;width:37%;height:20%;content:"";border-radius:50%;background:rgba(222,255,232,.52);filter:blur(4px);pointer-events:none;animation:money-word-gloss 3.8s ease-in-out infinite}

@keyframes money-word-float{0%,100%{transform:perspective(260px) rotateX(4deg) translateY(-1px)}
50%{transform:perspective(260px) rotateX(5deg) translateY(-5px)}
}
@keyframes money-word-gloss{0%,100%{transform:translateX(0) rotate(-8deg);opacity:.48}
50%{transform:translateX(15px) rotate(-8deg);opacity:.8}
}

.intro{max-width:425px;margin:23px auto 0;color:var(--quiet);font-size:13px;line-height:1.75}

.asset-list{width:min(100%,744px);margin-top:41px;display:grid;grid-template-columns:1fr 1fr;gap:18px}

.section-label{grid-column:1/-1;margin:0 0 0 3px;font:500 10px "DM Mono",monospace;letter-spacing:1px;color:#8c887f}

.asset-card{position:relative;isolation:isolate;display:flex;min-height:390px;flex-direction:column;align-items:flex-start;overflow:hidden;padding:28px 29px 25px;border:1px solid rgba(94,89,77,.12);border-radius:var(--radius-card);font:inherit;text-align:left;color:inherit;cursor:pointer;transition:transform .42s var(--spring),box-shadow .42s var(--spring),border-color .3s var(--spring);box-shadow:var(--shadow-ambient),var(--shadow-contact),var(--shadow-inset)}

.asset-card::before{position:absolute;z-index:-1;inset:0;content:"";border-radius:inherit;opacity:.8;box-shadow:inset 10px 12px 24px rgba(255,255,255,.38),inset -8px -10px 17px rgba(84,71,42,.055)}

.dollar-card{background:var(--green-soft)}

.gold-card{background:var(--gold-soft)}

.asset-card:hover{transform:translateY(-8px);box-shadow:0 31px 50px rgba(54,48,33,.14),0 9px 10px rgba(54,48,33,.10),var(--shadow-inset);border-color:rgba(78,75,65,.2)}

.asset-card:active{transform:translateY(-2px) scale(.986);box-shadow:0 11px 22px rgba(54,48,33,.12),0 3px 5px rgba(54,48,33,.08),var(--shadow-inset)}

.asset-card:focus-visible,.close:focus-visible,.quick-amounts button:focus-visible,.deposit-button:focus-visible,.done-button:focus-visible{outline:2px solid #4c7566;outline-offset:4px}

.asset-sculpture{position:relative;display:block;width:100%;height:143px;margin-bottom:19px;perspective:410px}

.asset-sculpture::after{position:absolute;left:50%;bottom:7px;width:125px;height:19px;content:"";border-radius:50%;background:rgba(59,55,39,.16);filter:blur(8px);transform:translateX(-50%);transition:transform .42s var(--spring),opacity .42s}

.asset-card:hover .asset-sculpture::after{opacity:.75;transform:translate(-50%,5px) scale(.84)}

.money-bill{position:absolute;left:50%;top:29px;width:132px;height:77px;border-radius:11px;transform-style:preserve-3d;transition:transform .45s var(--spring)}

.bill-back{background:#94b99e;box-shadow:0 11px 14px rgba(31,74,61,.16);transform:translateX(-50%) rotateZ(-8deg) translate(-5px,12px)}

.bill-mid{background:#c0d7bd;box-shadow:0 7px 9px rgba(31,74,61,.13);transform:translateX(-50%) rotateZ(4deg) translate(6px,6px)}

.bill-front{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#dcead6;color:#39604a;box-shadow:inset 2px 2px 3px rgba(255,255,255,.66),inset -3px -3px 6px rgba(49,85,62,.12),0 6px 7px rgba(31,74,61,.14);transform:translateX(-50%) rotateX(6deg) rotateZ(-1deg)}

.bill-front::before{position:absolute;inset:7px;content:"";border:1px solid rgba(54,93,69,.24);border-radius:7px}

.bill-front i,.bill-front em{position:relative;font:600 9px "DM Mono",monospace;font-style:normal;letter-spacing:.3px}

.bill-front i{font-size:21px}

.bill-front b{position:relative;width:28px;height:28px;border:1px solid rgba(54,93,69,.32);border-radius:50%;box-shadow:inset 0 0 0 5px rgba(102,145,106,.13)}

.asset-card:hover .bill-back{transform:translateX(-50%) rotateZ(-11deg) translate(-9px,10px)}

.asset-card:hover .bill-mid{transform:translateX(-50%) rotateZ(6deg) translate(8px,4px)}

.asset-card:hover .bill-front{transform:translateX(-50%) translateY(-6px) rotateX(8deg) rotateZ(-1deg)}

.gold-bar{position:absolute;left:50%;top:25px;display:flex;width:135px;height:81px;flex-direction:column;justify-content:center;padding:0 19px;border-radius:12px;background:#d7b873;color:#866626;box-shadow:inset 3px 3px 3px rgba(255,247,207,.8),inset -7px -7px 10px rgba(123,82,21,.18),0 11px 13px rgba(103,76,29,.18);transform:translateX(-50%) rotateX(11deg) rotateZ(-6deg);transition:transform .45s var(--spring)}

.gold-bar::before{position:absolute;z-index:-1;top:9px;left:9px;width:100%;height:100%;content:"";border-radius:11px;background:#b99750;transform:translateZ(-1px)}

.gold-bar b,.gold-bar i{font:500 10px "DM Mono",monospace;letter-spacing:.7px}

.gold-bar i{margin-top:5px;font-size:8px;font-style:normal;opacity:.76}

.gold-sculpture .gold-bar::after{position:absolute;top:8px;right:12px;width:33px;height:14px;content:"";border-radius:50%;background:rgba(255,253,224,.46);filter:blur(3px);transform:rotate(-24deg)}

.asset-card:hover .gold-bar{transform:translateX(-50%) translateY(-8px) rotateX(12deg) rotateZ(-3deg)}

.asset-details{display:flex;flex-direction:column;gap:4px}

.asset-title{font-size:20px;font-weight:600;letter-spacing:-1px}

.asset-symbol{font:500 9px "DM Mono",monospace;letter-spacing:.55px;color:#77746b}

.flow-label{margin-top:22px;font:500 9px "DM Mono",monospace;letter-spacing:.9px;color:#77746b}

.asset-yield{display:flex;align-items:baseline;gap:6px;margin-top:5px}

.asset-yield strong{font-size:39px;line-height:1;font-weight:600;letter-spacing:-2.8px}

.asset-yield sup{font-size:17px;letter-spacing:-.6px}

.asset-yield small{font:500 9px "DM Mono",monospace;letter-spacing:.8px;color:#77746b}

.asset-description{margin-top:14px;max-width:215px;font-size:11px;line-height:1.5;color:#68665e}

.scale-control{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:20px;font-size:12px;font-weight:600;letter-spacing:-.3px}

.scale-control i{display:grid;width:23px;height:23px;place-items:center;border:1px solid rgba(54,72,57,.16);border-radius:8px;font-style:normal;transition:transform .3s var(--spring),background .3s}

.asset-card:hover .scale-control i{background:rgba(255,255,255,.45);transform:translateX(3px)}

footer{margin-top:clamp(45px,7vh,74px);text-align:center;font-size:11px;letter-spacing:.2px;color:#a4a199}

footer span{font-weight:600;color:#807d75}

footer i{padding:0 3px;font-style:normal;color:#b2aea5}

.modal-layer{position:fixed;z-index:5;inset:0;display:grid;place-items:center;padding:20px;background:rgba(31,30,26,.3);opacity:0;visibility:hidden;transition:opacity .26s ease,visibility .26s}

.modal-layer.open{opacity:1;visibility:visible}

.deposit-modal{position:relative;width:min(100%,485px);padding:42px 41px 27px;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:#fbfaf6;box-shadow:0 33px 100px rgba(31,29,22,.28),inset 0 1px 1px #fff;transform:translateY(12px) scale(.97);transition:transform .38s var(--spring)}

.modal-layer.open .deposit-modal{transform:translateY(0) scale(1)}

.close{position:absolute;top:16px;right:18px;display:grid;width:30px;height:30px;place-items:center;border:1px solid transparent;border-radius:9px;background:transparent;color:#87837b;font-size:23px;font-weight:300;line-height:1;cursor:pointer;transition:background .2s,color .2s}

.close:hover{background:#f0ede7;color:var(--ink)}

.deposit-modal h2{margin:0 0 13px;font-size:31px;font-weight:500;letter-spacing:-2px}

.selected-asset{display:flex;align-items:center;gap:8px;color:#5f5c54;font-size:12px}

.selected-asset small{font:500 9px "DM Mono",monospace;letter-spacing:.4px;color:#9a968e}

.mini-object{width:23px;height:17px;border-radius:5px;box-shadow:inset 1px 1px 2px rgba(255,255,255,.9),0 3px 4px rgba(48,44,33,.17)}

.money-mini{background:#bdd5bd;transform:rotate(-6deg)}

.gold-mini{background:#d7b873;transform:rotate(-6deg)}

.amount-label{display:block;margin:31px 0 10px;color:#78746d;font-size:11px}

.amount-wrap{display:flex;align-items:baseline;border-bottom:1px solid #cbc6bc;padding:4px 1px 10px;transition:border-color .2s}

.amount-wrap:focus-within{border-color:#496c60}

.amount-wrap span{color:#8a887f;font-family:"Playfair Display",Georgia,serif;font-size:40px}

.amount-wrap input{width:100%;padding:0 0 0 5px;border:0;outline:0;background:transparent;color:var(--ink);font:500 51px/1 Manrope,sans-serif;letter-spacing:-3px}

.amount-wrap input::placeholder{color:#d5d1c8}

.quick-amounts{display:flex;gap:7px;margin-top:15px}

.quick-amounts button{padding:8px 10px;border:1px solid rgba(95,90,78,.08);border-radius:8px;background:#f0ede6;color:#625e57;font:500 10px "DM Mono",monospace;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.8),0 2px 3px rgba(52,48,36,.06);transition:transform .22s var(--spring),background .2s,box-shadow .22s}

.quick-amounts button:hover{background:#e8e4da;transform:translateY(-2px);box-shadow:inset 0 1px rgba(255,255,255,.8),0 5px 6px rgba(52,48,36,.08)}

.quick-amounts button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(52,48,36,.1)}

.economics{display:grid;gap:12px;margin-top:29px;padding-top:17px;border-top:1px solid var(--line);font-size:12px}

.economics div{display:flex;justify-content:space-between;color:#77736b}

.economics strong{color:#3e3b36;font:500 11px "DM Mono",monospace}

.economics small{margin-left:4px;color:#99948c;font-size:10px}

.economics .scale-total{margin-top:2px;padding-top:13px;border-top:1px solid var(--line);color:var(--ink);font-weight:600}

.economics .scale-total strong{color:var(--green);font-size:14px}

.deposit-button,.done-button{width:100%;margin-top:27px;padding:15px;border:1px solid rgba(17,58,46,.45);border-radius:var(--radius-control);background:var(--green);color:#fff;font:600 13px Manrope,sans-serif;letter-spacing:-.15px;cursor:pointer;box-shadow:inset 0 1px 1px rgba(255,255,255,.25),inset 0 -3px 0 rgba(5,31,23,.2),0 5px 7px rgba(24,57,46,.18);transition:transform .22s var(--spring),box-shadow .22s var(--spring),background .2s}

.deposit-button span{margin-left:5px}

.deposit-button:hover:not(:disabled),.done-button:hover{background:#285c4a;transform:translateY(-2px);box-shadow:inset 0 1px 1px rgba(255,255,255,.25),inset 0 -3px 0 rgba(5,31,23,.2),0 9px 12px rgba(24,57,46,.22)}

.deposit-button:active:not(:disabled),.done-button:active{transform:translateY(2px);box-shadow:inset 0 3px 5px rgba(5,31,23,.24),0 2px 3px rgba(24,57,46,.14)}

.deposit-button:disabled{border-color:#d4d2cc;background:#d9d8d2;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.35);cursor:not-allowed}

.simulation-note{margin:12px 0 0;text-align:center;color:#aaa69e;font-size:9px}

.confirmation{text-align:center;padding:25px 6px 16px}

.confirmation-mark{display:grid;width:57px;height:57px;margin:0 auto 21px;place-items:center;border-radius:50%;background:#e7f0e7;color:#396454;font-size:26px;box-shadow:inset 2px 2px 4px rgba(255,255,255,.9),inset -3px -3px 7px rgba(54,89,69,.11),0 4px 6px rgba(42,69,54,.13)}

.confirmation h2{max-width:285px;margin:0 auto 13px;font-size:31px;line-height:1.08}

.confirmation p:not(.eyebrow){max-width:250px;margin:0 auto;color:var(--quiet);font-size:12px;line-height:1.7}

.confirmation .done-button{margin-top:30px}

.deposit-modal.show-confirmation .modal-content{display:none}

.deposit-modal.show-confirmation .confirmation{display:block}

@media (max-width:600px){.page-shell{padding:20px 18px 18px}

.hero{margin-top:57px}

.hero h1{font-size:50px;letter-spacing:-3.8px}

.hero h1 em{letter-spacing:-3.1px}

.intro{max-width:360px;font-size:12px}

.asset-list{width:100%;margin-top:38px;grid-template-columns:1fr;gap:14px}

.asset-card{min-height:311px;padding:25px}

.asset-sculpture{height:104px;margin-bottom:8px}

.money-bill{top:11px;transform:scale(.84) translateX(-60%)}

.bill-back{transform:scale(.84) translateX(-60%) rotateZ(-8deg) translate(-5px,12px)}

.bill-mid{transform:scale(.84) translateX(-60%) rotateZ(4deg) translate(6px,6px)}

.bill-front{transform:scale(.84) translateX(-60%) rotateX(6deg) rotateZ(-1deg)}

.asset-card:hover .bill-back{transform:scale(.84) translateX(-60%) rotateZ(-11deg) translate(-9px,10px)}

.asset-card:hover .bill-mid{transform:scale(.84) translateX(-60%) rotateZ(6deg) translate(8px,4px)}

.asset-card:hover .bill-front{transform:scale(.84) translateX(-60%) translateY(-6px) rotateX(8deg) rotateZ(-1deg)}

.gold-bar{top:8px;transform:scale(.84) translateX(-60%) rotateX(11deg) rotateZ(-6deg)}

.asset-card:hover .gold-bar{transform:scale(.84) translateX(-60%) translateY(-8px) rotateX(12deg) rotateZ(-3deg)}

.asset-sculpture::after{bottom:1px}

.flow-label{margin-top:17px}

.asset-description{margin-top:10px}

.scale-control{padding-top:15px}

footer{margin-top:54px}

.modal-layer{align-items:end;padding:0}

.deposit-modal{width:100%;padding:34px 25px 27px;border-radius:24px 24px 0 0;transform:translateY(25px)}

.modal-layer.open .deposit-modal{transform:translateY(0)}

.deposit-modal h2{font-size:29px}

.amount-wrap input{font-size:46px}

.amount-wrap span{font-size:35px}

.quick-amounts{justify-content:space-between}

}

@media (max-width:370px){.hero h1{font-size:45px}

.asset-card{min-height:299px}

.quick-amounts{gap:4px}

.quick-amounts button{padding:8px 7px;font-size:9px}

}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}

}


/* Experience choreography */
.splash{position:fixed;z-index:10;inset:0;display:grid;place-items:center;background:var(--paper);transition:opacity .46s ease,visibility .46s}
.splash.is-gone{opacity:0;visibility:hidden}
.splash-content{display:grid;justify-items:center;gap:15px;animation:splash-settle 1.22s var(--spring) both}
.splash-mark{margin:0;color:var(--ink);font-size:clamp(23px,3vw,31px);font-weight:600;letter-spacing:-1.8px}
.splash-emoji-mark{display:flex;align-items:flex-end;justify-content:center;height:42px}
.splash-emoji-mark i{display:block;font-style:normal;font-size:34px;line-height:1;filter:drop-shadow(0 8px 5px rgba(56,49,33,.17));animation:splash-emoji 1.22s var(--spring) both}
.splash-emoji-mark i+ i{margin-left:-7px;font-size:29px;transform:translateY(5px) rotate(8deg);animation-delay:65ms}
.page-shell{opacity:0;transform:translateY(7px);transition:opacity .56s ease,transform .68s var(--spring)}
.page-shell.is-ready{opacity:1;transform:none}
.page-shell [data-reveal]{opacity:0;transform:translateY(12px)}
.page-shell.is-ready [data-reveal]{animation:composition-in .65s var(--spring) both;animation-delay:calc(var(--reveal-step) * 82ms + 35ms)}
.page-shell.is-ready [data-reveal="1"]{--reveal-step:1}
.page-shell.is-ready [data-reveal="2"]{--reveal-step:2}
.page-shell.is-ready [data-reveal="3"]{--reveal-step:3}
.page-shell.is-ready [data-reveal="4"]{--reveal-step:4}
.page-shell.is-ready [data-reveal="5"]{--reveal-step:5}
.page-shell.is-ready [data-reveal="6"]{--reveal-step:6}
.eyebrow,.section-label,.flow-label{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.12px;text-transform:none}
.eyebrow{font-size:11px;color:#77746d}
.section-label{margin:0 0 4px;text-align:center;font-size:13px;color:#45443f;font-weight:500}
.flow-label{font-size:10px;color:#6f6d65}
.asset-symbol,.asset-yield small{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:0}
.asset-yield small{font-size:10px}
.number-updated{animation:number-settle .32s var(--spring)}
.confirmation-details{display:grid;gap:8px;max-width:270px;margin:20px auto 0;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}
.confirmation-details div{display:flex;justify-content:space-between;color:#6d6a62;font-size:11px}
.confirmation-details strong{color:var(--ink);font-weight:600}
.confirmation-details .confirmation-asset{justify-content:center;padding-top:2px;color:#79756c;font-size:10px}
.confirmation.processing .confirmation-mark{animation:processing-pulse .68s ease-in-out infinite alternate}
.confirmation.complete .confirmation-mark{animation:completion-pop .5s var(--spring) both}
.confirmation.complete .confirmation-details,.confirmation.complete #confirmation-copy,.confirmation.complete .done-button{animation:composition-in .45s var(--spring) both}
.confirmation.complete .confirmation-details{animation-delay:.08s}
.confirmation.complete #confirmation-copy{animation-delay:.14s}
.confirmation.complete .done-button{animation-delay:.2s}
@keyframes splash-settle{0%{opacity:0;transform:scale(.96) translateY(6px)}
38%{opacity:1;transform:scale(1) translateY(0)}
72%{opacity:1;transform:scale(1) translateY(0)}
100%{opacity:0;transform:scale(.988) translateY(-4px)}
}
@keyframes splash-emoji{0%,22%{opacity:0;transform:scale(.5) translateY(-5px)}
45%{opacity:1;transform:scale(1) translateY(0)}
74%{opacity:1;transform:scale(1) translateY(0)}
100%{opacity:0;transform:scale(.68) translateY(2px)}
}
@keyframes composition-in{from{opacity:0;transform:translateY(12px)}
to{opacity:1;transform:none}
}
@keyframes number-settle{0%{opacity:.5;transform:translateY(2px)}
100%{opacity:1;transform:none}
}
@keyframes processing-pulse{from{transform:scale(.92);opacity:.65}
to{transform:scale(1.04);opacity:1}
}
@keyframes completion-pop{0%{transform:scale(.68);opacity:0}
65%{transform:scale(1.08)}
100%{transform:scale(1);opacity:1}
}
@media (prefers-reduced-motion:reduce){.splash{display:none}
.page-shell{opacity:1;transform:none}
.page-shell [data-reveal]{opacity:1;transform:none}
.page-shell.is-ready [data-reveal],.number-updated,.confirmation.complete .confirmation-details,.confirmation.complete #confirmation-copy,.confirmation.complete .done-button{animation:none}
}

/* Mobile-first refinements: comfortable touch targets, safe-area-aware sheet, and intentional compact hierarchy. */
@media (max-width:600px){body{overflow-x:hidden}.page-shell{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom))}.site-header nav a{display:grid;min-height:44px;place-items:center}.hero{margin-top:42px}.hero h1{font-size:clamp(44px,13vw,52px);line-height:.98;letter-spacing:-4px}.money-word{letter-spacing:-4.9px;text-shadow:0 1px 0 #38a374,0 2px 0 #309a6d,0 3px 0 #2a9166,0 4px 0 #23875e,0 5px 0 #1c7c55,0 6px 0 #16714d,0 7px 0 #106645,0 11px 14px rgba(13,59,41,.23)}.intro{max-width:340px;margin-top:20px;font-size:12.5px;line-height:1.65}.asset-list{margin-top:31px;gap:15px}.section-label{margin-bottom:7px;font-size:13px}.asset-card{min-height:302px;padding:24px 23px;border-radius:25px}.asset-sculpture{margin-bottom:7px}.asset-title{font-size:19px}.flow-label{margin-top:15px}.asset-yield strong{font-size:37px}.asset-description{margin-top:9px}.scale-control{min-height:44px;padding-top:13px}.scale-control i{width:28px;height:28px;border-radius:9px}.modal-layer{padding:0;align-items:end}.deposit-modal{max-height:calc(100dvh - env(safe-area-inset-top));overflow-y:auto;padding:30px 23px calc(24px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0;overscroll-behavior:contain}.close{top:12px;right:14px;width:44px;height:44px}.deposit-modal h2{font-size:28px}.amount-label{margin-top:25px}.amount-wrap input{font-size:44px}.quick-amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.quick-amounts button{min-height:42px;padding:8px 3px;font-size:9px}.deposit-button,.done-button{min-height:50px;margin-top:23px;font-size:14px}.confirmation{padding-top:18px}.confirmation h2{font-size:29px}footer{margin-top:49px}}
@media (max-width:390px){.site-header nav{gap:12px}.hero{margin-top:37px}.hero h1{font-size:44px;letter-spacing:-3.7px}.money-word{letter-spacing:-4.5px}.asset-card{min-height:294px;padding:22px}.asset-sculpture{height:97px}.quick-amounts button{font-size:8.5px}.deposit-modal{padding-left:20px;padding-right:20px}.amount-wrap input{font-size:41px}}
@media (max-width:600px) and (hover:none) and (pointer:coarse){.asset-card:hover{transform:none;box-shadow:var(--shadow-ambient),var(--shadow-contact),var(--shadow-inset);border-color:rgba(94,89,77,.12)}.asset-card:hover .bill-back{transform:scale(.84) translateX(-60%) rotateZ(-8deg) translate(-5px,12px)}.asset-card:hover .bill-mid{transform:scale(.84) translateX(-60%) rotateZ(4deg) translate(6px,6px)}.asset-card:hover .bill-front{transform:scale(.84) translateX(-60%) rotateX(6deg) rotateZ(-1deg)}.asset-card:hover .gold-bar{transform:scale(.84) translateX(-60%) rotateX(11deg) rotateZ(-6deg)}}