@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600;1,700&display=swap');
:root{--ink:#17231f;--muted:#76827d;--line:#e6ebe7;--paper:#f8faf8;--white:#fff;--violet:#7565d8;--green:#2c9d76;--orange:#e78a48;--sky:#4aa8c6;--rose:#d86779;--shadow:0 22px 60px rgba(25,51,43,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,a{font:inherit}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:258px;background:#f1f5f1;border-right:1px solid var(--line);padding:28px 18px 20px;display:flex;flex-direction:column;flex-shrink:0}.brand-lockup{display:flex;align-items:center;gap:11px;padding:0 11px 27px}.brand-mark{height:32px;width:32px;border-radius:10px;background:var(--ink);color:#d4f569;display:grid;place-items:center;font:500 11px 'DM Mono';letter-spacing:-1px}.brand-lockup strong,.brand-lockup span{display:block;line-height:1.1}.brand-lockup strong{font-size:14px;letter-spacing:-.2px}.brand-lockup span{font:11px 'DM Mono';color:var(--muted);margin-top:3px}.workspace-switcher{border:1px solid #dfe7e1;background:#fafcf9;border-radius:13px;padding:10px;display:flex;align-items:center;gap:9px;margin-bottom:25px}.workspace-avatar,.profile-avatar{display:grid;place-items:center;border-radius:8px;background:#d8f36f;color:#24301f;font:500 10px 'DM Mono'}.workspace-avatar{width:28px;height:28px}.workspace-switcher small,.workspace-switcher strong{display:block}.workspace-switcher small{color:var(--muted);font-size:10px}.workspace-switcher strong{font-size:11px;margin-top:2px}.chevron{margin-left:auto;color:#9aa6a0}.primary-nav{display:grid;gap:4px}.nav-label,.section-kicker,.eyebrow{font:500 10px 'DM Mono';letter-spacing:1.25px;color:#89968f}.nav-label{padding:18px 12px 9px}.nav-item{display:flex;align-items:center;gap:11px;color:#68756f;font-size:13px;border-radius:9px;padding:9px 12px;transition:.18s ease}.nav-item span:first-child{width:17px;text-align:center;font-size:16px;color:#9aa7a0}.nav-item b{margin-left:auto;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:500;background:#e3eae4;color:#829087}.nav-item:hover,.nav-item.active{background:#e4ece5;color:var(--ink)}.nav-item.active{font-weight:600}.nav-item.active span:first-child{color:var(--ink)}.module-dot{display:grid!important;place-items:center;width:17px!important;height:17px;border-radius:5px;color:white!important;font:500 10px 'DM Mono'}.module-dot.violet{background:var(--violet)}.module-dot.emerald{background:var(--green)}.module-dot.orange{background:var(--orange)}.module-dot.sky{background:var(--sky)}.module-dot.rose{background:var(--rose)}.sidebar-footer{margin-top:auto}.plan-meter{background:#e7eee7;border-radius:12px;padding:12px;margin-top:17px}.plan-head{display:flex;justify-content:space-between;font-size:10px;color:#65736b}.plan-head strong{color:var(--ink)}.meter{height:4px;background:#d4dfd5;border-radius:4px;margin:9px 0 7px;overflow:hidden}.meter i{display:block;height:100%;width:18%;background:#61785f;border-radius:4px}.plan-meter small{font-size:10px;color:#95a19a}.upgrade-link{background:none;color:#547251;font-size:10px;padding:10px 0 0}.main-content{flex:1;max-width:1540px;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5%;justify-content:space-between}.breadcrumbs{display:flex;gap:12px;align-items:center;color:#a0aaa4;font-size:12px}.breadcrumbs b{font-weight:400;color:#c6cec7}.breadcrumbs strong{color:var(--ink);font-weight:600}.top-actions{display:flex;gap:11px;align-items:center}.icon-btn{position:relative;background:transparent;color:#7d8982;font-size:22px;padding:6px}.icon-btn i{width:5px;height:5px;background:#e36773;position:absolute;right:4px;top:4px;border-radius:50%}.profile-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:5px 9px 5px 5px;font-size:12px}.profile-avatar{width:27px;height:27px;border-radius:7px}.profile-name{margin-left:2px}.mobile-menu{display:none;background:transparent;font-size:20px}.hero{margin:54px 5% 58px;max-width:1180px;display:flex;justify-content:space-between;min-height:260px}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{height:3px;width:3px;background:#abb6ae;border-radius:50%}.hero h1{font-size:clamp(42px,5.3vw,76px);letter-spacing:-4px;line-height:.98;margin:22px 0 20px;font-weight:500}.hero h1 em{font:italic 600 1em 'Playfair Display',serif;color:#66845c}.hero-lede{font-size:16px;color:#7b8780;max-width:390px;line-height:1.55;margin:0}.hero-actions{display:flex;gap:12px;margin-top:28px}.button{padding:12px 17px;border-radius:8px;font-size:12px;font-weight:600;transition:.16s ease}.button:active{transform:scale(.97)}.button.primary{color:#fff;background:var(--ink);box-shadow:0 10px 20px rgba(23,35,31,.12)}.button.primary:hover{background:#2e4038}.button.ghost{background:transparent;color:var(--ink)}.button.ghost span,.text-link span,.section-heading a span{margin-left:7px}.hero-art{width:340px;height:260px;position:relative;margin-right:5%}.orbit{position:absolute;border:1px solid #dae4db;border-radius:50%;transform:rotate(-26deg)}.orbit-one{width:300px;height:160px;top:44px;left:0}.orbit-two{width:220px;height:290px;top:-14px;left:50px}.art-card{position:absolute;border-radius:12px;width:190px;height:210px;left:75px;top:25px;box-shadow:var(--shadow)}.card-back{background:#d9e8d9;transform:rotate(14deg);left:105px;top:35px}.card-front{background:#e0e6d4;padding:20px;transform:rotate(-7deg);overflow:hidden}.art-chip{display:grid;place-items:center;width:27px;height:27px;background:#1e2d25;color:#d4f569;border-radius:7px;font:10px 'DM Mono'}.art-lines{margin-top:25px;display:grid;gap:6px}.art-lines i{display:block;background:#a5b996;height:5px;border-radius:4px}.art-lines i:first-child{width:72%}.art-lines i:nth-child(2){width:92%}.art-lines i:nth-child(3){width:57%}.art-chart{height:68px;display:flex;align-items:flex-end;gap:7px;margin-top:28px}.art-chart b{width:13px;background:#789b6e;border-radius:4px 4px 0 0}.art-chart b:nth-child(1){height:35%}.art-chart b:nth-child(2){height:65%}.art-chart b:nth-child(3){height:45%}.art-chart b:nth-child(4){height:85%}.art-chart b:nth-child(5){height:70%}.art-card small{font-size:9px;color:#778979}.spark{position:absolute;color:#a0c370;font-size:24px}.spark-a{top:9px;right:28px}.spark-b{bottom:13px;left:16px;font-size:20px}.section-block{margin:0 5% 55px;max-width:1180px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.section-kicker{margin:0 0 9px}.section-heading h2{font-size:23px;letter-spacing:-.8px;margin:0}.section-heading>a{font-size:11px;color:#809086}.module-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.module-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;min-height:180px;overflow:hidden;transition:.2s ease}.module-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(25,51,43,.08)}.module-card:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;bottom:-38px;background:currentColor;opacity:.055}.module-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;color:#fff;font:500 12px 'DM Mono';margin-bottom:21px}.module-icon.violet,.file-type.violet{background:var(--violet)}.module-icon.emerald,.file-type.emerald{background:var(--green)}.module-icon.orange,.file-type.orange{background:var(--orange)}.module-icon.sky,.file-type.sky{background:var(--sky)}.module-icon.rose,.file-type.rose{background:var(--rose)}.module-content h3{font-size:13px;margin:0 0 6px}.module-content p{font-size:11px;color:#859089;line-height:1.45;margin:0;max-width:150px;min-height:50px}.text-link{background:none;color:var(--ink);font-size:10px;font-weight:600;padding:12px 0 0}.card-arrow{position:absolute;right:15px;top:16px;color:#a0aba4;font-size:16px}.lower-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px}.recent-block,.pulse-block{margin-bottom:40px}.file-list{border-top:1px solid var(--line)}.file-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:13px 0}.file-type{width:29px;height:34px;border-radius:6px;color:#fff;display:grid;place-items:center;font:500 12px 'DM Mono'}.file-meta{display:grid;gap:4px}.file-meta strong{font-size:12px}.file-meta span{font-size:10px;color:#9aa59f}.row-menu{margin-left:auto;color:#9ba69f;background:transparent;letter-spacing:2px}.pulse-card{background:#dbe9d8;border-radius:13px;padding:24px;min-height:164px}.pulse-icon{font-size:24px;color:#729864}.pulse-card p{font:italic 600 17px 'Playfair Display';line-height:1.35;max-width:300px;margin:10px 0 18px}.button.dark{background:#607b5c;color:#fff}.footer{border-top:1px solid var(--line);padding:18px 5%;display:flex;justify-content:space-between;color:#9da9a1;font-size:10px}.footer span:last-child{display:flex;gap:16px}.footer i{font-style:normal;color:#c2cbc4}.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(18,30,24,.25);backdrop-filter:blur(4px);z-index:5}.modal-backdrop.open{display:grid;place-items:center}.modal{position:relative;background:#fff;border-radius:16px;padding:30px;width:min(500px,calc(100% - 32px));box-shadow:0 30px 90px rgba(18,30,24,.22)}.modal h2{font-size:26px;letter-spacing:-1px;margin:0 0 20px}.modal-close{background:transparent;color:#93a099;font-size:25px;position:absolute;right:18px;top:14px}.create-options{display:grid;gap:8px}.create-option{display:flex;align-items:center;gap:12px;background:#f7faf7;border:1px solid var(--line);border-radius:10px;text-align:left;padding:10px;transition:.16s}.create-option:hover{background:#eef4ee}.create-option .module-icon{margin:0;width:30px;height:30px}.create-option strong,.create-option small{display:block}.create-option strong{font-size:12px}.create-option small{color:#8b978f;font-size:10px;margin-top:3px}.create-option b{margin-left:auto;color:#94a099}.toast{position:fixed;right:22px;bottom:22px;background:var(--ink);color:#fff;padding:12px 15px;border-radius:8px;font-size:12px;opacity:0;transform:translateY(8px);transition:.2s;z-index:8;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.ai-drawer{position:fixed;right:0;top:0;bottom:0;width:min(430px,100%);background:#fff;z-index:7;padding:34px;box-shadow:-20px 0 60px rgba(18,30,24,.12);transform:translateX(100%);transition:.25s ease}.ai-drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between}.drawer-head h2{font-size:29px;letter-spacing:-1px;margin:0}.drawer-copy{color:#7f8b84;line-height:1.6;font-size:13px;margin:28px 0}.drawer-copy code{background:#eef3ee;padding:2px 4px;font-size:11px}.ai-drawer textarea{width:100%;height:130px;border:1px solid var(--line);border-radius:10px;padding:13px;resize:vertical;font:13px 'DM Sans';outline:none}.ai-drawer textarea:focus{border-color:#a9c095;box-shadow:0 0 0 3px #edf4e9}.ai-drawer .button{margin-top:11px}.ai-response{background:#f1f7ef;border-radius:10px;padding:14px;margin-top:18px;color:#566a57;font-size:13px;line-height:1.5;white-space:pre-wrap}
@media(max-width:1100px){.module-grid{grid-template-columns:repeat(3,1fr)}.hero-art{margin-right:0}.hero{gap:30px}.lower-grid{gap:25px}}@media(max-width:760px){.sidebar{position:fixed;z-index:6;top:0;bottom:0;left:0;transform:translateX(-100%);transition:.2s;box-shadow:10px 0 40px rgba(18,30,24,.1)}.sidebar.open{transform:translateX(0)}.mobile-menu{display:block}.topbar{padding:0 20px}.profile-name{display:none}.breadcrumbs{display:none}.hero{margin:38px 20px 50px;display:block}.hero h1{font-size:54px;letter-spacing:-3px}.hero-art{height:220px;margin:34px auto 0;transform:scale(.82);transform-origin:center}.section-block{margin-left:20px;margin-right:20px}.module-grid{grid-template-columns:repeat(2,1fr)}.module-card{min-height:170px}.lower-grid{display:block}.footer{margin-top:20px;padding:18px 20px;display:grid;gap:8px}.footer span:last-child{gap:10px}.top-actions{margin-left:auto}}
@media(max-width:430px){.module-grid{grid-template-columns:1fr}.hero h1{font-size:49px}.hero-actions{display:grid}.hero-art{transform:scale(.72);margin-left:-25px;margin-right:-25px}.section-heading{align-items:flex-start;gap:10px;display:block}.section-heading>a{display:block;margin-top:10px}}