/* MyOfficeFixer — página de venda: a tela 1 das telas de 18/10 (Field Modern: navy + âmbar, Sora e Plus Jakarta Sans, âmbar só na ação principal) */
:root{--ink:#1b2a41;--ink2:#2b3f5e;--amber:#e8890c;--amber2:#fff1d6;--amberd:#8a5300;--green:#0e7c66;--green2:#e3f3ec;--bg:#fbf8f3;--card:#fff;--line:#e7e1d6;--mut:#5b5a56;--soft:#f6f3ee}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "Plus Jakarta Sans",system-ui,sans-serif}
h1,h2,h3,.sora{font-family:Sora,sans-serif;letter-spacing:-.01em}
a{color:inherit}.mut{color:var(--mut)}.sm{font-size:13px}.sp{flex:1}
.ms{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:22px;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased}.ms.big{font-size:30px;color:var(--amber)}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.nav{position:sticky;top:0;z-index:50;background:rgba(251,248,243,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.navrow{display:flex;align-items:center;gap:22px;height:66px}
.logo{display:flex;align-items:center;gap:10px;font:700 18px Sora,sans-serif;text-decoration:none}.logo b{color:var(--amber)}.logo img{border-radius:8px}
.links{display:flex;gap:22px}.links a{font-weight:600;font-size:14px;text-decoration:none;color:var(--mut)}.links a:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;padding:10px 18px;font-weight:700;border:1px solid var(--line);background:var(--card);font-size:14px;text-decoration:none;cursor:pointer}
.btn:hover{border-color:var(--ink)}.btn.pri{background:var(--amber);border-color:var(--amber);color:#fff}.btn.pri:hover{filter:brightness(.95)}
.btn.ghost{border-color:transparent;background:transparent}.btn.big{padding:14px 24px;font-size:15px}.btn.tiny{padding:6px 10px;font-size:12px;margin-top:6px}
.btn.inv{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:3px 11px;border-radius:999px;background:var(--soft);color:#55534f;white-space:nowrap}
.chip.wait{background:var(--amber2);color:var(--amberd)}.chip.ok{background:var(--green2);color:var(--green)}
.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.hero{padding:64px 0 48px}.herogrid{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center}
.hero h1{font:800 50px/1.08 Sora,sans-serif;margin:18px 0 0}.hero h1 em{font-style:normal;color:var(--amber)}
.lead{font-size:18px;color:var(--mut);max-width:600px}.note{font-size:13px;color:var(--mut)}
.stage{position:relative;height:400px}.desk{position:absolute;inset:0 70px 34px 0;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 60px rgba(27,42,65,.18);overflow:hidden;display:grid;grid-template-columns:70px 1fr}
.desk .s{background:var(--ink)}.desk .c{padding:18px;display:flex;flex-direction:column;gap:12px}.bar{height:10px;border-radius:6px;background:var(--soft)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 2px 10px rgba(27,42,65,.04)}.card.mini{padding:12px;border-radius:12px}
.phone{position:absolute;right:0;bottom:0;width:200px;border-radius:32px;border:8px solid #111a29;background:var(--bg);overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.25)}.pin{padding:14px;display:flex;flex-direction:column;gap:8px}
section{padding:72px 0}.band{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cap{font:700 12px Sora,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--amberd)}
h2{font:800 34px/1.15 Sora,sans-serif;margin:10px 0 14px;max-width:820px}
.steps,.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.steps .n{font:800 30px Sora,sans-serif;color:var(--amber)}
.steps h3,.fx h3{font-size:18px;margin:8px 0 6px}.fx{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.fx.soft{background:var(--soft)}
.ic{width:44px;height:44px;border-radius:12px;background:var(--amber2);color:var(--amberd);display:grid;place-items:center}.ic.n{background:#e9eef6;color:var(--ink)}.ic.g{background:var(--green2);color:var(--green)}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.trust h3{font-size:16px;margin:10px 0 4px}.trust p{font-size:14px;margin:0}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.plan{display:flex;flex-direction:column;gap:8px}.plan.best{border-color:var(--amber);box-shadow:0 0 0 2px var(--amber2)}
.plan h3{font-size:18px;margin:0}.plan .price{font:800 30px Sora,sans-serif}.plan ul{padding-left:18px;margin:4px 0 10px;color:var(--mut);font-size:14px}.plan .btn{margin-top:auto}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-weight:700;cursor:pointer;font-size:17px}.faq p{color:var(--mut);margin:10px 0 0}
.final{background:linear-gradient(120deg,var(--ink),var(--ink2));color:#fff}.final h2{color:#fff}.final p{color:rgba(255,255,255,.75)}
.finalgrid{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}
footer{border-top:1px solid var(--line);padding:26px 0;font-size:13px;color:var(--mut)}.footrow{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.footrow .links{gap:16px}
@media (max-width:900px){.links{display:none}.herogrid,.steps,.grid3,.trust,.plans,.finalgrid{grid-template-columns:1fr}.stage{display:none}.hero{padding:40px 0}.hero h1{font-size:36px}h2{font-size:27px}section{padding:52px 0}#signIn{display:none}}