:root{font-family:Arial,Helvetica,sans-serif;color:#17243a;background:#f5f8fb}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.wrap{max-width:1100px;margin:auto;padding:0 22px}.header{background:#fff;border-bottom:1px solid #e3e9ef}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand{font-size:24px;font-weight:800;color:#187e82;white-space:nowrap}.brand span{color:#17243a}nav{display:flex;flex-wrap:wrap;gap:8px}nav button{border:0;background:transparent;padding:10px 12px;color:#52647a;border-radius:9px}nav button.active{background:#e5f4f4;color:#116c71;font-weight:700}.hero{padding:75px 0 68px;max-width:800px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#178286}.hero h1{font-size:clamp(36px,6vw,66px);line-height:1.1;letter-spacing:-2px;margin:16px 0}.hero em{color:#16848a;font-style:normal}.hero p,.sectionHead p{color:#61718a;font-size:18px;line-height:1.55}.buttons,.heroActions{display:flex;gap:12px;flex-wrap:wrap}.primary,.secondary{border-radius:10px;padding:13px 20px;font-weight:700;border:1px solid #15777c}.primary{background:#147b80;color:#fff}.secondary{background:#fff;color:#15777c}.sectionHead{margin-bottom:25px}.sectionHead h2{font-size:32px;margin:0 0 8px}.sectionHead p{margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin:24px 0 70px}.card,.workspace{background:white;border:1px solid #dce6ef;border-radius:18px;padding:24px;box-shadow:0 5px 25px #1c405006}.card h3{font-size:22px;margin:16px 0 8px}.card p{color:#62748a;line-height:1.55}.card strong{color:#167b80}.pill{display:inline-block;border-radius:50px;padding:7px 12px;background:#e6f4f2;color:#177a76;font-size:12px;font-weight:700}.workspace{max-width:830px;margin:20px auto 70px}.notice{background:#fff5dd;border:1px solid #f1d79c;color:#6d561f;padding:14px;border-radius:10px;margin:22px 0}label{display:block;font-weight:700;margin:20px 0 8px}input,textarea{width:100%;display:block;border:1px solid #cdd9e5;border-radius:10px;padding:13px;margin-top:9px;background:#fff;color:#17243a}textarea{resize:vertical;line-height:1.5}.output,.question{border:1px solid #d5e5e7;border-radius:12px;padding:20px;margin:20px 0;background:#f8fbfb}.question p{line-height:1.6}.error{padding:15px;border-radius:10px;background:#ffeaea;color:#982e2e;margin:20px 0}.output pre{white-space:pre-wrap;font:inherit;line-height:1.65;overflow-wrap:anywhere}.footer{padding:35px 22px;color:#7c8ca0;font-size:13px;text-align:center}@media(max-width:720px){.nav{align-items:flex-start;flex-direction:column;padding-top:20px;padding-bottom:15px}nav{gap:2px}nav button{font-size:13px;padding:9px 7px}.hero{padding:48px 0}.cards{grid-template-columns:1fr}.workspace{padding:18px}.sectionHead h2{font-size:27px}}