/* calmarmedia.com — realizer contour C, second realizer (Sherry).
   Deliberately a third visual language: serif editorial, warm graphite/sand.
   Must not resemble serpyard.com (light technical document) or seoigaming.pro (dark cyber):
   the two realizers are two independent agencies and may approach the same company. */
:root{
  --bg:#f6f3ee; --surface:#fffdfa; --ink:#241f1b; --ink-2:#4a433c; --ink-3:#7d746a;
  --line:#e2dbd0; --line-2:#efe9e0; --accent:#8a3324; --accent-soft:#c9a08f; --accent-wash:#f6ece7;
  --serif:'Lora',Georgia,'Times New Roman',serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;background:var(--bg);color:var(--ink);
  font:400 17px/1.7 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
img{max-width:100%}
a{color:var(--accent)}
.wrap{max-width:900px;margin:0 auto;padding:0 26px}

header.top{position:sticky;top:0;z-index:20;background:rgba(246,243,238,.94);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line)}
.top__in{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:900px;margin:0 auto;padding:16px 26px}
.brand{font:600 19px/1 var(--serif);letter-spacing:.01em;text-decoration:none;color:var(--ink)}
.brand em{font-style:normal;color:var(--accent)}
.top nav{display:flex;align-items:center;gap:22px;font-size:14.5px}
.top nav a{color:var(--ink-2);text-decoration:none}
.top nav a:hover{color:var(--accent)}
.lang{display:flex;gap:10px;font-size:13px;letter-spacing:.06em}
.lang a{text-decoration:none;color:var(--ink-3)}
.lang a.on{color:var(--accent);font-weight:600}

.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;
  padding:13px 26px;border-radius:2px;font-size:15px;letter-spacing:.01em}
.btn:hover{opacity:.9}
.btn--ghost{background:transparent;color:var(--accent);border:1px solid var(--accent-soft)}

section{padding:clamp(46px,6.5vw,84px) 0}
section + section{border-top:1px solid var(--line)}
.kicker{font:400 13px/1 var(--serif);font-style:italic;color:var(--accent);margin-bottom:14px}
h1{font:600 clamp(2.1rem,5vw,3.4rem)/1.12 var(--serif);letter-spacing:-.015em;margin:0 0 20px}
h2{font:600 clamp(1.5rem,3vw,2.1rem)/1.22 var(--serif);margin:0 0 16px}
h3{font:600 18px/1.35 var(--serif);margin:0 0 8px}
.lead{font-size:clamp(1.08rem,1.8vw,1.26rem);color:var(--ink-2);margin:0 0 28px}
p{margin:0 0 16px}
.muted{color:var(--ink-3);font-size:14.5px}
blockquote{margin:0;padding:0 0 0 20px;border-left:2px solid var(--accent-soft);
  font:400 clamp(1.1rem,2vw,1.3rem)/1.5 var(--serif);font-style:italic;color:var(--ink-2)}

.cols{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.block{border-top:1px solid var(--line);padding-top:16px}
.block p{margin:0;font-size:15.5px;color:var(--ink-2)}
.num{font:600 13px/1 var(--serif);color:var(--accent);display:block;margin-bottom:9px}

.pack{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:24px}
.pack h3{margin-bottom:6px}
.pack .price{font:600 15px/1 var(--serif);color:var(--accent);display:block;margin:0 0 12px}
.pack ul{margin:0;padding-left:18px;font-size:15px;color:var(--ink-2)}
.pack li{margin-bottom:6px}

.facts{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));
  margin-top:8px}
.fact b{display:block;font:600 clamp(26px,3.4vw,34px)/1 var(--serif);color:var(--ink)}
.fact span{display:block;margin-top:6px;font-size:14px;color:var(--ink-3);line-height:1.45}

footer{border-top:1px solid var(--line);padding:28px 0 46px;font-size:14px;color:var(--ink-3)}
footer .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
footer a{color:var(--ink-2)}
@media(max-width:680px){ .top nav a.hide-s{display:none} .wrap,.top__in{padding-left:18px;padding-right:18px} }