@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@700;800;900&family=Figtree:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap";
:root{--green:#22c55e;--green-dark:#15803d;--green-dim:#dcfce7;--ink:#0f172a;--ink-2:#1e293b;--muted:#64748b;--muted-2:#94a3b8;--border:#e2e8f0;--surface:#fff;--bg:#f8fafc;--bg-2:#f1f5f9;--radius:16px;--radius-lg:24px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 30px #00000012;--shadow-lg:0 20px 60px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Figtree,sans-serif}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-family:Figtree,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .22s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--green);color:#fff;box-shadow:0 4px 20px #22c55e59}.btn-primary:hover:not(:disabled){background:var(--green-dark);transform:translateY(-2px);box-shadow:0 8px 28px #22c55e73}.btn-ghost{color:var(--ink);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--green);color:var(--green-dark);background:var(--green-dim)}.btn-outline{color:var(--ink);border:1.5px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--green);color:var(--green-dark)}.btn-lg{border-radius:14px;padding:16px 36px;font-size:1.05rem}.pm-nav{z-index:900;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#f8fafcd1;justify-content:space-between;align-items:center;height:68px;padding:0 6%;display:flex;position:fixed;inset:0 0 auto}.pm-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-mark{background:var(--ink);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.logo-mark--sm{border-radius:8px;width:28px;height:28px}.logo-text{color:var(--ink);letter-spacing:-.5px;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:800}.logo-text em{color:var(--green);font-style:normal}.logo-text--sm{font-size:1rem}.nav-links{gap:32px;display:flex}.nav-link{color:var(--muted);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--ink)}.pm-hero{padding-top:100px;position:relative;overflow:hidden}.hero-blob{filter:blur(80px);pointer-events:none;will-change:transform;background:radial-gradient(circle,#22c55e2e 0%,#0000 70%);border-radius:50%;width:600px;height:600px;transition:transform 1.2s cubic-bezier(.4,0,.2,1);position:absolute;top:-120px;right:-100px}.hero-blob--2{background:radial-gradient(circle,#15803d1f 0%,#0000 70%);width:400px;height:400px;bottom:40px;left:-80px}.hero-inner{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1280px;margin:0 auto;padding:70px 6% 60px;display:grid;position:relative}.hero-left{flex-direction:column;gap:28px;display:flex}.hero-chip{background:var(--green-dim);color:var(--green-dark);letter-spacing:.5px;border-radius:99px;align-items:center;gap:8px;width:fit-content;padding:6px 14px;font-family:DM Mono,monospace;font-size:.78rem;font-weight:500;animation:.6s both fadeSlideUp;display:inline-flex}.chip-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-h1{letter-spacing:-.5px;color:var(--ink);font-family:Inter,sans-serif;font-size:clamp(2.4rem,4vw,3.6rem);font-weight:800;line-height:1.25;animation:.7s .1s both fadeSlideUp}.hero-accent{color:var(--green);position:relative}.hero-accent:after{content:"";background:var(--green);opacity:.4;border-radius:2px;width:100%;height:3px;position:absolute;bottom:-4px;left:0}.hero-sub{color:var(--muted);max-width:480px;font-size:1.05rem;line-height:1.65;animation:.7s .2s both fadeSlideUp}.hero-actions{flex-wrap:wrap;gap:14px;animation:.7s .3s both fadeSlideUp;display:flex}.hero-social-proof{align-items:center;gap:12px;animation:.7s .4s both fadeSlideUp;display:flex}.avatars{display:flex}.avatar{border:2px solid var(--bg);background:var(--green-dim);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-left:-8px;font-size:.9rem;display:flex}.avatars .avatar:first-child{margin-left:0}.hero-social-proof span{color:var(--muted);font-size:.85rem;font-weight:500}.hero-right{animation:.8s .2s both fadeSlideUp}.demo-card{background:var(--ink-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff0f inset;overflow:hidden}.demo-topbar{background:#ffffff0a;border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding:14px 18px;display:flex}.demo-dots{gap:6px;display:flex}.demo-dots span{background:#ffffff26;border-radius:50%;width:10px;height:10px}.demo-dots span:first-child{background:#ff5f57}.demo-dots span:nth-child(2){background:#febc2e}.demo-dots span:nth-child(3){background:#28c840}.demo-filename{color:#fff6;margin-left:6px;font-family:DM Mono,monospace;font-size:.8rem}.demo-badge{color:var(--green);margin-left:auto;font-family:DM Mono,monospace;font-size:.75rem;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.clado-svg{background:#0f172a;width:100%;padding:20px 10px;display:block}.cl-line{stroke-dasharray:400;stroke-dashoffset:400px;animation:.5s forwards drawLine}.cl-l0{animation-delay:.2s}.cl-l1{animation-delay:.6s}.cl-l2{animation-delay:.9s}.cl-l3{animation-delay:1.2s}.cl-l4{animation-delay:1.5s}.cl-l5{animation-delay:1.8s}.cl-l6{animation-delay:2s}.cl-l7{animation-delay:2.2s}.cl-l8{animation-delay:2.4s}.cl-l9{animation-delay:2.6s}@keyframes drawLine{to{stroke-dashoffset:0}}.cl-dot{opacity:0;animation:.3s forwards popIn}.cl-label{opacity:0;animation:.4s forwards fadeIn}.cl-dot:first-child{animation-delay:2s}.cl-label:nth-child(2){animation-delay:2.1s}@keyframes popIn{to{opacity:1;transform:scale(1)}0%{opacity:0;transform:scale(0)}}@keyframes fadeIn{to{opacity:1}}.demo-footer{background:#ffffff08;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.export-tag{color:#ffffff59;font-family:DM Mono,monospace;font-size:.78rem}.export-btn{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-family:Figtree,sans-serif;font-size:.82rem;font-weight:600;transition:background .2s}.export-btn:hover{background:var(--green-dark)}.stat-bar{z-index:2;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:center;gap:0;display:flex;position:relative}.stat-item{border-right:1px solid var(--border);flex:1;align-items:center;gap:12px;max-width:240px;padding:22px 40px;display:flex}.stat-item:last-child{border-right:none}.stat-icon{font-size:1.5rem}.stat-val{color:var(--ink);font-family:Inter,sans-serif;font-size:1.15rem;font-weight:800}.stat-label{color:var(--muted);font-size:.78rem;font-weight:500}.pm-how{opacity:0;max-width:1280px;margin:0 auto;padding:100px 6%;transition:opacity .7s,transform .7s;transform:translateY(40px)}.pm-how.revealed{opacity:1;transform:none}.section-header{text-align:center;margin-bottom:60px}.section-chip{color:var(--green-dark);background:var(--green-dim);letter-spacing:.5px;border-radius:99px;margin-bottom:16px;padding:5px 14px;font-family:DM Mono,monospace;font-size:.78rem;display:inline-block}.section-header h2{letter-spacing:-.5px;margin-bottom:12px;font-family:Inter,sans-serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;line-height:1.2}.section-header h2 span{color:var(--green)}.section-header p{color:var(--muted);font-size:1rem}.steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);opacity:0;padding:36px 30px;transition:box-shadow .3s,border-color .3s,transform .3s;animation:none;position:relative;overflow:hidden;transform:translateY(30px)}.step-card.revealed{animation:.6s forwards stepReveal}@keyframes stepReveal{to{opacity:1;transform:none}}.step-card:hover{box-shadow:var(--shadow-md);border-color:var(--green);transform:translateY(-4px)}.step-card:before{content:"";background:linear-gradient(90deg, var(--green), transparent);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.step-card:hover:before{opacity:1}.step-num{color:var(--green-dim);margin-bottom:20px;font-family:Inter,sans-serif;font-size:2.8rem;font-weight:800;line-height:1}.step-card h3{color:var(--ink);margin-bottom:12px;font-family:Inter,sans-serif;font-size:1.15rem;font-weight:800}.step-card p{color:var(--muted);font-size:.92rem;line-height:1.6}.feat-strip{flex-wrap:wrap;justify-content:center;gap:12px;padding:0 6% 80px;display:flex}.feat-pill{background:var(--surface);border:1px solid var(--border);color:var(--ink-2);box-shadow:var(--shadow-sm);border-radius:99px;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:border-color .2s,box-shadow .2s;display:inline-flex}.feat-pill:hover{border-color:var(--green);box-shadow:0 4px 16px #22c55e26}.feat-icon{font-size:1rem}.pm-pricing{background:var(--bg-2);opacity:0;padding:80px 6% 100px;transition:opacity .7s,transform .7s;transform:translateY(40px)}.pm-pricing.revealed{opacity:1;transform:none}.pricing-grid{grid-template-columns:repeat(2,380px);justify-content:center;gap:28px;margin-top:48px;display:grid}.p-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:40px;transition:box-shadow .3s,transform .3s;position:relative}.p-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.p-card--pro{color:#fff;background-color:#0000;background-image:linear-gradient(#0f172ae6,#0f172af7),url(/plano-pro-fundo.png);background-position:top;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:none;box-shadow:0 20px 60px #0f172a59,0 0 0 1.5px #22c55e66}.p-card--pro:hover{box-shadow:0 28px 70px #0f172a73,0 0 0 1.5px #22c55e99}.p-badge{background:var(--green);color:#fff;letter-spacing:1px;white-space:nowrap;border-radius:99px;padding:5px 16px;font-family:DM Mono,monospace;font-size:.72rem;font-weight:500;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.p-card__header{align-items:center;gap:14px;margin-bottom:28px;display:flex}.p-plan-icon{background:var(--green-dim);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.8rem;display:flex}.p-card--pro .p-plan-icon{background:#ffffff14}.p-plan-name{font-family:Inter,sans-serif;font-size:1.2rem;font-weight:800}.p-plan-sub{color:var(--muted);margin-top:3px;font-size:.85rem}.p-card--pro .p-plan-sub{color:#94a3b8}.p-price{align-items:flex-start;gap:2px;margin-bottom:28px;font-family:Inter,sans-serif;font-size:3.2rem;font-weight:800;line-height:1;display:flex}.p-price sup{margin-top:10px;font-size:1.1rem}.p-price sub{color:var(--muted);align-self:flex-end;margin-bottom:6px;font-family:Figtree,sans-serif;font-size:.9rem;font-weight:500}.p-card--pro .p-price sub{color:#94a3b8}.p-cta{justify-content:center;width:100%;margin-bottom:28px}.p-features{flex-direction:column;gap:13px;list-style:none;display:flex}.p-features li{align-items:center;gap:12px;font-size:.9rem;font-weight:500;display:flex}.check{color:var(--green);font-size:1rem;font-weight:700}.mute{color:var(--muted)}.pricing-note{text-align:center;color:var(--muted);margin-top:36px;font-size:.85rem}.pm-cta-final{text-align:center;background-image:linear-gradient(#f8fafceb,#f8fafcfa),url(/cta-fundo-biologia.png);background-position:top;background-size:cover;padding:100px 6%;position:relative;overflow:hidden}.cta-glow{pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#22c55e1f 0%,#0000 70%);position:absolute;inset:0}.pm-cta-final h2{letter-spacing:-1px;margin-bottom:14px;font-family:Inter,sans-serif;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800}.pm-cta-final p{color:var(--muted);margin-bottom:36px;font-size:1rem}.pm-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px 6%;display:flex}.pm-footer p{color:var(--muted);font-size:.85rem}.pm-footer a{color:var(--green-dark);text-decoration:none}.pm-footer a:hover{text-decoration:underline}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--muted);font-size:.85rem;text-decoration:none}.footer-links a:hover{color:var(--ink)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (max-width:1024px){.hero-inner{text-align:center;grid-template-columns:1fr}.hero-left{align-items:center}.hero-sub{text-align:center}.hero-right{max-width:520px;margin:0 auto}.steps-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.pricing-grid{grid-template-columns:1fr;max-width:420px;margin:36px auto 0}.stat-bar{flex-wrap:wrap}.stat-item{max-width:50%}}@media (max-width:640px){.pm-nav{padding:0 4%}.nav-links{display:none}.hero-inner{padding:50px 4% 40px}.hero-h1{letter-spacing:-.5px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{justify-content:center}.stat-item{max-width:100%;padding:16px 4%}.pm-how{padding:70px 4%}.pm-pricing{padding:70px 4% 80px}.p-card{padding:30px 24px}.pm-footer{text-align:center;flex-direction:column}}.floating-animal{pointer-events:none;z-index:1;animation:1s both fadeSlideUp;position:absolute}.step-img-container{background:var(--bg-2);border-radius:12px;width:100%;height:180px;margin-bottom:20px;overflow:hidden}.step-img{object-fit:cover;transform-origin:top;width:100%;height:100%;transform:scale(1.08)}.auth-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.auth-modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:28px 32px;animation:.4s .1s both fadeSlideUp;position:relative}.auth-modal-close{color:var(--muted-2);cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:16px;right:16px}.auth-modal-close:hover{color:var(--ink)}.auth-header{text-align:center;margin-bottom:24px}.auth-header h3{color:var(--ink);font-family:Inter,sans-serif;font-size:1.5rem;font-weight:800}.auth-tabs{border-bottom:1px solid var(--border);margin-bottom:24px;display:flex}.auth-tab{text-align:center;color:var(--muted);cursor:pointer;border-bottom:2px solid #0000;flex:1;margin-bottom:-1.5px;padding-bottom:12px;font-size:.95rem;font-weight:600;transition:all .2s}.auth-tab:hover{color:var(--ink)}.auth-tab--active{color:var(--green-dark);border-bottom-color:var(--green)}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-input{border:1.5px solid var(--border);background:var(--bg);border-radius:10px;width:100%;padding:12px 16px;font-family:Figtree,sans-serif;font-size:.95rem;transition:all .2s}.auth-input:focus{border-color:var(--green);background:var(--surface);box-shadow:0 0 0 3px var(--green-dim);outline:none}.auth-error{color:#ef4444;text-align:center;margin-top:-4px;margin-bottom:4px;font-size:.85rem;font-weight:500}.auth-submit{justify-content:center;margin-top:8px}
