:root{--navy:#082f49;--navy2:#0c4a6e;--gold:#b8812f;--gold2:#e7c783;--paper:#f7f3eb;--ink:#17212b;--muted:#5d6873;--line:#ded7c9;--white:#fff;--serif:"Merriweather",Georgia,serif;--sans:"Inter",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);font-weight:700;text-decoration:none;font-size:18px}.brand b{color:var(--gold)}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--navy);color:var(--gold2);font-family:var(--serif);font-size:15px;box-shadow:0 8px 25px #082f4926}.top-login{color:var(--navy);font-weight:600;text-decoration:none;border-bottom:1px solid transparent}.top-login:hover{border-color:var(--gold)}.hero{min-height:650px;display:grid;grid-template-columns:1.3fr .8fr;align-items:center;gap:70px;max-width:1180px;margin:auto;padding:74px 28px 100px;position:relative}.hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#d9c18d38;filter:blur(2px);left:-280px;top:50px;z-index:-1}.eyebrow{display:inline-block;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:17px}.hero h1,.section h2{font-family:var(--serif);color:var(--navy);line-height:1.18;letter-spacing:-.025em}.hero h1{font-size:clamp(2.5rem,5vw,4.75rem);margin:0;max-width:790px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 23px;border-radius:12px;font-weight:700;text-decoration:none;transition:.2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--navy);color:#fff;box-shadow:0 12px 30px #082f4930}.primary:hover{background:var(--navy2)}.secondary{border:1px solid var(--line);color:var(--navy);background:#fff9}.trust-line{font-size:13px;color:var(--muted);margin-top:18px}.check-list{list-style:none;padding:0;margin:0;display:grid;gap:15px}.check-list li{display:flex;gap:12px;align-items:center;color:#e8edf1}.check-list span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e7c7831c;color:var(--gold2);font-weight:700}.section{max-width:1180px;margin:auto;padding:100px 28px}.section h2{font-size:clamp(2rem,3.6vw,3.25rem);margin:0 0 20px}.intro>p{max-width:720px;color:var(--muted);font-size:18px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}.feature{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 12px 35px #17304a0a}.feature-number{color:var(--gold);font-family:var(--serif);font-size:14px}.feature h3{color:var(--navy);font-family:var(--serif);font-size:22px;margin:15px 0 10px}.feature p{color:var(--muted);margin:0 0 20px}.feature small{display:block;border-top:1px solid var(--line);padding-top:16px;font-weight:600;color:var(--navy)}.journey{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.journey-steps{display:grid;gap:10px}.journey-steps p{background:#fff8;border-left:3px solid var(--gold);margin:0;padding:18px 22px;color:var(--muted)}.journey-steps b{color:var(--navy)}.formation{max-width:none;background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-left:max(28px,calc((100vw - 1124px)/2));padding-right:max(28px,calc((100vw - 1124px)/2))}.formation h2{color:#fff}.formation-copy p{color:#cbd6dc;font-size:18px}.eyebrow.light{color:var(--gold2)}.module-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.module-list li{display:flex;gap:17px;align-items:center;padding:18px;border:1px solid #ffffff24;border-radius:15px;background:#ffffff08}.module-list>li>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:var(--gold);font-family:var(--serif);font-weight:700}.module-list b,.module-list small{display:block}.module-list small{color:#bdcbd3;margin-top:3px}.final-cta{text-align:center;max-width:820px}.final-cta p{color:var(--muted);font-size:18px}.final-cta .button{margin:15px 0}.final-cta small{display:block;color:var(--muted)}footer{border-top:1px solid var(--line);max-width:1180px;margin:auto;padding:30px 28px;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}footer a{color:var(--navy)}@media(max-width:850px){.hero,.journey,.formation{grid-template-columns:1fr}.hero{gap:42px;padding-top:45px}.feature-grid{grid-template-columns:1fr}.journey,.formation{gap:40px}.section{padding-top:72px;padding-bottom:72px}}@media(max-width:520px){.topbar{height:68px;padding:0 18px}.brand{font-size:15px}.brand-mark{width:36px;height:36px}.top-login{font-size:13px}.hero,.section{padding-left:18px;padding-right:18px}.hero h1{font-size:2.45rem}.hero-lead{font-size:17px}.button{width:100%}footer{padding:25px 18px;gap:15px;flex-direction:column}}
/* Hero com vídeo */
.hero{min-height:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:70px 28px 96px}
.hero h1{margin:0 auto;max-width:900px}
.video-shell{width:100%;max-width:880px;aspect-ratio:var(--video-ratio,16/9);margin-top:44px;border-radius:16px;overflow:hidden;background:var(--navy);box-shadow:0 30px 70px #082f4930}
.video-shell iframe{width:100%;height:100%;border:0;display:block}
.hero-actions{margin-top:36px;justify-content:center}
.trust-line{margin-top:20px}
/* Carrossel */
.modes>p,.testimonials>p,.pwa>p{max-width:720px;color:var(--muted);font-size:18px}
.carousel{position:relative;margin-top:48px}
.car-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 20px;scrollbar-width:thin}
.car-track:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:16px}
.mode-card{flex:0 0 280px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 12px 35px #17304a0a}
.mode-card .frame{height:400px;display:flex;align-items:center;justify-content:center;background:#0b1c2a;border-radius:10px;overflow:hidden}
.mode-card video{display:block;max-width:100%;max-height:100%}
.mode-card h3{color:var(--navy);font-family:var(--serif);font-size:18px;margin:14px 4px 6px}
.mode-card p{color:var(--muted);font-size:14px;margin:0 4px 8px;line-height:1.55}
.car-arrow{position:absolute;top:44%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 10px 25px #17304a26;display:grid;place-items:center;padding:0 0 3px}
.car-arrow:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.car-arrow:disabled{opacity:.35;cursor:default}
.car-arrow:disabled:hover{background:#fff;color:var(--navy);border-color:var(--line)}
.car-arrow.prev{left:-20px}
.car-arrow.next{right:-20px}
/* Benefícios do construtor */
.builder-benefits{background:#fff;border:1px solid var(--line);border-radius:16px;padding:40px 44px;margin-top:56px;box-shadow:0 12px 35px #17304a0a}
.builder-benefits h3{color:var(--navy);font-family:var(--serif);font-size:24px;margin:0 0 22px}
.builder-benefits .check-list{grid-template-columns:1fr 1fr}
.check-list.on-light li{color:var(--ink)}
/* Depoimentos */
.testimonial-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px}
.testimonial{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 12px 35px #17304a0a;display:flex;flex-direction:column;gap:14px}
.stars{color:var(--gold);font-size:15px;letter-spacing:3px}
.testimonial blockquote{margin:0;font-size:16px;line-height:1.65;color:var(--ink)}
.testimonial .who b{display:block;color:var(--navy)}
.testimonial .who small{color:var(--muted)}
/* Quem criou */
.creator{display:grid;grid-template-columns:300px 1fr;gap:64px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.creator-photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px;box-shadow:0 20px 50px #082f4922}
.creator-copy p{color:var(--muted);font-size:18px;max-width:640px}
.roles{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.role{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--navy);background:#b8812f14;border:1px solid #b8812f40;padding:5px 12px;border-radius:999px}
@media(max-width:850px){.car-arrow{display:none}.testimonial-grid{grid-template-columns:1fr}.builder-benefits .check-list{grid-template-columns:1fr}.creator{grid-template-columns:1fr;gap:36px}.creator-photo{max-width:280px;margin:0 auto}}
@media(max-width:520px){.mode-card{flex:0 0 240px}.mode-card .frame{height:340px}.builder-benefits{padding:28px}.video-shell{margin-top:32px}}
footer nav{display:flex;gap:18px;flex-wrap:wrap}
.testimonial.paraphrase blockquote{font-style:italic;color:var(--muted)}
/* Capa do vídeo com play */
.video-facade{position:relative;width:100%;height:100%;border:0;padding:0;margin:0;background:var(--navy);cursor:pointer;display:block}
.video-facade img{width:100%;height:100%;object-fit:cover;display:block}
.video-facade .play{position:absolute;inset:0;margin:auto;width:78px;height:78px;border-radius:50%;background:#082f49d9;color:#fff;display:grid;place-items:center;font-size:26px;padding-left:6px;box-shadow:0 12px 30px #00000040;transition:background .2s,transform .2s}
.video-facade:hover .play,.video-facade:focus-visible .play{background:var(--gold);transform:scale(1.06)}
/* Demonstração animada — como criar */
.creation>p{max-width:720px;color:var(--muted);font-size:18px}
.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.demo-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 12px 35px #17304a0a}
.demo-frame{height:230px;display:flex;align-items:center;justify-content:center;background:#0b1c2a;border-radius:10px;overflow:hidden;padding:18px}
.demo-editor{width:100%;background:#0a2233;border:1px solid #123a57;border-radius:8px;padding:12px;display:grid;gap:6px;font-size:12px;color:#e8edf1}
.d-row,.t-row{display:flex;gap:8px;align-items:center;padding:5px 8px;border-radius:6px;background:#0e2c42;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}
.d-row.on,.t-row.on{opacity:1;transform:none}
.d-row.lvl1{background:#123a57;font-weight:600}
.d-row.lvl2{margin-left:12px}
.d-row.lvl3{margin-left:26px;border-left:2px solid var(--gold2);border-radius:0 6px 6px 0;font-size:11px}
.d-num{color:var(--gold2);font-weight:700;min-width:14px;flex:0 0 auto}
.d-dot{width:5px;height:5px;border-radius:50%;background:var(--gold2);flex:0 0 auto}
.d-text{min-width:0;overflow-wrap:break-word}
.demo-edit{position:relative;padding-top:30px}
.d-para{margin:0;line-height:1.8;font-size:12.5px;overflow-wrap:break-word}
.d-word{padding:1px 3px;border-radius:3px;animation:demoWord 9s infinite}
@keyframes demoWord{0%,14%{background:transparent;color:inherit}18%,40%{background:#2e6ea6;color:#fff}44%,78%{background:#f0d874;color:#17212b}82%,100%{background:transparent;color:inherit}}
.d-toolbar{position:absolute;top:2px;left:50%;display:flex;gap:4px;background:#123a57;border:1px solid #1d4e73;padding:5px 8px;border-radius:8px;animation:demoToolbar 9s infinite}
.d-toolbar .tb{min-width:20px;text-align:center;font-size:11px;font-weight:700;color:#e8edf1;border-radius:4px;padding:1px 3px}
.d-toolbar .tb:last-child{color:var(--gold2)}
@keyframes demoToolbar{0%,16%{opacity:0;transform:translate(-50%,8px) scale(.9)}20%,40%{opacity:1;transform:translate(-50%,0) scale(1)}44%,100%{opacity:0;transform:translate(-50%,8px) scale(.9)}}
.demo-tree .t-row{position:relative;align-items:baseline}
.t-row b{color:var(--gold2);font-size:10px;text-transform:uppercase;letter-spacing:.06em;min-width:64px;flex:0 0 auto}
.t-row span{min-width:0;overflow-wrap:break-word}
.t-row.t2{margin-left:12px}
.t-row.t3{margin-left:26px}
.t-row::before{content:"";position:absolute;left:20px;bottom:100%;width:2px;height:14px;background:#1d4e73;transform-origin:top;transform:scaleY(0);transition:transform .35s ease .1s}
.t-row.on::before{transform:scaleY(1)}
.demo-card h3{color:var(--navy);font-family:var(--serif);font-size:18px;margin:14px 4px 6px}
.demo-card p{color:var(--muted);font-size:14px;margin:0 4px 8px;line-height:1.55}
@media(prefers-reduced-motion:reduce){.d-word,.d-toolbar{animation:none !important}.d-toolbar{opacity:0 !important}.d-row,.t-row{opacity:1 !important;transform:none !important}.t-row::before{transform:scaleY(1) !important}}
@media(max-width:850px){.demo-grid{grid-template-columns:1fr}.hero:before{display:none}}
@media(max-width:520px){.mode-card{flex:0 0 min(240px,78vw)}.mode-card .frame{height:340px}.builder-benefits{padding:28px}.video-shell{margin-top:32px}.demo-frame{height:200px}}
html,body{overflow-x:hidden}
:root{color-scheme:light}
html{background:var(--paper);color:var(--ink)}