/* Shared styles for Horalune's static pages (/studio, /privacy, /terms).
   Same palette as the configurator: dark header and hero, warm ivory content. */
:root{--bg:#15181e;--ink:#16202b;--paper:#f4f3ee;--muted:#5f6c78;--line:#d7d8d4;--accent:#243a52;--gold:#e3c07a;--light:#eef1f3}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}
a{color:var(--accent)}
img{max-width:100%;display:block}
.wrap{max-width:980px;margin:0 auto;padding:0 20px}
.narrow{max-width:720px}

/* Header and footer */
.site-header{background:var(--bg);color:var(--light);border-bottom:1px solid #ffffff1f}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:16px}
.brand{color:var(--light);text-decoration:none;font:400 18px Georgia,serif;letter-spacing:.3em}
.site-header nav{display:flex;gap:18px;font-size:14px}
.site-header nav a{color:#cfd6dd;text-decoration:none}
.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--light)}
.site-footer{border-top:1px solid var(--line);padding:28px 0 40px;font-size:13px;color:var(--muted)}
.site-footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:16px}

/* Headings and text */
h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.25;margin:0 0 .5em}
h1{font-size:clamp(30px,5vw,46px)}
h2{font-size:clamp(24px,3.4vw,32px);margin-top:0}
h3{font-size:19px}
p{margin:0 0 1em}
.lede{font-size:19px;color:#3d4a56}
.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:block}
section{padding:64px 0}
section+section{border-top:1px solid var(--line)}

/* Hero (Studio) */
.hero{background:radial-gradient(circle at 70% 45%,#56626e,var(--bg) 70%);color:var(--light);padding:56px 0 0;border:0}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:center}
.hero .eyebrow{color:#aab6c1}
.hero .lede{color:#d4dbe2}
.hero img{width:100%;height:auto;object-fit:contain;margin-bottom:-6px}
.buttons{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 40px}
.btn{display:inline-block;padding:13px 20px;text-decoration:none;font-size:15px;border:1px solid transparent}
.btn-primary{background:var(--gold);color:#1b1b1b}
.btn-ghost{border-color:#ffffff55;color:var(--light)}
.btn-dark{background:var(--accent);color:#fff}

/* Cards and grids */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);padding:22px}
.card p:last-child{margin:0}
.badge{display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;margin-bottom:10px;border:1px solid var(--line);color:var(--muted)}
.badge.live{border-color:#3f9a6a;color:#2f7a52}
.steps{counter-reset:step;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.steps li{counter-increment:step;background:#fff;border:1px solid var(--line);padding:22px}
.steps li::before{content:counter(step);display:block;font:400 30px Georgia,serif;color:var(--gold);margin-bottom:6px}
.tiers .card h3{margin-bottom:4px}
.tiers .for{font-size:13px;color:var(--muted);margin-bottom:12px}
.tiers ul{padding-left:18px;margin:0}
.callout{background:var(--accent);color:#fff;padding:32px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.callout h2{margin:0 0 6px}
.callout p{margin:0;color:#d6dee6}
.callout .btn-primary{flex:none}
dl.faq dt{font-family:Georgia,serif;font-size:19px;margin-top:22px}
dl.faq dd{margin:6px 0 0;color:#3d4a56}

/* Legal pages */
.legal{padding:48px 0 64px}
.legal h2{font-size:22px;margin-top:2em}
.legal .updated{color:var(--muted);font-size:14px}
.legal ul{padding-left:20px}

@media (max-width:760px){
 .hero .wrap,.grid,.steps{grid-template-columns:1fr}
 .hero{padding-top:36px}
 section{padding:44px 0}
 .site-header nav{gap:12px;font-size:13px}
}