:root{--paper:#f7f5ef;--ink:#193c3a;--muted:#667976;--line:#deded4;--green:#d9e9d8;--purple:#e6ddf4;--orange:#f6dfc8;--white:#fffefa;--shadow:0 18px 55px #243f3410}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.site-header,footer{max-width:1160px;margin:auto;padding:25px 28px;display:flex;align-items:center;justify-content:space-between}.site-header{border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--ink);color:#f6d7a5;font-size:20px}.site-header nav{display:flex;gap:28px;color:var(--muted);font-size:14px}.site-header nav a:hover,footer a:hover{color:#b36e3f}
main{max-width:1100px;margin:auto;padding:0 28px}.hero{position:relative;min-height:490px;padding:85px 0 65px;overflow:hidden;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 14px;font-size:11px;letter-spacing:.15em;font-weight:800;color:#74877d;text-transform:uppercase}.pulse{display:inline-block;width:7px;height:7px;margin-right:8px;background:#6d9b72;border-radius:50%;box-shadow:0 0 0 4px #6d9b721a}.hero h1{position:relative;z-index:2;margin:0;font-size:clamp(42px,6vw,72px);line-height:1.16;letter-spacing:-.065em;font-weight:800}.hero h1 em{font-style:normal;color:#bd7746}.hero-copy{position:relative;z-index:2;max-width:425px;margin:22px 0 28px;color:var(--muted);font-size:16px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:0;border-radius:999px;padding:13px 20px;background:var(--ink);color:white;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,opacity .2s}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.primary-button.small{padding:10px 16px}.secondary-button{background:#e8e8de;color:var(--ink)}.hero-art{position:absolute;width:430px;height:340px;right:0;top:60px}.orbit{position:absolute;border:1px solid #d7d9cc;border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:410px;height:220px;top:55px;left:0}.orbit-two{width:300px;height:300px;top:10px;left:70px}.float-card{position:absolute;display:flex;align-items:center;gap:12px;background:var(--white);padding:15px 18px;border:1px solid #e5e2d7;border-radius:15px;box-shadow:var(--shadow);min-width:230px}.float-card b,.float-card small{display:block}.float-card b{font-size:13px}.float-card small{font-size:11px;color:var(--muted);margin-top:2px}.card-json{top:70px;left:50px;transform:rotate(-5deg)}.card-text{top:190px;left:130px;transform:rotate(4deg)}.mini-icon,.tool-icon{display:grid;place-items:center;border-radius:12px;font-weight:800}.mini-icon{width:43px;height:43px;font-size:15px}.purple{background:var(--purple);color:#755a9e}.orange{background:var(--orange);color:#a9632d}.green{background:var(--green);color:#3c7353}.spark{position:absolute;color:#c17a48;font-size:28px}.spark-one{top:38px;right:62px}.spark-two{bottom:34px;left:62px;color:#75967a}
.tools-section{padding:66px 0 75px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section-heading h2,.workspace-heading h2,.about-section h2{font-size:clamp(27px,4vw,38px);line-height:1.2;letter-spacing:-.05em;margin:0}.tool-count{font-size:12px;color:var(--muted)}.tool-count b{color:var(--ink);font-size:18px;margin-left:5px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{padding:23px;background:var(--white);border:1px solid #e6e3d9;border-radius:18px;min-height:250px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 5px 20px #243f3405}.tool-card-top{display:flex;width:100%;justify-content:space-between;align-items:center}.tool-icon{width:48px;height:48px;font-size:18px}.tag{font-size:10px;color:#74877d;background:#f0f0e8;border-radius:999px;padding:5px 9px}.tool-card h3{font-size:19px;letter-spacing:-.03em;margin:21px 0 6px}.tool-card p{font-size:13px;color:var(--muted);margin:0 0 20px}.text-button{margin-top:auto;border:0;background:transparent;padding:0;color:var(--ink);font:inherit;font-weight:800;font-size:13px;cursor:pointer}.text-button span{margin-left:7px;color:#bd7746}.coming-card{background:#f1f0e8;border-style:dashed}.muted-note{margin-top:auto;color:#85918a;font-size:12px}
.tool-workspace{margin:0 0 60px;padding:30px;background:var(--white);border:1px solid #e5e2d7;border-radius:20px;box-shadow:var(--shadow)}.workspace-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:25px}.close-button{border:0;background:#f0f0e8;border-radius:50%;width:35px;height:35px;font-size:24px;color:var(--ink);cursor:pointer}label{display:block;font-size:13px;font-weight:700;margin:16px 0 8px}textarea{width:100%;resize:vertical;padding:14px;border:1px solid #d9ddd3;border-radius:12px;background:#fbfaf6;color:var(--ink);font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;outline:none}textarea:focus{border-color:#799b7b;box-shadow:0 0 0 3px #799b7b1c}.button-row{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.status{font-size:12px;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.stat{padding:18px;background:#f4f3ec;border-radius:13px}.stat span,.stat b{display:block}.stat span{font-size:11px;color:var(--muted)}.stat b{font-size:28px;letter-spacing:-.04em;margin-top:6px}
.about-section{display:grid;grid-template-columns:70px 1fr 1fr;align-items:center;gap:25px;padding:45px 0 65px;border-top:1px solid var(--line)}.about-symbol{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--green);font-size:33px;color:#477d57}.about-section p:last-child{font-size:13px;color:var(--muted);max-width:360px}footer{border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer .brand{color:var(--ink)}footer .brand-mark{width:25px;height:25px;font-size:16px}
[hidden]{display:none!important}
@media(max-width:800px){.hero{padding-top:60px;min-height:650px}.hero-art{top:330px;left:50%;right:auto;transform:translateX(-50%) scale(.82);transform-origin:top center}.tool-grid{grid-template-columns:1fr 1fr}.about-section{grid-template-columns:55px 1fr}.about-section p:last-child{grid-column:2}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.site-header,footer{padding:18px}.site-header nav{gap:14px;font-size:12px}main{padding:0 18px}.hero h1{font-size:43px}.hero{min-height:625px}.hero-art{transform:translateX(-50%) scale(.7);top:320px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:225px}.section-heading{align-items:start;gap:15px;flex-direction:column}.tool-workspace{padding:20px}.about-section{gap:15px}.about-section h2{font-size:27px}footer{gap:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}