:root {
  --ink: #182132;
  --muted: #5f6979;
  --paper: #f0edff;
  --violet: #5e45f6;
  --lilac: #d8d1ff;
  --mint: #b9f2d9;
  --sand: #f6e9cf;
  --coral: #f9ad9b;
  --line: rgba(24, 33, 50, .14);
  --display: "Arial Rounded MT Bold", "Trebuchet MS", ui-rounded, system-ui, sans-serif;
  --body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--body); overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }

.grain { position: fixed; inset: 0; opacity: .16; pointer-events: none; z-index: 20; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E"); mix-blend-mode: multiply; }
.section-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.eyebrow { font-size: 11px; letter-spacing: .11em; font-weight: 800; margin: 0 0 18px; }
.eyebrow span { color: var(--violet); font-size: 14px; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--display); letter-spacing: -.06em; line-height: .98; }
h1 em, h2 em, h3 em { color: var(--violet); font-style: normal; }

.site-header { position: fixed; top: 16px; left: 50%; transform: translateX(-50%); width: min(1112px, calc(100% - 48px)); height: 72px; border-radius: 22px; padding: 0 13px 0 20px; display: flex; align-items: center; gap: 35px; background: rgba(255,255,255,.88); border: 1px solid rgba(255,255,255,.7); box-shadow: 0 16px 34px rgba(69, 58, 129, .12); z-index: 10; backdrop-filter: blur(12px); transition: top .28s ease, box-shadow .28s ease; }
.brand { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); font: 800 25px/1 var(--display); letter-spacing: -.08em; white-space: nowrap; }
.brand-wordmark { display:inline-flex; align-items:center; }
.brand-word-monie { color:#000; }
.brand-word-access { color:#D97706; }
.brand-logo { display:block; width:auto; height:39px; object-fit:contain; }
.brand-mark { display: grid; gap: 2px; transform: rotate(-7deg); }
.brand-mark i { display: block; height: 4px; width: 22px; border-radius: 99px; background: #3567ef; }
.brand-mark i:nth-child(1) { width: 13px; margin-left: 5px; }.brand-mark i:nth-child(2) { width: 20px; margin-left: 1px; }.brand-mark i:nth-child(3) { width: 23px; }.brand-mark i:nth-child(4) { width: 17px; margin-left: 3px; }
.nav-links { display: flex; align-items: center; gap: 2px; flex: 1; }
.nav-links a, .locale, .login-link { padding: 11px 14px; border-radius: 12px; border: 0; font-size: 14px; font-weight: 650; white-space: nowrap; }
.nav-links a:hover, .locale:hover { background: #efedfa; }.nav-links span, .locale span { font-size: 16px; margin-left: 3px; }
.nav-actions { display: flex; align-items: center; gap: 7px; }.locale { background: transparent; color: var(--ink); }.login-link { padding-inline: 9px; }.login-link:hover { color: var(--violet); }
.button { border: 0; display: inline-flex; align-items: center; justify-content: center; gap: 14px; border-radius: 12px; color: #fff; background: linear-gradient(115deg,#3559e9,#7139ed); padding: 16px 19px; font-size: 14px; font-weight: 800; box-shadow: inset 0 0 0 1px rgba(255,255,255,.15), 0 7px 16px rgba(90, 62, 225, .25); transition: transform .2s ease, box-shadow .2s ease; }.button:hover { transform: translateY(-2px); box-shadow: inset 0 0 0 1px rgba(255,255,255,.15),0 11px 20px rgba(90,62,225,.3); }.button span { font-size: 17px; }.button-small { padding: 14px 16px; border-radius: 11px; }
.menu-toggle { display: none; margin-left: auto; border: 0; background: transparent; width: 42px; height: 42px; }.menu-toggle span { width: 22px; height: 2px; border-radius: 9px; background: var(--ink); display: block; margin: 5px auto; }

.hero { position: relative; overflow: hidden; }.hero::before { content:""; position:absolute; z-index:-2; inset: 0; background: radial-gradient(circle at 24% 28%, #d2d7ff 0, transparent 27%), radial-gradient(circle at 83% 38%, #f7d5e2 0, transparent 31%), linear-gradient(119deg, #e1ddff, #f7ddec 56%, #f4e0ec); }.hero::after { content:""; z-index:-1; position:absolute; top:104px; right:-35px; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle,#ded4ff 1px,transparent 2px); background-size:13px 13px; opacity:.55; }
.hero-shell { min-height: 820px; position: relative; padding-top: 208px; }
.hero-copy { position: relative; z-index: 2; width: 56%; }.hero h1 { font-size: clamp(58px, 7vw, 92px); max-width: 640px; margin-bottom: 25px; }.hero-text { max-width: 520px; font-size: 18px; line-height: 1.55; color: #475166; }.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 20px; }.text-link { font-size: 14px; font-weight: 800; text-decoration: underline; text-underline-offset: 4px; }.text-link span { color: var(--violet); font-size: 18px; margin-left: 6px; }
.hero-store-links { position:relative; z-index:3; display:flex; align-items:stretch; gap:10px; margin-top:25px; }.hero-store-links a { min-width:151px; min-height:53px; display:flex; align-items:center; gap:9px; padding:8px 12px; color:#fff; background:#000; border:1.5px solid #000; border-radius:10px; box-shadow:3px 4px 0 rgba(0,0,0,.18); transition:transform .2s ease,box-shadow .2s ease; }.hero-store-links a:hover { transform:translateY(-2px); box-shadow:5px 6px 0 rgba(0,0,0,.18); }.hero-store-links small,.hero-store-links b { display:block; }.hero-store-links small { font-size:8px; color:#fff; line-height:1.25; }.hero-store-links b { font-size:15px; line-height:1.15; white-space:nowrap; }.store-icon { flex:0 0 21px; width:21px; font-size:22px; text-align:center; line-height:1; }.play-icon { font-size:17px; }
.hero-orbit { position:absolute; width:620px; height:410px; right: -12px; top: 145px; z-index:1; }.orbit { position:absolute; border:1.5px dashed rgba(89,69,224,.45); border-radius:50%; transform:rotate(-13deg); }.orbit-one { width:575px; height:260px; top: 45px; left:20px; }.orbit-two { width:430px; height:190px; top: 70px; left:90px; border-color:rgba(44,154,212,.38); }.orbit-three { width:270px; height:130px; top:108px; left:166px; border-color:rgba(245,138,166,.5); }.coin { position:absolute; display:grid; place-items:center; width:35px; height:35px; border:2px solid var(--ink); border-radius:50%; background:#f5eeff; box-shadow:3px 3px 0 var(--ink); font:800 15px var(--display); }.coin-a { top:75px; left: 52px; color:#fff; background:#4972ea; }.coin-b { right:67px; top:132px; background:#f5bf55; }.coin-c { left:126px; bottom:37px; background:#ff9bbc; }.coin-d { right:155px; bottom:8px; background:#8ce2cd; }
.signal-tower { position:absolute; left:270px; top: 78px; width:100px; height:175px; display:flex; flex-direction:column; align-items:center; filter:drop-shadow(5px 7px 0 rgba(24,33,50,.3)); }.tower-top { width:57px; height:45px; background:#6b61e8; color:#fff; clip-path:polygon(0 0,100% 0,72% 100%,28% 100%); display:grid; place-items:center; padding-bottom:12px; font-weight:900; }.tower-neck { width:27px; height:46px; border:2px solid var(--ink); border-bottom:0; background:#f7e9c7; }.tower-base { height:73px; width:88px; background:linear-gradient(120deg,#fff,#e1d9fa); border:2px solid var(--ink); clip-path:polygon(14% 0,86% 0,100% 25%,100% 100%,0 100%,0 25%); }
.hero-phone { position:absolute; z-index:3; width:240px; height:465px; right:105px; bottom:-164px; padding:8px; background:#172034; border:6px solid #172034; border-radius:34px 34px 0 0; box-shadow:18px 18px 0 rgba(31,35,61,.23); transform:rotate(7deg); }.phone-speaker { position:absolute; width:70px; height:18px; border-radius:12px; background:#172034; left:50%; top:8px; transform:translateX(-50%); z-index:2; }.phone-screen { height:100%; overflow:hidden; border-radius:22px 22px 0 0; padding:30px 15px; color:#f8f8ff; background:linear-gradient(155deg,#6f50f4,#25276e 62%,#151c4b); }.app-row { display:flex; justify-content:space-between; align-items:center; }.app-logo { display:grid; place-items:center; width:25px; height:25px; border-radius:9px; background:#f2eeff; color:#5e45f6; font:800 15px var(--display); }.app-bell { font-size:19px; }.screen-label { margin:31px 0 5px; color:#c9c5fb; font-size:10px; }.balance { font:800 27px var(--display); letter-spacing:-.07em; margin:0; }.balance span { font-size:17px; color:#c7c1fb; }.chart { height:80px; margin:17px 0 9px; position:relative; color:#80e5d0; }.chart i { position:absolute; left:0; right:0; height:1px; background:rgba(255,255,255,.13); }.chart i:nth-child(1){top:0}.chart i:nth-child(2){top:20px}.chart i:nth-child(3){top:40px}.chart i:nth-child(4){top:60px}.chart i:nth-child(5){top:80px}.chart svg { position:absolute; inset:5px 0; width:100%; height:73px; }.quick-actions { display:flex; gap:7px; margin-top:14px; }.quick-actions span { font-size:9px; font-weight:800; background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.2); border-radius:8px; padding:9px 9px; }.asset-card { display:flex; align-items:center; gap:8px; margin-top:16px; padding:10px; border-radius:12px; background:rgba(255,255,255,.14); font-size:9px; }.asset-icon { width:23px; height:23px; display:grid; place-items:center; border-radius:50%; background:#f5bd5c; color:#23275c; }.asset-card div { flex:1; }.asset-card b,.asset-card small { display:block; }.asset-card small { color:#c5c2fb; font-size:8px; margin-top:2px; }.asset-card strong { font-size:10px; }
.hero-metrics { position:absolute; left:0; right:0; bottom:38px; display:grid; grid-template-columns:repeat(4,1fr); gap:15px; z-index:4; }.hero-metrics div { border-left:1px solid rgba(24,33,50,.22); padding-left:18px; }.hero-metrics strong { font:800 29px var(--display); letter-spacing:-.07em; }.hero-metrics strong span { color:var(--violet); }.hero-metrics p { margin:5px 0 0; color:#52576a; font-size:12px; }

.intro { padding:135px 0 70px; display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:50px; }.section-heading h2, .intro h2 { font-size:clamp(46px,5vw,70px); margin:0; }.intro-text { margin:0 0 7px; font-size:17px; line-height:1.6; color:var(--muted); max-width:420px; }
.feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.feature-card { min-height:425px; overflow:hidden; position:relative; padding:46px; border-radius:27px; display:flex; justify-content:space-between; }.wide-card { grid-column:span 2; min-height:470px; }.feature-dark { background:#1a2436; color:#fbfbff; }.feature-lilac { background:#d9d4ff; }.feature-sand { background:#f7e7c7; }.feature-mint { background:#b9efd8; }.reverse-card { align-items:center; gap:50px; }.card-copy { position:relative; z-index:2; max-width:440px; }.feature-kicker { margin:0 0 20px; font-size:11px; font-weight:800; letter-spacing:.1em; }.feature-dark .feature-kicker { color:#a9a1ff; }.feature-card h3 { font-size:clamp(37px,4vw,54px); margin-bottom:18px; }.feature-card h3 em { color:inherit; text-decoration:underline; text-underline-offset:6px; }.feature-card p:not(.feature-kicker) { line-height:1.55; color:inherit; opacity:.75; max-width:375px; }.arrow-link { display:inline-flex; gap:10px; align-items:center; margin-top:16px; font-weight:800; font-size:14px; text-decoration:underline; text-underline-offset:4px; }.arrow-link span { font-size:17px; }.feature-dark .arrow-link { color:#fff; }
.wallet-graphic { position:absolute; width:500px; height:360px; right:45px; bottom:0; }.wallet-card { position:absolute; width:285px; height:181px; border-radius:17px; padding:23px; border:2px solid #0d1424; box-shadow:8px 9px 0 rgba(0,0,0,.22); color:#141a31; display:flex; flex-direction:column; }.wallet-card.back { right:21px; bottom:94px; background:#9be2cf; transform:rotate(-16deg); justify-content:flex-end; font:800 16px var(--display); }.wallet-card.front { right:90px; bottom:39px; background:linear-gradient(135deg,#a695ff,#f9b2c5); transform:rotate(7deg); }.wallet-card.front span { font:800 14px var(--display); letter-spacing:-.06em; }.wallet-card.front b { margin-top:auto; font:800 22px var(--display); letter-spacing:.12em; }.wallet-card.front small { font-size:8px; letter-spacing:.11em; margin-top:12px; }.float-pill { position:absolute; z-index:2; padding:9px 13px; background:#fff; color:#192136; font:800 12px var(--body); border-radius:99px; box-shadow:4px 5px 0 #0c1321; }.p1 { right:15px; top:78px; }.p2 { left:20px; bottom:108px; }
.transfer-graphic { align-self:flex-end; width:225px; height:210px; position:relative; margin-right:-18px; }.person { width:52px; height:100px; position:absolute; bottom:0; }.person i { position:absolute; width:42px; height:42px; left:5px; top:0; border:2px solid var(--ink); border-radius:50%; background:#f4b48b; }.person b { position:absolute; left:0; bottom:0; width:52px; height:64px; border:2px solid var(--ink); border-radius:24px 24px 0 0; background:#6078ed; }.person-left { left:0; }.person-left i::after { content:""; position:absolute; height:14px; width:35px; background:#492b31; top:-2px; left:3px; border-radius:30px 30px 5px 5px; }.person-right { right:0; }.person-right i { background:#9e623b; }.person-right b { background:#f1829c; }.transfer-line { position:absolute; display:flex; gap:15px; top:54px; left:57px; color:#583ce9; font-size:21px; }
.link-graphic { position:relative; align-self:flex-end; width:225px; height:200px; margin-right:-14px; }.link-ball { position:absolute; z-index:2; top:30px; left:7px; width:55px; height:55px; display:grid; place-items:center; border:2px solid var(--ink); border-radius:50%; background:#fd8ead; box-shadow:4px 5px 0 var(--ink); font:800 25px var(--display); }.link-chain { position:absolute; top:78px; left:48px; display:flex; }.link-chain i { display:block; width:65px; height:34px; border:11px solid #6156ed; border-radius:27px; transform:rotate(-25deg); }.link-chain i+ i { margin-left:-18px; transform:rotate(28deg); }.tiny-receipt { position:absolute; right:2px; bottom:0; display:flex; flex-direction:column; width:107px; height:128px; padding:18px 13px; border:2px solid var(--ink); box-shadow:5px 6px 0 var(--ink); background:#fff9ee; transform:rotate(5deg); }.tiny-receipt::after { content:""; position:absolute; bottom:-11px; left:0; width:100%; height:12px; background:linear-gradient(-45deg,transparent 7px,#fff9ee 0) 0 0/14px 12px repeat-x; filter:drop-shadow(0 2px 0 var(--ink)); }.tiny-receipt b { color:#4b3de6; font-size:11px; letter-spacing:.12em; }.tiny-receipt span { margin-top:20px; font:800 18px var(--display); letter-spacing:-.07em; }
.save-graphic { position:relative; width:440px; height:330px; align-self:flex-end; }.nest { position:absolute; left:45px; bottom:0; border-radius:50% 50% 40% 40%; border:2px solid var(--ink); }.nest-one { width:250px; height:130px; background:#f3aa93; }.nest-two { width:203px; height:101px; bottom:23px; left:69px; background:#ffd68e; }.nest-three { width:157px; height:76px; bottom:43px; left:92px; background:#a9ddcc; }.plant { position:absolute; left:155px; bottom:98px; height:142px; width:88px; }.plant b { position:absolute; width:5px; height:115px; background:#1d563f; left:42px; bottom:0; }.plant i { position:absolute; width:54px; height:30px; border:2px solid #1d563f; background:#6fa68a; border-radius:100% 0 100% 0; }.plant i:nth-child(1) { left:-3px; top:36px; transform:rotate(14deg); }.plant i:nth-child(2) { right:-4px; top:12px; transform:rotate(75deg); }.plant i:nth-child(3) { left:3px; top:0; transform:rotate(-36deg); background:#8cd09e; }.save-star { position:absolute; color:#fb6f96; font-size:30px; }.save-star.one { left:22px; top:62px; }.save-star.two { right:56px; top:42px; color:#5d48ec; }

.payouts { padding:124px 0 0; display:grid; grid-template-columns:.72fr 1.28fr; gap:64px; align-items:start; }.payouts-heading h2 { margin:0 0 20px; font-size:clamp(42px,4.7vw,64px); }.payouts-heading > p:not(.eyebrow) { color:var(--muted); line-height:1.6; max-width:350px; }.payouts-panel { display:grid; gap:15px; }.payout-group { padding:27px 29px; border:1.5px solid var(--ink); border-radius:20px; background:#fff; box-shadow:5px 6px 0 rgba(0,0,0,.12); }.mobile-payouts { background:var(--lilac); }.payout-group-title { display:flex; gap:13px; align-items:center; }.payout-icon { flex:0 0 43px; width:43px; height:43px; display:grid; place-items:center; border:1.5px solid var(--ink); border-radius:13px; background:var(--violet); box-shadow:3px 4px 0 var(--ink); font:800 21px var(--display); }.payout-group-title p { margin:0 0 4px; font-size:10px; letter-spacing:.1em; font-weight:800; }.payout-group-title h3 { margin:0; font:800 25px/1 var(--display); letter-spacing:-.05em; }.payout-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }.payout-tags span { display:inline-flex; align-items:center; gap:7px; padding:9px 11px; border:1px solid rgba(0,0,0,.22); border-radius:99px; background:#fff; font-size:12px; line-height:1.2; }.payout-tags b { color:#000; font-size:10px; letter-spacing:.06em; padding-right:7px; border-right:1px solid rgba(0,0,0,.22); }

.moment { margin-top:120px; min-height:485px; border-radius:30px; background:#332f86; position:relative; overflow:hidden; color:white; display:flex; align-items:center; padding:64px 80px; }.moment-content { width:52%; position:relative; z-index:3; }.moment h2 { font-size:clamp(46px,5vw,70px); margin:0 0 22px; }.moment h2 em { color:#aeeccf; }.moment p:not(.eyebrow) { color:#d8d5ff; max-width:400px; line-height:1.6; }.button-light { background:#f5f4ff; color:#302d77; box-shadow:none; margin-top:12px; }.moment-art { position:absolute; width:530px; height:520px; right: 0; top:-7px; }.arc { position:absolute; border:1.5px dashed rgba(185,239,216,.56); border-radius:50%; }.a-one { width:440px; height:440px; right:-60px; top:36px; }.a-two { width:340px; height:340px; right:-10px; top:84px; }.a-three { width:235px; height:235px; right:43px; top:136px; }.open-door { width:160px; height:235px; position:absolute; right:126px; bottom:29px; border:3px solid #dad6ff; background:linear-gradient(120deg,#6072e8,#4d3cbd); transform:skewY(-4deg); }.open-door::after { content:""; position:absolute; inset:18px; background:#f5c1cf; border:2px solid #252275; }.open-door span { position:absolute; z-index:2; width:10px; height:10px; border-radius:50%; background:#ffe99c; right:28px; top:116px; }.person-walk { position:absolute; z-index:3; right:91px; bottom:25px; width:75px; height:155px; }.person-walk i { position:absolute; width:45px; height:45px; border-radius:50%; background:#a4654e; border:2px solid #192138; top:0; left:15px; }.person-walk b { position:absolute; width:62px; height:112px; bottom:0; left:7px; background:#aeeccf; border:2px solid #192138; border-radius:33px 33px 11px 11px; }.spark { position:absolute; font-size:30px; color:#f9b3c1; }.s-one { top:64px; left:54px; }.s-two { top:230px; right:38px; color:#b9f3d9; }

.markets { padding:136px 0; display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; align-items:center; }.markets h2 { font-size:clamp(46px,5vw,70px); margin-bottom:20px; }.markets-intro > p:not(.eyebrow) { max-width:340px; color:var(--muted); line-height:1.6; }.market-list { border-top:1px solid var(--line); }.market-row { display:grid; align-items:center; grid-template-columns:42px 1fr 50px 1.45fr 65px; column-gap:8px; height:74px; border-bottom:1px solid var(--line); }.market-symbol { width:31px; height:31px; border-radius:50%; display:grid; place-items:center; color:white; font:800 15px var(--display); }.blue{background:#4487ec}.violet{background:#7d56dc}.pink{background:#f384ae}.green{background:#5caa8b}.market-row b { font-size:14px; }.market-row small { color:#8b90a1; font-size:11px; }.market-row strong { font-size:14px; text-align:right; }.market-row em { font-size:12px; font-style:normal; text-align:right; color:#25835e; font-weight:700; }

.security { padding:104px 0 130px; }.security-heading { display:inline-block; }.security-heading h2 { font-size:clamp(46px,5vw,70px); }.security > .intro-text { display:inline-block; margin-left:105px; vertical-align:bottom; width:335px; }.security-grid { margin-top:57px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.security-card { padding:32px; min-height:318px; background:#faf9ff; border:1px solid rgba(255,255,255,.9); border-radius:23px; box-shadow:0 14px 35px rgba(77,68,126,.06); }.security-card:nth-child(2) { background:#d6ceff; }.security-card:nth-child(3) { background:#baf0db; }.security-icon { width:52px; height:52px; display:grid; place-items:center; border:2px solid var(--ink); border-radius:15px; box-shadow:4px 5px 0 var(--ink); font:800 28px var(--display); }.lock-icon{background:#f4bc70}.key-icon{background:#f6a6bf}.bell-icon{background:#8ce0ca}.security-card h3 { font-size:29px; margin:28px 0 13px; }.security-card p { font-size:14px; line-height:1.6; color:#535d6b; min-height:67px; }.security-card a { font-size:13px; font-weight:800; text-decoration:underline; text-underline-offset:4px; }.security-card a span { margin-left:7px; font-size:16px; }

.stories { min-height:500px; border-radius:30px; overflow:hidden; display:flex; align-items:center; padding:70px 94px; background:linear-gradient(120deg,#f8c7d5,#cfc4ff); position:relative; }.stories-copy { margin-left:auto; width:47%; position:relative; z-index:2; }.stories h2 { font-size:clamp(46px,5vw,67px); margin-bottom:19px; }.stories h2 em { color:#375be2; }.stories-copy > p:not(.eyebrow) { max-width:385px; color:#444c64; line-height:1.6; }.stories-visual { position:absolute; width:510px; height:510px; left:10px; top:-5px; }.story-orbit { position:absolute; left:50%; top:50%; border:1px dashed #5b54cf; border-radius:50%; transform:translate(-50%,-50%) rotate(-25deg); }.o1 { width:420px; height:260px; }.o2 { width:295px; height:410px; }.story-center { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-8deg); display:grid; place-items:center; width:125px; height:125px; background:#f7eace; color:#ed658c; border:2px solid var(--ink); border-radius:35px; box-shadow:7px 8px 0 var(--ink); font:800 64px var(--display); }.orbit-dot { position:absolute; width:31px; height:31px; border-radius:50%; border:2px solid var(--ink); box-shadow:3px 4px 0 var(--ink); }.d1{top:76px;right:90px;background:#6583ed}.d2{left:36px;bottom:86px;background:#9ee1c8}.d3{bottom:52px;right:43px;background:#ffc371}

.reviews { padding:125px 0; }.reviews-heading h2 { font-size:clamp(46px,5vw,70px); margin-bottom:46px; }.review-track { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.review-card { min-height:300px; background:#fffefa; border-radius:23px; padding:29px; display:flex; flex-direction:column; box-shadow:0 13px 33px rgba(83,72,138,.07); }.review-card.accent-card { background:#d5ceff; }.avatar { display:grid; place-items:center; width:40px; height:40px; border:1.5px solid var(--ink); border-radius:50%; font-size:11px; font-weight:800; }.a-orange{background:#ffc695}.a-blue{background:#9c9cff}.a-green{background:#99e4c6}.review-card > p { font:800 21px/1.3 var(--display); letter-spacing:-.035em; margin:28px 0; }.review-card > div:last-child { margin-top:auto; display:flex; flex-direction:column; gap:3px; }.review-card b { font-size:13px; }.review-card span { color:#737a8e; font-size:12px; }

.more { padding:102px 0 122px; }.more > h2 { font-size:clamp(46px,5vw,67px); margin-bottom:49px; }.more-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.more-card { position:relative; min-height:348px; overflow:hidden; border-radius:24px; padding:31px; }.more-card > div:first-child { position:relative; z-index:3; }.more-card p { font-size:11px; font-weight:800; letter-spacing:.1em; }.more-card h3 { font-size:32px; margin-bottom:18px; }.more-card a { font-size:13px; font-weight:800; text-decoration:underline; text-underline-offset:4px; }.more-card a span { font-size:16px; margin-left:7px; }.card-coral{background:#f7b5a4}.card-blue{background:#cfd2ff}.card-yellow{background:#f8de87}.small-card-shape { position:absolute; right:31px; bottom:26px; width:160px; height:220px; border:2px solid var(--ink); border-radius:19px; background:linear-gradient(155deg,#8267eb,#fbadbd); transform:rotate(12deg); box-shadow:8px 9px 0 var(--ink); }.small-card-shape span { color:#fff; padding:21px; display:block; font:800 34px var(--display); }.steps-shape { position:absolute; right:0; bottom:-19px; width:213px; height:220px; transform:rotate(-7deg); }.steps-shape i { position:absolute; height:59px; width:140px; border:2px solid var(--ink); background:#f3a4c0; box-shadow:5px 5px 0 var(--ink); }.steps-shape i:nth-child(1){right:30px;top:0}.steps-shape i:nth-child(2){right:0;top:58px;background:#fff3d1}.steps-shape i:nth-child(3){right:-28px;top:116px;background:#80d7c2}.sun-shape { position:absolute; right:30px; bottom:25px; width:145px; height:145px; border-radius:50%; display:grid; place-items:center; border:2px solid var(--ink); background:#f9879e; box-shadow:7px 7px 0 var(--ink); font-size:65px; color:#ffe88b; }

.download { min-height:505px; border-radius:30px 30px 0 0; position:relative; overflow:hidden; padding:74px 82px; display:flex; background:#202844; color:white; }.download::before { content:""; position:absolute; width:620px; height:620px; right:-130px; bottom:-220px; border-radius:50%; background:radial-gradient(circle,#443b9d 1px,transparent 2px); background-size:13px 13px; opacity:.75; }.download-copy { width:54%; position:relative; z-index:2; }.download h2 { font-size:clamp(43px,5vw,64px); margin:0 0 20px; }.download h2 em { color:#a4ecd3; }.download-copy > p:not(.eyebrow) { max-width:380px; color:#cfd5ee; line-height:1.6; }.store-links { display:flex; gap:10px; margin-top:30px; }.store-links a { position:relative; width:150px; min-height:49px; display:grid; grid-template-columns:26px 1fr; grid-template-rows:18px 17px; align-items:center; padding:7px; border:1px solid rgba(255,255,255,.43); border-radius:9px; }.store-links a > span { font-size:20px; grid-row:span 2; text-align:center; }.store-links small { font-size:8px; color:#dce0f5; align-self:end; }.store-links b { font-size:15px; align-self:start; }.download-phones { position:absolute; width:443px; right:80px; bottom:-119px; height:490px; }.mini-phone { position:absolute; bottom:0; height:400px; width:205px; border:5px solid #131a2b; border-radius:29px 29px 0 0; padding:7px; background:#131a2b; box-shadow:12px 12px 0 rgba(8,14,31,.3); }.mini-phone.rear { left:0; transform:rotate(-11deg); background:#e1d4fb; }.mini-phone.front { right:14px; height:440px; background:#101727; transform:rotate(8deg); }.mini-top { position:absolute; z-index:2; width:57px; height:16px; border-radius:0 0 11px 11px; left:50%; top:6px; transform:translateX(-50%); background:#131a2b; }.mini-screen { height:100%; padding:50px 16px; border-radius:20px 20px 0 0; }.rear .mini-screen { background:linear-gradient(160deg,#b1a2ff,#8e86ed); }.front .mini-screen { background:linear-gradient(160deg,#5046cd,#252b79); }.mini-screen span,.mini-screen b { display:block; }.mini-screen span { font-size:10px; color:#dcd9ff; }.mini-screen b { margin-top:11px; font:800 23px var(--display); letter-spacing:-.07em; color:#fff; }.mini-screen i { display:block; height:45px; margin-top:18px; border-radius:10px; background:rgba(255,255,255,.18); }

.site-footer { color:#f4f4ff; background:#202844; padding:57px max(24px, calc((100vw - 1180px) / 2)) 27px; }.footer-top { display:flex; justify-content:space-between; align-items:center; padding-bottom:45px; border-bottom:1px solid rgba(255,255,255,.16); }.footer-brand { color:#fff; }.footer-brand .brand-word-monie { color:#fff; }.footer-brand .brand-word-access { color:#D97706; }.footer-top p { margin:0; color:#b9c0dd; font-size:14px; }.footer-links { padding:45px 0; display:grid; grid-template-columns:repeat(3,1fr) 1.6fr; gap:30px; }.footer-links h3 { letter-spacing:0; font:800 13px var(--body); margin-bottom:18px; }.footer-links a { display:block; color:#c5cae0; font-size:13px; margin:10px 0; }.footer-links a:hover { color:#fff; }.footer-links p { color:#c5cae0; font-size:13px; line-height:1.5; max-width:235px; }.newsletter { display:flex; margin-top:13px; max-width:290px; border-bottom:1px solid rgba(255,255,255,.55); }.newsletter input { background:transparent; border:0; outline:0; color:white; width:100%; padding:10px 0; font-size:13px; }.newsletter input::placeholder { color:#a8afcd; }.newsletter button { color:white; background:transparent; border:0; font-size:20px; }.form-message { display:block; color:#a3ebd0; font-size:11px; margin-top:8px; min-height:15px; }.footer-bottom { padding-top:22px; border-top:1px solid rgba(255,255,255,.16); color:#abb3d1; display:flex; justify-content:space-between; font-size:11px; }.footer-bottom div { display:flex; gap:20px; }.footer-bottom a { color:#abb3d1; }.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }

@media (max-width: 900px) { .site-header { top:12px; width:calc(100% - 32px); height:61px; gap:18px; }.brand{font-size:23px}.nav-links,.nav-actions{display:none}.menu-toggle{display:block}.site-header.menu-open { height:auto; padding-bottom:16px; flex-wrap:wrap; }.site-header.menu-open .nav-links { display:flex; order:3; flex-basis:100%; flex-direction:column; align-items:stretch; gap:0; }.site-header.menu-open .nav-links a { padding:12px; }.site-header.menu-open .nav-actions { display:flex; order:4; width:100%; padding:6px 9px 0; }.site-header.menu-open .locale,.site-header.menu-open .login-link { display:none; }.site-header.menu-open .button { width:100%; }.hero-shell{min-height:930px;padding-top:150px}.hero-copy{width:100%;text-align:center}.hero h1{margin-inline:auto;font-size:clamp(52px,12vw,82px)}.hero-text{margin-inline:auto}.hero-actions{justify-content:center}.hero-orbit{right:50%;transform:translateX(50%);top:420px;width:560px}.hero-phone{right:50%;transform:translateX(50%) rotate(7deg);bottom:-72px}.hero-metrics{bottom:22px;grid-template-columns:repeat(2,1fr);gap:14px 0}.hero-metrics div:nth-child(3){border-left:0}.intro{padding-top:98px;grid-template-columns:1fr;gap:27px}.feature-grid{grid-template-columns:1fr}.wide-card{grid-column:auto}.feature-card{min-height:425px;padding:35px}.wallet-graphic{right:-65px;transform:scale(.8);transform-origin:bottom right}.reverse-card{min-height:400px}.save-graphic{position:absolute;left:-96px;bottom:-35px;transform:scale(.75);transform-origin:bottom left;opacity:.7}.reverse-card .card-copy{margin-left:auto}.payouts{padding-top:97px;grid-template-columns:1fr;gap:32px}.moment{margin-top:90px;padding:58px;min-height:500px}.moment-content{width:68%}.moment-art{right:-170px;opacity:.85}.markets{padding:104px 0;grid-template-columns:1fr;gap:45px}.security > .intro-text{display:block;margin:23px 0 0}.security-grid{grid-template-columns:1fr}.security-card{min-height:260px}.stories{padding:55px;min-height:520px}.stories-copy{width:61%}.stories-visual{left:-160px;opacity:.75}.review-track,.more-grid{grid-template-columns:1fr}.review-card{min-height:245px}.more-card{min-height:290px}.download{padding:62px;min-height:590px}.download-copy{width:67%}.download-phones{right:-43px;transform:scale(.8);transform-origin:bottom right}.footer-links{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 560px) { .section-shell{width:calc(100% - 32px)}.brand{font-size:19px;gap:7px}.brand-logo{height:31px}.hero-shell{min-height:935px;padding-top:132px}.hero h1{font-size:50px}.hero-text{font-size:16px}.hero-actions{flex-direction:column;gap:17px;margin-top:18px}.hero-store-links{width:100%;justify-content:center;margin:21px auto 0}.hero-store-links a{min-width:0;width:calc(50% - 5px);padding:8px 7px;gap:5px}.hero-store-links b{font-size:13px}.hero-store-links small{font-size:7px}.hero-store-links .store-icon{flex-basis:17px;width:17px;font-size:18px}.hero-store-links .play-icon{font-size:14px}.hero-orbit{top:470px;transform:translateX(50%) scale(.74)}.hero-phone{bottom:-5px;transform:translateX(50%) scale(.78) rotate(7deg)}.hero-metrics strong{font-size:25px}.hero-metrics p{font-size:10px}.intro{padding:85px 0 49px}.section-heading h2,.intro h2,.markets h2,.security-heading h2,.stories h2,.reviews-heading h2,.more>h2,.payouts-heading h2{font-size:47px}.intro-text{font-size:16px}.feature-card,.wide-card{min-height:425px;padding:29px;border-radius:22px}.feature-card h3{font-size:39px}.wallet-graphic{right:-151px;transform:scale(.63);bottom:-12px}.transfer-graphic{transform:scale(.82);transform-origin:bottom right}.link-graphic{transform:scale(.8);transform-origin:bottom right}.reverse-card{min-height:405px}.reverse-card .card-copy{margin-left:0}.save-graphic{left:-113px;opacity:.45}.payouts{padding-top:80px}.payout-group{padding:23px 18px}.payout-tags{gap:7px;margin-top:20px}.payout-tags span{width:100%;font-size:11px;padding:9px 10px}.moment{width:100%;border-radius:0;padding:55px 24px;min-height:540px}.moment-content{width:100%}.moment h2{font-size:49px}.moment-art{right:-270px;opacity:.38}.markets{padding:87px 0}.market-row{grid-template-columns:38px 1fr 42px 1.1fr;gap:6px}.market-row em{display:none}.security{padding:86px 0}.security-card{padding:27px}.stories{width:100%;border-radius:0;padding:55px 24px;min-height:610px}.stories-copy{width:100%;align-self:flex-end}.stories-visual{left:50%;top:-70px;transform:translateX(-50%) scale(.75);opacity:.65}.reviews{padding:85px 0}.review-card{padding:26px}.more{padding:80px 0}.more-card{min-height:270px}.download{width:100%;border-radius:0;min-height:690px;padding:55px 24px}.download-copy{width:100%}.download-phones{right:-120px;bottom:-142px;transform:scale(.68);transform-origin:bottom right}.site-footer{padding:45px 24px 24px}.footer-top{align-items:flex-start;gap:20px;flex-direction:column}.footer-links{grid-template-columns:1fr 1fr;gap:24px 17px}.footer-links>div:last-child{grid-column:span 2}.footer-bottom{flex-direction:column;gap:17px}.footer-bottom div{gap:12px;flex-wrap:wrap}.store-links a{width:141px} }

/* Sunshade brand system — #FF9C2E, black, and white. */
:root { --ink:#000; --muted:#444; --paper:#fff; --violet:#FF9C2E; --lilac:#fff0dc; --mint:#ffe0b5; --sand:#fff7ed; --coral:#ffbd77; --line:rgba(0,0,0,.17); }
body { background:#fff; color:#000; }
.grain { opacity:.08; mix-blend-mode:multiply; }
.brand-mark i { background:#FF9C2E; }
.site-header { background:rgba(255,255,255,.94); border-color:#000; box-shadow:6px 7px 0 rgba(0,0,0,.12); }
.nav-links a:hover,.locale:hover { background:#fff0dc; }
.button { color:#000; background:#FF9C2E; box-shadow:inset 0 0 0 1px #000, 4px 5px 0 #000; }
.button:hover { box-shadow:inset 0 0 0 1px #000, 6px 7px 0 #000; }
.hero::before { background:radial-gradient(circle at 24% 28%,#fff0dc 0,transparent 27%),radial-gradient(circle at 83% 38%,#ffe0b5 0,transparent 31%),linear-gradient(119deg,#fff,#fff6e8 56%,#fff0dc); }
.hero::after { background:radial-gradient(circle,#FF9C2E 1px,transparent 2px); }
.hero-text { color:#333; }.orbit { border-color:rgba(0,0,0,.45); }.orbit-two { border-color:rgba(255,156,46,.75); }.orbit-three { border-color:rgba(0,0,0,.25); }
.coin { background:#fff; }.coin-a,.coin-b,.coin-c,.coin-d { background:#FF9C2E; color:#000; }.coin-a { color:#fff; background:#000; }
.signal-tower { filter:drop-shadow(5px 7px 0 rgba(0,0,0,.22)); }.tower-top { background:#FF9C2E; color:#000; }.tower-neck { background:#fff; }.tower-base { background:linear-gradient(120deg,#fff,#fff0dc); }
.hero-phone,.phone-speaker { background:#000; border-color:#000; }.hero-phone { box-shadow:13px 14px 0 rgba(0,0,0,.18); }.phone-screen { color:#fff; background:linear-gradient(155deg,#FF9C2E,#1a1a1a 68%); }.app-logo { background:#fff; color:#000; }.screen-label,.balance span,.asset-card small { color:#ffe3bc; }.chart { color:#FF9C2E; }.asset-icon { background:#FF9C2E; color:#000; }
.feature-dark { background:#000; color:#fff; }.feature-dark .feature-kicker { color:#FF9C2E; }.feature-lilac { background:#fff0dc; }.feature-sand { background:#fff7ed; }.feature-mint { background:#ffe0b5; }
.wallet-card { border-color:#000; color:#000; }.wallet-card.back { background:#FF9C2E; }.wallet-card.front { background:linear-gradient(135deg,#fff,#FF9C2E); }.float-pill { color:#000; box-shadow:4px 5px 0 #000; }.person b,.transfer-line { background:#FF9C2E; color:#000; }.person-left i::after { background:#000; }.person-right b { background:#fff; }.link-ball,.link-chain i { background:#FF9C2E; border-color:#000; }.tiny-receipt { background:#fff; }.tiny-receipt::after { background:linear-gradient(-45deg,transparent 7px,#fff 0) 0 0/14px 12px repeat-x; }.tiny-receipt b { color:#000; }
.nest-one,.nest-two,.nest-three { background:#FF9C2E; }.nest-two { background:#fff; }.nest-three { background:#ffd9a7; }.plant b,.plant i { border-color:#000; background:#FF9C2E; }.plant b { background:#000; }.save-star,.save-star.two { color:#000; }
.moment { background:#000; }.moment h2 em { color:#FF9C2E; }.moment p:not(.eyebrow) { color:#eee; }.button-light { background:#FF9C2E; color:#000; }.arc { border-color:rgba(255,156,46,.75); }.open-door { border-color:#fff; background:#FF9C2E; }.open-door::after { background:#fff; border-color:#000; }.open-door span { background:#FF9C2E; }.person-walk b { background:#FF9C2E; border-color:#000; }.person-walk i { border-color:#000; background:#fff; }.spark,.s-two { color:#FF9C2E; }
.blue,.violet,.pink,.green { background:#FF9C2E; color:#000; }.market-row em { color:#000; }.security-card { background:#fff; border-color:#000; box-shadow:5px 6px 0 rgba(0,0,0,.12); }.security-card:nth-child(2) { background:#fff0dc; }.security-card:nth-child(3) { background:#FF9C2E; }.lock-icon,.key-icon,.bell-icon { background:#FF9C2E; }.security-card p { color:#333; }
.stories { background:linear-gradient(120deg,#fff0dc,#FF9C2E); }.stories h2 em { color:#000; }.stories-copy > p:not(.eyebrow) { color:#222; }.story-orbit { border-color:#000; }.story-center { background:#fff; color:#FF9C2E; }.d1,.d2,.d3 { background:#FF9C2E; }
.review-card { border:1px solid #000; box-shadow:5px 6px 0 rgba(0,0,0,.12); }.review-card.accent-card { background:#fff0dc; }.a-orange,.a-blue,.a-green { background:#FF9C2E; }.review-card span { color:#444; }
.card-coral,.card-blue,.card-yellow { background:#fff0dc; border:1px solid #000; }.card-blue { background:#fff; }.card-yellow { background:#FF9C2E; }.small-card-shape { background:linear-gradient(155deg,#000,#FF9C2E); }.steps-shape i { background:#FF9C2E; }.steps-shape i:nth-child(2) { background:#fff; }.steps-shape i:nth-child(3) { background:#fff0dc; }.sun-shape { background:#FF9C2E; color:#000; }
.download,.site-footer { background:#000; }.download::before { background:radial-gradient(circle,#FF9C2E 1px,transparent 2px); }.download h2 em { color:#FF9C2E; }.download-copy > p:not(.eyebrow),.store-links small,.footer-top p,.footer-links a,.footer-links p,.newsletter input::placeholder,.footer-bottom,.footer-bottom a { color:#d8d8d8; }.mini-phone { background:#000; border-color:#000; }.mini-phone.rear { background:#fff0dc; }.front .mini-screen { background:linear-gradient(160deg,#FF9C2E,#1b1b1b); }.rear .mini-screen { background:linear-gradient(160deg,#fff,#FF9C2E); }.form-message { color:#FF9C2E; }

/* Product navigation and footer contact/social details. */
.nav-product-menu { position:relative; }.products-toggle { padding:11px 14px; border:0; border-radius:12px; background:transparent; color:var(--ink); font:650 14px var(--body); white-space:nowrap; cursor:pointer; }.products-toggle:hover,.nav-product-menu.is-open .products-toggle { background:#fff0dc; }.products-toggle span { margin-left:3px; font-size:16px; }.nav-product-menu.is-open .products-toggle span { display:inline-block; transform:rotate(180deg); }.product-subnav { position:absolute; z-index:20; top:calc(100% + 10px); left:0; display:none; width:190px; padding:8px; border:1px solid #000; border-radius:15px; background:#fff; box-shadow:5px 6px 0 rgba(0,0,0,.14); }.nav-product-menu.is-open .product-subnav { display:grid; gap:2px; }.product-subnav a { padding:10px 11px; border-radius:9px; color:#000; font-size:13px; font-weight:750; }.product-subnav a:hover { background:#fff0dc; }
.footer-contact-details { display:flex; gap:31px; align-items:flex-start; }.footer-contact-details address { display:grid; gap:6px; font-style:normal; }.footer-contact-details span { color:#a8a8a8; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.footer-contact-details b,.footer-contact-details a { color:#fff; font-size:13px; font-weight:700; }.footer-contact-details a:hover { color:#FF9C2E; }.social-links { display:flex; align-items:center; gap:9px; }.footer-bottom .social-links { gap:9px; }.social-link { display:grid; place-items:center; width:28px; height:28px; margin:0; border:1px solid rgba(255,255,255,.45); border-radius:50%; color:#fff; }.social-link:hover { border-color:#FF9C2E; background:#FF9C2E; color:#000; }.social-link svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.8; }.social-link .social-fill { fill:currentColor; stroke:none; }
@media (max-width:900px) { .site-header.menu-open .nav-product-menu { width:100%; }.site-header.menu-open .products-toggle { width:100%; padding:12px; text-align:left; }.site-header.menu-open .products-toggle span { float:right; }.site-header.menu-open .product-subnav { position:static; width:100%; margin-top:5px; padding:6px; border-radius:11px; box-shadow:none; }.site-header.menu-open .product-subnav a { padding:10px 12px; }.footer-top { align-items:flex-start; flex-wrap:wrap; }.footer-contact-details { margin-left:auto; } }
@media (max-width:560px) { .footer-contact-details { width:100%; gap:26px; margin-left:0; }.footer-bottom .social-links { margin-top:2px; } }