.access-page {
  --bg:#191a1c; --panel:#222326; --panel2:#2a2b2e; --line:#3b3c40;
  --text:#f4f3f0; --muted:#acaeb3; --accent:#e5e4e0;
  background:var(--bg); color:var(--text); font-family:"Segoe UI",Arial,sans-serif;
}
.access-page a {color:var(--text)}
.access-page a:hover {color:#fff}
.access-page .eyebrow {color:#a4a5a9;font-size:10px;letter-spacing:1.7px}
.access-header {max-width:1280px;margin:auto;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #343538;gap:20px}
.access-logo {display:block;width:224px;height:60px;overflow:hidden}
.access-logo img {width:224px;height:94px;object-fit:contain;margin-top:-17px}
.access-header nav {display:flex;gap:26px;margin:0}
.access-header nav a {font-size:12px;padding:8px 0;color:#bbbcc0;border-radius:0}
.access-header nav a:hover {background:transparent;color:#fff}
.access-main {max-width:1280px;min-height:0;padding:58px 40px 64px}
.access-hero {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);gap:64px;align-items:center;min-height:540px;padding-bottom:62px}
.access-product {min-width:0}
.access-product h2 {font-size:clamp(32px,3.1vw,45px);line-height:1.15;letter-spacing:-1.7px;margin-bottom:18px;font-weight:600}
.access-product>p {max-width:385px;font-size:14px;line-height:1.7;color:#adaeb2}
.access-scene {position:relative;height:310px;margin-top:30px}
.access-device {position:absolute;left:2%;top:0;width:148px;height:289px;padding:5px;border-radius:28px;background:linear-gradient(100deg,#77797d,#303135 15%,#94969b 51%,#333438 80%,#77797d);border:1px solid #8d8e92;box-shadow:0 22px 30px #0004;z-index:2;transform:rotate(-5deg)}
.access-device:before {content:"";position:absolute;left:-3px;top:60px;width:2px;height:37px;background:#777;border-radius:2px}
.access-device-screen {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;border:3px solid #08090a;border-radius:23px;background:linear-gradient(145deg,#424448,#202124 65%);overflow:hidden}
.access-device-screen img {width:130px;height:65px;object-fit:contain}
.access-device-name {font-size:9px;letter-spacing:1.5px;color:#b0b1b4;text-transform:uppercase}
.access-island {position:absolute;top:8px;left:50%;transform:translateX(-50%);width:52px;height:14px;background:#090a0b;border-radius:12px}
.access-homebar {position:absolute;bottom:8px;width:49px;height:3px;background:#9d9fa3;border-radius:3px}
.access-tool {position:absolute;margin:0;left:22%;right:0;top:42px;background:#27282b;padding:6px;border:1px solid #606166;border-radius:10px;box-shadow:0 20px 35px #0005}
.access-tool>img {width:100%;height:auto;display:block;border-radius:5px}
.access-tool figcaption {display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#b6b7bb;padding:9px 7px 4px}
.access-product-meta {display:flex;flex-wrap:wrap;gap:12px 20px;color:#9fa1a6;font-size:10px;border-top:1px solid #38393d;padding-top:17px}
.access-product-meta span+span {border-left:1px solid #505155;padding-left:20px}
.access-form-column {min-width:0}
.access-form {background:#242528;border:1px solid #3b3c40;border-radius:14px;padding:36px;box-shadow:0 16px 40px #0002}
.access-form h1 {font-size:29px;letter-spacing:-.8px;line-height:1.2;margin-bottom:14px;font-weight:600}
.access-form>p {font-size:13px;line-height:1.7;margin-bottom:28px;color:#adafb5}
.access-form label {font-size:12px;color:#d1d2d5;margin-top:20px}
.access-form input {background:#1b1c1e;border:1px solid #4b4d52;color:#f1f1f0;border-radius:7px;min-height:46px;font-size:14px;padding:11px 13px;box-shadow:none}
.access-form input:focus {border-color:#b8b9bb;outline:2px solid #b8b9bb;outline-offset:2px}
.access-page .button {background:#e1e0dc;border:1px solid #e1e0dc;color:#242528;box-shadow:none;border-radius:7px;min-height:46px;font-size:13px}
.access-page .button:hover {background:#fff;color:#191a1c;border-color:#fff}
.access-form .button.wide {margin-top:28px;padding:13px 16px}
.access-form .auth-switch {font-size:12px;margin:23px 0 0;color:#a9abb0}
.access-form .auth-switch a {color:#e2e2e0;text-decoration:underline;text-underline-offset:4px}
.access-private {text-align:center;font-size:11px;color:#898b91;margin:17px 0 0}
.access-support,.access-models {border-top:1px solid #38393c;padding-top:38px;scroll-margin-top:24px}
.access-section-heading {display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}
.access-section-heading h2 {font-size:25px;margin-bottom:0}
.access-section-heading .eyebrow {margin-bottom:11px}
.access-caption {font-size:11px;color:#9d9fa4}
.access-evidence {color:#a2a4aa;font-size:12px;line-height:1.7;max-width:900px;margin-bottom:24px}
.access-process-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.access-process {display:flex;flex-direction:column;padding:23px;border:1px solid #3b3c41;background:#212225;border-radius:10px}
.access-process:hover {background:#292a2d;border-color:#77797e}
.access-process-top {display:flex;align-items:center;gap:10px;color:#b4b6bb;font-size:10px;margin-bottom:21px}
.access-process-top svg {width:21px;height:21px;color:#c8c9cc;flex-shrink:0}
.access-process h3 {font-size:17px;letter-spacing:-.3px;margin-bottom:10px}
.access-process p {font-size:12px;line-height:1.8;margin-bottom:21px;color:#aeb0b5;flex:1}
.access-process-bottom {display:flex;justify-content:space-between;border-top:1px solid #38393d;padding-top:14px;font-size:11px;color:#bfc0c4}
.access-models {margin-top:36px}
.access-utilities {display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 0;align-items:center}
.access-utilities span {padding:6px 11px;border:1px solid #44464a;border-radius:5px;color:#bdbfc3;font-size:11px}
.access-utilities span:first-child {padding-left:0;border:0;color:#96989d;margin-right:5px}
.access-page .catalog-total,.access-page .catalog-info {color:#a6a8ad}
.access-page .catalog-filters {background:#222326;border-color:#3b3c40}
.access-page .catalog-filters label {color:#bfc0c5}
.access-page .catalog-filters input,.access-page .catalog-filters select {background:#1a1b1d;border-color:#484a4e;color:#eee}
.access-page .catalog-search>div {background:#1a1b1d;border-color:#484a4e;color:#a8a9af}
.access-page .catalog-search input {background:transparent}
.access-page .model-card {background:#222326;border-color:#3d3e42;box-shadow:none}
.access-page .model-card:hover {background:#28292c;border-color:#73757a;box-shadow:none;transform:none}
.access-page .model-glyph {background:#2e2f33;border-color:#4a4b50;color:#c6c7ca}
.access-page .model-family,.access-page .model-card code,.access-page .model-link {color:#c3c4c8}
.access-page .model-tags span {background:#303135;color:#c0c2c6;border-color:#44464b}
.access-page .model-tags {margin-bottom:18px}
.access-page .catalog-evidence.file {background:#303733;color:#c2d1c7;border-color:#4a5a4e}
.access-page .catalog-evidence.reference {background:#36332d;color:#c8c0ae;border-color:#514b40}
.access-page .all-models {color:#e2e2df;border-color:#484a4e;background:#242528}
.access-page .all-models:hover {background:#303135;color:#fff}
.access-footer {max-width:1280px;margin:auto;padding:24px 40px;color:#9b9da2;border-color:#38393c;font-size:11px}
.access-footer span {color:inherit}
.entry-page {background:#191a1c;--accent:#e1e0dc}
.entry-page .entry-phone {background:linear-gradient(145deg,#424448,#202124 70%);border-color:#77797e;box-shadow:0 0 0 2px #26272a,0 26px 55px #0005}
.entry-page .entry-login {background:#e1e0dc;color:#242528;box-shadow:none;border-color:#e1e0dc}
.entry-page .entry-login:hover {background:#fff;color:#191a1c}
@media(max-width:1050px){
 .access-hero {gap:30px;grid-template-columns:minmax(0,1.1fr) minmax(300px,1fr)}
 .access-form {padding:27px}.access-header,.access-main,.access-footer {padding-left:28px;padding-right:28px}
 .access-scene {height:275px}.access-device {width:127px;height:251px}.access-device-screen img{width:110px}
 .access-tool {left:24%;top:46px}.access-tool figcaption {font-size:8px}.access-tool figcaption span:last-child {display:none}
 .access-product h2 {font-size:35px}.access-process-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .access-header {padding:14px 22px}.access-logo {width:180px;height:50px}.access-logo img {width:180px;height:76px;margin-top:-13px}
 .access-header nav {gap:16px}.access-header nav a {font-size:10px}.access-header nav a span{display:inline}
 .access-main {padding:34px 22px 44px}.access-hero {grid-template-columns:1fr;gap:30px;padding-bottom:38px}
 .access-product h2 {font-size:34px}.access-product>p {font-size:13px}.access-scene {height:270px;max-width:520px}
 .access-device {left:3%}.access-tool {left:24%;top:24px}.access-form-column {max-width:520px;width:100%;justify-self:center}
 .access-form {padding:28px}.access-product-meta {font-size:10px}.access-section-heading {align-items:start;flex-direction:column;gap:12px}
 .access-process-grid {grid-template-columns:1fr}.access-section-heading h2 {font-size:24px}.access-footer {padding:22px;gap:14px;flex-wrap:wrap}
 .access-footer span {display:block}.access-scene+.access-product-meta {margin-top:0}
}
@media(max-width:400px){.access-header nav{gap:10px}.access-header nav a{font-size:9px}.access-logo{width:160px}.access-logo img{width:160px}.access-product h2{font-size:30px}.access-tool{left:28%;top:51px}.access-product-meta{gap:10px}.access-product-meta span+span{padding-left:10px}.access-form{padding:23px}}
/* Marca, acesso e catálogo: grafite com acentos discretos. */
.access-page {isolation:isolate;--brand-blue:#78a7cd;--brand-teal:#80b6ac}
.brand-watermark {position:fixed;left:-12%;top:24%;width:1000px;max-width:110vw;height:540px;object-fit:contain;opacity:.035;pointer-events:none;z-index:-1;transform:rotate(-13deg);user-select:none}
.access-main {margin:0 auto}
.access-page .eyebrow {color:var(--brand-teal)}
.access-page .button {background:#36766f;border-color:#528e87;color:#fff}
.access-page .button:hover {background:#42877e;border-color:#6bafa5;color:#fff}
.access-page a:focus-visible,.access-page button:focus-visible {outline:2px solid #98bfcf;outline-offset:4px}
.access-form {border-top:3px solid #5c8d9f;background:#242528f5}
.access-form input {background:#1b1c1e!important;color:#f1f1f0!important}
.access-benefits {padding:0;list-style:none;margin:24px 0}
.access-benefits li {padding:12px 0;border-bottom:1px solid #414348;color:#c4c7cb;font-size:13px}
.access-benefits li:before {content:'✓';color:#80b6ac;margin-right:12px}
.entry-access-grid {display:grid;grid-template-columns:minmax(250px,1fr) minmax(320px,440px);max-width:940px;gap:80px;margin:0 auto;align-items:center;min-height:650px}
.entry-brand-column {text-align:center}
.entry-brand-column h2 {font-size:38px;line-height:1.14;margin:15px 0 26px;font-weight:600;letter-spacing:-1.3px}
.entry-brand-column h2 span {color:#8eafc6}
.entry-brand-column>p {color:#aeb3ba;font-size:13px;line-height:1.7;margin:24px 0 0}
.display-phone {position:relative;width:230px;height:440px;padding:5px;margin:0 auto;border:1px solid #85888c;border-radius:41px;background:linear-gradient(120deg,#85888c,#35373b 20%,#929599 60%,#414448);box-shadow:0 20px 35px #0004}
.display-screen {position:relative;height:100%;border:3px solid #111215;border-radius:35px;background:linear-gradient(145deg,#3d4146,#202225 75%);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}
.display-phone .access-island {width:76px;height:21px;top:10px}
.display-phone .access-homebar {width:72px;height:3px;bottom:9px}
.phone-brand-logo {width:200px;max-width:95%;height:110px;object-fit:contain}
.phone-brand-label {font-size:9px;letter-spacing:2px;color:#bcc4cc}
.entry-information {display:flex;gap:13px;background:#252d30bd;border:1px solid #3e5056;border-radius:10px;padding:17px;margin-top:18px}
.entry-information>span {color:#7fafa9}
.entry-information strong {color:#bed4ce;font-size:12px}
.entry-information p {font-size:11px;line-height:1.7;color:#aeb9bd;margin:7px 0 0}
.entry-catalog-link {display:flex;justify-content:space-between;margin-top:21px;font-size:12px;color:#9db7cb!important}
.showcase-scene {margin:32px 0 24px}
.phone-trio {display:flex;gap:18px;justify-content:center;margin-bottom:40px}
.phone-trio .display-phone {width:135px;height:252px;border-radius:26px;padding:3px;margin:0}
.phone-trio .display-screen {border-radius:22px;border-width:2px}
.phone-trio .access-island {width:42px;height:12px;top:6px}
.phone-trio .access-homebar {width:42px;bottom:6px;height:2px}
.phone-caption {position:absolute;bottom:-25px;left:0;width:100%;text-align:center;font-size:10px;color:#aeb9c2}
.phone-clock {position:absolute;top:28px;font-size:11px;font-weight:600}
.phone-hello {font:italic 36px Georgia,serif;color:#eee6d8}
.phone-hello+small {position:absolute;bottom:25px;font-size:6px;color:#c6c9ce}
.phone-hello .display-screen {background:linear-gradient(145deg,#485f73,#253138 60%,#47685f)}
.phone-lock {margin-bottom:4px;color:#b6c7d5}.phone-lock svg{width:12px;height:12px}
.phone-passcode strong {font-size:8px}.passcode-dots{font-size:9px;letter-spacing:1px;margin:6px 0}
.phone-keypad {display:grid;grid-template-columns:repeat(3,26px);gap:5px 7px}
.phone-keypad span {display:grid;place-items:center;background:#535b64;border-radius:50%;width:26px;height:26px;font-size:10px}
.phone-keypad span:empty {background:transparent}
.phone-widget {align-self:stretch;margin:36px 10px 9px;background:#7c9b9540;border-radius:8px;padding:8px}
.phone-widget span {display:block;font-size:6px}.phone-widget strong{font-size:22px;font-weight:500}
.phone-apps{display:grid;grid-template-columns:repeat(4,20px);gap:8px;margin:0 auto}
.phone-apps span{display:grid;place-items:center;border-radius:5px;width:20px;height:20px;background:#6d849c}
.phone-apps svg{width:12px;height:12px}.phone-apps .app-tint-1{background:#77958c}.phone-apps .app-tint-2{background:#a28d70}.phone-apps .app-tint-3{background:#8c8498}
.phone-dock{display:flex;justify-content:space-around;width:90%;margin:13px auto 18px;padding:7px;background:#a0adb326;border-radius:10px}.phone-dock svg{width:15px;height:15px;color:#c9d7de}
.showcase-tool {margin:0;border:1px solid #53565a;border-radius:10px;padding:6px;background:#242628;overflow:hidden}
.showcase-tool img{width:100%;display:block;border-radius:5px}.showcase-tool figcaption{display:flex;justify-content:space-between;gap:10px;color:#aeb3bc;font-size:9px;padding:10px 5px 5px}
.access-hero{align-items:center}.public-access-card .button{display:flex}
.model-supports{display:grid;gap:12px;margin:20px 0}
.model-support-row{padding:13px;background:#1b1e21;border:1px solid #3b4248;border-radius:8px}
.model-support-row>strong{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#d1dde3}.model-support-row>strong span{font-size:10px;color:#8eb1bf;font-weight:400}
.model-support-row>small{display:block;font-size:9px;line-height:1.5;color:#a2aab2;margin:8px 0}
.ios-chips{display:flex;flex-wrap:wrap;gap:5px}.ios-chips span{font-size:10px;padding:5px 7px;background:#30413f;color:#c2dad5;border:1px solid #455e59;border-radius:4px}
.model-support-row summary{font-size:10px;color:#9db5c7;margin:12px 0;cursor:pointer}
.access-page .model-link{border-color:#41454a}.access-page .model-card{padding:22px}.access-page .models-grid{align-items:start}
.public-catalog .catalog-page-heading em{color:#86a6ba;font-style:normal}.access-page .model-detail,.access-page .detail-process{background:#222629;border-color:#464e54}
.access-page .catalog-filters .button{min-height:42px}.access-page .pagination a{color:#aec4d1}
.access-footer span:last-child{color:#8caea9}
@media(min-width:761px){.login-entry .access-main{padding-top:28px;padding-bottom:34px}}
@media(max-width:1000px){.entry-access-grid{gap:38px}.phone-trio{gap:10px}.phone-trio .display-phone{width:112px;height:229px}.phone-apps{grid-template-columns:repeat(4,17px);gap:6px}.phone-apps span{width:17px;height:17px}.phone-keypad{grid-template-columns:repeat(3,24px);gap:4px}.phone-keypad span{width:24px;height:24px}.phone-widget{margin-top:30px}.phone-dock{margin-top:9px}}
@media(max-width:760px){.entry-access-grid{grid-template-columns:1fr;gap:32px;min-height:0;max-width:440px}.entry-brand-column h2{font-size:30px}.entry-brand-column .display-phone{width:150px;height:280px;border-radius:28px}.entry-brand-column .display-screen{border-radius:23px}.entry-brand-column .access-island{width:50px;height:14px}.entry-brand-column .phone-brand-logo{width:130px;height:75px}.entry-brand-column>p{margin-top:16px}.entry-brand-column .eyebrow{font-size:9px}.access-header nav{flex-wrap:wrap;justify-content:flex-end;gap:6px 14px}.brand-watermark{top:30%;left:-22%;max-width:140vw;opacity:.03}.phone-trio .display-phone{width:125px;height:245px}.phone-apps{grid-template-columns:repeat(4,19px)}.phone-apps span{width:19px;height:19px}}
@media(max-width:420px){.phone-trio{gap:8px}.phone-trio .display-phone{width:96px;height:212px}.phone-widget{padding:5px}.phone-apps{grid-template-columns:repeat(4,15px);gap:5px}.phone-apps span{width:15px;height:15px}.phone-keypad{grid-template-columns:repeat(3,21px);gap:4px}.phone-keypad span{width:21px;height:21px}.phone-lock{margin-top:20px}.phone-dock{margin-bottom:12px}.showcase-tool figcaption span{display:none}.phone-passcode strong{font-size:7px}.access-header{gap:8px}.access-logo{width:150px;flex-shrink:0}.access-logo img{width:150px}}
.phone-menu .phone-clock{top:25px;z-index:1}.phone-menu .phone-widget{margin-top:50px;min-height:48px;padding-top:7px}.phone-menu .phone-widget span{font-size:6px}.phone-menu .phone-widget strong{font-size:20px}
@media(max-width:420px){.phone-menu .phone-widget{margin-top:45px;min-height:39px;padding:4px}.phone-menu .phone-widget strong{font-size:17px}.phone-menu .phone-apps{gap:4px}.phone-menu .phone-dock{margin-top:5px}}
/* Linha inferior da navegação nas cores da marca. */
.access-header {position:relative;border-bottom:0}
.access-header::after {content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent 0%,#3677a6 18%,#619fba 48%,#42978e 78%,transparent 100%);pointer-events:none}
.access-header .public-nav-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.access-header .public-nav-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 13px;border:1px solid #41484d;border-radius:7px;background:#25292c;color:#bdc8ce;font-size:12px;line-height:1.2;transition:background .15s,border-color .15s}
.access-header .public-nav-button svg{width:15px;height:15px;flex:none;color:#8baebe}
.access-header .public-nav-button:hover{background:#313a3f;border-color:#728e9b;color:#fff}
.access-header .public-nav-button.is-current{background:#2c3d48;border-color:#567f97;color:#e3edf3}
.access-header .public-nav-button.nav-signin{background:#315e59;border-color:#4a8179;color:#eef6f4}
.access-header .public-nav-button.nav-signin svg{color:#bfdcd5}
.access-header .public-nav-button.nav-signin:hover{background:#3d756b}
@media(max-width:700px){.access-header{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:18px}.access-header .public-nav-buttons{width:100%;justify-content:flex-start}.access-header .public-nav-button{flex:1;padding:10px 8px;font-size:11px;gap:6px;white-space:nowrap}}
@media(max-width:400px){.access-header .public-nav-buttons{display:grid;grid-template-columns:1fr 1fr}.access-header .public-nav-button{font-size:12px}}
.access-header .public-nav-button span{color:inherit;font-size:inherit}
