:root {
            --ink: #172439;
            --ink-soft: #4d5f72;
            --muted: #5f6c78;
            --brand: #835368;
            --brand-dark: #673d51;
            --brand-soft: #f7edf2;
            --surface: #fffdf9;
            --line: rgba(131, 83, 104, 0.15);
            --font-heading: Georgia, 'Times New Roman', serif;
            --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
        }
        * { box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body { margin: 0; font-family: var(--font-body); color: var(--ink); background: var(--surface); line-height: 1.8; }
        a { color: var(--brand); text-decoration: none; }
        a:hover { text-decoration: underline; }
        .container { width: min(820px, calc(100% - 40px)); margin: 0 auto; }
        .site-header { position: sticky; top: 0; z-index: 50; background: rgba(255, 253, 249, .86); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(131, 83, 104, .10); }
        .nav { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
        .brand-lockup { display: flex; align-items: center; gap: 13px; }
        .brand-lockup img { width: 48px; height: 48px; object-fit: contain; }
        .brand-title { display: block; font-family: var(--font-heading); font-size: 27px; font-weight: 700; line-height: 1; color: var(--brand-dark); }
        .brand-sub { display: block; margin-top: 4px; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
        .header-cta { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 0 18px; background: var(--ink); color: #fff; font-size: 13px; font-weight: 800; letter-spacing: .04em; }
        .breadcrumb { padding: 24px 0 0; font-size: 13px; color: var(--muted); }
        .breadcrumb a { color: var(--brand); font-weight: 700; }
        main { padding: 32px 0 80px; }
        h1 { font-family: var(--font-heading); font-size: clamp(32px, 4vw, 48px); line-height: 1.1; margin: 0 0 24px; }
        h2 { font-family: var(--font-heading); font-size: 24px; margin: 40px 0 12px; color: var(--brand-dark); }
        h3 { font-size: 18px; margin: 28px 0 8px; }
        p { margin: 0 0 16px; color: var(--ink-soft); }
        ul { margin: 0 0 16px; padding-left: 24px; }
        li { margin-bottom: 8px; color: var(--ink-soft); }
        strong { color: var(--ink); }
        .content-card { background: #fff; border: 1px solid var(--line); border-radius: 20px; padding: 36px; box-shadow: 0 16px 44px rgba(23,36,57,.045); }
        .footer-band { padding: 44px 0; background: linear-gradient(135deg, #101827 0%, #172439 58%, #2b1f2a 100%); color: rgba(255,255,255,.72); text-align: center; font-size: 14px; }
        .floating-actions { position: fixed; right: 22px; bottom: 22px; z-index: 90; display: grid; gap: 10px; }
        .float-btn { width: 54px; height: 54px; border-radius: 50%; display: grid; place-items: center; color: #fff; box-shadow: 0 14px 34px rgba(0,0,0,.18); }
        .float-btn.phone { background: var(--brand); }
        .float-btn.whatsapp { background: #25D366; }
        .float-btn svg { width: 22px; height: 22px; fill: currentColor; }
        @media (max-width: 680px) { .container { width: min(100% - 32px, 1180px); } .site-header { backdrop-filter: none; } .nav { min-height: 76px; } .brand-title { font-size: 23px; } .header-cta { display: none; } .content-card { padding: 24px; } .floating-actions { right: 16px; bottom: 78px; } }