:root{--nevoa:#F6F7F3;--branco:#FFFFFF;--salvia:#DCE9E1;--verde:#426B5A;--verde-ink:#355848;--grafite:#27352F;--lavanda:#E8E4F2;--text-2:#4F5E56;--text-3:#66756D;--shadow:0 1px 2px rgba(39,53,47,.05),0 10px 30px rgba(39,53,47,.06);--title:Manrope,Inter,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--nevoa);color:var(--grafite);font:16px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--verde);outline-offset:3px;border-radius:8px}.wrap{width:min(1180px,100% - 48px);margin-inline:auto}.skip{position:absolute;left:-9999px;top:8px;background:var(--grafite);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}.skip:focus{left:16px}h1,h2,h3{font-family:var(--title);letter-spacing:-.025em;line-height:1.12}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:13px 20px;font-weight:600;font-size:15px;transition:background-color .18s,box-shadow .18s,transform .18s}.btn-primary{background:var(--verde);color:#fff}.btn-primary:hover{background:var(--verde-ink)}.btn-ghost{background:var(--branco);box-shadow:var(--shadow);color:var(--grafite)}.btn-ghost:hover{background:#eef1ec}.btn-sm{padding:9px 15px;font-size:14px;border-radius:10px}.top{position:sticky;top:0;z-index:50;background:#f6f7f3db;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.top-in{display:flex;align-items:center;gap:28px;height:72px}.brand img{height:36px;width:auto}.links{display:flex;gap:28px;margin-left:auto;font-size:15px;font-weight:500;color:var(--text-2)}.links a:hover{color:var(--grafite)}.hero{position:relative;padding:72px 0 40px;overflow:hidden}.orbit-deco{position:absolute;width:640px;right:-200px;top:-180px;pointer-events:none}.hero-in{position:relative;text-align:center;max-width:760px}.kicker{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--verde);margin-bottom:16px}.hero h1{font-size:clamp(40px,6.4vw,72px);font-weight:800}.lead{font-size:clamp(17px,1.8vw,19px);color:var(--text-2);margin:20px auto 0;max-width:620px}.lead.left{margin-left:0}.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:32px}.preview{position:relative;margin-top:56px;background:var(--branco);border-radius:24px;box-shadow:0 2px 4px #27352f0a,0 30px 80px #27352f1f;padding:14px;overflow:hidden}.badge-dev{display:inline-block;margin:2px 0 12px 4px;background:var(--lavanda);color:#4d3d85;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px}.scale-box{position:relative;overflow:hidden}.mock{width:1180px;transform-origin:top left;display:grid;grid-template-columns:200px 1fr 300px;gap:24px;background:var(--nevoa);border-radius:16px;padding:22px;font-size:13px;color:var(--grafite)}.mock.compact{width:560px;grid-template-columns:1fr;padding:18px}.mock.compact .m-side,.mock.compact .m-aside{display:none}.m-side{background:var(--branco);border-radius:14px;padding:16px 10px;display:flex;flex-direction:column;gap:3px}.m-logo{height:28px;width:auto;margin:2px 8px 16px}.m-nav{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:var(--text-2);font-weight:500}.m-nav.on{background:var(--salvia);color:var(--grafite);font-weight:600}.ic{width:16px;height:16px;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;flex:0 0 auto}.ic-today{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='12' r='2.5' fill='black'/%3E%3C/svg%3E")}.ic-week{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='3'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E")}.ic-proj{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3.5 7.5a2 2 0 0 1 2-2h4l2 2.5h7a2 2 0 0 1 2 2v7.5a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2z'/%3E%3C/svg%3E")}.ic-bell{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M6 16V11a6 6 0 0 1 12 0v5l1.5 2h-15z'/%3E%3Cpath d='M10 20.5a2 2 0 0 0 4 0'/%3E%3C/svg%3E")}.ic-note{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='5' y='3.5' width='14' height='17' rx='2.5'/%3E%3Cpath d='M9 9h6M9 13h6M9 17h3'/%3E%3C/svg%3E")}.ic-chart{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 20h16M7 16v-5M12 16V6M17 16v-8'/%3E%3C/svg%3E")}.m-hello{color:var(--text-2)}.m-title{font-family:var(--title);font-size:26px;font-weight:800;letter-spacing:-.025em;margin:2px 0 14px}.m-days{display:flex;gap:7px;margin-bottom:16px}.m-days span{background:var(--branco);border-radius:12px;padding:8px 0;min-width:60px;text-align:center;box-shadow:0 1px 2px #27352f0d}.m-days small{display:block;font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--text-3)}.m-days b{font-family:var(--title);font-size:18px}.m-days .on{background:var(--salvia);box-shadow:none}.m-now{background:var(--branco);border-radius:16px;padding:16px;display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:center;margin-bottom:18px}.m-ring{width:130px;height:130px}.m-ring-t{font:700 25px Manrope,sans-serif;fill:#27352f}.m-ring-s{font:500 11px Inter,sans-serif;fill:#66756d}.m-live{font-size:11px;font-weight:700;letter-spacing:.07em;color:var(--verde)}.m-task{font-family:var(--title);font-size:19px;font-weight:700;margin:4px 0 6px}.m-meta{color:var(--text-2);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.m-meta i{width:8px;height:8px;border-radius:50%;display:inline-block}.m-tag{background:var(--salvia);color:var(--verde-ink);font-size:11px;font-weight:600;padding:2px 8px;border-radius:7px}.m-btns{display:flex;gap:8px;margin-top:14px}.m-b{background:#eef1ec;border-radius:10px;padding:7px 14px;font-weight:600}.m-b-p{background:var(--verde);color:#fff}.m-h{font-family:var(--title);font-weight:700;font-size:14px;margin:4px 0 9px}.m-prios{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.m-prios span{background:var(--branco);border-radius:12px;padding:11px 12px;font-weight:500}.m-prios b{color:var(--verde);margin-right:8px;font-family:var(--title)}.m-list{display:flex;flex-direction:column;gap:2px}.m-item{display:grid;grid-template-columns:24px 52px 1fr;align-items:center;gap:8px;padding:9px 8px;border-radius:12px}.m-item:nth-child(2){background:var(--branco)}.m-check{width:18px;height:18px;border-radius:50%;border:1.5px solid #A7B3AC}.m-item.done .m-check{background:var(--verde);border-color:var(--verde)}.m-item.done .m-it{text-decoration:line-through;color:var(--text-3)}.m-time{color:var(--text-2)}.m-it{font-weight:600}.m-it em{font-style:normal;font-size:11px;font-weight:600;margin-left:8px;background:#eef1ec;color:var(--text-2);padding:2px 7px;border-radius:7px}.m-it em.lav{background:var(--lavanda);color:#4d3d85}.m-it em.sal{background:var(--salvia);color:var(--verde-ink)}.m-aside{display:flex;flex-direction:column;gap:14px}.m-card{background:var(--branco);border-radius:14px;padding:16px}.m-ch{font-family:var(--title);font-weight:700;font-size:14px;margin-bottom:10px}.m-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;color:var(--text-3);font-size:11.5px;margin-bottom:10px}.m-stats b{display:block;font-family:var(--title);font-size:18px;color:var(--grafite)}.m-bar{height:7px;border-radius:9px;background:#eef1ec;display:flex;overflow:hidden}.m-bar i{background:var(--verde);display:block}.m-bar i.b2{background:var(--salvia)}.m-ok{margin-top:10px;background:var(--salvia);color:var(--verde-ink);border-radius:9px;padding:8px 10px;font-size:12px}.m-li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;color:var(--text-2)}.m-li em{font-style:normal;color:var(--verde);font-weight:600}.sec{padding:72px 0}.sec-title{font-size:clamp(28px,3.6vw,40px);font-weight:800;text-align:center}.sec-title.left{text-align:left}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}.ben{background:var(--branco);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.ben h3{font-size:20px;font-weight:700;margin:18px 0 8px}.ben p{color:var(--text-2)}.ben-ic,.ex-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:var(--verde)}.ben-ic svg{width:24px;height:24px}.sal{background:var(--salvia)}.lav{background:var(--lavanda);color:#5a4596}.band{background:var(--salvia);border-radius:28px;padding:56px 48px}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px;counter-reset:s;position:relative}.steps:before{content:"";position:absolute;top:20px;left:40px;right:40px;height:1.5px;background:#426b5a40}.steps li{position:relative}.steps .n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--branco);color:var(--verde);font:800 16px var(--title);position:relative}.steps h3{font-size:19px;font-weight:700;margin:16px 0 6px}.steps p{color:var(--text-2)}.life{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.examples{list-style:none;display:flex;flex-direction:column;gap:12px}.examples li{display:flex;align-items:center;gap:14px;background:var(--branco);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow);font-weight:600}.ex-ic{width:42px;height:42px;border-radius:12px}.ex-ic svg{width:21px;height:21px}.final{position:relative;overflow:hidden;background:var(--lavanda);border-radius:28px;padding:52px 48px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.final h2{font-size:clamp(26px,3.2vw,36px);font-weight:800}.final p{color:#4a4560;margin-top:12px;max-width:520px}.final .btn{position:relative}.final-deco{position:absolute;width:320px;right:-110px;top:-170px;pointer-events:none}.final>div{position:relative}.foot{padding:40px 0 48px}.foot-in{display:flex;align-items:center;gap:24px;flex-wrap:wrap;border-top:1px solid rgba(39,53,47,.08);padding-top:28px}.foot-logo{height:30px;width:auto}.foot nav{display:flex;gap:20px;margin-left:auto;font-size:14px;color:var(--text-2)}.foot nav a:hover{color:var(--grafite)}.foot p{font-size:14px;color:var(--text-3);width:100%}@media (max-width:900px){.links{display:none}.top-in{justify-content:space-between}.benefits,.steps{grid-template-columns:1fr}.steps:before{display:none}.life{grid-template-columns:1fr;gap:28px}.band,.final{padding:40px 28px}}@media (max-width:560px){.wrap{width:calc(100% - 32px)}.brand img{height:30px}.btn-sm{padding:8px 12px;font-size:13px}.hero{padding:44px 0 24px}.cta-row .btn{width:100%;justify-content:center}.preview{margin-top:40px;padding:8px;border-radius:18px}.badge-dev{font-size:11px;margin:4px 0 8px 4px}.sec{padding:52px 0}.ben{padding:22px}.final .btn{width:100%;justify-content:center}.orbit-deco{width:420px;right:-220px;top:-140px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
