:root{--color-primary:#1a4a2e;--color-primary-mid:#245d39;--color-accent:#48cae4;--color-accent-dark:#00708e;--color-amber:#c8721a;--color-bg:#f8f5ef;--color-cream:#f8f5ef;--color-warm-gray:#ddd8ce;--color-surface:#ede8df;--color-footer-bg:#1a4a2e;--color-text:black;--color-text-secondary:black;--font-display:"Fraunces",Georgia,serif;--font-body:"DM Sans",Arial,sans-serif;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:7rem;--radius-sm:3px;--radius-md:10px;--radius-pill:9999px;--transition:.16s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}img{max-width:100%;display:block}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600;line-height:1.1}p{line-height:1.65}a{color:var(--color-primary)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{max-width:1120px;padding:0 var(--space-md);margin:0 auto}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;transition:background-color var(--transition),transform var(--transition);border:none;padding:.8rem 1.75rem;font-weight:600;text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--color-primary-mid);color:#fff;transform:translateY(-1px)}.btn-primary:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.btn-hero{background:var(--color-cream);color:var(--color-primary);border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);border:none;padding:.9rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 4px 20px #00000040}.btn-hero:hover{color:var(--color-primary);background:#fff;transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.btn-hero:focus-visible{outline-offset:3px;outline:2px solid #fff}.btn-secondary{border-radius:var(--radius-pill);font-family:var(--font-body);border:2px solid var(--color-primary);color:var(--color-primary);cursor:pointer;transition:var(--transition);background:0 0;padding:.8rem 1.75rem;font-weight:600;text-decoration:none;display:inline-block}.btn-secondary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.site-nav{background:var(--color-bg);border-bottom:1px solid var(--color-warm-gray);z-index:100;position:sticky;top:0}.site-nav .container{justify-content:space-between;align-items:center;padding-top:1.1rem;padding-bottom:1.1rem;display:flex}.site-nav .wordmark{font-family:var(--font-display);color:var(--color-primary);letter-spacing:-.03em;font-size:1.4rem;font-weight:700}.site-nav .nav-links{gap:2rem;display:flex}.site-nav .nav-links a{color:var(--color-text-secondary);transition:color var(--transition);text-decoration:none}.site-nav .nav-links a:hover{color:var(--color-primary)}.site-nav .nav-links a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:767px){.site-nav .nav-links{display:none}}.hero-section{background:var(--color-primary);padding:var(--space-2xl)0;position:relative;overflow:hidden}.hero-section:after{content:"";pointer-events:none;background:radial-gradient(at 60% 40%,#2d6b448c 0%,#0000 70%);width:55%;height:120%;position:absolute;top:-10%;right:-5%}.hero-grid{gap:var(--space-xl);z-index:1;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero-overline{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:var(--space-sm);opacity:0;font-size:.72rem;font-weight:700;animation:.8s .1s forwards heroReveal}.hero-copy h1{color:#fff;margin-bottom:var(--space-md);opacity:0;font-size:clamp(3rem,5vw,5.25rem);font-weight:700;line-height:1;animation:.8s .25s forwards heroReveal}.hero-sub{color:#fff;max-width:40ch;margin-bottom:var(--space-lg);opacity:0;font-size:1.05rem;animation:.8s .4s forwards heroReveal}.hero-copy .btn-hero{opacity:0;animation:.8s .55s forwards heroReveal}@keyframes heroReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-visual{opacity:0;flex-direction:column;align-items:flex-start;animation:1s .5s forwards heroReveal;display:flex}.mockup-card{background:var(--color-bg);z-index:2;border-radius:20px;width:320px;max-width:100%;padding:1.75rem;animation:none;position:relative;box-shadow:0 30px 60px #00000059,0 0 0 1px #ffffff0f}.mockup-top{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.mockup-time{color:var(--color-text-secondary);font-size:.72rem;font-weight:500}.mockup-badge{background:var(--color-primary);color:#fff;letter-spacing:.06em;border-radius:var(--radius-pill);padding:4px .65rem .22rem;font-size:.65rem;font-weight:700}.mockup-title{font-family:var(--font-display);color:var(--color-text);margin-bottom:1.1rem;font-size:1rem;font-weight:600}.mockup-list{flex-direction:column;gap:.7rem;margin-bottom:1.1rem;list-style:none;display:flex}.mockup-item{color:var(--color-text);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.mockup-item.is-done{color:var(--color-text-secondary);-webkit-text-decoration:line-through #5c5c5059;text-decoration:line-through #5c5c5059}.mockup-check,.mockup-circle{border:2px solid var(--color-primary);border-radius:50%;flex-shrink:0;width:20px;height:20px}.mockup-check{background:var(--color-primary);position:relative}.mockup-check:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:8px;height:4px;position:absolute;top:4px;left:4px;transform:rotate(-45deg)}.mockup-footer{color:var(--color-text-secondary);border-top:1px solid var(--color-warm-gray);align-items:center;gap:.5rem;padding-top:.85rem;font-size:.72rem;display:flex}.mockup-avatars{display:flex}.mockup-avatar{border:2px solid var(--color-bg);background:var(--color-primary);opacity:.6;border-radius:50%;width:22px;height:22px;margin-right:-8px}.mockup-avatar:last-child{opacity:1;margin-right:6px}.mockup-notif{color:var(--color-text);background:#fff;border-radius:14px;align-items:center;gap:.65rem;width:270px;max-width:100%;margin-top:-.5rem;margin-left:2rem;padding:.8rem 1rem;font-size:.78rem;animation:none;display:flex;box-shadow:0 12px 40px #00000038}.mockup-notif-icon{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.72rem;font-weight:700;display:flex}@media (max-width:900px){.hero-grid{gap:var(--space-xl);grid-template-columns:1fr}.hero-section{padding:var(--space-xl)0}.hero-visual{align-items:flex-start;gap:var(--space-sm);flex-direction:row}.mockup-card{width:100%;max-width:340px}.mockup-notif{margin-left:0;margin-top:var(--space-sm)}}@media (max-width:600px){.hero-visual{flex-direction:column}}#how-it-works{padding:var(--space-2xl)0}#how-it-works>.container>h2{margin-bottom:var(--space-xl);font-size:clamp(1.8rem,3vw,2.6rem)}.how-it-works-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid;position:relative}.how-it-works-grid:before{content:"";background:var(--color-warm-gray);z-index:0;height:1px;position:absolute;top:27px;left:calc(16% + 28px);right:calc(16% + 28px)}.step{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.step-number{background:var(--color-bg);width:56px;height:56px;margin-bottom:var(--space-md);font-family:var(--font-display);color:var(--color-primary);box-shadow:0 0 0 6px var(--color-bg);border:1.5px solid #000;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:inline-flex;position:relative}.step-number:before{content:"";border:1px dashed var(--color-primary);opacity:.25;border-radius:50%;position:absolute;inset:-7px}.step-body h3{font-family:var(--font-display);color:var(--color-text);margin-bottom:.4rem;font-size:1.15rem}.step-body p{color:var(--color-text-secondary);max-width:22ch;margin:0 auto}@media (max-width:767px){.how-it-works-grid{gap:var(--space-md);grid-template-columns:1fr}.how-it-works-grid:before{display:none}.step{text-align:left;gap:var(--space-md);flex-direction:row;align-items:flex-start}.step-number{flex-shrink:0;margin-bottom:0}.step-body p{max-width:none;margin:0}}#features{padding:var(--space-2xl)0;background:var(--color-surface)}.section-label{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-sm);align-items:center;gap:.6rem;font-size:.7rem;font-weight:700;display:inline-flex}.section-label:after,.section-label:before{content:"";background:var(--color-amber);flex-shrink:0;width:22px;height:2px;display:block}#features h2{margin-bottom:var(--space-xl);max-width:22ch;font-size:clamp(1.8rem,3vw,2.6rem)}.features-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.feature-card{background:var(--color-bg);padding:var(--space-lg);border-left:3px solid var(--color-primary);transition:transform var(--transition),box-shadow var(--transition)}.feature-icon{color:var(--color-primary);width:40px;height:40px;margin-bottom:var(--space-sm)}.feature-icon svg{width:40px;height:40px}.feature-card h3{color:var(--color-text);margin-bottom:.3rem;font-size:1.2rem;font-weight:600}.feature-tagline{color:var(--color-accent-dark);margin-bottom:.6rem;font-style:italic;font-weight:600}.feature-card p:last-child{color:var(--color-text-secondary);line-height:1.6}@media (max-width:767px){.features-grid{grid-template-columns:1fr}}.signup{padding:var(--space-2xl)0;background:var(--color-primary);position:relative;overflow:hidden}.signup:before{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:500px;height:500px;position:absolute;top:-40%;right:-15%}.signup-container{text-align:center;z-index:1;max-width:560px;margin:0 auto;position:relative}.signup-container h2{font-family:var(--font-display);color:#fff;margin-bottom:var(--space-xs);font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.12}.signup-subtitle{color:#fff;margin-bottom:var(--space-lg);font-size:1rem}.signup-form{gap:var(--space-sm);flex-direction:column;display:flex}.signup-field{gap:.5rem;display:flex}.signup-input{border-radius:var(--radius-pill);font-size:1rem;font-family:var(--font-body);color:#fff;transition:background var(--transition);background:#ffffff1f;border:none;outline:none;flex:1;padding:.85rem 1.2rem}.signup-input::placeholder{color:#ffffff61}.signup-input:focus-visible{outline-offset:2px;background:#ffffff2e;outline:2px solid #ffffff80}.signup-submit{background:var(--color-cream);color:var(--color-primary);border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;white-space:nowrap;min-width:160px;transition:background-color var(--transition),transform var(--transition);border:none;padding:.85rem 1.5rem;font-weight:700}.signup-submit:hover{transform:translateY(-1px)}.signup-submit:focus-visible{outline-offset:2px;outline:2px solid #fff}.signup-submit:disabled{opacity:.6;transform:none}.signup-field-error{color:#ffd278e6;text-align:left}.signup-success{font-family:var(--font-display);color:#fff;font-size:1.2rem;font-weight:600}.signup-error{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}@media (max-width:600px){.signup-field{flex-direction:column}.signup-submit{width:100%}}.site-footer{padding:var(--space-lg)0;background:var(--color-footer-bg);border-top:1px solid #ffffff12}.site-footer .container{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.site-footer-wordmark{font-family:var(--font-display);color:#fff;letter-spacing:-.03em;font-weight:700}.site-footer-tagline{color:#fff}.site-footer-links{gap:var(--space-md);display:flex}.site-footer-links a{color:#ffffffb8;transition:color var(--transition);text-decoration:none}.site-footer-links a:hover{color:#fff}.site-footer-links a:focus-visible{outline-offset:2px;outline:2px solid #fff}.reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal:nth-child(2){transition-delay:.1s}.reveal:nth-child(3){transition-delay:.2s}.reveal:nth-child(4){transition-delay:.3s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.hero-overline,.hero-copy h1,.hero-sub,.hero-copy .btn-hero,.hero-visual{opacity:1;animation:none;transform:none}}