/* Home page only (loaded after pages.css). */
.home a{color:inherit}
.home h1{font:800 clamp(2.4rem,6vw,4.4rem)/1.02 var(--head);letter-spacing:-.035em;margin:0 0 1.2rem}
.home h2{font:700 clamp(1.7rem,4vw,2.4rem)/1.1 var(--head);letter-spacing:-.025em;margin:0 0 .8rem}
.home h3{font:700 1.25rem var(--head);margin:0 0 .4rem}
.moved{display:block;text-align:center;padding:.65rem 1rem;font:600 .95rem/1.4 var(--body);color:#fff!important;background:var(--grad);text-decoration:none}
.moved b{font-weight:800}.moved s{opacity:.75}
.hero{padding:4.5rem 0 4rem}
.hero .grid{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}
.home .lead{font-size:1.2rem;color:var(--muted);max-width:34rem;margin:0 0 2rem}
.win{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:8px 8px 0 #3b5bff}
.win .bar{display:flex;gap:6px;padding:.7rem .9rem;border-bottom:1px solid var(--line)}
.win .bar i{width:10px;height:10px;border-radius:50%;background:var(--line)}
.win ul{list-style:none;margin:0;padding:.4rem 0}
.win li{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--line)}
.win li:last-child{border-bottom:0}
.win b{font-family:var(--head)}
.win small{color:var(--muted)}
.win .live{color:var(--accent);font-weight:600}
.home section{padding:4rem 0;border-top:1px solid var(--line)}
.intro{color:var(--muted);max-width:38rem;margin:0 0 2.5rem}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}
.services article{border-left:3px solid var(--accent);padding:.2rem 0 .2rem 1.1rem}
.services p,.proj p{margin:0;color:var(--muted)}
.more{display:inline-block;margin-top:.6rem;font-weight:600;color:var(--accent)!important;text-decoration:none}
.more:hover{text-decoration:underline}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:0 0 2.8rem}
.feature{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:1.2rem 1.25rem}
.feature b{display:block;font:700 1.08rem var(--head);margin-bottom:.35rem}
.feature p{margin:0;color:var(--muted);font-size:.98rem}
.cli-box{display:grid;grid-template-columns:1fr 1.05fr;gap:2rem;align-items:center;margin:0 0 2.8rem;padding:1.6rem;border-radius:14px;border:1px solid var(--line);background:var(--surface)}
.cli-box h3{font:800 1.5rem var(--head);margin:0 0 .5rem}
.cli-box p{color:var(--muted);margin:0 0 1rem}
.cli-install{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.cli-install code{flex:1;min-width:0;overflow-wrap:anywhere;font:.85rem ui-monospace,Consolas,monospace;padding:.6rem .8rem;border-radius:8px;background:var(--bg);border:1px solid var(--line)}
.cli-cmds{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.4rem;color:var(--muted)}
.cli-cmds code{font:.9rem ui-monospace,Consolas,monospace;color:var(--ink);background:var(--bg);border:1px solid var(--line);padding:.1rem .45rem;border-radius:6px}
.term{border-radius:12px;overflow:hidden;background:#0a0c14;border:1px solid #23283a;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.term-bar{display:flex;gap:6px;align-items:center;padding:.6rem .8rem;background:#121624}
.term-bar i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.term-bar i:nth-child(2){background:#febc2e}.term-bar i:nth-child(3){background:#28c840}
.term-bar span{margin-left:.6rem;font:.75rem ui-monospace,Consolas,monospace;color:#7d84a0}
.term-body{margin:0;padding:1rem 1.1rem 1.2rem;font:.85rem/1.65 ui-monospace,Consolas,monospace;color:#d6dcf5;white-space:pre-wrap;overflow-wrap:anywhere}
.term-body b{color:#3ecf8e}.term-body em{font-style:normal;color:#b9a3ff}.term-body span{color:#8a91ad}.term-body strong{color:#3ecf8e}
.home .pricing{max-width:860px;margin:0}
.hosting-note{color:var(--muted);font-size:.95rem;margin:1.4rem 0 0}
.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem}
.proj{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:1.3rem;display:flex;flex-direction:column;gap:.6rem}
.proj .tag{font-size:.85rem;color:var(--accent);font-weight:600}
.proj a{margin-top:auto;font-weight:600;color:var(--accent)!important}
.proj.empty{border-style:dashed;background:transparent}
.about{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.founder{margin:1.2rem 0 .8rem;color:var(--muted)}
.founder b{color:var(--ink)}
.contact{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:2.5rem;display:grid;grid-template-columns:1fr 1.1fr;gap:2.5rem}
.contact p{margin:0 0 1rem;color:var(--muted)}
.contact-btns{display:flex;gap:.7rem;flex-wrap:wrap}
.btn.wa{display:inline-flex;align-items:center;gap:.5rem;background:#25d366;color:#fff;border-color:#25d366}
.btn.wa:hover{background:#1ebe5b;border-color:#1ebe5b}
.btn.wa svg{width:1.15em;height:1.15em;fill:currentColor}
.field{margin-bottom:1rem}
.field label{display:block;font-weight:600;margin-bottom:.3rem}
.field input,.field textarea{width:100%;background:var(--bg);color:var(--ink);border:2px solid var(--line);border-radius:6px;padding:.75rem .85rem;font:inherit}
.field input:focus,.field textarea:focus{border-color:var(--accent)}
.field textarea{min-height:120px;resize:vertical}
.form-note{font-size:.88rem;color:var(--muted);margin:0 0 1rem}
.form-note a{color:var(--accent)!important}
.msg{display:none;margin:0 0 1rem;padding:.7rem .9rem;border-radius:6px;border:1px solid #c0392b;color:#c0392b}
.ok{padding:1.5rem 0;font-weight:600;color:var(--accent)}
.btn:disabled{opacity:.7;cursor:wait}
@media (max-width:820px){.hero .grid,.about,.contact,.features,.cli-box{grid-template-columns:1fr}.hero{padding:3rem 0}.contact{padding:1.5rem}}