/* Orcheli theme v1.2 */
:root{
  --bg:#0f1320; --panel:#12172a; --ink:#e9edf6; --ink-dim:#b7c0d6; --brand:#6ac9ff; --accent:#66ffa8;
  --muted:#2a2f45; --line:#222742; --btn:#1b2140; --shadow:0 10px 30px rgba(0,0,0,.25);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
a{color:var(--brand);text-decoration:none}
img{max-width:100%;display:block}

.container{max-width:1100px;margin:0 auto;padding:0 20px}

.nav{position:sticky;top:0;background:rgba(15,19,32,.85);backdrop-filter: blur(8px);border-bottom:1px solid var(--line);z-index:10}
.nav__inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.nav nav a{margin-left:18px;color:var(--ink-dim)}
.nav nav a.btn{margin-left:24px}
.brand img{display:block}

.hero{padding:72px 0;border-bottom:1px solid var(--line);
  background:radial-gradient(900px 380px at 70% -20%,rgba(102,255,168,.18),transparent)}
.hero--slim{padding:48px 0}
.hero h1{font-size:clamp(26px,4vw,40px);margin:0 0 8px}
.hero__logo{margin-bottom:8px;opacity:.9}
.accent{color:var(--accent)}
.hero__ctas{display:flex;gap:12px;margin:16px 0 8px}
.badges{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:12px 0 0}
.badges li{background:var(--muted);border:1px solid var(--line);padding:6px 10px;border-radius:999px;color:var(--ink-dim);font-size:14px}

.section{padding:56px 0;border-bottom:1px solid var(--line)}
.section--tint{background:linear-gradient(0deg,rgba(102,255,168,.06),transparent)}
h2{margin:0 0 18px;font-size:clamp(20px,3vw,28px)}
h3{margin:0 0 8px;font-size:18px}
.muted{color:var(--ink-dim);font-size:14px}

.grid-2{display:grid;grid-template-columns:1fr;gap:18px}
.grid-3{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:860px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}}

.card,.well{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.well h4{margin:0 0 8px}

.btn{display:inline-block;background:var(--btn);color:var(--ink);border:1px solid var(--line);padding:10px 14px;border-radius:10px;box-shadow:var(--shadow)}
.btn--ghost{background:transparent;border-color:var(--brand);color:var(--brand)}
.btn:hover{transform:translateY(-1px)}

.pricing{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:860px){.pricing{grid-template-columns:1fr 1fr}}
.pricecard{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}
.pricecard--pro{outline:2px solid var(--accent)}

.form label{display:block;font-size:14px;color:var(--ink-dim)}
.form input,.form select,.form textarea{
  width:100%;margin:6px 0 14px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);
  background:#0d1224;color:var(--ink)
}
.form__actions{display:flex;align-items:center;gap:12px}

.fineprint{color:var(--ink-dim);font-size:14px}