:root{--blue:#0062a3;--cyan:#008bc7;--teal:#0087a8;--navy:#0d182a;--navy-2:#102d55;--slate:#485963;--mist:#e6e8eb;--surface:#f5f8fa;--white:#fff;--max:1180px;--shadow:0 24px 70px rgb(13 24 42 / 16%)}
*,*::before,*::after{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-height:100vh;margin:0;overflow-x:hidden;color:var(--navy);background:var(--white);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:var(--blue)}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:10px 16px;border-radius:8px;color:#fff;background:var(--navy);transform:translateY(-160%);transition:transform 160ms ease}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid #f0a500;outline-offset:3px}
.site-header{position:relative;z-index:10;border-bottom:1px solid rgb(13 24 42 / 9%);background:rgb(255 255 255 / 94%)}.header-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:204px}.site-header nav{display:flex;align-items:center;gap:1.15rem}.site-header nav a{text-decoration:none;font-weight:700;color:var(--navy)}.site-header .access,.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1.1rem;border:2px solid var(--navy);border-radius:12px;background:var(--navy);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 12px 28px rgb(13 24 42 / 18%);transition:transform 160ms ease,background-color 160ms ease}.site-header .access:hover,.button:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.button.secondary{background:rgb(255 255 255 / 82%);color:var(--navy);border-color:rgb(13 24 42 / 18%);box-shadow:none}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;min-height:calc(100vh - 96px);display:flex;align-items:center;overflow:hidden;background:linear-gradient(120deg,rgb(255 255 255 / 98%) 0%,rgb(245 248 250 / 94%) 52%,rgb(216 219 224 / 58%) 100%)}.hero::before{position:absolute;z-index:-1;inset:0;content:"";opacity:.45;background-image:radial-gradient(circle,rgb(0 98 163 / 18%) 1px,transparent 1.5px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent 20%,black 100%)}.hero-glow{position:absolute;z-index:-1;width:550px;height:550px;right:-150px;top:-140px;border-radius:50%;background:rgb(0 139 199 / 18%);filter:blur(24px)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:clamp(36px,7vw,104px);padding-block:clamp(64px,8vw,112px)}.hero-copy{max-width:680px}.eyebrow{margin:0 0 .65rem;color:var(--teal);font-size:.82rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}h1{max-width:720px;margin:0;font-size:clamp(2.75rem,5.6vw,5.25rem);font-weight:780;letter-spacing:-.052em;line-height:.98;text-wrap:balance}h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.15}.lead{max-width:610px;margin:30px 0 0;color:var(--slate);font-size:clamp(1.125rem,1.9vw,1.35rem);line-height:1.58}.positioning{max-width:590px;margin:22px 0 0;padding-left:18px;border-left:3px solid var(--teal);font-weight:750}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.hero-visual{position:relative;aspect-ratio:1;display:grid;place-items:center}.symbol-card{position:relative;z-index:2;width:min(78%,430px);aspect-ratio:1;overflow:hidden;border:1px solid rgb(255 255 255 / 72%);border-radius:34%;background:#fff;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.symbol-card img{width:auto;max-width:none;height:190%;transform:translate(-10%,-24%)}.orbit{position:absolute;border:1px solid rgb(0 98 163 / 25%);border-radius:50%}.orbit-one{width:94%;height:94%}.orbit-two{width:68%;height:68%;border-color:rgb(0 135 168 / 28%)}.hero-visual::before,.hero-visual::after{position:absolute;z-index:3;width:14px;height:14px;content:"";border:4px solid var(--surface);border-radius:50%;background:var(--teal);box-shadow:0 5px 14px rgb(13 24 42 / 25%)}.hero-visual::before{top:12%;right:18%}.hero-visual::after{bottom:19%;left:8%;background:var(--blue)}.visual-note{position:absolute;z-index:4;right:2%;bottom:14%;padding:10px 14px;border:1px solid rgb(13 24 42 / 10%);border-radius:10px;background:rgb(255 255 255 / 90%);box-shadow:0 12px 30px rgb(13 24 42 / 10%);font-size:.75rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.page-hero{padding:clamp(4rem,9vw,7rem) max(1.2rem,calc((100vw - var(--max))/2));background:linear-gradient(120deg,var(--navy),var(--navy-2));color:#fff}.page-hero>*{max-width:760px}.page-hero .eyebrow{color:#68d7ee}.page-hero h1{font-size:clamp(2.5rem,6vw,5rem)}.page-hero .lead{color:#e7f3fb}.section{max-width:var(--max);margin:auto;padding:clamp(3rem,7vw,6rem) 1.2rem}.cards,.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.cards article,.demo-grid article,.empty-state,.faq details,.form-section form,.form-section aside{padding:1.5rem;border:1px solid var(--mist);border-radius:.8rem;background:#fff;box-shadow:0 12px 30px #0d182a0a}.cards article{border-top:5px solid var(--blue)}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:2rem}.demo-grid span{font-size:.78rem;font-weight:800;color:#006b84;text-transform:uppercase}.empty-state{max-width:760px;background:#f7fafc}.faq{display:grid;gap:.8rem}.faq summary{font-weight:800;cursor:pointer}.form-section{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:1.5rem}.field{display:grid;gap:.35rem;margin-bottom:1rem}.field label{font-weight:750}.field input,.field select,.field textarea{width:100%;padding:.72rem;border:1px solid #82919b;border-radius:.4rem;font:inherit}.field input[type=checkbox]{width:auto}.field:has(input[type=checkbox]){display:flex;align-items:flex-start}.error,.form-errors{color:#9b1c1c;font-weight:700}.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.demo-grid article span{color:#006b84}
footer{color:rgb(255 255 255 / 82%);background:var(--navy)}.footer-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-inner p{margin:0}.footer-inner a{color:#8ce7fa}
@media(max-width:1000px){.site-header nav{gap:.75rem}.site-header nav a{font-size:.92rem}.hero-grid{grid-template-columns:1fr;gap:44px;padding-block:64px 52px}.hero-copy{max-width:740px}.hero-visual{width:min(100%,500px);margin-inline:auto}}
@media(max-width:900px){.menu-toggle{display:block;padding:.55rem .8rem;background:#fff;border:2px solid var(--blue);border-radius:.5rem}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:1rem max(1.2rem,calc((100vw - var(--max))/2));background:#fff;border-bottom:1px solid var(--mist);flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.cards{grid-template-columns:1fr}.form-section{grid-template-columns:1fr}}
@media(max-width:600px){.container{width:min(calc(100% - 32px),var(--max))}.header-inner{min-height:82px}.brand img{width:158px}.hero{min-height:auto}.hero-grid{padding-block:48px 42px}.hero h1{font-size:clamp(2.55rem,12.2vw,4rem);line-height:1.02}.lead{margin-top:24px}.actions .button{width:100%}.hero-visual{width:min(92vw,420px)}.visual-note{right:0}.demo-grid{grid-template-columns:1fr}.footer-inner{min-height:120px;flex-direction:column;justify-content:center;gap:2px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Mantém somente o símbolo do ativo oficial dentro do recorte do hero. */
.symbol-card img{height:260%;transform:translate(-10%,-31%)}
/* PWA installation control appears only after the browser confirms support. */
.install-app{min-height:2.75rem;padding:.5rem .85rem;border:1px solid #0087a8;border-radius:999px;background:#fff;color:#0062a3;font:700 .9rem Inter,sans-serif;cursor:pointer}.install-app:hover,.install-app:focus-visible{background:#eaf8fb;outline:2px solid #0087a8;outline-offset:2px}
.pwa-install-guidance{max-width:18rem;padding:.45rem .65rem;border:1px solid #0087a8;border-radius:.7rem;background:#fff;color:#0d182a;font-size:.82rem;line-height:1.35}