@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;650;750;850&display=swap";:root{--ix-navy: #102033;--ix-ink: #101622;--ix-muted: #4f6278;--ix-paper: #f8f4ec;--ix-surface: #ffffff;--ix-orange: #ff7a3d;--ix-cyan: #2ab7ca;--ix-green: #42b883;--ix-line: rgba(16, 32, 51, .14);--ix-shadow: 0 24px 80px rgba(16, 32, 51, .13);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--ix-paper);color:var(--ix-ink)}body{margin:0;min-height:100vh;background:linear-gradient(rgba(16,32,51,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,32,51,.045) 1px,transparent 1px),radial-gradient(circle at 15% 0%,rgba(42,183,202,.18),transparent 28%),radial-gradient(circle at 90% 10%,rgba(255,122,61,.18),transparent 22%),var(--ix-paper);background-size:34px 34px,34px 34px,auto,auto,auto}a{color:inherit}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:#f8f4ecc7;border-bottom:1px solid var(--ix-line)}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:20px}.logo{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.04em;text-decoration:none}.logo-mark{width:34px;height:34px;border-radius:12px;background:var(--ix-navy);color:#fff;display:grid;place-items:center;box-shadow:inset 0 0 0 2px #ffffff1f}.nav-links{display:flex;gap:18px;align-items:center;font-weight:650;color:var(--ix-muted)}.nav-links a{text-decoration:none}.nav-links a:hover{color:var(--ix-ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 18px;font-weight:800;text-decoration:none;border:1px solid rgba(16,32,51,.14);cursor:pointer}.button.primary{background:var(--ix-orange);color:var(--ix-ink);box-shadow:0 10px 24px #ff7a3d47}.button.dark{background:var(--ix-navy);color:#fff}.hero{padding:80px 0 52px}.eyebrow{color:var(--ix-muted);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:850}h1{font-size:clamp(3.2rem,9vw,7.4rem);line-height:.88;letter-spacing:-.075em;margin:14px 0 22px;max-width:980px}h2{font-size:clamp(2rem,4.8vw,4rem);line-height:1;letter-spacing:-.055em;margin:0 0 18px}h3{font-size:1.25rem;margin:0 0 10px;letter-spacing:-.03em}p{color:var(--ix-muted);line-height:1.68;font-size:1.02rem}.lede{font-size:clamp(1.12rem,2vw,1.35rem);max-width:740px;color:#314258}.grid{display:grid;gap:22px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:#ffffffdb;border:1px solid var(--ix-line);border-radius:30px;padding:28px;box-shadow:var(--ix-shadow)}.card.flat{box-shadow:none}.tag{display:inline-flex;border:1px solid var(--ix-line);border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em;color:var(--ix-muted);background:#fff}.tag.live{color:#064d35;background:#42b88324;border-color:#42b88359}.section{padding:56px 0}.tool-card{display:flex;flex-direction:column;gap:12px;text-decoration:none;min-height:230px}.tool-card:hover{transform:translateY(-2px);transition:.2s ease}.ad-slot{border:1px dashed rgba(16,32,51,.24);background:#ffffff8c;border-radius:22px;padding:18px;color:var(--ix-muted);text-align:center;font-size:.85rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}label{display:block;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ix-muted);margin:0 0 8px}input,textarea,select{width:100%;border:1px solid var(--ix-line);border-radius:18px;padding:14px 16px;font:inherit;background:#fff;color:var(--ix-ink)}textarea{min-height:130px;resize:vertical}.output-box{white-space:pre-wrap;background:#0f2034;color:#f8f4ec;border-radius:24px;padding:22px;min-height:280px;line-height:1.6}.footer{margin-top:60px;padding:40px 0;background:var(--ix-navy);color:#fff}.footer p{color:#ffffffb8}@media(max-width:820px){.grid.two,.grid.three,.form-grid{grid-template-columns:1fr}.nav{align-items:flex-start}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:10px}.hero{padding-top:46px}}