:root{--bg: #FAFAF8;--surface: #FFFFFF;--text: #1C1C1C;--text-muted: #6B7280;--border: #E5E3DE;--accent: #F59E0B;--accent-hover: #D97706;--momentum: #16A34A;--friction: #F97316;--no-response: #9CA3AF;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--text-sm: 13px;--text-base: 15px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--max-width: 680px;--max-width-wide: 960px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--text-base);-webkit-font-smoothing:antialiased}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}.nav{border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10}.nav-inner{padding:12px var(--space-xl);display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:16px;font-weight:600;letter-spacing:-.02em;display:flex;align-items:baseline;gap:1px}.page{max-width:var(--max-width);margin:0 auto;padding:var(--space-xl) var(--space-md)}.page-narrow{max-width:480px;margin:80px auto;padding:0 var(--space-md)}.page-header{margin-bottom:var(--space-xl)}.hero{background:var(--accent);padding:80px var(--space-xl)}.hero-inner{max-width:var(--max-width-wide);margin:0 auto}.hero h1{font-size:52px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-md);color:var(--text)}.hero p{font-size:var(--text-lg);color:#7c3d00;margin-bottom:var(--space-lg)}.hero-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);margin:var(--space-xl) 0 var(--space-xl);padding-top:var(--space-xl);border-top:1px solid rgba(0,0,0,.12)}.hero-step-label{font-size:var(--text-sm);font-weight:600;color:#9a5000;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-xs)}.hero-step-title{font-size:var(--text-base);font-weight:600;color:var(--text);margin-bottom:var(--space-xs)}.hero-step-body{font-size:var(--text-sm);color:#5c3300;line-height:1.5}.hero .btn-primary{background:var(--text);color:#fff}.hero .btn-primary:hover{background:#333}.hero .btn-secondary{background:transparent;color:var(--text);border-color:#0000004d}.hero .btn-secondary:hover{background:#00000012;border-color:#00000080}.text-muted{color:var(--text-muted)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.stack{display:flex;flex-direction:column}.stack-xs{gap:var(--space-xs)}.stack-sm{gap:var(--space-sm)}.stack-md{gap:var(--space-md)}.stack-lg{gap:var(--space-lg)}.row{display:flex;align-items:center}.row-between{display:flex;align-items:center;justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}@media (max-width: 768px){.nav-inner{padding:var(--space-md)}.hero{padding:var(--space-xl) var(--space-md)}.hero h1{font-size:var(--text-2xl)}.hero p{font-size:var(--text-base)}.hero-steps{grid-template-columns:1fr;gap:var(--space-lg)}.page-narrow{margin-top:var(--space-xl)}}.hero{transition:padding .6s cubic-bezier(.4,0,.2,1)}.hero.hero-slim{padding:28px var(--space-xl)}.hero h1{transition:font-size .6s cubic-bezier(.4,0,.2,1),letter-spacing .6s cubic-bezier(.4,0,.2,1),margin-bottom .6s cubic-bezier(.4,0,.2,1)}.hero.hero-slim h1{font-size:var(--text-xl);letter-spacing:-.01em;margin-bottom:var(--space-xs)}.hero-tagline{transition:font-size .6s cubic-bezier(.4,0,.2,1),margin-bottom .6s cubic-bezier(.4,0,.2,1),color .6s cubic-bezier(.4,0,.2,1)}.hero.hero-slim .hero-tagline{font-size:var(--text-sm);margin-bottom:var(--space-lg);color:#6b3300}.hero-extra{display:grid;grid-template-rows:1fr;transition:grid-template-rows .65s cubic-bezier(.4,0,.2,1)}.hero.hero-slim .hero-extra{grid-template-rows:0fr}.hero-extra-inner{overflow:hidden;opacity:1;transition:opacity .25s ease .3s}.hero.hero-slim .hero-extra-inner{opacity:0;transition:opacity .18s ease 0s}.hero-cta{transition:margin-top .6s cubic-bezier(.4,0,.2,1)}.hero-toggle{display:inline-flex;align-items:center;gap:5px;margin-top:var(--space-md);padding:0;border:none;background:none;color:#0006;font-size:var(--text-sm);font-weight:500;cursor:pointer;font-family:inherit;transition:color .2s ease}.hero-toggle:hover{color:#000000a6}.hero-toggle-icon{display:inline-block;font-size:13px;line-height:1;transform:rotate(180deg);transition:transform .6s cubic-bezier(.4,0,.2,1)}.hero.hero-slim .hero-toggle-icon{transform:rotate(0)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}.card-link{display:block;color:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}.card-link:hover{box-shadow:0 2px 8px #0000000f}.card-status-open{border-left:3px solid var(--accent)}.card-status-in-motion{border-left:3px solid #8B5CF6}.card-status-momentum{border-left:3px solid var(--momentum)}.card-status-friction{border-left:3px solid var(--friction)}.card-status-no-response{border-left:3px solid var(--no-response)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;border:none;transition:background .15s,opacity .15s;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-ghost{background:transparent;color:var(--text-muted);padding:10px var(--space-md);border:none}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--border);border-radius:var(--radius-md)}.btn-full{width:100%}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:100px;font-size:var(--text-sm);font-weight:500}.badge-open{background:#fef3c7;color:#92400e}.badge-in-motion{background:#ede9fe;color:#5b21b6}.badge-momentum{background:#dcfce7;color:#166534}.badge-friction{background:#fff7ed;color:#9a3412}.badge-no-response{background:#f3f4f6;color:#4b5563}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.label{font-size:var(--text-sm);font-weight:500}.input,.textarea{font-size:var(--text-base);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px var(--space-md);outline:none;transition:border-color .15s;width:100%}.input:focus,.textarea:focus{border-color:var(--accent)}.textarea{resize:vertical;min-height:100px}.role-picker{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.role-option{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;text-align:left;transition:border-color .15s}.role-option:hover{border-color:var(--accent)}.role-option-active{border-color:var(--accent);background:#fff8ec}.pill{padding:6px var(--space-md);border:1px solid var(--border);border-radius:100px;background:var(--surface);font-size:var(--text-sm);font-weight:500;cursor:pointer;color:var(--text);transition:border-color .15s,background .15s}.pill:hover{border-color:var(--accent)}.pill-active{border-color:var(--accent);background:#fff8ec;color:var(--accent-hover)}.pill-momentum{border-color:var(--momentum);background:#f0fdf4;color:#166534}.pill-friction{border-color:var(--friction);background:#fff7ed;color:#9a3412}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-2xl) var(--space-md);overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:520px;padding:var(--space-lg);position:relative;margin-bottom:var(--space-2xl)}.link-profile{text-decoration:underline;text-decoration-color:var(--border);transition:text-decoration-color .15s}.link-profile:hover{text-decoration-color:var(--text-muted)}.divider{height:1px;background:var(--border);border:none}.media-placeholder{padding:var(--space-lg);background:var(--bg);border-radius:var(--radius-md);text-align:center;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer}.media-placeholder:hover{background:var(--border)}.stat{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:var(--text-lg);font-weight:600}.kanban{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);min-height:50vh}.kanban-col{padding:var(--space-lg);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-sm)}.kanban-col:last-child{border-right:none}.kanban-col-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.kanban-col-header-open{background:#fef3c7;color:#92400e}.kanban-col-header-in-motion{background:#ede9fe;color:#5b21b6}.kanban-col-header-momentum{background:#dcfce7;color:#166534}.kanban-col-header-friction{background:#fff7ed;color:#9a3412}.kanban-col-header span:first-child{font-size:var(--text-sm);font-weight:600}.kanban-col-header .count{font-size:var(--text-sm);opacity:.6;font-weight:600}.card-compact{padding:var(--space-md)}.kanban-compact{min-height:unset}@media (max-width: 768px){.kanban{grid-template-columns:1fr;min-height:unset}.kanban-col{border-right:none;border-bottom:1px solid var(--border)}.kanban-col:last-child{border-bottom:none}}.timeline{display:flex;flex-direction:column}.tl-row{display:grid;grid-template-columns:40px 20px 1fr;gap:0 var(--space-sm)}.tl-date{display:flex;flex-direction:column;align-items:flex-end;padding-top:11px;line-height:1}.tl-month{font-size:10px;font-weight:600;color:var(--text-muted);letter-spacing:.06em}.tl-day{font-size:var(--text-lg);font-weight:700;color:var(--text);margin-top:1px}.tl-rail{display:flex;flex-direction:column;align-items:center}.tl-dot{width:10px;height:10px;border-radius:50%;border:2px solid;margin-top:13px;flex-shrink:0;transition:background-color .15s}.tl-line{flex:1;width:0;margin-top:5px;border-left:2px dashed var(--border);min-height:var(--space-md)}.tl-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.tl-card-header{width:100%;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;transition:background .15s}.tl-card-header:hover{background:var(--bg)}.tl-chevron{font-size:9px;color:var(--text-muted)}.tl-expanded{border-top:1px solid var(--border);padding:var(--space-lg)}.tl-type-badge{font-size:var(--text-sm);font-weight:600;padding:2px 8px;border-radius:100px;border:1px solid;background:transparent;flex-shrink:0;opacity:.85}.tl-summary{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.tl-card-right{flex-shrink:0}.tl-card-body{padding:var(--space-sm) var(--space-md) var(--space-md);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-sm)}.tl-dates{display:flex;gap:var(--space-xl);flex-wrap:wrap}.tl-date-cell{display:flex;flex-direction:column;gap:2px}@media (max-width: 480px){.tl-row{grid-template-columns:36px 18px 1fr;gap:0 var(--space-xs)}.tl-day{font-size:var(--text-base)}.tl-card-right .badge{display:none}}.empty-state{padding:var(--space-2xl) 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center}