:root{font-family:'Plus Jakarta Sans',Arial,sans-serif;--blue:#3986ff}
body{background:radial-gradient(ellipse at 100% 40%,#16366444,transparent 45%),radial-gradient(ellipse at 0 80%,#13346138,transparent 40%),#080a0d}
.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.announcement{height:42px;font-size:12px;gap:24px;background:linear-gradient(90deg,#071326,#0a0d14 45%,#0b1730);border-color:#387fff50;box-shadow:0 0 28px #357aff1a}
.announcement strong{color:#7fb0ff}.announcement button{background:#245bce22;border:1px dashed #4a89ff70;border-radius:5px;color:#edf5ff;font-size:11px;letter-spacing:1px;font-weight:800;padding:4px 9px}.announcement .promo-divider{color:#465b7b}
.home-navigation{box-shadow:0 0 0 1px #367fff08,0 5px 40px #0009,0 0 34px #397fff10;border-color:#588bed2b}
.wallet-nav>button[aria-expanded=true]{background:linear-gradient(135deg,#408cff,#1a58dc);box-shadow:0 0 0 4px #377fff12,0 0 28px #377fff55}
.wallet-menu{width:540px;left:-125px;padding:7px 8px;top:calc(100% + 16px);background:linear-gradient(120deg,#0b111bea,#090a0ceb);border-radius:18px;border-color:#ffffff22;box-shadow:0 18px 60px #0009,0 0 35px #377fff12;backdrop-filter:blur(24px)}
.wallet-menu-columns{display:grid;grid-template-columns:1fr 1fr}.wallet-menu-columns>div{padding:7px 10px}.wallet-menu-columns>div+div{border-left:1px solid #ffffff0c}
.wallet-menu-item{height:49px;padding:9px 4px;gap:10px}.wallet-menu-item:hover{background:#367fff12}.wallet-menu-item svg{width:14px;height:14px}.wallet-menu-item .wallet-wordmark{width:150px;height:29px}.wallet-menu-item .wallet-wordmark.coinbase img{width:152px;top:-29.3px}
.home-hero{padding-top:166px;min-height:695px}.home-hero h1{font-weight:800;text-shadow:0 0 60px #5b96ff15;letter-spacing:-3.8px}.hero-accent{text-shadow:0 0 45px #2978ff40}.hero-badge{box-shadow:0 0 35px #fbb62f0c}
.hero-collage{background:radial-gradient(ellipse at center,#12223b,#06090f)}.hero-collage:after{background:radial-gradient(ellipse at 50% 48%,#080c14dc 3%,#080c1475 68%),linear-gradient(0deg,#090b0e,transparent 30%,#0c142055);z-index:2}
.wallet-loop{display:flex;width:max-content;position:absolute;top:-50px;left:-330px;transform:rotate(-12deg);animation:wallet-drift 65s linear infinite;will-change:transform;opacity:.46}
.wallet-loop-group{display:flex;align-items:center;gap:44px;padding-right:44px}.loop-wallet{width:290px;flex:none;filter:saturate(.9);transform:translateY(-35px)}.loop-wallet-1{transform:translateY(90px)}.loop-wallet-2{transform:translateY(15px)}.loop-wallet img{display:block;width:100%;height:auto}
@keyframes wallet-drift{from{transform:rotate(-12deg) translateX(0)}to{transform:rotate(-12deg) translateX(-50%)}}
.hero-rating{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;row-gap:7px;margin:26px auto 0;color:#99abc5;font-size:13px;line-height:1.5}.rating-score{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.rating-stars{display:inline-flex;gap:3px;color:#ffc11b;filter:drop-shadow(0 0 8px #ffc11b18)}.rating-stars svg{width:17px;height:17px}.rating-score strong{color:#f6f8fc;font-size:13px;font-weight:800}.rating-divider{color:#536883}.rating-customers{font-weight:500;white-space:nowrap}
.prop-note{margin-top:10px}.button-primary,.nav-panel{box-shadow:0 0 0 1px #518fff20,0 5px 22px #1762ff30,0 0 45px #387fff20}.button-primary:hover,.nav-panel:hover{box-shadow:0 0 0 4px #518fff15,0 5px 30px #1762ff55,0 0 65px #387fff30}
.wallet-showcase,.feature-card,.creator-card,.guide-card,.plan-card{transition:transform .25s,border-color .25s,box-shadow .25s}.wallet-showcase:hover,.feature-card:hover,.creator-card:hover,.guide-card:hover{transform:translateY(-4px);border-color:#468eff70;box-shadow:0 0 35px #347aff13,inset 0 0 28px #347aff05}.wallet-showcase{box-shadow:inset 0 1px 0 #588fff19,0 0 35px #347aff0a}.plan-popular{box-shadow:0 0 45px #397fff20}.section-eyebrow{color:#6aa3ff}.section-heading h2{font-weight:700}.facts-strip{box-shadow:0 0 38px #377fff0c}.feature-visual .rings{animation:shield-breathe 5s ease-in-out infinite}.delivery-dot,.availability-pill i,.wallet-status i{box-shadow:0 0 9px #26cf8766}.hero-accent>svg path{filter:drop-shadow(0 0 9px #367dff)}
@keyframes shield-breathe{50%{box-shadow:0 0 45px #327fff22}}
@media(max-width:900px){.wallet-menu{left:0;width:100%;top:0;padding:5px}.home-hero h1{letter-spacing:-2.8px}.wallet-menu-item .wallet-wordmark{width:125px}.wallet-menu-item .wallet-wordmark.coinbase img{width:127px;top:-24.5px}}
@media(max-width:600px){.announcement{gap:8px;min-height:48px;height:auto;padding:8px 12px;font-size:10px;flex-wrap:wrap}.announcement>span{gap:5px}.announcement a{font-size:10px}.home-hero{padding-top:150px;min-height:660px}.home-hero h1{letter-spacing:-2.2px}.wallet-menu-columns>div{padding:4px}.wallet-menu-item .wallet-wordmark{width:112px;height:24px}.wallet-menu-item .wallet-wordmark.coinbase img{width:114px;top:-22px}.wallet-menu-item .wallet-wordmark.phantom,.wallet-menu-item .wallet-wordmark.trust,.wallet-menu-item .wallet-wordmark.ledger,.wallet-menu-item .wallet-wordmark.exodus{font-size:13px;line-height:24px}.wallet-menu-item{height:45px}.wallet-loop{opacity:.36}.loop-wallet{width:230px}.hero-rating{max-width:400px}.hero-actions{gap:10px}.hero-actions .button{padding:15px 14px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.wallet-loop{will-change:auto}}
.wallet-menu-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-menu-columns>div{min-width:0}.wallet-menu-item .wallet-wordmark{height:34px}.wallet-menu-item .wallet-wordmark.coinbase img{top:0;left:-.8%;width:101.6%;transform:translateY(-34.25%)}
@media(max-width:900px){.wallet-menu-item .wallet-wordmark{height:29px}}
@media(max-width:600px){.wallet-menu-item{min-width:0;gap:5px}.wallet-menu-item .wallet-wordmark{width:auto;flex:1;min-width:0;height:26px}.wallet-menu-item .wallet-wordmark.coinbase img{width:101.6%;top:0}.wallet-menu-item svg{margin-left:0;width:10px;height:10px}.wallet-menu-item .wallet-wordmark.phantom,.wallet-menu-item .wallet-wordmark.trust,.wallet-menu-item .wallet-wordmark.ledger,.wallet-menu-item .wallet-wordmark.exodus{font-size:clamp(10px,2.7vw,13px)}}
@media(max-width:900px){.nav-links{position:relative}.wallet-nav{position:static}.wallet-menu{left:0;top:calc(100% + 10px);width:100%}}
@media(max-width:680px){.announcement strong{display:inline}.wallet-menu-item>svg{display:block}}

@media(max-width:600px){.hero-rating{font-size:11px;gap:8px;row-gap:7px;margin-top:24px}.rating-score{gap:8px}.rating-score strong{font-size:11px}.rating-stars{gap:2px}.rating-stars svg{width:14px;height:14px}}
@media(max-width:360px){.rating-divider{display:none}.rating-customers{flex-basis:100%}}
.hero-accent{animation:headline-blue-glow 6s ease-in-out infinite}.home-navigation{box-shadow:0 0 0 1px #367fff12,0 5px 40px #0009,0 0 38px #397fff19}.hero-badge{box-shadow:0 0 24px #5b95ff10}.hero-actions .button-primary{box-shadow:0 0 38px #327fff45,0 6px 25px #0e52d144,inset 0 1px 0 #adcfff55}.hero-actions .button-primary:hover{box-shadow:0 0 55px #327fff70,0 6px 30px #0e52d155}.wallet-showcase:hover{box-shadow:0 0 45px #327fff25,inset 0 0 35px #327fff0b}.guide-card:hover,.creator-card:hover{box-shadow:0 0 35px #327fff20}.final-cta{box-shadow:0 0 45px #327fff16}
@keyframes headline-blue-glow{0%,100%{text-shadow:0 0 25px #2978ff30}50%{text-shadow:0 0 50px #2978ff60}}
.wallet-menu-item .wallet-wordmark.coinbase img{filter:none}
.wallet-menu-item .wallet-wordmark.sparkasse img{filter:url('#sparkasse-red');mix-blend-mode:normal}
.wallet-menu-item .wallet-wordmark.trust{color:#3b99fc}
.wallet-menu-item .wallet-wordmark.ledger{color:#f5f5f5}
.wallet-menu-item .wallet-wordmark.phantom{color:#ab9ff2}
.wallet-menu-item .wallet-wordmark.exodus{color:#8e8bff;background:linear-gradient(100deg,#648bff,#ab72ed);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}

.brand-color-filters{position:absolute;pointer-events:none;overflow:hidden}

/* user app icons and bolder type */
body{font-weight:600}
.wallet-card-heading .wallet-symbol.app-icon{padding:0;background:transparent;border:0;overflow:hidden}
.wallet-symbol.app-icon img{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px}
.home-hero h1,.section-heading h2,.final-cta h2,.wallet-card-heading strong{font-weight:800}
.button,.nav-links>a,.wallet-nav>button,.wallet-card-footer,.feature-card h3,.plan-card h3{font-weight:700}
/* Match the other phone previews with the generated image */
.exodus-showcase .wallet-phone-image{width:97.3%}