:root { --marketing-ink:#1e2423; --marketing-muted:#64706e; --marketing-paper:#fbfaf7; --marketing-sand:#f0e9df; --marketing-gold:#a46b1f; --marketing-gold-dark:#7d4e0d; --marketing-line:#e3ddd4; --marketing-white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.marketing-page { margin:0; background:var(--marketing-paper); color:var(--marketing-ink); font-family:Tahoma,Arial,sans-serif; line-height:1.65; }
.marketing-container { width:min(1160px,calc(100% - 40px)); margin:auto; }
.marketing-skip-link { position:absolute; top:-4rem; right:1rem; z-index:100; padding:.6rem .9rem; background:var(--marketing-ink); color:#fff; text-decoration:none; }.marketing-skip-link:focus { top:1rem; }
.marketing-header { position:sticky; top:0; z-index:40; border-bottom:1px solid rgba(30,36,35,.08); background:rgba(251,250,247,.92); backdrop-filter:blur(14px); }.marketing-header__inner { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:1rem; direction:ltr; }
.marketing-brand { display:inline-flex; align-items:center; gap:.58rem; color:var(--marketing-ink); text-decoration:none; }.marketing-brand img { width:39px; height:39px; }.marketing-brand span { display:grid; line-height:1; letter-spacing:.08em; }.marketing-brand strong { font-size:1.08rem; }.marketing-brand small { margin-top:.2rem; color:var(--marketing-gold); font-size:.61rem; font-weight:800; }
.marketing-nav { display:flex; align-items:center; gap:1.3rem; direction:rtl; }.marketing-nav > a:not(.marketing-button) { color:#3c4745; font-size:.9rem; font-weight:700; text-decoration:none; }.marketing-nav > a:not(.marketing-button):hover { color:var(--marketing-gold); }.marketing-menu-toggle { display:none; border:0; background:transparent; color:var(--marketing-ink); cursor:pointer; }
.marketing-button { display:inline-flex; align-items:center; justify-content:center; gap:.48rem; min-height:48px; border:1px solid var(--marketing-gold); border-radius:8px; padding:.7rem 1.12rem; background:var(--marketing-gold); color:#fff; font:inherit; font-size:.9rem; font-weight:800; text-decoration:none; transition:transform .18s ease,background .18s ease; }.marketing-button:hover { transform:translateY(-2px); background:var(--marketing-gold-dark); }.marketing-button--small { min-height:39px; padding:.5rem .85rem; }.marketing-button--secondary { background:transparent; color:var(--marketing-gold-dark); }.marketing-button--secondary:hover { color:#fff; }.marketing-button--light { border-color:#fff; background:#fff; color:var(--marketing-gold-dark); }
.marketing-hero { overflow:hidden; padding:clamp(4.5rem,9vw,7.5rem) 0 clamp(4rem,7vw,6rem); background:linear-gradient(110deg,#fbfaf7 0%,#fbfaf7 56%,#f2eee8 100%); }.marketing-hero__grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr); align-items:center; gap:clamp(2rem,6vw,5rem); }.marketing-eyebrow { display:inline-flex; align-items:center; gap:.46rem; margin:0 0 .85rem; color:var(--marketing-gold-dark); font-size:.78rem; font-weight:800; }.marketing-eyebrow span { width:24px; height:2px; background:var(--marketing-gold); }.marketing-hero h1 { max-width:640px; margin:0; font-size:clamp(2.55rem,5.6vw,5rem); letter-spacing:0; line-height:1.16; }.marketing-hero h1 em { color:var(--marketing-gold); font-style:normal; }.marketing-hero__lead { max-width:600px; margin:1.3rem 0 0; color:var(--marketing-muted); font-size:1.05rem; }.marketing-actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.8rem; }.marketing-hero__points { display:flex; flex-wrap:wrap; gap:.9rem 1.4rem; margin:1.55rem 0 0; padding:0; list-style:none; color:#4f5a58; font-size:.8rem; font-weight:700; }.marketing-hero__points li { display:flex; align-items:center; gap:.38rem; }.marketing-hero__points svg { width:17px; color:var(--marketing-gold); }
.marketing-product-visual { position:relative; }.marketing-product-visual::before { content:""; position:absolute; inset:-12% -7%; z-index:0; border-radius:50%; background:#e8dfd2; }.marketing-browser { position:relative; z-index:1; overflow:hidden; border:1px solid rgba(30,36,35,.14); border-radius:13px; background:#fff; box-shadow:0 28px 60px rgba(48,39,27,.16); }.marketing-browser__bar { display:flex; align-items:center; gap:.35rem; height:42px; padding:0 14px; border-bottom:1px solid var(--marketing-line); direction:ltr; }.marketing-browser__bar span { width:8px; height:8px; border-radius:50%; background:#ded4c6; }.marketing-browser__bar b { margin-right:auto; color:#7d7165; font-size:.68rem; letter-spacing:.08em; }.marketing-browser img { display:block; width:100%; aspect-ratio:1.45; object-fit:cover; }.marketing-browser__caption { display:flex; align-items:center; gap:.5rem; padding:.78rem 1rem; background:#fff; color:var(--marketing-ink); font-size:.82rem; font-weight:800; }.marketing-browser__caption svg { width:18px; color:var(--marketing-gold); }.marketing-browser__caption small { margin-right:auto; color:var(--marketing-muted); font-size:.66rem; font-weight:600; }
.marketing-section { padding:clamp(4rem,8vw,7rem) 0; }.marketing-section--features { background:#fff; }.marketing-section-heading { max-width:620px; margin:0 auto 2.3rem; text-align:center; }.marketing-section-heading--start { margin:0; text-align:right; }.marketing-section-heading h2 { margin:0; font-size:clamp(1.9rem,3.8vw,3.15rem); line-height:1.2; }.marketing-section-heading > p:not(.marketing-eyebrow) { margin:.8rem 0 0; color:var(--marketing-muted); }.marketing-features-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.75rem; }.marketing-features-grid article { min-height:178px; padding:1rem; border:1px solid var(--marketing-line); border-radius:10px; background:var(--marketing-paper); transition:transform .18s ease,border-color .18s ease; }.marketing-features-grid article:hover { transform:translateY(-4px); border-color:#cdb18a; }.marketing-features-grid svg { width:22px; color:var(--marketing-gold); }.marketing-features-grid h3 { margin:.85rem 0 .35rem; font-size:.92rem; }.marketing-features-grid p { margin:0; color:var(--marketing-muted); font-size:.76rem; line-height:1.6; }
.marketing-showcase { background:#f1ece5; }.marketing-showcase__intro { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:2rem; }.marketing-showcase__note { display:flex; align-items:center; gap:.45rem; max-width:290px; color:#65706d; font-size:.78rem; font-weight:700; }.marketing-showcase__note svg { width:19px; flex:none; color:var(--marketing-gold); }.marketing-shot-grid { display:grid; grid-template-columns:1.12fr .88fr; gap:1rem; }.marketing-shot { position:relative; min-height:255px; overflow:hidden; border-radius:12px; background:#2c302e; }.marketing-shot--large { grid-row:span 2; min-height:520px; }.marketing-shot img { width:100%; height:100%; object-fit:cover; opacity:.62; }.marketing-shot div { position:absolute; right:0; bottom:0; left:0; padding:1rem 1.1rem; color:#fff; background:linear-gradient(transparent,rgba(24,28,27,.88)); }.marketing-shot span { color:#f1c171; font-size:.72rem; font-weight:800; }.marketing-shot h3 { margin:.1rem 0; font-size:1.15rem; }.marketing-shot p { margin:0; color:rgba(255,255,255,.8); font-size:.8rem; }
.marketing-simple { background:#fff; }.marketing-simple__grid { display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(2rem,7vw,6rem); align-items:center; }.marketing-simple__panel h2 { margin:0; font-size:clamp(2rem,4vw,3.2rem); line-height:1.2; }.marketing-simple__panel > p:not(.marketing-eyebrow) { color:var(--marketing-muted); }.marketing-text-link { display:inline-flex; align-items:center; gap:.4rem; color:var(--marketing-gold-dark); font-size:.9rem; font-weight:900; text-decoration:none; }.marketing-text-link svg { width:18px; }.marketing-check-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; margin:0; padding:0; list-style:none; }.marketing-check-list li { display:flex; gap:.65rem; padding:1rem; border:1px solid var(--marketing-line); border-radius:10px; }.marketing-check-list li > svg { flex:none; width:18px; color:var(--marketing-gold); }.marketing-check-list b,.marketing-check-list small { display:block; }.marketing-check-list b { font-size:.85rem; }.marketing-check-list small { margin-top:.18rem; color:var(--marketing-muted); font-size:.72rem; }
.marketing-audience { background:#f6f2ec; }.marketing-audience__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }.marketing-audience__grid div { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:150px; gap:.7rem; border:1px solid var(--marketing-line); border-radius:10px; background:#fff; font-size:.93rem; font-weight:900; }.marketing-audience__grid svg { width:28px; color:var(--marketing-gold); }
.marketing-cta { padding:clamp(3.5rem,7vw,5.5rem) 0; background:#2a2926; color:#fff; }.marketing-cta__inner { display:flex; align-items:center; justify-content:space-between; gap:2rem; }.marketing-cta .marketing-eyebrow { color:#f1c171; }.marketing-cta h2 { margin:0; font-size:clamp(2rem,4vw,3.5rem); }.marketing-cta p { margin:.55rem 0 0; color:rgba(255,255,255,.72); }.marketing-cta__actions { display:flex; flex-wrap:wrap; align-items:center; gap:.8rem; }.marketing-phone { display:inline-flex; align-items:center; gap:.45rem; color:#fff; font-size:1.1rem; font-weight:900; text-decoration:none; direction:ltr; }.marketing-phone svg { width:18px; color:#f1c171; }
.marketing-footer { padding:2rem 0; background:#20201e; color:#fff; }.marketing-footer__inner { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:2rem; }.marketing-footer .marketing-brand { color:#fff; }.marketing-footer__brand p,.marketing-footer__brand > span,.marketing-footer p { margin:.45rem 0 0; color:rgba(255,255,255,.62); font-size:.75rem; }.marketing-footer nav { display:flex; gap:1rem; }.marketing-footer nav a,.marketing-footer > div > a { color:rgba(255,255,255,.74); font-size:.78rem; font-weight:700; text-decoration:none; }.marketing-footer > div:last-child { text-align:left; }.marketing-footer > div:last-child > a { direction:ltr; color:#f1c171; font-size:.9rem; }
@media (max-width:960px) { .marketing-hero__grid,.marketing-simple__grid { grid-template-columns:1fr; }.marketing-product-visual { max-width:680px; }.marketing-features-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.marketing-shot-grid { grid-template-columns:1fr 1fr; }.marketing-shot--large { grid-row:span 1; grid-column:span 2; min-height:340px; }.marketing-cta__inner { align-items:flex-start; flex-direction:column; }.marketing-footer__inner { grid-template-columns:1fr 1fr; }.marketing-footer__inner > div:last-child { text-align:right; } }
@media (max-width:700px) { .marketing-container { width:min(100% - 32px,1160px); }.marketing-header__inner { min-height:68px; }.marketing-menu-toggle { display:block; padding:.4rem; }.marketing-menu-toggle svg { width:23px; }.marketing-nav { position:absolute; top:100%; right:0; left:0; display:none; align-items:stretch; gap:0; padding:.7rem 1rem 1rem; border-bottom:1px solid var(--marketing-line); background:var(--marketing-paper); box-shadow:0 14px 25px rgba(33,31,28,.08); }.marketing-nav.is-open { display:flex; flex-direction:column; }.marketing-nav > a:not(.marketing-button) { padding:.7rem 0; }.marketing-nav .marketing-button { margin-top:.4rem; }.marketing-hero { padding-top:3.6rem; }.marketing-hero h1 { font-size:clamp(2.35rem,12vw,3.6rem); }.marketing-hero__lead { font-size:.95rem; }.marketing-hero__points { display:grid; gap:.65rem; }.marketing-browser__caption small { display:none; }.marketing-features-grid,.marketing-audience__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.marketing-features-grid article { min-height:160px; }.marketing-showcase__intro { align-items:start; flex-direction:column; }.marketing-shot-grid { grid-template-columns:1fr; }.marketing-shot--large { grid-column:auto; min-height:280px; }.marketing-shot { min-height:210px; }.marketing-check-list { grid-template-columns:1fr; }.marketing-footer__inner { grid-template-columns:1fr; gap:1.4rem; }.marketing-footer > div:last-child { text-align:right; } }

/* Standalone marketing styles: never loaded by the PMS shell. */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
:focus-visible { outline:3px solid #82500c; outline-offset:5px; }
[id] { scroll-margin-top:100px; }
[dir="ltr"] .marketing-nav { direction:ltr; }
.marketing-section-heading--start { text-align:start; }
.marketing-browser__caption small { margin-right:0; margin-inline-start:auto; }
.marketing-browser__bar b { margin-right:0; margin-inline-start:auto; }
.marketing-brand { direction:ltr; }
.marketing-shot-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.marketing-shot { min-height:250px; background:#e8e1d7; border:1px solid #d3c6b5; }
.marketing-shot img { display:block; height:auto; aspect-ratio:1.6; opacity:1; object-fit:contain; }
.marketing-shot div { position:static; background:#fff; color:var(--marketing-ink); }
.marketing-shot span { color:var(--marketing-gold-dark); }
.marketing-preview-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:180px; padding:24px; text-align:center; color:#625443; }
.marketing-preview-placeholder svg { width:32px; height:32px; }
.marketing-preview-placeholder p { font-size:.78rem; }
.marketing-cta .marketing-button--secondary { color:#fff; border-color:#c9ab7f; }
.marketing-button--light:hover { color:#fff; }
.marketing-footer a { color:#e7c99c; }
.marketing-menu-toggle { min-width:44px; min-height:44px; }
.marketing-menu-toggle i { display:block; width:22px; height:16px; border-block:2px solid currentColor; }
@media (max-width:960px) { .marketing-shot-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px) { .marketing-shot-grid { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; animation:none!important; } }
.marketing-shot .marketing-preview-placeholder p { color:#625443; }
[dir="ltr"] .marketing-hero h1 { font-size:clamp(2.5rem,4.6vw,4.25rem); }
[dir="ltr"] .marketing-actions .lucide-arrow-left,[dir="ltr"] .marketing-text-link .lucide-arrow-left { transform:rotate(180deg); }