.home-page{background:#f8f8f7;flex-direction:column;min-height:100%;font-family:Inter,system-ui,sans-serif;display:flex}.home-hero{background:#0f0f0e;align-items:flex-end;min-height:360px;padding:80px 56px 72px;display:flex;position:relative;overflow:hidden}.home-code-bg{pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:2px;padding:32px 40px;display:flex;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000002e 0%,#00000012 60%,#0000 100%);mask-image:linear-gradient(#0000002e 0%,#00000012 60%,#0000 100%)}.home-code-line{opacity:0;gap:20px;transition:opacity .3s,transform .3s;display:flex;transform:translateY(4px)}.home-code-line--visible{opacity:1;transform:translateY(0)}.home-code-num{color:#ffffff1f;text-align:right;flex-shrink:0;min-width:20px;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px}.home-code-text{color:#ffffff38;white-space:pre;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px}.home-hero-content{z-index:1;max-width:560px;position:relative}.home-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#fff6;align-items:center;gap:8px;margin:0 0 20px;font-size:11px;font-weight:600;display:flex}.home-eyebrow-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite home-pulse;box-shadow:0 0 8px #22c55e}@keyframes home-pulse{0%,to{opacity:1}50%{opacity:.4}}.home-headline{color:#fff;letter-spacing:-.035em;margin:0 0 16px;font-size:clamp(38px,5.5vw,62px);font-weight:700;line-height:1.06}.home-headline-accent{color:#ffffff61}.home-lead{color:#ffffff73;margin:0 0 28px;font-size:14px;line-height:1.7}.home-hero-badges{flex-wrap:wrap;gap:8px;display:flex}.home-badge{color:#ffffff59;letter-spacing:.01em;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:500}.home-main{flex:1;padding:40px 56px 56px}.home-grid{grid-template-columns:repeat(3,1fr);gap:14px;max-width:1000px;display:grid}.home-tool-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e8e8e6;border-radius:12px;flex-direction:column;gap:0;padding:0;transition:border-color .18s,box-shadow .18s,transform .18s;animation:.4s both home-card-in;display:flex;overflow:hidden}@keyframes home-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.home-tool-card:hover,.home-tool-card--hovered{border-color:var(--card-accent);box-shadow:0 0 0 1px var(--card-accent), 0 8px 24px #00000014;transform:translateY(-2px)}.home-tool-card:focus-visible{outline:2px solid var(--card-accent);outline-offset:2px}.home-tool-top{border-bottom:1px solid #f0f0ee;justify-content:space-between;align-items:center;padding:16px 18px 14px;display:flex}.home-tool-label{color:var(--card-accent);letter-spacing:-.02em;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;font-weight:700}.home-tool-arrow{color:#d0d0cc;font-size:14px;transition:transform .18s,color .18s}.home-tool-card:hover .home-tool-arrow,.home-tool-card--hovered .home-tool-arrow{color:var(--card-accent);transform:translate(3px)}.home-tool-info{padding:16px 18px 14px}.home-tool-name{color:#1a1a18;letter-spacing:-.02em;margin:0 0 6px;font-size:15px;font-weight:600}.home-tool-desc{color:#7a7a76;margin:0;font-size:12.5px;line-height:1.55}.home-tool-preview{background:#f8f8f7;border:1px solid #ececea;border-radius:6px;flex-direction:column;gap:1px;margin:0 14px;padding:12px 14px;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;line-height:1.7;transition:background .18s;display:flex}.home-tool-card:hover .home-tool-preview,.home-tool-card--hovered .home-tool-preview{background:#f2f4f8}.home-preview-line{color:#9b9b96;white-space:pre}.home-preview-line--add{color:#1a7a42;background:#f0faf4;border-radius:2px;margin:0 -4px;padding:0 4px}.home-preview-line--rem{color:#b91c1c;background:#fff5f5;border-radius:2px;margin:0 -4px;padding:0 4px}.home-tool-footer{margin-top:auto;padding:14px 18px 16px}.home-tool-cta{color:#c4c4c0;font-size:12px;font-weight:500;transition:color .18s}.home-tool-card:hover .home-tool-cta,.home-tool-card--hovered .home-tool-cta{color:var(--card-accent)}.home-footer{color:#c4c4c0;background:#fff;border-top:1px solid #e8e8e6;padding:20px 56px;font-size:11px}@media (max-width:780px){.home-hero{min-height:300px;padding:56px 28px}.home-main{padding:28px 28px 40px}.home-grid{grid-template-columns:1fr;gap:10px}.home-tool-card{flex-direction:row;align-items:stretch}.home-footer{padding:18px 28px}}@media (max-width:520px){.home-tool-card{flex-direction:column}}@media (prefers-reduced-motion:reduce){.home-code-line,.home-tool-card,.home-eyebrow-dot{opacity:1;transition:none;animation:none;transform:none}}