.hero{background:radial-gradient(ellipse at 40% 20%,#54b1af9c,transparent 37%),linear-gradient(125deg,#291380,#3c1a7f 75%);overflow:hidden}.hero:after{height:210px;bottom:-95px;left:22%;width:110%;border-radius:50% 50% 0 0;transform:rotate(-12deg);pointer-events:none}.hero-grid{position:relative;grid-template-columns:1fr 1fr;gap:30px;padding:55px 0 85px;min-height:610px}.hero-grid>div:first-child{position:relative;z-index:2}.device-scene{position:relative;width:100%;max-width:530px;height:475px;justify-self:end;z-index:2;color:#47217d;font-family:Inter,Arial,sans-serif;line-height:1.4}.device{position:absolute;background:#b2b2b6;padding:7px;border-radius:12px;box-shadow:0 5px 12px #21183d25}.device-display{background:#c8ddff;border-radius:7px;overflow:hidden;height:100%;position:relative}.device-cap{height:42px;background:#191b50}.device-maslow{width:172px;height:342px;left:0;top:117px;z-index:1}.device-tasks{width:173px;height:351px;left:115px;top:0;z-index:2}.device-dashboard{width:233px;height:440px;left:264px;top:39px;z-index:3}.mini-heading{background:white;border-top:1px solid #a1fcd8;border-bottom:2px solid #a1fcd8;font-size:10px;font-weight:bold;padding:5px 7px}.needs-list{padding:7px}.needs-list>div{background:#fff;border:1px solid #a1fcd8;border-radius:3px;padding:7px;margin-bottom:5px;position:relative}.needs-list small,.needs-list b,.needs-list span{display:block}.needs-list small{font-size:5px}.needs-list b{font-size:6px;margin:2px 0}.needs-list span{font-size:4px;color:#7c6799}.needs-list .need-base{background:#ffe1eb}.needs-list i,.needs-detail i{float:right;font-style:normal}.tiny-progress{height:3px;background:linear-gradient(to right,#9583e6 30%,#dce0ff 30%);margin-top:5px}.needs-detail{padding:1px 7px;font-size:7px}.needs-detail p{font-size:5px;margin:7px 0 0}.needs-detail .tiny-progress{background:linear-gradient(to right,#9583e6 80%,#dce0ff 80%)}.needs-detail>span{display:block;background:#fff;margin-top:5px;padding:5px;font-size:5px}.mini-kanban{padding:8px}.mini-kanban h4{font-size:7px;border-bottom:1px solid #9583e6;margin:8px 0 6px;padding-bottom:4px}.mini-kanban h4:first-child{color:#cc0233}.mini-task,.empty-task{border:1px solid #a1fcd8;background:white;border-radius:3px;padding:8px}.mini-task small{font-size:5px;display:block;color:#9583e6}.mini-task b{display:block;font-size:7px;margin:4px 0}.mini-task p{font-size:5px;color:#837694;margin:5px 0}.mini-task>span{font-size:5px;color:#cc0233}.mini-actions{display:flex;gap:4px;margin-top:12px}.mini-actions i{font-size:4px;font-style:normal;padding:3px;background:#e0d9ff;flex:1;text-align:center;border-radius:2px}.mini-actions i:last-child{background:#54b1af;color:white}.empty-task{min-height:43px;text-align:center;font-size:5px;padding:15px 3px;color:#9583e6}.mini-toolbar{background:#dfd9ff;padding:9px 10px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #a1fcd8;font-size:15px}.mini-toolbar b{font-size:6px;color:white;background:#3c1a7f;padding:5px;border-radius:4px}.mini-calendar{background:white;padding:12px 9px}.calendar-tools{display:flex;justify-content:space-between;align-items:center;font-size:6px}.calendar-tools span{background:#a1fcd8;border:1px solid #9583e6;border-radius:2px;padding:2px 5px}.calendar-tools b{font-size:5px;font-weight:normal}.calendar-days{display:flex;justify-content:space-between;margin-top:12px}.calendar-days span{font-size:5px;text-align:center;border:1px solid #a1fcd8;border-radius:2px;min-width:22px;padding:4px 2px}.calendar-days b{display:block;font-size:8px;margin-top:2px}.calendar-days .selected-day{background:#9583e6;color:white}.mini-dashboard-title{font-size:10px;display:flex;flex-wrap:wrap;justify-content:space-between;padding:7px 8px 5px;border-top:2px solid #a1fcd8}.mini-dashboard-title small{width:100%;text-align:center;font-size:6px;color:#9583e6}.mini-progress-title{font-size:8px;font-weight:bold;text-align:center;background:white;border-block:2px solid #a1fcd8;padding:5px}.mini-dashboard-body{padding:16px 14px 0}.metric-grid{background:white;border:1px solid #a1fcd8;border-radius:4px;display:grid;grid-template-columns:1fr 1fr;padding:12px 10px;gap:9px;text-align:center}.metric-grid>div>span{width:33px;height:33px;border:3px solid #e5ddff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;font-size:9px}.metric-grid b{font-size:6px}.metric-grid small{display:block;font-size:5px;margin-top:3px}.mini-focus-modes{display:flex;align-items:end;margin-top:21px;text-align:center;font-size:5px}.mini-focus-modes span{flex:1;background:#a4b4ef;padding:9px 2px;border-radius:4px 4px 0 0}.mini-focus-modes span:nth-child(2){background:#cc0233;color:white;padding-top:13px}.mini-focus-modes span:nth-child(3){background:#a1fcd8}.mini-bottom-nav{background:white;display:flex;justify-content:space-around;padding:6px 5px;position:absolute;bottom:0;left:0;right:0}.mini-bottom-nav>span{background:#e0d9ff;text-align:center;width:23px;font-size:10px;border-radius:3px}.mini-bottom-nav>span:nth-child(3){background:#54b1af}.mini-bottom-nav>span:last-child{background:#ffc9db}.mini-bottom-nav small{display:block;font-size:4px}.device-caption{position:absolute;bottom:-25px;right:10px;font-size:9px;color:#261b50}@media(max-width:1000px) and (min-width:601px){.device-scene{transform:scale(.78);transform-origin:right center;margin-left:-100px}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:50px}}@media(max-width:600px){.hero-grid{grid-template-columns:1fr;padding:35px 0 80px;gap:10px;min-height:0}.device-scene{width:530px;max-width:none;height:475px;justify-self:center;transform:scale(.63);transform-origin:center top;margin-bottom:-150px}.hero:after{left:-20%;width:150%;height:250px;bottom:-70px;transform:rotate(-8deg)}.hero h1{font-size:48px}.device-caption{font-size:12px}}@media(max-width:360px){.device-scene{transform:scale(.55);margin-bottom:-185px}}
/* Curva vetorial completa: sem elipse deslocada ou recorte nas laterais. */ .hero::after{content:none;display:none}.hero-wave{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;z-index:0}.hero-grid{z-index:1}@media(max-width:600px){.hero-wave{top:auto;bottom:0;height:52%;}}
/* Mais altura colorida para acomodar o texto acima da curva. */ .hero-grid{min-height:710px;padding-top:65px;padding-bottom:125px}.hero-grid>div:first-child{align-self:start;padding-top:20px}.hero h1{max-width:520px}@media(max-width:600px){.hero-grid{min-height:0;padding:35px 0 85px}.hero-grid>div:first-child{padding-top:0}.hero-wave{height:42%;}}
/* Transição branca contínua entre banner e seção de recursos. */ body:has(.hero){background:#fff}.hero{border-bottom:0;box-shadow:none}.hero-wave{bottom:-1px;top:0;height:calc(100% + 1px)}.intro{background:#fff;border-top:0;box-shadow:none}@media(max-width:600px){.hero-wave{top:auto;bottom:-1px;height:calc(42% + 1px)}}
.hero-priority{display:block;color:#a1fcd8;font-size:1.12em;font-weight:900;line-height:1.08}.hero-title-rest{display:block;color:#fff;font-size:.69em;font-weight:400;letter-spacing:-1.5px;line-height:1.25;margin-top:12px}.hero-title{margin-bottom:26px}
/* Destaque pela cor, com tipografia uniforme no título. */ .hero-priority,.hero-title-rest{font-family:inherit;font-size:.69em;font-weight:400;letter-spacing:-1.5px;line-height:1.25}.hero-priority{color:#a1fcd8}.hero-title-rest{color:#fff;margin-top:0}
.hero-title{font-size:clamp(30px,3.5vw,46px);line-height:1.25;letter-spacing:-1.5px}.hero-title .hero-priority,.hero-title .hero-title-rest{display:inline;font-size:inherit;font-weight:400;line-height:inherit;letter-spacing:inherit;margin:0}@media(max-width:1000px){.hero .hero-title{font-size:clamp(30px,3.5vw,46px)}}
/* Destaque discreto para a palavra principal, nos dois idiomas. */ .hero-title .hero-priority{font-size:1.12em}
/* Textos secundários do banner; título preservado. */ .hero .eyebrow{font-size:14px;letter-spacing:1.8px}.hero-grid>div:first-child>p{font-size:18px;line-height:1.7}.hero .actions .button{font-size:16px}.hero .actions .text-link{font-size:15px}.hero-meta{font-size:14px;line-height:1.6;flex-wrap:wrap;gap:12px 20px}.device-caption{font-size:12px}@media(max-width:600px){.hero-grid>div:first-child>p{font-size:16px}.hero .eyebrow{font-size:13px}.hero .actions .button{font-size:15px}.hero .actions .text-link{font-size:14px}.hero-meta{font-size:14px}}
/* Capturas reais: proporção original, sem corte das telas. */ .screenshot-device{padding:0;border-radius:12px;overflow:hidden;background:transparent;height:auto;box-shadow:0 8px 22px #21183d35}.screenshot-device img{display:block;width:100%;height:auto}.screenshot-scene .device-maslow{width:175px;top:135px;left:0}.screenshot-scene .device-tasks{width:175px;top:0;left:120px}.screenshot-scene .device-dashboard{width:233px;top:40px;left:264px}
.screenshot-scene .device-maslow{top:90px;width:165px}
/* Mesma escala horizontal para as três telas; altura proporcional ao original. */ .screenshot-scene{height:500px}.screenshot-scene .screenshot-device{width:195px;height:auto}.screenshot-scene .screenshot-device img{width:100%;height:auto;object-fit:contain}.screenshot-scene .device-maslow{left:0;top:60px}.screenshot-scene .device-tasks{left:145px;top:0}.screenshot-scene .device-dashboard{left:290px;top:95px}@media(max-width:600px){.screenshot-scene{height:500px;margin-bottom:-170px}}@media(max-width:360px){.screenshot-scene{margin-bottom:-205px}}