a{color:#d4ab80}
a:hover{color:#ffffff}
.ft{--night:#001a35;--deep:#00122a;--navy:#002e5d;--gold:#b4875e;--gold-hi:#d4ab80;--fog:#a9bbd1;--paper:#f3f5f8;--ink:#0c1a2c;--muted:#53637a;--line:rgba(169,187,209,.22);--lineL:#d6dee8;font-family:"Red Hat Text",-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.6;color:#fff;background:var(--night);-webkit-font-smoothing:antialiased}
.ft *{box-sizing:border-box}
.ft h1,.ft h2,.ft h3{font-family:"Red Hat Display","Segoe UI",sans-serif;margin:0;line-height:1.04;letter-spacing:-.02em;text-wrap:balance}
.ft p{margin:0}
.wrap{max-width:1240px;margin:0 auto;padding-left:20px;padding-right:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;font:700 16px/1 "Red Hat Text",sans-serif;padding:0 24px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn:focus-visible,.pick:focus-visible,.ft a:focus-visible,.ft button:focus-visible{outline:3px solid #d4ab80;outline-offset:3px}
.btn-gold{background:#b4875e;color:#00122a}
.btn-gold:hover{background:#d4ab80;color:#00122a}
.btn-line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
.btn-line:hover{box-shadow:inset 0 0 0 1.5px #fff;color:#fff}
.btn-navy{background:#002e5d;color:#fff}
.btn-navy:hover{background:#001a35;color:#fff}
.kick{font:700 13px/1.2 "Red Hat Display",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#d4ab80}
/* topo */
.top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:22px;padding-bottom:22px}
.logo{width:168px;height:auto;display:block}
.menu{display:flex;align-items:center;gap:26px}
.menu a.lk{color:#c7d3e2;text-decoration:none;font-weight:500;font-size:15px}
.menu a.lk:hover{color:#fff}
.menu .btn{min-height:44px;font-size:15px;padding:0 18px}
.mnav{padding:4px 20px 20px}
/* abertura */
.hero{padding-top:28px;padding-bottom:72px}
.hgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);grid-template-areas:"copy dial" "pick dial";column-gap:56px;row-gap:34px;align-items:center}
.h-copy{grid-area:copy;align-self:end}
.h-dial{grid-area:dial}
.h-pick{grid-area:pick;align-self:start}
.h1{font-size:clamp(40px,5.1vw,74px);font-weight:800}
.h1 span{color:#d4ab80}
.sub{margin-top:22px;color:#a9bbd1;font-size:19px;max-width:44ch}
.q{font:700 15px/1.2 "Red Hat Display",sans-serif;color:#fff;margin-bottom:12px}
.picks{display:grid;gap:8px;max-width:480px}
.pick{display:grid;grid-template-columns:96px minmax(0,1fr) 24px;gap:14px;align-items:center;text-decoration:none;color:#fff;border:1.5px solid rgba(169,187,209,.22);border-radius:16px;padding:14px 16px;min-height:72px;transition:border-color .2s,background .2s}
.pick:hover{border-color:rgba(212,171,128,.65);color:#fff}
.pick.is-on{border-color:#b4875e;background:rgba(180,135,94,.12)}
.pick .pk{font:700 12px/1.2 "Red Hat Display",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#d4ab80}
.pick b{display:block;font:700 19px/1.2 "Red Hat Display",sans-serif}
.pick small{display:block;color:#a9bbd1;font-size:14px;line-height:1.4;margin-top:2px}
.cline{margin-top:16px;display:flex;align-items:center;gap:10px;color:#a9bbd1;font-size:15px;flex-wrap:wrap}
.cline a{font-weight:700;color:#fff;text-decoration:underline;text-decoration-color:#b4875e;text-underline-offset:4px}
.dbox{position:relative;max-width:540px;margin:0 auto}
.dial{width:100%;height:auto;display:block}
.seg{cursor:pointer}
.center{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.cin{width:50%;text-align:center;display:grid;gap:10px;justify-items:center;pointer-events:auto}
.cin .ck{font:700 12px/1 "Red Hat Display",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#a9bbd1}
.cin h2{font-size:clamp(24px,2.5vw,34px);font-weight:800}
.cin p{color:#a9bbd1;font-size:14px;line-height:1.45}
.cin .btn{min-height:46px;padding:0 18px;font-size:15px}
/* seções claras */
.light{background:#f3f5f8;color:#0c1a2c}
.white{background:#ffffff;color:#0c1a2c}
.block{padding-top:104px;padding-bottom:104px}
.head{display:grid;gap:14px;margin-bottom:52px;max-width:780px}
.head h2{font-size:clamp(32px,4vw,54px);font-weight:800;color:#002e5d}
.head p{color:#53637a;font-size:18px}
/* linha da relação */
.rel{display:grid;grid-template-columns:minmax(0,3fr) 120px minmax(0,7fr);align-items:start}
.rel-a,.rel-c{display:grid;gap:20px}
.bar{height:6px;border-radius:6px}
.rel-a .bar{background:#002e5d}
.rel-c .bar{background:#b4875e}
.steps2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-right:18px}
.st .n{font:700 14px/1 "Red Hat Display",sans-serif;color:#53637a}
.st h3{font-size:24px;font-weight:800;color:#002e5d;margin-top:8px}
.st p{color:#53637a;font-size:15px;margin-top:8px}
.sig{display:grid;justify-items:center;gap:10px;margin-top:-13px;text-align:center}
.sig i{display:block;width:32px;height:32px;border-radius:50%;background:#fff;border:6px solid #002e5d;box-shadow:0 0 0 6px #f3f5f8}
.sig b{font:800 16px/1.1 "Red Hat Display",sans-serif;color:#002e5d}
.sig span{font-size:13px;color:#8a6440;font-weight:700}
.rel-c .st{padding-left:18px}
.ticks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-left:18px}
.tk{border-top:2px dotted #c9a27c;padding-top:12px}
.tk b{display:block;font:700 16px/1.25 "Red Hat Display",sans-serif;color:#0c1a2c}
.tk small{display:block;color:#53637a;font-size:14px;line-height:1.4;margin-top:4px}
.relnote{margin-top:44px;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;font-size:15px;color:#53637a}
.relnote strong{font:800 20px/1.2 "Red Hat Display",sans-serif;color:#002e5d}
/* produtos */
.prod{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center;padding-top:56px;padding-bottom:56px;border-top:1px solid #d6dee8}
.prod:first-of-type{border-top:0}
.pcopy{display:grid;gap:18px;align-content:start}
.pcopy .kick{color:#8a6440}
.pcopy h3{font-size:clamp(28px,2.8vw,38px);font-weight:800;color:#002e5d}
.ol{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:n}
.ol li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:baseline;color:#24364d}
.ol li::before{counter-increment:n;content:"0" counter(n);font:800 15px/1 "Red Hat Display",sans-serif;color:#b4875e}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font-size:14px;font-weight:600;color:#002e5d;background:#eef2f7;border-radius:999px;padding:8px 14px}
.tool{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:center;background:#f6efe7;border-radius:16px;padding:14px 16px;color:#3d2c1c;font-size:15px;line-height:1.45}
.tool .ic{width:40px;height:40px;border-radius:12px;background:#fff;display:grid;place-items:center;color:#8a6440}
.pact{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.pact a.sec{font-weight:700;color:#002e5d;text-decoration:underline;text-decoration-color:#b4875e;text-underline-offset:4px}
.ph{aspect-ratio:4/3;border-radius:22px;background:#001a35;position:relative;overflow:hidden;margin:0}
.ph img{width:100%;height:100%;object-fit:cover;display:block}
/* parceiros */
.partners{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:48px;align-items:center}
.partners h2{font-size:clamp(28px,3vw,40px);font-weight:800;color:#002e5d}
.partners p{color:#53637a;margin-top:14px;font-size:15px}
.plogos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.plogo{height:104px;border:1.5px solid #e1e8f0;border-radius:16px;background:#fff;display:grid;place-items:center;padding:20px 22px}
.plogo img{display:block;width:100%;height:auto;max-height:60px;object-fit:contain}
/* rodapé */
.foot{background:#00122a;color:#a9bbd1;font-size:14px;line-height:1.55;padding-top:64px;padding-bottom:40px}
.fgrid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:36px}
.fgrid h4{font:700 14px/1.2 "Red Hat Display",sans-serif;color:#fff;margin:0 0 14px}
.fgrid ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fgrid a{color:#c7d3e2;text-decoration:none}
.fgrid a:hover{color:#fff}
.fsign{margin-top:16px;max-width:34ch;color:#c7d3e2}
.legal{margin-top:44px;padding-top:24px;border-top:1px solid rgba(169,187,209,.16);display:grid;gap:8px;font-size:12.5px;color:#8fa3bc}
.legal b{color:#c7d3e2;font-weight:600}
.todo{color:#e3b98f}
/* flutuante */
.wa{position:fixed;right:22px;bottom:22px;z-index:20;display:flex;align-items:center;gap:10px;text-decoration:none}
.wa .tip{background:#fff;color:#0c1a2c;font-size:14px;font-weight:700;padding:10px 14px;border-radius:999px;box-shadow:0 8px 24px rgba(0,10,25,.25);opacity:0;transform:translateX(6px);transition:opacity .2s,transform .2s}
.wa:hover .tip,.wa:focus-visible .tip{opacity:1;transform:none}
.wa .dot{width:62px;height:auto;display:block;filter:drop-shadow(0 8px 18px rgba(10,60,30,.35))}
@media (max-width:1020px){
  .hgrid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "dial" "pick";row-gap:28px}
  .h-copy{align-self:start}
  .dbox{max-width:440px;width:100%}
  .picks{max-width:none}
  .rel{grid-template-columns:minmax(0,1fr)}
  .sig{justify-items:start;text-align:left;grid-template-columns:32px auto;align-items:center;column-gap:14px;margin:6px 0 26px}
  .sig b,.sig span{grid-column:2}
  .sig i{grid-row:1/3}
  .rel-a{margin-bottom:22px}
  .prod{grid-template-columns:minmax(0,1fr);gap:28px}
  .partners{grid-template-columns:minmax(0,1fr)}
  .ph{order:-1}
  .fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .pick{grid-template-columns:minmax(0,1fr) 24px}
  .pick .pk{grid-column:1}
  .cin{width:58%;gap:6px}
  .cin p{display:none}
  .cin h2{font-size:22px}
  .cin .btn{min-height:44px;font-size:14px;padding:0 14px}
  .steps2,.ticks{grid-template-columns:minmax(0,1fr)}
  .steps2{padding-right:0}
  .rel-c .st,.ticks{padding-left:0}
  .plogos{grid-template-columns:minmax(0,1fr)}
  .plogo{height:76px}
  .fgrid{grid-template-columns:minmax(0,1fr)}
  .wa{right:16px;bottom:16px}
}
@media (prefers-reduced-motion:reduce){
  .hand{transition:none!important}
}