/* cohosting2.css — isolated styles (no dependency on previous cohosting_pro.css) */
:root{
  --bg:#f3efe8; --ink:#111; --muted:#4a4a4a;
  --gold:#b68d2d; --gold2:#8a6a1e; --ring:rgba(182,141,45,.25);
  --card:rgba(255,255,255,.86); --border:rgba(0,0,0,.08);
  --shadow:0 18px 40px rgba(0,0,0,.10);
  --r:22px;
}
.coh2{ background:var(--bg); color:var(--ink); font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; }
.coh2-wrap{ max-width:1160px; margin:0 auto; padding:0 18px; }
.coh2-hero{
  padding:56px 0 34px;
  background:
    linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.15) 65%, rgba(0,0,0,0)),
    var(--coh2-hero) center/cover no-repeat;
}
.coh2-heroCard{
  background:rgba(255,255,255,.90);
  border:1px solid rgba(255,255,255,.60);
  border-radius: calc(var(--r) + 6px);
  box-shadow: var(--shadow);
  padding:26px 24px;
}
.coh2-kicker{ font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#444; margin-bottom:10px; }
.coh2-h1{ font-family: Georgia, "Times New Roman", serif; font-size: clamp(30px,4.2vw,48px); line-height:1.06; margin:0 0 10px; }
.coh2-sub{ color:var(--muted); font-size:15.5px; line-height:1.6; max-width:820px; margin:0 0 16px; }
.coh2-ctaRow{ display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.coh2-btn{ display:inline-flex; align-items:center; justify-content:center; padding:11px 16px; border-radius:14px; font-weight:800; text-decoration:none; border:1px solid rgba(0,0,0,.08); transition: transform .12s ease, filter .12s ease, background .12s ease; }
.coh2-btn.primary{ background: linear-gradient(180deg,var(--gold),var(--gold2)); color:#fff; box-shadow:0 10px 22px rgba(0,0,0,.12); border-color:rgba(0,0,0,.06); }
.coh2-btn.primary:hover{ transform: translateY(-1px); filter: brightness(1.03); }
.coh2-btn.ghost{ background: rgba(255,255,255,.82); color: var(--gold2); border-color: rgba(182,141,45,.55); }
.coh2-btn.ghost:hover{ transform: translateY(-1px); background: rgba(255,255,255,.95); }
.coh2-stats{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:12px; margin-top:14px; }
.coh2-stat{ background: rgba(255,255,255,.72); border:1px solid rgba(0,0,0,.06); border-radius:16px; padding:12px; }
.coh2-stat strong{ display:block; font-size:14px; }
.coh2-stat span{ display:block; color:var(--muted); font-size:12.5px; margin-top:4px; }

.coh2-section{ padding:46px 0; }
.coh2-section.soft{ background: rgba(255,255,255,.32); border-top:1px solid rgba(0,0,0,.05); border-bottom:1px solid rgba(0,0,0,.05); }
.coh2-head h2{ font-family: Georgia, "Times New Roman", serif; font-size:30px; margin:0 0 8px; }
.coh2-head p{ margin:0 0 18px; color:var(--muted); line-height:1.6; max-width:900px; }

.coh2-grid3{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:16px; }
.coh2-grid2{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:16px; }

.coh2-card{ background: var(--card); border:1px solid rgba(0,0,0,.06); border-radius: var(--r); box-shadow: 0 10px 24px rgba(0,0,0,.07); overflow:hidden; }
.coh2-card .ph{ height:168px; background:#ccc center/cover no-repeat; position:relative; }
.coh2-card .ph::after{ content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,0) 65%, rgba(0,0,0,.18)); }
.coh2-card .tag{ position:absolute; top:14px; left:14px; padding:7px 10px; border-radius:12px; background: rgba(0,0,0,.45); color:#fff; font-weight:800; font-size:12px; letter-spacing:.06em; z-index:3; }
.coh2-card .body{ padding:14px 16px 16px; }
.coh2-card h3{ margin:0 0 8px; font-size:16px; }
.coh2-card p{ margin:0; color:var(--muted); line-height:1.65; }

.coh2-rows{ display:grid; gap:16px; }
.coh2-row{ display:grid; grid-template-columns: 520px 1fr; gap:18px; padding:16px; align-items:stretch; }
.coh2-row.flip{ grid-template-columns: 1fr 520px; }
.coh2-row .ph{ border-radius:18px; min-height:220px; position:relative; overflow:hidden; border:1px solid rgba(0,0,0,.06); background:#ccc center/cover no-repeat; }
.coh2-row .ph::after{ content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,0) 60%, rgba(0,0,0,.18)); }
.coh2-row .tag{ position:absolute; top:14px; left:14px; padding:7px 10px; border-radius:12px; background: rgba(0,0,0,.45); color:#fff; font-weight:800; font-size:12px; letter-spacing:.06em; z-index:3; }
.coh2-row .txt h3{ margin:6px 0 10px; font-size:18px; }
.coh2-row .txt p{ margin:0; color:var(--muted); line-height:1.7; font-size:15.5px; }

.coh2-plans{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:16px; }
.coh2-plan{ background: var(--card); border:1px solid rgba(0,0,0,.06); border-radius: var(--r); box-shadow: 0 10px 24px rgba(0,0,0,.07); overflow:hidden; }
.coh2-plan.featured{ outline:3px solid var(--ring); border-color: rgba(182,141,45,.22); }
.coh2-plan .ph{ height:128px; background:#ccc center/cover no-repeat; position:relative; }
.coh2-plan .ph::after{ content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.48)); }
.coh2-plan .title{ position:absolute; left:14px; bottom:12px; color:#fff; font-weight:900; z-index:3; }
.coh2-plan .body{ padding:14px 16px 16px; }
.coh2-plan .meta{ color:var(--muted); font-weight:700; margin:0 0 10px; }
.coh2-plan ul{ margin:0 0 12px; padding-left:18px; color:var(--muted); line-height:1.7; }

.coh2-faq{ display:grid; gap:12px; }
.coh2-faq details{ background: var(--card); border:1px solid rgba(0,0,0,.06); border-radius: var(--r); box-shadow: 0 10px 24px rgba(0,0,0,.07); padding:12px 14px; }
.coh2-faq summary{ cursor:pointer; font-weight:900; }
.coh2-faq p{ margin:10px 0 0; color:var(--muted); line-height:1.65; }

.coh2-cta{
  background:
    linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.18) 70%, rgba(0,0,0,.55)),
    var(--coh2-cta) center/cover no-repeat;
  padding:64px 0;
}
.coh2-ctaBox{ display:grid; grid-template-columns: 1.15fr .85fr; gap:16px; background: rgba(255,255,255,.90); border-radius: calc(var(--r) + 8px); box-shadow: var(--shadow); border:1px solid rgba(255,255,255,.60); padding:16px; }
.coh2-ctaBox h2{ font-family: Georgia,"Times New Roman",serif; margin:6px 0 8px; }
.coh2-ctaBox p{ margin:0 0 14px; color:var(--muted); line-height:1.65; }
.coh2-form{ background: rgba(255,255,255,.62); border-radius: var(--r); border:1px solid rgba(0,0,0,.06); padding:12px; display:grid; gap:10px; }
.coh2-form label{ display:grid; gap:6px; font-size:13px; color:var(--muted); }
.coh2-form input, .coh2-form select, .coh2-form textarea{ width:100%; padding:10px; border-radius:12px; border:1px solid rgba(0,0,0,.12); background: rgba(255,255,255,.95); outline:none; }
.coh2-form input:focus, .coh2-form select:focus, .coh2-form textarea:focus{ border-color: rgba(182,141,45,.55); box-shadow: 0 0 0 4px var(--ring); }
.coh2-micro{ margin:0; font-size:12px; color:var(--muted); opacity:.95; }

@media (max-width: 1100px){
  .coh2-stats{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .coh2-grid3{ grid-template-columns: 1fr; }
  .coh2-grid2{ grid-template-columns: 1fr; }
  .coh2-plans{ grid-template-columns: 1fr; }
  .coh2-row, .coh2-row.flip{ grid-template-columns: 1fr; }
  .coh2-ctaBox{ grid-template-columns: 1fr; }
}