@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#05070c;--text:#f0f4ff;--muted:#8e9bb1;--line:#ffffff15;--blue:#91bfff;--power:.05}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 40%,#0b172a 0,transparent 52%),var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;min-height:100svh}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}header{height:100px;max-width:1320px;margin:auto;padding:0 54px;display:flex;align-items:center;justify-content:space-between}.brand{color:white;text-decoration:none;font:800 20px Manrope,Arial;letter-spacing:3px}.brand span{font-weight:400}.brand i{display:inline-block;width:14px;height:14px;border:1.5px solid #9cb5d8;border-radius:50%;margin-right:12px;box-shadow:0 0 14px #79abff30}.quiet{border:0;background:none;color:#a6b4c8;padding:12px 0;font-size:13px}.quiet:hover{color:white}main{max-width:1280px;margin:auto;min-height:calc(100svh - 164px);display:grid;grid-template-columns:1fr 1.05fr;gap:35px;align-items:center;padding:0 54px 30px}.presence{text-align:center;position:sticky;top:110px;align-self:center}.orbit{position:relative;width:100%;aspect-ratio:1;max-width:520px;margin:auto}canvas{width:100%;height:100%;display:block}.orb-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.orb-center span{font-size:8px;letter-spacing:2.6px;color:#6c839f}.orb-center strong{font:400 clamp(22px,2.5vw,36px) Manrope,Arial;letter-spacing:-1px;margin-top:12px;color:#c5d5e9}.entity-state{font-size:9px;letter-spacing:2px;color:#b0c5e1;display:flex;justify-content:center;gap:10px;align-items:center;margin-top:-22px}.entity-state i{width:5px;height:5px;background:#7694ba;border-radius:50%}.presence p{font-size:13px;line-height:1.7;color:#6e819c;margin:20px}.content{padding:22px 0;max-width:560px;width:100%}#screen{animation:reveal .45s both}h1,h2,h3{font-family:Manrope,Arial;margin:0;letter-spacing:-1.8px;font-weight:500}h1{font-size:clamp(34px,3.65vw,51px);line-height:1.18}h1 em{font-style:normal;color:#91bfff}h2{font-size:clamp(28px,3vw,39px);line-height:1.23}.eyebrow{font:500 10px 'DM Sans',Arial;letter-spacing:2.2px;color:#8caccf;margin-bottom:24px}.lead{font-size:16px;color:#a2aec0;line-height:1.7;margin:24px 0}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid #d4e6ff;background:linear-gradient(115deg,#d0e5ff,#94bbf0);color:#071426;border-radius:12px;min-height:58px;padding:16px 22px;font-weight:700;box-shadow:0 7px 40px #649bff16;margin-top:26px;transition:transform .2s,box-shadow .2s}.primary:hover{transform:translateY(-2px);box-shadow:0 12px 45px #649bff30}.primary b{font-size:22px;font-weight:400}.fine{font-size:12px;color:#8391a8;line-height:1.65;margin:15px 0}.steps{display:flex;gap:7px;margin:20px 0 30px}.steps i{height:2px;flex:1;background:#233047}.steps i.on{background:#8ebcff;box-shadow:0 0 12px #79aaff55}.options{display:grid;gap:10px;margin:25px 0}.option{padding:16px 18px;background:#ffffff03;border:1px solid #ffffff15;border-radius:10px;color:#c4cfe0;text-align:left;display:flex;gap:14px;align-items:center;min-height:55px;font-size:14px;transition:background .2s,border-color .2s}.option:before{content:'';width:16px;height:16px;border:1px solid #52627c;border-radius:50%;flex-shrink:0}.option.selected{border-color:#8bbaff;background:#81adff12;color:#f0f7ff}.option.selected:before{border:4px solid #a7cdff;background:#2d507e}.option.multi:before{border-radius:4px}.back{font-size:12px;margin-bottom:24px}.row{display:flex;gap:10px;align-items:center}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.chip{border:1px solid #344765;border-radius:30px;padding:9px 13px;background:#102036;color:#b6d4ff;font-size:12px}.capability{border-top:1px solid var(--line);padding:16px 0;font-size:14px;display:flex;gap:12px;color:#b9c8dc}.capability span{color:#83b4ff}label{display:block;font-size:13px;color:#c5d0df;margin:18px 0 8px}input,textarea{width:100%;background:#0a111e;border:1px solid #31405b;border-radius:9px;padding:14px;color:white;outline:none}input:focus,textarea:focus{border-color:#94bfff;box-shadow:0 0 0 3px #659cff10}textarea{resize:vertical;min-height:90px}input[type=checkbox]{width:17px;height:17px;flex-shrink:0}.check{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.6}.money{position:relative;margin:25px 0 10px}.money span{position:absolute;top:20px;left:20px;font-size:24px;color:#9cb6d8}.money input{font:500 46px Manrope,Arial;padding:14px 20px 14px 70px;letter-spacing:-2px}.presets{display:flex;gap:8px}.presets button{flex:1;border:1px solid #293951;border-radius:8px;padding:10px;background:#0b1422;color:#bfd5f2}.usage{border:1px solid #283b57;border-radius:12px;background:#0b1626;padding:20px;margin-top:24px}.usage h3{font-size:17px;letter-spacing:-.5px}.usage-line{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:#abbdd5;margin-top:15px}.usage-line strong{white-space:nowrap;color:#ecf5ff}.usage .fine{font-size:11px;margin-bottom:0}.summary{padding:18px;border-left:2px solid #8ebbff;background:linear-gradient(90deg,#85baff10,transparent);line-height:1.7;color:#b3c6e0;font-size:15px;margin:24px 0}.method{width:100%;border:1px solid #385378;border-radius:12px;padding:18px;color:#dfedff;background:#0d1a2c;font-weight:600;margin-top:12px}.amount-total{font:500 32px Manrope;letter-spacing:-1px;margin-top:20px}.included{color:#a6e9ce}.qr{width:200px;background:white;padding:10px;display:block;margin:20px auto;border-radius:10px}.loading{height:3px;background:#152640;border-radius:3px;overflow:hidden;margin:28px 0}.loading:after{content:'';display:block;width:40%;height:100%;background:#9ac6ff;animation:loading 1.6s infinite}.plan{border:1px solid #34547d;padding:22px;border-radius:15px;background:#0b1628;margin:22px 0}.plan h3{font-size:24px;line-height:1.3}.plan dt{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#819ec1;margin-top:20px}.plan dd{margin:7px 0 0;color:#c9d7e9;font-size:14px;line-height:1.6}.links{display:flex;justify-content:space-between;gap:12px;margin-top:20px}#error{color:#ffd5c7;background:#48291f55;border:1px solid #814831;border-radius:9px;padding:15px;font-size:13px;line-height:1.6}footer{max-width:1280px;margin:auto;padding:20px 54px 24px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1px;color:#50617b}.alive .entity-state i{background:#9ff3cd;box-shadow:0 0 12px #72edb9}.alive .orb-center strong{color:#d6fff0}.alive .entity-state{color:#a9ebd1}[hidden]{display:none!important}details{font-size:12px;color:#94a7c1;line-height:1.6}summary{cursor:pointer}details p{margin-top:12px}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
@media(max-width:760px){header{height:70px;padding:0 22px}.brand{font-size:17px}header .quiet{font-size:11px}main{display:flex;flex-direction:column;gap:0;padding:0 25px 30px;min-height:calc(100svh - 135px)}.presence{position:relative;top:0;width:100%;margin:-18px 0 -8px}.orbit{width:250px}.orb-center span{font-size:6px;letter-spacing:1.5px}.orb-center strong{font-size:21px;margin-top:8px}.entity-state{margin-top:-24px;font-size:8px}.presence p{display:none}.content{max-width:480px;padding:28px 0 0}h1{font-size:36px;letter-spacing:-1.7px}h2{font-size:30px}.lead{font-size:14px;margin:18px 0}.eyebrow{font-size:9px;margin-bottom:17px}.primary{margin-top:21px}.fine{font-size:11px}.back{margin-bottom:15px}.steps{margin:16px 0 22px}.options{margin:20px 0}.option{font-size:14px;padding:14px 16px;min-height:51px}body:not(.home) .orbit{width:158px}body:not(.home) .orb-center span{display:none}body:not(.home) .orb-center strong{font-size:14px}body:not(.home) .entity-state{margin-top:-10px;font-size:7px}body:not(.home) .presence{margin:-13px 0 -2px}footer{padding:10px 25px 22px;font-size:8px}footer span:last-child{display:none}.money input{font-size:40px}.usage{padding:17px}.plan{padding:18px}.presets button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Principal A: direct-to-balance landing, composed from the supplied reference. */
body[data-variant=primary].home{background:#020306;overflow-x:hidden;position:relative}
body[data-variant=primary].home:after{content:'';position:fixed;z-index:0;inset:0;background:#020306 url('earth-hero-desktop-v2.png') center calc(100% + 175px)/cover no-repeat;pointer-events:none}
body[data-variant=primary] header{position:relative;z-index:3;max-width:none;padding:0 34px;height:66px;border-top:1px solid #1726ff;border-radius:4px 4px 0 0}
body[data-variant=primary] header nav{display:flex;align-items:center;gap:27px;margin-left:auto}
body[data-variant=primary] header nav a,body[data-variant=primary] header nav button{border:0;background:none;color:#b9bfd0;text-decoration:none;font-size:11px;padding:8px 0}
body[data-variant=primary] header nav a:hover,body[data-variant=primary] header nav button:hover{color:#fff}
body[data-variant=primary] header .brand i{border-color:#fff;box-shadow:0 0 7px #fff,0 0 15px #125dff,0 0 22px #6a18ff}
body[data-variant=primary].home #login{display:none}
body[data-variant=primary]:not(.home) header nav{display:none}
body[data-variant=primary].home main{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;gap:0;max-width:520px;min-height:calc(100svh - 66px);padding:4px 28px 185px;text-align:center}
body[data-variant=primary].home .presence{position:relative;top:auto;width:100%;margin:0;order:0}
body[data-variant=primary].home .orbit{width:230px;height:230px}
body[data-variant=primary].home .orb-center,body[data-variant=primary].home .entity-state,body[data-variant=primary].home .presence p{display:none}
body[data-variant=primary].home .content{order:1;max-width:420px;padding:0;margin:-9px auto 0}
body[data-variant=primary].home h1{font-size:45px;line-height:1.02;letter-spacing:-2.5px;margin:19px 0 0}
body[data-variant=primary].home h1 em{color:#fff;font-style:normal}
body[data-variant=primary].home .lead{font-size:14px;line-height:1.55;color:#bbc1d1;max-width:385px;margin:17px auto}
.landing-balance{display:flex;flex-direction:column;align-items:center}.landing-balance strong{font:400 31px Manrope,Arial;letter-spacing:-1.5px}.landing-balance span{font-size:11px;color:#929aaf;margin-top:1px}
body[data-variant=primary].home .primary{min-height:59px;border-radius:32px;margin:19px auto 0;max-width:400px;background:linear-gradient(105deg,#dbe4ff 0,#fff 48%,#dbe4ff 100%);box-shadow:0 0 18px #5c83ff88,0 0 42px #5346ff38;color:#090c16;padding:15px 29px;justify-content:center;position:relative}
body[data-variant=primary].home .primary b{position:absolute;right:29px;font-size:25px}
.landing-control{font-size:11px;color:#9da5b8;margin:12px 0 0}.landing-powers{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px}.landing-powers>div{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;color:#d8dce7;min-height:57px;padding:0 7px}.landing-powers>div+div{border-left:1px solid #192030}.landing-powers b{font:400 26px Manrope;color:#90bdff;height:28px}.earth-copy{position:fixed;z-index:2;bottom:26px;left:0;right:0;color:#9098b2;font-size:8px;line-height:1.8;letter-spacing:4px;text-align:center;pointer-events:none}
body[data-variant=primary].home footer{display:none}
body[data-variant=primary].home #screen{animation:none!important;transform:none!important}

@media(max-width:760px){body[data-variant=primary] header{height:58px;padding:0 11px}body[data-variant=primary] .brand{font-size:12px;letter-spacing:3px;white-space:nowrap}body[data-variant=primary] .brand i{width:17px;height:17px;margin-right:8px}body[data-variant=primary] header nav{gap:13px}body[data-variant=primary] header nav a,body[data-variant=primary] header nav button{font-size:8px}body[data-variant=primary] header nav .lang{padding-left:1px}body[data-variant=primary].home main{display:flex;min-height:calc(100svh - 58px);padding:5px 20px 110px;max-width:390px}body[data-variant=primary].home .presence{margin:0}body[data-variant=primary].home .orbit{width:137px;height:137px}body[data-variant=primary].home .orbit canvas{transform:scale(1.75)}body[data-variant=primary].home .content{padding:0;max-width:318px;margin:10px auto 0}body[data-variant=primary].home h1{font-size:38px;line-height:1.02;letter-spacing:-2.2px;margin-top:15px}body[data-variant=primary].home .lead{font-size:12px;line-height:1.45;max-width:302px;margin:15px auto 17px}.landing-balance strong{font-size:25px}.landing-balance span{font-size:9px}body[data-variant=primary].home .primary{min-height:48px;margin-top:23px;font-size:12px}body[data-variant=primary].home .primary b{right:26px;font-size:21px}.landing-control{font-size:9px;margin-top:9px}.landing-powers{margin-top:26px}.landing-powers>div{font-size:8px;gap:4px;min-height:49px}.landing-powers b{font-size:22px;height:25px}.earth-copy{bottom:30px;font-size:7px;letter-spacing:3px}body[data-variant=primary].home:after{background-image:url('earth-hero-mobile-v2.png');background-position:center calc(100% + 46px);background-size:cover}}
@media(max-width:370px) and (max-height:700px){body[data-variant=primary].home main{padding-top:1px}.landing-powers{margin-top:21px}body[data-variant=primary].home .orbit{width:128px;height:128px}body[data-variant=primary].home h1{font-size:36px;margin-top:11px}body[data-variant=primary].home .lead{margin:12px auto}.earth-copy{bottom:13px}}
.brand img{display:block;width:154px;height:auto;filter:drop-shadow(0 0 6px #236dff55)}
@media(max-width:760px){body[data-variant=primary] .brand img{width:108px}body[data-variant=questions] .brand img{width:118px}}
body[data-variant=primary].home header{position:absolute;inset:0 0 auto 0;width:100%;background:transparent}
body[data-variant=primary].home main{min-height:100svh;padding-top:70px}
@media(max-width:760px){body[data-variant=primary].home main{min-height:100svh;padding-top:63px}}
body[data-variant=primary].home:after{display:none}
body[data-variant=primary].home .landing-hero{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:#020306 url('earth-hero-desktop-v2.png') center calc(100% + 175px)/cover no-repeat}
body[data-variant=primary].home .landing-hero header,body[data-variant=primary].home .landing-hero main{position:relative;z-index:1}
body[data-variant=primary].home .landing-hero header{position:absolute}
@media(max-width:760px){body[data-variant=primary].home .landing-hero{background-image:url('earth-hero-mobile-v2.png');background-position:center calc(100% + 46px)}}
body[data-variant=primary].home .landing-hero{background:#020306}
.hero-media{display:block;position:absolute;z-index:0;inset:0;overflow:hidden;background:#020306}
.hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom;transform:scale(1.17);transform-origin:center top}
@media(max-width:760px){.hero-media img{object-position:center bottom;transform:scale(1.05)}}

/* Principal A — balance screen */
body[data-variant=primary][data-screen=saldo]{background:#020306;overflow-x:hidden}
body[data-variant=primary][data-screen=saldo] .landing-hero{position:relative;min-height:100svh;overflow:hidden;background:#020306 url('balance-space-v1.png') center/cover no-repeat}
body[data-variant=primary][data-screen=saldo] .landing-hero:before{content:'';position:absolute;z-index:0;inset:0;background:rgba(0,3,10,.28);pointer-events:none}
body[data-variant=primary][data-screen=saldo] .hero-media{display:none}
body[data-variant=primary][data-screen=saldo] header{position:absolute;z-index:3;inset:0 0 auto;width:100%;height:65px;max-width:none;padding:7px 36px;background:transparent}
body[data-variant=primary][data-screen=saldo] header .brand img{width:127px}
body[data-variant=primary][data-screen=saldo] header #login{margin-left:auto;color:#c7d0e0;font-size:12px}
body[data-variant=primary][data-screen=saldo] main{position:relative;z-index:1;max-width:1270px;min-height:100svh;grid-template-columns:1.12fr .88fr;gap:35px;padding:48px 68px 20px;align-items:center}
body[data-variant=primary][data-screen=saldo] .presence{position:relative;top:auto;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}
body[data-variant=primary][data-screen=saldo] .orbit{width:min(43vw,535px);height:min(43vw,535px);margin:-36px auto 0}
body[data-variant=primary][data-screen=saldo] .orb-center span{font-size:8px;letter-spacing:3.3px;color:#a8c8ef}
body[data-variant=primary][data-screen=saldo] .orb-center strong{font-size:34px;color:#dceaff;margin-top:17px}
body[data-variant=primary][data-screen=saldo] .entity-state{position:absolute;z-index:2;top:54%;left:0;right:0;margin:0;color:#a9c9ed;font-size:8px;letter-spacing:3.4px}
body[data-variant=primary][data-screen=saldo] .entity-state i{display:none}
body[data-variant=primary][data-screen=saldo] .presence>p{position:absolute;top:73%;left:0;right:0;margin:0;color:#94aed0;font-size:8px;letter-spacing:3.5px;line-height:1.8}
body[data-variant=primary][data-screen=saldo] .presence>p:before{content:'';display:block;width:1px;height:24px;background:linear-gradient(#6caaff,transparent);margin:0 auto 13px}
body[data-variant=primary][data-screen=saldo] .content{max-width:455px;padding:20px 0 8px;margin-left:auto}
body[data-variant=primary][data-screen=saldo] .back{margin:0 0 22px;color:#9cb5d3}
body[data-variant=primary][data-screen=saldo] .eyebrow{font-size:9px;letter-spacing:2.7px;margin-bottom:16px;color:#73b7ff}
body[data-variant=primary][data-screen=saldo] h2{font-size:31px;line-height:1.05;letter-spacing:-1.6px}
body[data-variant=primary][data-screen=saldo] h2 em{font-style:normal;color:#238dff}
body[data-variant=primary][data-screen=saldo] .lead{font-size:12px;line-height:1.5;margin:13px 0 10px;color:#a8b8ce}
body[data-variant=primary][data-screen=saldo] label{font-size:11px;margin:10px 0 6px;color:#b8c6d9}
body[data-variant=primary][data-screen=saldo] .money{margin:6px 0 10px}
body[data-variant=primary][data-screen=saldo] .money span{top:16px;left:17px;font-size:17px;color:#a8bfde}
body[data-variant=primary][data-screen=saldo] .money input{height:65px;padding:8px 17px 8px 55px;font-size:36px;background:linear-gradient(120deg,#0a1525,#0c1727);border-color:#315175;border-radius:8px}
body[data-variant=primary][data-screen=saldo] .presets{gap:8px}
body[data-variant=primary][data-screen=saldo] .presets button{position:relative;height:39px;padding:8px;border-color:#315175;background:#091321;color:#bbcee8}
body[data-variant=primary][data-screen=saldo] .presets button.selected{border:2px solid #168cff;color:#dcecff;box-shadow:0 0 13px #168cff88}
body[data-variant=primary][data-screen=saldo] .presets small{position:absolute;left:50%;top:-16px;transform:translateX(-50%);padding:3px 9px;border-radius:8px;background:#238dff;color:#061121;font-size:8px;white-space:nowrap}
body[data-variant=primary][data-screen=saldo] .limit{font-size:9px;margin:8px 0 13px}
body[data-variant=primary][data-screen=saldo] .usage{padding:17px 18px 13px;margin-top:0;border-color:#315175;background:linear-gradient(120deg,#091523e8,#0a1421e8);border-radius:8px}
body[data-variant=primary][data-screen=saldo] .usage h3{font-size:14px;margin-bottom:12px}
.ability{display:flex;align-items:center;gap:13px;margin:8px 0;color:#aebfd5;font-size:11px}.ability b{width:19px;color:#8ebeff;font-size:16px;text-align:center}
.social-proof{display:flex;align-items:center;gap:12px;margin:14px 0 4px;padding:10px 12px;border:1px solid #258cff55;border-radius:8px;background:linear-gradient(100deg,#127cff18,#142a4610);color:#c8d9ef}.social-proof strong{font:700 25px Manrope,Arial;color:#63b5ff;letter-spacing:-1px}.social-proof span{font-size:10px;line-height:1.4}
body[data-variant=primary][data-screen=saldo] details{margin-top:11px;color:#65aaff;font-size:9px}
body[data-variant=primary][data-screen=saldo] details p{color:#91a5c0}
body[data-variant=primary][data-screen=saldo] .primary{height:50px;min-height:50px;margin-top:13px;border-color:#a5d6ff;border-radius:8px;background:linear-gradient(100deg,#7bc6ff,#238dff);box-shadow:0 0 17px #168cff77;color:#03101d;justify-content:center;font-size:14px}
body[data-variant=primary][data-screen=saldo] .primary b{position:absolute;right:20px}
.trust{display:flex;align-items:center;justify-content:center;gap:13px;color:#a7b8ce;font-size:8px;white-space:nowrap;margin-top:13px}.trust i{color:#4c7098;font-style:normal}.trust span:first-letter{color:#5aabff}
body[data-variant=primary][data-screen=saldo]+footer,body[data-variant=primary][data-screen=saldo] footer{display:none}
@media(max-width:760px){body[data-variant=primary][data-screen=saldo]{overflow:auto}body[data-variant=primary][data-screen=saldo] .landing-hero{background-position:28% center}body[data-variant=primary][data-screen=saldo] header{height:58px;padding:6px 14px}body[data-variant=primary][data-screen=saldo] header .brand img{width:106px}body[data-variant=primary][data-screen=saldo] main{display:flex;min-height:100svh;padding:58px 22px 30px;gap:0}body[data-variant=primary][data-screen=saldo] .presence{width:100%;height:205px;flex:none}body[data-variant=primary][data-screen=saldo] .orbit{width:245px;height:245px;margin:-20px auto 0}body[data-variant=primary][data-screen=saldo] .orb-center strong{font-size:22px}body[data-variant=primary][data-screen=saldo] .orb-center span{font-size:6px}body[data-variant=primary][data-screen=saldo] .entity-state{top:65%;font-size:6px;letter-spacing:2px}body[data-variant=primary][data-screen=saldo] .presence>p{display:none}body[data-variant=primary][data-screen=saldo] .content{max-width:480px;padding:6px 0;margin:0 auto}body[data-variant=primary][data-screen=saldo] h2{font-size:29px}body[data-variant=primary][data-screen=saldo] .trust{white-space:normal;flex-wrap:wrap;gap:7px 11px;line-height:1.5}}

@media(max-width:760px){
 body[data-variant=primary][data-screen=saldo] .landing-hero{background-position:25% top;background-size:auto 875px;background-repeat:no-repeat;background-color:#020306}
 body[data-variant=primary][data-screen=saldo] main{display:flex;flex-direction:column;align-items:stretch;min-height:100svh;padding:88px 22px 32px;max-width:510px;margin:auto}
 body[data-variant=primary][data-screen=saldo] .content,body[data-variant=primary][data-screen=saldo] #screen{display:contents}
 body[data-variant=primary][data-screen=saldo] #screen>.back,body[data-variant=primary][data-screen=saldo] #screen>.eyebrow,body[data-variant=primary][data-screen=saldo] #screen>h2,body[data-variant=primary][data-screen=saldo] #screen>.lead{order:1;width:100%}
 body[data-variant=primary][data-screen=saldo] .presence{order:2;width:100%;height:405px;min-height:405px;display:block;position:relative}
 body[data-variant=primary][data-screen=saldo] #screen>label,body[data-variant=primary][data-screen=saldo] #screen>.money,body[data-variant=primary][data-screen=saldo] #screen>.presets,body[data-variant=primary][data-screen=saldo] #screen>.limit,body[data-variant=primary][data-screen=saldo] #screen>.usage,body[data-variant=primary][data-screen=saldo] #screen>.primary,body[data-variant=primary][data-screen=saldo] #screen>.trust{order:3;width:100%}
 body[data-variant=primary][data-screen=saldo] #error{order:4}
 body[data-variant=primary][data-screen=saldo] .back{margin:0 0 23px;font-size:12px;text-align:left}
 body[data-variant=primary][data-screen=saldo] .eyebrow{margin:0 0 17px;font-size:9px;letter-spacing:3px}
 body[data-variant=primary][data-screen=saldo] h2{font-size:34px;line-height:1.07;letter-spacing:-1.8px}
 body[data-variant=primary][data-screen=saldo] .lead{font-size:14px;line-height:1.55;margin:17px 0 0;color:#c2d1e3}
 body[data-variant=primary][data-screen=saldo] .orbit{width:355px;height:355px;max-width:100%;margin:-5px auto 0}
 body[data-variant=primary][data-screen=saldo] .orb-center strong{font-size:27px;margin-top:13px}
 body[data-variant=primary][data-screen=saldo] .orb-center span{display:block;font-size:7px;letter-spacing:2.6px}
 body[data-variant=primary][data-screen=saldo] .entity-state{top:49%;left:12.5%;right:12.5%;font-size:6px;letter-spacing:1.65px;white-space:nowrap}
 body[data-variant=primary][data-screen=saldo] .presence>p{display:block;top:78%;font-size:7px;letter-spacing:3.2px;line-height:1.7}
 body[data-variant=primary][data-screen=saldo] .presence>p:before{height:18px;margin-bottom:10px}
 body[data-variant=primary][data-screen=saldo] #screen>label{font-size:13px;margin:13px 0 7px}
 body[data-variant=primary][data-screen=saldo] .money input{height:72px;font-size:39px}
 body[data-variant=primary][data-screen=saldo] .money span{top:21px;font-size:18px}
 body[data-variant=primary][data-screen=saldo] .presets button{height:48px;font-size:13px}
 body[data-variant=primary][data-screen=saldo] .presets small{top:-17px}
 body[data-variant=primary][data-screen=saldo] .limit{font-size:10px;margin:10px 0 18px}
 body[data-variant=primary][data-screen=saldo] .usage{padding:21px 18px 17px}
 body[data-variant=primary][data-screen=saldo] .usage h3{font-size:16px;margin-bottom:15px}
 body[data-variant=primary][data-screen=saldo] .ability{font-size:12px;margin:10px 0}
 body[data-variant=primary][data-screen=saldo] .primary{height:58px;min-height:58px;font-size:15px;margin-top:18px}
 body[data-variant=primary][data-screen=saldo] .trust{font-size:9px;margin-top:16px;padding-bottom:10px}
}

/* Plano longo: o planeta acompanha a janela, nao termina no primeiro bloco. */
body[data-screen=plan]{background:#020306}
body[data-screen=plan]:before{content:'';position:fixed;inset:0;z-index:0;background:#020306 url('earth-hero-desktop-v2.png') center bottom/cover no-repeat;pointer-events:none}
body[data-screen=plan] .hero-media{display:none}
body[data-screen=plan] .content{padding:24px;background:rgba(2,6,12,.78);border:1px solid rgba(145,191,255,.12);border-radius:18px;box-shadow:0 12px 40px rgba(0,0,0,.2)}
body[data-screen=plan] .presence{background:rgba(2,6,12,.45);border-radius:24px;padding-bottom:16px}
.research-basis{margin:18px 0;padding:16px;border:1px solid #315175;border-radius:12px;background:#07111fcc}.research-basis strong,.research-basis span{display:block}.research-basis strong{font-size:13px}.research-basis span{margin-top:4px;color:#8296b2;font-size:10px}.research-basis div{display:grid;gap:7px;margin-top:12px}.research-basis a{color:#91bfff;font-size:11px;line-height:1.4;text-decoration:none}.research-basis a:hover{text-decoration:underline}
@media(max-width:760px){body[data-screen=plan] .content{padding:20px 16px}}
@media(min-width:761px){body[data-screen=plan] .presence{position:sticky;align-self:start;top:80px;margin-top:30px}}
body[data-screen=plan] header,body[data-screen=plan] main,body[data-screen=plan] footer{position:relative;z-index:1}
@media(max-width:760px){body[data-screen=plan]:before{background-image:url('earth-hero-mobile-v2.png')}}

/* Plano recomendado — composição espacial em dois painéis. */
body[data-screen=plan]:before{background-image:linear-gradient(90deg,rgba(0,4,10,.08),rgba(0,4,10,.8)),url('earth-hero-desktop-v3.png');background-size:cover;background-position:center bottom}
body[data-screen=plan] .landing-hero{overflow:visible;min-height:100svh}
body[data-screen=plan] header{height:72px;max-width:1800px;padding:0 64px;background:rgba(1,5,11,.46);border-bottom:1px solid #16304d55;backdrop-filter:blur(10px)}
body[data-screen=plan] header .brand img{width:150px}
body[data-screen=plan] header nav{display:flex;gap:44px;align-items:center;margin-left:auto;margin-right:34px}
body[data-screen=plan] header nav a,body[data-screen=plan] header nav button{font-size:12px;color:#aebbd0}
body[data-screen=plan] header nav a[href="journey.html"]{color:#fff;border-bottom:2px solid #42c9ff;padding:27px 0 21px}
body[data-screen=plan] main{max-width:1800px;grid-template-columns:minmax(430px,.82fr) minmax(700px,1.18fr);gap:28px;align-items:start;padding:18px 64px 28px;min-height:calc(100svh - 72px)}
body[data-screen=plan] .presence{position:sticky;top:90px;margin:0;align-self:start;height:calc(100svh - 112px);min-height:690px;display:flex;flex-direction:column;justify-content:center;padding:44px 28px 36px;border:1px solid #24527a;border-radius:20px;background:linear-gradient(180deg,rgba(1,7,15,.15),rgba(1,9,18,.78));box-shadow:inset 0 0 70px #00172b44,0 24px 70px #0007;overflow:hidden}
body[data-screen=plan] .presence:before{content:'MAIS PESSOAS REAIS\A CONSTRUINDO LIBERDADE\A ATRAVÉS DA TECNOLOGIA.';white-space:pre;position:absolute;top:34px;left:34px;text-align:left;color:#8aa9cb;font:600 9px/1.8 'DM Sans';letter-spacing:3px}
body[data-screen=plan] .presence:after{content:'KPALIVE\A UM NOVO FUTURO É POSSÍVEL.';white-space:pre;position:absolute;top:34px;right:34px;text-align:right;color:#b4d4f7;font:600 9px/1.8 'DM Sans';letter-spacing:3px}
body[data-screen=plan] .orbit{width:min(34vw,510px);height:min(34vw,510px);margin:-15px auto 0}
body[data-screen=plan] .orbit canvas{filter:drop-shadow(0 0 16px #3fe1ff66)}
body[data-screen=plan] .orb-center span{max-width:240px;font-size:9px;line-height:2;letter-spacing:4px;color:#9eb9d8}
body[data-screen=plan] .orb-center strong{font-size:48px;color:#eefaff;margin-top:22px}
body[data-screen=plan] .entity-state{margin-top:-15px;color:#72f5dd;font-size:10px;letter-spacing:3px}
body[data-screen=plan] .entity-state i{background:#72f5dd;box-shadow:0 0 14px #72f5dd}
body[data-screen=plan] .presence>p{display:block;margin:20px auto 0;color:#8da2be;font-size:14px;line-height:1.7}
body[data-screen=plan] .content{max-width:none;width:100%;padding:27px 32px 22px;margin:0;background:linear-gradient(145deg,rgba(5,15,28,.94),rgba(2,9,18,.9));border:1px solid #244767;border-radius:20px;box-shadow:0 18px 60px #0008;min-height:calc(100svh - 118px)}
body[data-screen=plan] #screen{width:100%}
.plan-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:end;margin-bottom:22px}.plan-heading .eyebrow{margin:0 0 16px;color:#95b9df;letter-spacing:4px}.plan-heading h2{font-size:42px;line-height:1.02;letter-spacing:-2.2px}.plan-heading>p{margin:0;color:#adbad0;font-size:13px;line-height:1.65}
.direction-card{padding:20px 22px 16px;border:1px solid #244e75;border-radius:14px;background:linear-gradient(135deg,#071525ee,#06101ddd);box-shadow:inset 0 1px #ffffff08}.direction-hero{display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:center}.direction-icon{display:grid;place-items:center;width:88px;height:88px;border:1px solid #12518a;border-radius:20px;background:linear-gradient(145deg,#073264,#041d3a);color:#71b9ff;font-size:40px;box-shadow:inset 0 0 28px #0b73c633}.direction-hero b{display:inline-block;padding:4px 9px;border-radius:5px;background:#123a6c;color:#c7ddf9;font-size:9px;letter-spacing:2px}.direction-hero h3{font:700 24px/1.2 Manrope;margin:8px 0 6px;letter-spacing:-.9px}.direction-hero p{margin:0;color:#aebdd1;font-size:13px;line-height:1.5}
.plan-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border:1px solid #1c4165;border-radius:10px;background:#061525}.plan-metrics>div{position:relative;min-height:76px;padding:15px 18px 12px 62px}.plan-metrics>div+div{border-left:1px solid #244768}.plan-metrics i{position:absolute;left:20px;top:23px;color:#159dff;font-size:26px;font-style:normal}.plan-metrics span,.plan-metrics strong,.plan-metrics small{display:block}.plan-metrics span{color:#8fa9c6;font-size:8px;letter-spacing:2px}.plan-metrics strong{margin-top:5px;color:#f2f7ff;font-size:16px}.plan-metrics small{margin-top:4px;color:#6f88a6;font-size:8px}
.plan-detail-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:14px;margin-top:14px}.plan-detail-column{display:grid;align-content:start;gap:10px}.plan-mini-card{display:grid;grid-template-columns:34px 1fr;gap:12px;min-height:73px;padding:13px 14px;border:1px solid #203f5f;border-radius:10px;background:#061321dd}.plan-mini-card>i{color:#2ca8ff;font-size:22px;font-style:normal}.plan-mini-card b{color:#dce8f7;font-size:9px;letter-spacing:2px}.plan-mini-card p{margin:5px 0 0;color:#9eafc5;font-size:11px;line-height:1.45}.plan-steps{min-height:133px}.plan-steps p{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:9px}.plan-steps p span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#176fd8;color:#fff;font-size:8px}.plan-tools{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.plan-tools span{padding:6px 11px;border:1px solid #284865;border-radius:20px;background:#10223a;color:#c4d4e9;font-size:9px}.plan-confidence{min-height:106px}.evidence-bar{height:9px;margin-top:10px;border-radius:9px;background:#142944;overflow:hidden}.evidence-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00a7ff,#65a7ff);box-shadow:0 0 15px #20a6ff}.plan-confidence details{margin-top:9px}.plan-confidence summary{color:#69b9ff;font-size:9px}.plan-source-links{display:grid;gap:4px;margin-top:7px}.plan-source-links a{color:#8fbff2;font-size:8px;text-decoration:none}
.plan-actions{display:grid;grid-template-columns:1.15fr 1fr .9fr;gap:12px;margin-top:18px}.plan-actions .primary{height:52px;min-height:52px;margin:0;border-radius:8px;background:linear-gradient(100deg,#05b9ff,#125cff);color:#fff;font-size:14px}.plan-actions .secondary{height:52px;border:1px solid #315778;border-radius:8px;background:#071523;color:#d8e7f8;font-weight:600}.plan-actions .quiet{height:52px;color:#2db4ff}.plan-actions+.method,#alternatives{margin-top:12px}
body[data-screen=plan]>footer,body[data-screen=plan] footer{display:none}
@media(max-width:1100px) and (min-width:761px){body[data-screen=plan] main{grid-template-columns:38% 62%;padding-left:24px;padding-right:24px}.plan-heading{grid-template-columns:1fr}.plan-heading h2{font-size:34px}.plan-metrics strong{font-size:13px}.plan-detail-grid{grid-template-columns:1fr}.direction-hero h3{font-size:20px}}
@media(max-width:760px){body[data-screen=plan]:before{background-image:linear-gradient(rgba(0,4,10,.35),rgba(0,4,10,.82)),url('earth-hero-mobile-v3.png')}body[data-screen=plan] header{height:58px;padding:0 14px}body[data-screen=plan] header nav{display:none}body[data-screen=plan] main{display:flex;padding:70px 14px 26px;min-height:100svh}body[data-screen=plan] .presence{position:relative;top:auto;width:100%;height:360px;min-height:360px;margin:0;padding:30px 12px 20px}body[data-screen=plan] .presence:before,body[data-screen=plan] .presence:after{display:none}body[data-screen=plan] .orbit{width:285px;height:285px;margin:-16px auto 0}body[data-screen=plan] .orb-center strong{font-size:31px}body[data-screen=plan] .entity-state{margin-top:-26px}body[data-screen=plan] .presence>p{font-size:11px}body[data-screen=plan] .content{padding:22px 14px;border-radius:16px}.plan-heading{grid-template-columns:1fr;gap:12px}.plan-heading h2{font-size:31px}.plan-heading>p{font-size:12px}.direction-hero{grid-template-columns:64px 1fr;gap:13px}.direction-icon{width:62px;height:62px;border-radius:14px;font-size:28px}.direction-hero h3{font-size:19px}.plan-metrics{grid-template-columns:1fr}.plan-metrics>div+div{border-left:0;border-top:1px solid #244768}.plan-detail-grid{grid-template-columns:1fr}.plan-actions{grid-template-columns:1fr}.plan-actions .quiet{height:42px}}
/* Questionario: o planeta Terra permanece visivel atras das perguntas, com alternativas translucidas legiveis. */
body[data-screen=question]:before{content:'';position:fixed;z-index:0;inset:0;background:#020306 url('earth-hero-desktop-v2.png') center calc(100% + 175px)/cover no-repeat;pointer-events:none}
@media(max-width:760px){body[data-screen=question]:before{background-image:url('earth-hero-mobile-v2.png');background-position:center calc(100% + 46px)}}
body[data-screen=question] header,body[data-screen=question] main,body[data-screen=question] footer{position:relative;z-index:1}
body[data-variant=primary].home[data-screen=question]:after{display:none}
body[data-variant=primary][data-screen=question] .earth-copy{display:none}
body[data-screen=question] .option{background:rgba(4,9,18,.84);border-color:#202938;color:#dbe4f3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
body[data-screen=question] .option.selected{background:rgba(13,27,46,.92);border-color:#8bbaff;color:#fff}
@media(max-width:760px){body[data-variant=primary][data-screen=saldo] .presence{display:none!important;height:0;min-height:0}body[data-variant=primary][data-screen=saldo] #screen>label{margin-top:18px}}
body[data-variant=primary][data-screen=saldo] .money input{-moz-appearance:textfield;appearance:textfield}body[data-variant=primary][data-screen=saldo] .money input::-webkit-inner-spin-button,body[data-variant=primary][data-screen=saldo] .money input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body[data-variant=primary][data-screen=saldo] .presets{display:grid;grid-template-columns:repeat(5,1fr)}body[data-variant=primary][data-screen=saldo] .presets .custom-amount{font-size:10px}

/* Plano: leitura confortável em desktop, sem comprimir o conteúdo para caber na dobra. */
body[data-screen=plan] .plan-heading>p{font-size:16px;line-height:1.7}
body[data-screen=plan] .plan-heading{grid-template-columns:1fr;gap:16px;align-items:start}
body[data-screen=plan] .plan-heading>p{max-width:none;margin:0;padding:15px 18px;border-left:2px solid #238fff;background:linear-gradient(90deg,#0c315033,transparent);border-radius:0 8px 8px 0}
body[data-screen=plan] .direction-hero p{font-size:15px;line-height:1.6}
body[data-screen=plan] .plan-metrics{margin-top:20px}
body[data-screen=plan] .plan-metrics>div{min-height:94px;padding:18px 18px 15px 66px}
body[data-screen=plan] .plan-metrics i{top:29px;font-size:28px}
body[data-screen=plan] .plan-metrics span{font-size:10px}
body[data-screen=plan] .plan-metrics strong{font-size:19px;line-height:1.25}
body[data-screen=plan] .plan-metrics small{font-size:10px;line-height:1.4}
body[data-screen=plan] .plan-detail-grid{gap:16px;margin-top:16px}
body[data-screen=plan] .plan-detail-column{gap:12px}
body[data-screen=plan] .plan-mini-card{grid-template-columns:38px 1fr;gap:14px;min-height:96px;padding:17px 18px}
body[data-screen=plan] .plan-mini-card>i{font-size:24px}
body[data-screen=plan] .plan-mini-card b{font-size:11px;line-height:1.35}
body[data-screen=plan] .plan-mini-card p{margin-top:7px;font-size:14px;line-height:1.55}
body[data-screen=plan] .plan-steps{min-height:180px}
body[data-screen=plan] .plan-steps p{grid-template-columns:24px 1fr;gap:10px}
body[data-screen=plan] .plan-steps p span{width:21px;height:21px;font-size:10px}
body[data-screen=plan] .plan-tools span{padding:7px 12px;font-size:11px}
body[data-screen=plan] .plan-confidence{min-height:126px}
body[data-screen=plan] .plan-confidence summary{font-size:11px}
body[data-screen=plan] .plan-source-links a{font-size:11px;line-height:1.45}

@media(max-width:760px){body[data-screen=plan] .plan-heading>p{font-size:15px}body[data-screen=plan] .direction-hero p{font-size:14px}body[data-screen=plan] .plan-metrics span{font-size:10px}body[data-screen=plan] .plan-metrics strong{font-size:18px}body[data-screen=plan] .plan-metrics small{font-size:10px}body[data-screen=plan] .plan-mini-card b{font-size:11px}body[data-screen=plan] .plan-mini-card p{font-size:14px}body[data-screen=plan] .plan-tools span{font-size:11px}}
@media(max-width:760px){body[data-variant=primary][data-screen=saldo] .presets{grid-template-columns:repeat(4,1fr)}body[data-variant=primary][data-screen=saldo] .presets .custom-amount{grid-column:1/-1;height:38px}}
@media(max-width:760px){
 body[data-variant=primary][data-screen=saldo] main{padding-top:70px}
 body[data-variant=primary][data-screen=saldo] .back{margin-bottom:14px}
 body[data-variant=primary][data-screen=saldo] .eyebrow{margin-bottom:11px}
 body[data-variant=primary][data-screen=saldo] h2{font-size:32px}
 body[data-variant=primary][data-screen=saldo] .lead{margin-top:11px;line-height:1.45}
 body[data-variant=primary][data-screen=saldo] .presence{height:310px;min-height:310px}
 body[data-variant=primary][data-screen=saldo] .orbit{width:300px;height:300px;margin:-6px auto 0}
 body[data-variant=primary][data-screen=saldo] .orb-center strong{font-size:25px;margin-top:10px}
 body[data-variant=primary][data-screen=saldo] .entity-state{top:59%;font-size:6px}
 body[data-variant=primary][data-screen=saldo] .presence>p{top:75%;color:#d8e8ff;font-size:8px;font-weight:600;letter-spacing:2.2px;line-height:1.55;text-shadow:0 1px 8px #000,0 0 14px #000}
 body[data-variant=primary][data-screen=saldo] .presence>p:before{height:13px;margin-bottom:7px;background:#72b7ff}
 body[data-variant=primary][data-screen=saldo] #screen>label{margin-top:6px}
 body[data-variant=primary][data-screen=saldo] .limit{margin-bottom:13px}
 body[data-variant=primary][data-screen=saldo] .usage{padding-top:18px;padding-bottom:14px}
 body[data-variant=primary][data-screen=saldo] .usage h3{margin-bottom:11px}
 body[data-variant=primary][data-screen=saldo] .ability{margin:8px 0}
 body[data-variant=primary][data-screen=saldo] .primary{margin-top:13px}
 body[data-variant=primary][data-screen=saldo] .trust{margin-top:11px}
}