@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#25352d;--muted:#758078;--cream:#f7f6f0;--green:#2e674c;--mint:#e4f0e7;--line:#e7e8df;--white:#fffefa;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:245px;flex-shrink:0;padding:30px 18px 22px 22px;background:#f0f1e9;border-right:1px solid #e5e7dc;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:3}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);margin:0 0 51px 4px}.brand-mark{width:40px;height:40px;background:var(--green);border-radius:14px;color:white;display:grid;place-items:center;font:800 25px Manrope;position:relative}.brand-mark span{color:#e6bd78;font-size:13px;position:absolute;right:7px;top:4px}.brand strong{display:block;font:800 15px Manrope;letter-spacing:-.6px}.brand small{display:block;font-size:10px;color:#7b857a;margin-top:3px}.side-label,.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#7d897e}.side-label{margin:0 0 13px 10px}.nav-item{border:0;background:transparent;text-align:left;padding:13px 12px;border-radius:11px;color:#69766c;display:flex;align-items:center;gap:13px;margin:2px 0;font-size:13px}.nav-item span{font-size:20px;width:20px;text-align:center}.nav-item:hover,.nav-item.active{background:#dfe9df;color:#285b42;font-weight:700}.sidebar-bottom{margin-top:auto}.sloth-card{background:#e5eadc;border-radius:15px;padding:15px;margin-bottom:18px}.sloth-emoji{font-size:25px;margin-bottom:8px}.sloth-card strong{font-size:12px}.sloth-card p{font-size:11px;line-height:1.6;color:#69776a;margin:6px 0 0}.local-status{display:flex;gap:8px;align-items:center;font-size:10px;color:#748077;padding:0 7px}.status-dot{width:7px;height:7px;background:#d3a25a;border-radius:50%}.status-dot.online{background:#4d9a69}.main{margin-left:245px;width:calc(100% - 245px);padding:0 46px;max-width:1600px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{color:#8b938a;font-size:11px}.breadcrumb span{padding:0 10px;color:#c4c9c0}.breadcrumb b{color:#425448;font-weight:600}.top-actions{display:flex;align-items:center;gap:15px}.privacy-pill{background:#eaf0e7;border:1px solid #dce6da;color:#4e7056;padding:8px 11px;border-radius:20px;font-size:10px}.privacy-pill span{font-size:14px;margin-right:5px}.icon-button{border:1px solid var(--line);border-radius:10px;background:#fffefa;color:#607064;width:34px;height:34px}.view{display:none}.view.active{display:block}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:25px;padding:51px 0 41px;align-items:center}.hero-copy{padding:0 0 10px 8px}.eyebrow{display:block}.sparkle{color:#c38d4e;margin-right:5px}.hero h1,.work-heading h1{font:800 clamp(42px,4.5vw,62px)/1.05 Manrope,sans-serif;letter-spacing:-3px;margin:20px 0 17px}.hero h1 em,.work-heading h1 em{font:italic 500 1.03em var(--serif);color:var(--green);letter-spacing:-3.5px}.hero-copy>p,.work-heading>p{color:#778177;max-width:390px;line-height:1.8;font-size:13px;margin-bottom:25px}.primary-button{border:0;background:var(--green);color:white;padding:13px 17px;border-radius:9px;font-weight:700;font-size:12px;box-shadow:0 5px 12px #2e674c19;transition:transform .2s,background .2s}.primary-button:hover{background:#24543c;transform:translateY(-1px)}.primary-button span{margin-left:18px;font-size:16px}.hero-art{height:292px;border-radius:20px;background:#e7eee0;position:relative;overflow:hidden}.sun{position:absolute;width:100px;height:100px;border-radius:50%;background:#f5dca6;right:62px;top:25px}.hero-art:before{content:"";position:absolute;width:230px;height:230px;background:#d4e2cf;border-radius:50%;left:30px;bottom:-126px}.hero-art:after{content:"";position:absolute;width:210px;height:210px;background:#dce8d4;border-radius:50%;right:-52px;bottom:-106px}.branch{position:absolute;width:270px;height:13px;background:#a9805b;transform:rotate(-11deg);top:106px;left:55px;border-radius:20px;z-index:2}.sloth-illustration{position:absolute;inset:0;z-index:3}.sloth-body{position:absolute;width:124px;height:147px;background:#96775b;border-radius:54% 48% 45% 45%;left:calc(50% - 54px);top:91px;transform:rotate(-8deg);box-shadow:inset -12px -8px #806247}.sloth-face{position:absolute;width:93px;height:91px;background:#b99a79;border-radius:48% 48% 46% 46%;left:calc(50% - 39px);top:87px;transform:rotate(-9deg);border:4px solid #8b6b4f}.mask{position:absolute;width:66px;height:49px;background:#e6d8bd;border-radius:50%;left:10px;top:22px;transform:rotate(-5deg)}.eye{position:absolute;width:7px;height:7px;border-radius:50%;background:#3b332a;z-index:2;top:38px}.eye-left{left:28px}.eye-right{left:55px}.nose{position:absolute;z-index:3;top:48px;left:40px;width:13px;height:8px;border-radius:50%;background:#49382b}.smile{position:absolute;width:18px;height:8px;border-bottom:2px solid #74533c;border-radius:50%;top:59px;left:38px;z-index:3}.arm{position:absolute;width:29px;height:93px;background:#96775b;border-radius:22px;z-index:4;top:47px}.arm-left{left:calc(50% - 54px);transform:rotate(-31deg)}.arm-right{left:calc(50% + 45px);transform:rotate(24deg)}.plant{position:absolute;bottom:26px;width:40px;height:52px;background:#b7c6a5;border-radius:5px 5px 13px 13px;z-index:4}.pot-left{left:34px}.pot-right{right:31px;height:40px;background:#d7b38b}.leaf{position:absolute;width:25px;height:45px;background:#9ab594;border-radius:100% 0 100% 0;z-index:2}.leaf-one{left:35px;bottom:65px;transform:rotate(-30deg)}.leaf-two{right:46px;bottom:65px;transform:rotate(30deg)}.art-caption{position:absolute;z-index:5;bottom:16px;left:0;right:0;text-align:center;font:italic 15px var(--serif);color:#71866c}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:19px}.section-heading h2{font:700 21px Manrope;letter-spacing:-.7px;margin:7px 0 0}.tiny-note{font-size:10px;color:#9aa197;padding-bottom:4px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tool-card{position:relative;text-align:left;border:1px solid transparent;border-radius:15px;padding:20px 19px 17px;min-height:202px;color:var(--ink);transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #25352d0c}.card-mint{background:#e7f0e8;border-color:#dce9dc}.card-peach{background:#f6e9dc;border-color:#f0dfcf}.card-lilac{background:#ebe8f2;border-color:#e2deed}.tool-icon{width:36px;height:36px;border-radius:11px;background:#f9fcf7;display:grid;place-items:center;font-size:20px;color:#3b7654}.card-peach .tool-icon{color:#ad7544;background:#fff8f1}.card-lilac .tool-icon{color:#8171a6;background:#f8f6ff}.card-arrow{position:absolute;right:18px;top:22px;color:#8b998c}.tool-card h3{font:700 15px Manrope;margin:18px 0 8px;letter-spacing:-.3px}.tool-card p{font-size:11px;line-height:1.65;color:#778278;margin:0;max-width:250px}.card-link{display:block;font-size:10px;font-weight:700;margin-top:17px;color:#386749}.card-link b{font-size:15px;margin-left:7px}.bottom-row{display:grid;grid-template-columns:1.15fr .85fr;gap:15px;margin-top:24px;margin-bottom:38px}.quote-card,.connection-card{border:1px solid var(--line);background:#fffefa;border-radius:14px;min-height:118px;padding:19px 20px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden}.quote-mark{font:60px Georgia;color:#b8c9b3;align-self:flex-start;line-height:1}.quote-card p{font:italic 14px/1.55 var(--serif);margin:0 0 8px;color:#45594a;max-width:400px}.quote-card small{font-size:10px;color:#929b90}.quote-leaf{position:absolute;right:18px;bottom:9px;font-size:28px;color:#dce8d6}.connection-card{display:block;padding:17px 19px}.connection-top{display:flex;align-items:center;gap:8px}.connection-icon{color:#477b59;font-size:16px}.connection-label{font-size:9px;letter-spacing:1.2px;font-weight:700;color:#899389}.badge{margin-left:auto;font-size:9px;border-radius:20px;background:#f8ead2;color:#a77535;padding:5px 8px}.badge.online{background:#e2f1e5;color:#3c8050}.connection-card h3{font-size:13px;margin:11px 0 5px}.connection-card p{font-size:10px;line-height:1.5;color:#7e887e;margin:0}.text-button{border:0;background:transparent;padding:9px 0 0;color:#3e7651;font-size:10px;font-weight:700}.footer{border-top:1px solid var(--line);padding:19px 0 22px;display:flex;justify-content:space-between;color:#9aa196;font-size:10px}.footer-dot{color:#b58d55;margin:0 4px}.work-view{max-width:850px;margin:0 auto;padding:34px 0 55px}.back-link{border:0;background:transparent;color:#758276;font-size:11px;padding:0;margin-bottom:28px}.work-heading h1{font-size:48px;margin:14px 0 11px}.work-heading>p{margin:0 0 24px;max-width:600px}.workspace-card,.result-card{background:#fffefa;border:1px solid var(--line);border-radius:16px;padding:23px;margin-bottom:17px}.workspace-card>label,.modal-panel>label,.option-row label{display:block;color:#7e897e;font-size:9px;font-weight:700;letter-spacing:1.15px;margin-bottom:11px}.workspace-card textarea{display:block;width:100%;min-height:175px;resize:vertical;border:1px solid #e6e8df;border-radius:10px;padding:15px;color:var(--ink);background:#fbfbf7;outline:none;line-height:1.7;font-size:12px}.workspace-card textarea:focus,.modal-panel input:focus{border-color:#98b89e;box-shadow:0 0 0 3px #e7f1e7}.workspace-card textarea::placeholder{color:#a3aaa1}.workspace-card .short-textarea{min-height:105px}.workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px;color:#929a91;font-size:10px}.privacy-mini{font-size:14px;margin-right:5px;color:#598165}.option-row{display:flex;align-items:center;justify-content:space-between;margin-top:17px;gap:15px}.option-row label{margin:0}.option-row select{border:1px solid #e3e6dc;background:#fbfbf7;border-radius:8px;padding:9px 12px;color:#58675b;font-size:11px;max-width:270px}.result-card{animation:rise .3s ease}.hidden{display:none!important}.result-title{display:flex;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid #edf0e8}.result-title>span{width:34px;height:34px;border-radius:10px;background:#e6f0e6;color:#447a53;display:grid;place-items:center;font-size:18px}.result-title b{display:block;font:700 13px Manrope}.result-title small{display:block;color:#929b91;font-size:10px;margin-top:4px}.copy-button{margin-left:auto;background:#f1f4ed;border:1px solid #e4e9df;border-radius:8px;padding:8px 12px;color:#52725a;font-size:10px;font-weight:700}.result-content{padding:17px 2px 2px;color:#536257;font-size:12px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.checklist-output .task-line{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #f0f1eb}.task-line:last-child{border:0}.task-line input{margin-top:4px;accent-color:#39704d}.task-line:has(input:checked) span{text-decoration:line-through;color:#9ca59a}.modal{position:fixed;inset:0;background:#24352d6b;display:grid;place-items:center;padding:20px;z-index:10}.modal-panel{width:min(100%,430px);background:#fffefa;border-radius:18px;padding:28px;position:relative;box-shadow:0 20px 70px #1a2b1e33}.modal-close{position:absolute;right:17px;top:14px;border:0;background:transparent;font-size:25px;color:#718075}.modal-panel h2{font:800 24px Manrope;letter-spacing:-1px;margin:12px 0}.modal-panel>p{color:#788479;font-size:12px;line-height:1.7}.modal-panel>label{margin:19px 0 8px}.modal-panel input{width:100%;padding:11px;border:1px solid #e1e5da;border-radius:8px;background:#fbfbf7;outline:none;color:#45574a;font-size:12px}.modal-note{background:#edf3e9;border-radius:10px;padding:13px;margin:18px 0;color:#657763;font-size:11px;line-height:1.9}.modal-note code{display:inline-block;background:#fffefa;padding:3px 6px;border-radius:4px;color:#315c3e;font-size:10px}.full-button{width:100%}.fine-print{font-size:10px!important;color:#9ba298!important;margin-bottom:0}.toast{position:fixed;bottom:25px;right:25px;z-index:20;background:#263d2f;color:#fff;padding:12px 17px;border-radius:10px;box-shadow:0 8px 24px #17291e25;font-size:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.main{padding:0 28px}.sidebar{width:220px}.main{margin-left:220px;width:calc(100% - 220px)}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:48px}.tool-card{padding:17px}.tool-card h3{font-size:13px}}@media(max-width:800px){.sidebar{width:67px;padding:20px 9px}.brand{margin:0 auto 38px}.brand>span:last-child,.side-label,.nav-item:not(.active),.nav-item.active{font-size:0}.brand-mark{width:42px;height:42px}.nav-item{justify-content:center;padding:13px 0}.nav-item span{font-size:20px}.sloth-card,.local-status{display:none}.main{margin-left:67px;width:calc(100% - 67px);padding:0 20px}.hero{grid-template-columns:1fr;padding-top:35px}.hero-art{height:260px;grid-row:1}.hero-copy{padding:0}.hero h1{font-size:50px;margin-top:14px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:170px}.bottom-row{grid-template-columns:1fr}.section-heading{align-items:start;gap:10px;flex-direction:column}.tiny-note{display:none}.topbar{height:64px}.privacy-pill{display:none}.footer{gap:15px;line-height:1.6}.work-heading h1{font-size:39px}.workspace-card{padding:16px}.workspace-footer{align-items:flex-start;flex-direction:column}.workspace-footer .primary-button{width:100%}.option-row{align-items:flex-start;flex-direction:column}.option-row select{max-width:none;width:100%}}@media(max-width:420px){.main{padding:0 14px}.hero-art{height:225px}.hero h1{font-size:43px}.footer{flex-direction:column}.work-heading h1{font-size:34px}.top-actions{gap:7px}}
