/* ============================================================
   禧创文化 · 文商旅一体化运营平台 — 共享视觉系统
   深绿 × 鎏金 × 米白 · 衬线标题 · 编辑式高端质感
   用于：宠物友好主题市集 数据看板 / 全球对标 / 招商名录
   ============================================================ */
:root{
  --ink:#0a1b15; --green:#102a21; --green2:#16352a; --green3:#1d4435;
  --line:#2a4a3d; --line-soft:rgba(201,162,78,.20);
  --gold:#c9a24e; --gold-hi:#e8c87f; --ember:#bd4a2e;
  --cream:#ece3d0; --mist:#9aa79a; --mist-dim:#6f7d70;
  --serif:"Noto Serif SC",serif; --sans:"Noto Sans SC",system-ui,"PingFang SC","Microsoft YaHei",sans-serif; --lat:"Fraunces",Georgia,serif;
  /* legacy token aliases so existing markup keeps working */
  --bg:var(--green); --bg2:var(--green2); --ink2:var(--mist); --muted:var(--mist-dim); --card:var(--green2);
  --c1:#c9a24e; --c2:#7fb08a; --c3:#e8c87f; --c4:#5fa6a6; --c5:#bd4a2e; --c6:#b89bd6;
  --good:#7fb08a; --warn:#d9a441; --bad:#cf6a4f;
  --S:#cf6a4f; --A:#d9a441; --B:#5fa6a6;
  --shadow:0 1px 0 rgba(201,162,78,.04),0 24px 50px -28px rgba(0,0,0,.7);
  --radius:6px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--green);color:var(--cream);font-weight:300;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
::selection{background:var(--gold);color:var(--ink)}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}

/* keystrip 回纹 divider (reusable) */
.keystrip{height:12px;width:100%;opacity:.55;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12' viewBox='0 0 24 12'%3E%3Cpath d='M1 11V3h6v5h-2V5H3v6z M9 11V1h2v8h4V1h2v10z M19 1v10h4V9h-2V3h2V1z' fill='none' stroke='%23c9a24e' stroke-width='.8'/%3E%3C/svg%3E");
  background-repeat:repeat-x;background-size:auto 12px}

/* ============ NAV ============ */
.nav{position:sticky;top:0;z-index:50;background:rgba(10,27,21,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:18px;height:64px}
.brand{font-family:var(--serif);font-weight:900;letter-spacing:.05em;display:flex;align-items:center;gap:8px;font-size:17px;color:var(--cream)}
.brand .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 9px var(--gold)}
.nav nav{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}
.nav nav a{font-size:13px;color:var(--mist);padding:7px 12px;border-radius:2px;font-weight:400;letter-spacing:.04em;transition:.2s;position:relative}
.nav nav a:hover{color:var(--cream);background:rgba(201,162,78,.08)}
.nav nav a.home,.nav nav a.navcta,.nav nav a.navcta2{border:1px solid var(--gold);color:var(--gold);background:transparent}
.nav nav a.home:hover,.nav nav a.navcta:hover,.nav nav a.navcta2:hover{background:var(--gold);color:var(--ink)}

/* ============ HERO ============ */
.hero{padding:74px 0 38px;position:relative;overflow:hidden;
  background:radial-gradient(120% 90% at 50% -10%, #14352a 0%, var(--green) 46%, var(--ink) 100%)}
.hero:before{content:"";position:absolute;right:-90px;top:-120px;width:520px;height:520px;border-radius:50%;filter:blur(70px);background:radial-gradient(circle,rgba(201,162,78,.30),transparent 68%)}
.hero:after{content:"";position:absolute;left:-80px;bottom:-160px;width:440px;height:440px;border-radius:50%;filter:blur(70px);background:radial-gradient(circle,rgba(201,162,78,.16),transparent 70%)}
.tag,.hero .tag{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);background:transparent;border:0;padding:0;margin-bottom:22px}
.tag:before{content:"";width:26px;height:1px;background:var(--gold);opacity:.7}
.hero h1{font-family:var(--serif);font-size:clamp(34px,5vw,52px);line-height:1.2;letter-spacing:.01em;font-weight:900;max-width:880px;color:var(--cream)}
.hero h1 .hl{background:linear-gradient(180deg,#fff 6%,var(--gold-hi) 58%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 50px rgba(201,162,78,.22)}
.hero p.sub{margin-top:18px;font-size:16px;color:var(--mist);max-width:740px;font-weight:300}
.meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.chip{background:rgba(201,162,78,.04);border:1px solid var(--line);border-radius:2px;padding:8px 14px;font-size:13px;font-weight:300;color:var(--mist);box-shadow:none;letter-spacing:.02em}
.chip b{color:var(--gold-hi);font-weight:500}

/* ============ KPI ============ */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:3px;overflow:hidden;margin-top:38px}
.kpi{background:var(--ink);border:0;border-radius:0;padding:26px 22px 24px;box-shadow:none;position:relative;overflow:hidden;transition:background .4s}
.kpi:hover{background:#0d2419}
.kpi .bar{position:absolute;left:0;top:0;height:2px;width:100%;background:var(--gold);box-shadow:0 0 8px var(--gold);opacity:.7}
.kpi.k2 .bar,.kpi.k3 .bar,.kpi.k4 .bar{background:var(--gold)}
.kpi .lab{font-size:12px;color:var(--mist);font-weight:400;letter-spacing:.04em;display:flex;align-items:center;gap:6px}
.kpi .val{font-family:var(--serif);font-size:30px;font-weight:900;letter-spacing:0;margin-top:9px;font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,var(--gold-hi),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 36px rgba(201,162,78,.18)}
.kpi .sub{font-size:11.5px;color:var(--mist-dim);margin-top:6px;letter-spacing:.02em}

/* ============ SECTION ============ */
section,.sec{padding:clamp(46px,7vh,72px) 0}
.sec-head{margin-bottom:34px;max-width:820px}
.sec-head .eyebrow{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:12px}
.sec-head .eyebrow:before{content:"";width:26px;height:1px;background:var(--gold);opacity:.7}
.sec-head h2{font-family:var(--serif);font-size:clamp(24px,3.6vw,38px);font-weight:700;letter-spacing:.01em;margin-top:14px;color:var(--cream);line-height:1.3}
.sec-head p{color:var(--mist);margin-top:14px;max-width:760px;font-size:15px;font-weight:300}

/* ============ GRID ============ */
.grid{display:grid;gap:18px}
.g-2{grid-template-columns:1fr 1fr}.g-3{grid-template-columns:repeat(3,1fr)}
.g-5-7{grid-template-columns:5fr 7fr}.g-7-5{grid-template-columns:7fr 5fr}

/* ============ CARD ============ */
.card{background:var(--green2);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);position:relative}
.card h3{font-family:var(--serif);font-size:18px;font-weight:700;display:flex;align-items:center;gap:9px;margin-bottom:4px;color:var(--cream)}
.card .ch-note{font-size:12px;color:var(--mist-dim);margin-bottom:16px;letter-spacing:.02em}
.chart-box{position:relative;height:300px}
.chart-box.tall{height:380px}.chart-box.xtall{height:520px}

/* ============ STAT LIST ============ */
.statlist{list-style:none}
.statlist li{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--cream);font-weight:300}
.statlist li:last-child{border-bottom:0}
.statlist .sw{width:10px;height:10px;border-radius:2px;flex:none}
.statlist .nm{font-weight:400}
.statlist .vv{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums;color:var(--gold-hi)}
.statlist .pc{color:var(--mist-dim);font-size:12px;width:52px;text-align:right;font-variant-numeric:tabular-nums}

/* ============ FLOW (waterfall mini-table) ============ */
.flow{display:flex;flex-direction:column;gap:2px}
.flow .row{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-radius:2px;font-size:14px;color:var(--cream)}
.flow .row .l{display:flex;align-items:center;gap:9px;font-weight:400}
.flow .row .badge{font-family:var(--lat);font-style:italic;font-size:11px;font-weight:400;padding:2px 9px;border-radius:2px;background:rgba(201,162,78,.12);color:var(--gold)}
.flow .row .v{font-weight:700;font-variant-numeric:tabular-nums;color:var(--gold-hi)}
.flow .row.add{background:linear-gradient(90deg,rgba(201,162,78,.07),transparent)}
.flow .row.total{background:linear-gradient(90deg,#16352a,#102a21);border:1px solid var(--gold);margin-top:8px}
.flow .row.total .v{color:var(--gold-hi)}
.flow .row.total .badge{background:rgba(201,162,78,.2);color:var(--gold-hi)}

/* ============ INSIGHT ============ */
.insight{border:1px solid var(--line);border-left:2px solid var(--gold);background:linear-gradient(90deg,rgba(201,162,78,.05),transparent);border-radius:0 4px 4px 0;padding:16px 18px;margin-bottom:12px}
.insight.warn{border-left-color:var(--warn);background:linear-gradient(90deg,rgba(217,164,65,.07),transparent)}
.insight.good{border-left-color:var(--good);background:linear-gradient(90deg,rgba(127,176,138,.08),transparent)}
.insight.bad{border-left-color:var(--ember);background:linear-gradient(90deg,rgba(189,74,46,.09),transparent)}
.insight.c1{border-left-color:var(--gold);background:linear-gradient(90deg,rgba(201,162,78,.06),transparent)}
.insight h4{font-family:var(--serif);font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--cream)}
.insight p{font-size:13.5px;color:var(--mist);margin-top:5px;font-weight:300}
.insight .big{font-weight:500;color:var(--gold-hi)}

/* ============ TABLE / FILTER ============ */
.tbl-tools{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:16px}
.tbl-tools input,.tbl-tools select{font:inherit;font-size:13.5px;padding:9px 13px;border:1px solid var(--line);border-radius:2px;background:var(--ink);color:var(--cream)}
.tbl-tools input{flex:1;min-width:200px}
.tbl-tools input::placeholder{color:var(--mist-dim)}
.fbtn{font-size:12.5px;font-weight:400;letter-spacing:.03em;padding:8px 13px;border-radius:2px;border:1px solid var(--line);background:transparent;color:var(--mist);cursor:pointer;transition:.2s}
.fbtn:hover{border-color:var(--gold);color:var(--gold)}
.fbtn.on{background:var(--gold);color:var(--ink);border-color:var(--gold);font-weight:500}
.tbl-scroll{overflow:auto;border:1px solid var(--line);border-radius:4px;max-height:680px}
table{width:100%;border-collapse:collapse;font-size:13px;min-width:760px}
thead th{position:sticky;top:0;background:var(--ink);text-align:left;padding:12px;font-weight:500;color:var(--gold);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;user-select:none;border-bottom:1px solid var(--line)}
thead th:hover{color:var(--gold-hi)}
tbody td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--cream);font-weight:300}
tbody tr:hover{background:rgba(201,162,78,.05)}
tbody tr.ours{background:linear-gradient(90deg,rgba(201,162,78,.14),rgba(201,162,78,.02))}
td.num{text-align:right;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap;color:var(--gold-hi)}
.pill{display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;border-radius:2px;white-space:nowrap}
.pill.b2b{background:rgba(95,166,166,.16);color:#7fc0c0}
.pill.b2c{background:rgba(201,162,78,.16);color:var(--gold-hi)}
.pill.mix{background:rgba(184,155,214,.16);color:#cbb6e6}
.catpill{display:inline-block;font-size:11px;font-weight:400;padding:2px 8px;border-radius:2px;white-space:nowrap}
.tier-S{background:var(--S);color:#fff}.tier-A{background:var(--A);color:var(--ink)}.tier-B{background:var(--B);color:var(--ink)}
.tfoot-note{font-size:12px;color:var(--mist-dim);margin-top:10px}
.case-y{color:var(--gold-hi);font-weight:700}.case-n{color:var(--mist-dim)}
.bn{font-weight:500;color:var(--cream)}.ben{font-size:11px;color:var(--mist-dim);font-weight:300}

/* ============ SIMULATOR ============ */
.sim{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.sim .controls{display:flex;flex-direction:column;gap:17px}
.ctrl label{display:flex;justify-content:space-between;font-size:13.5px;font-weight:400;margin-bottom:7px;color:var(--cream)}
.ctrl label .v{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:500}
.ctrl input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:3px;border-radius:0;background:var(--line);outline:none}
.ctrl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--gold);cursor:pointer;box-shadow:0 0 10px rgba(201,162,78,.6);border:2px solid var(--ink)}
.sim .readout{background:var(--ink);border:1px solid var(--line);border-radius:4px;padding:22px;display:flex;flex-direction:column;gap:13px}
.ro-big{text-align:center;padding:8px 0 14px;border-bottom:1px solid var(--line)}
.ro-big .lab{font-size:13px;color:var(--mist);font-weight:400}
.ro-big .num{font-family:var(--serif);font-size:36px;font-weight:900;letter-spacing:0;margin-top:4px;font-variant-numeric:tabular-nums}
.ro-line{display:flex;justify-content:space-between;font-size:14px;color:var(--cream);font-weight:300}
.ro-line .nm{color:var(--mist);font-weight:400}
.ro-line .vv{font-weight:700;font-variant-numeric:tabular-nums;color:var(--gold-hi)}
.ro-meta{display:flex;gap:10px;margin-top:4px}
.ro-meta .m{flex:1;background:var(--green2);border:1px solid var(--line);border-radius:3px;padding:12px;text-align:center}
.ro-meta .m .l{font-size:11px;color:var(--mist-dim);font-weight:400}
.ro-meta .m .n{font-family:var(--serif);font-size:19px;font-weight:700;margin-top:3px;font-variant-numeric:tabular-nums;color:var(--gold-hi)}

/* ============ REVENUE STREAMS ============ */
.rev{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rev .r{background:var(--green2);border:1px solid var(--line);border-radius:4px;padding:20px;position:relative;transition:.4s}
.rev .r:hover{transform:translateY(-5px);border-color:var(--line-soft)}
.rev .r .rank{position:absolute;top:16px;right:16px;font-family:var(--lat);font-style:italic;font-size:12px;color:var(--ink);background:var(--gold);padding:3px 9px;border-radius:2px}
.rev .r.sec .rank{background:var(--c2);color:var(--ink)}.rev .r.ter .rank{background:var(--mist-dim);color:var(--ink)}
.rev .r h4{font-family:var(--serif);font-size:16px;font-weight:700;color:var(--cream)}
.rev .r .est{font-size:12.5px;color:var(--gold);font-weight:500;margin-top:4px}
.rev .r p{font-size:12.5px;color:var(--mist);margin-top:8px;font-weight:300}

/* ============ TIERS / PACKAGES ============ */
.tiers,.pkgs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pkgs{grid-template-columns:repeat(4,1fr)}
.tier,.pkg{background:var(--green2);border:1px solid var(--line);border-radius:var(--radius);padding:24px;position:relative}
.tier.feat,.pkg.feat{border:1px solid var(--gold);box-shadow:0 18px 44px -22px rgba(201,162,78,.45)}
.tier.feat:before{content:"推荐";position:absolute;top:-11px;left:24px;background:var(--gold);color:var(--ink);font-size:11px;font-weight:500;padding:3px 12px;border-radius:2px;letter-spacing:.08em}
.tier .nm,.pkg .nm{font-size:13px;font-weight:400;color:var(--mist);letter-spacing:.04em}
.tier .pr,.pkg .pr{font-family:var(--serif);font-size:30px;font-weight:900;margin:7px 0;letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--gold-hi)}
.tier .pr small,.pkg .pr small{font-size:13px;color:var(--mist-dim);font-weight:400}
.pkg .cnt{font-family:var(--lat);font-style:italic;font-size:12px;color:var(--gold);font-weight:400;margin-bottom:9px}
.tier ul,.pkg ul{list-style:none;margin-top:11px}
.tier ul li,.pkg ul li{font-size:12.5px;padding:7px 0;border-bottom:1px solid var(--line);display:flex;gap:8px;color:var(--cream);font-weight:300}
.tier ul li:before,.pkg ul li:before{content:"✓";color:var(--gold);font-weight:700}
.tier ul li:last-child,.pkg ul li:last-child{border-bottom:0}

/* ============ STEPS ============ */
.steps{display:flex;flex-direction:column}
.step{display:flex;gap:16px;position:relative;padding-bottom:24px}
.step:not(:last-child):before{content:"";position:absolute;left:17px;top:38px;bottom:0;width:1px;background:var(--line)}
.step .n{width:36px;height:36px;border-radius:50%;flex:none;background:transparent;border:1px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center;font-family:var(--lat);font-style:italic;font-weight:400;font-size:15px;z-index:1}
.step .c h4{font-family:var(--serif);font-size:15px;font-weight:700;color:var(--cream)}
.step .c .tm{font-family:var(--lat);font-style:italic;font-size:12px;color:var(--gold);font-weight:400}
.step .c p{font-size:13px;color:var(--mist);margin-top:3px;font-weight:300}

/* ============ PRIORITY BADGES ============ */
.prio{display:inline-block;font-size:10.5px;font-weight:500;padding:2px 7px;border-radius:2px;margin-right:6px;letter-spacing:.04em}
.p0{background:var(--ember);color:#fff}.p1{background:var(--warn);color:var(--ink)}.p2{background:var(--c4);color:var(--ink)}

/* ============ MINI GRID (persona) / TAKEAWAYS / PILLARS ============ */
.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mini,.tk,.pillar{background:var(--green2);border:1px solid var(--line);border-radius:4px;padding:20px;transition:.4s}
.mini:hover,.tk:hover,.pillar:hover{border-color:var(--line-soft);transform:translateY(-4px)}
.mini .ic,.tk .ic{width:40px;height:40px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px;background:rgba(201,162,78,.1)!important;border:1px solid var(--line-soft)}
.mini h4,.tk h4{font-family:var(--serif);font-size:15px;font-weight:700;color:var(--cream)}
.mini p,.tk p{font-size:13px;color:var(--mist);margin-top:6px;font-weight:300}
.mini ul,.tk ul{margin:8px 0 0 16px;font-size:12.5px;color:var(--mist);font-weight:300}
.mini ul li,.tk ul li{margin:3px 0}
.takeaways{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pillar{border-top:2px solid var(--gold)}
.pillar h4{font-family:var(--serif);font-size:15px;font-weight:700;color:var(--cream)}
.pillar .meta{font-family:var(--lat);font-style:italic;font-size:11.5px;color:var(--gold);margin:4px 0 8px}
.pillar p{font-size:12.5px;color:var(--mist);font-weight:300}

/* ============ CASES ============ */
.cases{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.case{background:var(--green2);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:.4s}
.case:hover{border-color:var(--line-soft);transform:translateY(-4px)}
.case .flag{position:absolute;top:0;right:0;font-size:11px;font-weight:500;color:var(--ink)!important;padding:4px 13px;border-radius:0 0 0 6px;letter-spacing:.03em}
.case h3{font-family:var(--serif);font-size:18px;font-weight:900;padding-right:96px;color:var(--cream)}
.case .loc{font-family:var(--lat);font-style:italic;font-size:12.5px;color:var(--gold);font-weight:400;margin-top:3px}
.case .kd{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}
.case .kd span{font-size:11.5px;font-weight:400;background:rgba(201,162,78,.08);color:var(--gold-hi);border:1px solid var(--line-soft);padding:4px 9px;border-radius:2px}
.case .body{font-size:13px;color:var(--mist);margin-top:4px;font-weight:300}
.case .learn{margin-top:13px;background:linear-gradient(90deg,rgba(127,176,138,.08),transparent);border-left:2px solid var(--good);border-radius:0 4px 4px 0;padding:11px 13px}
.case .learn b{font-family:var(--lat);font-style:italic;font-size:12.5px;color:var(--good);font-weight:400}
.case .learn ul{margin:6px 0 0 16px;font-size:12.5px;color:var(--mist);font-weight:300}
.case .learn li{margin:3px 0}

/* ============ STAT CARDS ============ */
.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.scard{background:var(--ink);border:1px solid var(--line);border-radius:3px;padding:16px}
.scard .n{font-family:var(--serif);font-size:23px;font-weight:900;color:var(--gold-hi);font-variant-numeric:tabular-nums}
.scard .l{font-size:12px;color:var(--mist);margin-top:3px;font-weight:400}
.scard .s{font-size:11px;color:var(--mist-dim);margin-top:2px}

/* ============ TIER LEGEND (brands) ============ */
.tierbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.tierchip{font-size:12.5px;font-weight:300;padding:6px 13px;border-radius:2px;display:flex;align-items:center;gap:7px;background:var(--green2);border:1px solid var(--line);color:var(--cream)}
.tierchip .d{width:9px;height:9px;border-radius:2px}

/* ============ SOURCES details ============ */
details.src{margin-top:16px;background:var(--green2);border:1px solid var(--line);border-radius:4px;padding:16px 20px}
details.src summary{font-family:var(--lat);font-style:italic;font-size:14px;font-weight:400;cursor:pointer;color:var(--gold)}
details.src .slist{margin-top:11px;font-size:12px;color:var(--mist);line-height:1.8;font-weight:300}
details.src .slist a{color:var(--gold-hi);word-break:break-all}
details.src .slist b{color:var(--cream);font-weight:500}

/* ============ misc ============ */
.note{font-size:12px;color:var(--mist-dim);margin-top:10px;line-height:1.6;font-weight:300}
.foot{padding:54px 0 50px;border-top:1px solid var(--line);margin-top:30px;color:var(--mist-dim);font-size:12.5px;text-align:center;background:radial-gradient(120% 100% at 50% 120%,#14352a,var(--ink) 70%)}
.foot b{color:var(--gold)}
b{font-weight:500}

/* ============ RESPONSIVE ============ */
@media(max-width:1000px){
  .kpis,.stat-cards{grid-template-columns:1fr 1fr}
  .g-2,.g-3,.g-5-7,.g-7-5,.rev,.mini-grid,.tiers,.pkgs,.sim,.cases,.takeaways,.pillars{grid-template-columns:1fr}
  .hero h1{font-size:30px}.nav nav a:not(.home):not(.navcta):not(.navcta2){display:none}
}
@media(max-width:560px){.wrap{padding:0 20px}.kpis,.stat-cards{grid-template-columns:1fr}}

/* ============ PRINT (keep brand dark theme) ============ */
@media print{
  @page{margin:10mm 7mm}
  *{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}
  .nav{display:none}
  .card,.kpi,.tier,.pkg,.insight,.rev .r,.mini,.tk,.pillar,.case,.scard,.step{break-inside:avoid;page-break-inside:avoid}
  .sec-head{break-after:avoid;page-break-after:avoid}
  .hero{padding:16px 0 6px}section,.sec{padding:14px 0}
  .tbl-scroll{max-height:none;overflow:visible}tbody tr{break-inside:avoid}
  .chart-box{height:260px}.chart-box.tall{height:300px}.chart-box.xtall{height:380px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}