@font-face{font-family:Josefin;src:url('/assets/josefin-sans-400.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;font-family:Arial,sans-serif;color:#e9f0f5;background:#08131f;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 8%,#173e454d,transparent 35%),#08131f}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid #7de2d1;outline-offset:6px}img{display:block;max-width:100%;height:auto}.wrap,.top{max-width:1240px;margin:auto;padding-left:36px;padding-right:36px}.top{height:120px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{width:205px}.brand img{width:100%;height:auto}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav>a:not(.button):hover,.text-link:hover{color:#7de2d1}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:#8aead6;color:#09252a;border:1px solid #a2f5e7;border-radius:8px;padding:17px 24px;font-size:15px;font-weight:700;box-shadow:0 0 35px #60e6c819;transition:background .2s,transform .2s}.button:hover{background:#b4ffec;transform:translateY(-2px)}.button.small{padding:11px 20px;font-size:14px;background:transparent;color:#a4efdf;border-color:#365e62}.hero{text-align:center;padding-top:64px}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:600;color:#84c9c4;line-height:1.7}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7de2d1;box-shadow:0 0 12px #7de2d1;margin-right:8px}h1,h2,h3{font-weight:400;margin:0;letter-spacing:-1px}h1{font-family:Josefin,Arial,sans-serif;font-size:clamp(42px,5.5vw,72px);line-height:1.12;margin:26px 0 20px}h1 span,.closing h2 span{color:#8ce6d8}.lead{max-width:620px;margin:0 auto;color:#adbdcc;line-height:1.8;font-size:18px}.actions{display:flex;align-items:center;justify-content:center;gap:32px;margin:30px 0 52px}.text-link{font-size:14px;display:inline-flex;gap:16px;align-items:center}.hero-screen,.screen{overflow:hidden;border:1px solid #34545e;border-radius:12px;background:#101d2c;box-shadow:0 25px 90px #0006}.hero-screen{max-width:1090px;margin:auto;transform:perspective(1800px) rotateX(2deg);box-shadow:0 0 100px #57d9c011,0 25px 90px #0006}.windowbar{display:flex;justify-content:space-between;align-items:center;background:#142333;border-bottom:1px solid #293d50;padding:14px 18px;font-size:10px;letter-spacing:1.5px;color:#9eb1c0}.windowbar>span:first-child{display:flex;gap:6px}.windowbar i{width:6px;height:6px;background:#4d6a78;border-radius:50%}.windowbar .live{color:#8bd5c4}.hero-screen img{width:100%;height:auto}.caption{font-size:12px;color:#8c9dac;margin:18px 0 0;line-height:1.6}.section{padding-top:116px;padding-bottom:20px;scroll-margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:40px}h2{font-family:Josefin,Arial,sans-serif;font-size:42px;line-height:1.2;margin:16px 0 28px}.section-heading p{max-width:370px;color:#9fb0c1;line-height:1.8;margin:0 0 30px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.features article{padding:28px;border:1px solid #263f50;border-radius:12px;background:linear-gradient(140deg,#142638,#0d1b29)}.feature-number{font-family:Josefin,sans-serif;color:#7de2d1;font-size:14px}.features h3{font-size:21px;margin:28px 0 16px}.features p,.showcase p,.security p,.faq p{font-size:15px;line-height:1.8;color:#a9bac9;margin:0}.showcase{display:grid;grid-template-columns:.8fr 1.5fr;align-items:center;gap:45px;margin:58px 0 86px}.showcase.reverse{grid-template-columns:1.5fr .8fr}.reverse .showcase-copy{order:2}.showcase h3{font-size:30px;line-height:1.3;margin:22px 0 20px}.pill{font-size:10px;letter-spacing:2px;color:#83dac9;border:1px solid #31595e;background:#15363755;padding:8px 12px;border-radius:20px}.showcase ul{padding:0;list-style:none;margin:22px 0 0;font-size:13px;color:#c1d1dc;line-height:2.3}.showcase li:before{content:'↗';color:#7de2d1;margin-right:10px}.screen{display:block;transition:border-color .2s}.screen:hover{border-color:#7de2d1}.screen img{width:100%}.security{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:55px;padding-bottom:55px;border-top:1px solid #294453;border-bottom:1px solid #294453;background:linear-gradient(100deg,#15373855,transparent)}.security .text-link{margin-top:25px}.security h2{margin-bottom:0}.security>div:last-child{align-self:center}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.faq details{border-bottom:1px solid #293e4e;padding:20px 0}.faq summary{cursor:pointer;font-size:16px;line-height:1.5;padding-right:16px}.faq p{margin-top:16px}.closing{text-align:center;padding-top:120px;padding-bottom:100px}.closing h2{font-size:50px;margin-bottom:30px}.footer{border-top:1px solid #243c4b;padding-top:28px;padding-bottom:32px;display:flex;justify-content:space-between;gap:22px;font-size:12px;color:#c1d2db}.muted{color:#839aa8}.skip{position:absolute;top:-100px;left:20px;background:#fff;color:#000;padding:10px;z-index:5}.skip:focus{top:10px}
@media(max-width:800px){.wrap,.top{padding-left:22px;padding-right:22px}.top{height:100px}.brand{width:165px}nav{gap:18px}nav>a:not(.button){display:none}.hero{padding-top:40px}h1{font-size:46px}.lead{font-size:16px}.features{grid-template-columns:1fr}.features article{padding:24px}.features h3{margin-top:16px}.section{padding-top:70px}.section-heading,.showcase,.showcase.reverse,.security,.faq{display:grid;grid-template-columns:1fr;gap:28px}.section-heading{margin-bottom:25px}.section-heading p{max-width:none;margin:0}.showcase{margin:40px 0 65px}.reverse .showcase-copy{order:0}h2{font-size:34px}.security{margin:0 22px;padding:32px 22px}.faq{gap:0}.closing{padding-top:80px;padding-bottom:70px}.closing h2{font-size:38px}.windowbar{font-size:8px;padding:10px}.windowbar .live{display:none}.footer{flex-direction:column}.hero-screen{transform:none}}@media(max-width:420px){h1{font-size:38px}.actions{flex-direction:column;gap:22px}.eyebrow{font-size:9px;letter-spacing:1.5px}.brand{width:145px}.button.small{padding:10px 14px}.top{gap:10px}h2{font-size:30px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}.button:hover{transform:none}}

#screenshot-dialog{max-width:96vw;width:max-content;max-height:96dvh;padding:0;border:0;background:transparent;color:#e9f0f5;overflow:auto}#screenshot-dialog::backdrop{background:#020912e8;backdrop-filter:blur(6px)}.screenshot-view{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.screenshot-close{font:inherit;font-size:14px;color:#d9fff5;background:#142b35;border:1px solid #52767c;border-radius:8px;padding:10px 16px;cursor:pointer}.screenshot-close:focus-visible{outline:2px solid #7de2d1;outline-offset:3px}#screenshot-image{display:block;max-width:94vw;max-height:80dvh;width:auto;height:auto;object-fit:contain;border:1px solid #36505f;border-radius:8px}#screenshot-caption{margin:0;align-self:center;font-size:12px;color:#a9bac9;max-width:90vw;text-align:center}body.screenshot-open{overflow:hidden}

/* Keep the transition to “Antes de começar” proportional to the other sections. */
#por-dentro .showcase:last-child{margin-bottom:40px}
@media(max-width:800px){#por-dentro .showcase:last-child{margin-bottom:32px}}