:root{--bg:#050505;--egypt-green:#24483f;--gold:#e8b13e;--gold-light:#ffd66c;--gold-bright:#fff0ae;--text-soft:#77716a;--text-muted:#5e5b56;--border:rgba(255,255,255,.055);--sweep-duration:15s;--sweep-delay:.35s}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body{width:100%;min-height:100%}body{min-height:100svh;overflow-x:hidden;font-family:"Manrope",sans-serif;color:#fff;background:radial-gradient(circle at 50% 28%,rgba(160,160,165,.013),transparent 32%),var(--bg)}.intro{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden}.background{position:absolute;inset:0;overflow:hidden;pointer-events:none}.ambient{position:absolute;left:50%;top:50%;width:min(1000px,100vw);height:min(1000px,100vw);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(130,132,136,.016),rgba(130,132,136,.005) 35%,transparent 70%);filter:blur(35px);animation:ambientPulse 12s ease-in-out infinite}.noise{position:absolute;inset:0;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 24%,rgba(0,0,0,.18) 61%,rgba(0,0,0,.88) 100%)}.egypt-decoration{position:absolute;inset:0;pointer-events:none}.egypt-svg{position:absolute;inset:0;width:100%;height:100%}.egypt-base{opacity:.58}.egypt-base path{fill:none;stroke:var(--egypt-green);stroke-linecap:round;stroke-linejoin:round}.egypt-base .main{stroke-width:2.2}.egypt-base .fine{stroke-width:1.25;opacity:.5}.egypt-base .ghost{stroke-width:.9;opacity:.22}.egypt-gold{opacity:0;-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.1) 15%,#000 45%,#000 55%,rgba(0,0,0,.1) 85%,transparent);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.1) 15%,#000 45%,#000 55%,rgba(0,0,0,.1) 85%,transparent);-webkit-mask-size:27% 100%;mask-size:27% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:viewportSweep var(--sweep-duration) var(--sweep-delay) linear infinite}.egypt-gold path{fill:none;stroke:var(--gold);stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px rgba(255,220,130,.20)) drop-shadow(0 0 11px rgba(220,158,43,.14))}.egypt-gold .main{stroke-width:2.2}.egypt-gold .fine{stroke-width:1.25}.egypt-gold .ghost{stroke-width:.9;opacity:.55}.hero{position:relative;z-index:3;width:100%;max-width:1150px;padding:80px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.soon{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:33px;color:var(--text-soft);font-size:9px;font-weight:600;letter-spacing:.44em;text-transform:uppercase;opacity:0;animation:reveal .55s .05s ease forwards}.soon:before,.soon:after{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,rgba(197,137,56,.7))}.soon:after{transform:scaleX(-1)}.diamond{width:4px;height:4px;background:#bd7c2e;transform:rotate(45deg);box-shadow:0 0 10px rgba(210,142,50,.34)}.brand-container{position:relative;display:inline-flex;align-items:center;justify-content:center;isolation:isolate}.brand-container:before{content:attr(data-text);position:absolute;left:50%;top:54%;transform:translate(-50%,-50%) translateY(11px);white-space:nowrap;font-family:"Sora",sans-serif;font-size:clamp(3.8rem,10vw,8.8rem);font-weight:800;line-height:.95;letter-spacing:-.07em;color:#000;filter:blur(12px);opacity:.98;z-index:-3}.brand{position:relative;display:inline-block;white-space:nowrap;font-family:"Sora",sans-serif;font-size:clamp(3.8rem,10vw,8.8rem);font-weight:800;line-height:.95;letter-spacing:-.07em;color:transparent;background:linear-gradient(180deg,#121416 0%,#0e1011 17%,#090b0c 34%,#121416 49%,#0b0d0e 63%,#070809 79%,#060708 90%,#0d0f10 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 1px 0 rgba(255,255,255,.01)) drop-shadow(0 8px 5px rgba(0,0,0,.9)) drop-shadow(0 20px 30px rgba(0,0,0,.86));opacity:0;animation:brandEnter .75s cubic-bezier(.18,.8,.18,1) forwards}.brand-gold{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-family:"Sora",sans-serif;font-size:clamp(3.8rem,10vw,8.8rem);font-weight:800;line-height:.95;letter-spacing:-.07em;color:transparent;background:linear-gradient(180deg,#c78227,#e7aa36 22%,#ffd260 39%,#fff0ad 50%,#ffd86e 63%,#d9962c 81%,#9e6018);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 4px rgba(255,229,150,.32)) drop-shadow(0 0 13px rgba(255,188,48,.24)) drop-shadow(0 0 32px rgba(211,128,22,.14));-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.08) 13%,rgba(0,0,0,.5) 30%,#000 45%,#000 55%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.08) 87%,transparent);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.08) 13%,rgba(0,0,0,.5) 30%,#000 45%,#000 55%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.08) 87%,transparent);-webkit-mask-size:34% 100%;mask-size:34% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:0;animation:logoGoldSweep var(--sweep-duration) var(--sweep-delay) linear infinite}.ornament{position:relative;width:145px;height:1px;margin:41px auto 0;background:linear-gradient(90deg,transparent,rgba(157,108,47,.4),transparent);opacity:0;animation:reveal .6s .18s ease forwards}.ornament:before{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;transform:translate(-50%,-50%) rotate(45deg);background:#b7772d;box-shadow:0 0 11px rgba(194,125,44,.27),0 0 23px rgba(194,125,44,.1)}.tagline{margin-top:27px;color:var(--text-muted);font-size:11px;font-weight:400;letter-spacing:.12em;opacity:0;animation:reveal .6s .25s ease forwards}.discover{position:absolute;z-index:4;left:50%;bottom:38px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;color:#3d3b37;text-decoration:none;font-size:7px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.discover-line{position:relative;width:1px;height:24px;overflow:hidden;background:#24231f}.discover-line:after{content:"";position:absolute;left:0;top:-50%;width:1px;height:45%;background:var(--gold);animation:scrollHint 2.3s ease-in-out infinite}.about{position:relative;z-index:5;padding:125px 24px 110px;background:linear-gradient(180deg,#050505,#070707 34%,#050505);border-top:1px solid rgba(255,255,255,.035)}.about-inner{width:min(100%,1050px);margin:0 auto}.section-kicker{margin-bottom:19px;color:#a8762e;font-size:9px;font-weight:600;letter-spacing:.32em;text-transform:uppercase}.about h2{max-width:760px;font-family:"Sora",sans-serif;font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.08;letter-spacing:-.045em;color:#cac9c4}.about-lead{max-width:760px;margin-top:28px;color:#74726d;font-size:clamp(14px,1.5vw,17px);font-weight:300;line-height:1.85}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:72px}.feature{min-height:210px;padding:27px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));transition:.35s ease}.feature:hover{transform:translateY(-4px);border-color:rgba(196,140,47,.18)}.feature-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:25px;border:1px solid rgba(182,127,55,.18);border-radius:50%;color:#ad7930;background:rgba(173,121,48,.035);font-size:18px}.voice-icon{font-size:11px;letter-spacing:-3px}.feature h3{margin-bottom:11px;font-family:"Sora",sans-serif;color:#b8b7b2;font-size:15px;font-weight:600}.feature p{color:#62615d;font-size:13px;line-height:1.7}.seo-copy{margin-top:85px;padding-top:55px;border-top:1px solid rgba(255,255,255,.04)}.seo-copy h2{max-width:720px;font-size:clamp(1.45rem,3vw,2.1rem)}.seo-copy p{max-width:820px;margin-top:23px;color:#5f5e5a;font-size:13px;line-height:1.9}.site-footer{position:relative;z-index:5;padding:30px 25px max(30px,env(safe-area-inset-bottom));text-align:center;border-top:1px solid rgba(255,255,255,.035);background:#050505}.developer{color:#373632;font-size:8px;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.developer .divider{display:inline-block;width:3px;height:3px;margin:0 9px;vertical-align:middle;background:#6f532c;transform:rotate(45deg)}.developer a{color:#5b5955;text-decoration:none}.developer a:hover{color:#b67f37;text-shadow:0 0 16px rgba(197,128,43,.18)}
@keyframes brandEnter{0%{opacity:0;transform:translateY(12px) scale(.98);filter:blur(6px)}70%{opacity:1;transform:translateY(-1px) scale(1.003)}100%{opacity:1;transform:translateY(0) scale(1)}}
/* A faixa entra quase imediatamente pela esquerda, percorre a logo e depois faz uma pausa. */
@keyframes logoGoldSweep{0%{opacity:0;-webkit-mask-position:-42% 0;mask-position:-42% 0}3%{opacity:1;-webkit-mask-position:-42% 0;mask-position:-42% 0}68%{opacity:1;-webkit-mask-position:138% 0;mask-position:138% 0}73%,100%{opacity:0;-webkit-mask-position:138% 0;mask-position:138% 0}}
@keyframes viewportSweep{0%{opacity:0;-webkit-mask-position:-40% 0;mask-position:-40% 0}3%{opacity:1;-webkit-mask-position:-40% 0;mask-position:-40% 0}68%{opacity:1;-webkit-mask-position:137% 0;mask-position:137% 0}73%,100%{opacity:0;-webkit-mask-position:137% 0;mask-position:137% 0}}
@keyframes ambientPulse{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.97)}50%{opacity:.58;transform:translate(-50%,-50%) scale(1.04)}}@keyframes reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollHint{0%{top:-50%;opacity:0}30%{opacity:1}75%{opacity:1}100%{top:110%;opacity:0}}
@media(max-width:760px){:root{--sweep-duration:12s;--sweep-delay:.12s}.intro{min-height:100svh}.hero{padding:56px 18px 92px}.soon{margin-bottom:22px;font-size:8px;letter-spacing:.32em;color:#91877d}.brand,.brand-gold,.brand-container:before{font-size:clamp(3.25rem,17vw,4.8rem);letter-spacing:-.065em;white-space:normal;text-align:center;max-width:94vw;line-height:.98}
/* No mobile a marca já nasce em ouro para garantir leitura imediata. */
.brand{background:linear-gradient(180deg,#b97822 0%,#d99a31 18%,#efb743 36%,#ffd165 50%,#e2a53a 66%,#b87520 84%,#d2942f 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 1px 0 rgba(255,235,175,.08)) drop-shadow(0 4px 10px rgba(172,103,18,.22)) drop-shadow(0 10px 18px rgba(0,0,0,.7))}
.brand-container:before{filter:blur(9px)}
/* A animação no mobile não troca a cor: ela apenas clareia o ouro como um reflexo metálico. */
.brand-gold{background:linear-gradient(180deg,#f4c85d 0%,#ffe083 20%,#fff0ad 38%,#fff9df 50%,#ffe89a 62%,#f6c95c 82%,#d9a238 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 5px rgba(255,242,190,.48)) drop-shadow(0 0 16px rgba(255,205,88,.34)) drop-shadow(0 0 28px rgba(215,143,34,.16))}
.ornament{width:110px;margin-top:27px}.tagline{margin-top:20px;font-size:10px;line-height:1.7;letter-spacing:.08em;color:#77716b}.discover{bottom:20px}.egypt-base{opacity:.48}.egypt-svg{transform:scale(1.02)}.about{padding:78px 19px 72px}.features{grid-template-columns:1fr;margin-top:45px}.feature{min-height:auto;padding:22px}.seo-copy{margin-top:58px;padding-top:42px}.about-lead{font-size:14px}.site-footer{padding-top:24px}}
@media(max-width:390px){.brand,.brand-gold,.brand-container:before{font-size:clamp(2.9rem,16vw,4.1rem)}.soon:before,.soon:after{width:18px}.hero{padding-left:12px;padding-right:12px}.tagline{max-width:270px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.brand{opacity:1}.brand-gold{display:none}}

/* =========================================================
   V2.3 — CTA DO APLICATIVO NATIVO / GOOGLE PLAY
   O site deixa de ser promovido como PWA e passa a levar ao app Android.
========================================================= */
.native-app-cta{margin-top:30px;display:inline-grid;grid-template-columns:42px minmax(0,1fr) 26px;align-items:center;gap:13px;min-width:min(430px,92vw);padding:12px 14px;border:1px solid rgba(202,148,49,.16);border-radius:17px;background:linear-gradient(145deg,rgba(190,132,35,.065),rgba(255,255,255,.012));box-shadow:0 12px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,230,165,.025);text-align:left;text-decoration:none;transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.native-app-cta:hover{transform:translateY(-2px);border-color:rgba(225,174,65,.34);background:linear-gradient(145deg,rgba(205,149,44,.105),rgba(255,255,255,.018));box-shadow:0 16px 40px rgba(0,0,0,.34),0 0 24px rgba(198,137,38,.045)}.native-app-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;border:1px solid rgba(214,165,59,.18);background:linear-gradient(145deg,rgba(214,165,59,.11),rgba(214,165,59,.025));color:#d8a53c}.native-app-icon svg{width:22px;height:22px;fill:currentColor;filter:drop-shadow(0 0 8px rgba(214,165,59,.12))}.native-app-copy{display:block;min-width:0}.native-app-copy small{display:block;margin-bottom:2px;color:#8d7040;font-size:7px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.native-app-copy strong{display:block;color:#d0c8b4;font-family:"Sora",sans-serif;font-size:12px;font-weight:700}.native-app-copy em{display:block;margin-top:3px;color:#565550;font-size:9px;font-style:normal;line-height:1.35}.native-app-arrow{color:#ae7a2a;font-size:18px;transition:transform .25s ease}.native-app-cta:hover .native-app-arrow{transform:translateX(3px)}
@media(max-width:760px){.native-app-cta{margin-top:24px;grid-template-columns:38px minmax(0,1fr) 22px;gap:11px;min-width:0;width:min(360px,90vw);padding:10px 12px;border-radius:15px;background:linear-gradient(145deg,rgba(203,145,39,.09),rgba(255,255,255,.015));border-color:rgba(220,164,55,.22)}.native-app-icon{width:38px;height:38px;border-radius:12px}.native-app-icon svg{width:20px;height:20px}.native-app-copy small{font-size:6.5px;letter-spacing:.15em}.native-app-copy strong{font-size:11px;color:#e0c77d}.native-app-copy em{font-size:8px;color:#67635a}.discover{bottom:15px}}
@media(max-width:390px){.native-app-cta{width:min(340px,92vw);margin-top:21px}.native-app-copy em{display:none}}

/* ================================================================
   V2.4 — MOBILE GOLD HARDENING
   Garante logo dourada em celulares mesmo em aparelhos com viewport
   maior, Samsung Internet/Chrome e cenários de CSS antigo em cache.
================================================================ */
@media (max-width:900px), (hover:none) and (pointer:coarse){
  .brand{
    color:#c98a2b !important;
    -webkit-text-fill-color:transparent !important;
    background:linear-gradient(180deg,#a9681b 0%,#c98529 16%,#e1a63a 34%,#f1bf4f 50%,#daa034 66%,#b5701d 84%,#cc8d2b 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    opacity:1;
    filter:drop-shadow(0 1px 0 rgba(255,235,175,.06)) drop-shadow(0 3px 8px rgba(186,112,22,.20)) drop-shadow(0 10px 18px rgba(0,0,0,.70)) !important;
  }
  .brand-gold{
    -webkit-text-fill-color:transparent !important;
    background:linear-gradient(180deg,#efbb4b 0%,#ffd56b 18%,#ffe796 36%,#fff5cf 50%,#ffe9a1 64%,#f4c454 82%,#d89d31 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    filter:drop-shadow(0 0 5px rgba(255,242,190,.48)) drop-shadow(0 0 16px rgba(255,205,88,.34)) drop-shadow(0 0 28px rgba(215,143,34,.16)) !important;
  }
}
html.thoth-mobile .brand{
  color:#c98a2b !important;
  -webkit-text-fill-color:transparent !important;
  background:linear-gradient(180deg,#a9681b 0%,#c98529 16%,#e1a63a 34%,#f1bf4f 50%,#daa034 66%,#b5701d 84%,#cc8d2b 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  opacity:1;
}
html.thoth-mobile .brand-gold{
  -webkit-text-fill-color:transparent !important;
  background:linear-gradient(180deg,#efbb4b 0%,#ffd56b 18%,#ffe796 36%,#fff5cf 50%,#ffe9a1 64%,#f4c454 82%,#d89d31 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
}


/* ==================================================================
   V2.5 — POLISH / MOTION SYSTEM
   Efeitos sutis, sem esconder o conteúdo e com carga reduzida no mobile.
================================================================== */
.intro{--parallax-x:0px;--parallax-y:0px}
.egypt-decoration{transform:translate3d(var(--parallax-x),var(--parallax-y),0);transition:transform .7s cubic-bezier(.2,.7,.2,1)}

/* Grade radial quase imperceptível para dar profundidade sem parecer “tech genérico”. */
.hero-grid-glow{position:absolute;inset:-8%;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:86px 86px;mask-image:radial-gradient(ellipse 50% 46% at 50% 50%,#000 0%,rgba(0,0,0,.62) 33%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 50% 46% at 50% 50%,#000 0%,rgba(0,0,0,.62) 33%,transparent 72%);transform:translate3d(calc(var(--parallax-x) * -.35),calc(var(--parallax-y) * -.35),0)}

/* Halo real da marca: anéis finos, mais “luxo” que glow forte. */
.royal-halo{position:absolute;left:50%;top:50%;width:clamp(280px,48vw,710px);aspect-ratio:2.65/1;transform:translate(-50%,-50%) scale(.94);pointer-events:none;z-index:-2;opacity:.52;animation:royalHaloBreath 8s ease-in-out infinite}
.royal-halo:before,.royal-halo:after,.royal-halo span{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(178,127,43,.09);box-shadow:0 0 45px rgba(198,142,44,.018),inset 0 0 34px rgba(255,220,125,.012)}
.royal-halo:after{inset:17%;border-color:rgba(61,91,80,.11)}
.royal-halo span{inset:33%;border-color:rgba(202,150,52,.075)}
@keyframes royalHaloBreath{0%,100%{opacity:.34;transform:translate(-50%,-50%) scale(.94)}50%{opacity:.62;transform:translate(-50%,-50%) scale(1.015)}}

/* Feixe vertical muito discreto alinhado à logo. */
.brand-container:after{content:"";position:absolute;left:50%;top:50%;width:1px;height:240%;transform:translate(-50%,-50%);background:linear-gradient(180deg,transparent,rgba(211,161,62,.08) 38%,rgba(255,230,159,.12) 50%,rgba(211,161,62,.08) 62%,transparent);filter:blur(.2px);opacity:.32;z-index:-2;animation:axisGlow 7s ease-in-out infinite}
@keyframes axisGlow{0%,100%{opacity:.16;transform:translate(-50%,-50%) scaleY(.82)}50%{opacity:.4;transform:translate(-50%,-50%) scaleY(1.08)}}

/* Poeira dourada em profundidade. */
.gold-dust{position:absolute;inset:0;pointer-events:none;overflow:hidden;mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.7) 45%,transparent 88%);-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.7) 45%,transparent 88%)}
.gold-dust i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#e6b54c;opacity:0;box-shadow:0 0 7px rgba(230,181,76,.28);animation:dustFloat var(--dust-duration) var(--dust-delay) ease-in-out infinite}
@keyframes dustFloat{0%,100%{opacity:0;transform:translate3d(0,14px,0) scale(.65)}20%{opacity:.16}50%{opacity:.36;transform:translate3d(7px,-8px,0) scale(1)}78%{opacity:.11}90%{transform:translate3d(-4px,-24px,0) scale(.75)}}

/* Luz reativa ao ponteiro, limitada à primeira dobra. */
.cursor-glow{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(360px circle at var(--cursor-x,50%) var(--cursor-y,50%),rgba(210,153,53,.045),rgba(73,105,91,.017) 38%,transparent 70%);transition:opacity .5s ease;mix-blend-mode:screen}
.cursor-glow.is-active{opacity:1}

/* A linha abaixo da marca recebe um pequeno pulso óptico. */
.ornament{overflow:visible}
.ornament:after{content:"";position:absolute;top:0;left:-18%;width:36%;height:1px;background:linear-gradient(90deg,transparent,#f1c45b,transparent);opacity:0;animation:ornamentSweep 8s 1.1s ease-in-out infinite}
@keyframes ornamentSweep{0%,12%{left:-18%;opacity:0}18%{opacity:.44}60%{left:82%;opacity:.28}68%,100%{left:82%;opacity:0}}

/* CTA de Google Play com reflexo de vidro/metal. */
.native-app-cta{position:relative;overflow:hidden;isolation:isolate}
.native-app-cta:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(260px circle at var(--card-x,50%) var(--card-y,50%),rgba(233,178,62,.095),transparent 64%);opacity:.65;transition:opacity .3s ease}
.native-app-cta:after{content:"";position:absolute;top:-120%;left:-35%;width:24%;height:340%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,238,184,.08),rgba(255,246,213,.16),rgba(255,238,184,.05),transparent);filter:blur(3px);animation:ctaSheen 9s 1.6s ease-in-out infinite;pointer-events:none}
@keyframes ctaSheen{0%,18%{left:-38%;opacity:0}24%{opacity:1}54%{left:118%;opacity:.75}62%,100%{left:118%;opacity:0}}

/* Entrada editorial das seções — nada aparece “saltando”. */
.effects-ready .reveal-on-scroll{opacity:0;transform:translateY(22px);filter:blur(5px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1),filter .85s ease;transition-delay:calc(var(--reveal-order,0) * 70ms)}
.effects-ready .reveal-on-scroll.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}

/* Cards ganham volume e um spotlight que segue o cursor. */
.feature{position:relative;overflow:hidden;isolation:isolate;box-shadow:0 14px 40px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.012)}
.feature:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(260px circle at var(--card-x,50%) var(--card-y,50%),rgba(211,154,51,.075),rgba(54,88,76,.022) 32%,transparent 68%);opacity:0;transition:opacity .35s ease}
.feature:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(210,153,52,.18),transparent);transform:scaleX(.35);opacity:0;transition:.4s ease}
.feature:hover:before{opacity:1}.feature:hover:after{transform:scaleX(1);opacity:1}
.feature:hover .feature-icon{transform:translateY(-2px) scale(1.04);box-shadow:0 0 22px rgba(181,126,44,.08)}
.feature-icon{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease}

/* Título da segunda seção recebe um brilho quase imperceptível quando entra. */
.about h2.reveal-on-scroll.is-visible{text-shadow:0 10px 45px rgba(185,130,41,.035)}

/* Linha luminosa separando landing e conteúdo. */
.about:before{content:"";position:absolute;left:50%;top:-1px;width:min(720px,70vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(182,128,42,.11),rgba(255,220,129,.22),rgba(182,128,42,.11),transparent);opacity:.72}

/* Mobile: luxo, mas sem sacrificar legibilidade ou GPU. */
@media(max-width:900px),(hover:none) and (pointer:coarse){
  .hero-grid-glow{opacity:.075;background-size:64px 64px}
  .royal-halo{width:min(92vw,480px);opacity:.38;animation-duration:10s}
  .brand-container:after{height:180%;opacity:.2}
  .gold-dust i{box-shadow:0 0 5px rgba(230,181,76,.2)}
  .cursor-glow{display:none}
  .egypt-decoration{transform:none!important;transition:none}
  .feature:before{background:linear-gradient(145deg,rgba(211,154,51,.022),transparent 55%);opacity:1}
  .feature:hover{transform:none}
  .native-app-cta:after{animation-duration:11s}
  .effects-ready .reveal-on-scroll{transform:translateY(15px);filter:blur(2px);transition-duration:.65s}
}
@media(max-width:390px){.royal-halo{width:96vw}.gold-dust i:nth-child(n+6){display:none}}

@media(prefers-reduced-motion:reduce){
  .royal-halo,.brand-container:after,.gold-dust i,.ornament:after,.native-app-cta:after{animation:none!important}
  .cursor-glow,.gold-dust{display:none!important}
  .effects-ready .reveal-on-scroll{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
}
