﻿.hero-ring:before,body[data-screen=question] .orbit:after{animation:none!important;filter:url(#organic-flow)!important;transform:none!important}
body[data-screen=saldo]{background:#020d09;--blue:#a2f5cd;--text:#f1f5f2;--muted:#9cacaa}
body[data-screen=saldo]:before,body[data-screen=saldo] .hero-media,body[data-screen=saldo] footer{display:none!important}
body[data-screen=saldo] .landing-hero{background:radial-gradient(ellipse at 25% 40%,#072e1940,transparent 60%),#020d09!important;min-height:100svh}
body[data-screen=saldo] header{position:relative!important;inset:auto!important;height:95px!important;padding:0 4.5%;max-width:1600px;background:none}
body[data-screen=saldo] header nav{display:none}
body[data-screen=saldo] .brand img{display:none}
body[data-screen=saldo] .brand:before{content:'';display:inline-block;width:29px;height:29px;border:3px solid #9af5c6;border-radius:50%;box-shadow:0 0 12px #67d99d70;vertical-align:middle;margin-right:22px}
body[data-screen=saldo] .brand:after{content:'KPALIVE';font-size:17px;letter-spacing:9px;color:#f0f8f2}
body[data-screen=saldo] #login{color:#c1d3c6}
body[data-variant][data-screen=saldo] main{display:grid!important;grid-template-columns:56% 39%;gap:3%;padding:0 4% 40px 0!important;max-width:1600px;min-height:calc(100svh - 95px);align-items:start}
body[data-variant][data-screen=saldo] .presence{display:block!important;position:relative;top:auto;width:100%;height:auto;min-height:0;margin:0;padding:0;background:none}
body[data-variant][data-screen=saldo] .orbit{position:relative;width:100%;height:auto;aspect-ratio:1.06;max-width:none;margin:-30px 0 0}
body[data-screen=saldo] .orbit:after{content:'';position:absolute;inset:0;background:url('balance-reference.png') no-repeat 0 34%;background-size:177% auto;mask-image:radial-gradient(ellipse 50% 49% at 50% 48%,#000 73%,transparent 100%),linear-gradient(#000 0 88%,transparent 97%);mask-composite:intersect;filter:url(#organic-flow)}
body[data-screen=saldo] .orb-center,body[data-screen=saldo] #orb{visibility:hidden}
body[data-variant][data-screen=saldo] .entity-state{position:static;margin:0 20px;display:flex;flex-direction:column;gap:18px;color:#edf8ef;font-size:clamp(17px,1.85vw,29px);font-weight:400;letter-spacing:0;text-align:center}
body[data-screen=saldo] .entity-state i{width:10px;height:10px;background:#9effc9;box-shadow:0 0 15px #63ecaa}
body[data-variant][data-screen=saldo] .presence>p{display:block!important;position:static;margin:12px 20px;color:#a8bfb2;font-size:17px;letter-spacing:0;font-weight:400;text-shadow:none}
body[data-screen=saldo] .presence>p:before{display:none!important}
body[data-variant][data-screen=saldo] .content{display:block;max-width:none;padding:0;background:none}
body[data-variant][data-screen=saldo] #screen{display:block}
body[data-screen=saldo] .back{font-size:14px;margin-bottom:23px;color:#b0edce}
body[data-screen=saldo] .eyebrow{color:#a8f2ca;letter-spacing:3px;font-size:10px;margin-bottom:18px}
body[data-variant][data-screen=saldo] h2{font-size:clamp(30px,3.5vw,54px);line-height:1.08;font-weight:400;letter-spacing:-1.5px}
body[data-screen=saldo] h2 em{color:#9ef0c9;font-style:normal}
body[data-variant][data-screen=saldo] .lead{font-size:18px;color:#b4c0bd;line-height:1.45;margin:22px 0 32px}
body[data-screen=saldo] label{font-size:16px;color:#e0eae3}
body[data-screen=saldo] .money{background:#03180d60;border:1px solid #9beac0;border-radius:9px;padding:12px 22px;height:68px;box-shadow:none;margin-top:10px}
body[data-screen=saldo] .money input{font-size:30px;color:#f1f8f2;font-weight:400;width:100%;min-width:0}
body[data-screen=saldo] .money span{font-size:26px;color:#e2f2e6}
body[data-screen=saldo] .presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
body[data-screen=saldo] .presets button{border:1px solid #4a6857;background:transparent;color:#e9f5ec;border-radius:8px;font-size:14px;padding:13px 4px;height:50px;box-shadow:none}
body[data-screen=saldo] .presets button.selected{border:2px solid #a1f3c9;background:#0d28184a;color:#b6ffd7}
body[data-screen=saldo] .presets small{display:none}
body[data-screen=saldo] .presets [data-custom]{grid-column:1/-1;border:0;padding:5px 0;height:32px;text-align:left;text-decoration:underline;color:#bbf5d4}
body[data-screen=saldo] .limit{font-size:12px;color:#a3b3aa;margin:4px 0 28px}
body[data-screen=saldo] .usage{display:none!important}
.balance-note{border-top:1px solid #465a4d;padding-top:24px;margin-top:22px}
.balance-note h3{font-size:21px;font-weight:500;letter-spacing:0}
.balance-note p{font-size:16px;color:#b3c1b7;line-height:1.5;margin:12px 0 22px}
body[data-screen=saldo] .primary{border:0;border-radius:10px;background:#a0facd;color:#031d0b;box-shadow:none;justify-content:center;gap:12px;min-height:60px;font-size:19px;margin-top:0}
.balance-assurance{text-align:center;color:#aabbaf;font-size:12px;margin:13px 0 30px}
body[data-screen=saldo] .trust{color:#aabbb0;font-size:11px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
@media(max-width:760px){body[data-screen=saldo] header{height:70px!important;padding:0 22px}body[data-screen=saldo] .brand:after{font-size:13px;letter-spacing:5px}body[data-screen=saldo] .brand:before{width:21px;height:21px;margin-right:14px}body[data-variant][data-screen=saldo] main{display:flex!important;flex-direction:column;padding:0 22px 30px!important;gap:22px}body[data-variant][data-screen=saldo] .presence{order:0;height:auto;min-height:0}body[data-variant][data-screen=saldo] .orbit{width:240px;max-width:100%;margin:-15px auto 0}body[data-variant][data-screen=saldo] .entity-state{font-size:14px;gap:6px;margin:0}body[data-variant][data-screen=saldo] .presence>p{font-size:11px;margin:8px 0}body[data-variant][data-screen=saldo] .content{order:1;width:100%;margin:0}body[data-screen=saldo] .back{margin:0 0 16px}body[data-variant][data-screen=saldo] h2{font-size:33px}body[data-variant][data-screen=saldo] .lead{font-size:14px;margin:15px 0 22px}body[data-screen=saldo] .presets{gap:8px}body[data-screen=saldo] .presets button{font-size:13px}body[data-screen=saldo] .money{height:62px}.balance-note p{font-size:14px}.balance-note h3{font-size:18px}body[data-screen=saldo] .primary{font-size:16px}.balance-assurance{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-ring:before,body[data-screen=question] .orbit:after,body[data-screen=saldo] .orbit:after{filter:none!important}}
body[data-variant][data-screen=saldo] h2 em{color:#9ef0c9!important}
body[data-variant][data-screen=saldo] .eyebrow,body[data-variant][data-screen=saldo] .back{color:#b0edce!important}
body[data-variant][data-screen=saldo] .money{display:flex!important;align-items:center!important;gap:8px!important;position:relative!important}
body[data-variant][data-screen=saldo] .money span{position:static!important;font-size:27px!important;transform:none!important;color:#e6f9ed!important}
body[data-variant][data-screen=saldo] .money input{position:static!important;border:0!important;background:transparent!important;padding:0!important;height:auto!important;box-shadow:none!important;outline-offset:4px;font-size:30px!important;color:#eff9f2!important}
body[data-variant][data-screen=saldo] .presets{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
body[data-variant][data-screen=saldo] .presets button{background:transparent!important;border:1px solid #4a6857!important;color:#e9f5ec!important;height:50px!important;width:auto!important;font-size:14px!important;box-shadow:none!important;padding:13px 4px!important}
body[data-variant][data-screen=saldo] .presets button.selected{border:2px solid #a1f3c9!important;background:#0d28184a!important;color:#b6ffd7!important}
body[data-variant][data-screen=saldo] .presets [data-custom]{border:0!important;height:32px!important;padding:5px 0!important;font-size:14px!important}
body[data-variant][data-screen=saldo] .primary{background:#a0facd!important;box-shadow:none!important;color:#031d0b!important;font-size:19px!important;display:flex!important;justify-content:center!important;gap:12px!important;padding:15px 20px!important}
body[data-variant][data-screen=saldo] .primary b{position:static!important;transform:none!important;color:inherit!important}
body[data-variant][data-screen=saldo] .limit{font-size:12px!important;color:#a3b3aa!important}
body[data-variant][data-screen=saldo] .presence>p{font-weight:400!important;color:#a8bfb2!important}
body[data-variant][data-screen=saldo] .entity-state i{display:block!important}
@media(max-width:760px){body[data-variant][data-screen=saldo] .primary{font-size:16px!important}body[data-variant][data-screen=saldo] .presets button{font-size:13px!important}}
