:root{--forest:#173b32;--forest-2:#245548;--green:#35675b;--sage:#dce9df;--sage-2:#eff4ee;--cream:#f8f7f1;--paper:#fffefa;--ink:#1c2924;--muted:#69776e;--line:#e3e8df;--gold:#b78b53;--peach:#f2d8bd;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #d1a75e;outline-offset:3px}.skip-link{position:absolute;left:12px;top:-60px;z-index:10;background:#fff;padding:10px}.skip-link:focus{top:12px}
.site-header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);background:var(--forest);color:#fff;border-bottom:1px solid #ffffff22}.brand,.app-sidebar-brand{display:flex;align-items:center;gap:11px;font-size:27px;font-weight:750;letter-spacing:-1.8px}.brand-period{color:#e6c694}.brand-mark{width:31px;height:31px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-12deg)}.brand-mark span{background:#ebd7a9;border-radius:5px}.brand-mark span:nth-child(2){border-radius:8px 4px 8px 4px}.brand-mark span:nth-child(3){border-radius:4px 8px 4px 8px}.brand-mark-small{width:22px;height:22px;gap:2px}.header-right{display:flex;align-items:center;gap:38px}.header-note{font-size:13px;color:#c7d9ce}.header-link{font-size:13px;font-weight:700;border-bottom:1px solid #d6b782;padding:8px 0}.header-link span,.primary-button span,.closing-link span{margin-left:10px}
.hero{background:var(--forest);color:#fff;position:relative;overflow:hidden}.hero-grain{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#fff 0.65px,transparent .8px);background-size:5px 5px;pointer-events:none}.hero-inner{max-width:1440px;min-height:610px;margin:auto;padding:65px clamp(20px,5vw,76px) 73px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:30px;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0 0 26px;display:flex;align-items:center;gap:12px;font-size:11px;font-weight:800;letter-spacing:2.2px;color:#d3d0ad}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#d9b773;display:inline-block;flex:none}.eyebrow-line{width:38px;height:1px;background:#b5c4aa;margin-left:5px}.hero h1,.preview-intro h2,.closing h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;line-height:1.02}.hero h1{font-size:clamp(56px,6.1vw,96px);margin:0 0 26px}.hero h1 em,.preview-intro h2 em,.closing h2 em{font-weight:400;color:#e7c898}.hero-description{color:#d3dfd4;font-size:17px;line-height:1.75;max-width:510px;margin:0}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:34px;flex-wrap:wrap}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;background:#e7c898;color:#213a2b;padding:16px 20px;min-height:54px;border-radius:7px;font-size:14px;font-weight:800;box-shadow:0 12px 30px #091d1645;transition:transform .18s,background .18s}.primary-button:hover{transform:translateY(-2px);background:#f2d8ac}.hero-hint{font-size:12px;color:#b4c9b9}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:64px;color:#b5c9bb;font-size:12px}.hero-proof-line{width:38px;height:1px;background:#9cbba8}
.hero-art{height:460px;position:relative}.orbit{position:absolute;border:1px solid #acc1ab35;border-radius:50%;width:420px;height:420px;right:3%;top:4%;transform:rotate(-15deg)}.orbit-two{width:520px;height:520px;right:-7%;top:-7%}.hero-card{position:absolute;border-radius:15px;box-shadow:0 28px 70px #061e1775}.hero-card-back{width:280px;right:0;top:38px;background:#e9efe4;color:var(--ink);padding:23px;transform:rotate(10deg);display:flex;flex-direction:column;gap:15px}.mini-label{font-size:10px;font-weight:800;letter-spacing:2px;color:#577364}.hero-card-back strong{font-size:18px;letter-spacing:-.5px}.mini-row{display:flex;align-items:center;gap:8px;font-size:11px;color:#526159}.mini-avatar,.avatar,.toolbar-avatar{display:inline-grid;place-items:center;border-radius:50%;background:#e5bca0;color:#653e2e;font-size:12px;font-weight:800}.mini-avatar{width:25px;height:25px}.hero-card-front{width:340px;left:4%;top:100px;background:#fffefa;color:var(--ink);padding:28px 28px 24px;transform:rotate(-6deg)}.mini-top{display:flex;align-items:center;gap:11px;color:#697b6c;font-size:10px;letter-spacing:1.8px;font-weight:800}.mini-icon{display:grid;place-items:center;background:#dce9df;color:var(--forest);width:32px;height:32px;border-radius:8px;font-size:20px}.hero-card-front strong{font-family:Georgia,serif;display:block;font-size:42px;line-height:1.03;letter-spacing:-2px;margin:25px 0 35px;font-weight:400}.mini-progress{height:7px;background:#e7ede4;border-radius:10px;display:block}.mini-progress span{display:block;width:70%;height:100%;background:var(--green);border-radius:10px}.mini-bottom{display:flex;justify-content:space-between;margin-top:14px;color:#68766d;font-size:11px;font-weight:650}.hero-spark{position:absolute;color:#f0d8a9;font-size:52px}.hero-spark-one{right:7%;bottom:14%}.hero-spark-two{left:13%;top:9%;font-size:34px}
.ticker{background:#e9d5b7;overflow:hidden;white-space:nowrap}.ticker-inner{display:flex;justify-content:space-around;align-items:center;gap:28px;min-width:1050px;height:48px;font-size:10px;font-weight:850;letter-spacing:2px;color:#304537}.ticker b{font-size:18px;color:#8f6840}
.preview-section{max-width:1460px;margin:auto;padding:105px clamp(20px,5vw,76px) 112px}.preview-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.eyebrow-dark{color:#658070;margin-bottom:18px}.preview-intro h2{font-size:clamp(43px,5vw,70px);margin:0}.preview-intro h2 em{color:var(--green)}.preview-intro-right{max-width:320px;margin-bottom:7px}.preview-intro-right p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 18px}.demo-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #cdddcf;color:#3a7055;background:#ecf4e9;border-radius:50px;padding:8px 12px;font-size:10px;font-weight:800;letter-spacing:1.3px}.demo-pill span{width:7px;height:7px;border-radius:50%;background:#59a276;box-shadow:0 0 0 3px #59a27625}
.app-frame{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:690px;background:#fff;box-shadow:0 28px 85px #2d493125;border:1px solid #d5ded4;border-radius:15px;overflow:hidden}.app-sidebar{background:#fafcf8;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 13px 14px}.app-sidebar-brand{font-size:21px;padding:0 12px 27px;letter-spacing:-1.4px}.app-sidebar-brand .brand-mark span{background:var(--green)}.sidebar-caption{font-size:9px;font-weight:850;letter-spacing:1.5px;color:#9aaa9b;padding:8px 13px;margin:0 0 5px}.view-nav{display:flex;flex-direction:column;gap:3px}.nav-item{width:100%;border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:12px;color:#637268;padding:11px 12px;border-radius:8px;font-size:12px;font-weight:650;transition:background .15s,color .15s}.nav-item:hover{background:#eaf1e9}.nav-item.is-active{background:#dcebe0;color:#245c43;font-weight:800}.nav-icon{width:19px;text-align:center;font-size:17px;line-height:1}.sidebar-project{display:flex;align-items:center;gap:10px;margin:22px 0 12px;padding:12px 9px;border:1px solid #d8e6db;border-radius:9px;background:#f1f7ef}.sidebar-project-emoji{display:grid;place-items:center;border-radius:7px;width:30px;height:30px;background:#d5e6d7;color:#245842;font-size:19px}.sidebar-project div{flex:1;min-width:0}.sidebar-project small,.sidebar-foot small{display:block;color:#95a598;font-size:8px;font-weight:800;letter-spacing:.7px}.sidebar-project strong{font-size:12px}.sidebar-project>span:last-child{font-size:13px;color:#6a8b72}.sidebar-foot{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:16px 3px 0;margin-top:auto}.sidebar-foot strong{font-size:11px}.sidebar-foot small{font-size:9px;letter-spacing:0;font-weight:500;margin-top:2px}.avatar-small{width:30px;height:30px;flex:none}.sidebar-foot-dots{margin-left:auto;color:#8fa194}
.app-main{min-width:0;background:#fff}.app-toolbar{height:66px;border-bottom:1px solid #edf0eb;display:flex;justify-content:space-between;align-items:center;padding:0 28px}.toolbar-breadcrumb{font-size:11px;color:#9aa99d}.toolbar-breadcrumb span{margin:0 7px;color:#c7d0c7}.toolbar-breadcrumb strong{color:#42564a}.toolbar-right{display:flex;gap:13px;align-items:center}.toolbar-demo{font-size:9px;letter-spacing:1.3px;color:#6c9a78;font-weight:800}.toolbar-avatar{width:29px;height:29px}.view-content{padding:29px;min-height:624px}.view-header{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:24px}.view-kicker{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#6d9a76;margin:0 0 7px}.view-title{font-family:Georgia,serif;font-size:29px;font-weight:400;letter-spacing:-1px;margin:0}.view-subtitle{color:#7a8a7f;font-size:12px;line-height:1.5;margin:7px 0 0}.illustrative-label{display:inline-flex;align-items:center;gap:6px;font-size:9px;letter-spacing:1px;font-weight:850;color:#719276;background:#f1f6ef;padding:7px 10px;border-radius:5px;white-space:nowrap}
.grid-two{display:grid;grid-template-columns:1.35fr .85fr;gap:16px}.grid-equal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px}.card-soft{background:#f6f9f4}.card-title{font-size:11px;font-weight:850;color:#304b3b;margin:0 0 15px;display:flex;justify-content:space-between;align-items:center}.card-title span{font-size:10px;font-weight:650;color:#97a79b}.welcome-card{background:#e7f0e8;border-color:#d8e8da;position:relative;overflow:hidden;min-height:192px;padding:23px}.welcome-card:after{content:"✳";position:absolute;font-size:172px;right:3%;top:-36px;color:#b7d2bc;opacity:.75}.welcome-card>*{position:relative;z-index:1}.welcome-card h3{font-family:Georgia,serif;font-size:27px;letter-spacing:-.8px;font-weight:400;margin:4px 0 8px}.welcome-card p{font-size:11px;line-height:1.6;color:#56705b;max-width:310px}.view-link{background:transparent;border:0;padding:0;color:#2c7551;font-size:11px;font-weight:800}.view-link:hover{text-decoration:underline}.welcome-card .view-link{margin-top:9px}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.stat-card{border:1px solid var(--line);border-radius:10px;padding:15px 14px}.stat-card .stat-number{font-family:Georgia,serif;font-size:25px;display:block;color:#284f3a}.stat-card .stat-label{color:#809083;font-size:10px}.progress-track{background:#e7eee6;height:7px;border-radius:20px;overflow:hidden}.progress-track span{display:block;background:#51926e;height:100%;border-radius:20px}.project-row,.task-row,.file-row,.member-row,.activity-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #edf1ec}.project-row:first-of-type,.task-row:first-of-type,.file-row:first-of-type,.member-row:first-of-type,.activity-row:first-of-type{border-top:0}.project-symbol,.file-symbol{width:33px;height:33px;display:grid;place-items:center;border-radius:8px;background:#e7eee4;color:#3b7353;font-size:17px;flex:none}.project-symbol.gold{background:#f7eddd;color:#98754a}.row-main{min-width:0;flex:1}.row-main strong{display:block;color:#304539;font-size:11px}.row-main small{display:block;color:#8a9a8d;font-size:10px;margin-top:3px}.row-end{font-size:10px;color:#849b87;white-space:nowrap}.status{font-size:9px;font-weight:800;border-radius:4px;background:#e8f2e9;color:#3f815a;padding:5px 7px;white-space:nowrap}.status.gold{background:#fbf1e2;color:#9a7642}.status.gray{background:#eef0ed;color:#79897c}.mini-heading{font-size:12px;font-weight:850;color:#384f40;margin:0 0 15px}.section-stack{display:grid;gap:16px}.avatar-row{display:flex;align-items:center}.avatar-row .avatar{width:29px;height:29px;border:2px solid #fff;margin-left:-6px}.avatar-row .avatar:first-child{margin-left:0}.avatar.a2{background:#c7dce8;color:#385a68}.avatar.a3{background:#e9d7b6;color:#806a40}.avatar.a4{background:#d4cee9;color:#514579}.avatar-row small{margin-left:8px;color:#8ca08f;font-size:10px}
.project-hero{background:linear-gradient(115deg,#dce9db 0%,#eaf0dc 60%,#f3e6cd 100%);border:1px solid #dbe5d6;border-radius:13px;padding:24px;min-height:178px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.project-hero h3{font-family:Georgia,serif;font-size:31px;letter-spacing:-1px;font-weight:400;margin:5px 0 9px}.project-hero p{font-size:11px;color:#5e7663;line-height:1.6;max-width:400px;margin:0}.project-hero .hero-project-art{font-size:130px;line-height:1;color:#8db396;opacity:.5;align-self:center;transform:rotate(-12deg);margin-right:25px}.tag{display:inline-block;border-radius:30px;border:1px solid #d5e3d7;background:#f3f7f1;padding:5px 9px;color:#598262;font-size:9px;font-weight:800;letter-spacing:.4px}.tag-gold{border-color:#ecdcbf;background:#fcf6eb;color:#a07848}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.milestone{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:11px;color:#496051}.milestone .dot{width:18px;height:18px;border-radius:50%;border:2px solid #9dbc9e;display:grid;place-items:center;color:#fff;font-size:11px}.milestone.done .dot{background:#5c9a6e;border-color:#5c9a6e}.milestone.current{font-weight:800}
.filter-row{display:flex;gap:7px;margin:0 0 14px;flex-wrap:wrap}.filter-button{border:1px solid #dee8df;background:#fff;color:#6c826f;padding:7px 12px;border-radius:40px;font-size:10px;font-weight:800}.filter-button.is-active{background:#345f47;border-color:#345f47;color:#fff}.task-check{appearance:none;width:17px;height:17px;border:1.5px solid #a6b9a8;border-radius:5px;flex:none;display:grid;place-items:center;margin:0;cursor:pointer}.task-check:checked{background:#4f9368;border-color:#4f9368}.task-check:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:800}.task-row.is-done strong{text-decoration:line-through;color:#94a397}.task-meta{font-size:10px;color:#8da091;white-space:nowrap}.task-help{font-size:10px;color:#879a8a;margin:13px 0 0}
.timeline{padding-left:17px;border-left:1px solid #cfe0d2;margin-left:7px}.timeline-entry{position:relative;padding:0 0 24px 22px}.timeline-entry:before{content:"";position:absolute;width:11px;height:11px;border:3px solid #fff;border-radius:50%;background:#64a477;box-shadow:0 0 0 1px #bad6be;left:-25px;top:2px}.timeline-entry:last-child{padding-bottom:0}.timeline-date{font-size:9px;letter-spacing:1px;color:#91a094;font-weight:800}.timeline-entry h3{font-size:12px;margin:6px 0;color:#33533d}.timeline-entry p{font-size:11px;line-height:1.6;color:#718273;margin:0}.timeline-visual{height:87px;margin-top:10px;background:linear-gradient(140deg,#d4e8db,#f0e1c6);border-radius:8px;display:flex;align-items:end;padding:11px;font-size:10px;color:#467258;font-weight:700}
.feed-card{border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:13px}.feed-author{display:flex;align-items:center;gap:9px}.feed-author .avatar{width:31px;height:31px}.feed-author strong{font-size:11px;display:block}.feed-author small{font-size:9px;color:#98a79b}.feed-card p{font-size:11px;line-height:1.7;color:#596d5e;margin:13px 0}.feed-art{height:88px;border-radius:8px;background:linear-gradient(130deg,#e9dfc7,#b7d4c0);display:flex;align-items:center;justify-content:center;color:#4c7457;font-family:Georgia,serif;font-size:24px;letter-spacing:-1px}.reaction{border:0;background:#f4f8f3;color:#6e8975;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:750;margin-top:10px}.reaction.is-liked{background:#e6f1e6;color:#2d7650}.reply-note{font-size:10px;color:#9aaa9d;margin-left:8px}.proof-icon{width:35px;height:35px;border-radius:9px;background:#e9f2e8;color:#4b8c62;display:grid;place-items:center;font-size:19px}.file-table-head{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;color:#9ca99d;font-size:9px;font-weight:800;letter-spacing:1px;padding:0 0 8px;border-bottom:1px solid var(--line)}.file-table-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #f0f2ee;font-size:10px;color:#758679}.file-table-row:last-child{border:0}.file-name{display:flex;align-items:center;gap:8px;color:#425b49;font-weight:750;min-width:0;overflow-wrap:anywhere}.file-name .file-symbol{width:26px;height:26px;font-size:12px}.note-box{padding:13px 15px;background:#f4f8f2;border:1px solid #e1eade;border-radius:8px;font-size:10px;line-height:1.6;color:#718672}.chat-box{border:1px solid var(--line);border-radius:11px;overflow:hidden}.chat-top{display:flex;align-items:center;gap:8px;background:#f6f9f5;border-bottom:1px solid var(--line);padding:12px 14px;font-size:11px;font-weight:800}.chat-messages{display:grid;gap:12px;padding:17px;background:#fff;min-height:195px}.chat-line{max-width:80%;display:flex;gap:7px;align-items:start}.chat-line.own{justify-self:end;flex-direction:row-reverse}.chat-bubble{background:#eef3eb;border-radius:9px 9px 9px 2px;padding:9px 11px;font-size:10px;line-height:1.5;color:#4c6652}.chat-line.own .chat-bubble{background:#dbeadf;border-radius:9px 9px 2px 9px}.chat-name{font-size:9px;font-weight:850;color:#4e7857;margin-bottom:3px}.chat-bottom{background:#fafcf9;border-top:1px solid var(--line);padding:10px 14px;font-size:10px;color:#9caa9f}
.preview-footnote{display:flex;gap:8px;align-items:flex-start;color:#839485;font-size:11px;line-height:1.6;margin:18px 2px 0}.preview-footnote span{font-size:16px;color:#6ea17d}.closing{background:#dbe8da;min-height:330px;padding:55px clamp(20px,7vw,110px);display:flex;align-items:center;gap:54px;position:relative;overflow:hidden}.closing-art{width:170px;height:170px;display:grid;place-items:center;background:#c6ddc7;color:#4e8a61;border-radius:30px;transform:rotate(-12deg);font-size:150px;line-height:1;flex:none}.closing .eyebrow{color:#5c8366;margin-bottom:10px}.closing h2{font-size:clamp(43px,5vw,70px);margin:0}.closing h2 em{color:#507b5c}.closing p:last-child{font-size:13px;color:#64806a}.closing-link{margin-left:auto;border-bottom:1px solid #4d7559;padding:8px 0;font-size:12px;color:#335f42;font-weight:800;white-space:nowrap}.site-footer{min-height:84px;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px clamp(20px,5vw,76px);background:var(--forest);color:#bdd0c0;font-size:11px}.footer-brand{color:#fff;font-weight:850;letter-spacing:-1.3px;font-size:20px}
@media(max-width:1000px){.hero-inner{grid-template-columns:1fr;min-height:auto;padding-top:80px}.hero-art{height:330px;max-width:570px;width:100%;justify-self:center}.hero-card-front{top:36px;left:8%}.hero-card-back{top:0}.hero-proof{margin-top:34px}.app-frame{grid-template-columns:185px minmax(0,1fr)}.app-sidebar{padding-left:8px;padding-right:8px}.view-content{padding:20px}.grid-two{grid-template-columns:1fr}.preview-intro{align-items:start}.closing{gap:25px}.closing-art{width:110px;height:110px;font-size:100px}}
@media(max-width:700px){.site-header{height:66px}.header-note{display:none}.hero-inner{padding-top:65px;padding-bottom:40px}.hero h1{font-size:clamp(54px,12vw,78px)}.hero-art{height:295px;max-width:400px}.hero-card-front{width:260px;padding:20px;left:6%;top:38px}.hero-card-front strong{font-size:34px;margin:17px 0 22px}.hero-card-back{width:220px;right:0;top:10px;padding:16px}.orbit{width:310px;height:310px}.orbit-two{width:380px;height:380px}.hero-spark-one{right:4%;bottom:0}.preview-section{padding-top:68px;padding-bottom:65px}.preview-intro{display:block}.preview-intro-right{margin-top:18px;max-width:500px}.app-frame{display:block;overflow:visible;border-radius:11px}.app-sidebar{border-right:0;border-bottom:1px solid var(--line);display:block;padding:12px}.app-sidebar-brand,.sidebar-caption,.sidebar-project,.sidebar-foot{display:none}.view-nav{display:flex;flex-direction:row;overflow-x:auto;padding:2px 0 5px;scrollbar-width:thin}.nav-item{white-space:nowrap;width:auto;flex:none;gap:6px;padding:9px 10px}.nav-icon{font-size:14px;width:15px}.app-toolbar{height:48px;padding:0 15px}.view-content{min-height:520px;padding:16px}.view-title{font-size:25px}.grid-equal{grid-template-columns:1fr}.closing{display:block;padding-top:45px;padding-bottom:45px}.closing-art{float:right;margin-left:16px}.closing-link{display:inline-block;margin-top:15px}.site-footer{flex-wrap:wrap}.site-footer span:last-child{width:100%}}
@media(max-width:410px){.hero-description{font-size:15px}.hero-hint{width:100%}.hero-art{height:260px}.hero-card-front{left:0}.hero-card-back{right:-12px}.view-header{display:block}.view-header .illustrative-label{margin-top:12px}.stat-row{gap:6px}.stat-card{padding:10px}.stat-card .stat-number{font-size:21px}.file-table-head,.file-table-row{grid-template-columns:2fr 1fr}.file-table-head span:last-child,.file-table-row span:last-child{display:none}.toolbar-demo{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}