/* autositer.com theme: Αιγαίο — φωτεινό, θαλασσί, στρογγυλεμένο. Φορτώνεται μετά το app.css. */
:root {
  --ink: #082a35; --slate: #3f6470; --mist: #e0eef1; --paper: #eff7f9; --white: #fff;
  --cobalt: #0e7490; --cobalt-d: #155e75; --signal: #168a5a;
  --line: #cfe3e8;
  --f-head: 'Manrope', system-ui, sans-serif; --f-body: 'Inter', system-ui, sans-serif;
  --r: 999px;
}
body { background: var(--paper); }
h1, h2, h3 { font-weight: 800; letter-spacing: -0.025em; line-height: 1.12; }
:focus-visible { outline-color: var(--cobalt); }
.brand { font-weight: 800; letter-spacing: -0.03em; }

/* header: floating white bar */
.site-header { background: rgba(255,255,255,.88); border-bottom: 0; box-shadow: 0 1px 0 var(--line), 0 12px 30px -24px rgba(8,42,53,.5); }
.nav a:not(.btn):hover { color: var(--cobalt); }

/* buttons: pills */
.btn { border-radius: 999px; font-family: var(--f-body); font-weight: 700; letter-spacing: -0.005em; }
.btn-primary { box-shadow: 0 8px 18px -10px rgba(14,116,144,.9); }
.btn-primary:hover { box-shadow: 0 10px 22px -10px rgba(14,116,144,1); }
.btn-ghost { background: #fff; }
.btn-ghost:hover { border-color: var(--cobalt); color: var(--cobalt); }
.btn-danger { background: #fff; }
.chip { border-radius: 999px; }
.chip[aria-selected="true"] { background: var(--cobalt); border-color: var(--cobalt); }

/* hero: soft sea wash behind the text, no decoration elsewhere */
.hero { background: linear-gradient(180deg, #dff0f4 0%, var(--paper) 100%); }
.hero h1 { font-weight: 800; letter-spacing: -0.035em; max-width: 14ch; }
.demo { border-radius: 22px; border-color: var(--line); box-shadow: 0 34px 60px -34px rgba(8,42,53,.55); }
.demo-bar { background: #e8f3f6; }

/* sections */
.sec.alt { background: #fff; border-block-color: var(--line); }
.steps { border-top: 0; gap: 16px; }
.steps li, .steps li + li { background: #fff; border: 1px solid var(--line); border-radius: 22px; padding: 26px 26px 20px; }
.steps li::before { font-family: var(--f-head); font-weight: 800; width: 46px; height: 46px; display: grid; place-items: center; background: #d6edf2; color: var(--cobalt); border-radius: 50%; font-size: 1.3rem; margin-bottom: 16px; }
@media (max-width: 820px) { .steps li, .steps li + li { padding: 22px; border: 1px solid var(--line); } .steps li:first-child { border-top: 1px solid var(--line); } }
.defs > div { border-top-color: var(--line); }
.defs dt { font-weight: 800; }

.price-panel { border: 0; border-radius: 28px; box-shadow: 0 30px 60px -36px rgba(8,42,53,.6); }
.price-l { background: linear-gradient(160deg, #0b4a5a 0%, #082a35 100%); }
.price-l .amount, .plan-amount { font-weight: 800; }
.price-r li::before, .plan-card li::before { border-color: var(--signal); }

.faq details { border-top-color: var(--line); }
.faq summary { font-weight: 700; }
.faq summary::after { color: var(--cobalt); }
.closing { background: linear-gradient(160deg, #0b4a5a 0%, #082a35 100%); }
.closing p { color: #bcd8df; }

/* cards + forms */
.card { border-radius: 22px; border-color: var(--line); box-shadow: 0 18px 40px -32px rgba(8,42,53,.5); }
.input { border-radius: 14px; border-color: #bfd8df; }
.input:focus { border-color: var(--cobalt); box-shadow: 0 0 0 4px rgba(14,116,144,.18); }
.addr-input .input { border-radius: 14px 0 0 14px; }
.addr-suffix { border-radius: 0 14px 14px 0; background: #e3f1f4; border-color: #bfd8df; }
.flash { border-radius: 16px; }
.error { border-radius: 14px; }

/* app pages: each site is a card */
.sites { border-top: 0; display: grid; gap: 14px; }
.site-row { background: #fff; border: 1px solid var(--line); border-radius: 22px; padding: 20px 24px; }
.status.paid::before { background: var(--cobalt); }
.badge { background: var(--cobalt); }
.stats { border-top: 0; gap: 14px; }
.stats div { background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 16px 18px; }
.stats b { font-weight: 800; }
.page-head h1 { font-weight: 800; }

/* admin */
.tabs a[aria-current="page"] { border-bottom-color: var(--cobalt); color: var(--cobalt); }
.tabs.sub a[aria-current="page"] { background: var(--cobalt); border-color: var(--cobalt); }
.bars i { background: var(--cobalt); }
.admin-preview { border-radius: 18px; }
.prov { border-radius: 18px; }
.pill.paid { background: #d9f2e6; color: #0d6a45; }

/* plans */
.plan-card { border-radius: 22px; border-color: var(--line); }
.plan-card.plan-featured { border-color: var(--cobalt); box-shadow: 0 0 0 1px var(--cobalt) inset, 0 24px 40px -32px rgba(14,116,144,.8); }
.plan-card:has(input:checked) { border-color: var(--cobalt); box-shadow: 0 0 0 1px var(--cobalt) inset; }
.plan-card input { accent-color: var(--cobalt); }
.plan-custom { border-radius: 22px; background: linear-gradient(160deg, #0b4a5a 0%, #082a35 100%); }
.plan-sum { border-radius: 16px; background: #e0eef1; }
.site-footer, .ft a { color: var(--slate); }