body.home{background:var(--bg)}
.home .wrap{max-width:880px;margin:0 auto;padding:0 20px 56px}
.home .nav{display:flex;align-items:center;gap:10px;padding:20px 0;font-weight:700;font-size:1.1rem}
.home .logo-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;display:grid;place-items:center;font-size:1.2rem}
.home .hero{text-align:center;padding:36px 0 28px}
.home .hero h1{font-size:clamp(2rem,6vw,3.1rem);line-height:1.1;margin:0 0 14px;letter-spacing:-.02em}
.home .hero h1 span{background:linear-gradient(90deg,#2563eb,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent}
.home .lead{font-size:1.15rem;color:var(--mute);max-width:560px;margin:0 auto 26px}
.home .create{max-width:520px;margin:0 auto;padding:18px;border-radius:16px;box-shadow:0 8px 30px rgba(37,99,235,.12);text-align:left}
.home .create label{font-weight:600}
.home .create input{font-size:1.05rem;padding:12px}
.home .create button.primary{padding:11px 20px;font-weight:600;font-size:1rem}
.home h2{font-size:1.5rem;margin:48px 0 18px;text-align:center}
.home .steps,.home .features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.home .tile{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}
.home .tile .ico{font-size:1.7rem;margin-bottom:6px}
.home .tile h3{margin:0 0 4px;font-size:1.05rem}
.home .tile p{margin:0;color:var(--mute);font-size:.95rem}
.home .num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:.9rem;margin-bottom:8px}
.home details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0 16px;margin:10px 0}
.home summary{cursor:pointer;font-weight:600;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.home summary::-webkit-details-marker{display:none}
.home summary::after{content:"+";color:var(--accent);font-size:1.3rem;line-height:1}
.home details[open] summary::after{content:"–"}
.home details p{margin:0 0 14px;color:var(--mute)}
.home footer{text-align:center;margin-top:48px;color:var(--mute);font-size:.875rem}
.home .features{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}