:root{--bg: #070a13;--panel: rgba(255, 255, 255, .06);--panel-2: rgba(255, 255, 255, .08);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--muted-2: rgba(255, 255, 255, .56);--border: rgba(255, 255, 255, .12);--shadow: 0 16px 60px rgba(0, 0, 0, .45);--primary: #7c5cff;--primary-2: #2b7cff;--good: #2fe08f;--warn: #ffd36e;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 12px;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji", "Segoe UI Emoji"}:root[data-theme=light]{--bg: #f7f8ff;--panel: rgba(0, 0, 0, .04);--panel-2: rgba(0, 0, 0, .06);--text: rgba(7, 10, 19, .92);--muted: rgba(7, 10, 19, .68);--muted-2: rgba(7, 10, 19, .56);--border: rgba(7, 10, 19, .14);--shadow: 0 16px 55px rgba(10, 20, 60, .12);--primary: #5b3fff;--primary-2: #1b6fff}*,*:before,*:after{box-sizing:border-box}html{height:100%;overflow:auto}body{height:100%;margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(1000px 600px at 20% 0%,rgba(124,92,255,.25),transparent 55%),radial-gradient(900px 600px at 100% 20%,rgba(43,124,255,.18),transparent 55%),radial-gradient(700px 400px at 50% 110%,rgba(47,224,143,.14),transparent 55%),var(--bg);overflow:auto}html{scrollbar-width:thin;scrollbar-color:var(--border) transparent}body::-webkit-scrollbar,html::-webkit-scrollbar{width:8px;height:8px}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}body::-webkit-scrollbar-corner,html::-webkit-scrollbar-corner{background:transparent}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.skip{position:absolute;top:-40px;left:16px;background:var(--text);color:var(--bg);padding:10px 12px;border-radius:10px;z-index:50}.skip:focus{top:16px;outline:none}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.container--board{width:min(1720px,calc(100% - 24px))}.nav{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in oklab,var(--bg) 78%,transparent);border-bottom:1px solid var(--border)}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;min-width:210px}.brand--sm .brand__name{font-size:14px}.brand__mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#7c5cfff2,#2b7cffbf);box-shadow:0 14px 38px #7c5cff47;position:relative;overflow:hidden}.brand__mark span{position:absolute;width:30px;height:3px;border-radius:999px;background:#ffffffe6}.brand__mark span:nth-child(1){transform:rotate(0)}.brand__mark span:nth-child(2){transform:rotate(60deg);opacity:.9}.brand__mark span:nth-child(3){transform:rotate(120deg);opacity:.85}.brand__name{font-weight:720;letter-spacing:-.02em;font-size:16px}.brand__tag{font-size:12px;color:var(--muted);margin-top:2px}.nav__links{display:none;gap:18px;color:var(--muted);font-size:14px}.nav__links a{padding:8px;border-radius:10px}.nav__links a:hover{background:var(--panel);text-decoration:none;color:var(--text)}.nav__actions{display:flex;align-items:center;gap:10px}.nav__hint{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.nav__link{font-size:14px;color:var(--muted);padding:8px;border-radius:10px;text-decoration:none}a.nav__link:hover{background:var(--panel);color:var(--text)}.theme{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:9px 12px;color:var(--muted);cursor:pointer}.theme:hover{color:var(--text);background:var(--panel-2)}.theme:focus-visible{outline:2px solid color-mix(in oklab,var(--primary) 60%,white);outline-offset:2px}.theme__dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 20%,transparent)}.theme__label{font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:12px;border:1px solid transparent;font-weight:650;letter-spacing:-.01em;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid color-mix(in oklab,var(--primary) 65%,white);outline-offset:2px}.btn--primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 16px 40px #7c5cff47}.btn--primary:hover{filter:brightness(1.05);text-decoration:none}.btn--secondary{background:var(--panel);border-color:var(--border);color:var(--text)}.btn--secondary:hover{background:var(--panel-2);text-decoration:none}.btn--ghost{background:transparent;border-color:var(--border);color:var(--muted)}.btn--ghost:hover{background:var(--panel);color:var(--text);text-decoration:none}.btn--danger{border:1px solid color-mix(in oklab,var(--warn) 42%,var(--border));background:color-mix(in oklab,var(--warn) 14%,var(--panel));color:color-mix(in oklab,var(--warn) 92%,var(--text))}.btn--danger:hover{background:color-mix(in oklab,var(--warn) 24%,var(--panel));text-decoration:none}button.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:color-mix(in oklab,var(--panel) 88%,transparent);color:var(--text);font:inherit}select.input{color-scheme:dark}:root[data-theme=light] select.input{color-scheme:light}select.input option,select.input optgroup{background:var(--bg);color:var(--text)}.input:focus{outline:none}.input:focus-visible{outline:2px solid color-mix(in oklab,var(--primary) 65%,white);outline-offset:2px}.add{display:grid;gap:10px;grid-template-columns:1fr auto;align-items:start}.input--note{min-height:96px}.board-wrap{margin-top:10px}.board--app{padding:0;width:100%;max-width:none}.note--app{padding:8px}.drag{cursor:grab}.drag:active{cursor:grabbing}.dropcol{transition:box-shadow .12s ease}.dropcol:has(.drag:active){box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 55%,transparent)}.note__text{width:100%;resize:vertical;border:1px solid var(--border);border-radius:10px;padding:8px 10px;font:inherit;font-size:12px;font-weight:700;color:var(--text);background:color-mix(in oklab,var(--panel) 88%,transparent);min-height:140px}.note__text:focus-visible{outline:2px solid color-mix(in oklab,var(--primary) 65%,white);outline-offset:2px}.note__author{font-size:11px;font-weight:600;color:var(--muted-2);margin-top:6px;letter-spacing:.02em}.note__meta{display:flex;justify-content:space-between;gap:6px;margin-top:6px;flex-wrap:wrap;align-items:center}.note__votes{display:inline-flex;gap:4px;align-items:center}.mini{border:1px solid var(--border);background:color-mix(in oklab,var(--panel) 88%,transparent);color:var(--text);border-radius:6px;padding:2px 4px;font:inherit;font-size:10px;cursor:pointer;min-height:22px}.mini--icon{padding:4px;min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center;line-height:0}.mini--icon svg{width:14px;height:14px;fill:currentColor}.mini:hover{background:var(--panel-2)}.mini:focus-visible{outline:2px solid color-mix(in oklab,var(--primary) 65%,white);outline-offset:2px}.mini--danger{color:color-mix(in oklab,#ff5f8c 60%,var(--text))}.mini--merge{color:color-mix(in oklab,var(--good) 75%,var(--text));font-weight:800;font-size:14px;line-height:1}.mini--merge-into{color:var(--primary);font-size:10px}.note__merge-hint{font-size:10px;color:var(--muted);white-space:nowrap}.mini--cancel{color:var(--muted)}.mini--cancel:hover{color:var(--text)}.mini__count{min-width:14px;text-align:center;font-size:11px;font-weight:720}.note__move{display:inline-flex;gap:4px;align-items:center}.miniSelect{border:1px solid var(--border);background:color-mix(in oklab,var(--panel) 88%,transparent);color:var(--text);border-radius:6px;padding:2px 4px;font:inherit;font-size:10px;max-height:22px}.miniSelect option{font-size:11px}.miniSelect:focus-visible{outline:2px solid color-mix(in oklab,var(--primary) 65%,white);outline-offset:2px}.actionRow{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:14px;background:color-mix(in oklab,var(--panel) 92%,transparent)}.actionRow__left{display:inline-flex;gap:10px;align-items:center;color:var(--text)}.actionRow--drag{cursor:grab}.actionRow--drag:active{cursor:grabbing}.hero{position:relative;padding:54px 0 24px;overflow:hidden}.hero__grid{display:grid;gap:26px;align-items:center}.hero__kicker{margin-bottom:14px}.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:color-mix(in oklab,var(--panel) 85%,transparent);border:1px solid var(--border);color:var(--muted);font-size:13px}.hero__title{margin:0;font-size:clamp(34px,5.4vw,56px);letter-spacing:-.04em;line-height:1.02}.hero__subtitle{margin:14px 0 18px;color:var(--muted);font-size:16px;line-height:1.6;max-width:56ch}.hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px}.hero__kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:520px}.kpi{padding:12px;border:1px solid var(--border);border-radius:14px;background:color-mix(in oklab,var(--panel) 90%,transparent)}.kpi__value{font-weight:760;letter-spacing:-.03em}.kpi__label{color:var(--muted);font-size:12px;margin-top:2px}.hero__demo{width:100%}.demo{border:1px solid var(--border);background:color-mix(in oklab,var(--panel) 92%,transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.demo__top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-bottom:1px solid var(--border)}.demo__title{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo__muted{color:var(--muted-2)}.range{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.range input[type=range]{width:110px}.board{display:grid;gap:10px;padding:14px}.col{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in oklab,var(--panel) 88%,transparent);overflow:hidden}.col__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);min-width:0}.col__header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.col__title{font-weight:720;letter-spacing:-.02em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:4px}.btn--small{padding:4px 8px;font-size:11px;border-radius:8px}.col__count{font-size:10px;color:var(--muted);padding:2px 6px;border-radius:999px;background:color-mix(in oklab,var(--panel) 92%,transparent);border:1px solid var(--border)}.col__items{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.col__items .add{grid-column:1 / -1}.col__items .note--app{min-width:0}.drop-slot{grid-column:1 / -1;min-height:12px;margin:2px 0;border-radius:6px;transition:background .15s ease}.drop-slot:hover,.drop-slot:has(:active){background:color-mix(in oklab,var(--primary) 12%,transparent)}.drop-slot--last{min-height:8px}.note{padding:8px;border-radius:10px;border:2px solid var(--border);background:color-mix(in oklab,var(--panel-2) 92%,transparent);color:color-mix(in oklab,var(--text) 92%,transparent);font-size:12px;font-weight:700}.col--mint .note{border:3px solid var(--good);box-shadow:0 0 0 1px color-mix(in oklab,var(--good) 30%,transparent)}.col--rose .note{border:3px solid #e84a5f;box-shadow:0 0 0 1px #e84a5f66}.col--sky .note{border:3px solid #3b82f6;box-shadow:0 0 0 1px #3b82f659}.col--action-items .note{border:3px solid #2563eb;box-shadow:0 0 0 1px #2563eb66}.demo__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid var(--border)}.demo__hint{color:var(--muted);font-size:12px}.demo__btns{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--panel) 88%,transparent);color:var(--muted);font-size:12px}.icon{width:16px;height:16px;fill:currentColor}.hero__glow{position:absolute;inset:-120px -120px auto -120px;height:380px;background:radial-gradient(closest-side,rgba(124,92,255,.35),transparent 70%);filter:blur(30px);pointer-events:none;opacity:.9}.section{padding:58px 0}.section--alt{background:color-mix(in oklab,var(--panel) 65%,transparent);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section__head{display:grid;gap:10px;margin-bottom:24px}.section__title{margin:0;font-size:clamp(22px,3.5vw,34px);letter-spacing:-.03em}.section__subtitle{margin:0;color:var(--muted);line-height:1.6;max-width:70ch}.grid{display:grid;gap:12px}.boards-grid{list-style:none;padding:0;margin:0;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.boards-grid__card{flex-direction:column;align-items:stretch;height:100%;min-height:168px}.boards-grid__title{font-weight:740;letter-spacing:-.02em;font-size:1.12rem;line-height:1.25;margin:0 0 6px}.boards-grid__meta{margin:0;font-size:13px;color:var(--muted);line-height:1.45}.boards-grid__meta code{font-size:.88em;color:var(--muted-2, var(--muted))}.boards-grid__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.85rem;border-top:1px solid var(--border)}.boards-grid__confirm{margin-top:auto;padding-top:.85rem;border-top:1px solid var(--border);display:grid;gap:.65rem}.boards-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem .75rem;margin-bottom:1.5rem;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid var(--border);background:color-mix(in oklab,var(--panel) 92%,transparent)}.boards-toolbar__hint{margin:0;flex:1 1 200px;font-size:13px;color:var(--muted);line-height:1.45;min-width:min(100%,220px)}.card{display:flex;gap:14px;padding:16px;border-radius:var(--radius-lg);border:1px solid var(--border);background:color-mix(in oklab,var(--panel) 92%,transparent)}.card__icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:color-mix(in oklab,var(--panel-2) 88%,transparent);border:1px solid var(--border);flex:0 0 auto;color:color-mix(in oklab,var(--primary) 65%,var(--text))}.card__title{font-weight:740;letter-spacing:-.02em;margin-bottom:6px}.card__text{color:var(--muted);line-height:1.55;font-size:14px}.prices{display:grid;gap:12px;align-items:stretch}.price{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in oklab,var(--panel) 92%,transparent);padding:18px;display:grid;gap:14px}.price--featured{background:linear-gradient(180deg,color-mix(in oklab,rgba(124,92,255,.22) 60%,transparent),transparent),color-mix(in oklab,var(--panel) 92%,transparent);border-color:color-mix(in oklab,var(--primary) 55%,var(--border));box-shadow:0 22px 80px #7c5cff2e}.price__name{font-weight:760;letter-spacing:-.02em}.price__price{font-size:32px;letter-spacing:-.04em;margin-top:6px}.price__blurb{color:var(--muted);margin-top:8px;line-height:1.5}.price__bullets{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:8px}.pricing__note{color:var(--muted-2);font-size:12px;margin-top:14px}.faqs{display:grid;gap:10px}.faq{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in oklab,var(--panel) 92%,transparent);padding:14px}.faq__q{cursor:pointer;list-style:none;font-weight:720;letter-spacing:-.02em}.faq__q::-webkit-details-marker{display:none}.faq__a{color:var(--muted);line-height:1.6;padding-top:10px}.cta{padding:34px 0 56px}.cta__inner{border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;background:linear-gradient(135deg,color-mix(in oklab,rgba(124,92,255,.22) 55%,transparent),transparent 65%),color-mix(in oklab,var(--panel) 92%,transparent);display:grid;gap:14px;align-items:center}.cta__title{margin:0;letter-spacing:-.03em}.cta__text{margin:8px 0 0;color:var(--muted);line-height:1.6}.cta__actions{display:flex;gap:10px;flex-wrap:wrap}.footer{border-top:1px solid var(--border);background:color-mix(in oklab,var(--bg) 85%,transparent);padding:26px 0}.footer__inner{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.footer__meta{color:var(--muted);font-size:12px;margin-top:10px}.footer__right{display:flex;gap:14px;color:var(--muted);font-size:13px;padding-top:6px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(min-width:860px){.nav__links{display:flex}.hero__grid{grid-template-columns:1.05fr .95fr;gap:30px}.board,.grid,.prices{grid-template-columns:repeat(3,minmax(0,1fr))}.cta__inner{grid-template-columns:1.2fr .8fr}}@media(max-width:899px){.container{width:min(1120px,calc(100% - 24px))}.container--board{width:min(1720px,calc(100% - 16px))}.board-wrap{overflow-x:hidden}.board.board--app.board--stack-mobile{grid-template-columns:1fr!important;min-width:0!important}.col__items,.add{grid-template-columns:1fr}.hero__kpis{grid-template-columns:1fr;max-width:none}.footer__inner{flex-direction:column;align-items:stretch}.footer__right{flex-wrap:wrap;padding-top:0}.asana-fields-grid{grid-template-columns:1fr!important}.input,.note__text,textarea.input{font-size:16px}.note__text{min-height:112px}.mini{min-height:36px;min-width:32px;font-size:12px;padding:4px 8px}.mini--icon{min-width:40px;min-height:40px}.miniSelect{max-height:none;min-height:36px;font-size:12px;padding:6px 8px}.actionRow{flex-wrap:wrap;align-items:flex-start;gap:8px}.btn{min-height:44px;padding:10px 16px}.btn--small{min-height:40px}.hero{padding:32px 0 20px}.section{padding:36px 0}.col__header{flex-wrap:wrap;align-items:flex-start}.col__header-right{margin-left:auto}button,.btn,a.btn,.theme{touch-action:manipulation}}@media(max-width:859px){.nav__inner{flex-wrap:wrap;gap:10px 12px;padding:12px 0;padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.brand{min-width:0;flex:1 1 auto}.nav__links{display:flex;order:3;flex-basis:100%;padding-top:10px;margin-top:2px;border-top:1px solid var(--border);gap:8px}.nav__actions{flex:0 0 auto;margin-left:auto}}@media(max-width:380px){.brand__tag,.theme__label{display:none}}