:root{--bg:#0e0e0f;--panel:#17171a;--line:#2a2a2f;--fg:#f4f1ea;--mut:#b9b5ac;--lead:#d8d4cb;--org:#ff5a1f;--glass:#121214eb;color-scheme:dark;scrollbar-color:#3a3a42 var(--bg)}
::selection{background:var(--org);color:#120600}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font:400 1rem/1.65 'DM Sans',system-ui,sans-serif;overflow-x:hidden}
a{color:inherit}.skip{position:absolute;left:-999px;top:8px;background:var(--org);color:#000;padding:13px 16px;z-index:30}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--org);outline-offset:3px}
.wrap{max-width:1000px;margin:auto;padding:0 20px}.narrow{max-width:720px}
.top{position:fixed;z-index:20;top:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;background:#17171acc;backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:999px;padding:6px 6px 6px 18px;max-width:calc(100% - 24px)}
.logo{font:800 .9rem 'Sora',sans-serif;text-decoration:none;letter-spacing:.02em;margin-right:10px;white-space:nowrap}.logo b{color:var(--org)}
.top nav{display:flex;gap:2px}.top nav a{font-size:.85rem;text-decoration:none;color:var(--mut);padding:8px 12px;border-radius:999px}.top nav a:hover{color:var(--fg);background:#ffffff14}
.lang-toggle{font:700 .78rem 'Sora',sans-serif;background:none;color:var(--fg);border:1px solid var(--line);border-radius:999px;padding:8px 12px;cursor:pointer}
.btn{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;font:700 .95rem 'Sora',sans-serif;text-decoration:none;background:var(--org);color:#120600;padding:14px 24px;border-radius:999px;border:0;cursor:pointer;transition:transform .15s,filter .15s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-s{padding:9px 16px;font-size:.82rem}.btn-ghost{background:#ffffff14;color:var(--fg);border:1px solid #ffffff33}.btn-xl{font-size:1.1rem;padding:18px 32px}

/* cilindro 3D de cartões */
.stage{position:relative;height:100svh;min-height:600px;overflow:hidden;background:var(--bg);perspective:1350px;perspective-origin:50% 50%;cursor:grab;touch-action:pan-y;user-select:none;--cw:356px;--ch:200px}
.stage.grab{cursor:grabbing}
.field{position:absolute;inset:0;transform-style:preserve-3d}
.card{position:absolute;left:50%;top:50%;width:var(--cw);height:var(--ch);transform-style:preserve-3d}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;box-shadow:inset 0 0 0 1px #ffffff14;border-radius:3px}
.cap{position:absolute;left:0;right:0;bottom:0;padding:calc(var(--cw)*.05);font:600 calc(var(--cw)*.05)/1 'Sora',sans-serif;background:linear-gradient(to top,#000b,transparent);opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s;pointer-events:none}
.card:hover .cap{opacity:1;transform:none}
.vig{position:absolute;inset:0;z-index:15;pointer-events:none;background:radial-gradient(ellipse 92% 82% at 50% 50%,transparent 72%,#060607cc 100%)}
.hero-in{position:absolute;inset:0;z-index:16;display:grid;place-content:center;justify-items:center;text-align:center;padding:90px 20px 60px;gap:22px;pointer-events:none;background:radial-gradient(ellipse 44% 38% at 50% 50%,#0e0e0fd9,#0e0e0f8c 55%,transparent 100%)}
.hero-in>*{pointer-events:auto}
h1{font:800 clamp(2.4rem,7vw,5.4rem)/.98 'Sora',sans-serif;letter-spacing:-.03em;max-width:12ch}
.lead{max-width:44ch;color:var(--lead);font-size:clamp(1rem,2vw,1.2rem)}
.btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.hint{text-shadow:0 1px 6px #000;position:absolute;z-index:16;bottom:20px;left:0;right:0;text-align:center;font-size:.85rem;color:var(--lead);pointer-events:none}

.sec{padding:clamp(56px,9vw,100px) 0}
h2{font:800 clamp(1.6rem,4vw,2.6rem)/1.1 'Sora',sans-serif;letter-spacing:-.02em;margin-bottom:clamp(26px,5vw,44px)}
h3{font:700 1.15rem 'Sora',sans-serif}
.stats .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.st{border-top:2px solid var(--org);padding-top:14px}.st b{display:block;font:800 clamp(2rem,5vw,3.2rem) 'Sora',sans-serif}.st span{color:var(--mut)}
.scs,.steps,.spec{display:grid;gap:18px}.scs,.spec{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(3,1fr);list-style:none;padding:0}
.sc,.steps li,.spec ul{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.sc img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.sc-in,.steps li{padding:22px}.spec ul{padding:22px;list-style:none;display:grid;gap:14px}
.sc ul{list-style:none;padding:0;margin-top:12px}.sc li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.sc li:last-child{border:0}.sc time{color:var(--org);font-variant-numeric:tabular-nums}
.steps b{font:800 2.4rem 'Sora',sans-serif;color:var(--org);display:block;margin-bottom:6px}.steps p{color:var(--mut);margin-top:8px}
.spec li{display:flex;gap:12px}.ic{width:22px;height:22px;flex:none;margin-top:2px}.ok .ic{color:#6fd68a}.no .ic{color:#ff6b6b}
.note{margin-top:20px;color:var(--mut)}
.faq{display:grid;gap:10px}.faq details{background:var(--panel);border:1px solid var(--line);border-radius:12px}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;cursor:pointer;font-weight:700;list-style:none}.faq summary::-webkit-details-marker{display:none}
.faq summary .ic{color:var(--org);transition:transform .15s}.faq details[open] summary .ic{transform:rotate(45deg)}.faq details p{padding:0 20px 18px;color:var(--mut)}
.finale{text-align:center;padding:clamp(80px,13vw,140px) 20px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 0,#ff5a1f26,transparent 60%)}
.finale h2{max-width:14ch;margin:0 auto 14px}.finale p{color:var(--mut);max-width:44ch;margin:0 auto 28px}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:24px 20px;max-width:1000px;margin:auto;font-size:.85rem;color:var(--mut)}
@media(max-width:820px){.scs,.steps,.spec,.stats .wrap{grid-template-columns:1fr}.top nav{display:none}.top{padding-left:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.cap{transition:none}}

/* parede como fundo do site inteiro */
.stage{position:fixed;inset:0;height:auto;min-height:0;z-index:0}
.shade{position:absolute;inset:0;z-index:14;background:#0e0e0f;opacity:var(--dim,0);pointer-events:none}
.hero{position:relative;height:100svh;min-height:600px;z-index:2;pointer-events:none}
main,.foot{position:relative;z-index:2}
main{pointer-events:none}main .wrap>*,main .finale>*,.foot{pointer-events:auto}
.sc,.steps li,.spec ul,.faq details{background:var(--glass)}
.st{background:var(--glass);padding:16px 18px;border-radius:0 0 14px 14px}
h2{text-shadow:0 2px 6px #000,0 2px 28px #000}
.note{background:var(--glass);display:inline-block;padding:8px 14px;border-radius:10px}
.finale{background:linear-gradient(transparent,#0e0e0fcc 35%,var(--bg))}
.foot{background:var(--bg);max-width:none;padding-left:max(20px,calc(50% - 480px));padding-right:max(20px,calc(50% - 480px))}
.stage,.hero{user-select:none;-webkit-user-select:none}
@media(max-width:820px){.hero-in{background:radial-gradient(ellipse 100% 46% at 50% 50%,#0e0e0ff0,#0e0e0fd9 62%,transparent 100%)}.hint{bottom:14px}}

/* menu no celular (sem JS: <details>) */
.menu{display:none;position:relative}
.menu summary{list-style:none;cursor:pointer;font:700 .78rem 'Sora',sans-serif;border:1px solid var(--line);border-radius:999px;padding:8px 14px;min-height:34px;display:flex;align-items:center}
.menu summary::-webkit-details-marker{display:none}
.menu[open] summary{background:#ffffff14}
.menu-p{position:absolute;top:calc(100% + 12px);right:-6px;min-width:200px;display:grid;background:var(--glass);border:1px solid var(--line);border-radius:16px;padding:6px;backdrop-filter:blur(14px)}
.menu-p a{padding:13px 14px;border-radius:10px;text-decoration:none;font-size:.95rem}.menu-p a:hover,.menu-p a:focus-visible{background:#ffffff14}
@media(max-width:820px){.menu{display:block}}
/* alvos de toque de 44px onde o ponteiro é o dedo */
@media(pointer:coarse){.lang-toggle,.menu summary,.btn-s,.logo,.top nav a{min-height:44px;display:inline-flex;align-items:center}.lang-toggle{min-width:44px;justify-content:center}.btn-s{padding:0 18px}.faq summary{min-height:56px}}
@media(max-width:480px){.top .btn-s{display:none}.top{padding-right:8px}}
/* base do hero escurecida: a dica "Arraste para explorar" fica legível sobre fotos claras */
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(110px,18vh,170px);z-index:15;pointer-events:none;background:linear-gradient(transparent,#0e0e0fd9 70%,#0e0e0ff2)}
.hint{bottom:18px}

/* vídeo de apresentação (versão de teste) */
.player{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#000;box-shadow:0 18px 40px #0009}
.player video{display:block;width:100%;aspect-ratio:16/9;background:#000}
video::cue{background:#000c;color:#fff;font-size:1.05em}

/* player do YouTube com "clique para carregar": nada do YouTube é baixado antes do play */
.yt{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#000;cursor:pointer}
.yt img{width:100%;height:100%;object-fit:cover;display:block}
.yt-play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--org);box-shadow:0 8px 24px #0009;transition:transform .15s}
.yt-play::after{content:"";position:absolute;left:50%;top:50%;margin:-14px 0 0 -9px;border-style:solid;border-width:14px 0 14px 24px;border-color:transparent transparent transparent #120600}
.yt:hover .yt-play{transform:scale(1.08)}
.player iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.yt-link{margin-top:12px;font-size:.9rem}.yt-link a{color:var(--lead);text-underline-offset:3px}