*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f9fa;color:#17212d;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}.wrap{max-width:1140px;margin:auto;padding:0 24px}.top{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid #e6eceb}.nav{height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:800;letter-spacing:-.8px;color:#2795d2;font-size:23px;text-decoration:none;white-space:nowrap}.links{display:flex;gap:24px;align-items:center}.links a{text-decoration:none;color:#53616d;font-size:14px;font-weight:600}.links a:hover{color:#168267}.crumb{margin:30px 0 0;color:#7a858d;font-size:13px}.crumb a{text-decoration:none}.hero{text-align:center;padding:44px 0 34px}.eyebrow{display:inline-block;color:#147961;background:#e8f6f0;padding:6px 13px;border-radius:30px;font-size:12px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}h1{font-size:clamp(35px,5.5vw,61px);line-height:1.09;letter-spacing:-2.7px;margin:18px 0 15px;font-weight:780}h2{font-size:clamp(24px,3vw,35px);line-height:1.2;letter-spacing:-1px;margin:0 0 16px}h3{font-size:18px;line-height:1.3;margin:0 0 8px;letter-spacing:-.35px}.lede{color:#5e6b75;max-width:730px;margin:0 auto;font-size:17px}.trust{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:23px 0 0}.trust span{font-size:12px;color:#51645d;border:1px solid #e0e8e4;background:#fff;border-radius:99px;padding:7px 11px}.surface{border:1px solid #e4eae7;background:#fff;border-radius:23px;box-shadow:0 10px 34px rgba(17,51,43,.035)}.workspace{padding:26px;margin:0 0 32px}.workspace-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;align-items:baseline;margin-bottom:19px}.workspace-head p{margin:0;color:#76838b;font-size:13px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label,.field>span{font-size:13px;font-weight:700;color:#384851}.field input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),.field output,.field select,.field textarea,.input{width:100%;background:#fbfcfc;border:1px solid #dbe4e2;border-radius:11px;padding:11px 13px;color:#16252a;outline:0;min-width:0}.field textarea{resize:vertical;min-height:110px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.55}.field input:focus,.field select:focus,.field textarea:focus{border-color:#229b7e;box-shadow:0 0 0 3px #229b7e19}.field small,.hint{font-size:12px;color:#758188}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px}.btn{border:1px solid #d9e3e0;background:#fff;padding:11px 17px;border-radius:11px;font-weight:700;color:#34453f;font-size:13px}.btn:hover{border-color:#1c987c}.btn.primary{background:#229b7e;color:#fff;border-color:#229b7e}.btn.primary:hover{background:#15866d}.btn.alt{background:#eaf7f2;color:#146a55;border-color:#d6eee5}.switches{display:flex;flex-wrap:wrap;gap:11px;margin:10px 0}.switches label{display:flex;align-items:center;gap:6px;font-size:13px;color:#40504c}.switches input{accent-color:#229b7e}.output{font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8f7;border:1px solid #e3ebe8;border-radius:13px;padding:17px;min-height:85px;max-height:480px}.status{font-size:13px;color:#547063;min-height:22px;margin:12px 0 0}.status.error{color:#b42335}.status.good{color:#137a58}.section{margin:54px 0}.prose{max-width:900px;color:#58666f}.featuregrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:22px}.feature{border:1px solid #e6edeb;background:#fff;border-radius:17px;padding:24px}.feature p{color:#62727a;margin:0;font-size:14px}.steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{padding:19px;background:#fff;border:1px solid #e6edeb;border-radius:16px}.step:before{counter-increment:s;content:counter(s);width:30px;height:30px;border-radius:10px;background:#e5f4ee;display:flex;align-items:center;justify-content:center;color:#128066;font-weight:800;margin-bottom:12px}.step p{color:#62727a;margin:0;font-size:14px}.faq details{border-bottom:1px solid #e2e8e6;padding:17px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{color:#586973;max-width:840px;margin:9px 0}.related{display:flex;flex-wrap:wrap;gap:9px}.related a{display:block;text-decoration:none;border:1px solid #e3e9e6;background:#fff;border-radius:999px;font-size:13px;padding:9px 14px}.related a:hover{border-color:#229b7e;color:#147b62}.footer{margin-top:80px;border-top:1px solid #e4ece9;background:#fff;padding:30px 0;font-size:13px;color:#718078}.footer .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.footer a{text-decoration:none;margin-right:13px}.color-preview{border-radius:13px;border:1px solid #dfe9e6;min-height:180px;overflow:hidden}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #e0e6e5;border-radius:11px;padding:10px 12px;background:#fff}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.full{grid-column:1/-1}@media(max-width:760px){.wrap{padding:0 16px}.nav{height:auto;min-height:62px;flex-wrap:wrap;padding:12px 0}.links{width:100%;overflow:auto;gap:17px;padding-bottom:4px}.links a{white-space:nowrap}.hero{padding:33px 0}.workspace{padding:16px}.featuregrid,.grid2,.grid3,.steps{grid-template-columns:1fr}h1{letter-spacing:-1.6px}}