/* Editorial / oblakopay — product first, local assets, no external runtime. */
:root{--bg:#fff;--panel:#f5f6f8;--ink:#17191d;--muted:#656a73;--line:#e3e5e9;--orange:#2458f5;--cream:#f6f7f9;--dark:#111;font-family:Arial,Helvetica,sans-serif}body{background:#fff;color:var(--ink);letter-spacing:-.02em}h1,h2,h3,h4{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-.055em}p{color:var(--muted)}.wrap{max-width:1280px;padding:0 48px}.header{height:88px;max-width:1440px;border-color:#eceef1;padding:0 48px;background:#fff}.logo{color:#15171b;font-size:29px;letter-spacing:-1.5px;font-weight:750}.logo img{filter:brightness(0);width:29px}.header nav a{color:#2d3038;font-size:14px}.header .button{font-size:13px;border-radius:30px;color:#fff;background:#191b20;border:0;padding:14px 23px}.header .button:hover{background:#333}.menu-toggle{color:#12151c}.button{border-radius:30px;background:#2458f5;color:#fff;font-size:15px;box-shadow:none;gap:14px;min-height:54px;padding:16px 26px;font-weight:600}.button:hover{background:#1542d4;box-shadow:none;transform:translateY(-2px)}.button.ghost{color:#191c24;background:transparent}.button.outline,.button.light{background:#fff;color:#202631;border:1px solid #d8dce3}.button .ui-icon{filter:brightness(0) invert(1);width:20px;height:20px}.ui-icon{width:23px;height:23px;flex-shrink:0;object-fit:contain}.kicker{font-size:12px;letter-spacing:.08em;font-weight:600;color:#777d86;display:block;margin-bottom:22px}.eyebrow{color:#667282}.eyebrow:before{background:#2458f5}.editorial-hero{padding:48px 28px 0;max-width:1440px;margin:auto}.hero-title{text-align:center;position:relative;z-index:2}.availability{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#68717e;margin-bottom:19px}.availability i{width:6px;height:6px;border-radius:50%;background:#3769f5}.hero-title h1{font-size:clamp(58px,6.2vw,90px);line-height:.98;font-weight:700;letter-spacing:-.065em;margin:0}.hero-title>p{font-size:19px;line-height:1.5;margin:22px auto 25px;color:#5b6472}.hero-links{display:flex;gap:12px;justify-content:center}.blue-scene{height:460px;margin:32px auto 0;max-width:1250px;border-radius:26px;background:radial-gradient(ellipse at 52% 80%,#cddcfa 0%,#709bec 22%,#2662d1 49%,#173e88 75%,#132853 100%);position:relative;overflow:hidden;isolation:isolate}.scene-light{position:absolute;width:75%;height:180%;left:12%;top:-45%;background:conic-gradient(from 190deg at 50% 50%,transparent 0deg,#c6e3ff00 40deg,#cedfff70 68deg,transparent 100deg,#fff0 240deg,#cedfff30 280deg,transparent 320deg);filter:blur(18px);animation:light-turn 30s linear infinite;z-index:-1}.scene-orbit{position:absolute;width:830px;height:400px;left:50%;top:50%;border:1px solid #ffffff24;border-radius:50%;transform:translate(-50%,-50%) rotate(-20deg);pointer-events:none}.orbit-b{width:1020px;height:440px;transform:translate(-50%,-50%) rotate(18deg)}.scene-cards{position:absolute;inset:0;perspective:1500px}.blue-scene .showcase{width:345px;max-width:60%;aspect-ratio:1.586;top:50%;left:50%}.blue-scene .dark-card{transform:translate(-93%,-59%) rotate(-16deg);z-index:2}.blue-scene .light-card{transform:translate(-9%,-26%) rotate(13deg);z-index:3}.blue-scene .showcase .plastic{width:100%;height:100%}.metal-front,.metal-back{box-shadow:inset 0 1px 0 #d5e0dc77,inset 1px 0 0 #d8e7e01f,inset 0 -2px 0 #0009,0 28px 45px #06143c50,0 2px 1px #0008;background:linear-gradient(125deg,#151c2b,#4b556b 40%,#151c2d 63%,#2b344b);color:#e3e7f0}.silver .metal-front{background:linear-gradient(115deg,#8d9cae,#e4e9ed 32%,#b6c2d0 52%,#eef1f5 75%,#899bb6);color:#27334a;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #596a89,0 30px 45px #102c6640}.metal-brand{font-weight:700}.metal-orbit{border:0;box-shadow:none!important;background:linear-gradient(135deg,#fff0,#fff1);transform:rotate(-30deg);width:60%;height:160%;border-radius:0;top:-25%;right:-12%}.metal-serial{display:none}.metal-label small{font-size:2.7cqw;letter-spacing:.1cqw;opacity:.8}.silver .metal-back{background:linear-gradient(120deg,#ccd7e7,#8a9ebd);color:#233654}.metal-back{background:linear-gradient(110deg,#142844,#344d73);color:#dae4f8}.scene-chip{position:absolute;background:#ffffffed;border:1px solid #fff9;border-radius:16px;padding:14px 17px;display:flex;align-items:center;gap:12px;box-shadow:0 14px 45px #05184235;font-size:12px;line-height:1.4;z-index:5;backdrop-filter:blur(10px);animation:chip-float 6s ease-in-out infinite}.scene-chip small{display:block;color:#727a88;font-size:10px;margin-top:3px}.scene-chip b{font-size:16px;color:#2356d7;margin-left:17px}.scene-chip>.ui-icon{background:#edf2ff;box-sizing:content-box;padding:10px;border-radius:12px;width:20px;height:20px}.chip-funding{left:9%;top:15%}.chip-control{right:7%;bottom:17%;animation-delay:-2s}.scene-bottom{position:absolute;bottom:22px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.05em;color:#e2e9fa}.scene-bottom>span:last-child{display:flex;align-items:center;gap:6px;letter-spacing:0}.scene-bottom .ui-icon{width:14px;height:14px;filter:invert(1)}.hero-disclosure{text-align:center;margin:16px auto;font-size:11px;color:#707783}.payment-rail{padding-top:38px;padding-bottom:42px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid var(--line)}.payment-rail>p{font-size:16px;line-height:1.4;color:#666e79}.payment-rail strong{color:#151a23;font-weight:500}.payment-brand{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:130px}.payment-brand img{width:96px;height:38px;object-fit:contain}.payment-brand span{font-size:10px;color:#7c838e}.payment-brand.sbp img{background:#161d2c;border-radius:8px;width:82px;height:42px;padding:2px}.editorial-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:40px}.editorial-heading h2,.price-copy h2,.control-story h2{font-size:clamp(40px,4.4vw,64px);line-height:1.03}.editorial-heading>p{max-width:300px;font-size:16px;line-height:1.55}.use-section{padding-top:95px;padding-bottom:85px}.use-tabs{display:flex;gap:8px;margin-bottom:22px}.use-tabs button{border:0;border-radius:30px;padding:13px 22px;background:#f2f4f7;color:#676f7b;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,color .2s}.use-tabs button[aria-selected=true]{background:#161d2a;color:#fff}.use-tabs button:hover{background:#dfe6f3;color:#15213c}.use-panel{border-radius:22px;background:#f3f5f8;min-height:205px;padding:40px;display:flex;gap:40px;align-items:center;justify-content:space-between}.use-panel h3{font-size:27px;letter-spacing:-.035em;max-width:350px}.use-panel p{font-size:14px;margin-top:13px}.service-logos{display:flex;gap:22px;align-items:center}.service-brand{width:115px;text-align:center;animation:brand-enter .4s both}.service-brand img{display:block;width:55px;height:55px;object-fit:contain;margin:0 auto 15px}.service-brand span{font-size:12px;color:#3c4555}.brand-note{font-size:11px;line-height:1.7;color:#7a818e;margin-top:20px;max-width:950px}.editorial-collection{padding-top:20px;padding-bottom:80px}.product{background:#f3f5f8!important;color:#1b2433!important;border:0;border-radius:22px;overflow:hidden}.product:nth-child(2){background:#eaf0fb!important}.product:hover{transform:none;border:0}.product-visual{height:300px;background:none!important;border:0;display:flex;align-items:center;justify-content:center}.product-visual .plastic{width:300px}.product-info{padding:10px 35px 35px}.product-top h3{font-size:30px;font-weight:600;color:#131a26}.product-top p{color:#717a8b!important;font-size:14px}.price{color:#151f31;font-size:34px;font-weight:500}.price small{color:#778293}.product li{color:#505d72!important;border-color:#dae0e8;font-size:14px;padding:13px 0}.product li:before{color:#2757c9}.product .button{background:#172438;color:#fff}.product .button:hover{background:#264267}.product .button span{font-size:18px}.price-story{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-top:50px;padding-bottom:105px}.price-copy h2 em{font-style:normal;color:#2358ef}.price-copy>p{font-size:16px;line-height:1.6;max-width:370px;margin:25px 0}.text-link{display:inline-flex;gap:10px;align-items:center;font-size:14px;color:#2358ef}.text-link .ui-icon{width:18px}.cost-calculator{padding:32px;border:1px solid #e0e5ed;border-radius:22px;box-shadow:0 20px 65px #173a6510;background:white}.calc-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e9edf3;padding-bottom:23px;font-size:12px;color:#788294}.calc-top b{margin-left:auto;color:#1b273c;font-weight:600}.cost-calculator label{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-top:28px}.cost-calculator output{font-size:32px;font-weight:600;letter-spacing:-1px}.cost-calculator input{width:100%;accent-color:#2458f5;margin:24px 0 30px;cursor:pointer}.calc-row{display:flex;justify-content:space-between;gap:20px;font-size:13px;padding:12px 0;color:#68758a}.calc-row b{font-weight:500;color:#19253a;white-space:nowrap}.calc-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8ebf0;padding:22px 0 5px;margin-top:12px;font-size:15px}.calc-total strong{font-size:36px;letter-spacing:-1px;font-weight:600}.cost-calculator>p{font-size:11px;line-height:1.6;margin-top:16px;color:#858e9c}.control-story{background:#eaf0fc;padding:85px 0;overflow:hidden}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.phone-demo{max-width:400px;background:#fff;border:7px solid #fff;border-radius:35px;padding:22px 25px 14px;box-shadow:0 28px 75px #11296126,0 0 0 1px #bbc8df;transform:rotate(-3deg);margin:0 auto;width:100%}.phone-head{display:flex;align-items:center;justify-content:space-between;font-weight:750;font-size:22px;letter-spacing:-1px}.phone-head .ui-icon{width:25px;height:25px}.phone-label{font-size:11px;color:#8b94a5;margin-top:24px}.phone-balance{font-size:40px;letter-spacing:-2px;margin:6px 0 22px}.phone-balance span{color:#8e9bb0}.phone-card .plastic{width:100%;max-width:320px;margin:auto;aspect-ratio:1.586}.phone-actions{display:flex;justify-content:space-between;gap:5px;margin:25px 0}.phone-actions button{background:none;border:0;display:flex;align-items:center;flex-direction:column;gap:8px;font-size:10px;color:#5c6a83;cursor:pointer;padding:2px}.phone-actions .ui-icon{width:22px;height:22px;background:#f0f4fc;padding:11px;box-sizing:content-box;border-radius:50%;transition:background .2s,transform .2s}.phone-actions button:hover .ui-icon,.phone-actions button.selected .ui-icon{background:#ceddff;transform:translateY(-3px)}.phone-event{border-top:1px solid #e8edf6;display:flex;align-items:center;gap:10px;padding:20px 0 10px;font-size:12px;color:#243149}.phone-event>.ui-icon{width:20px;height:20px}.phone-event small{display:block;font-size:10px;color:#8894a8;line-height:1.5;margin-top:7px;min-height:30px}.phone-note{font-size:8px;text-align:center;color:#9aa5b6;margin-top:10px}.control-story-copy>p{font-size:17px;line-height:1.6;margin:24px 0;max-width:420px}.control-story-copy ul{list-style:none;padding:0;margin:30px 0}.control-story-copy li{display:flex;align-items:center;gap:15px;font-size:15px;padding:13px 0;color:#354660}.control-story-copy li .ui-icon{width:20px;height:20px}.steps-section{padding-top:65px}.how{border:0;padding:35px 0 60px}.section-heading h2{color:#17202e;font-weight:600;font-size:49px}.section-heading>p{color:#738198;font-size:15px}.how-grid{gap:35px}.how-item .num{color:#2458f5;font-size:22px;font-weight:600;letter-spacing:-1px}.how-item h3{font-size:24px;font-weight:600;color:#202b3d}.how-item p{color:#798396;font-size:14px}.faq-section{padding-top:50px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1.3fr;gap:65px}.faq-section h2{font-size:50px;font-weight:600}.faq summary{color:#273247;font-size:16px;font-weight:500;padding-right:30px}.faq details{border-color:#e3e9f1}.faq details p{color:#788295;font-size:14px}.faq summary:after{color:#2458f5}.closing-section{text-align:center;background:#f1f5fc;padding:75px 0}.closing-section h2{font-size:65px;line-height:1.05;margin-bottom:30px}.closing-section p{font-size:12px;margin-top:20px;color:#7a869a}.closing-section .kicker{color:#71829b}.footer{background:#fff;border-color:#e8edf3;padding:45px 48px;max-width:1440px}.footer .logo{color:#192333}.footer p,.footer a{color:#788395;font-size:13px}.footer>div>span{color:#273850}.footer-note{color:#8b96a9!important}.page-head h1,.detail-copy h1{font-weight:600;color:#142139}.page-head p,.detail-copy p,.legal p{color:#77849a}.detail-preview{background:#eaf0fc;border:0;border-radius:24px}.terms dt{color:#7b869a}.terms dd{color:#182740}.tag{background:#f0f4fa;color:#62718b;border:0}.info-note{background:#edf3ff;color:#607392;border-color:#dce6fa}.section-note{color:#8894a8}.preview-banner{background:#f2f5fa;color:#65758d;border-color:#e2e8f2}.sidebar a{color:#748198}.sidebar a.current{background:#eaf1ff;color:#2356d9}.sidebar .side-label{color:#a0a9b8}.wallet-item,.order-summary{background:#f5f7fb;border-color:#e1e7f0}.status{background:#eaf1fc;color:#466085;border:0}.form input{background:#fff;border-color:#d6deeb;color:#18283f}.form label{color:#485c79}.form p,.empty p{color:#7788a2}.steps li{color:#a0adbf}.steps li.active{color:#234b95}.steps li.active span{background:#2458f5;color:white}.history-row{color:#284164;border-color:#e7ecf4}.history-row small{color:#8796ad}.history-row .positive{color:#285ed0}.help-panel{background:#f3f7fc}.success .success-icon{background:#e5efff;color:#2458f5;border:0}dialog{background:#fff;color:#182c4b;border:1px solid #e2e9f4;box-shadow:0 40px 120px #03152e44}dialog p{color:#7c8da7}dialog .detail-field code{color:#264269}.close{color:#3a4d6b}#toast{background:#1c2d4a;color:#fff}.will-reveal{opacity:0;transform:translateY(28px);transition:opacity .75s,transform .75s}.will-reveal.visible{opacity:1;transform:none}@keyframes light-turn{to{transform:rotate(360deg)}}@keyframes chip-float{50%{translate:0 -9px}}@keyframes brand-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.wrap{padding-left:32px;padding-right:32px}.price-story,.control-grid{gap:55px}.blue-scene .showcase{width:310px}.chip-funding{left:4%;top:9%}.chip-control{right:4%;bottom:13%}.hero-title h1{font-size:76px}.editorial-heading h2,.price-copy h2,.control-story h2{font-size:51px}.service-brand{width:90px}.service-logos{gap:12px}.product-visual .plastic{width:270px}.product-info{padding:5px 27px 28px}.cost-calculator{padding:27px}.payment-rail{gap:20px}}
@media(max-width:760px){.header{height:75px;padding:0 20px}.header nav{background:#fff;border-color:#e4e9f0}.header .logo{font-size:24px;gap:8px}.header .button{font-size:10px;padding:12px 16px}.wrap{padding-left:22px;padding-right:22px}.editorial-hero{padding:34px 12px 0}.availability{font-size:10px;margin-bottom:20px}.hero-title h1{font-size:57px;letter-spacing:-.065em}.hero-title>p{font-size:15px;line-height:1.55;margin:20px auto 23px}.hero-links{gap:4px}.hero-links .button{font-size:12px;padding:13px 19px;min-height:48px}.hero-links .ghost{padding:13px 12px}.blue-scene{height:380px;border-radius:20px;margin-top:25px}.blue-scene .showcase{width:240px;max-width:66%}.blue-scene .dark-card{transform:translate(-62%,-64%) rotate(-15deg)}.blue-scene .light-card{transform:translate(-32%,2%) rotate(12deg)}.scene-chip{padding:10px 12px;border-radius:12px;font-size:10px;gap:8px}.scene-chip small{font-size:8px}.scene-chip b{font-size:13px;margin-left:6px}.scene-chip>.ui-icon{padding:7px;width:15px;height:15px;border-radius:9px}.chip-funding{top:6%;left:6%}.chip-control{bottom:12%;right:4%;font-size:8px}.chip-control small{font-size:7px}.chip-control>.ui-icon{width:13px;height:13px}.scene-bottom{bottom:15px;left:17px;right:17px;font-size:7px;gap:10px}.scene-bottom>span:last-child{font-size:7px}.scene-bottom .ui-icon{width:11px;height:11px}.hero-disclosure{font-size:9px;line-height:1.6;margin:14px 15px}.payment-rail{flex-wrap:wrap;justify-content:center;gap:26px 22px;padding-top:26px;padding-bottom:33px}.payment-rail>p{flex-basis:100%;text-align:center;font-size:14px}.payment-rail>p br{display:none}.payment-brand{min-width:80px;gap:8px}.payment-brand img{width:77px;height:30px}.payment-brand.sbp img{width:65px;height:32px}.payment-brand span{font-size:8px}.use-section{padding-top:58px;padding-bottom:55px}.editorial-heading{display:block;margin-bottom:28px}.editorial-heading h2,.price-copy h2,.control-story h2{font-size:43px}.editorial-heading>p{margin-top:20px;font-size:14px;max-width:100%}.kicker{font-size:10px;margin-bottom:17px}.use-tabs{gap:5px}.use-tabs button{font-size:11px;padding:12px 14px;flex:1;white-space:nowrap}.use-panel{display:block;padding:25px;border-radius:17px;min-height:235px}.use-panel h3{font-size:25px}.use-panel p{font-size:12px}.service-logos{justify-content:center;gap:15px;margin-top:28px}.service-brand{width:85px}.service-brand img{width:42px;height:42px;margin-bottom:10px}.service-brand span{font-size:10px}.brand-note{font-size:9px;line-height:1.7}.editorial-collection{padding-top:10px;padding-bottom:40px}.product-visual{height:270px}.product-visual .plastic{width:275px}.product-info{padding:3px 26px 28px}.product-top h3{font-size:28px}.product-top p{font-size:12px}.product li{font-size:12px}.price{font-size:30px}.price-story{display:block;padding-top:35px;padding-bottom:60px}.price-copy>p{font-size:14px;max-width:100%}.text-link{font-size:13px}.cost-calculator{margin-top:32px;padding:25px 22px;border-radius:20px}.calc-top{font-size:10px;gap:7px}.calc-top .ui-icon{width:19px}.cost-calculator output{font-size:29px}.calc-row{font-size:11px}.calc-total strong{font-size:32px}.cost-calculator>p{font-size:10px}.control-story{padding:55px 0}.control-grid{display:flex;flex-direction:column-reverse;gap:40px}.control-story-copy>p{font-size:14px}.control-story-copy li{font-size:13px}.control-story-copy .button{font-size:13px}.phone-demo{max-width:320px;padding:20px 20px 12px;border-radius:32px;transform:rotate(-2deg)}.phone-balance{font-size:34px}.phone-actions button{font-size:8px}.phone-event{font-size:10px}.phone-event small{font-size:9px}.steps-section{padding-top:25px}.section-heading h2{font-size:39px}.section-heading>p{font-size:13px}.how-item h3{font-size:23px}.how-item p{font-size:13px}.faq-section{grid-template-columns:1fr;gap:20px;padding-top:20px;padding-bottom:50px}.faq-section h2{font-size:43px}.faq summary{font-size:14px}.faq details p{font-size:13px}.closing-section{padding:52px 0}.closing-section h2{font-size:44px}.closing-section p{font-size:10px;line-height:1.6}.footer{padding:32px 22px}.footer .logo{font-size:25px}.footer p,.footer a{font-size:12px}.page-head h1{font-size:42px}.detail-preview .plastic{width:265px}}
@media(max-width:360px){.header{padding:0 14px}.header .logo{font-size:22px;gap:7px}.header .logo img{width:23px;height:23px}.header .button{font-size:9px;padding:11px 12px}.hero-title h1{font-size:50px}.hero-title>p{font-size:13px}.hero-links .button{font-size:10px;padding:13px 14px}.hero-links .ui-icon{width:15px}.blue-scene{height:340px}.blue-scene .showcase{width:215px}.scene-bottom>span:first-child{display:none}.scene-bottom{justify-content:center}.chip-control{right:3%;bottom:11%}.wrap{padding-left:18px;padding-right:18px}.product-visual .plastic{width:245px}.product-info{padding:5px 22px 25px}.product-top p{max-width:160px}.use-tabs button{font-size:10px;padding:11px 10px}.use-panel{padding:22px}.service-logos{gap:8px}.service-brand{width:73px}.editorial-heading h2,.price-copy h2,.control-story h2{font-size:39px}.calc-top{font-size:9px}.cost-calculator{padding:23px 18px}.phone-demo{max-width:275px;padding:18px 17px 10px}.phone-head{font-size:20px}.phone-actions .ui-icon{padding:9px;width:20px;height:20px}.closing-section h2{font-size:39px}.payment-rail{gap:18px}}
@media(prefers-reduced-motion:reduce){.scene-light,.scene-chip,.service-brand{animation:none!important}.will-reveal{opacity:1;transform:none;transition:none}.blue-scene .metal-float{animation:none!important}}
.topup-form input{background:#fff;color:#18283f;border-color:#d6deeb}dialog .copy{color:#294971;border-color:#d7e0ed}dialog .detail-field small{color:#7c8ea8}.payment-rail strong{margin-left:.25em}.use-tabs button:focus-visible,.phone-actions button:focus-visible{outline:2px solid #2458f5;outline-offset:4px}