/* V8: a Terra gira no próprio eixo; as órbitas e os meses giram independentemente. */
.hero{grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);overflow:hidden;min-height:720px}
.pwa-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.pwa-buttons button{font-size:11px;padding:10px 12px}.hero .pwa-help{font-size:14px;color:#bfeaf4;padding:12px;border:1px solid #4ce2f344;border-radius:12px}.hero{min-height:820px}
.top .brand{display:flex;align-items:center;gap:8px;padding:3px 11px 3px 2px;text-decoration:none}.top .brand img{width:53px;height:53px;max-height:53px;object-fit:contain;filter:drop-shadow(0 0 8px #24eaff88)}.brand-wordmark{display:flex;flex-direction:column;gap:2px}.brand-wordmark strong{font-size:19px;line-height:1.05;color:#f3fcff;letter-spacing:-.03em;white-space:nowrap}.brand-wordmark em{font-style:normal;color:#4ff0bd}.brand-wordmark small{font-size:7px;letter-spacing:.14em;color:#8beaff;white-space:nowrap;font-weight:800}
.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(46px,5.3vw,78px)}
.solar-system{--size:min(48vw,640px);width:var(--size);height:var(--size);position:relative;isolation:isolate;margin:auto;flex:none;filter:drop-shadow(0 0 26px #168fff33)}
.solar-system:before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,#168ef044 0,#5647dd22 40%,transparent 70%);filter:blur(32px);z-index:-1}
.orbit-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.earth{position:absolute;width:38%;aspect-ratio:1;left:31%;top:31%;border-radius:50%;overflow:hidden;background:#0d4692;box-shadow:0 0 0 2px #58d9ff77,0 0 28px 8px #23a7fb8c,0 0 85px 20px #2675ff55,inset -30px -20px 45px #010923}
.earth-texture{position:absolute;inset:0;background-image:url('../img/terra-mapa.svg');background-repeat:repeat-x;background-size:auto 100%;animation:earth-rotation 20s linear infinite;transform:scale(1.015)}
.earth-atmosphere{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 29% 26%,#e5fffc74 0,transparent 28%),radial-gradient(circle at 38% 40%,transparent 45%,#35e9ff70 76%,transparent 84%);mix-blend-mode:screen}
.earth-shade{position:absolute;inset:0;border-radius:50%;background:linear-gradient(90deg,#020e3000 35%,#03153499 75%,#020512ef 100%),radial-gradient(circle at 35% 33%,transparent 38%,#020b2a88 84%);box-shadow:inset -22px -12px 32px #0305179c}
.earth-core{position:absolute;inset:33%;display:grid;place-items:center;border-radius:50%;background:#061d48b9;border:1px solid #9afcff99;box-shadow:0 0 16px #86fbffb7;backdrop-filter:blur(3px)}
.earth-core img{max-width:83%;max-height:83%;object-fit:contain;filter:drop-shadow(0 0 5px #fff)}
.month-planet{position:absolute;left:0;top:0;width:clamp(35px,3.5vw,49px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:1px solid hsl(var(--h) 100% 78%);background:radial-gradient(circle at 30% 25%,#fff9,hsl(var(--h) 87% 59%) 28%,hsl(var(--h) 85% 29%) 73%,#070b27 100%);color:#fff;text-shadow:0 1px 4px #000;font-size:clamp(9px,.9vw,12px);font-weight:900;letter-spacing:.02em;box-shadow:0 0 12px hsl(var(--h) 100% 60% / .85),inset -5px -5px 9px #0007;will-change:transform;pointer-events:none}
.orbit-caption{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);color:#a7fcff;background:#06102ce8;border:1px solid #55d8ff77;border-radius:999px;padding:9px 17px;text-align:center;box-shadow:0 0 25px #4455fa55;font-weight:900;letter-spacing:.1em;white-space:nowrap;font-size:11px}
.orbit-caption small{display:block;color:#acbce9;font-size:9px;letter-spacing:.03em;font-weight:600;margin-top:3px}
@keyframes earth-rotation{from{background-position:0 0}to{background-position:-200% 0}}
.real-cards{max-width:1280px;margin:0 auto;border:1px solid #4edaff6b;border-radius:24px;background:linear-gradient(135deg,#101f52,#251044,#081638);padding:12px;box-shadow:0 30px 85px #0009,0 0 55px #287fff29}
.real-cards a{display:block;overflow:hidden;border-radius:15px}.real-cards img{display:block;width:100%;height:auto}.real-cards figcaption{font-size:13px;color:#bcd0e5;text-align:center;padding:14px 10px 4px;line-height:1.5}
.demo{background:linear-gradient(170deg,#071324,#131338,#051322)}
@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:4px}.solar-system{--size:min(85vw,580px);margin:30px auto 10px}.hero-copy{text-align:center}.hero-copy p{margin-inline:auto}}
@media(max-width:600px){.solar-system{--size:min(96vw,480px);margin:28px auto 12px}.month-planet{width:33px;font-size:8px}.earth{width:36%;left:32%;top:32%}.hero{padding-inline:10px}.hero-copy{padding-inline:14px}.real-cards{padding:7px;border-radius:17px}.real-cards a{max-height:440px;overflow:auto;touch-action:pan-x pan-y}.real-cards img{width:850px;max-width:none}.real-cards figcaption{font-size:12px}}
@media(max-width:400px){.brand-wordmark strong{font-size:16px}.brand-wordmark small{font-size:6px}.top .brand img{width:44px;height:44px}}