:root{color-scheme:dark;--bg:#0a0c10;--panel:#111620;--line:#283342;--muted:#b1bac9;--white:#f4f5f8;--blue:#76b7ff;--action:#245bdb;--green:#8ed4b0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--white);font:400 16px/1.65 'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible,video:focus-visible,iframe:focus-visible{outline:3px solid var(--blue);outline-offset:5px}video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#131b29;border-radius:0}strong{font-weight:700}.wrap{width:min(1140px,calc(100% - 64px));margin-inline:auto}.section{padding-block:88px}section[id],details[id]{scroll-margin-top:92px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700;color:var(--blue);margin-bottom:16px}h1,h2,.logo{font-family:'Bebas Neue','Arial Narrow',sans-serif;font-weight:400}h1{font-size:clamp(50px,5.5vw,76px);line-height:1.02;letter-spacing:.005em}h1 span{color:var(--blue)}h2{font-size:clamp(36px,4vw,52px);line-height:1.06;max-width:760px}h3{font-size:19px;line-height:1.35;letter-spacing:-.02em}.lead{font-size:18px;line-height:1.7;color:#d7dfeb}.fine,.note{font-size:12px;color:var(--muted);line-height:1.7}.fine{margin-top:14px}.note{margin-top:20px}.note a,.guarantee a{text-decoration:underline;text-underline-offset:3px}.skip-link{position:fixed;top:-100px;left:16px;padding:12px;background:var(--white);color:var(--bg);z-index:100}.skip-link:focus{top:10px}.header{position:sticky;top:0;z-index:20;background:rgba(10,12,16,.97);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-size:23px;white-space:nowrap;letter-spacing:.025em}.logo span{color:var(--blue)}.logo .logo-tag{font-family:'DM Sans',sans-serif;vertical-align:middle;font-size:10px;border:1px solid var(--line);border-radius:3px;padding:3px 4px;margin-left:6px}.nav-links{display:flex;align-items:center;gap:25px;font-size:13px}.nav-extra,.nav-login{padding-block:10px}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:52px;padding:13px 22px;background:var(--action);border:1px solid transparent;color:#fff;border-radius:7px;font-weight:700;font-size:14px;line-height:1.35;transition:background .15s}.button:hover{background:#3371f1;text-decoration:none}.button.small{min-height:42px;padding:11px 16px;font-size:12px}.button.secondary{background:#192435;border-color:#40536e}.button.secondary:hover{background:#253852}.text-link{font-size:14px;font-weight:600;display:inline-flex;gap:10px;align-items:center;min-height:44px}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:50px 48px;align-items:center;padding-block:65px 0}.hero-copy .lead{margin-top:24px;max-width:520px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px}.hero-copy .fine{max-width:390px}.hero-media{min-width:0;background:#111823;border:1px solid #32415a;border-radius:10px;overflow:hidden;box-shadow:0 20px 65px rgba(36,91,219,.1)}.media-top{display:flex;gap:8px;align-items:center;padding:13px 16px;color:#d4ddeb;font-size:11px}.media-top>span:last-child{margin-left:auto;color:var(--muted)}.status-dot{height:6px;width:6px;border-radius:50%;background:var(--green);flex:none}.hero-media figcaption{font-size:12px;color:#c1cddd;padding:16px 18px;line-height:1.7}.hero-foot{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-block:1px solid var(--line);padding-block:24px}.hero-foot p{font-size:13px}.hero-foot strong,.hero-foot span{display:block}.hero-foot span{font-size:12px;color:var(--muted);margin-top:3px}.section-head{display:flex;gap:48px;align-items:flex-end;justify-content:space-between;margin-bottom:32px}.section-head>p{max-width:350px;color:var(--muted);font-size:14px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project{min-width:0}.project video{border:1px solid #344254;border-radius:8px}.project figcaption{padding:20px 0 0}.project-type{color:var(--blue);font-size:11px;letter-spacing:.055em;display:block;margin-bottom:8px}.project p{font-size:14px;color:var(--muted);margin-top:8px}.examples{padding-bottom:65px}.steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:36px 0 50px}.steps li{border-top:1px solid #42536d;padding-top:18px}.step-number{font-size:12px;color:var(--blue);display:block;margin-bottom:15px}.steps p{color:var(--muted);font-size:14px;margin-top:12px}.demo-box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:32px}.demo-copy{max-width:760px}.demo-copy>p:not(.eyebrow){margin-top:16px;color:var(--muted)}.demo-copy h2{font-size:36px}.demo-frame{margin-top:28px;background:#0b101c;border-radius:8px;overflow:hidden;aspect-ratio:16/9}.demo-frame iframe{border:0;width:100%;height:100%;display:block}.delivery{background:#111722;border-block:1px solid var(--line)}.delivery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.delivery-grid article{border-top:1px solid #465875;padding-top:25px}.format{color:var(--blue);font-size:12px;letter-spacing:.12em;display:block;margin-bottom:20px}.delivery-grid p{color:var(--muted);font-size:14px;margin-top:14px}.learning{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.learning .lead{margin-block:22px 14px}.learning>div>p:not(.eyebrow):not(.lead){color:var(--muted);font-size:14px}.creator{display:flex;gap:15px;align-items:center;margin-top:35px}.creator-mark{display:grid;place-items:center;width:46px;height:46px;background:#1c304d;color:var(--blue);border:1px solid #35577c;border-radius:50%;font-size:13px;flex:none}.creator p{font-size:12px;color:var(--muted)}.creator strong{color:var(--white)}.lesson-list{border-block:1px solid var(--line)}.lesson-list>div{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.lesson-list>div:last-child{border:0}.lesson-list span{color:var(--blue);font-size:12px;padding-top:3px}.lesson-list p{font-size:13px;color:var(--muted)}.lesson-list strong{display:block;font-size:16px;color:var(--white);margin-bottom:3px}.pricing{background:#0d1118;border-block:1px solid var(--line)}.section-intro{max-width:670px;color:var(--muted);margin-top:20px}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:42px;align-items:stretch}.price-card{position:relative;display:flex;flex-direction:column;background:#141b26;border:1px solid var(--line);border-radius:10px;padding:30px 24px}.price-card.featured{border:2px solid #4f8fea;padding:29px 23px;background:#152238}.plan-name{font-size:12px;color:var(--blue);font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin-bottom:12px}.price-card h3{font-size:18px}.price{font-size:44px;font-weight:600;line-height:1.3;margin-top:24px;letter-spacing:-.04em}.price>span{font-size:14px;letter-spacing:0;color:var(--muted);font-weight:400;margin-left:4px}.period{font-size:12px;color:var(--muted)}.price-card ul{padding:0;list-style:none;margin:26px 0 20px;flex:1}.price-card li{position:relative;padding-left:21px;font-size:13px;margin-bottom:12px;line-height:1.55}.price-card li::before{content:'✓';position:absolute;left:0;color:var(--green)}.plan-note{font-size:12px;color:#c4cfdf;margin-bottom:24px;min-height:65px}.price-card .button{width:100%}.price-card .fine{font-size:11px;min-height:38px}.plan-badge{position:absolute;top:-14px;left:24px;padding:4px 12px;background:#76b7ff;color:#0c1829;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.guarantee{margin-top:30px;padding:18px 22px;background:#131d2b;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:13px}.guarantee strong{color:#e3eaf5}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.faq>div>p:not(.eyebrow){color:var(--muted);font-size:14px;margin-top:24px}.faq .text-link{margin-top:15px;color:var(--blue)}details{border-bottom:1px solid var(--line);padding:18px 0}details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;font-weight:600;font-size:14px;line-height:1.5;padding-right:15px}summary::marker{color:var(--blue)}details p{font-size:13px;color:var(--muted);margin-top:16px;line-height:1.8}.final-cta{text-align:center;background:linear-gradient(135deg,#132641,#101723);border-block:1px solid var(--line);padding-block:70px}.final-cta h2{margin-inline:auto;font-size:clamp(42px,5vw,62px)}.final-cta .button{margin-top:28px}.footer{display:flex;gap:28px;align-items:center;justify-content:space-between;padding-block:32px}.footer p{font-size:11px;color:var(--muted);margin-top:5px}.footer nav{display:flex;gap:22px;font-size:11px;color:var(--muted);flex-wrap:wrap}.footer a{padding-block:8px}
@media(max-width:1000px){.hero{gap:40px 30px;grid-template-columns:1fr 1fr}h1{font-size:57px}.nav-links{gap:18px}.learning{gap:40px}.price-card{padding-inline:18px}.price-card.featured{padding-inline:17px}.faq{gap:35px}.hero-copy .lead{font-size:16px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{min-height:66px;gap:10px}.logo{font-size:20px}.logo .logo-tag{display:none}.nav-links{gap:15px}.nav-extra{display:none}.nav-login{font-size:12px}.button.small{font-size:11px;padding:11px 12px}.hero{grid-template-columns:1fr;padding-top:32px;gap:26px}.hero h1{font-size:clamp(47px,9.6vw,65px)}.hero .eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:14px}.hero-copy .lead{font-size:16px;margin-top:18px}.actions{margin-top:22px;gap:8px 18px}.hero-copy .fine{font-size:11px;max-width:100%}.hero-media{width:100%;max-width:620px}.hero-media figcaption{padding:13px 15px;font-size:11px}.media-top{font-size:10px;padding:11px 13px}.hero-foot{grid-template-columns:1fr;gap:14px;padding-block:20px}.hero-foot p{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px}.hero-foot span{margin:0;font-size:11px}.section{padding-block:55px}.section-head{display:block;margin-bottom:25px}.section-head>p{margin-top:18px;max-width:none}.project-grid{grid-template-columns:1fr;gap:30px}.steps{grid-template-columns:1fr;gap:24px;margin-block:28px 35px}.steps li{padding-top:14px}.step-number{margin-bottom:8px}.steps p{margin-top:8px}.demo-box{padding:22px 16px}.demo-copy h2{font-size:33px}.demo-frame{aspect-ratio:4/3;margin-top:22px}.delivery-grid{grid-template-columns:1fr;gap:28px}.delivery-grid article{padding-top:16px}.format{margin-bottom:10px}.learning{grid-template-columns:1fr;gap:32px}.price-grid{grid-template-columns:1fr;gap:32px;max-width:480px;margin-inline:auto}.price-card,.price-card.featured{padding:26px}.plan-note{min-height:0}.price-card .fine{min-height:0}.price-card ul{margin-block:23px 14px}.price{margin-top:18px}.faq{grid-template-columns:1fr;gap:26px}.footer{display:block}.footer nav{margin-top:18px;gap:16px}.final-cta{padding-block:55px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.nav-links{gap:10px}.nav-login{display:none}.hero h1{font-size:45px}.actions{gap:12px}.actions .button{padding-inline:18px}.actions .text-link{font-size:12px}.media-top>span:last-child{font-size:9px}.price-card,.price-card.featured{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Preview de conversão — outubro 2026 */
.hero{background:radial-gradient(ellipse at 20% 12%,rgba(36,91,219,.13),transparent 65%)}.hero-media{box-shadow:0 25px 90px rgba(36,91,219,.2)}.demo-box{border-color:#47648e;box-shadow:0 24px 80px rgba(36,91,219,.12)}.demo-next{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:24px;margin-top:24px;border:1px solid #344b69;border-radius:10px;background:linear-gradient(120deg,#152942,#111620)}.demo-next p{max-width:520px;color:var(--muted);font-size:14px;margin-top:8px}.demo-next .button{flex-shrink:0}@media(max-width:760px){.demo-next{flex-direction:column;align-items:stretch;padding:20px}}

/* Stand AREA: room for touch navigation inside the embedded demo. */
.demo-frame{aspect-ratio:16/10;min-height:440px;background:#e9eef3}@media(max-width:760px){.demo-frame{aspect-ratio:auto;height:540px}.demo-frame iframe{height:540px;min-height:540px}}