@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{--paper:#f7f7ef;--ink:#172019;--muted:#586257;--acid:#ebff6b;--line:#d9ddcf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #607b09;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.nav{height:106px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font:800 28px 'Manrope',sans-serif;letter-spacing:-1.5px}.mark{display:grid;place-items:center;background:var(--ink);color:var(--acid);height:36px;width:36px;border-radius:10px;font-size:31px}.dot{font:400 11px sans-serif;align-self:flex-start;margin-top:7px;letter-spacing:0}.nav nav{display:flex;align-items:center;gap:35px;font-size:14px}.nav-cta{border:1px solid var(--ink);padding:12px 18px;border-radius:5px;display:flex;gap:25px}.hero{display:grid;grid-template-columns:1.07fr 1fr;gap:30px;padding-top:50px;padding-bottom:75px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:9px;margin:0 0 26px}.status-dot{width:7px;height:7px;background:#648038;border-radius:50%}h1{font:600 clamp(60px,6.6vw,92px)/1.03 'Manrope',sans-serif;letter-spacing:-6px;margin:0;position:relative}h1 em{font-style:normal;background:linear-gradient(transparent 57%,var(--acid) 57%,var(--acid) 94%,transparent 94%)}.spark{font-size:65px;color:#76894f;display:inline-block;margin-left:18px;vertical-align:top;transform:rotate(12deg)}.intro{font-size:17px;line-height:1.7;max-width:430px;margin:30px 0 25px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--ink);color:var(--paper);padding:17px 23px;border:0;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;min-height:48px}.button:hover{background:#35462b}.button span{color:var(--acid);font-size:20px}.fine{font-size:11px;line-height:1.6;color:var(--muted);margin-top:14px}.hero-art{height:545px;border-radius:8px;position:relative;background:#e5e9dc;overflow:hidden;margin-top:5px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#cbd2bf55 1px,transparent 1px),linear-gradient(90deg,#cbd2bf55 1px,transparent 1px);background-size:32px 32px}.art-label,.art-footer{position:absolute;font-size:8px;letter-spacing:1.6px;color:#59684c;left:24px;right:24px}.art-label{top:25px}.art-footer{bottom:21px;display:flex;justify-content:space-between}.orbit{position:absolute;width:380px;height:380px;border:1px solid #bdc8ac;border-radius:50%;top:85px;left:40px}.orbit-two{width:270px;height:270px;top:140px;left:95px}.note{position:absolute;width:240px;padding:26px;border-radius:4px;box-shadow:0 12px 30px #31402416}.note span{font-size:8px;letter-spacing:1.5px;display:block;margin-bottom:20px}.note strong{font:600 27px/1.15 'Manrope',sans-serif;letter-spacing:-1px}.note-one{background:#faf9f0;left:36px;top:85px;transform:rotate(-9deg);height:215px}.scribble{font:italic 20px Georgia,serif;margin-top:15px;color:#778454}.note-two{background:var(--ink);color:#f6f6ed;right:26px;top:179px;transform:rotate(9deg);height:212px}.note-two i{font-style:normal;color:var(--acid)}.note-line{height:4px;width:80%;background:#51604b;margin-top:18px}.note-line.short{width:55%;margin-top:9px}.note-three{background:var(--acid);left:59px;bottom:52px;transform:rotate(-4deg);width:226px;padding:20px}.note-three span{margin-bottom:13px}.note-three strong{font-size:26px}.mini-button{font-size:10px;border-top:1px solid #9cae43;margin-top:18px;padding-top:12px}.art-star{position:absolute;right:38px;bottom:57px;font-size:93px;color:#76894f}.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.manifesto-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:30px;padding-bottom:30px}.manifesto-inner>span:first-child{font-size:9px;font-weight:600;line-height:1.7;letter-spacing:1.2px}.manifesto p{font-size:24px;letter-spacing:-.6px;margin:0;line-height:1.5}.manifesto strong{font-weight:500;color:#73805e}.manifesto-arrow{font-size:47px}.toolkit{padding-top:90px;padding-bottom:85px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:36px}h2{font:500 44px/1.15 'Manrope',sans-serif;letter-spacing:-2px;margin:0}.section-top>p,.brief-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.7}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-card{border:1px solid var(--line);border-radius:7px;padding:26px;display:flex;flex-direction:column}.tool-card.active{background:#eef1e5;border-color:#c9d1bb}.tool-card.active:hover{border-color:#6f804f}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.tool-icon{font-size:29px}.badge{font-size:8px;letter-spacing:1px;color:#3f5428;background:#dbe6c9;padding:7px;border-radius:3px}.badge.muted{background:#eaece2}.muted{color:var(--muted)}h3{font:600 22px 'Manrope',sans-serif;letter-spacing:-.7px;margin:0 0 12px}.tool-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 35px}.card-link{margin-top:auto;font-size:12px;display:flex;justify-content:space-between}.brief-section{border-top:1px solid var(--line);padding-top:70px;padding-bottom:80px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.brief-intro .privacy{font-size:12px!important;max-width:240px;margin-top:35px}.fields{display:grid;gap:20px;margin-bottom:24px}label{display:grid;gap:9px;font-size:12px;font-weight:600}input,textarea{width:100%;padding:14px;border:1px solid #cbd0c1;border-radius:5px;background:#fdfdf8;color:var(--ink);font-size:14px;line-height:1.5;resize:vertical}input::placeholder,textarea::placeholder{color:#73796d}footer{border-top:1px solid var(--line);padding-top:30px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer>a:last-child{font-size:11px;color:var(--muted)}.result{grid-column:1/-1;background:#ebefdf;padding:30px;border-radius:7px}.result pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 'DM Sans',sans-serif}.result-actions{display:flex;gap:15px;flex-wrap:wrap}.secondary{border:1px solid var(--ink);border-radius:5px;background:transparent;padding:14px 20px;cursor:pointer;min-height:48px}#copy-status{font-size:13px}.skip{position:absolute;top:-100px;left:12px;z-index:5;background:var(--acid);padding:14px}.skip:focus{top:12px}[hidden]{display:none!important}@media(max-width:850px){.wrap{padding-left:24px;padding-right:24px}.hero{gap:25px}h1{font-size:64px;letter-spacing:-4px}.spark{font-size:35px;margin-left:8px}.hero-art{height:490px}.note{width:200px}.note-one{left:20px}.note-two{right:15px}.note-three{left:30px;width:200px}.tool-card{padding:20px}.badge{font-size:7px}.brief-section{gap:35px}}@media(max-width:650px){.nav{height:85px}.brand{font-size:25px}.nav nav{gap:0}.nav nav>a:first-child{display:none}.nav-cta{padding:11px 13px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:42px;gap:35px}h1{font-size:76px;letter-spacing:-5px}.spark{font-size:48px}.intro{font-size:16px}.hero-art{height:465px}.note-one{left:30px;top:70px}.note-two{top:160px;right:24px}.note-three{left:45px;bottom:44px}.art-star{font-size:65px;right:22px}.manifesto-inner{gap:18px}.manifesto-inner>span:first-child{display:none}.manifesto p{font-size:19px}.manifesto-arrow{font-size:35px}.toolkit{padding-top:55px;padding-bottom:50px}.section-top{display:block}.section-top>p{margin-top:22px}h2{font-size:37px}.tool-grid{grid-template-columns:1fr}.card-top{margin-bottom:20px}.tool-card p{margin-bottom:25px}.badge{font-size:8px}.brief-section{grid-template-columns:1fr;padding-top:45px;padding-bottom:45px;gap:25px}.brief-intro .privacy{max-width:none;margin-top:15px}.result{padding:23px}.eyebrow{font-size:9px;margin-bottom:20px}footer{flex-wrap:wrap}footer p{width:100%;order:3;margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
