:root{
  --primary-q7f:#16224A;
  --primarysoft-q7f:#24356E;
  --accent-q7f:#FF7A1A;
  --accentdeep-q7f:#E5600A;
  --bg-q7f:#F4F6FC;
  --surface-q7f:#FFFFFF;
  --tint-q7f:#EDF1FA;
  --mist-q7f:#F8F9FD;
  --ink-q7f:#151C33;
  --inksoft-q7f:#4C5775;
  --line-q7f:#DFE4F0;
  --radius-q7f:14px;
  --radiuslg-q7f:22px;
  --shadow-q7f:0 18px 40px rgba(22,34,74,.10);
  --shadowsoft-q7f:0 10px 26px rgba(22,34,74,.07);
  --ease-q7f:cubic-bezier(.22,.68,.32,1);
  --maxw-q7f:1200px;
}

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:var(--bg-q7f);
  color:var(--ink-q7f);
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.85;
  overflow-x:hidden;
}

img{max-width:100%;display:block}

a{color:inherit;text-decoration:none}

h1,h2,h3,h4,h5,p,ul,ol,figure{margin:0}

ul,ol{padding:0;list-style:none}

button,input,textarea,select{font:inherit;color:inherit}

.container{
  width:100%;
  max-width:var(--maxw-q7f);
  margin:0 auto;
  padding:0 22px;
}

.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;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:13px 30px;
  border-radius:999px;
  border:1px solid transparent;
  font-size:15px;
  font-weight:600;
  letter-spacing:.02em;
  cursor:pointer;
  transition:transform .35s var(--ease-q7f),box-shadow .35s var(--ease-q7f),background-color .3s var(--ease-q7f),color .3s var(--ease-q7f),border-color .3s var(--ease-q7f);
}
.btn:hover{transform:translateY(-3px)}
.btnaccent-q7f{
  background:var(--accent-q7f);
  color:#fff;
  box-shadow:0 12px 26px rgba(255,122,26,.30);
}
.btnaccent-q7f:hover{background:var(--accentdeep-q7f);box-shadow:0 16px 34px rgba(255,122,26,.40)}
.btnghost-q7f{
  background:transparent;
  color:#fff;
  border-color:rgba(255,255,255,.55);
}
.btnghost-q7f:hover{background:rgba(255,255,255,.14);border-color:#fff}
.btnline-q7f{
  background:var(--surface-q7f);
  color:var(--primary-q7f);
  border-color:var(--line-q7f);
  box-shadow:var(--shadowsoft-q7f);
}
.btnline-q7f:hover{border-color:var(--primary-q7f);color:var(--primary-q7f)}

/* ---------- masthead ---------- */
.masthead-q7f{
  position:sticky;
  top:0;
  z-index:80;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-q7f);
  transition:box-shadow .35s var(--ease-q7f),background-color .35s var(--ease-q7f);
}
.mastheadstuck-q7f{box-shadow:0 10px 30px rgba(22,34,74,.10);background:rgba(255,255,255,.98)}
.mastheadrow-q7f{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:74px;
}
.brandlink-q7f{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brandmark-q7f{
  width:44px;
  height:44px;
  border-radius:12px;
  object-fit:cover;
  box-shadow:0 8px 18px rgba(22,34,74,.22);
}
.brandtext-q7f{display:flex;flex-direction:column;line-height:1.28}
.brandname-q7f{font-size:17px;font-weight:800;color:var(--primary-q7f);letter-spacing:.01em}
.brandsub-q7f{font-size:12px;color:var(--inksoft-q7f);letter-spacing:.14em;text-transform:uppercase}
.navlist-q7f{display:flex;align-items:center;gap:4px}
.navlink-q7f{
  position:relative;
  display:inline-block;
  padding:9px 15px;
  border-radius:999px;
  font-size:15px;
  font-weight:500;
  color:var(--ink-q7f);
  transition:color .3s var(--ease-q7f),background-color .3s var(--ease-q7f);
}
.navlink-q7f::after{
  content:"";
  position:absolute;
  left:15px;
  right:15px;
  bottom:5px;
  height:2px;
  background:var(--accent-q7f);
  border-radius:2px;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .35s var(--ease-q7f);
}
.navlink-q7f:hover{color:var(--primary-q7f)}
.navlink-q7f:hover::after{transform:scaleX(1)}
.navlinkactive-q7f{color:var(--accent-q7f);font-weight:700}
.navlinkactive-q7f::after{transform:scaleX(1)}
.navtoggle-q7f{
  display:none;
  width:46px;
  height:42px;
  border:1px solid var(--line-q7f);
  border-radius:12px;
  background:#fff;
  cursor:pointer;
  font-size:17px;
  color:var(--primary-q7f);
}

/* ---------- hero ---------- */
.hero-q7f{
  position:relative;
  overflow:hidden;
  background:var(--primary-q7f);
  min-height:640px;
  display:flex;
  align-items:center;
}
.herobg-q7f{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transform:scale(1.08);
  transition:opacity 1.6s var(--ease-q7f),transform 8s linear;
}
.herobgon-q7f{opacity:1;transform:scale(1)}
.heroveil-q7f{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(11,17,40,.82) 0%,rgba(11,17,40,.62) 45%,rgba(11,17,40,.88) 100%);
}
.heroinner-q7f{position:relative;z-index:3;padding:130px 0 120px;text-align:center;max-width:900px;margin:0 auto}
.herokicker-q7f{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 20px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.24);
  color:#fff;
  font-size:13px;
  letter-spacing:.18em;
  margin-bottom:26px;
}
.herokicker-q7f i{color:var(--accent-q7f)}
.heroslogan-q7f{
  font-size:clamp(32px,5.2vw,62px);
  font-weight:800;
  line-height:1.24;
  color:#fff;
  letter-spacing:.01em;
  margin-bottom:22px;
  text-shadow:0 14px 40px rgba(0,0,0,.35);
}
.heroslogan-q7f em{font-style:normal;color:var(--accent-q7f)}
.herosub-q7f{
  font-size:clamp(15px,1.7vw,19px);
  color:rgba(255,255,255,.84);
  max-width:720px;
  margin:0 auto 36px;
}
.heroactions-q7f{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.herostats-q7f{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px;
  margin-top:54px;
}
.herostat-q7f{
  min-width:150px;
  padding:16px 22px;
  border-radius:var(--radius-q7f);
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(6px);
}
.herostatnum-q7f{font-size:26px;font-weight:800;color:#fff;line-height:1.3}
.herostatlabel-q7f{font-size:13px;color:rgba(255,255,255,.72)}
.herodots-q7f{position:absolute;left:0;right:0;bottom:26px;z-index:4;display:flex;gap:10px;justify-content:center}
.herodot-q7f{
  width:34px;
  height:4px;
  border-radius:4px;
  border:0;
  background:rgba(255,255,255,.34);
  cursor:pointer;
  transition:background-color .35s var(--ease-q7f),width .35s var(--ease-q7f);
}
.herodoton-q7f{background:var(--accent-q7f);width:52px}
.heroscroll-q7f{
  position:absolute;
  left:50%;
  bottom:66px;
  transform:translateX(-50%);
  z-index:4;
  font-size:12px;
  letter-spacing:.22em;
  color:rgba(255,255,255,.72);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}
.heroscroll-q7f i{animation:bob-q7f 1.9s var(--ease-q7f) infinite}
@keyframes bob-q7f{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}

/* ---------- shared section head ---------- */
.kicker-q7f{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  letter-spacing:.24em;
  color:var(--accent-q7f);
  margin-bottom:14px;
  text-transform:uppercase;
}
.heading-q7f{font-size:clamp(26px,3.2vw,40px);font-weight:800;line-height:1.32;color:var(--primary-q7f)}
.lede-q7f{margin-top:16px;color:var(--inksoft-q7f);font-size:16px;max-width:760px}
.headrow-q7f{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-bottom:44px}
.headrow-q7f .lede-q7f{margin-top:12px}

/* ---------- story (about) ---------- */
.story-q7f{background:var(--tint-q7f);padding:96px 0}
.storygrid-q7f{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.storymedia-q7f{position:relative}
.storymedia-q7f img{width:100%;border-radius:var(--radiuslg-q7f);box-shadow:var(--shadow-q7f)}
.storybadge-q7f{
  position:absolute;
  right:-18px;
  bottom:-24px;
  background:var(--surface-q7f);
  border-radius:var(--radius-q7f);
  padding:16px 22px;
  box-shadow:var(--shadow-q7f);
  border-left:4px solid var(--accent-q7f);
  max-width:230px;
}
.storybadgenum-q7f{font-size:24px;font-weight:800;color:var(--primary-q7f);line-height:1.3}
.storybadgelabel-q7f{font-size:13px;color:var(--inksoft-q7f)}
.storylist-q7f{margin-top:28px;display:grid;gap:16px}
.storypoint-q7f{display:flex;gap:14px;align-items:flex-start}
.storypoint-q7f i{
  flex-shrink:0;
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:rgba(255,122,26,.14);
  color:var(--accent-q7f);
  font-size:14px;
  margin-top:4px;
}
.storypointtext-q7f strong{display:block;font-size:16px;color:var(--ink-q7f);margin-bottom:2px}
.storypointtext-q7f span{font-size:14px;color:var(--inksoft-q7f)}
.storyfacts-q7f{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.storyfact-q7f{
  flex:1 1 150px;
  background:var(--surface-q7f);
  border-radius:var(--radius-q7f);
  padding:18px 20px;
  box-shadow:var(--shadowsoft-q7f);
}
.storyfactnum-q7f{font-size:26px;font-weight:800;color:var(--accent-q7f);line-height:1.25}
.storyfactlabel-q7f{font-size:13px;color:var(--inksoft-q7f)}

/* ---------- expertise (services) ---------- */
.expertise-q7f{background:var(--surface-q7f);padding:96px 0}
.expertisegrid-q7f{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.expertiseitem-q7f{
  background:var(--mist-q7f);
  border:1px solid var(--line-q7f);
  border-radius:var(--radiuslg-q7f);
  padding:32px 28px;
  transition:transform .4s var(--ease-q7f),box-shadow .4s var(--ease-q7f),border-color .4s var(--ease-q7f),background-color .4s var(--ease-q7f);
}
.expertiseitem-q7f:hover{
  transform:translateY(-8px);
  background:var(--surface-q7f);
  border-color:rgba(255,122,26,.45);
  box-shadow:var(--shadow-q7f);
}
.expertiseicon-q7f{
  width:56px;
  height:56px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:var(--primary-q7f);
  color:#fff;
  font-size:21px;
  margin-bottom:20px;
  transition:background-color .4s var(--ease-q7f),transform .4s var(--ease-q7f);
}
.expertiseitem-q7f:hover .expertiseicon-q7f{background:var(--accent-q7f);transform:rotate(-6deg) scale(1.05)}
.expertisename-q7f{font-size:19px;font-weight:700;color:var(--primary-q7f);margin-bottom:10px}
.expertisedesc-q7f{font-size:14.5px;color:var(--inksoft-q7f)}
.expertisetag-q7f{
  display:inline-block;
  margin-top:16px;
  font-size:12.5px;
  font-weight:600;
  color:var(--accent-q7f);
  background:rgba(255,122,26,.10);
  padding:4px 12px;
  border-radius:999px;
}

/* ---------- edge (advantages) ---------- */
.edge-q7f{background:var(--bg-q7f);padding:96px 0}
.edgegrid-q7f{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.edgeitem-q7f{
  position:relative;
  background:var(--surface-q7f);
  border-radius:var(--radius-q7f);
  padding:30px 26px;
  border:1px solid var(--line-q7f);
  overflow:hidden;
  transition:transform .4s var(--ease-q7f),box-shadow .4s var(--ease-q7f);
}
.edgeitem-q7f:hover{transform:translateY(-6px);box-shadow:var(--shadowsoft-q7f)}
.edgenum-q7f{
  position:absolute;
  right:16px;
  top:10px;
  font-size:52px;
  font-weight:800;
  color:rgba(22,34,74,.06);
  line-height:1;
}
.edgeicon-q7f{font-size:22px;color:var(--accent-q7f);margin-bottom:14px;display:block}
.edgename-q7f{font-size:17px;font-weight:700;color:var(--primary-q7f);margin-bottom:8px}
.edgedesc-q7f{font-size:14px;color:var(--inksoft-q7f)}

/* ---------- showcase (cases) ---------- */
.showcase-q7f{background:var(--mist-q7f);padding:96px 0}
.showcasegrid-q7f{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.showcaseitem-q7f{
  background:var(--surface-q7f);
  border-radius:var(--radiuslg-q7f);
  overflow:hidden;
  border:1px solid var(--line-q7f);
  transition:transform .4s var(--ease-q7f),box-shadow .4s var(--ease-q7f);
}
.showcaseitem-q7f:hover{transform:translateY(-8px);box-shadow:var(--shadow-q7f)}
.showcasethumb-q7f{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0}
.showcasebody-q7f{padding:26px 24px 28px}
.showcasetitle-q7f{font-size:18px;font-weight:700;color:var(--primary-q7f);margin-bottom:10px;line-height:1.5}
.showcasedesc-q7f{font-size:14.5px;color:var(--inksoft-q7f)}
.showcasemeta-q7f{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px dashed var(--line-q7f);
  font-size:13px;
  color:var(--inksoft-q7f);
  flex-wrap:wrap;
}
.showcasemeta-q7f i{color:var(--accent-q7f);margin-right:5px}

/* ---------- updates (home article) ---------- */
.updates-q7f{background:var(--surface-q7f);padding:96px 0}
.updatesgrid-q7f{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.updatesitem-q7f{
  background:var(--surface-q7f);
  border:1px solid var(--line-q7f);
  border-radius:var(--radiuslg-q7f);
  overflow:hidden;
  transition:transform .4s var(--ease-q7f),box-shadow .4s var(--ease-q7f);
}
.updatesitem-q7f:hover{transform:translateY(-8px);box-shadow:var(--shadow-q7f)}
.updatesthumb-q7f{width:100%;aspect-ratio:16/9;object-fit:cover}
.updatesbody-q7f{padding:24px 24px 26px}
.updatestitle-q7f{font-size:17.5px;font-weight:700;color:var(--primary-q7f);line-height:1.55;margin-bottom:10px}
.updatesdesc-q7f{font-size:14px;color:var(--inksoft-q7f)}
.updatesmeta-q7f{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;font-size:13px;color:var(--inksoft-q7f)}
.updatesmeta-q7f i{color:var(--accent-q7f);margin-right:5px}
.updatesmore-q7f{text-align:center;margin-top:44px}

/* ---------- journey (workflow) ---------- */
.journey-q7f{background:var(--primary-q7f);padding:96px 0;color:#fff}
.journey-q7f .heading-q7f{color:#fff}
.journey-q7f .lede-q7f{color:rgba(255,255,255,.72)}
.journeygrid-q7f{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.journeyitem-q7f{
  position:relative;
  padding:30px 24px;
  border-radius:var(--radiuslg-q7f);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
  transition:transform .4s var(--ease-q7f),background-color .4s var(--ease-q7f),border-color .4s var(--ease-q7f);
}
.journeyitem-q7f:hover{transform:translateY(-8px);background:rgba(255,255,255,.11);border-color:rgba(255,122,26,.5)}
.journeystep-q7f{
  width:46px;
  height:46px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:var(--accent-q7f);
  color:#fff;
  font-weight:800;
  font-size:17px;
  margin-bottom:18px;
}
.journeyname-q7f{font-size:18px;font-weight:700;margin-bottom:10px;color:#fff}
.journeydesc-q7f{font-size:14px;color:rgba(255,255,255,.70)}

/* ---------- crew (team) ---------- */
.crew-q7f{background:var(--bg-q7f);padding:96px 0}
.crewgrid-q7f{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.crewitem-q7f{
  background:var(--surface-q7f);
  border-radius:var(--radiuslg-q7f);
  padding:34px 26px;
  text-align:center;
  border:1px solid var(--line-q7f);
  transition:transform .4s var(--ease-q7f),box-shadow .4s var(--ease-q7f);
}
.crewitem-q7f:hover{transform:translateY(-8px);box-shadow:var(--shadow-q7f)}
.crewphoto-q7f{
  width:118px;
  height:118px;
  border-radius:50%;
  object-fit:cover;
  margin:0 auto 18px;
  border:4px solid var(--surface-q7f);
  box-shadow:0 0 0 2px rgba(255,122,26,.55),var(--shadowsoft-q7f);
  transition:transform .45s var(--ease-q7f);
}
.crewitem-q7f:hover .crewphoto-q7f{transform:scale(1.06)}
.crewname-q7f{font-size:18px;font-weight:700;color:var(--primary-q7f)}
.crewrole-q7f{font-size:13px;color:var(--accent-q7f);margin:4px 0 12px;font-weight:600}
.crewdesc-q7f{font-size:14px;color:var(--inksoft-q7f)}

/* ---------- voices (comments) ---------- */
.voices-q7f{background:var(--tint-q7f);padding:96px 0}
.voicesgrid-q7f{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.voicesitem-q7f{
  background:var(--surface-q7f);
  border-radius:var(--radiuslg-q7f);
  padding:30px 26px;
  border:1px solid var(--line-q7f);
  position:relative;
  transition:transform .4s var(--ease-q7f),box-shadow .4s var(--ease-q7f);
}
.voicesitem-q7f:hover{transform:translateY(-8px);box-shadow:var(--shadow-q7f)}
.voicesquote-q7f{
  position:absolute;
  top:22px;
  right:26px;
  font-size:42px;
  color:rgba(255,122,26,.20);
  line-height:1;
}
.voicestop-q7f{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.voicesphoto-q7f{width:58px;height:58px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px rgba(255,122,26,.45)}
.voicesname-q7f{font-size:16px;font-weight:700;color:var(--primary-q7f)}
.voicesrole-q7f{font-size:13px;color:var(--inksoft-q7f)}
.voicestext-q7f{font-size:14.5px;color:var(--inksoft-q7f)}
.voicesrate-q7f{margin-top:16px;color:var(--accent-q7f);font-size:13px;letter-spacing:2px}

/* ---------- queries (faq) ---------- */
.queries-q7f{background:var(--surface-q7f);padding:96px 0}
.querieslist-q7f{max-width:880px;margin:0 auto;display:grid;gap:14px}
.queriesitem-q7f{
  background:var(--mist-q7f);
  border:1px solid var(--line-q7f);
  border-radius:var(--radius-q7f);
  overflow:hidden;
  transition:border-color .35s var(--ease-q7f),box-shadow .35s var(--ease-q7f);
}
.queriesitem-q7f:hover{border-color:rgba(255,122,26,.45)}
.queriesquestion-q7f{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:20px 24px;
  background:none;
  border:0;
  cursor:pointer;
  text-align:left;
  font-size:16.5px;
  font-weight:600;
  color:var(--primary-q7f);
}
.queriesquestion-q7f i{color:var(--accent-q7f);transition:transform .35s var(--ease-q7f)}
.queriesitemopen-q7f i{transform:rotate(180deg)}
.queriesanswer-q7f{
  max-height:0;
  overflow:hidden;
  transition:max-height .45s var(--ease-q7f);
}
.queriesanswerinner-q7f{padding:0 24px 22px;font-size:14.5px;color:var(--inksoft-q7f)}

/* ---------- allies (partners) ---------- */
.allies-q7f{background:var(--bg-q7f);padding:96px 0}
.alliesgrid-q7f{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.alliesitem-q7f{
  background:var(--surface-q7f);
  border:1px solid var(--line-q7f);
  border-radius:var(--radius-q7f);
  height:104px;
  display:grid;
  place-items:center;
  padding:16px;
  transition:transform .35s var(--ease-q7f),box-shadow .35s var(--ease-q7f),border-color .35s var(--ease-q7f);
}
.alliesitem-q7f:hover{transform:translateY(-6px);border-color:rgba(255,122,26,.45);box-shadow:var(--shadowsoft-q7f)}
.allieslogo-q7f{max-height:58px;width:auto;object-fit:contain;filter:grayscale(.35);opacity:.85;transition:filter .35s var(--ease-q7f),opacity .35s var(--ease-q7f)}
.alliesitem-q7f:hover .allieslogo-q7f{filter:none;opacity:1}

/* ---------- laurels (honors) ---------- */
.laurels-q7f{background:var(--surface-q7f);padding:96px 0}
.laurelsgrid-q7f{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.laurelsitem-q7f{
  text-align:center;
  padding:34px 20px;
  border-radius:var(--radiuslg-q7f);
  background:var(--mist-q7f);
  border:1px solid var(--line-q7f);
  transition:transform .4s var(--ease-q7f),background-color .4s var(--ease-q7f);
}
.laurelsitem-q7f:hover{transform:translateY(-6px);background:var(--surface-q7f)}
.laurelsicon-q7f{font-size:24px;color:var(--accent-q7f);margin-bottom:12px;display:block}
.laurelsnum-q7f{font-size:40px;font-weight:800;color:var(--primary-q7f);line-height:1.2}
.laurelsname-q7f{font-size:15px;color:var(--inksoft-q7f);margin-top:6px}
.laurelsunit-q7f{font-size:13px;color:var(--accent-q7f);font-weight:600;margin-top:8px;display:block}

/* ---------- reach (contact) ---------- */
.reach-q7f{background:var(--tint-q7f);padding:96px 0}
.reachgrid-q7f{display:grid;grid-template-columns:1fr 1.1fr;gap:46px;align-items:start}
.reachline-q7f{display:flex;gap:16px;padding:18px 0;border-bottom:1px dashed rgba(22,34,74,.16)}
.reachicon-q7f{
  flex-shrink:0;
  width:46px;
  height:46px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:var(--surface-q7f);
  color:var(--accent-q7f);
  box-shadow:var(--shadowsoft-q7f);
}
.reachlabel-q7f{font-size:13px;color:var(--inksoft-q7f)}
.reachvalue-q7f{font-size:16px;font-weight:600;color:var(--primary-q7f);word-break:break-all}
.reachnote-q7f{margin-top:22px;font-size:14px;color:var(--inksoft-q7f);background:var(--surface-q7f);border-left:4px solid var(--accent-q7f);padding:16px 18px;border-radius:0 var(--radius-q7f) var(--radius-q7f) 0}
.reachform-q7f{
  background:var(--surface-q7f);
  border-radius:var(--radiuslg-q7f);
  padding:34px 30px;
  box-shadow:var(--shadow-q7f);
  border:1px solid var(--line-q7f);
}
.reachformtitle-q7f{font-size:21px;font-weight:700;color:var(--primary-q7f);margin-bottom:6px}
.reachformdesc-q7f{font-size:14px;color:var(--inksoft-q7f);margin-bottom:22px}
.reachfield-q7f{margin-bottom:18px}
.reachfield-q7f label{display:block;font-size:14px;font-weight:600;color:var(--primary-q7f);margin-bottom:8px}
.reachfield-q7f input,
.reachfield-q7f textarea{
  width:100%;
  padding:13px 16px;
  border:1px solid var(--line-q7f);
  border-radius:12px;
  background:var(--mist-q7f);
  transition:border-color .3s var(--ease-q7f),background-color .3s var(--ease-q7f),box-shadow .3s var(--ease-q7f);
}
.reachfield-q7f input:focus,
.reachfield-q7f textarea:focus{
  outline:none;
  border-color:var(--accent-q7f);
  background:var(--surface-q7f);
  box-shadow:0 0 0 4px rgba(255,122,26,.12);
}
.reachfield-q7f textarea{min-height:126px;resize:vertical}
.reachformrow-q7f{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.reachformtip-q7f{margin-top:14px;font-size:13px;color:var(--inksoft-q7f)}

/* ---------- cta ---------- */
.cta-q7f{background:var(--surface-q7f);padding:0 0 96px}
.ctainner-q7f{
  position:relative;
  overflow:hidden;
  border-radius:var(--radiuslg-q7f);
  padding:64px 56px;
  background:linear-gradient(120deg,var(--primary-q7f) 0%,var(--primarysoft-q7f) 60%,#2E4390 100%);
  text-align:center;
  box-shadow:var(--shadow-q7f);
}
.ctainner-q7f::after{
  content:"";
  position:absolute;
  width:320px;
  height:320px;
  right:-90px;
  top:-120px;
  border-radius:50%;
  background:rgba(255,122,26,.20);
}
.ctainner-q7f::before{
  content:"";
  position:absolute;
  width:200px;
  height:200px;
  left:-70px;
  bottom:-90px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
}
.ctatitle-q7f{position:relative;z-index:2;font-size:clamp(24px,3.4vw,38px);font-weight:800;color:#fff;line-height:1.35}
.ctadesc-q7f{position:relative;z-index:2;margin:16px auto 30px;color:rgba(255,255,255,.78);max-width:660px}
.ctaactions-q7f{position:relative;z-index:2;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- listing ---------- */
.listing-q7f{padding:70px 0 96px}
.listinghead-q7f{margin-bottom:44px}
.listingbreadcrumb-q7f{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--inksoft-q7f);margin-bottom:18px;flex-wrap:wrap}
.listingbreadcrumb-q7f a:hover{color:var(--accent-q7f)}
.listingbreadcrumb-q7f i{font-size:11px;color:var(--line-q7f)}
.listinggrid-q7f{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.listingitem-q7f{
  background:var(--surface-q7f);
  border:1px solid var(--line-q7f);
  border-radius:var(--radiuslg-q7f);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .4s var(--ease-q7f),box-shadow .4s var(--ease-q7f);
}
.listingitem-q7f:hover{transform:translateY(-8px);box-shadow:var(--shadow-q7f)}
.listingthumb-q7f{width:100%;aspect-ratio:16/10;object-fit:cover}
.listingbody-q7f{padding:26px 24px 28px;display:flex;flex-direction:column;flex:1}
.listingtitle-q7f{font-size:18.5px;font-weight:700;color:var(--primary-q7f);line-height:1.5;margin-bottom:12px}
.listingdesc-q7f{font-size:14.5px;color:var(--inksoft-q7f);flex:1}
.listingmeta-q7f{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:20px;
  padding-top:16px;
  border-top:1px dashed var(--line-q7f);
  font-size:13px;
  color:var(--inksoft-q7f);
}
.listingmeta-q7f i{color:var(--accent-q7f);margin-right:5px}
.listingmore-q7f{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:18px;
  font-size:14.5px;
  font-weight:600;
  color:var(--accent-q7f);
  transition:gap .3s var(--ease-q7f);
}
.listingmore-q7f:hover{gap:14px}
.listingempty-q7f{text-align:center;padding:60px 20px;color:var(--inksoft-q7f)}

/* ---------- reading (detail) ---------- */
.reading-q7f{padding:64px 0 96px}
.readingwrap-q7f{max-width:880px;margin:0 auto}
.readingbreadcrumb-q7f{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--inksoft-q7f);margin-bottom:22px;flex-wrap:wrap}
.readingbreadcrumb-q7f a:hover{color:var(--accent-q7f)}
.readingbreadcrumb-q7f i{font-size:11px;color:var(--line-q7f)}
.readingtitle-q7f{font-size:clamp(26px,3.6vw,42px);font-weight:800;line-height:1.32;color:var(--primary-q7f);margin-bottom:20px}
.readingmeta-q7f{display:flex;flex-wrap:wrap;gap:20px;font-size:13.5px;color:var(--inksoft-q7f);margin-bottom:28px}
.readingmeta-q7f i{color:var(--accent-q7f);margin-right:6px}
.readingcover-q7f{width:100%;border-radius:var(--radiuslg-q7f);box-shadow:var(--shadow-q7f);margin-bottom:34px}
.readingfigure-q7f{margin:0 0 34px}
.readinghead-q7f{margin-bottom:26px}
.readingbody-q7f{
  background:var(--surface-q7f);
  border:1px solid var(--line-q7f);
  border-radius:var(--radiuslg-q7f);
  padding:40px 38px;
  font-size:16px;
  color:var(--inksoft-q7f);
}
.readingbody-q7f h2{font-size:24px;color:var(--primary-q7f);margin:32px 0 14px;font-weight:700}
.readingbody-q7f h3{font-size:19px;color:var(--primary-q7f);margin:26px 0 12px;font-weight:700}
.readingbody-q7f p{margin-bottom:16px}
.readingbody-q7f ul{margin:0 0 18px;padding-left:4px}
.readingbody-q7f li{position:relative;padding-left:20px;margin-bottom:9px}
.readingbody-q7f li::before{content:"";position:absolute;left:2px;top:13px;width:7px;height:7px;border-radius:50%;background:var(--accent-q7f)}
.readingbody-q7f blockquote{
  margin:24px 0;
  padding:18px 22px;
  background:var(--mist-q7f);
  border-left:4px solid var(--accent-q7f);
  border-radius:0 var(--radius-q7f) var(--radius-q7f) 0;
  color:var(--ink-q7f);
}
.readingbody-q7f table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14.5px}
.readingbody-q7f th,.readingbody-q7f td{border:1px solid var(--line-q7f);padding:11px 13px;text-align:left}
.readingbody-q7f th{background:var(--mist-q7f);color:var(--primary-q7f);font-weight:700}
.readingnav-q7f{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}
.readinglink-q7f{
  background:var(--surface-q7f);
  border:1px solid var(--line-q7f);
  border-radius:var(--radius-q7f);
  padding:20px 22px;
  transition:border-color .3s var(--ease-q7f),transform .3s var(--ease-q7f)
}
.readinglink-q7f:hover{border-color:var(--accent-q7f);transform:translateY(-3px)}
.readinglinklabel-q7f{font-size:12.5px;color:var(--inksoft-q7f);margin-bottom:6px;display:block}
.readinglinktitle-q7f{font-size:15.5px;font-weight:600;color:var(--primary-q7f)}
.readingnext-q7f{text-align:right}
.readingtags-q7f{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.readingtag-q7f{font-size:13px;padding:6px 14px;border-radius:999px;background:var(--mist-q7f);color:var(--inksoft-q7f);border:1px solid var(--line-q7f)}
.readingshare-q7f{display:flex;align-items:center;gap:12px;margin-top:30px;font-size:14px;color:var(--inksoft-q7f)}
.readingshare-q7f a{
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--mist-q7f);
  color:var(--primary-q7f);
  transition:background-color .3s var(--ease-q7f),color .3s var(--ease-q7f),transform .3s var(--ease-q7f);
}
.readingshare-q7f a:hover{background:var(--accent-q7f);color:#fff;transform:translateY(-3px)}

/* ---------- colophon (footer) ---------- */
.colophon-q7f{background:var(--primary-q7f);color:rgba(255,255,255,.72);padding:74px 0 0}
.colophontop-q7f{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:48px}
.colophonbrand-q7f{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.colophonlogo-q7f{width:46px;height:46px;border-radius:12px;object-fit:cover}
.colophonname-q7f{font-size:17px;font-weight:800;color:#fff}
.colophondesc-q7f{font-size:14px;line-height:1.9}
.colophonhead-q7f{font-size:16px;font-weight:700;color:#fff;margin-bottom:20px}
.colophonlinks-q7f{display:grid;gap:11px}
.colophonlinks-q7f a{font-size:14px;transition:color .3s var(--ease-q7f),padding-left .3s var(--ease-q7f)}
.colophonlinks-q7f a:hover{color:var(--accent-q7f);padding-left:6px}
.colophoncontact-q7f{display:grid;gap:14px}
.colophoncontact-q7f div{display:flex;gap:12px;align-items:flex-start;font-size:14px}
.colophoncontact-q7f i{color:var(--accent-q7f);margin-top:5px}
.colophonbottom-q7f{
  border-top:1px solid rgba(255,255,255,.12);
  padding:22px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  font-size:13.5px;
}
.colophonsocial-q7f{display:flex;gap:12px}
.colophonsocial-q7f a{
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.08);
  transition:background-color .3s var(--ease-q7f),transform .3s var(--ease-q7f);
}
.colophonsocial-q7f a:hover{background:var(--accent-q7f);transform:translateY(-3px)}
.totop-q7f{
  position:fixed;
  right:22px;
  bottom:26px;
  width:46px;
  height:46px;
  border-radius:50%;
  border:0;
  background:var(--accent-q7f);
  color:#fff;
  font-size:16px;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(255,122,26,.34);
  opacity:0;
  visibility:hidden;
  transform:translateY(14px);
  transition:opacity .35s var(--ease-q7f),transform .35s var(--ease-q7f),visibility .35s;
  z-index:70;
}
.totopon-q7f{opacity:1;visibility:visible;transform:translateY(0)}

/* ---------- reveal animation ---------- */
.reveal-q7f{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .8s var(--ease-q7f),transform .8s var(--ease-q7f);
  will-change:opacity,transform;
}
.revealon-q7f{opacity:1;transform:none}
.reveallate-q7f{transition-delay:.12s}
.revealmid-q7f{transition-delay:.22s}
.revealslow-q7f{transition-delay:.32s}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .edgegrid-q7f{grid-template-columns:repeat(2,1fr)}
  .alliesgrid-q7f{grid-template-columns:repeat(4,1fr)}
  .journeygrid-q7f{grid-template-columns:repeat(2,1fr)}
  .laurelsgrid-q7f{grid-template-columns:repeat(2,1fr)}
  .colophontop-q7f{grid-template-columns:1fr 1fr}
}
@media (max-width:980px){
  .navtoggle-q7f{display:inline-grid;place-items:center}
  .navlist-q7f{
    position:absolute;
    left:0;
    right:0;
    top:100%;
    flex-direction:column;
    align-items:stretch;
    gap:2px;
    background:#fff;
    padding:12px 22px 20px;
    border-bottom:1px solid var(--line-q7f);
    box-shadow:var(--shadowsoft-q7f);
    max-height:0;
    overflow:hidden;
    transition:max-height .45s var(--ease-q7f),padding .35s var(--ease-q7f);
  }
  .navlistopen-q7f{max-height:460px}
  .navlink-q7f{display:block;padding:12px 14px;border-radius:10px}
  .navlink-q7f::after{display:none}
  .navlinkactive-q7f{background:rgba(255,122,26,.10)}
  .storygrid-q7f,.reachgrid-q7f{grid-template-columns:1fr}
  .storybadge-q7f{right:16px;bottom:-18px}
  .expertisegrid-q7f,.showcasegrid-q7f,.updatesgrid-q7f,.voicesgrid-q7f,.crewgrid-q7f,.listinggrid-q7f{grid-template-columns:repeat(2,1fr)}
  .hero-q7f{min-height:560px}
}
@media (max-width:680px){
  .container{padding:0 18px}
  .story-q7f,.expertise-q7f,.edge-q7f,.showcase-q7f,.updates-q7f,.journey-q7f,.crew-q7f,.voices-q7f,.queries-q7f,.allies-q7f,.laurels-q7f,.reach-q7f{padding:72px 0}
  .cta-q7f{padding-bottom:72px}
  .ctainner-q7f{padding:46px 24px}
  .heroinner-q7f{padding:104px 0 96px}
  .herostats-q7f{gap:10px}
  .herostat-q7f{min-width:120px;padding:12px 14px}
  .expertisegrid-q7f,.showcasegrid-q7f,.updatesgrid-q7f,.voicesgrid-q7f,.crewgrid-q7f,.listinggrid-q7f,.edgegrid-q7f,.journeygrid-q7f,.laurelsgrid-q7f{grid-template-columns:1fr}
  .alliesgrid-q7f{grid-template-columns:repeat(3,1fr)}
  .reachformrow-q7f{grid-template-columns:1fr}
  .readingbody-q7f{padding:28px 22px}
  .readingnav-q7f{grid-template-columns:1fr}
  .readingnext-q7f{text-align:left}
  .colophontop-q7f{grid-template-columns:1fr}
  .alliesitem-q7f{height:88px}
}
@media (max-width:420px){
  .alliesgrid-q7f{grid-template-columns:repeat(2,1fr)}
}