@charset "utf-8";
/* ==========================================================================
   WaeoTech 玮傲智能 - v2 前端样式
   设计读解：中文企业 AI 官网改版（保留向），面向企业决策者；
   DIX 式视频/玻璃语言 + Q 版 3D 角色；原生 CSS + ThinkPHP 模板。
   刻度 DESIGN_VARIANCE 5 / MOTION_INTENSITY 6 / VISUAL_DENSITY 3。

   三把锁（Taste Skill 强制项，全站唯一口径）：
   1. 圆角：交互控件 = 全药丸；整幅舞台 = --r-stage；卡片与媒体 = --r-card；
      卡片内嵌媒体与小徽标 = --r-inner。按面积递减，不存在第四种。
   2. 强调色：仅 --violet 一支，贯穿全站，无第二强调色。
   3. 间距：一切内外边距取自 --s-* 8px 基准阶梯，不写游离数值。
   ========================================================================== */

:root{
  /* 强调色与中性色（单一强调色锁） */
  --violet:#6d5ae8;
  --violet-deep:#4b39c4;
  --violet-soft:#a89bff;
  --violet-tint:#efecfd;
  --ink:#0e0e14;
  --ink-soft:#2f2f39;
  --body:#57575f;
  --body-soft:#6c6c76;
  --muted:#f5f5f7;
  --line:rgba(16,16,28,.08);

  /* 间距阶梯（8px 基准） */
  --s-1:4px;  --s-2:8px;  --s-3:12px; --s-4:16px; --s-5:24px;
  --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:112px;

  /* 圆角阶梯（按面积递减） */
  --r-stage:24px;
  --r-card:16px;
  --r-inner:12px;
  --r-pill:999px;

  /* 字号阶梯 */
  --fs-display:clamp(38px,4.45vw,64px);
  --fs-h1:clamp(30px,3.34vw,48px);
  --fs-h2:clamp(28px,3.34vw,48px);
  --fs-h2-sm:clamp(24px,2.5vw,36px);
  --fs-h3:20px;
  --fs-lead:18px;
  --fs-body:16px;
  --fs-sm:14px;
  --fs-xs:12.5px;

  --pad:clamp(20px,4.72vw,68px);
  --header:64px;
  --shadow-float:0 28px 64px -28px rgba(20,18,48,.34);
  --shadow-card:0 18px 44px -26px rgba(20,18,48,.30);

  /* 中文优先的系统字体栈，不使用 Inter */
  --sans:system-ui,-apple-system,"PingFang SC","HarmonyOS Sans SC","Source Han Sans SC",
    "Noto Sans CJK SC","Microsoft YaHei","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + var(--s-4))}
body{
  margin:0;
  padding-top:var(--header);
  background:#fff;
  color:var(--ink);
  font-family:var(--sans);
  font-size:var(--fs-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,ul,figure{margin:0}
ul{padding:0;list-style:none}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
/* 图标描边全站统一 1.75，无例外 */
svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:var(--r-inner)}

.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}
.skip-link{
  position:fixed;top:var(--s-2);left:var(--s-2);z-index:200;
  padding:var(--s-3) var(--s-5);border-radius:var(--r-pill);
  background:var(--ink);color:#fff;font-size:var(--fs-sm);
  transform:translateY(-200%);transition:transform .18s;
}
.skip-link:focus{transform:none}

.wrap{width:100%;max-width:1560px;margin-inline:auto;padding-inline:var(--pad)}
.desktop-only{display:inline}
.mobile-only{display:none}

/* ==========================================================================
   玻璃材质（web 近似实现，非 Apple Liquid Glass 官方material）
   分层：底色 + 斜向高光渐变 + 上下内描边，模拟边缘折射。
   ========================================================================== */
.glass{
  position:relative;isolation:isolate;
  border:1px solid rgba(255,255,255,.32);
  background:
    linear-gradient(135deg,rgba(255,255,255,.30),rgba(255,255,255,.08)),
    rgba(255,255,255,.14);
  backdrop-filter:blur(22px) saturate(180%);
  -webkit-backdrop-filter:blur(22px) saturate(180%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.52),
    inset 0 -1px 0 rgba(255,255,255,.14),
    var(--shadow-float);
}
/* 顶部高光弧，玻璃的“边缘折射”手感 */
.glass::after{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:radial-gradient(circle at 22% 0%,rgba(255,255,255,.5),transparent 36%);
}
/* 深色玻璃：铺在视频/照片上的卡片 */
.glass-dark{
  border:1px solid rgba(255,255,255,.16);
  background:
    linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04)),
    rgba(18,16,32,.52);
  backdrop-filter:blur(20px) saturate(150%);
  -webkit-backdrop-filter:blur(20px) saturate(150%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 18px 50px rgba(6,4,20,.42);
}
.glass-dark::after{
  background:radial-gradient(circle at 24% 0%,rgba(255,255,255,.26),transparent 40%);
}

/* 降低透明度偏好：全部换成实心面，不依赖 backdrop-filter */
@media (prefers-reduced-transparency:reduce){
  .glass{
    background:rgba(255,255,255,.96);
    border-color:rgba(20,18,48,.12);
    backdrop-filter:none;-webkit-backdrop-filter:none;
  }
  .role-label{background:#171522}
  .glass-dark{
    background:#171522;
    border-color:rgba(255,255,255,.2);
    backdrop-filter:none;-webkit-backdrop-filter:none;
  }
  .glass::after,.glass-dark::after{display:none}
}
/* 不支持 backdrop-filter 时同样保证可读 */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .glass{background:rgba(255,255,255,.93)}
  .glass-dark{background:rgba(18,16,32,.88)}
}

/* ==========================================================================
   导航
   ========================================================================== */
.site-header{
  position:fixed;inset:0 0 auto;z-index:100;height:var(--header);
  background:#fff;border-bottom:1px solid var(--line);
  transition:box-shadow .3s ease;
}
.site-header.scrolled{box-shadow:0 8px 28px -22px rgba(16,16,40,.5)}
.header-inner{
  position:relative;height:100%;display:flex;align-items:center;justify-content:space-between;
  gap:var(--s-5);padding-inline:var(--pad);max-width:1560px;margin-inline:auto;
}
.brand{display:inline-flex;align-items:center;gap:var(--s-3);flex:0 0 auto}
.brand img{width:auto;height:30px;object-fit:contain}
.brand span{font-size:19px;font-weight:700;letter-spacing:-.015em;color:var(--ink)}
.desktop-nav{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:flex;align-items:center;gap:var(--s-6);white-space:nowrap;
}
.desktop-nav a{
  display:inline-flex;align-items:center;gap:var(--s-1);
  font-size:15px;font-weight:500;color:#3d3d47;transition:color .2s;
}
.desktop-nav a:hover{color:var(--violet)}
.desktop-nav a.active{color:var(--violet);font-weight:600}
.nav-chevron{width:11px;height:11px;opacity:.5;flex:0 0 auto}
.member-entry{display:flex;align-items:center;gap:var(--s-2);flex:0 0 auto}
.member-entry a{
  font-size:var(--fs-sm);font-weight:500;color:#4a4a55;
  padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);
  border:1px solid var(--line);
  transition:border-color .2s,color .2s,background .2s,transform .12s;
}
.member-entry a:last-child{background:var(--ink);color:#fff;border-color:var(--ink)}
.member-entry a:hover{border-color:var(--violet);color:var(--violet)}
.member-entry a:last-child:hover{background:var(--violet);color:#fff;border-color:var(--violet)}
.member-entry a:active{transform:translateY(1px)}

.mobile-menu{display:none}
.mobile-menu summary{
  list-style:none;width:42px;height:42px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:5px;border-radius:var(--r-inner);cursor:pointer;
}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary span{display:block;width:20px;height:2px;border-radius:2px;background:var(--ink);transition:.22s}
.mobile-menu[open] summary span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-menu[open] summary span:nth-child(2){opacity:0}
.mobile-menu[open] summary span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu nav{
  position:absolute;top:calc(var(--header) - var(--s-1));right:var(--pad);left:var(--pad);
  display:flex;flex-direction:column;padding:var(--s-3);border-radius:var(--r-card);
  background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-float);
}
.mobile-menu nav a{
  display:flex;align-items:center;gap:var(--s-2);
  padding:var(--s-3) var(--s-4);border-radius:var(--r-inner);font-size:var(--fs-body);font-weight:500;
}
.mobile-menu nav a.active{color:var(--violet);background:var(--violet-tint)}

/* ==========================================================================
   通用元件
   ========================================================================== */
.eyebrow{
  display:inline-flex;align-items:center;
  padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);
  background:var(--violet-tint);color:var(--violet-deep);
  font-size:var(--fs-xs);font-weight:600;letter-spacing:.12em;line-height:1;
}
.eyebrow.small{padding:6px var(--s-3);font-size:11.5px;letter-spacing:.09em}
.terminal-copy .eyebrow,
.sub-light .eyebrow{
  background:rgba(255,255,255,.76);
  border:1px solid rgba(109,90,232,.22);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}

.button{
  display:inline-flex;align-items:center;gap:var(--s-2);
  padding:var(--s-4) var(--s-6);border-radius:var(--r-pill);
  font-size:15.5px;font-weight:600;line-height:1;white-space:nowrap;
  transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s,background .22s;
}
.button svg{width:17px;height:17px;transition:transform .22s}
.button:hover{transform:translateY(-2px)}
.button:hover svg{transform:translateX(3px)}
/* 触觉反馈：按下时下沉并轻微缩小 */
.button:active{transform:translateY(1px) scale(.985);transition-duration:.08s}
.button.white{background:#fff;color:var(--violet-deep);box-shadow:0 16px 36px -18px rgba(24,20,60,.55)}
.button.black{background:#111116;color:#fff;box-shadow:0 16px 36px -20px rgba(16,16,32,.7)}
.button.black:hover{background:#26263a}
.button.purple{background:var(--violet);color:#fff;box-shadow:0 16px 36px -20px rgba(109,90,232,.85)}
.button.purple:hover{background:var(--violet-deep)}

.section-title{max-width:820px}
.section-title .eyebrow{margin-bottom:var(--s-5)}
.section-title h2{
  text-wrap:balance;font-size:var(--fs-h2);font-weight:700;
  line-height:1.06;letter-spacing:-.025em;color:var(--ink);
}
.section-title p{margin-top:var(--s-4);font-size:var(--fs-lead);line-height:1.72;color:var(--body)}
.section-title.center{max-width:760px;margin-inline:auto;text-align:center}
.section-title.center h2{font-size:var(--fs-h2-sm);line-height:1.14}
.section-title.center p{margin-top:var(--s-4);font-size:17px}
.section-title.light h2{color:#fff}
.section-title.light p{color:rgba(255,255,255,.84)}

.media-credit{
  position:absolute;left:var(--pad);right:calc(var(--pad) + 46px);bottom:var(--s-3);z-index:5;
  text-align:right;font-size:11.5px;letter-spacing:.04em;
  color:rgba(40,40,60,.45);pointer-events:none;
}
.media-credit.dark-credit{color:rgba(40,40,60,.42)}
.hero .media-credit{color:rgba(255,255,255,.55)}

/* ==========================================================================
   视频 / 封面容器
   ========================================================================== */
.motion-media{
  position:relative;display:block;overflow:hidden;
  background:linear-gradient(140deg,#eceaf6 0%,#e3e0f2 50%,#f3f1fa 100%);
}
.motion-media img,
.motion-media video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;
}
.motion-media video{opacity:0;transition:opacity .55s ease}
.motion-media.is-playing video{opacity:1}
.motion-media picture{display:contents}

.hero-media,
.section-background{position:absolute;inset:0;z-index:0}
.device-media>.motion-media,
.scenario-visual>.motion-media,
.detail-media>.motion-media,
.demo-screen>.motion-media{position:absolute;inset:0}

/* ==========================================================================
   首屏
   ========================================================================== */
.hero{
  position:relative;isolation:isolate;overflow:hidden;
  height:880px;max-height:calc(100dvh - var(--header));min-height:600px;
  display:flex;flex-direction:column;align-items:center;
  background:#f2f2f5;
}
.hero-wash{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(246,246,249,.94) 0%,rgba(246,246,249,.5) 20%,rgba(246,246,249,0) 42%),
    linear-gradient(0deg,rgba(12,11,22,.62) 0%,rgba(12,11,22,.22) 26%,rgba(12,11,22,0) 44%);
}
/* 首屏顶部留白上限 88px，避免内容浮到视口中段 */
.hero-heading{
  position:relative;z-index:2;margin-top:clamp(var(--s-7),7.4vh,88px);
  text-align:center;padding-inline:var(--pad);
}
.hero-heading h1{
  font-size:var(--fs-h1);font-weight:700;line-height:1.2;
  letter-spacing:-.02em;color:#2c2c36;text-wrap:balance;
}
.hero-heading p{margin-top:var(--s-3);font-size:clamp(15px,1.25vw,18px);color:#4f4f5c;letter-spacing:.01em}

.role-labels{
  position:relative;z-index:2;margin-top:auto;width:100%;
  display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s-3);
  padding-inline:var(--s-5);
}
.role-label{
  background:
    linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.03)),
    rgba(14,12,26,.66);
  flex:1 1 0;max-width:176px;min-width:0;
  display:flex;flex-direction:column;gap:var(--s-1);
  padding:var(--s-4) var(--s-4) var(--s-5);border-radius:var(--r-card);
  transition:transform .26s cubic-bezier(.2,.7,.3,1),border-color .26s;
}
.role-label:hover{transform:translateY(-6px);border-color:rgba(168,155,255,.42)}
.role-label:active{transform:translateY(-2px) scale(.99);transition-duration:.08s}
.role-label span{font-size:var(--fs-xs);color:rgba(255,255,255,.82);line-height:1.3}
.role-label strong{font-size:17px;font-weight:700;color:#fff;line-height:1.3;letter-spacing:.01em}
.role-label small{font-size:11px;letter-spacing:.09em;color:rgba(255,255,255,.72);line-height:1.3}

.hero-action{position:relative;z-index:2;margin:var(--s-5) 0 clamp(var(--s-6),5vh,var(--s-7))}

/* ==========================================================================
   终端展厅
   ========================================================================== */
.terminal-section{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:856px;padding:var(--s-10) 0;display:flex;align-items:center;
  background:#f7f7fa;
}
.terminal-wash{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(101deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.8) 32%,rgba(255,255,255,.28) 58%,rgba(255,255,255,0) 78%);
}
.terminal-layout{
  position:relative;z-index:2;width:100%;
  display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);
  gap:clamp(var(--s-6),4vw,var(--s-8));align-items:center;
}
.terminal-copy h2{
  margin:var(--s-5) 0 var(--s-5);
  font-size:var(--fs-display);font-weight:600;line-height:1.08;
  letter-spacing:-.035em;color:#0b0b10;
}
.terminal-copy>p{font-size:clamp(16px,1.25vw,18px);line-height:1.72;color:#4d4d59;max-width:620px}
.feature-pills{display:flex;flex-wrap:wrap;gap:var(--s-3);margin:var(--s-6) 0 var(--s-6)}
.feature-pills span{
  display:inline-flex;align-items:center;gap:var(--s-2);
  padding:var(--s-3) var(--s-5);border-radius:var(--r-pill);
  font-size:14.5px;font-weight:500;color:#2c2c38;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(255,255,255,.85);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 26px -20px rgba(20,18,48,.5);
}
.feature-pills svg{width:17px;height:17px;color:var(--violet)}

.device-display{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(var(--s-4),2vw,var(--s-6));align-items:start}
.device-card{
  display:block;padding:var(--s-4) var(--s-4) var(--s-5);border-radius:var(--r-card);
  transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s;
}
.device-card:nth-child(1){transform:translateY(72px)}
.device-card:nth-child(2){transform:translateY(-8px)}
.device-card:nth-child(1):hover{transform:translateY(64px)}
.device-card:nth-child(2):hover{transform:translateY(-16px)}
.device-card:nth-child(1):active{transform:translateY(70px) scale(.995);transition-duration:.08s}
.device-card:nth-child(2):active{transform:translateY(-6px) scale(.995);transition-duration:.08s}
.device-media{position:relative;aspect-ratio:4/3;border-radius:var(--r-inner);overflow:hidden;background:#eceaf5}
.device-card h3{margin:var(--s-4) var(--s-1) var(--s-1);font-size:18px;font-weight:600;color:#14141c;letter-spacing:-.01em}
.device-card p{margin:0 var(--s-1);font-size:var(--fs-sm);line-height:1.6;color:#5f5f6b}
.device-link{
  display:inline-flex;align-items:center;gap:6px;margin:var(--s-3) var(--s-1) 0;
  font-size:13.5px;font-weight:600;color:var(--violet-deep);
}
.device-link svg{width:14px;height:14px;transition:transform .22s}
.device-card:hover .device-link svg{transform:translateX(3px)}

/* ==========================================================================
   协作演示
   ========================================================================== */
.showcase{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:900px;padding:var(--s-8) 0;display:flex;align-items:center;
  background:#4a2fc4;
}
/* 建筑感展厅底片 + 紫色叠加，保持参考站的紫色段落 */
.showcase-wash{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(96,56,226,.8) 0%,rgba(74,42,196,.74) 46%,rgba(52,28,150,.82) 100%),
    radial-gradient(120% 70% at 50% 0%,rgba(168,140,255,.4) 0%,rgba(80,40,190,0) 62%);
}
.showcase .wrap{position:relative;z-index:2;width:100%}
.demo-screen{
  position:relative;max-width:1140px;margin:clamp(var(--s-6),4vh,var(--s-7)) auto 0;
  aspect-ratio:16/9;border-radius:var(--r-stage);overflow:hidden;
  border:1px solid rgba(255,255,255,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 48px 110px -40px rgba(14,6,60,.75);
  background:#2b1d63;
}
.demo-label{
  position:absolute;z-index:3;top:var(--s-4);left:var(--s-4);
  padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);
  font-size:var(--fs-xs);font-weight:600;color:#fff;
}
.demo-play{
  position:absolute;z-index:3;left:var(--s-4);bottom:var(--s-4);
  display:inline-flex;align-items:center;gap:var(--s-2);
  padding:var(--s-3) var(--s-5);border-radius:var(--r-pill);
  font-size:var(--fs-sm);font-weight:600;color:#241a52;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 30px -16px rgba(10,4,40,.7);
  transition:transform .22s,background .22s;
}
.demo-play:hover{transform:translateY(-2px);background:#fff}
.demo-play:active{transform:translateY(1px) scale(.985);transition-duration:.08s}
.demo-play svg{width:14px;height:14px}
.expand-video{
  position:absolute;z-index:3;right:var(--s-4);top:var(--s-4);
  width:42px;height:42px;display:grid;place-items:center;border-radius:var(--r-inner);
  color:#fff;background:rgba(18,12,42,.44);
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
  transition:background .22s,transform .12s;
}
.expand-video:hover{background:rgba(18,12,42,.68)}
.expand-video:active{transform:scale(.94);transition-duration:.08s}
.expand-video svg{width:17px;height:17px}

/* ==========================================================================
   场景横向卡片
   ========================================================================== */
.applications{min-height:1027px;padding:var(--s-10) 0;display:flex;align-items:center;background:#fff}
.applications .wrap{width:100%}
.applications .section-title p{max-width:760px}
.scenario-rail{
  display:flex;gap:var(--s-6);margin-top:var(--s-7);
  margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);
  padding-bottom:var(--s-2);
  overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scroll-padding-left:var(--pad);
  scrollbar-width:none;-ms-overflow-style:none;
}
.scenario-rail::-webkit-scrollbar{display:none}
.scenario-card{flex:0 0 min(456px,82vw);scroll-snap-align:start}
.scenario-visual{
  position:relative;aspect-ratio:456/325;border-radius:var(--r-card);overflow:hidden;
  background:#ece9f6;box-shadow:var(--shadow-card);
  transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s;
}
.scenario-card:hover .scenario-visual{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(20,18,48,.42)}
.scenario-card:active .scenario-visual{transform:translateY(-1px) scale(.995);transition-duration:.08s}
.card-corner{
  position:absolute;z-index:3;right:var(--s-3);bottom:var(--s-3);
  width:38px;height:38px;display:grid;place-items:center;border-radius:50%;
  color:#fff;
}
.card-corner svg{width:13px;height:13px}
.scenario-card h3{margin-top:var(--s-5);font-size:var(--fs-h3);font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}
.scenario-card p{margin-top:var(--s-2);font-size:15px;line-height:1.62;color:var(--body-soft)}
.rail-controls{display:flex;justify-content:flex-end;gap:var(--s-3);margin-top:var(--s-6)}
.rail-controls button{
  width:48px;height:48px;display:grid;place-items:center;border-radius:50%;
  background:#111116;color:#fff;transition:background .22s,transform .12s;
}
.rail-controls button svg{width:18px;height:18px}
.rail-controls [data-scroll="prev"] svg{transform:rotate(180deg)}
.rail-controls button:hover{background:var(--violet)}
.rail-controls button:active{transform:scale(.92);transition-duration:.08s}
.rail-controls button[disabled]{background:#d6d6dc;color:#8a8a95;cursor:default;transform:none}

/* ==========================================================================
   应用思考（浅灰曲线背景 + 双卡）
   ========================================================================== */
.insights{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:929px;padding:var(--s-10) 0;display:flex;align-items:center;background:var(--muted);
}
.wave-lines{position:absolute;inset:0;z-index:0;pointer-events:none}
.wave-lines svg{width:100%;height:100%;stroke:none}
.wave-lines path{fill:none;stroke-width:1.2;vector-effect:non-scaling-stroke}
.wave-lines path:nth-child(1){stroke:rgba(109,90,232,.22)}
.wave-lines path:nth-child(2){stroke:rgba(109,90,232,.14)}
.wave-lines path:nth-child(3){stroke:rgba(109,90,232,.1)}
.insights .wrap{position:relative;z-index:2;width:100%}
.insight-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-6);
  max-width:1104px;margin:var(--s-7) auto 0;
}
.insight-card{
  display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-card);
  background:#fff;box-shadow:0 20px 50px -34px rgba(20,18,48,.45);
  transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s;
}
.insight-card:hover{transform:translateY(-5px);box-shadow:0 34px 70px -34px rgba(20,18,48,.5)}
.insight-card:active{transform:translateY(-1px) scale(.995);transition-duration:.08s}
.insight-card>.motion-media{aspect-ratio:16/10;flex:0 0 auto}
.insight-copy{padding:var(--s-5) var(--s-6) var(--s-6);display:flex;flex-direction:column;align-items:flex-start;flex:1 1 auto}
.insight-copy h3{margin:var(--s-4) 0 0;font-size:18px;font-weight:700;line-height:1.42;color:var(--ink)}
.mini-button{
  display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:var(--s-5);
  font-size:var(--fs-sm);font-weight:600;color:var(--violet-deep);
}
.mini-button svg{width:14px;height:14px;transition:transform .22s}
.insight-card:hover .mini-button svg{transform:translateX(3px)}

/* ==========================================================================
   关于（办公背景 + 透明卡）
   ========================================================================== */
.about-section{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:1005px;display:flex;align-items:center;background:#0b0b13;
}
.about-wash{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(94deg,rgba(9,8,18,.9) 0%,rgba(9,8,18,.74) 42%,rgba(9,8,18,.5) 72%,rgba(9,8,18,.42) 100%),
    linear-gradient(180deg,rgba(9,8,18,.5) 0%,rgba(9,8,18,0) 24%,rgba(9,8,18,.55) 100%);
}
.about-content{position:relative;z-index:2;width:100%;padding-block:clamp(var(--s-9),9vh,var(--s-10))}
.about-label{display:inline-block;font-size:var(--fs-sm);font-weight:600;color:var(--violet-soft);letter-spacing:.06em}
.about-content h2{
  margin:var(--s-3) 0 var(--s-5);
  font-size:clamp(24px,2.1vw,30px);font-weight:700;line-height:1.24;
  letter-spacing:-.015em;color:#fff;max-width:20em;
}
.about-content h2 span{color:var(--violet-soft);font-weight:600;letter-spacing:.02em}
.about-text{max-width:720px;display:grid;gap:var(--s-4)}
.about-text p{font-size:var(--fs-body);line-height:1.78;color:rgba(255,255,255,.78)}
.about-contact{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-6);margin-top:var(--s-6)}
.about-contact a{
  display:inline-flex;align-items:center;gap:var(--s-2);
  padding:var(--s-3) var(--s-5);border-radius:var(--r-pill);
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
  font-size:15px;color:rgba(255,255,255,.9);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:background .22s,border-color .22s,transform .12s;
}
.about-contact a:hover{background:rgba(168,155,255,.2);border-color:rgba(168,155,255,.48)}
.about-contact a:active{transform:translateY(1px);transition-duration:.08s}
.about-contact a strong{color:#fff;font-weight:600}
.about-contact a svg{width:17px;height:17px;color:var(--violet-soft);flex:0 0 auto}
.about-contact a svg:last-child{width:15px;height:15px;color:rgba(255,255,255,.62)}
.about-contact p{display:inline-flex;align-items:center;gap:var(--s-2);font-size:14.5px;color:rgba(255,255,255,.66)}
.about-contact p svg{width:16px;height:16px;color:var(--violet-soft)}
.value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-5);margin-top:clamp(var(--s-7),6vh,var(--s-8))}
.value-card{
  padding:var(--s-5) var(--s-5) var(--s-6);border-radius:var(--r-card);
  transition:border-color .26s,transform .26s;
}
.value-card:hover{border-color:rgba(168,155,255,.4);transform:translateY(-4px)}
.value-card:active{transform:translateY(-1px) scale(.995);transition-duration:.08s}
.value-card svg{width:26px;height:26px;color:var(--violet-soft)}
.value-card h3{margin:var(--s-4) 0 var(--s-2);font-size:var(--fs-h3);font-weight:700;color:#fff;letter-spacing:-.005em}
.value-card p{font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.66)}

/* ==========================================================================
   子页面
   ========================================================================== */
.sub-hero{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:520px;padding:var(--s-9) 0 var(--s-8);display:flex;align-items:center;
  background:#0b0b13;
}
.sub-hero .wrap{position:relative;z-index:2;width:100%}
.sub-wash{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(96deg,rgba(9,8,18,.86) 0%,rgba(9,8,18,.62) 48%,rgba(9,8,18,.4) 100%);
}
.sub-hero h1{
  margin:var(--s-5) 0 var(--s-3);
  font-size:clamp(32px,3.9vw,56px);font-weight:700;line-height:1.1;
  letter-spacing:-.028em;color:#fff;max-width:16em;text-wrap:balance;
}
.sub-hero>.wrap>p{font-size:clamp(16px,1.3vw,19px);line-height:1.7;color:rgba(255,255,255,.8);max-width:40em}
.sub-hero .button{margin-top:var(--s-6)}
.sub-hero.sub-light{background:#f5f5f8}
.sub-hero.sub-light .sub-wash{
  background:linear-gradient(98deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.78) 40%,rgba(255,255,255,.3) 68%,rgba(255,255,255,0) 88%);
}
.sub-hero.sub-light h1{color:#0b0b10}
.sub-hero.sub-light>.wrap>p{color:#4f4f5b}
.sub-hero.sub-light .button.white{background:#111116;color:#fff}

.detail-section{
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(var(--s-9),9vw,var(--s-10)) 0;background:#fff;
}
.detail-section.tinted{background:var(--muted)}
.detail-section::before{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:radial-gradient(54% 64% at 24% 46%,rgba(109,90,232,.15) 0%,rgba(109,90,232,0) 68%);
}
.detail-section.media-right::before{
  background:radial-gradient(54% 64% at 76% 46%,rgba(109,90,232,.15) 0%,rgba(109,90,232,0) 68%);
}
.detail-grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(var(--s-6),4.4vw,72px);align-items:center;
}
.detail-section.media-right .detail-media{order:2}
.detail-media{
  position:relative;aspect-ratio:4/3;border-radius:var(--r-card);overflow:hidden;
  background:#ece9f6;box-shadow:var(--shadow-float);
}
.detail-grid h2{margin:var(--s-5) 0 var(--s-4);font-size:clamp(28px,2.9vw,40px);font-weight:700;line-height:1.16;letter-spacing:-.025em;text-wrap:balance}
.detail-grid>div>p{font-size:17px;line-height:1.75;color:var(--body)}
.detail-grid ul{margin:var(--s-5) 0 var(--s-6);display:grid;gap:var(--s-3)}
.detail-grid li{position:relative;padding-left:var(--s-5);font-size:15.5px;line-height:1.68;color:#4e4e59}
.detail-grid li::before{
  content:"";position:absolute;left:var(--s-1);top:.62em;
  width:8px;height:8px;border-radius:50%;background:var(--violet);
}
.detail-note{margin:var(--s-5) 0 var(--s-6);padding:var(--s-5);border-radius:var(--r-inner);background:var(--violet-tint);border:1px solid rgba(109,90,232,.14)}
.detail-note h3{font-size:15px;font-weight:700;color:var(--violet-deep);margin-bottom:var(--s-2);letter-spacing:.01em}
.detail-note p{font-size:15px;line-height:1.72;color:#4b4655}

/* 能力对照：打破连续的左右分栏节奏 */
.capability-pair{
  position:relative;padding:clamp(var(--s-9),9vw,var(--s-10)) 0;background:var(--muted);
}
.capability-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-6);
  margin-top:var(--s-7);
}
.capability-card{
  display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-card);
  background:#fff;box-shadow:0 20px 50px -34px rgba(20,18,48,.45);
}
.capability-card>.motion-media{aspect-ratio:16/10;flex:0 0 auto}
.capability-body{padding:var(--s-5) var(--s-6) var(--s-6)}
.capability-body h3{font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-.015em;color:var(--ink)}
.capability-body p{margin-top:var(--s-3);font-size:15.5px;line-height:1.72;color:var(--body)}

/* 收尾：整幅深色视频带 */
.closing-band{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:620px;display:flex;align-items:center;background:#0b0b13;
}
.closing-wash{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(9,8,18,.78) 0%,rgba(9,8,18,.62) 45%,rgba(9,8,18,.82) 100%),
    radial-gradient(90% 70% at 50% 100%,rgba(109,90,232,.3) 0%,rgba(9,8,18,0) 70%);
}
.closing-band .wrap{position:relative;z-index:2;width:100%;text-align:center;padding-block:var(--s-9)}
.closing-band h2{font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-.025em;line-height:1.16;color:#fff;text-wrap:balance}
.closing-band>.wrap>p{margin:var(--s-4) auto 0;max-width:42em;font-size:17px;line-height:1.75;color:rgba(255,255,255,.78)}
.closing-band .button{margin-top:var(--s-6)}

.contact-strip{
  position:relative;overflow:hidden;padding:clamp(var(--s-9),9vw,var(--s-10)) 0;text-align:center;color:#fff;
  background:
    radial-gradient(70% 120% at 50% -10%,rgba(190,170,255,.42) 0%,rgba(120,90,236,0) 62%),
    linear-gradient(115deg,#5a3ad8 0%,#7f5aec 52%,#4b2fbe 100%);
}
.contact-strip .wrap{position:relative;z-index:1}
.contact-strip h2{font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-.025em;line-height:1.15}
.contact-strip p{margin-top:var(--s-4);font-size:17px;color:rgba(255,255,255,.84)}
.contact-strip .large-email{color:#fff;border-bottom-color:rgba(255,255,255,.45)}

.large-email{
  display:inline-block;margin-top:var(--s-5);
  font-size:clamp(24px,3vw,38px);font-weight:700;letter-spacing:-.02em;
  color:var(--violet-deep);border-bottom:2px solid rgba(109,90,232,.32);
  padding-bottom:var(--s-1);transition:border-color .22s;
}
.large-email:hover{border-bottom-color:currentColor}

.contact-page{padding:clamp(var(--s-9),9vw,var(--s-10)) var(--pad)}
.contact-page h2{margin:var(--s-5) 0 var(--s-4);font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-.025em;line-height:1.16}
.contact-page>p{font-size:17px;line-height:1.75;color:var(--body);max-width:44em}
.contact-info-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s-5);
  margin-top:clamp(var(--s-7),6vw,var(--s-8));padding-top:var(--s-7);border-top:1px solid var(--line);
}
.contact-info-grid span{display:block;font-size:var(--fs-xs);font-weight:600;letter-spacing:.1em;color:var(--violet-deep);margin-bottom:var(--s-2)}
.contact-info-grid p,.contact-info-grid a{font-size:16.5px;line-height:1.6;color:var(--ink-soft)}
.contact-info-grid a:hover{color:var(--violet)}

.article-body{max-width:820px;padding-block:clamp(var(--s-8),8vw,var(--s-9));margin-inline:auto}
.article-back{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--fs-sm);font-weight:600;color:var(--violet-deep)}
.article-back svg{width:15px;height:15px;transition:transform .22s}
.article-back:hover svg{transform:translateX(-3px)}
.article-body>h2{margin:var(--s-5) 0 var(--s-2);font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.24;letter-spacing:-.025em;text-wrap:balance}
.article-body>section{margin-top:var(--s-7)}
.article-body h3{font-size:21px;font-weight:700;line-height:1.4;color:var(--ink);margin-bottom:var(--s-3)}
.article-body p{font-size:17px;line-height:1.86;color:#4c4c57}
.article-contact{margin-top:var(--s-7);padding:var(--s-6);border-radius:var(--r-card);background:var(--muted);text-align:center}
.article-contact p{font-size:var(--fs-body);color:var(--body)}

/* ==========================================================================
   页脚
   ========================================================================== */
.site-footer{background:#08080f;color:rgba(255,255,255,.62);padding:var(--s-6) 0 var(--s-5)}
.footer-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-5)}
.site-footer .brand span{color:#fff;font-size:17px}
.site-footer .brand img{height:26px;filter:brightness(0) invert(1);opacity:.92}
.footer-line p{font-size:13.5px}
.footer-line .icp{margin-left:auto;font-size:13px;color:rgba(255,255,255,.52);transition:color .2s}
.footer-line .icp:hover{color:var(--violet-soft)}
.policy-nav{
  display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);margin-top:var(--s-5);padding-top:var(--s-4);
  border-top:1px solid rgba(255,255,255,.08);
}
.policy-nav a,.policy-nav span{font-size:var(--fs-xs);color:rgba(255,255,255,.46);transition:color .2s}
.policy-nav a:hover{color:rgba(255,255,255,.82)}
.policy-nav span{margin-left:auto}

/* ==========================================================================
   浮动控件 / 弹层
   ========================================================================== */
.floating-controls{position:fixed;right:var(--s-5);bottom:var(--s-5);z-index:90;display:flex;flex-direction:column;gap:var(--s-3)}
.floating-controls button,.floating-controls a{
  width:46px;height:46px;display:grid;place-items:center;border-radius:50%;
  background:rgba(255,255,255,.88);color:#22222e;
  border:1px solid rgba(20,20,40,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 34px -18px rgba(16,16,40,.6);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:background .22s,color .22s,transform .18s;
}
.floating-controls button:hover,.floating-controls a:hover{background:var(--violet);color:#fff;transform:translateY(-2px)}
.floating-controls button:active,.floating-controls a:active{transform:scale(.92);transition-duration:.08s}
.floating-controls svg{width:17px;height:17px}
.back-top{opacity:0;pointer-events:none;transition:opacity .3s}
body.scrolled .back-top{opacity:1;pointer-events:auto}
.motion-toggle[aria-pressed="true"]{background:var(--violet);color:#fff}

.video-dialog{
  width:min(1120px,92vw);padding:0;border:0;border-radius:var(--r-stage);overflow:hidden;
  background:#05050c;box-shadow:0 60px 140px -50px rgba(0,0,0,.9);
}
.video-dialog::backdrop{background:rgba(6,4,20,.82);backdrop-filter:blur(6px)}
.video-dialog video{width:100%;aspect-ratio:16/9;background:#05050c}
.dialog-close{
  position:absolute;top:var(--s-3);right:var(--s-3);z-index:3;
  width:40px;height:40px;display:grid;place-items:center;border-radius:50%;
  color:#fff;background:rgba(10,8,26,.62);border:1px solid rgba(255,255,255,.22);
  transition:background .22s,transform .12s;
}
.dialog-close:hover{background:rgba(10,8,26,.92)}
.dialog-close:active{transform:scale(.92);transition-duration:.08s}
.dialog-close svg{width:16px;height:16px}

/* ==========================================================================
   响应式：每个多列布局都显式声明窄屏回退
   ========================================================================== */
@media (max-width:1180px){
  .desktop-nav{gap:var(--s-5)}
  .desktop-nav a{font-size:var(--fs-sm)}
  .terminal-layout{grid-template-columns:1fr;gap:var(--s-7)}
  .terminal-copy{max-width:640px}
  .device-card:nth-child(1){transform:translateY(36px)}
  .device-card:nth-child(1):hover{transform:translateY(28px)}
  .device-card:nth-child(1):active{transform:translateY(34px) scale(.995)}
  .terminal-section{min-height:0;padding:var(--s-9) 0 clamp(var(--s-9),12vw,140px)}
  .value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-section,.applications,.insights{min-height:0}
}

@media (max-width:900px){
  :root{--header:60px}
  .desktop-nav,.member-entry{display:none}
  .mobile-menu{display:block}
  .hero{height:auto;max-height:none;min-height:640px;padding-bottom:var(--s-5)}
  .hero-wash{
    background:
      linear-gradient(180deg,rgba(246,246,249,.96) 0%,rgba(246,246,249,.72) 24%,rgba(246,246,249,0) 50%),
      linear-gradient(0deg,rgba(12,11,22,.58) 0%,rgba(12,11,22,.22) 30%,rgba(12,11,22,0) 50%);
  }
  .role-labels{
    padding-inline:var(--pad);gap:var(--s-3);
    overflow-x:auto;justify-content:flex-start;
    scroll-snap-type:x mandatory;scrollbar-width:none;
  }
  .role-labels::-webkit-scrollbar{display:none}
  .role-label{flex:0 0 152px;max-width:none;scroll-snap-align:start}
  .insight-grid,.capability-grid{grid-template-columns:1fr;gap:var(--s-5)}
  .detail-grid{grid-template-columns:1fr;gap:var(--s-6)}
  .detail-section.media-right .detail-media{order:0}
  .showcase{min-height:0;padding:var(--s-9) 0}
  .closing-band{min-height:0}
  .section-title h2{font-size:clamp(26px,6.4vw,38px)}
  .section-title.center h2{font-size:clamp(24px,6vw,32px)}
  .scenario-rail{gap:var(--s-4);margin-top:var(--s-6)}
  .rail-controls{display:none}
  .policy-nav span{margin-left:0;width:100%}
  .footer-line .icp{margin-left:0}
}

@media (max-width:720px){
  .desktop-only{display:none}
  .mobile-only{display:inline}
  .device-display{grid-template-columns:1fr;gap:var(--s-5)}
  .device-card:nth-child(1),.device-card:nth-child(2){transform:none}
  .device-card:nth-child(1):hover,.device-card:nth-child(2):hover{transform:translateY(-6px)}
  .device-card:nth-child(1):active,.device-card:nth-child(2):active{transform:translateY(-1px) scale(.995)}
  .terminal-section,.applications,.insights{padding:var(--s-9) 0}
  .value-grid{grid-template-columns:1fr;gap:var(--s-4)}
  .value-card{padding:var(--s-5) var(--s-5)}
  .about-contact{gap:var(--s-3) var(--s-4)}
  .demo-label{top:var(--s-3);left:var(--s-3);padding:6px var(--s-3);font-size:11.5px}
  .demo-play{left:var(--s-3);bottom:var(--s-3);padding:var(--s-2) var(--s-4);font-size:13px}
  .expand-video{right:var(--s-3);top:var(--s-3);width:38px;height:38px}
  .floating-controls{right:var(--s-3);bottom:var(--s-4)}
  .article-contact{padding:var(--s-6) var(--s-5)}
  .media-credit{right:var(--pad);bottom:var(--s-2);font-size:10.5px}
  .sub-hero{min-height:420px;padding:var(--s-8) 0 var(--s-7)}
}

/* 320px：最窄档，保证首屏 CTA 仍在视口内 */
@media (max-width:360px){
  .hero{min-height:560px}
  .hero-heading{margin-top:var(--s-6)}
  .hero-heading h1{font-size:26px}
  .role-label{flex:0 0 136px;padding:var(--s-3) var(--s-3) var(--s-4)}
  .role-label strong{font-size:16px}
  .button{padding:var(--s-3) var(--s-5);font-size:14.5px}
  .brand span{font-size:17px}
  .large-email{font-size:21px;word-break:break-all}
}

/* ==========================================================================
   动效偏好与打印
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
  .motion-media video{display:none}
  .role-label:hover,.device-card:hover,.insight-card:hover,
  .value-card:hover,.scenario-card:hover .scenario-visual,.button:hover{transform:none}
}
body.motion-paused .motion-media video{opacity:0}

@media print{
  .site-header,.floating-controls,.video-dialog,.motion-media video{display:none!important}
  body{padding-top:0}
}

/* English typography refinement following the user's Taste-first direction.
   Typeface: self-hosted Geist; one accent; editorial spacing; Claude layout retained. */
@font-face{font-family:Geist;src:url('/static/waeotech-v2/geist-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--sans:Geist,"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif;--fs-h1:clamp(38px,4.45vw,64px);--fs-h2:clamp(32px,3.9vw,56px);--fs-h2-sm:clamp(30px,3.34vw,48px);--fs-display:clamp(40px,4.45vw,64px);--violet:#6555cb;--violet-deep:#4938a5;--violet-soft:#b8aff1;--violet-tint:#f1eff9}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
.hero-heading h1{font-weight:550;letter-spacing:-.05em;line-height:1.06}
.hero-heading p{font-size:18px;letter-spacing:0;line-height:1.5}
.section-title h2,.section-title.center h2,.terminal-copy h2,.sub-hero h1,.detail-grid h2{font-weight:550;letter-spacing:-.045em;line-height:1.08}
.section-title p{max-width:58ch;line-height:1.65}
.section-title.center p{margin-inline:auto;max-width:54ch}
.terminal-copy>p{max-width:42ch;line-height:1.7}
.desktop-nav{gap:28px}
.desktop-nav a{font-size:14px;letter-spacing:-.015em}
.nav-chevron{display:none}
.mobile-member-entry{display:flex;border-top:1px solid var(--line);margin-top:8px;padding-top:8px}
.brand span{font-weight:650;letter-spacing:-.04em}
.button{font-weight:550;letter-spacing:-.015em;font-size:15px}
.role-label{padding:16px 20px;max-width:184px}
.role-label span{font-size:12px;letter-spacing:.015em;color:rgba(255,255,255,.84)}
.role-label strong{font-size:21px;font-weight:550;letter-spacing:-.025em}
.role-label small{display:none}
.feature-pills{gap:8px}
.feature-pills span{padding:10px 14px;font-size:12px}
.scenario-card h3,.insight-copy h3,.value-card h3{font-weight:550;letter-spacing:-.025em}
.insight-copy h3{font-size:24px;line-height:1.25}
.eyebrow{background:transparent;border:0;border-radius:0;padding:0;letter-spacing:.09em;font-size:11px;text-transform:uppercase}
.insight-copy .eyebrow.small{padding:0;font-size:11px}
.about-content h2{font-size:clamp(32px,3.9vw,56px);font-weight:550;letter-spacing:-.04em;max-width:20ch}
.about-text{max-width:68ch}
.about-text p{line-height:1.75}
.about-contact p{max-width:46ch;line-height:1.6}
.about-contact a{padding:12px 20px}
.value-card h3{font-size:20px}
.footer-line p{font-size:12px}
.article-body{max-width:65ch}
@media(max-width:1180px){.desktop-nav{gap:18px}.brand span{font-size:18px}.member-entry a{padding:8px 12px}.header-inner{gap:16px}}
@media(max-width:1024px){.desktop-nav,.member-entry{display:none}.mobile-menu{display:block}}
@media(max-width:720px){
 .hero{min-height:620px}.hero-heading{margin-top:48px}.hero-heading h1{font-size:clamp(36px,9.4vw,48px);max-width:11ch;margin-inline:auto}.hero-heading p{font-size:15px;max-width:26ch;margin-inline:auto}
 .section-title h2,.section-title.center h2{font-size:36px;line-height:1.1}.terminal-copy h2{font-size:48px}
 .section-title p,.terminal-copy>p{font-size:16px;line-height:1.65}.section-title p br,.terminal-copy>p br{display:none}
 .section-title p br::after,.terminal-copy>p br::after{content:' '}
 .sub-hero h1{font-size:40px}.sub-hero>.wrap>p{font-size:16px}.about-content h2{font-size:36px}
 .insight-copy{padding:24px}.insight-copy h3{font-size:22px}.about-contact a{max-width:100%;padding:12px 16px;font-size:14px;gap:8px}.about-contact a span{min-width:0}.about-contact strong{overflow-wrap:anywhere}
 .hero-action .button{padding:16px 24px}.role-label{flex-basis:152px}.value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.value-card{padding:20px 16px}.value-card h3{font-size:17px}
}
@media(max-width:360px){.hero{min-height:580px}.hero-heading h1{font-size:36px}.hero-heading{margin-top:40px}.section-title h2,.section-title.center h2,.about-content h2{font-size:32px}.feature-pills{flex-wrap:wrap}.about-contact a>svg:last-child{display:none}.value-grid{grid-template-columns:1fr}}