@font-face{font-family:Geist;src:url(fonts/geist-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Geist;src:url(fonts/geist-latin-ext-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --ink:#0B0D11;--ink-2:#12151B;--white:#fff;--muted-d:#C8CCD2;
  --tile:#F4F5F7;--muted:#ECEEF1;--line:#E0E3E7;--t2:#535A64;--t3:#666D77;
  --navy:#004071;--navy-d:#002342;--accent:#0B55DB;
  --gold:#CFA968;--gold-d:#7D5B26;--gold-s:#FBF5EA;
  --green:#12875E;--green-d:#0A5E41;--red:#D32F2F;--red-d:#A31D1D;
  --ease:cubic-bezier(.22,1,.36,1);
  --pad:clamp(20px,5.6vw,80px);
  --display:clamp(38px,5vw,72px);--h1:clamp(32px,4.4vw,62px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--ink);color:var(--ink);font-family:Geist,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,p,ol,ul,figure{margin:0;padding:0}
ol,ul{list-style:none}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.skip{position:fixed;left:16px;top:-60px;z-index:200;background:#fff;color:var(--ink);padding:10px 16px;border-radius:999px}
.skip:focus{top:12px}
.logo-img{filter:brightness(0) invert(1);width:auto}

.display{font-size:var(--display);line-height:1.05;font-weight:700;letter-spacing:-.035em;color:#fff}
.h1{font-size:var(--h1);line-height:1.07;font-weight:700;letter-spacing:-.03em}
.lead{font-size:clamp(17px,1.45vw,20px);line-height:1.5;letter-spacing:-.01em;color:var(--muted-d)}
.eyebrow{font-size:13px;line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.gold{color:var(--gold)}.navy{color:var(--navy)}.goldd{color:var(--gold-d)}
.line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.line>span{display:block}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.wi{display:inline-block}
.wrap{max-width:1280px;margin:0 auto}

/* botões */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 26px;border-radius:999px;font-weight:600;font-size:15px;letter-spacing:-.01em;overflow:hidden;white-space:nowrap;isolation:isolate;transition:transform .5s var(--ease)}
.btn span{position:relative;z-index:2;display:block;transition:color .35s}
.btn::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;transform:translateY(102%);transition:transform .55s var(--ease)}
.btn:hover::before{transform:none}
.btn:active{transform:scale(.97)}
.btn--sm{height:42px;padding:0 18px;font-size:14px}
.btn--full{width:100%}
.btn--light{background:#fff;color:var(--ink)}.btn--light::before{background:var(--gold)}
.btn--ghost{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.btn--ghost::before{background:#fff}.btn--ghost:hover span{color:var(--ink)}
.btn--navy{background:var(--navy);color:#fff}.btn--navy::before{background:var(--navy-d)}
.btn--tile{background:var(--muted);color:var(--ink)}.btn--tile::before{background:var(--line)}

/* carregamento */
.loader{position:fixed;inset:0;z-index:150;background:var(--ink);display:none;place-items:center}
.js .loader{display:grid}
.loader__dial{position:relative;width:min(58vw,240px);aspect-ratio:1;display:grid;place-items:center}
.loader__dial svg{position:absolute;inset:0}
.loader__dial .logo-img{height:16px}
.loader__pct{position:absolute;bottom:26%;font-size:12px;letter-spacing:.1em;color:var(--gold);font-variant-numeric:tabular-nums}

/* cursor */
.cursor{position:fixed;left:0;top:0;z-index:140;pointer-events:none;width:36px;height:36px;margin:-18px 0 0 -18px;display:none}
.cursor i{display:block;width:100%;height:100%;border-radius:50%;border:1px solid rgba(207,169,104,.7);transition:transform .4s var(--ease),background .3s}
.cursor.is-hover i{transform:scale(1.7);background:rgba(207,169,104,.12)}
@media (hover:hover) and (pointer:fine){.cursor{display:block}}

.progress{position:fixed;left:0;top:0;height:2px;width:100%;z-index:120;background:var(--gold);transform:scaleX(0);transform-origin:0 50%}

/* navegação */
.nav{position:fixed;left:50%;top:14px;z-index:100;width:min(1320px,calc(100% - 24px));transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:16px;height:62px;padding:0 12px 0 20px;border-radius:999px;color:#fff;transition:background .45s,box-shadow .45s,backdrop-filter .45s,top .5s var(--ease)}
.nav.is-glass{background:rgba(14,16,21,.68);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 12px 32px rgba(0,0,0,.28)}
.nav.is-hidden{top:-84px}
.nav__logo .logo-img{height:22px}
.nav__links{display:flex;gap:30px;font-size:14px;font-weight:600}
.nav__links a{position:relative;padding:6px 0}
.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:100% 50%;transition:transform .45s var(--ease)}
.nav__links a:hover::after{transform:scaleX(1);transform-origin:0 50%}
.nav__cta{display:flex;align-items:center;gap:8px}
.nav__burger{display:none;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);position:relative}
.nav__burger i{position:absolute;left:13px;right:13px;height:2px;background:#fff;border-radius:2px;transition:transform .45s var(--ease),top .45s var(--ease)}
.nav__burger i:nth-child(1){top:17px}.nav__burger i:nth-child(2){top:25px}
.nav__burger[aria-expanded=true] i:nth-child(1){top:21px;transform:rotate(45deg)}
.nav__burger[aria-expanded=true] i:nth-child(2){top:21px;transform:rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:90;background:rgba(11,13,17,.96);backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 24px}
.menu[hidden]{display:none}
.menu a{font-size:34px;font-weight:700;letter-spacing:-.03em;color:#fff;padding:8px 0}
.menu a:last-child{color:var(--gold)}

/* iPhone */
.phone{--w:300px;--u:calc(var(--w)/414);position:relative;width:var(--w);aspect-ratio:414/868;border-radius:calc(68*var(--u));background:linear-gradient(135deg,#8f949b 0%,#4a4e54 18%,#2c2f34 50%,#4a4e54 82%,#9a9fa6 100%);box-shadow:0 calc(50*var(--u)) calc(90*var(--u)) calc(-10*var(--u)) rgba(0,0,0,.6),0 calc(12*var(--u)) calc(24*var(--u)) rgba(0,0,0,.35);transform-style:preserve-3d}
.phone::before{content:"";position:absolute;inset:calc(4*var(--u));border-radius:calc(64*var(--u));background:#030304}
.phone::after{content:"";position:absolute;left:calc(-3*var(--u));top:calc(232*var(--u));width:calc(3*var(--u));height:calc(142*var(--u));border-radius:2px;background:#55595f}
.phone__screen{position:absolute;inset:calc(12*var(--u));border-radius:calc(56*var(--u));overflow:hidden;background:#fff}
.phone__screen img{width:100%;height:100%;object-fit:cover;object-position:top}
.phone__island{position:absolute;left:50%;top:calc(23*var(--u));width:calc(122*var(--u));height:calc(35*var(--u));margin-left:calc(-61*var(--u));border-radius:calc(18*var(--u));background:#000}
.phone__sheen{position:absolute;inset:calc(12*var(--u));border-radius:calc(56*var(--u));pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.17) 0,rgba(255,255,255,.03) 32%,transparent 33%,transparent 100%) no-repeat;background-size:170% 100%;background-position:calc(50% + var(--gl,0)*45%) 0}

/* hero */
.hero-pin{position:relative;height:210svh;background:#05060A}
.hero{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;background:linear-gradient(180deg,#0B0D11 0,#0D1016 70%,#05060A 100%);display:flex;align-items:center;padding:110px var(--pad) 70px;color:#fff}
.hero__light{position:absolute;inset:0;--mx:70%;--my:46%;background:radial-gradient(780px 640px at var(--mx) var(--my),rgba(31,106,165,.46),transparent 70%),radial-gradient(430px 360px at 82% 74%,rgba(207,169,104,.15),transparent 70%)}
.hero__beam{position:absolute;top:-22%;width:44vw;height:130%;pointer-events:none;background:linear-gradient(180deg,rgba(190,215,240,.14),transparent 78%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);filter:blur(26px);transform-origin:50% 0}
.hero__beam--a{right:26vw;rotate:12deg}
.hero__beam--b{right:-6vw;rotate:-16deg;background:linear-gradient(180deg,rgba(207,169,104,.13),transparent 76%)}
.hero__clock{position:absolute;left:calc(100% - max(1vw,calc(50vw - 700px)) - min(27vw,370px));top:50%;width:min(122svh,92vw);aspect-ratio:1;margin:calc(min(122svh,92vw)/-2) 0 0 calc(min(122svh,92vw)/-2);overflow:visible;will-change:transform}
.hero__dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero__copy{position:relative;z-index:3;max-width:640px}
.hero__copy>*+*{margin-top:22px}
.hero .lead{max-width:520px}
.hero__btns{display:flex;flex-wrap:wrap;gap:12px;padding-top:6px}
.line{perspective:600px}
.ch{display:inline-block;white-space:pre;transform-origin:50% 100%;will-change:transform}
.hero__stage{--pw:min(23vw,calc(78svh/2.1));position:absolute;right:max(1vw,calc(50vw - 700px));top:0;bottom:0;width:min(54vw,740px);perspective:1500px;z-index:2}
.hero__floor{position:absolute;left:-6%;right:-10%;top:calc(50% + var(--pw)*.98);height:calc(var(--pw)*.5);border-radius:50%;background:radial-gradient(closest-side,rgba(31,106,165,.34),transparent);filter:blur(10px)}
.hero__tilt{position:absolute;inset:0;transform-style:preserve-3d}
.lay{position:absolute;inset:0;transform-style:preserve-3d}
.hero__p1{--w:var(--pw);position:absolute;left:8%;top:50%;margin-top:calc(var(--pw)*-1.05);rotate:5deg}
.hero__p2{--w:calc(var(--pw)*.92);position:absolute;left:47%;top:50%;margin-top:calc(var(--pw)*-1);rotate:-6deg}
.p2__next{position:absolute;inset:0;opacity:0}
.hero__wl{position:absolute;right:-1%;top:50%;width:calc(var(--pw)*.86);aspect-ratio:602/972;margin-top:calc(var(--pw)*-.42)}
.hero__watch{position:relative;width:100%;height:100%;rotate:-8deg;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}
.hero__watch img{width:100%;height:100%}
.glint{position:absolute;inset:0;background:linear-gradient(112deg,transparent 42%,rgba(255,255,255,.6) 50%,transparent 58%) no-repeat;background-size:300% 100%;background-position:140% 0;-webkit-mask:url(img/MA35084A.webp) center/100% 100% no-repeat;mask:url(img/MA35084A.webp) center/100% 100% no-repeat;mix-blend-mode:screen;pointer-events:none}
.hero__ped{position:absolute;right:0;top:50%;width:calc(var(--pw)*.8);margin-top:calc(var(--pw)*.74)}
.alert-lay{position:absolute;left:-7%;bottom:7%;width:330px;perspective:800px}
.alert{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;color:var(--ink);background:rgba(255,255,255,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.alert__ic{position:relative;flex:none;width:44px;height:44px;border-radius:50%;background:var(--navy);display:grid;place-items:center;transition:background .5s}
.alert__ic svg{grid-area:1/1;width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;transition:opacity .35s,transform .5s var(--ease)}
.alert__ic::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(0,64,113,.55)}
.alert.is-ping .alert__ic::after{animation:ping 1.1s var(--ease)}
@keyframes ping{to{box-shadow:0 0 0 20px rgba(0,64,113,0)}}
.ic-ok{opacity:0;transform:scale(.5)}
.alert__tx b{display:block;font-size:14px;line-height:20px}
.alert__tx small{font-size:13px;color:var(--t2);font-variant-numeric:tabular-nums}
.alert__tx em{font-style:normal;font-weight:600;color:var(--red-d)}
.alert__tx--ok{display:none}
.alert.is-ok .alert__tx--new{display:none}
.alert.is-ok .alert__tx--ok{display:block}
.alert.is-ok .alert__tx--ok b{color:var(--green-d)}
.alert.is-ok .alert__ic{background:var(--green)}
.alert.is-ok .ic-bell{opacity:0;transform:scale(.5)}
.alert.is-ok .ic-ok{opacity:1;transform:none}
.story__scrim{position:absolute;inset:0;background:rgba(11,13,17,.5);opacity:0}
.story__sheet{position:absolute;left:0;right:0;bottom:0;height:47.9%;background:url(img/tela-alerta.webp) bottom/100% auto no-repeat;border-radius:calc(30*var(--u)) calc(30*var(--u)) 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.2)}
html:not(.js) .story__sheet{display:none}
.story__tap{position:absolute;left:73%;top:85%;width:calc(46*var(--u));height:calc(46*var(--u));margin:calc(-23*var(--u));border-radius:50%;background:rgba(255,255,255,.45);box-shadow:0 0 0 1px rgba(255,255,255,.7),0 6px 14px rgba(0,0,0,.25);opacity:0}
.story__tap u{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 2px #fff;opacity:0}
.isl{display:grid;place-items:center;overflow:hidden;color:#fff;font-size:calc(15*var(--u));font-weight:600;letter-spacing:-.01em;white-space:nowrap;transition:width .6s cubic-bezier(.34,1.45,.64,1),height .6s cubic-bezier(.34,1.45,.64,1),margin .6s cubic-bezier(.34,1.45,.64,1),border-radius .6s}
.isl span{grid-area:1/1;display:flex;align-items:center;gap:calc(8*var(--u));opacity:0;transition:opacity .3s}
.isl__new i{width:calc(10*var(--u));height:calc(10*var(--u));border-radius:50%;background:var(--gold);box-shadow:0 0 calc(10*var(--u)) var(--gold)}
.isl svg{width:calc(18*var(--u));height:calc(18*var(--u));fill:none;stroke:#35c58f;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.isl.is-new,.isl.is-ok{width:calc(230*var(--u));height:calc(50*var(--u));margin-left:calc(-115*var(--u));border-radius:calc(25*var(--u))}
.isl.is-new .isl__new,.isl.is-ok .isl__ok{opacity:1;transition-delay:.18s}
.hero__beat{position:absolute;left:0;right:0;top:50%;margin:0;transform:translateY(-50%);z-index:4;padding:0 var(--pad);text-align:center;font-size:clamp(40px,6.4vw,96px);line-height:1.04;font-weight:700;letter-spacing:-.035em;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.55),0 8px 60px rgba(0,0,0,.9);opacity:0;pointer-events:none}
.hero__scroll{position:absolute;left:var(--pad);bottom:26px;width:1px;height:44px;background:rgba(255,255,255,.2);overflow:hidden;z-index:3}
.hero__scroll i{position:absolute;left:0;top:0;width:1px;height:40%;background:var(--gold);animation:drip 2.2s var(--ease) infinite}
@keyframes drip{0%{transform:translateY(-100%)}100%{transform:translateY(260%)}}

/* números */
.facts{background:linear-gradient(180deg,#05060A,#0B0D11);padding:44px var(--pad);color:#fff}
.facts__in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
.fact{padding:0 24px;border-left:1px solid rgba(255,255,255,.14)}
.fact:first-child{border-left:0;padding-left:0}
.fact strong{display:block;font-size:clamp(30px,3.2vw,44px);line-height:1.15;font-weight:600;letter-spacing:-.03em;color:var(--gold);font-variant-numeric:tabular-nums}
.fact>span{font-size:15px;color:var(--muted-d)}

/* como funciona */
.how{position:relative;height:420svh;background:linear-gradient(180deg,#0B0D11,#0E1320 50%,#0B0D11);color:#fff}
.how__sticky{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;--D:min(74svh,46vw,660px)}
.how__head{position:absolute;left:var(--pad);top:clamp(92px,13svh,130px);width:min(25vw,340px);z-index:3}
.how__head .h1{font-size:clamp(30px,2.9vw,42px);margin-top:12px}
.how__dial{position:absolute;left:50%;top:52%;width:var(--D);height:var(--D);transform:translate(-50%,-50%)}
.how__glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(closest-side,rgba(31,106,165,.34),transparent)}
.how__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.how__phone{--w:calc(var(--D)*.31);position:absolute;left:50%;top:50%;margin:calc(var(--w)*-1.048) 0 0 calc(var(--w)*-.5);box-shadow:0 24px 50px rgba(0,0,0,.6)}
.scr{position:absolute;inset:0;opacity:0;transition:opacity .6s var(--ease),transform .9s var(--ease);transform:scale(1.05)}
.scr.is-on{opacity:1;transform:none}
.scr--cam{background:#000}
.scr--cam img{opacity:.6;object-position:center}
.cam__frame{position:absolute;left:14%;right:14%;top:27%;aspect-ratio:1;border:2px solid #fff;border-radius:18px;overflow:hidden}
.cam__frame b{position:absolute;left:0;right:0;height:2px;background:var(--gold);box-shadow:0 0 14px 3px rgba(207,169,104,.8);animation:scan 2s ease-in-out infinite alternate}
@keyframes scan{from{top:6%}to{top:92%}}
.cam__hint{position:absolute;left:50%;top:68%;transform:translateX(-50%);white-space:nowrap;font-size:calc(var(--w)*.05);font-weight:600;background:rgba(11,13,17,.72);color:#fff;padding:.5em .9em;border-radius:999px}
.how__steps{position:absolute;inset:0;pointer-events:none}
.how__steps li{position:absolute;width:clamp(230px,20vw,290px);pointer-events:auto}
.how__steps li:nth-child(1){left:50%;top:calc(52% - var(--D)/2);transform:translate(-50%,-50%)}
.how__steps li:nth-child(2){left:calc(50% + var(--D)/2 + 6px);top:52%;transform:translate(-50%,-50%)}
.how__steps li:nth-child(3){left:50%;top:calc(52% + var(--D)/2);transform:translate(-50%,-50%)}
.how__steps li:nth-child(4){left:calc(50% - var(--D)/2 - 6px);top:52%;transform:translate(-50%,-50%)}
.step{display:block;width:100%;text-align:left;padding:16px 18px;border-radius:18px;background:var(--ink-2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:box-shadow .5s,transform .7s var(--ease),background .5s}
.step>*{opacity:.5;transition:opacity .5s}
.step:hover>*{opacity:.8}
.step.is-on>*{opacity:1}
.step.is-on{background:#171b23;box-shadow:inset 0 0 0 1px rgba(207,169,104,.55),0 20px 50px rgba(0,0,0,.45);transform:scale(1.03)}
.step b{display:block;font-size:20px;line-height:26px;font-weight:600;letter-spacing:-.015em;margin-top:4px}
.step small{display:block;font-size:14px;line-height:20px;color:var(--muted-d);margin-top:4px}

/* funcionalidades */
.feat{background:linear-gradient(180deg,#fff,#F4F5F7);padding:clamp(72px,9vw,120px) var(--pad)}
.feat .h1{max-width:760px;margin-top:14px}
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:clamp(36px,5vw,64px)}
.card{position:relative;border-radius:32px;overflow:hidden;padding:clamp(24px,2.8vw,36px);display:flex;flex-direction:column;gap:22px;grid-column:span 4;min-height:460px;isolation:isolate;transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
.card:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(11,13,17,.12)}
.spot::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--x,50%) var(--y,50%),var(--spot,rgba(0,64,113,.08)),transparent 70%)}
.spot:hover::before{opacity:1}
.card>*{position:relative;z-index:1}
.card__tx h3{font-size:clamp(22px,1.9vw,26px);line-height:1.2;font-weight:600;letter-spacing:-.02em;margin:8px 0 6px;color:#fff}
.card__tx p:last-child{font-size:15px;line-height:22px;color:var(--muted-d)}
.card__tx.dark h3{color:var(--ink)}.card__tx.dark p:last-child{color:var(--t2)}
.card--navy{--spot:rgba(255,255,255,.1);grid-column:span 7;background:linear-gradient(135deg,#003058,#00182E);flex-direction:row;align-items:center}
.card--navy .card__tx{flex:0 0 36%}
.card--scan{--spot:rgba(255,255,255,.1);grid-column:span 5;background:#0B0D11;justify-content:flex-end}
.card__bg{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1!important;transition:transform 1.4s var(--ease)}
.card--scan:hover .card__bg{transform:scale(1.05)}
.card--scan::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,13,17,.15),rgba(11,13,17,.93) 82%)}
.card--tile{background:var(--tile)}
.card--gold{background:var(--gold-s);--spot:rgba(181,138,69,.14)}
.orders{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}
.order{position:relative;display:grid;grid-template-columns:1fr 68px;gap:10px 12px;padding:14px;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 10px 26px rgba(0,0,0,.2);transition:transform .7s var(--ease)}
.order:nth-child(1){transform:rotate(-1.6deg)}.order:nth-child(2){transform:rotate(1.2deg) translateX(-8px)}.order:nth-child(3){transform:rotate(-.8deg) translateX(8px)}
.orders:hover .order{transform:none}
.order__tx small{display:block;font-size:13px;line-height:18px;color:var(--t2)}
.order__tx b{display:block;font-size:16px;line-height:24px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.order__tx b.danger{color:var(--red-d)}.order__tx b.ok{color:var(--green-d)}
.order__img{grid-row:1;grid-column:2;width:68px;height:68px;border-radius:10px;background:var(--tile);display:grid;place-items:center;overflow:hidden}
.order__img img{height:60px;width:auto}
.order__bar{grid-column:1/-1;display:block;height:4px;border-radius:9px;background:var(--muted);overflow:hidden}
.order__bar u{display:block;height:100%;width:0;border-radius:9px;background:var(--accent);transition:background .5s}
.order__bar u.red{background:var(--red)}.order__bar u.green{background:var(--green)}
.order__btn{position:absolute;right:92px;top:50%;margin-top:-24px;height:34px;padding:0 14px;border-radius:999px;background:var(--navy);color:#fff;font-size:13px;font-weight:600;transition:transform .4s var(--ease),background .3s,opacity .3s}
.order__btn:hover{transform:scale(1.05);background:var(--navy-d)}
.order__btn[disabled]{opacity:0;pointer-events:none}
.scan{position:absolute!important;left:50%;top:13%;width:min(46%,190px);aspect-ratio:1;margin-left:calc(min(46%,190px)/-2);border-radius:24px;border:2.5px solid rgba(255,255,255,.92);overflow:hidden;transition:border-color .4s,box-shadow .4s}
.scan b{position:absolute;left:0;right:0;top:8%;height:2px;background:var(--gold);box-shadow:0 0 16px 4px rgba(207,169,104,.8);animation:scan 2.2s ease-in-out infinite alternate}
.scan em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);font-style:normal;white-space:nowrap;font-size:12px;font-weight:600;padding:7px 11px;border-radius:999px;background:var(--green);color:#fff;opacity:0;transition:opacity .35s,transform .5s var(--ease)}
.card--scan.is-ok .scan{border-color:#35c58f;box-shadow:0 0 0 6px rgba(53,197,143,.18)}
.card--scan.is-ok .scan b{opacity:0}
.card--scan.is-ok .scan em{opacity:1;transform:translate(-50%,-50%)}
.tx{display:flex;flex-direction:column;gap:12px;flex:1}
.tx li{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}
.tx span{flex:1;min-width:0}
.tx small{display:block;font-size:13px;font-weight:400;color:var(--t2)}
.tx i{flex:none;width:40px;height:40px;border-radius:50%;background:#E7F6EF;display:grid;place-items:center}
.tx i::after{content:"↙";font-style:normal;font-size:18px;line-height:1;font-weight:600;color:var(--green)}
.tx b{font-weight:600;color:var(--green-d);font-variant-numeric:tabular-nums;white-space:nowrap}
.balance{padding:18px 20px;border-radius:24px;background:var(--navy-d);color:#fff}
.balance small{display:block;font-size:14px;color:var(--muted-d)}
.balance strong{font-size:clamp(30px,2.8vw,38px);line-height:1.2;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ship{position:relative;display:flex;flex-direction:column;gap:8px;margin-top:auto}
.ship__sel{position:absolute;left:0;right:0;top:0;height:60px;border-radius:18px;background:#EAF1F7;box-shadow:inset 0 0 0 2px var(--navy);transition:transform .6s var(--ease)}
.ship button{position:relative;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 16px;border-radius:18px;font-size:15px;font-weight:600;background:transparent;box-shadow:inset 0 0 0 1px var(--line)}
.ship button u{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #C8CCD2;transition:box-shadow .35s}
.ship button[aria-checked=true]{box-shadow:none}
.ship button[aria-checked=true] u{box-shadow:inset 0 0 0 7px var(--navy)}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1;align-content:start}
.kpis div{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.75)}
.kpis small{display:block;font-size:13px;color:var(--t2)}
.kpis strong{font-size:22px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.level{padding:16px 18px;border-radius:24px;background:#fff}
.level div{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.level b{font-size:18px;font-weight:600;color:var(--gold-d)}.level small{font-size:13px;color:var(--t2)}
.level i{display:block;height:6px;border-radius:9px;background:var(--muted);overflow:hidden;margin-top:10px}
.level u{display:block;height:100%;width:0;border-radius:9px;background:#B58A45}

/* coleção */
.show{position:relative;overflow:hidden;background:linear-gradient(180deg,#06070A,#0B0D11);padding:clamp(72px,9vw,120px) 0 clamp(56px,6vw,90px);color:#fff;--c:207,169,104}
.show__glow{position:absolute;left:50%;top:58%;width:min(120vw,1300px);aspect-ratio:1.5;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(var(--c),.17),transparent)}
.show__head{position:relative;max-width:900px;margin:0 auto;padding:0 var(--pad);text-align:center}
.show__head .h1{margin:14px 0}
.cases{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,2vw,32px);max-width:1320px;margin:clamp(30px,4vw,56px) auto 0;padding:0 var(--pad)}
.case{position:relative;display:flex;flex-direction:column;align-items:center;perspective:900px;transition:opacity .5s;outline:0}
.cases.has-focus .case:not(.is-focus){opacity:.42}
.case__beam{position:absolute;top:-40px;left:50%;width:130%;height:66%;transform:translateX(-50%);background:linear-gradient(180deg,rgba(var(--beam,255,255,255),.15),transparent 90%);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);filter:blur(14px);opacity:0;transition:opacity .5s;pointer-events:none}
.case.is-lit .case__beam{opacity:.7}
.case.is-focus .case__beam{opacity:1}
.case__watch{position:relative;z-index:2;width:min(88%,250px);filter:drop-shadow(0 26px 30px rgba(0,0,0,.6));will-change:transform}
.case__ped{width:min(84%,236px);margin-top:-34px}
.case figcaption{text-align:center;margin-top:18px}
.case b{display:block;font-size:17px;font-weight:600;letter-spacing:-.01em}
.case small{font-size:14px;color:var(--muted-d)}
.dots{display:none}

/* o app */
.app{position:relative;height:230svh;background:linear-gradient(180deg,#F4F5F7,#E8EAEE 72%,#DADDE2)}
.app__sticky{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden}
.app__sticky::before{content:"";position:absolute;left:50%;top:56%;width:1100px;height:760px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,#fff,transparent)}
.app__head{position:relative;padding:clamp(84px,12svh,120px) var(--pad) 0;text-align:center}
.app__head .h1{margin-top:12px}
.app__stage{position:absolute;left:50%;top:0;bottom:0;width:0;--aw:min(21vw,calc(74svh/2.1))}
.app__ph{--w:var(--aw);position:absolute;left:calc(var(--w)/-2);bottom:-13svh;box-shadow:0 34px 60px -12px rgba(25,30,40,.34)}

/* dúvidas */
.faq{background:#fff;padding:clamp(72px,9vw,120px) var(--pad)}
.faq__in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:400px 1fr;gap:clamp(32px,7vw,120px)}
.faq__head .h1{margin:14px 0}
.faq__head p:last-child{font-size:17px;color:var(--t2)}
.acc__it{border-bottom:1px solid var(--line)}
.acc__it:last-child{border-bottom:0}
.acc__it h3{font:inherit}
.acc__it button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:20px 0;text-align:left;font-size:clamp(17px,1.4vw,19px);line-height:1.3;font-weight:600;letter-spacing:-.012em;transition:color .3s}
.acc__it button:hover{color:var(--navy)}
.acc__it button i{position:relative;flex:none;width:22px;height:22px}
.acc__it button i::before,.acc__it button i::after{content:"";position:absolute;left:3px;right:3px;top:10px;height:2px;border-radius:2px;background:var(--t2);transition:transform .5s var(--ease)}
.acc__it button i::after{transform:rotate(90deg)}
.acc__it.is-open button i::after{transform:rotate(0)}
.acc__bd{height:0;overflow:hidden}
.acc__it.is-open .acc__bd{height:auto}
.acc__bd p{padding:0 40px 22px 0;font-size:16px;line-height:24px;color:var(--t2)}

/* chamada final */
.cta{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:clamp(72px,9vw,120px) var(--pad)}
.cta__bg{position:absolute;inset:-12% 0;width:100%;height:124%;max-width:none;object-fit:cover}
.cta__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,13,17,.96),rgba(11,13,17,.82) 55%,rgba(11,13,17,.5))}
.cta__in{position:relative;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 480px;gap:clamp(32px,6vw,90px);align-items:center}
.cta__tx .h1{margin:14px 0 18px}
.form{color:var(--ink);background:#fff;border-radius:32px;padding:32px;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.form h3{font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}
.form__body{display:flex;flex-direction:column;gap:12px}
.field{position:relative}
.field input{width:100%;height:60px;padding:24px 16px 8px;border:0;border-radius:14px;background:var(--tile);font:inherit;color:var(--ink);box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .3s,background .3s}
.field input:focus{outline:0;background:#fff;box-shadow:inset 0 0 0 1.5px var(--accent)}
.field label{position:absolute;left:16px;top:19px;font-size:16px;color:var(--t3);pointer-events:none;transform-origin:0 0;transition:transform .35s var(--ease),color .3s}
.field input:focus+label,.field input:not(:placeholder-shown)+label{transform:translateY(-10px) scale(.75)}
.field input:focus+label{color:var(--accent)}
.field small{display:block;font-size:13px;line-height:18px;color:var(--red-d);height:0;overflow:hidden;transition:height .35s var(--ease),margin .35s var(--ease)}
.field.is-err input{background:#FDECEC;box-shadow:inset 0 0 0 1.5px var(--red)}
.field.is-err label{color:var(--red-d)}
.field.is-err small{height:18px;margin-top:6px}
.form__note{font-size:13px;color:var(--t3);text-align:center}
.form__ok{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:24px 0}
.form__ok[hidden]{display:none}
.form__ok svg{width:84px;height:84px;fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.form__ok p{color:var(--t2);margin-bottom:12px}

/* rodapé */
.foot{background:#05060A;color:var(--muted-d);padding:clamp(48px,6vw,72px) var(--pad) 0;overflow:hidden}
.foot__in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:32px;font-size:14px;line-height:22px}
.foot__in b{display:block;color:#fff;margin-bottom:8px}
.foot__in a{display:block;width:fit-content;padding:2px 0;transition:color .3s}
.foot__in a:hover{color:var(--gold)}
.foot__brand .logo-img{height:22px;margin-bottom:12px}
.foot__mark{font-size:clamp(90px,23.5vw,350px);line-height:.8;font-weight:700;letter-spacing:-.05em;text-align:center;margin-top:48px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,0) 88%);-webkit-background-clip:text;background-clip:text;color:transparent}

.toast{position:fixed;left:50%;bottom:28px;z-index:130;transform:translate(-50%,160%);display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:18px;background:var(--ink);color:#fff;font-size:14px;font-weight:600;box-shadow:0 18px 44px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.1);transition:transform .6s var(--ease);white-space:nowrap}
.toast.is-on{transform:translate(-50%,0)}
.toast::before{content:"";width:9px;height:9px;border-radius:50%;background:#35c58f}

/* estados iniciais de animação */
.js [data-reveal]{opacity:0}
.js [data-hero=fade],.js .hero__stage,.js .fact{opacity:0}
.js .display{visibility:hidden}

/* tablet e celular */
@media (max-width:1100px){
  .nav__links{display:none}
  .nav__burger{display:block}
  .nav__cta .btn{display:none}
  .hero-pin{height:auto}
  .hero{position:relative;display:block;height:auto;min-height:0;padding:96px var(--pad) 0}
  .hero__beat{display:none}
  .hero__clock{left:50%;top:auto;bottom:calc(min(60vw,330px)*.75);width:min(150vw,820px);margin:0 0 calc(min(150vw,820px)/-2) calc(min(150vw,820px)/-2)}
  .hero__beam--a{right:4vw;width:80vw}
  .hero__beam--b{right:-30vw;width:80vw}
  .hero__floor{top:auto;bottom:0}
  .hero__scroll{display:none}
  .hero__stage{--pw:min(60vw,330px);position:relative;right:auto;left:0;width:100%;max-width:560px;height:calc(var(--pw)*2.15);margin:36px auto 0}
  .hero__p1{left:0;top:0;margin-top:0}
  .hero__p2{left:auto;right:-8%;top:5%;margin-top:0}
  .hero__wl{right:1%;top:auto;bottom:15%;margin:0;width:calc(var(--pw)*.68)}
  .hero__ped{right:0;top:auto;bottom:4%;margin:0;width:calc(var(--pw)*.66)}
  .alert-lay{left:0;bottom:4%;width:min(100%,320px)}
  .facts__in{grid-template-columns:1fr 1fr;gap:24px 16px}
  .fact{padding:0;border:0}
  .how__sticky{--D:min(88vw,44svh);display:flex;flex-direction:column;align-items:center;gap:14px;padding:calc(env(safe-area-inset-top) + 76px) var(--pad) 20px}
  .how__head{position:static;width:100%;text-align:center}
  .how__head .h1{font-size:clamp(25px,6.6vw,34px);margin-top:6px}
  .how__dial{position:relative;left:auto;top:auto;transform:none;flex:none}
  .how__steps{position:relative;flex:1;width:100%;min-height:128px}
  .how__steps li,.how__steps li:nth-child(n){left:0;right:0;top:0;width:100%;transform:none;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
  .how__steps li.is-on{opacity:1;visibility:visible}
  .step{transform:none!important}
  .step>*{opacity:1}
  .card,.card--navy,.card--scan{grid-column:1/-1;min-height:0}
  .card--navy{flex-direction:column;align-items:stretch}
  .card--navy .card__tx{flex:none}
  .card--scan{min-height:420px}
  .tx{flex:none}
  .kpis{flex:none}
  .ship{margin-top:0}
  .cases{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 13vw;scrollbar-width:none;margin-top:32px}
  .cases::-webkit-scrollbar{display:none}
  .case{flex:0 0 74vw;scroll-snap-align:center}
  .case__watch{width:min(62vw,270px)}
  .case__ped{width:min(58vw,250px)}
  .dots{position:relative;display:flex;justify-content:center;gap:6px;margin-top:22px}
  .dots i{width:7px;height:7px;border-radius:9px;background:#fff;opacity:.4;transition:width .5s var(--ease),opacity .4s}
  .dots i.is-on{width:22px;opacity:1}
  .app{height:auto}
  .app__sticky{position:relative;height:min(170vw,780px);min-height:0}
  .app__stage{--aw:min(58vw,300px)}
  .app__ph{bottom:-16vw}
  .faq__in{grid-template-columns:1fr}
  .cta__shade{background:linear-gradient(180deg,rgba(11,13,17,.84),rgba(11,13,17,.94))}
  .cta__in{grid-template-columns:1fr}
  .form{padding:20px;border-radius:24px}
  .foot__in{grid-template-columns:1fr 1fr}
  .foot__brand{grid-column:1/-1}
}
@media (max-width:560px){
  .hero__btns .btn{width:100%}
  .foot__in{grid-template-columns:1fr}
  .order__btn{right:88px}
}

/* movimento reduzido */
@media (prefers-reduced-motion:reduce){
  .js .loader{display:none}
  .js [data-reveal],.js [data-hero=fade],.js .hero__stage,.js .fact{opacity:1}
  .js .display{visibility:visible}
  .how,.app,.hero-pin{height:auto}
  .hero{position:relative}
  .hero__dust,.hero__beat,.story__sheet{display:none}
  .how__sticky,.app__sticky{position:relative;height:auto;overflow:visible}
  .how__sticky{display:flex;flex-direction:column;align-items:center;gap:24px;padding:80px var(--pad);--D:min(80vw,420px)}
  .how__head{position:static;width:100%;text-align:center}
  .how__dial{position:relative;left:auto;top:auto;transform:none}
  .how__steps{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;width:100%;max-width:1280px;pointer-events:auto}
  .how__steps li,.how__steps li:nth-child(n){position:static;width:auto;transform:none;opacity:1;visibility:visible}
  .step>*{opacity:1}
  .app__sticky{height:clamp(560px,70vw,800px)}
  .cam__frame b,.scan b,.hero__scroll i{animation:none}
  *{transition-duration:.01ms!important}
}