@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
:root{--paper:#f5f2e9;--ink:#20352b;--muted:#748075;--green:#244d3c;--lime:#c4e29b;--coral:#e98268;--line:#deded1;--white:#fffef9;--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.15;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E")}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 7.3%;position:relative;z-index:11}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700;letter-spacing:-.7px;font-size:21px}.brand-mark{display:grid;place-items:center;background:var(--green);color:var(--lime);width:34px;height:34px;border-radius:11px;font-family:var(--serif);font-size:22px}.brand-dot{color:var(--coral)}.top-note,.mono,.eyebrow,.step-count,.panel-label,footer,.input-hint,.model-status{font-family:var(--mono);font-size:10px;letter-spacing:.7px}.top-note{display:flex;align-items:center;gap:9px;color:#6f7b6e}.live-dot,.status-pulse{width:7px;height:7px;background:#7da66a;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #7da66a20}.quiet-button{border:0;background:transparent;color:var(--green);font:500 12px var(--sans);cursor:pointer;padding:10px}.quiet-button:hover,.sample-link:hover{color:var(--coral)}main{max-width:1240px;margin:auto;padding:0 42px}.hero{min-height:490px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:50px;padding:62px 0 64px}.eyebrow{color:#788374;display:flex;align-items:center;gap:9px;margin:0 0 22px}.eyebrow-line{height:1px;width:25px;background:var(--coral)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.4vw,76px);line-height:.99;letter-spacing:-3.9px;margin:0 0 24px;font-weight:600}h1 em,h2 em{font-family:var(--serif);font-weight:500;color:#5b7a55;letter-spacing:-2px}.hero-sub{font-size:15px;line-height:1.8;color:#6d786e;max-width:440px;margin-bottom:25px}.hero-proof{display:flex;align-items:center;gap:10px;font-size:11px;color:#61705f}.proof-icon{display:grid;place-items:center;background:#e6ead8;color:#58764b;width:24px;height:24px;border-radius:50%;font-size:15px}.hero-art{height:350px;position:relative;border-radius:48% 48% 22px 22px;background:#e8ebd9;overflow:hidden;display:flex;align-items:center;justify-content:center}.sun{position:absolute;width:200px;height:200px;border-radius:50%;background:#d5e5b9;right:12%;top:10%}.orbit{position:absolute;border:1px solid #c2d1aa;border-radius:50%;width:270px;height:270px;transform:rotate(-28deg)}.orbit-two{width:330px;height:220px;transform:rotate(35deg)}.branch{position:absolute;top:72px;left:5%;width:93%;height:13px;background:#7e7555;border-radius:50%;transform:rotate(-8deg)}.branch:after{content:"";position:absolute;width:80px;height:8px;background:#7e7555;right:20%;top:10px;transform:rotate(30deg);border-radius:50%}.sloth{position:absolute;width:175px;height:220px;top:68px;left:calc(50% - 75px);transform:rotate(-7deg)}.sloth-body{position:absolute;width:104px;height:140px;left:36px;top:54px;border-radius:48% 48% 42% 42%;background:#9d795b;box-shadow:inset -12px -4px #86684e}.sloth-body:after{content:"";position:absolute;inset:16px 20px 18px;border-radius:48%;background:#cbb99b}.sloth-head{position:absolute;width:106px;height:92px;top:16px;left:35px;border-radius:48% 48% 46% 46%;background:#b28b68;z-index:3}.face-patch{position:absolute;width:72px;height:59px;left:17px;top:20px;background:#e7d8bb;border-radius:48% 48% 52% 52%}.eye{position:absolute;width:6px;height:7px;border-radius:50%;background:#493c30;top:39px;z-index:2}.eye-left{left:39px}.eye-right{right:39px}.nose{position:absolute;width:12px;height:8px;border-radius:50%;background:#493c30;left:47px;top:53px;z-index:4}.smile{position:absolute;width:15px;height:8px;border-bottom:1.5px solid #493c30;border-radius:50%;top:58px;left:45px;z-index:4}.sloth-arm{position:absolute;top:0;width:20px;height:92px;background:#9d795b;border-radius:20px;z-index:4}.arm-left{left:32px;transform:rotate(-24deg)}.arm-right{right:24px;transform:rotate(25deg)}.sloth-arm:before{content:"";position:absolute;top:-3px;left:-3px;width:26px;height:14px;border-radius:50%;background:#e5d5b7}.sloth-leg{position:absolute;width:24px;height:69px;top:160px;background:#9d795b;border-radius:20px;z-index:0}.leg-left{left:51px;transform:rotate(18deg)}.leg-right{right:35px;transform:rotate(-25deg)}.leaf{position:absolute;width:36px;height:18px;border-radius:100% 0 100% 0;background:#91a97a;z-index:2}.leaf-a{top:100px;left:10%;transform:rotate(35deg)}.leaf-b{top:144px;right:8%;transform:rotate(-25deg) scale(1.4)}.leaf-c{bottom:32px;left:14%;transform:rotate(-45deg) scale(1.2)}.art-caption{position:absolute;bottom:18px;right:21px;font-family:var(--serif);font-style:italic;color:#68765c;font-size:14px}.spark{position:absolute;color:#d78b68;font-size:24px}.spark-one{top:48px;left:22%}.spark-two{top:170px;right:13%;font-size:16px}.workspace{padding:52px 0 70px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2,.method h2,.footer-cta h2{font-size:clamp(29px,3vw,40px);letter-spacing:-1.7px;line-height:1.12;margin:0}.step-count{color:#8b9285;padding-bottom:6px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.panel{background:var(--white);border:1px solid #e2e1d7;border-radius:15px;padding:22px;min-height:450px;box-shadow:0 8px 30px #20352b05}.panel-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #e9e8de}.panel-label{display:flex;align-items:center;gap:9px;color:#546352}.tiny-square{width:8px;height:8px;background:#8caf77;border-radius:2px}.tiny-square.coral{background:var(--coral)}.mono{color:#9a9d8e;font-size:9px}textarea{display:block;width:100%;height:164px;resize:vertical;border:0;outline:0;background:transparent;padding:22px 0 12px;color:var(--ink);font:14px/1.8 var(--sans)}textarea::placeholder{color:#a2a699}.input-bottom{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #e9e8de}.sample-link{border:0;background:none;color:#63845b;font:500 11px var(--sans);cursor:pointer;padding:0}.input-hint{font-size:9px;color:#a0a495;letter-spacing:0}.effort-row{padding:20px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.effort-title,.effort-sub{display:block}.effort-title{font-size:12px;font-weight:700;margin-bottom:5px}.effort-sub{font-size:10px;color:#9a9d8e}.energy-options{display:flex;gap:4px;background:#f0f0e7;padding:4px;border-radius:9px}.energy-btn{border:0;background:transparent;border-radius:6px;padding:7px 8px;font:500 10px var(--sans);color:#879080;cursor:pointer;white-space:nowrap}.energy-btn span{margin-right:3px}.energy-btn.active{background:var(--green);color:#f6f3e8;box-shadow:0 2px 5px #20352b20}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;border-radius:9px;padding:15px 17px;background:var(--green);color:#f9f7ee;font:600 13px var(--sans);cursor:pointer;transition:transform .2s,background .2s}.primary-button:hover{background:#315f49;transform:translateY(-1px)}.button-symbol{color:var(--lime);font-size:17px}.button-arrow{margin-left:auto;font-size:17px}.primary-button:disabled{opacity:.65;cursor:wait;transform:none}.model-status{display:flex;align-items:center;gap:9px;margin-top:13px;color:#93998b;letter-spacing:0;font-size:9px}.status-pulse.loading{background:var(--coral);animation:pulse 1s infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px #e9826810}}.output-panel{background:#f0f0e5;position:relative;overflow:hidden}.output-panel .panel-top{border-color:#dedfd1}.empty-state{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.empty-orbit{width:82px;height:82px;border:1px dashed #b6c4a2;border-radius:50%;position:relative;display:grid;place-items:center;margin-bottom:22px;color:#66835b;font-family:var(--serif);font-size:27px}.empty-orbit span:nth-child(2){position:absolute;top:1px;right:7px;font-size:14px}.empty-orbit span:nth-child(3){position:absolute;bottom:2px;left:4px;color:var(--coral);font-size:15px}.empty-state h3{font:500 23px var(--serif);margin-bottom:9px}.empty-state p{max-width:260px;font-size:12px;line-height:1.7;color:#7e887a;margin-bottom:22px}.empty-rule{width:34px;height:2px;background:#d2d8c3;margin-bottom:14px}.empty-state .mono{font-size:8px;letter-spacing:1.1px}.hidden{display:none!important}.result{padding:23px 2px 3px}.result-kicker{font:10px var(--mono);letter-spacing:1px;color:#7b8b70;margin-bottom:10px}.result h3{font:500 29px/1.1 var(--serif);letter-spacing:-.7px;margin:0 0 8px}.result-intro{font-size:12px;line-height:1.7;color:#778072;margin-bottom:18px}.next-step{background:var(--green);color:#f9f7ee;border-radius:12px;padding:17px 18px;margin-bottom:18px;position:relative;overflow:hidden}.next-step:after{content:"";position:absolute;width:100px;height:100px;border:1px solid #ffffff20;border-radius:50%;right:-28px;top:-35px}.next-step .step-label{font:9px var(--mono);letter-spacing:1px;color:#c4e29b;display:block;margin-bottom:9px}.next-step strong{font:500 20px/1.3 var(--serif);display:block;max-width:85%}.next-step small{display:block;margin-top:8px;font-size:10px;color:#c4d0c0}.task-list{list-style:none;padding:0;margin:0 0 17px}.task-item{display:flex;gap:11px;align-items:flex-start;padding:12px 1px;border-bottom:1px solid #dddfd2}.task-check{appearance:none;flex:0 0 17px;width:17px;height:17px;border:1px solid #b4c1a7;border-radius:5px;margin:1px 0 0;cursor:pointer;position:relative}.task-check:checked{background:#8aa777;border-color:#8aa777}.task-check:checked:after{content:"✓";position:absolute;left:2px;top:-2px;color:white;font-size:13px}.task-text{font-size:12px;line-height:1.55;color:#4e5c4c}.task-item.done .task-text{text-decoration:line-through;color:#a3aa9a}.task-meta{display:block;font:9px var(--mono);color:#a0a696;margin-top:4px}.result-actions{display:flex;gap:8px;margin-top:15px}.result-actions button,.outline-button{border:1px solid #cbd2c1;background:transparent;color:#51664b;border-radius:8px;padding:10px 12px;font:500 11px var(--sans);cursor:pointer}.result-actions button:hover,.outline-button:hover{background:#e3e8d9}.result-footnote{font-size:10px;color:#92998b;line-height:1.6;margin:14px 0 0}.method{border-top:1px solid var(--line);padding:65px 0 72px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.method-intro .eyebrow{margin-bottom:16px}.method-intro h2{margin-bottom:17px}.method-intro>p:last-child{font-size:13px;line-height:1.8;color:#7a8478;max-width:300px}.rule{display:grid;grid-template-columns:42px 1fr 28px;gap:16px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}.rule:first-child{border-top:1px solid var(--line)}.rule-number{font:10px var(--mono);color:#b1a999;padding-top:4px}.rule h3{font-size:14px;margin:0 0 6px}.rule p{font-size:12px;line-height:1.7;color:#7a8478;margin:0}.rule-icon{font-size:19px;color:#8a9c7b;text-align:right}.footer-cta{border-top:1px solid var(--line);padding:48px 0 55px;display:flex;align-items:center;gap:23px}.footer-flower{font-size:36px;color:var(--coral)}.footer-cta .eyebrow{margin-bottom:12px}.footer-cta h2{font-size:31px}.outline-button{margin-left:auto;padding:13px 17px;white-space:nowrap}footer{border-top:1px solid var(--line);padding:20px 7.3%;display:flex;justify-content:space-between;color:#969c8e;font-size:9px;letter-spacing:.7px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:min(490px,calc(100% - 32px));border:1px solid var(--line);border-radius:17px;background:var(--white);color:var(--ink);padding:34px;box-shadow:0 25px 100px #20352b30}dialog::backdrop{background:#20352b65;backdrop-filter:blur(4px)}dialog h2{font:500 34px var(--serif);margin-bottom:17px}dialog p:not(.eyebrow){font-size:13px;line-height:1.8;color:#718071}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:25px;color:#73806e;cursor:pointer}.dialog-ok{margin-top:12px}.dialog-ok span{margin-left:auto}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#20352b;color:white;border-radius:9px;padding:12px 17px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:20;box-shadow:0 8px 24px #20352b20}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.topbar{padding:0 5%;}.top-note{display:none}main{padding:0 24px}.hero{gap:25px;min-height:420px}.hero-art{height:300px}.work-grid{grid-template-columns:1fr}.panel{min-height:auto}.output-panel{min-height:400px}.method{gap:35px}.section-heading{align-items:start;gap:15px;flex-direction:column}.step-count{padding:0}}@media(max-width:560px){.topbar{height:66px}.brand{font-size:18px}.quiet-button{font-size:11px}main{padding:0 17px}.hero{grid-template-columns:1fr;padding:48px 0 45px;gap:25px}.hero-copy{position:relative;z-index:1}h1{font-size:54px;letter-spacing:-2.8px}.hero-sub{font-size:14px}.hero-art{height:260px}.sloth{transform:scale(.84) rotate(-7deg);transform-origin:top left;left:calc(50% - 70px)}.workspace{padding:42px 0}.section-heading h2{font-size:30px}.panel{padding:16px}.effort-row{align-items:flex-start;flex-direction:column}.energy-options{width:100%}.energy-btn{flex:1}.input-hint{font-size:8px}.input-bottom{gap:8px}.method{grid-template-columns:1fr;gap:25px;padding:45px 0}.footer-cta{flex-wrap:wrap;gap:14px}.footer-cta h2{font-size:28px}.outline-button{margin:8px 0 0;width:100%}footer{padding:18px 17px;gap:10px;flex-wrap:wrap;font-size:8px}footer span:last-child{width:100%}.result h3{font-size:26px}.result-actions{flex-wrap:wrap}.result-actions button{flex:1}.step-count{font-size:8px}}