:root{color-scheme:light;--bg:#f8fafc;--panel:#fff;--panel-soft:#f1f5f9;--text:#0f172a;--muted:#64748b;--border:#dbe3ed;--primary:#059669;--primary-dark:#047857;--success:#047857}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);background:radial-gradient(circle at 12% 6%,rgba(5,150,105,.13),transparent 30rem),radial-gradient(circle at 84% 12%,rgba(16,185,129,.1),transparent 24rem),linear-gradient(180deg,#fff 0,var(--bg) 18rem);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{margin:0 auto;max-width:1120px;padding:0 20px}.header{border-bottom:1px solid rgba(219,227,237,.8);background:hsla(0,0%,100%,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav{display:flex;justify-content:space-between;min-height:68px;gap:20px}.brand,.nav{align-items:center}.brand{display:inline-flex;gap:10px;font-weight:800;letter-spacing:0}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:#fff;background:var(--primary)}.nav-links{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:14px}.hero{position:relative;padding:72px 0 34px}.eyebrow{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--border);background:hsla(0,0%,100%,.78);padding:7px 11px;color:var(--primary-dark);font-size:13px;font-weight:700}h1{margin:18px 0 0;max-width:820px;font-size:clamp(38px,6vw,64px);line-height:1;letter-spacing:0}.lead{max-width:720px;margin:20px 0 0;color:var(--muted);font-size:18px;line-height:1.7}.hero-actions{margin-top:24px}.hero-actions,.trust-strip{display:flex;flex-wrap:wrap;gap:10px}.trust-strip{margin-top:22px}.trust-strip span{border:1px solid rgba(5,150,105,.18);border-radius:8px;background:hsla(0,0%,100%,.78);padding:10px 12px;color:#334155;font-size:13px;font-weight:800}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;padding:20px 0 72px}.home-featured{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:20px;gap:20px;align-items:center;border:1px solid rgba(5,150,105,.16);border-radius:8px;background:hsla(0,0%,100%,.76);padding:22px;box-shadow:0 20px 60px rgba(15,23,42,.05)}.home-featured h2,.section-heading h2{margin:14px 0 0;font-size:32px;line-height:1.1}.featured-row{display:flex;flex-wrap:wrap;gap:10px}.featured-link{border:1px solid var(--border);border-radius:8px;background:#fff;padding:11px 13px;color:var(--primary-dark);font-size:14px;font-weight:800}.feature-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;padding:22px 0 36px}.feature-card{display:flex;min-height:250px;flex-direction:column;justify-content:space-between;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.feature-card:hover{transform:translateY(-2px);border-color:rgba(5,150,105,.3);box-shadow:0 24px 70px rgba(15,23,42,.1)}.feature-card-action{margin-top:16px;color:var(--primary-dark);font-size:14px;font-weight:900}.section-heading{max-width:760px;padding-top:26px}.section-heading p{color:var(--muted);font-size:17px;line-height:1.7}.card,.content-card,.tool-panel{border:1px solid var(--border);border-radius:8px;background:hsla(0,0%,100%,.92);box-shadow:0 20px 60px rgba(15,23,42,.06)}.card{display:flex;min-height:188px;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.card:hover,.related-card:hover{transform:translateY(-2px);border-color:rgba(5,150,105,.3);box-shadow:0 24px 70px rgba(15,23,42,.1)}.card h2,.content-card h2{margin:0;font-size:21px}.card p,.content-card li,.content-card p{color:var(--muted);line-height:1.65}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{border-radius:999px;background:var(--panel-soft);padding:6px 9px;color:#475569;font-size:12px;font-weight:700}.tool-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);grid-gap:18px;gap:18px;padding:20px 0 46px}.tool-panel{position:relative;padding:18px}.tool-panel:before{display:block;width:44px;height:3px;margin-bottom:14px;border-radius:999px;background:var(--primary);content:""}.tool-title{margin:0 0 12px;font-size:16px}.template-preview{width:100%;min-height:260px;resize:vertical;border:1px solid var(--border);border-radius:8px;background:#fff;padding:14px;color:var(--text);line-height:1.55;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;white-space:pre-wrap;overflow:auto;max-height:480px}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.button{cursor:pointer;border:0;border-radius:8px;background:var(--primary);padding:11px 15px;color:#fff;font-weight:800;font-size:14px}.button:hover{background:var(--primary-dark)}.button.secondary{border:1px solid var(--border);background:#fff;color:var(--text)}a.button{display:inline-flex;align-items:center;justify-content:center}.status{margin-top:12px;color:var(--success);font-size:14px;font-weight:700}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;padding-bottom:56px}.content-card{padding:20px}.related-tools{border-top:1px solid var(--border);padding:42px 0 56px}.related-tools h2{margin:14px 0 0;font-size:30px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:18px}.related-card{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--border);border-radius:8px;background:hsla(0,0%,100%,.92);padding:18px;box-shadow:0 20px 60px rgba(15,23,42,.05);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.related-card h3{margin:0;font-size:19px}.related-card p{margin:0;color:var(--muted);line-height:1.6}.faq{max-width:820px;padding-bottom:80px}details{margin-top:10px}summary{cursor:pointer;font-weight:800}.footer{border-top:1px solid var(--border);padding:28px 0;color:var(--muted);font-size:14px}@media (max-width:860px){.content-grid,.feature-band,.grid,.home-featured,.related-grid,.tool-layout{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column;padding:16px 0}.hero{padding-top:44px}}