:root{
  --bg:#f7f4ee;
  --paper:#fffdf8;
  --ink:#171717;
  --muted:#5f625f;
  --line:#d9d5cd;
  --accent:#a53a2b;
  --accent-dark:#7d2d23;
  --soft:#eee8dd;
  --max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Helvetica Neue",Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(247,244,238,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{font-weight:800;letter-spacing:.02em;text-decoration:none;font-size:1rem}
.brand span{color:var(--accent)}
.nav-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.nav-links a{text-decoration:none;color:var(--muted);font-size:.92rem}
.nav-links a:hover,.nav-links a.active{color:var(--ink)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:1px solid var(--ink);background:var(--ink);color:white;text-decoration:none;font-weight:700;font-size:.92rem;border-radius:3px}
.button:hover{background:#000}
.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}
.button.secondary:hover{border-color:var(--ink)}
.eyebrow{font-size:1.08rem;letter-spacing:.11em;text-transform:uppercase;color:var(--accent);font-weight:800;display:inline-block;width:fit-content;line-height:1.15}
h1,h2,h3{font-family:"Helvetica Neue",Arial,sans-serif;letter-spacing:-.035em;margin:0;line-height:1.03}
h1{font-size:clamp(2.6rem,6.2vw,5rem);font-weight:760;max-width:13ch}
h2{font-size:clamp(1.9rem,4vw,3.1rem);font-weight:740}
h3{font-size:1.25rem;font-weight:740;letter-spacing:-.02em}
p{margin:0}
.lede{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:62ch}
.hero{padding:64px 0 48px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:52px;align-items:center}
.hero-copy{display:flex;flex-direction:column;gap:22px}
.hero-photo{background:var(--paper);border:1px solid var(--line);padding:10px;box-shadow:0 12px 40px rgba(24,20,16,.07)}
.hero-photo img{width:100%;aspect-ratio:1.06/1;object-fit:cover;filter:grayscale(100%)}
.quick-services{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:42px}
.service-card{background:var(--paper);border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;gap:14px;min-height:260px}
.service-card .label{font-size:1.08rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:800;display:inline-block;width:fit-content;line-height:1.15}
.service-card p{color:var(--muted);max-width:48ch}
.service-card .meta{margin-top:auto;font-size:.9rem;font-weight:700}
.service-card .links{display:flex;gap:10px;flex-wrap:wrap}
.section{padding:74px 0;border-top:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:42px;align-items:start;margin-bottom:36px}
.section-head p{color:var(--muted);max-width:64ch}
.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.fact{background:var(--paper);padding:28px}
.fact strong{display:block;font-size:1.55rem;margin-bottom:5px}
.fact span{font-size:.9rem;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.panel{background:var(--paper);border:1px solid var(--line);padding:30px}
.panel p{color:var(--muted);margin-top:12px}
.clean-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.clean-list li{position:relative;padding-left:18px;color:var(--muted)}
.clean-list li:before{content:"";width:7px;height:1px;background:var(--accent);position:absolute;left:0;top:.78em}
.quote{font-size:1.25rem;line-height:1.45;letter-spacing:-.01em}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.price-card{background:var(--paper);border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;gap:12px}
.price{font-size:2rem;font-weight:800;letter-spacing:-.04em}
.price small{font-size:.85rem;color:var(--muted);font-weight:500;letter-spacing:0}
.step-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.step{background:var(--paper);display:grid;grid-template-columns:52px 1fr;gap:18px;padding:24px}
.step .num{font-weight:800;font-size:1.25rem;color:var(--accent)}
.step p{color:var(--muted);margin-top:6px}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{cursor:pointer;font-weight:700}
.faq p{color:var(--muted);margin-top:10px;max-width:70ch}
.cta-band{padding:58px 0;background:var(--ink);color:white}
.cta-band .inner{display:flex;justify-content:space-between;gap:28px;align-items:center}
.cta-band p{color:#c8c8c8;margin-top:10px;max-width:58ch}
.cta-band .button{background:white;color:var(--ink);border-color:white}
.footer{padding:28px 0;color:var(--muted);font-size:.86rem}
.footer-row{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.footer a{text-decoration:none}
.page-hero{padding:58px 0 44px;border-bottom:1px solid var(--line)}
.page-hero .lede{margin-top:18px}
.breadcrumb{font-size:.84rem;color:var(--muted);margin-bottom:20px}
.breadcrumb a{text-decoration:none}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.contact-card{background:var(--paper);border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;gap:14px}
.contact-card p{color:var(--muted)}
.email-line{font-size:1.15rem;font-weight:800;word-break:break-word}
.note{font-size:.86rem;color:var(--muted)}
@media(max-width:860px){
 .hero-grid,.section-head,.split{grid-template-columns:1fr}
 .hero-photo{max-width:520px}
 .quick-services,.pricing,.contact-grid,.fact-grid{grid-template-columns:1fr}
 .nav{align-items:flex-start;padding:17px 0}
 .nav-links{gap:14px}
 .cta-band .inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
 .wrap{width:min(var(--max),calc(100% - 28px))}
 .nav{display:block}
 .nav-links{margin-top:12px}
 .hero{padding-top:42px}
 .service-card,.panel,.price-card,.contact-card{padding:22px}
 .step{grid-template-columns:38px 1fr;padding:20px}
}

.accent-title{color:var(--accent)}


/* Privacy banner — carried over from previous Frudua Music site */
#privacy-banner {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    padding: 15px 20px;
    z-index: 999999 !important;
    display: none;
    animation: slideUp 0.4s ease-out;
    margin: 0 !important;
    width: 100% !important;
}
#privacy-banner.show { display: block; }
@keyframes slideUp { from { transform: translateY(100%); } to { transform: translateY(0); } }
.privacy-content { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.privacy-text { flex: 1; font-size: 14px; line-height: 1.6; color: #333; }
.privacy-text a { color: #b3382c; text-decoration: underline; font-weight: 600; }
.privacy-close { flex-shrink: 0; }
.privacy-btn { padding: 10px 24px; border: none; border-radius: 5px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; white-space: nowrap; background: #b3382c; color: white; }
.privacy-btn:hover { background: #dd3333; transform: translateY(-2px); }
@media (max-width: 768px) {
    #privacy-banner { padding: 15px; }
    .privacy-content { flex-direction: column; align-items: stretch; gap: 15px; }
    .privacy-text { font-size: 13px; text-align: center; }
    .privacy-btn { width: 100%; padding: 14px; }
}
@keyframes slideDown { from { transform: translateY(0); } to { transform: translateY(100%); } }

.legal-copy{max-width:800px}
.legal-copy h2{font-size:clamp(1.45rem,3vw,2.05rem);margin-top:38px}
.legal-copy h3{font-size:1.08rem;margin-top:26px}
.legal-copy p,.legal-copy li{color:var(--muted)}
.legal-copy p{margin-top:12px}
.legal-copy ul{margin:12px 0 0;padding-left:20px}
.legal-copy li+li{margin-top:7px}