
/* WalletWorkbench Premium Visual System v0.2 — additive, backwards compatible */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#07121e;--panel:#101f2c;--panel2:#152838;--line:#243849;--ink:#f5f9fa;--muted:#96aebd;--green:#65e9bb;font-family:'DM Sans',system-ui,sans-serif}body{background:#07121e;overflow-x:hidden}h1,h2,h3,.brand,.price{font-family:'Manrope',system-ui,sans-serif}header{background:#07121ee8;border-color:#21374780}nav{max-width:1390px;padding:20px 30px}.brand{font-size:20px;letter-spacing:-1px}.brandmark{background:linear-gradient(140deg,#184e48,#102e36);border:1px solid #338b76;color:#65e9bb;box-shadow:0 0 25px #36c99522}.links{gap:26px}.links a{font-size:13px;font-weight:650}.links .btn{padding:12px 18px;color:#07241e}main{max-width:1320px}main.page-home{max-width:1440px;padding:0 30px 95px;position:relative;isolation:isolate}.ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(100px);z-index:-1}.ambient-one{width:600px;height:500px;background:#0b6c5e36;right:0;top:10px}.ambient-two{width:480px;height:420px;background:#1e508a1e;left:-260px;top:440px}.premium-hero{display:grid;grid-template-columns:48% 52%;align-items:center;min-height:710px;gap:0;padding:50px 0 70px}.hero-copy{padding:25px 15px 30px 20px;position:relative;z-index:2}.hero-pill{display:inline-flex;align-items:center;gap:12px;border:1px solid #2a5a57;border-radius:100px;padding:10px 13px;background:#102d31;color:#bcece0;font-size:10px;font-weight:800;letter-spacing:1.15px}.live-dot,.dash-live i{height:7px;width:7px;border-radius:50%;background:#62edbb;box-shadow:0 0 12px #62edbb;display:inline-block}.pill-arrow{font-size:15px;color:#66e5b9}.premium-hero h1{font-size:clamp(53px,5.4vw,86px);line-height:1.08;letter-spacing:-5px;margin:30px 0 22px;font-weight:800}.premium-hero h1 em,.experience-banner h2 em,.closing-cta h2 em{font-style:normal;color:#67eabd}.hero-lead{font-size:17px;line-height:1.85;max-width:550px;color:#aabdc9}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.hero-primary{padding:16px 22px;border-radius:12px;box-shadow:0 9px 34px #19b68d2b;font-size:13px}.hero-outline{padding:16px 22px;background:#122434;border:1px solid #35505e;color:#e2f4ef;font-size:13px}.hero-proof{display:flex;align-items:center;gap:11px;color:#8ea7b4;font-size:11px;flex-wrap:wrap}.proof-check{color:#66e8b8}.proof-separator{height:3px;width:3px;border-radius:50%;background:#4c6b77}.showcase{position:relative;min-width:0;padding:45px 30px 35px 25px;perspective:1100px}.showcase-halo{position:absolute;inset:10% 1%;background:radial-gradient(ellipse,#15947735,transparent 65%);filter:blur(20px);z-index:-1}.dashboard-shell{border:1px solid #3d6571;border-radius:19px;background:linear-gradient(155deg,#172b3a,#0d1b2a 80%);box-shadow:0 38px 100px #0009,0 0 70px #19b99014;overflow:hidden;transform:rotateY(-7deg) rotateX(3deg);animation:dash-enter 1.15s cubic-bezier(.2,.8,.2,1) both}.dashboard-top{height:62px;border-bottom:1px solid #2d4352;display:flex;justify-content:space-between;align-items:center;padding:0 22px;background:#142636}.dash-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px}.dash-brand-icon{display:grid;place-items:center;background:#214d49;color:#74eec5;border-radius:8px;width:31px;height:31px;font-size:22px}.dash-brand small{display:block;color:#7897a7;font-size:8px;letter-spacing:1.6px;margin-top:2px}.dash-avatar{height:30px;width:30px;border-radius:50%;background:#315c68;display:grid;place-items:center;font-size:10px;font-weight:800}.dash-content{padding:26px}.dash-heading{display:flex;justify-content:space-between;gap:10px;color:#8aa8b7;font-size:9px;font-weight:800;letter-spacing:1.4px}.dash-live{color:#8de3c2;letter-spacing:.3px}.dash-live i{width:5px;height:5px;margin-right:5px}.dash-welcome{font-size:22px;font-weight:800;margin:11px 0 20px;letter-spacing:-.5px}.dash-welcome span{color:#67e9b7}.dash-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dash-metric{border:1px solid #294553;border-radius:12px;background:#1b3441;padding:17px}.dash-metric small,.dash-bottom small,.graph-title small{display:block;font-size:9px;color:#9db7c2;letter-spacing:1px;font-weight:800}.dash-metric strong{display:block;font-size:clamp(18px,2.2vw,30px);margin:10px 0 8px;letter-spacing:-1px}.dash-metric strong span{font-size:15px;color:#b2cad1}.dash-metric b{font-size:10px;color:#6de9ba;font-weight:650}.dash-graph{margin-top:13px;border:1px solid #294553;background:#112534;border-radius:12px;padding:17px 17px 11px}.graph-title{display:flex;justify-content:space-between;align-items:center}.graph-title strong{display:block;font-size:13px;margin-top:5px}.graph-range{font-size:10px;color:#9ab5bf}.dash-graph svg{width:100%;height:135px;margin-top:10px;overflow:visible}.draw-line{stroke-dasharray:900;stroke-dashoffset:900;animation:trace 2s 0.4s ease forwards}.graph-months{display:flex;justify-content:space-between;color:#698b9d;font-size:9px;font-weight:750}.dash-bottom{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}.dash-bottom>div{padding:14px;background:#132c39;border:1px solid #294553;border-radius:11px}.dash-bottom strong{display:block;font-size:13px;margin:7px 0 10px}.dash-bottom .bar{height:5px;margin-bottom:8px}.floating-card{position:absolute;background:#1a3541;border:1px solid #3c6b69;box-shadow:0 20px 50px #0008;border-radius:13px;padding:13px 16px;display:flex;gap:11px;align-items:center;animation:float 6s ease-in-out infinite}.floating-card small{display:block;color:#8cb0ba;font-size:8px;font-weight:800;letter-spacing:1px}.floating-card strong{display:block;font-size:12px;margin:4px 0}.floating-card span:not(.float-icon){display:block;font-size:10px;color:#8fdfbd}.float-icon{font-size:23px;color:#65e7b8}.floating-goal{bottom:2px;left:-16px}.floating-growth{top:30px;right:-9px;animation-delay:-2s}.trust-strip{margin:5px auto 65px;padding:25px 15px;border-top:1px solid #1f3545;border-bottom:1px solid #1f3545;display:flex;justify-content:space-around;align-items:center;gap:25px;flex-wrap:wrap;color:#a8bbc4;font-size:13px;font-weight:700}.trust-strip>span{font-size:9px;letter-spacing:1.8px;color:#5f7e90}.premium-section{margin-top:90px}.section-intro{max-width:750px;margin-bottom:35px}.section-intro h2{font-size:clamp(32px,4.3vw,54px);letter-spacing:-2px;line-height:1.15}.soft-heading{color:#92aab7}.section-intro p{font-size:16px;max-width:600px}.feature-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-large{min-width:0;display:block;background:linear-gradient(155deg,#142839,#0c1c2b);border:1px solid #2c4353;border-radius:21px;padding:25px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.feature-large:hover{transform:translateY(-8px);border-color:#3caa89;box-shadow:0 30px 75px #0006}.feature-topline{display:flex;justify-content:space-between;align-items:center}.feature-topline .eyebrow{font-size:10px;letter-spacing:1.5px}.round-arrow{border:1px solid #345260;border-radius:50%;height:30px;width:30px;display:grid;place-items:center}.feature-illustration{height:255px;display:flex;align-items:center;justify-content:center;position:relative}.feature-illustration:before{content:'';position:absolute;width:230px;height:150px;border-radius:50%;background:#1eab8c1a;filter:blur(35px)}.feature-large h3{font-size:22px;letter-spacing:-.8px}.feature-large p{font-size:13px;min-height:70px}.feature-link{color:#6fe8bc;font-size:12px;font-weight:800}.illus-calculator{position:relative;background:#1b3744;border:1px solid #456773;border-radius:15px;padding:20px;width:83%;transform:rotate(-5deg);box-shadow:0 20px 45px #0006}.illus-dots{display:flex;gap:5px;margin-bottom:15px}.illus-dots i{width:5px;height:5px;border-radius:50%;background:#63838e}.illus-calculator small,.illus-intelligence>span{font-size:9px;color:#93b2be;letter-spacing:1px}.illus-calculator>strong{font-size:35px;display:block;letter-spacing:-1.5px;margin:9px 0}.illus-calculator>strong span{font-size:19px;color:#91b3bb}.illus-row{display:flex;justify-content:space-between;font-size:11px;padding:7px 0;border-bottom:1px solid #36525d;color:#9bb3bd}.illus-row b{color:#e5f7f4}.illus-progress{height:5px;background:#294953;border-radius:20px;margin-top:15px}.illus-progress span{display:block;width:68%;height:100%;background:#66e5b5;border-radius:20px}.illus-accounts{position:relative;width:94%;transform:rotate(3deg)}.illus-account{display:flex;gap:12px;align-items:center;background:#1c3946;border:1px solid #42636c;border-radius:12px;padding:16px;margin-bottom:10px;box-shadow:0 10px 25px #0003}.illus-account>span{width:36px;height:36px;display:grid;place-items:center;background:#27564f;border-radius:9px;color:#6aefbc}.illus-account div{flex:1}.illus-account small{display:block;font-size:9px;letter-spacing:1px;color:#91aeb8}.illus-account strong{font-size:17px}.illus-account>b{color:#70e8ba}.illus-intelligence{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.intelligence-orb{width:105px;height:105px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 25%,#8affd6,#278b83 42%,#10314a 75%);box-shadow:0 0 45px #35d3aa66,inset -12px -15px 30px #09202a;font-size:44px;color:#eafff8;animation:float 6s ease-in-out infinite}.illus-intelligence strong{font-size:17px}.ai-suggestion{background:#1d3a46;border:1px solid #3b665f;padding:11px;border-radius:10px;font-size:10px;color:#bde3d9}.experience-banner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;border:1px solid #2b5b56;border-radius:26px;padding:55px 65px;background:radial-gradient(ellipse at 85% 50%,#1b6c5a55,transparent 55%),linear-gradient(135deg,#142b36,#0b202e);overflow:hidden;margin:110px 0}.experience-banner h2,.closing-cta h2{font-size:clamp(38px,4.5vw,62px);letter-spacing:-2px;line-height:1.13}.experience-banner p{max-width:480px}.achievement-art{min-height:320px;display:flex;align-items:center;justify-content:center;position:relative}.achievement-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:#1cae8a40;filter:blur(55px)}.achievement-ring{position:relative;width:260px;height:260px;border-radius:50%;background:conic-gradient(#67efbd 0 72%,#284c51 72% 100%);padding:16px;box-shadow:0 0 60px #27bb9250;animation:float 6s ease-in-out infinite}.achievement-ring>div{width:100%;height:100%;border-radius:50%;background:#102b36;display:flex;align-items:center;justify-content:center;flex-direction:column}.achievement-ring span{font-size:34px;color:#65eabc}.achievement-ring strong{font-size:57px;letter-spacing:-3px}.achievement-ring small{font-size:10px;letter-spacing:2px;color:#a0c4c6}.achievement-chip{position:absolute;bottom:0;background:#20483e;border:1px solid #3c9e7f;border-radius:10px;padding:12px 17px;color:#c7f9e7;font-size:12px;box-shadow:0 15px 40px #0005}.center{text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.center p{margin-left:auto;margin-right:auto}.pricing-teaser{display:grid;grid-template-columns:1fr 1px 1fr auto;align-items:center;gap:35px;padding:36px;border:1px solid #34544f;border-radius:21px;background:linear-gradient(120deg,#183a3d,#112434)}.pricing-teaser h3{font-size:20px;margin-top:15px}.pricing-teaser p{font-size:12px}.pricing-teaser strong{display:block;font-size:27px}.pricing-teaser strong small{font-size:11px;color:#a6c4c5}.teaser-divider{width:1px;height:140px;background:#42605c}.closing-cta{text-align:center;padding:100px 20px 30px;background:radial-gradient(ellipse at 50% 65%,#1b795d2e,transparent 55%)}.closing-cta p{max-width:520px;margin:0 auto 25px}.page-pricing .grid>.card{position:relative;min-height:510px}.page-pricing .featured{background:linear-gradient(150deg,#1b433d,#112a32);border-color:#48cfa4}.page-pricing .price{color:#fff}.page-pricing .card button,.page-pricing .card>a.btn{width:100%}.page-dashboard .stat-grid .card,.page-accounts .panel,.page-goals .panel,.page-transactions .panel,.page-billing .panel{background:linear-gradient(145deg,#172f3d,#0f2231);border-color:#2e4b58}.page-dashboard .stat-grid .card h2{color:#eafff8}.card,.panel{box-shadow:0 16px 55px #0002}.btn:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a5ffdc;outline-offset:3px}@keyframes dash-enter{from{opacity:0;transform:translateY(25px) rotateY(-10deg) rotateX(5deg)}to{opacity:1;transform:translateY(0) rotateY(-7deg) rotateX(3deg)}}@keyframes trace{to{stroke-dashoffset:0}}
@media(max-width:1150px){.premium-hero{grid-template-columns:1fr 1fr}.premium-hero h1{font-size:clamp(48px,5vw,65px);letter-spacing:-3px}.showcase{padding:35px 10px}.floating-goal{left:-10px}.floating-growth{right:-8px}.pricing-teaser{grid-template-columns:1fr 1px 1fr}.pricing-teaser>.btn{grid-column:1/-1;justify-self:start}.feature-large{padding:18px}.feature-illustration{height:235px}}
@media(max-width:850px){main.page-home{padding:0 20px 70px}.premium-hero{grid-template-columns:1fr;padding:50px 0 30px}.hero-copy{padding:0}.showcase{max-width:650px;width:100%;margin:25px auto 0}.feature-showcase{grid-template-columns:1fr 1fr}.feature-large:last-child{grid-column:1/-1}.experience-banner{padding:40px;grid-template-columns:1fr 1fr}.achievement-ring{width:190px;height:190px}.achievement-ring strong{font-size:45px}.pricing-teaser{gap:20px}}
@media(max-width:600px){nav{padding:14px 16px}.brand{font-size:17px}.links{gap:12px}.links .btn{padding:9px 11px}.premium-hero{padding-top:42px}.premium-hero h1{font-size:48px;letter-spacing:-2.5px}.hero-lead{font-size:15px}.hero-actions .btn{width:100%}.showcase{padding:20px 2px 30px}.dashboard-shell{transform:none;animation:none}.dash-content{padding:13px}.dashboard-top{padding:0 13px}.dash-metric{padding:12px}.dash-metric strong{font-size:18px}.dash-metric strong span{font-size:11px}.dash-metric b{font-size:9px}.dash-heading{font-size:8px}.dash-graph svg{height:105px}.dash-bottom>div{padding:10px}.floating-card{display:none}.trust-strip{gap:14px}.trust-strip>span{width:100%;text-align:center}.feature-showcase{grid-template-columns:1fr}.feature-large:last-child{grid-column:auto}.experience-banner{grid-template-columns:1fr;padding:30px 24px;margin:65px 0}.achievement-art{min-height:270px}.achievement-ring{width:220px;height:220px}.pricing-teaser{grid-template-columns:1fr}.teaser-divider{width:100%;height:1px}.pricing-teaser>.btn{grid-column:auto}.closing-cta{padding:60px 10px}.page-pricing .grid>.card{min-height:0}}
@media(prefers-reduced-motion:reduce){.dashboard-shell{transform:none!important}.draw-line{stroke-dashoffset:0!important}}
