/* Identidade Inflexão 3D. A estrutura e os fluxos permanecem em style.css/app.js.
   Os JPEGs são os originais enviados; a área do logotipo é enquadrada com CSS. */
:root{color-scheme:dark;color:#e9edf0;background:#14181b;--green:#ff741f;--lime:#ff741f;--muted:#b1bac2;--line:#343d44}
:focus-visible{outline-color:#ff8c45}
.topbar,footer{border-color:#30383e}
.brand{position:relative;display:block;flex-shrink:0;width:250px;height:60px;overflow:hidden}
.brand-logo{position:absolute;max-width:none;width:381px;height:auto;left:-65px;top:-76px}
footer .brand{width:180px;height:44px}
footer .brand-logo{width:274.32px;left:-46.8px;top:-54.72px}
.top-note,.steps,.tiny-tag,.label,.hint,.device-note,.fineprint,.howto p,.video-pending,.privacy,footer>span{color:#aeb8c0}
.dot{background:#3e9ba5}
.steps b{border-color:#45525d}
.steps i{color:#63717d}
.card{background:#1c2227;border-color:#343d44}
.label span{color:#e0e6ea}
.service{background:#222a30;color:#e6ebee;border-color:#46515b}
.service:hover{background:#2c353d}
.service.selected{background:#38291f;border-color:#ff741f}
.choice{border-color:#7c8993}
.input-wrap{background:#161c21;border-color:#515d67}
.input-wrap:focus-within{outline-color:#ff8c45}
input#destination{color:#eef1f3}
input::placeholder{color:#a5b0b9}
.error{color:#ffac8a}
.preview{background:#152d33}
.preview span{color:#94c7ce}
.preview output{color:#d1e6e9}
.preview a,.help a{color:#ff9a5a}
.device-note:before{color:#60b9c3}
.primary{background:#ff741f;color:#151a1e}
.primary:hover{background:#ff8d48}
.secondary{background:#17343a;color:#bee9ee}
.write-status{background:#17343a;color:#c0e9ed}
.write-status[data-kind=error]{background:#3c2520;color:#ffb294}
.video-slot{background:#152d33}
.video-slot>p{color:#b7d3d8}
.phone{background:#25313a;border-color:#8a969e;box-shadow:5px 8px 0 #102329}
.phone-speaker{background:#8a969e}
.phone small{color:#bccbd3}
.waves{color:#60b9c3}
.keychain{background:#14181b;box-shadow:4px 5px 0 #102329}
.keychain img{width:47px;height:47px;object-fit:contain;border-radius:11px;margin-top:6px}
.keychain:before{border-color:#8d989f}
.keychain:after{background:#7c8992}
.howto li:before{border-color:#52606b}
.help>div{color:#bdc7cf}
.help summary>span{color:#8ebbc3}
.noscript{background:#3c2520;color:#ffcfad}
.video-play span{color:#14181b}
@media(max-width:680px){.brand{width:225px;height:54px}.brand-logo{width:342.9px;left:-58.5px;top:-68.4px}footer .brand{width:155px;height:38px}footer .brand-logo{width:236.22px;left:-40.3px;top:-47.12px}}