*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100vw}:root{--green: #10b981;--green-dim: rgba(31, 216, 161, .12);--bg: #f5f5f5;--surface: #ffffff;--border: rgba(26, 26, 26, .12);--muted: rgba(26, 26, 26, .55);--text: rgba(26, 26, 26, .92);--text2: rgba(26, 26, 26, .72);--heading: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}body{margin:0;min-height:100dvh;overflow-x:hidden;max-width:100vw;font-family:var(--body);font-weight:400;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--heading);font-weight:600;letter-spacing:-.03em;line-height:1.12}#root{min-height:100dvh}button{font-family:inherit;cursor:pointer}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.language-selector{padding:10px 36px 10px 16px;border:2px solid #10b981;border-radius:999px;background-color:#fff;color:#10b981;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:20px}.language-selector:hover{background-color:#10b981;color:#fff}.language-selector option{background-color:#fff;color:#10b981}input{font-family:inherit}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--delay, 0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;border:1px solid transparent;padding:12px 18px;font-weight:600;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease,border-color .16s ease;will-change:transform}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:#092614;box-shadow:0 14px 40px #1adb8c2e}.btn-primary:hover{box-shadow:0 18px 60px #1adb8c47}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{border-color:#ffffff2e;box-shadow:0 16px 50px #1adb8c24}.nav{position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .2s ease,background .2s ease}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.nav-actions{display:flex;align-items:center;gap:12px}.nav-pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;font-family:var(--body);line-height:1.2;border-radius:999px;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:border-color .2s ease,background .2s ease,color .2s ease}.nav-pill-btn--ghost{background:transparent;color:var(--text);border-color:var(--border)}.nav-pill-btn--ghost:hover{border-color:#ffffff2e;box-shadow:0 8px 24px #1adb8c1f}.nav--top{background:#14141440;border-bottom:1px solid transparent}.nav--scrolled{background:#14141499;border-bottom:1px solid var(--border)}.hero{padding-top:92px;padding-bottom:40px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.hero-h1{font-size:clamp(2.6rem,4.8vw,4.5rem)}.muted{color:var(--muted)}.hero-cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.hero-note{margin-top:14px;font-size:.95rem;color:#ffffff8c;text-transform:lowercase}.iphone-wrap{position:relative;width:360px;max-width:100%;justify-self:end;animation:none;overflow:visible}.iphone-glow{position:absolute;left:50%;bottom:-18px;transform:translate(-50%);width:280px;height:100px;background:radial-gradient(circle at 50% 45%,#1adb8c2e,#1adb8c00 70%);pointer-events:none;filter:blur(10px);opacity:.85}.iphone{width:360px;height:600px;max-width:100%;border-radius:48px;background:#000!important;padding:13px;border:12px solid #000000!important;box-shadow:0 50px 100px -20px #00000073,0 30px 60px -15px #0000004d,0 15px 30px -10px #0003;position:relative;animation:iphoneFloat 4s ease-in-out infinite}.iphone--large{width:420px;height:718px;border-radius:52px}.iphone--large:before{width:140px}.iphone:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:130px;height:28px;border-radius:0 0 16px 16px;background:#000!important;opacity:.98}.iphone-screen{height:100%;border-radius:38px;background:#000!important;overflow:hidden;border:1px solid #000000!important;padding:24px 18px}.iphone-screen img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.iphone-screen-image{width:100%;height:100%;object-fit:contain;object-position:top center;display:block}.iphone-header{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.status-pill{font-size:.78rem;color:#ffffff8c;letter-spacing:.02em}.timer{margin-top:28px;text-align:left;font-family:var(--heading);font-weight:900;letter-spacing:-.03em;color:var(--green);font-size:3rem;line-height:1}.task-name{margin-top:10px;font-weight:700;color:#ffffffe6;text-transform:lowercase;font-size:1.05rem}.progress{margin-top:22px;height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress>div{width:60%;height:100%;background:var(--green);border-radius:999px}.streak-dots{margin-top:18px;display:flex;gap:8px;align-items:center}.streak-dot{width:10px;height:10px;border-radius:999px;background:#ffffff29}.streak-dot.is-on{background:#1adb8ce6}@keyframes iphoneFloat{0%,to{transform:translateY(0);filter:drop-shadow(0 40px 50px rgba(0,0,0,.35))}50%{transform:translateY(-12px);filter:drop-shadow(0 55px 65px rgba(0,0,0,.28))}}.section{padding:70px 0}.section--full{min-height:100dvh;display:grid;align-items:center;padding:92px 0 60px}.full-text{text-align:center;font-size:clamp(5rem,6.8vw,7rem);max-width:18ch;margin:0 auto}.full--dark{background:#0d0d0d}.full--dark2{background:var(--dark)}.full--green{background:var(--green)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.feature-card{border:1px solid var(--border);border-radius:18px;padding:18px 16px;background:#ffffff05;transition:transform .18s ease,box-shadow .18s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:0 20px 70px #00000059}.feature-icon{width:44px;height:44px;border-radius:999px;background:var(--green-dim);display:grid;place-items:center;margin-bottom:12px}.feature-title{font-family:var(--heading);font-weight:900;font-size:1.05rem;margin:0}.feature-desc{margin-top:8px;color:var(--muted);font-size:.98rem;line-height:1.5}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.step-card{border:1px solid var(--border);border-radius:18px;padding:18px 16px;background:#ffffff05;position:relative;overflow:hidden}.step-num{position:absolute;top:-6px;left:14px;font-family:var(--heading);font-weight:900;font-size:3.1rem;color:#ffffff0d;pointer-events:none}.step-title{margin:12px 0 10px;font-family:var(--heading);font-weight:900;font-size:1.2rem;position:relative}.step-desc{margin:0;color:var(--muted);line-height:1.55;font-size:.98rem;position:relative}.showcase2{background:var(--dark2)}.showcase2-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:26px;align-items:center}.showcase2-grid.is-reverse{grid-template-columns:1.05fr .95fr}.faq-wrap{max-width:780px;margin:0 auto}.faq-item{border-bottom:1px solid rgba(255,255,255,.06)}.faq-button{width:100%;text-align:left;padding:18px 0;background:none;border:none;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:14px}.faq-q{font-family:var(--heading);font-weight:900;font-size:1.05rem;letter-spacing:-.02em;text-transform:lowercase}.faq-plus{width:26px;height:26px;display:grid;place-items:center;border-radius:999px;color:#fffc;transition:transform .22s ease,color .22s ease;flex:0 0 auto}.faq-plus svg{transition:transform .22s ease}.faq-plus.is-open{color:var(--green);transform:rotate(45deg)}.faq-answer{overflow:hidden;max-height:0;transition:max-height .28s ease}.faq-answer.is-open{max-height:240px}.faq-a{padding:0 0 16px;color:var(--muted);line-height:1.6;font-size:.98rem}.footer{padding:34px 0 44px;border-top:1px solid rgba(255,255,255,.06)}.footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.logo{font-family:var(--heading);font-weight:900;letter-spacing:-.03em;text-transform:lowercase}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px}.modal-card{width:100%;max-width:520px;border-radius:20px;background:#0b0b0b;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 140px #0009;padding:22px 20px;position:relative}.modal-title{margin:4px 0 8px;font-size:1.9rem;color:var(--text);text-transform:lowercase}.modal-subtitle{margin:0 0 18px;color:var(--muted);line-height:1.55}.modal-close{position:absolute}.modal-x{position:absolute;right:18px;top:18px;border:none;background:none;color:#ffffffbf;font-size:1.6rem;line-height:1}.modal-form input{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text);padding:14px;font-weight:500;outline:none}.modal-form input:focus{border-color:#1adb8c80}.modal-btn{width:100%;margin-top:12px}.success{display:grid;place-items:center;padding:18px 0 6px;text-align:center}.checkmark{width:74px;height:74px}.checkmark path{stroke-dasharray:100;stroke-dashoffset:100;animation:checkdraw .7s ease forwards}@keyframes checkdraw{to{stroke-dashoffset:0}}.success-text{margin-top:14px;font-family:var(--heading);font-weight:900;text-transform:lowercase;letter-spacing:-.03em;color:var(--green)}@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.iphone-wrap{display:none}.features-grid,.steps-grid,.showcase2-grid,.showcase2-grid.is-reverse{grid-template-columns:1fr}}@media(max-width:520px){.full-text{font-size:3.4rem}}.legal-doc-root{min-height:100vh;background:#1c1c1a;color:#ffffffeb;padding:4.5rem 1.5rem 3.5rem;font-family:var(--body)}.legal-doc-inner{max-width:52rem;margin:0 auto}.legal-doc-back{margin:0 0 1.75rem}.legal-doc-back-link{color:#10b981;font-weight:600;font-size:.95rem;text-decoration:none}.legal-doc-back-link:hover{text-decoration:underline}.legal-doc-h1{font-size:clamp(1.65rem,4vw,2.1rem);font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem;color:#fff}.legal-doc-updated{color:#9ca3af;font-size:.95rem;margin:0 0 2rem}.legal-doc-h2{font-size:1.1rem;font-weight:600;margin:2rem 0 .65rem;color:#fff}.legal-doc-root p{margin:0 0 .85rem;line-height:1.65;color:#ffffffe0;font-size:.98rem}.legal-doc-ul{margin:0 0 .85rem;padding-left:1.35rem;line-height:1.65;color:#ffffffe0}.legal-doc-ul li{margin-bottom:.35rem}.legal-doc-inline-link{color:#10b981;font-weight:600;text-decoration:underline}.legal-doc-inline-link:hover{color:#34d399}@media(max-width:980px){.screen3-mockup-scope .iphone-wrap{display:block!important}}.scroll-indicator{position:absolute;left:50%;bottom:max(clamp(30px,5vh,60px),env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:20;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;margin:0;border:none;border-radius:999px;background:transparent;color:#10b981;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:scroll-indicator-bob 2s ease-in-out infinite}.scroll-indicator:hover{color:#0ea271;opacity:.95}.scroll-indicator:focus-visible{outline:2px solid #10b981;outline-offset:3px}.scroll-indicator__chevron{display:block;opacity:.88}@keyframes scroll-indicator-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(4px)}}@media(max-width:767px){.scroll-indicator{bottom:max(15px,env(safe-area-inset-bottom,0px));z-index:12}}
