/* ============================================================
   MirrorU AI · 晓之镜智能科技 · 官网样式
   严格还原 Ardot 设计稿 (file 718613691355027)
   —— 配色 / 圆角 / 间距 / 字号 均取自画布实测值
   编辑提示：正文文案直接在对应 HTML 文件里改即可
   ============================================================ */

:root{
  /* —— 色板（RGB 0-1 实测换算） —— */
  --bg:#F5F4F1;          /* 页面底  0.961/0.957/0.945 */
  --bg-soft:#FAF8F4;     /* 浅底    0.980/0.973/0.957 */
  --card:#FFFFFF;
  --ink:#1A1918;         /* 标题    0.102/0.098/0.094 */
  --muted:#6D6C6A;       /* 正文    0.427/0.424/0.416 */
  --sage:#3D8A5A;        /* 主色    0.239/0.541/0.353 */
  --sage-light:#6CB789;  /* 主色浅  0.420/0.750/0.540 */
  --terracotta:#D89575;  /* 陶土    0.847/0.584/0.459 */
  --terracotta-light:#E9B08C;
  --amber:#D4A64A;       /* 琥珀    0.831/0.651/0.290 */
  --amber-light:#E8C77D;
  --lavender:#7F6BAE;    /* 薰衣草  0.494/0.420/0.682 */
  --lavender-light:#A997D6;
  --footer-1:#2A2540;    /* 页脚/数据带渐变起 0.165/0.145/0.251 */
  --footer-2:#1F3A33;    /* 页脚/数据带渐变止 0.122/0.227/0.200 */
  --footer-text:#C9C6DD; /* 页脚浅字 0.788/0.776/0.867 */
  --footer-dim:#9C98B8;  /* 页脚次字 0.612/0.596/0.722 */
  --cta-sub:#FBEFE6;     /* CTA 副文 0.984/0.937/0.902 */
  --line:#E5E3E0;        /* 描边    0.898/0.894/0.882 */

  /* —— 渐变（gradientTransform 为单位矩阵 → 135°） —— */
  --grad-sage:linear-gradient(135deg,#3D8A5A,#6CB789);
  --grad-terra:linear-gradient(135deg,#D89575,#E9B08C);
  --grad-amber:linear-gradient(135deg,#D4A64A,#E8C77D);
  --grad-lav:linear-gradient(135deg,#7F6BAE,#A997D6);
  --grad-dark:linear-gradient(135deg,#2A2540,#1F3A33);
  --grad-cta:linear-gradient(135deg,#3D8A5A,#D89575);
  --grad-media-1:linear-gradient(135deg,#D9D1F2,#F7D9C7); /* 风险评估 */
  --grad-media-2:linear-gradient(135deg,#F7D9C7,#E8C77D); /* 个体评估 */
  --grad-media-3:linear-gradient(135deg,#E8C77D,#6CB789); /* 清晨心理 */
  --grad-news:linear-gradient(135deg,#7F6BAE,#6CB789);    /* 头条封面 */

  /* —— 圆角 —— */
  --radius:20px;        /* 卡片圆角（设计稿实测 20） */
  --radius-lg:24px;     /* 产品/故事/头条卡片（设计稿实测 24） */
  --radius-sm:16px;     /* 产品图/新闻列表卡（设计稿实测 16） */
  --radius-chip:14px;   /* 特性图标 chip（设计稿实测 14） */
  --radius-pill:999px;  /* 按钮/徽章/头像 */

  /* —— 阴影 —— */
  --shadow-card:0 2px 12px rgba(26,25,24,.07);
  --shadow-card-lg:0 4px 16px rgba(26,25,24,.08);
  --shadow-list:0 2px 10px rgba(26,25,24,.06);

  --maxw:1200px;        /* 设计稿内容区宽度 = 1440 - 2×120 留白 */
  --maxw-wide:1312px;   /* 导航/页脚内容区 = 1440 - 2×64 留白 */
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Sarasa Gothic SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none}

.container{max-width:var(--maxw);margin:0 auto;padding:0}
.section{padding:80px 0}
.section--soft{background:var(--bg-soft)}
/* 各区块纵向间距严格对齐设计稿实测（artboard 1440 / 内容 1200） */
.s-features{padding:90px 0 50px}
.s-steps{padding:80px 0 60px}
.s-quotes{padding:80px 0 60px}
.s-beliefs{padding:40px 0 50px}
.s-story{padding:50px 0 50px}
.s-team{padding:50px 0 70px}
.s-benefits{padding:50px 0 40px}
.s-jobs{padding:40px 0 70px}
.s-newslist{padding:40px 0 70px}

/* ---------- 排版 ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:14px;font-weight:700;letter-spacing:.04em;
  color:var(--sage);
}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sage)}
h1{font-weight:700;letter-spacing:-.01em}
h2{font-weight:700;letter-spacing:-.01em}
h3{font-size:20px;font-weight:700}
.lead{font-size:18px;color:var(--muted);line-height:28px}
.muted{color:var(--muted)}

.section-title{text-align:center;max-width:820px;margin:0 auto 32px}
.section-title .eyebrow{margin-bottom:20px}
.section-title h2{font-size:36px;line-height:1.3}
.section-title .lead{margin:22px auto 0;max-width:680px}
/* 首页区块标题沿用设计稿 38/50 */
.page-home .section-title h2{font-size:40px;line-height:52px}
.page-home .section-title{margin-bottom:44px}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:48px;padding:0 26px;border-radius:var(--radius-pill);
  font-weight:700;font-size:15px;cursor:pointer;border:0;white-space:nowrap;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.btn-primary{background:var(--sage);color:#fff;box-shadow:0 10px 24px rgba(61,138,90,.35)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(61,138,90,.42)}
.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.btn-ghost:hover{border-color:var(--ink-2)}
.btn-light{background:#fff;color:var(--ink);box-shadow:0 8px 22px rgba(0,0,0,.12)}
.btn-light:hover{transform:translateY(-2px)}
.link-arrow{display:inline-flex;align-items:center;gap:6px;color:var(--sage);font-weight:700;font-size:15px}
.link-arrow:hover{gap:10px}

/* ---------- 顶部导航（实测：白底、高 72、左右 64、1px 描边） ---------- */
.nav{
  position:sticky;top:0;z-index:60;
  background:#fff;border-bottom:1px solid var(--line);
}
.nav .inner{max-width:var(--maxw-wide);margin:0 auto;height:72px;padding:0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:-.01em;color:var(--ink)}
.brand .logo{
  width:32px;height:32px;border-radius:10px;background:var(--grad-sage);
  display:grid;place-items:center;color:#fff;font-size:17px;box-shadow:0 6px 16px rgba(61,138,90,.35);
}
.nav-links{display:flex;gap:36px;align-items:center}
.nav-links a{font-size:15px;font-weight:400;color:var(--muted);transition:color .15s}
.nav-links a:hover{color:var(--ink)}
.nav-links a.active{color:var(--sage);font-weight:700}
.nav-cta{display:flex;align-items:center;gap:14px}
.nav-toggle{display:none;width:42px;height:42px;border:0;background:transparent;border-radius:10px;cursor:pointer}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:5px auto;border-radius:2px}

/* ---------- 首页 Hero（实测：单列居中、gap30、内边距 110/120/90） ---------- */
.hero{position:relative;overflow:hidden;padding:110px 0 90px}
.hero .orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}
.orb--1{width:580px;height:580px;background:radial-gradient(circle at 50% 50%,rgba(199,184,245,.6),transparent 70%);top:-160px;left:-120px}
.orb--2{width:480px;height:480px;background:radial-gradient(circle at 50% 50%,rgba(247,199,168,.5),transparent 70%);bottom:-150px;right:-100px}
.orb--3{width:460px;height:460px;background:radial-gradient(circle at 50% 50%,rgba(169,225,206,.45),transparent 70%);top:120px;right:32%}
.hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:30px}
.badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 16px;border-radius:var(--radius-pill);background:#fff;border:1px solid var(--line);
  font-size:14px;font-weight:700;color:var(--sage);box-shadow:var(--shadow-card);
}
.badge .dot{width:8px;height:8px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 4px rgba(61,138,90,.15)}
.hero h1{font-size:56px;line-height:68px;max-width:924px;margin:0 auto}
.hero .lead{font-size:20px;line-height:32px;max-width:760px;margin:0 auto}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:4px;flex-wrap:wrap}
.hero-actions .btn-primary{font-size:17px;height:52px;padding:0 34px}
.hero-actions .link-arrow{color:var(--ink);font-size:17px}

/* 玻璃拟态聊天卡（实测：白 0.55 + blur18 + 1px 白描边 + 圆角28 + 双层阴影） */
.chat-card{
  width:100%;max-width:600px;margin:8px auto 0;
  background:rgba(255,255,255,.55);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.5);
  border-radius:28px;padding:24px;
  box-shadow:0 24px 48px rgba(26,26,38,.18), inset 0 1px 2px rgba(255,255,255,.4);
}
.chat-head{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:18px}
.chat-head .ava{width:34px;height:34px;border-radius:10px;background:var(--grad-sage);display:grid;place-items:center;color:#fff;font-size:16px}
.chat-head .name{font-weight:700;font-size:15px;color:var(--ink)}
.chat-head .status{font-size:12px;color:var(--sage);display:flex;align-items:center;gap:5px}
.chat-head .status .dot{width:7px;height:7px;border-radius:50%;background:var(--sage)}
.bubble{max-width:82%;padding:12px 15px;border-radius:16px;font-size:14.5px;line-height:1.5;margin-bottom:13px;text-align:left}
.bubble.in{background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px}
.bubble.out{background:var(--grad-sage);color:#fff;margin-left:auto;border-bottom-right-radius:5px}
.typing{display:flex;gap:5px;padding:4px 2px}
.typing i{width:8px;height:8px;border-radius:50%;background:var(--muted);opacity:.45;animation:blink 1.2s infinite}
.typing i:nth-child(2){animation-delay:.2s}
.typing i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,60%,100%{opacity:.25}30%{opacity:.8}}

/* ---------- 栅格 ---------- */
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}

/* ---------- 特性卡（白卡、圆角18、内距40、卡内 gap18） ---------- */
.feature{display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease}
.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-lg)}
.chip{width:48px;height:48px;border-radius:var(--radius-chip);display:grid;place-items:center;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.14)}
.chip svg{width:26px;height:26px}
.chip--sage{background:var(--grad-sage)}
.chip--terra{background:var(--grad-terra)}
.chip--amber{background:var(--grad-amber)}
.chip--lav{background:var(--grad-lav)}
.feature h3{font-size:22px;font-weight:700;color:var(--ink);line-height:1.35}
.feature p{color:var(--muted);font-size:16px;line-height:26px}

/* ---------- 三步流程 ---------- */
.step{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-card)}
.step .num{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:18px;color:#fff;background:var(--grad-sage)}
.step h3{font-size:22px;font-weight:700;color:var(--ink);line-height:1.35}
.step p{color:var(--muted);font-size:16px;line-height:26px}

/* ---------- 用户证言 ---------- */
.quote{display:flex;flex-direction:column;gap:18px;padding:28px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-card);position:relative}
.quote .mark{font-size:46px;line-height:.6;font-weight:800;color:var(--sage);opacity:.25}
.quote p{font-size:16px;line-height:26px;color:var(--ink);margin:0}
.quote .who{display:flex;align-items:center;gap:12px}
.quote .who .ava{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;background:var(--grad-sage)}
.quote .who .name{font-weight:700;font-size:15px;color:var(--ink)}
.quote .who .role{font-size:13px;color:var(--muted)}

/* ---------- 数据带（实测：与页脚同渐变、满宽、内距 56/120、4 项、数字 44） ---------- */
.stats-band{background:var(--grad-dark);padding:56px 0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;color:#fff}
.stat .num{font-size:44px;font-weight:700;letter-spacing:-.02em;line-height:1}
.stat .label{font-size:14px;color:var(--footer-text);margin-top:8px}

/* ---------- 最终 CTA（实测：渐变卡、圆角28、内距56、宽1000、阴影 0 16 40） ---------- */
.cta-section{padding:90px 0}
.cta-card{background:var(--grad-cta);border-radius:28px;padding:56px;max-width:1000px;margin:0 auto;text-align:center;color:#fff;box-shadow:0 16px 40px rgba(77,51,64,.20)}
.cta-card h2{color:#fff;font-size:36px;line-height:48px;max-width:700px;margin:0 auto}
.cta-card .lead{color:var(--cta-sub);font-size:18px;line-height:28px;margin:18px auto 30px;max-width:560px}
.cta-card .btn-light{font-size:17px;height:52px;padding:0 36px}

/* ---------- 页脚（实测：渐变、内距 64/64/28、链接列 gap12、分隔线白0.15） ---------- */
.footer{background:var(--grad-dark);color:var(--footer-dim);padding:72px 0 32px}
.footer .container{max-width:var(--maxw-wide);margin:0 auto;padding:0}
.footer .top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;padding-bottom:36px}
.footer .brand{color:#fff}
.footer .brand .logo{background:var(--grad-sage)}
.footer .desc{color:var(--footer-text);font-size:14px;margin-top:16px;max-width:300px;line-height:22px}
.footer .col h4{color:#fff;font-size:15px;margin-bottom:16px;font-weight:700}
.footer .col a{display:block;color:var(--footer-dim);font-size:14px;margin-bottom:12px;transition:color .15s}
.footer .col a:hover{color:#fff}
.footer .divider{height:1px;background:rgba(255,255,255,.15);margin:0 0 22px}
.footer .bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--footer-dim)}

/* ---------- 内页通用 Hero（实测：内距 80/120/56、标题 46/60、副文 19/30） ---------- */
.page-hero{padding:80px 0 56px;text-align:center}
.page-hero .eyebrow{margin-bottom:16px}
.page-hero h1{font-size:46px;line-height:60px;max-width:900px;margin:0 auto}
.page-hero .lead{font-size:19px;line-height:30px;max-width:760px;margin:18px auto 0}

/* ---------- 关于我们 ---------- */
.belief{display:flex;flex-direction:column;gap:18px;padding:28px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-card)}
.belief .chip{margin-bottom:0}
.belief h3{font-size:22px;font-weight:700;color:var(--ink);line-height:1.35}
.belief p{color:var(--muted);font-size:16px;line-height:26px}
.story-card{padding:40px;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-card);font-size:16px;color:var(--muted);line-height:1.8;max-width:1000px;margin:0 auto}
.milestones{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px}
.milestone{flex:1;min-width:170px;padding:22px 24px;border-radius:var(--radius-sm);background:var(--bg-soft);border:1px solid var(--line)}
.milestone .year{font-weight:800;font-size:18px;color:var(--sage)}
.milestone .txt{font-size:14px;color:var(--muted);margin-top:4px}
.team{text-align:center}
/* 核心团队：四个分组，卡片等宽居中，姓名居中、下方简介字号略小 */
.team-groups{display:flex;flex-direction:column;gap:52px}
.team-group-title{
  display:inline-flex;align-items:center;gap:12px;
  font-size:22px;font-weight:700;line-height:1.35;color:var(--ink);margin-bottom:24px;
}
.team-group-title::before,.team-group-title::after{
  content:"";width:30px;height:1.5px;border-radius:2px;background:var(--line)
}
.member-row{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.member-row .member{flex:0 0 282px;width:282px}
.member{padding:24px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-card);text-align:center}
.member .ava{width:72px;height:72px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:24px;background:var(--grad-sage)}
.member .name{font-weight:700;font-size:17px;color:var(--ink);text-align:center}
.member .bio{font-size:13.5px;line-height:22px;color:var(--muted);margin-top:8px;text-align:center}
.member .role{font-size:13.5px;color:var(--sage);font-weight:600;margin:4px 0 10px}
.ava--sage{background:var(--grad-sage)}
.member .ava.ava--sage{background:var(--grad-sage)}
.member .ava.ava--terra{background:var(--grad-terra)}
.member .ava.ava--amber{background:var(--grad-amber)}
.member .ava.ava--lav{background:var(--grad-lav)}

/* ---------- 产品（实测：卡圆角24、内距36、卡内 gap28、图 440×280 圆角16） ---------- */
.product{display:grid;grid-template-columns:1fr 440px;gap:28px;align-items:center;padding:36px;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-card-lg)}
.product:nth-child(even){grid-template-columns:440px 1fr}
.product:nth-child(even) .product-media{order:2}
.product h3{font-size:26px;font-weight:700;color:var(--ink);margin-bottom:16px}
.product p{color:var(--muted);font-size:16px;line-height:28px;margin-bottom:24px}
.product-media{position:relative;height:280px;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-card-lg);background:var(--grad-media-1)}
.product-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.product-media--1{background:var(--grad-media-1)}
.product-media--2{background:var(--grad-media-2)}
.product-media--3{background:var(--grad-media-3)}

/* ---------- 招聘 ---------- */
.benefit{display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-card)}
.benefit .chip{margin-bottom:0;width:40px;height:40px;border-radius:12px}
.benefit h3{font-size:22px;font-weight:700;color:var(--ink);line-height:1.35}
.benefit p{color:var(--muted);font-size:15.5px;line-height:25px}
.job{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 28px;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-card);margin-bottom:16px;transition:transform .15s ease,border-color .15s}
.job:hover{transform:translateY(-2px);border-color:var(--sage)}
.job .title{font-weight:700;font-size:19px;color:var(--ink)}
.job .meta{font-size:13.5px;color:var(--muted);margin-top:5px}

/* ---------- 新闻 ---------- */
.featured{display:grid;grid-template-columns:520px 1fr;overflow:hidden;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-card-lg)}
.featured .cover{position:relative;height:360px;background:var(--grad-news);overflow:hidden}
.featured .cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.featured .body{padding:40px;display:flex;flex-direction:column;gap:16px}
.tag{display:inline-block;padding:5px 12px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:700;background:rgba(61,138,90,.12);color:var(--sage)}
.featured h3{font-size:26px;line-height:1.3;color:var(--ink)}
.featured .excerpt{color:var(--muted);font-size:16px;line-height:26px}
.featured .date{font-size:13px;color:var(--muted)}
.news-list{display:flex;flex-direction:column;gap:28px}
.news-card{padding:24px 28px;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-list);transition:transform .15s ease}
.news-card:hover{transform:translateY(-3px)}
.news-card .meta{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:14px}
.news-card .cat{padding:4px 10px;border-radius:var(--radius-pill);font-weight:700;background:rgba(216,149,117,.14);color:var(--terracotta)}
.news-card h4{font-size:19px;font-weight:700;margin-bottom:12px;line-height:1.4;color:var(--ink)}
.news-card p{color:var(--muted);font-size:15px;line-height:26px}

/* ---------- 响应式 ---------- */
@media (max-width:1240px){
  .container,.nav .inner,.footer .container{padding:0 40px}
}
@media (max-width:980px){
  .grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr);gap:30px}
  .footer .top{grid-template-columns:1fr 1fr}
  .product,.product:nth-child(even){grid-template-columns:1fr;gap:24px}
  .product:nth-child(even) .product-media{order:0}
  .featured{grid-template-columns:1fr}
  .featured .cover{height:220px}
  .news-list{gap:16px}
  .member-row .member{flex:0 0 calc(50% - 12px);width:auto}
  .team-groups{gap:44px}
}
@media (max-width:680px){
  .section{padding:64px 0}
  .hero{padding:72px 0 64px}
  .page-hero{padding:56px 0 40px}
  .cta-section{padding:64px 0}
  .stats-band{padding:40px 0}
  .container,.nav .inner,.footer .container{padding:0 20px}
  .nav-links,.nav-cta .btn{display:none}
  .nav-toggle{display:block}
  .nav.open .nav-links{
    display:flex;flex-direction:column;gap:4px;position:absolute;top:72px;left:0;right:0;
    background:#fff;border-bottom:1px solid var(--line);padding:14px 20px 22px;
  }
  .nav.open .nav-links a{padding:10px 0}
  .hero h1{font-size:34px;line-height:44px}
  .page-hero h1{font-size:32px;line-height:42px}
  .section-title h2,.page-home .section-title h2{font-size:28px;line-height:1.25}
  .cta-card h2{font-size:28px;line-height:38px}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr}
  .footer .top{grid-template-columns:1fr}
  .footer .bottom{flex-direction:column;align-items:flex-start}
  .chat-card{padding:18px}
  .cta-card{padding:36px 22px}
  .featured .body{padding:28px}
  .member-row .member{flex:0 0 100%;width:auto}
  .team-group-title{font-size:19px}
  .team-groups{gap:36px}
}