:root{color-scheme:dark;font:15px Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f1f6ff;background:#09111f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 70% 0,#133652 0%,transparent 35%),#0a1321}a{color:inherit;text-decoration:none}button,a{outline-offset:4px}.siteHeader{max-width:1440px;margin:auto;display:flex;gap:25px;align-items:center;justify-content:space-between;padding:21px clamp(20px,3vw,42px);border-bottom:1px solid #253a50}.brand{display:flex;align-items:center;gap:11px}.brand .logo{display:grid;place-items:center;width:43px;height:43px;border:1px solid #3f9c8f;background:#163c47;color:#a9fee0;border-radius:11px;font-size:27px}.brand b{display:block;font-size:16px;letter-spacing:-.03em}.brand small{display:block;font-size:10px;color:#a1b4c7;margin-top:3px}.siteHeader nav{display:flex;gap:26px;font-size:13px;color:#c5d3e7}.siteHeader nav a:hover{color:#81efd0}.loginButton,.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-radius:9px;background:#34bfa1;color:#071f20;font-weight:800}.loginButton{font-size:12px;padding:12px 17px}.loginButton:hover,.primary:hover{background:#71e0c1}.secondary{display:inline-flex;padding:13px 17px;border:1px solid #47728a;border-radius:9px;color:#e4f2ff;font-weight:700}.secondary:hover{background:#1e3c50}.hero{max-width:1440px;margin:auto;padding:90px clamp(20px,3vw,42px) 110px;display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(34px,5vw,85px);align-items:center}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.18em;color:#64dfbd}.hero h1{font-size:clamp(43px,5.8vw,83px);line-height:1.04;letter-spacing:-.067em;margin:20px 0}.hero h1 em{font-style:normal;background:linear-gradient(110deg,#7cf5ce,#74b8fa);background-clip:text;-webkit-text-fill-color:transparent}.heroCopy>p{font-size:clamp(16px,1.6vw,20px);max-width:550px;line-height:1.65;color:#b5c7dc}.heroActions{display:flex;flex-wrap:wrap;gap:11px;margin:32px 0}.heroNotes{display:flex;gap:16px;flex-wrap:wrap;color:#9bafc5;font-size:11px}.mockStudio{background:#14263a;border:1px solid #3c6079;border-radius:16px;box-shadow:0 40px 100px #0007;overflow:hidden;transform:perspective(1100px) rotateY(-4deg);min-width:0}.mockTop,.mockFoot{padding:14px 18px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:760}.mockTop{border-bottom:1px solid #30506c}.mockFoot{color:#9ebbd2;font-size:11px;border-top:1px solid #30506c}.online{color:#82ebbc}.mockContent{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:12px;padding:16px}.videoFrame{aspect-ratio:16/10;overflow:hidden;position:relative;border:1px solid #67819f;border-radius:10px;background:linear-gradient(145deg,#223e54,#294e63)}.videoGrid{position:absolute;inset:0;background:linear-gradient(45deg,transparent 49.8%,#5f8c9c22 50%,transparent 50.2%),linear-gradient(-45deg,transparent 49.8%,#5f8c9c22 50%,transparent 50.2%);background-size:40px 40px}.sceneDecoration{position:absolute;width:48%;height:62%;left:26%;top:18%;border:1px solid #85b8b977;border-radius:50%;box-shadow:0 0 90px #5ad1b73b}.cameraTag{position:absolute;left:10px;top:10px;border-radius:4px;padding:6px;font-size:9px;background:#092c41bb;color:#a9e4e3}.chalkLine{position:absolute;left:11%;top:29%;font-size:clamp(18px,2.6vw,41px);line-height:1.2;font-weight:800;letter-spacing:-.035em;color:#e9fff0;text-shadow:0 0 12px #c9ffdf55;transform:rotate(-4deg)}.chalkLine i{font-weight:500;color:#c1f9d9;font-style:italic}.liveTag{position:absolute;bottom:10px;left:10px;color:#92f0c7;font-size:9px;letter-spacing:.07em}.mockSide{display:grid;align-content:start;gap:10px}.sideLabel{font-size:9px;color:#88a9c7}.mockSide div{border:1px solid #44617a;padding:12px 7px;text-align:center;font-size:11px;border-radius:5px}.mockSide div.active{background:#286db0;border-color:#398bd1}.mockSide div.sideFormat{font-size:10px;color:#c5dafa}.sideFormat span{padding:0 3px;color:#83cdbe}.sectionBlock{padding:75px clamp(20px,3vw,42px);max-width:1360px;margin:auto}.sectionIntro{text-align:center;max-width:735px;margin:0 auto 40px}.sectionIntro h2,.formatsBlock h2,.privacyNote h2{font-size:clamp(30px,3.6vw,48px);line-height:1.13;letter-spacing:-.045em;margin:13px 0}.sectionIntro p,.formatsBlock p,.privacyNote p{color:#b1c4d9;line-height:1.7;font-size:16px}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.features article,.steps article{background:#132438;border:1px solid #30495f;border-radius:13px;padding:29px 25px}.features article:hover{border-color:#438d94;background:#183148}.featureIcon{color:#7af2cc;font-size:31px}.features h3,.steps h3{font-size:18px;margin:14px 0 8px}.features p,.steps p{font-size:13px;color:#aabfd4;line-height:1.7;margin:0}.formatsBlock{background:linear-gradient(115deg,#19354b,#123439);border-block:1px solid #385c6c;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:76px max(35px,calc((100% - 1280px)/2))}.screenCollection{display:flex;align-items:flex-end;gap:16px;justify-content:center}.screen{border:2px solid #7baaa8;border-radius:9px;background:linear-gradient(140deg,#38637a,#1b3548);display:grid;align-content:end;gap:3px;padding:12px;box-shadow:0 18px 35px #0003}.screen b{font-size:23px}.screen span{font-size:11px;color:#d5e9f4}.screen.h{aspect-ratio:16/9;width:49%}.screen.f{aspect-ratio:4/5;width:24%}.screen.v{aspect-ratio:9/16;width:21%}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps article>span{font-size:27px;font-weight:800;color:#6fe6c5}.privacyNote{max-width:1280px;margin:45px auto 95px;padding:48px;background:linear-gradient(100deg,#24435b,#125043);border:1px solid #538f8a;border-radius:18px;display:flex;align-items:center;gap:30px;justify-content:space-between}.privacyNote>div{max-width:750px}.privacyNote .primary{white-space:nowrap}footer{max-width:1360px;margin:auto;padding:25px 30px 40px;border-top:1px solid #2a3c50;display:flex;justify-content:space-between;gap:17px;color:#91a8be;font-size:11px}footer span:first-child{font-weight:800;color:#d9eef9}@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:65px}.mockStudio{max-width:750px;transform:none}.features{grid-template-columns:repeat(2,minmax(0,1fr))}.formatsBlock{padding:55px 35px}}@media(max-width:700px){.siteHeader{flex-wrap:wrap}.siteHeader nav{order:3;width:100%;justify-content:center}.brand b{font-size:14px}.hero{padding-bottom:65px}.mockContent{grid-template-columns:1fr 86px}.sectionBlock{padding:55px 17px}.features,.steps,.formatsBlock{grid-template-columns:1fr}.formatsBlock{gap:45px}.privacyNote{margin:20px 15px 55px;padding:26px;display:block}.privacyNote .primary{margin-top:15px}.chalkLine{font-size:29px}footer{flex-wrap:wrap}}

/* Identidade OBS Overlay Studio · 2026-10 */

.siteHeader .brand img{display:block;width:clamp(175px,17vw,246px);height:auto}
.heroLogo{display:block;width:min(100%,430px);height:auto;max-height:110px;object-fit:contain;object-position:left center;margin:0 0 16px;filter:drop-shadow(0 7px 24px #198dff40)}
.eyebrow,.featureIcon,.steps article>span{color:#58cbff}
.hero h1 em{background:linear-gradient(115deg,#31daff,#688dff,#ba6aff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.loginButton,.primary{background:linear-gradient(120deg,#15c6e8,#3678f9 60%,#8d42e7);color:#fff;box-shadow:0 7px 23px #1460fc2b}
.loginButton:hover,.primary:hover{background:linear-gradient(120deg,#45daef,#548cfa 60%,#a05df2)}
.brand:hover,.siteHeader nav a:hover{color:#84d7ff}
.brand:focus-visible,.primary:focus-visible,.loginButton:focus-visible{outline:2px solid #66d7ff;outline-offset:4px}
.features article:hover{border-color:#526fe2}
.privacyNote{background:linear-gradient(103deg,#192d50,#283367 56%,#352550);border-color:#6365bf}
.footerBrand img{width:185px;height:auto;display:block}
@media(max-width:700px){.siteHeader .brand img{width:176px}.heroLogo{max-width:320px}}


/* Rodapé vertical transparente · 2026-10 */

footer{align-items:center}
footer .footerBrand{display:flex;align-items:center;justify-content:center;flex:0 0 165px}
footer .footerBrand img{display:block;width:145px;height:auto;max-height:165px;object-fit:contain}
@media(max-width:700px){footer{justify-content:center;text-align:center}footer .footerBrand{flex:0 1 100%;width:100%}footer .footerBrand img{width:140px}}