:root{--bg:#0f172a;--bg2:#0b1220;--panel:#111827;--panel2:#172033;--line:#263247;--text:#e5e7eb;--muted:#94a3b8;--good:#22c55e;--warn:#f59e0b;--bad:#ef4444;--info:#38bdf8;--accent:#60a5fa;--purple:#a78bfa;--taskify-ink:#11130f;--taskify-cream:#f5f2e9;--taskify-lime:#c9ff3d;--taskify-moss:#264a3a}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:linear-gradient(#0b1220,#101827 45%,#0b1220);margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#0a101deb;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.logo{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.title{font-size:18px;font-weight:800}.sub{color:var(--muted);font-size:12px}.topbar .taskify-wordmark{color:#fff}.topbar .taskify-mark{width:36px;height:36px}.app-tagline{border-left:1px solid var(--line);padding-left:12px}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wrap{max-width:1600px;margin:auto;padding:18px}.grid{gap:14px;display:grid}.kpis{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:14px;display:grid}.card{border:1px solid var(--line);background:#111827eb;border-radius:15px;padding:14px;box-shadow:0 8px 30px #0000001f}.card.tight{padding:10px}.kpi{text-align:left;transition:border-color .15s,transform .15s}.kpi:hover{border-color:#3b82f6;transform:translateY(-1px)}.kpi .label{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:12px}.kpi .value{margin-top:4px;font-size:28px;font-weight:800}.kpi .hint{color:var(--muted);margin-top:2px;font-size:12px}.btn{border:1px solid var(--line);color:var(--text);background:#172033;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;display:inline-flex}.btn:hover{border-color:#3b82f6}.btn.primary{color:#fff;background:#2563eb;border-color:#2563eb}.btn.good{color:#fff;background:#166534;border-color:#166534}.btn.bad{color:#fecaca;background:#7f1d1d;border-color:#7f1d1d}.btn.ghost{background:0 0}.btn.small{border-radius:8px;padding:6px 8px;font-size:12px}.field,.select,.text{width:100%;color:var(--text);border:1px solid var(--line);background:#0b1220;border-radius:10px;padding:10px 11px}.text{resize:vertical;min-height:92px}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tab{border:1px solid var(--line);color:var(--muted);background:#0b1220;border-radius:999px;padding:8px 10px}.tab.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.layout{grid-template-columns:1fr 390px;gap:14px;display:grid}.toolbar{grid-template-columns:2fr repeat(6,minmax(120px,1fr)) auto;gap:8px;margin-bottom:12px;display:grid}.table-wrap{border:1px solid var(--line);border-radius:12px;overflow:auto}.task-table{border-collapse:collapse;width:100%;min-width:1450px}.task-table th{color:#cbd5e1;text-align:left;border-bottom:1px solid var(--line);z-index:1;background:#111827;padding:10px;font-size:12px;position:sticky;top:0}.task-table td{vertical-align:top;border-bottom:1px solid #202b3d;padding:10px;font-size:13px}.task-table tr:hover{background:#121d30}.task-title{font-weight:700}.tiny{color:var(--muted);font-size:11px}.muted{color:var(--muted)}.pill{border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;display:inline-block}.p-urgent{color:#fecaca;background:#3f1419;border-color:#7f1d1d}.p-important{color:#fde68a;background:#3a2b07;border-color:#92400e}.p-low{color:#bbf7d0;background:#102c22;border-color:#166534}.s-open{color:#bfdbfe;background:#172554}.s-in-progress{color:#fde68a;background:#3a2b07}.s-waiting{color:#ddd6fe;background:#2e1065}.s-done{color:#bbf7d0;background:#052e16}.s-review{color:#d4d4d8;background:#27272a;border-color:#52525b}.s-archived{color:#cbd5e1;background:#1f2937}.money{color:#86efac}.danger{color:#fca5a5}.warn{color:#fcd34d}.info{color:#93c5fd}.score{font-weight:800}.score.high{color:#fca5a5}.score.mid{color:#fde68a}.score.low{color:#bbf7d0}.section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.section-title h2{margin:0;font-size:16px}.brief{gap:9px;display:grid}.brief-item{border:1px solid var(--line);background:#0b1220;border-radius:10px;padding:10px}.brief-item strong{margin-bottom:4px;display:block}.capture{gap:8px;display:grid}.capture-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.form-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.form-grid .span2{grid-column:span 2}.form-grid .span4{grid-column:span 4}.label{color:#cbd5e1;gap:5px;font-size:12px;display:grid}.modal{z-index:50;background:#000000a3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--line);background:#111827;border-radius:16px;width:min(980px,100%);max-height:90vh;padding:16px;overflow:auto}.footer-row{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.empty{text-align:center;color:var(--muted);padding:40px}.mobile-cards{display:none}.mobile-task{border:1px solid var(--line);background:#0b1220;border-radius:12px;padding:11px}.nav{flex-wrap:wrap;gap:8px;display:flex}.nav a{border:1px solid var(--line);color:var(--muted);background:#0b1220;border-radius:999px;padding:8px 10px}.nav a.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.statusbar{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:12px;display:flex}.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.taskify-brand{align-items:center;gap:10px;width:fit-content;display:inline-flex}.taskify-mark{background:var(--taskify-lime);border-radius:13px;align-content:center;gap:4px;width:42px;height:42px;padding:10px 9px;display:inline-grid;position:relative;transform:rotate(-3deg);box-shadow:inset 0 0 0 1px #11130f1a}.taskify-mark.compact{border-radius:10px;gap:3px;width:34px;height:34px;padding:8px 7px}.taskify-mark span{background:var(--taskify-ink);transform-origin:0;border-radius:9px;height:3px;display:block}.taskify-mark span:first-child{width:65%}.taskify-mark span:nth-child(2){width:92%}.taskify-mark span:nth-child(3){width:76%}.taskify-wordmark{color:inherit;letter-spacing:-.05em;font-size:22px;font-weight:850}.taskify-wordmark.compact{font-size:19px}.landing{background:var(--taskify-cream);min-height:100vh;color:var(--taskify-ink);overflow:hidden}.landing-nav{border-bottom:1px solid #11130f1f;justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 40px);margin:0 auto;padding:22px 0;display:flex}.landing-nav-actions{align-items:center;gap:22px;font-size:14px;font-weight:650;display:flex}.landing-nav .btn{color:var(--taskify-ink);border-color:#11130f33}.landing-nav .ghost{background:0 0}.landing-primary{box-shadow:4px 4px 0 var(--taskify-lime);justify-content:center;background:var(--taskify-ink)!important;border-color:var(--taskify-ink)!important;color:#fff!important}.landing-primary:hover{box-shadow:6px 6px 0 var(--taskify-lime);transform:translate(-1px,-1px)}.landing-primary.large{border-radius:12px;padding:14px 18px;font-weight:750}.landing-hero{grid-template-columns:.92fr 1.08fr;align-items:center;gap:66px;width:min(1180px,100% - 40px);min-height:690px;margin:0 auto;padding:82px 0 88px;display:grid}.hero-copy{z-index:2;position:relative}.eyebrow,.section-kicker{letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.eyebrow{align-items:center;gap:9px;display:flex}.eyebrow span{background:var(--taskify-moss);width:24px;height:2px}.hero-copy h1{letter-spacing:-.07em;max-width:620px;margin:22px 0 20px;font-size:clamp(58px,6.4vw,92px);font-weight:850;line-height:.94}.hero-copy h1 em{color:var(--taskify-moss);letter-spacing:-.06em;font-family:Georgia,serif;font-weight:500;position:relative}.hero-copy h1 em:after{content:"";background:var(--taskify-lime);z-index:-1;border-radius:50%;height:8px;position:absolute;bottom:-7px;left:3%;right:0;transform:rotate(-1deg)}.hero-copy>p{color:#4e5148;max-width:540px;margin:0;font-size:19px;line-height:1.62}.hero-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:34px;display:flex}.text-link{border-bottom:1px solid #11130f59;font-size:14px;font-weight:700}.hero-proof{color:#66695e;flex-wrap:wrap;gap:18px;margin-top:27px;font-size:12px;font-weight:650;display:flex}.product-preview{color:#f4f5ef;min-width:0;box-shadow:0 30px 70px #1f32253d, 18px 18px 0 var(--taskify-lime);background:#151813;border-radius:26px;padding:15px;position:relative;transform:rotate(1.5deg)}.preview-top{justify-content:space-between;align-items:center;height:54px;padding:2px 4px 12px;display:flex}.preview-top .taskify-wordmark{color:#fff}.preview-avatar{color:#261d14;background:#e4af74;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.preview-body{z-index:2;min-height:430px;color:var(--taskify-ink);background:#f7f5ee;border-radius:18px;padding:27px;position:relative}.preview-heading{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.preview-heading div{gap:5px;display:grid}.preview-heading span{color:#777b70;letter-spacing:.09em;font-size:9px;font-weight:800}.preview-heading strong{letter-spacing:-.04em;font-size:25px}.preview-add{background:var(--taskify-ink);border-radius:8px;padding:9px 11px;color:#fff!important;letter-spacing:0!important}.preview-kpis{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0;display:grid}.preview-kpis>div{background:#fff;border:1px solid #e2e0d7;border-radius:12px;gap:2px;min-width:0;min-height:92px;padding:14px;display:grid}.preview-kpis .amber{background:#fff5d8;border-color:#f1dfa9}.preview-kpis span,.preview-kpis small{color:#75786f;font-size:9px}.preview-kpis strong{font-size:27px}.preview-table{background:#fff;border:1px solid #e0ded6;border-radius:12px;overflow:hidden}.preview-row{border-top:1px solid #ebe9e2;grid-template-columns:1.5fr 1fr .55fr;align-items:center;gap:10px;min-height:49px;padding:0 13px;font-size:10px;display:grid}.preview-row.header{color:#8a8c84;text-transform:uppercase;letter-spacing:.08em;background:#faf9f5;border-top:0;min-height:34px;font-size:8px;font-weight:800}.preview-row>span:first-child{align-items:center;gap:8px;font-weight:750;display:flex}.preview-row b{color:#7b4511;background:#fff0d5;border-radius:999px;width:fit-content;padding:4px 7px;font-size:8px}.preview-row .waiting-pill{color:#4b367b;background:#eee7ff}.priority{background:#387adf;border-radius:9px;width:5px;height:22px}.priority.red{background:#e35d51}.priority.purple{background:#835bd5}.preview-glow{background:var(--taskify-lime);filter:blur(100px);opacity:.2;border-radius:50%;width:230px;height:230px;position:absolute;top:-80px;right:-70px}.landing-statement{background:var(--taskify-ink);color:#fff;justify-content:space-between;align-items:center;gap:30px;padding:34px max(20px,50% - 590px);display:flex}.landing-statement p{color:var(--taskify-lime);margin:0;font-family:Georgia,serif;font-size:20px;font-style:italic}.landing-statement div{color:#b9bdb1;flex-wrap:wrap;gap:28px;font-size:12px;font-weight:700;display:flex}.feature-section{width:min(1180px,100% - 40px);margin:0 auto;padding:120px 0}.feature-intro{grid-template-columns:1fr .7fr;align-items:end;gap:60px;margin:19px 0 62px;display:grid}.feature-intro h2,.early-access h2{letter-spacing:-.065em;margin:0;font-size:clamp(46px,6vw,76px);line-height:.98}.feature-intro p,.early-access p{color:#5f6358;margin:0;font-size:17px;line-height:1.6}.feature-grid{border-top:1px solid #11130f2e;grid-template-columns:repeat(3,1fr);display:grid}.feature-grid article{padding:30px 34px 24px 0}.feature-grid article+article{border-left:1px solid #11130f2e;padding-left:34px}.feature-grid article>span{color:var(--taskify-moss);font-size:12px;font-weight:850}.feature-grid h3{letter-spacing:-.04em;max-width:270px;margin:45px 0 16px;font-size:24px;line-height:1.1}.feature-grid p{color:#686b62;margin:0;font-size:14px;line-height:1.65}.early-access{background:var(--taskify-moss);color:#fff;border-radius:26px;justify-content:space-between;align-items:flex-end;gap:60px;width:min(1180px,100% - 40px);margin:0 auto 80px;padding:66px;display:flex}.early-access>div{gap:18px;display:grid}.early-access p{color:#d7e1d9;max-width:640px}.early-access .landing-primary{flex:none}.landing-footer{border-top:1px solid #11130f26;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:110px;padding:30px max(20px,50% - 590px);display:grid}.landing-footer p{color:#62665c;margin:0;font-family:Georgia,serif;font-style:italic}.landing-footer>span{color:#777a70;justify-self:end;font-size:12px}.auth-page{background:var(--taskify-cream);min-height:100vh;color:var(--taskify-ink);grid-template-columns:minmax(380px,.92fr) minmax(520px,1.08fr);display:grid}.auth-story{background:var(--taskify-moss);color:#fff;flex-direction:column;justify-content:space-between;min-height:100vh;padding:42px clamp(40px,6vw,92px);display:flex}.auth-story .taskify-wordmark{color:#fff}.auth-story h1{letter-spacing:-.07em;margin:24px 0;font-size:clamp(58px,6vw,90px);line-height:.94}.auth-story h1 em{color:var(--taskify-lime);font-family:Georgia,serif;font-weight:500}.auth-story p{color:#d7e1d9;max-width:550px;margin:0;font-size:18px;line-height:1.6}.auth-story blockquote{color:#d7e1d9;border-top:1px solid #fff3;max-width:560px;margin:0;padding-top:24px;font-family:Georgia,serif;font-size:17px;font-style:italic;line-height:1.5}.auth-panel{place-items:center;min-height:100vh;padding:40px;display:grid}.auth-card{width:min(100%,500px)}.auth-mobile-brand{margin-bottom:52px;display:none}.auth-heading>span{color:var(--taskify-moss);letter-spacing:.12em;font-size:11px;font-weight:850}.auth-heading h2{letter-spacing:-.055em;margin:12px 0 8px;font-size:38px}.auth-heading p{color:#6a6d63;margin:0;font-size:15px}.auth-form{gap:18px;margin-top:38px;display:grid}.auth-form label{color:#3d4039;gap:8px;font-size:13px;font-weight:750;display:grid}.auth-field{width:100%;color:var(--taskify-ink);background:#fbfaf6;border:1px solid #d2d0c7;border-radius:11px;outline:0;padding:14px 15px}.auth-field:focus{border-color:var(--taskify-moss);box-shadow:0 0 0 3px #264a3a1f}.auth-submit{border-color:var(--taskify-ink);background:var(--taskify-ink);color:#fff;justify-content:space-between;margin-top:3px;padding:14px 17px;font-weight:750}.auth-submit:hover{border-color:var(--taskify-moss);background:var(--taskify-moss)}.auth-switch{flex-wrap:wrap;justify-content:space-between;gap:14px;display:flex}.auth-switch button{color:var(--taskify-moss);background:0 0;border:0;padding:0;font-size:12px;font-weight:750}.auth-switch button:hover{text-decoration:underline}.auth-message{color:#4d5048;background:#eeebe1;border:1px solid #d8d5c9;border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.5}.auth-terms{color:#83867d;text-align:center;margin:32px 0 0;font-size:11px}.auth-terms a{color:var(--taskify-moss);text-decoration:underline}@media (max-width:1200px){.toolbar{grid-template-columns:1fr 1fr 1fr}.toolbar .search{grid-column:1/-1}.kpis{grid-template-columns:repeat(3,1fr)}.layout{grid-template-columns:1fr}.side{order:-1}}@media (max-width:900px){.landing-nav-actions>a:not(.btn){display:none}.landing-hero{grid-template-columns:1fr;padding-top:64px}.product-preview{max-width:680px}.feature-intro{grid-template-columns:1fr;gap:24px}.early-access{flex-direction:column;align-items:flex-start}.auth-page{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{padding:32px 20px}.auth-mobile-brand{display:block}}@media (max-width:760px){.topbar{align-items:flex-start}.actions{justify-content:flex-end}.wrap{padding:12px}.title{font-size:16px}.kpis{grid-template-columns:repeat(2,1fr)}.toolbar{grid-template-columns:1fr 1fr}.toolbar .search{grid-column:1/-1}.task-table{display:none}.table-wrap{border:0}.mobile-cards{gap:9px;display:grid}.form-grid{grid-template-columns:1fr 1fr}.form-grid .span4{grid-column:span 2}.capture-row,.split{grid-template-columns:1fr}.landing-nav{width:min(100% - 28px,1180px);padding:16px 0}.landing-nav-actions{gap:8px}.landing-nav .ghost{display:none}.landing-hero{gap:52px;width:min(100% - 28px,1180px);min-height:auto;padding:58px 0 72px}.hero-copy h1{font-size:clamp(52px,17vw,74px)}.hero-copy>p{font-size:17px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-proof{gap:8px;display:grid}.product-preview{box-shadow:10px 10px 0 var(--taskify-lime);border-radius:20px;padding:9px;transform:none}.preview-body{min-height:360px;padding:17px}.preview-kpis{grid-template-columns:repeat(2,1fr)}.preview-kpis>div:last-child{display:none}.preview-row{grid-template-columns:1.45fr .9fr}.preview-row>:last-child{display:none}.landing-statement{flex-direction:column;align-items:flex-start}.landing-statement div{gap:12px 22px}.feature-section{width:min(100% - 28px,1180px);padding:80px 0}.feature-grid{grid-template-columns:1fr}.feature-grid article,.feature-grid article+article{border-bottom:1px solid #11130f2e;border-left:0;padding:30px 0}.feature-grid h3{margin-top:22px}.early-access{width:min(100% - 28px,1180px);margin-bottom:40px;padding:38px 26px}.landing-footer{grid-template-columns:1fr auto}.landing-footer p{display:none}.auth-heading h2{font-size:32px}.auth-panel{place-items:start center}}