/* Meowfi Wallet and Assets demo screens in a paired iPhone illustration. */
.finance-platform-visual{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}
.finance-platform-render{display:block;object-fit:contain;filter:drop-shadow(0 14px 16px #0005)}
.finance-visual-note{position:absolute;font-size:8px;line-height:1.5;letter-spacing:.12em;color:#c1b7d0}
.finance-platform-diagram{width:100%;height:100%;flex-shrink:0}
.finance-platform-diagram .finance-platform-render{width:220px;height:220px;max-width:none;margin-bottom:16px}
.finance-platform-diagram .finance-visual-note{bottom:0;left:0;right:0;text-align:center;font-size:7px}
.meowfi-finance-hero{gap:40px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.meowfi-finance-hero h1{font-size:clamp(57px,5.7vw,82px);line-height:.98}
.meowfi-finance-hero .finance-scene{aspect-ratio:1/1.12;border-radius:4px;border-color:#665d765c;background:radial-gradient(ellipse at 75% 75%,#7069b12b,transparent 50%),linear-gradient(140deg,#292342,#101119 65%);box-shadow:inset 0 1px 0 #e6d8f514,0 30px 60px #0002}
.finance-scene:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ad9eb40a 1px,transparent 1px),linear-gradient(90deg,#ad9eb40a 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 85%)}
.meowfi-finance-hero .scene-label{top:28px;text-align:left;left:30px;right:30px;font-size:7px;color:#b9adc8}
.meowfi-finance-hero .scene-caption{bottom:29px;text-align:left;left:30px;right:30px;font-size:7px;color:#d4bb86}
.finance-platform-hero{width:100%;height:100%;position:absolute;inset:0}
.finance-platform-hero .finance-platform-render{position:absolute;width:100%;height:88%;max-width:none;left:0;top:6%;filter:drop-shadow(0 25px 20px #0007)}
.finance-platform-hero .finance-visual-note{bottom:12px;left:30px;font-size:8px}
.project.meowfi{min-height:650px;background:radial-gradient(ellipse at 85% 80%,#4f3e5b70,transparent 55%),linear-gradient(140deg,#292342,#11121c 75%)}
.project.meowfi .meowfi-product-logo{width:260px;height:85px;object-fit:contain;object-position:left center;margin:15px 0 20px}
.project.meowfi>p{max-width:340px}
.project.meowfi>.text-link{margin-top:18px}
.finance-card-art{position:absolute;left:18px;right:18px;bottom:50px;height:270px;z-index:-1}
.finance-platform-card{height:100%;width:100%}
.finance-platform-card .finance-platform-render{width:260px;height:260px;max-width:none;margin-bottom:12px}
.finance-platform-card .finance-visual-note{bottom:0;left:12px;font-size:7px}
@media(max-width:1050px){.finance-platform-diagram .finance-platform-render{width:200px;height:200px}.finance-platform-diagram .finance-visual-note{bottom:0;font-size:7px}.meowfi-finance-hero{gap:25px}.meowfi-finance-hero h1{font-size:58px}.meowfi-finance-hero .scene-label,.meowfi-finance-hero .scene-caption{left:23px;right:23px;font-size:6px}.finance-platform-hero .finance-visual-note{left:23px;font-size:7px}.project.meowfi .meowfi-product-logo{width:230px;height:85px}}
@media(max-width:800px){.finance-platform-diagram .finance-platform-render{width:220px;height:220px}.finance-platform-diagram .finance-visual-note{font-size:7px}.meowfi-finance-hero h1{font-size:49px}.meowfi-finance-hero .finance-scene{aspect-ratio:1/1.3}}
@media(max-width:650px){.meowfi-finance-hero{grid-template-columns:1fr;gap:30px}.meowfi-finance-hero h1{font-size:clamp(54px,12vw,74px)}.meowfi-finance-hero .finance-scene{max-width:440px;aspect-ratio:1/1.22;border-radius:4px}.meowfi-finance-hero .scene-label{top:24px;left:24px;font-size:6px}.meowfi-finance-hero .scene-caption{left:24px;font-size:6px}.finance-platform-hero .finance-visual-note{left:24px;font-size:7px}.project.meowfi .meowfi-product-logo{width:250px;height:85px;margin:15px 0 20px}.project.meowfi{min-height:650px}.finance-card-art{height:260px}.finance-platform-card .finance-platform-render{width:250px;height:250px}}
@media(max-width:480px){.node-finance .growth-node-art{height:320px}.finance-platform-diagram .finance-platform-render{width:300px;height:300px}.finance-platform-diagram .finance-visual-note{bottom:0;font-size:7px}}
@media(max-width:350px){.node-finance .growth-node-art{height:285px}.finance-platform-diagram .finance-platform-render{width:265px;height:265px}.finance-platform-diagram .finance-visual-note{font-size:7px}.meowfi-finance-hero .scene-caption{font-size:5px}}