:root{
  --primary-k7m:#1b4df5;
  --primary-deep-k7m:#12349f;
  --accent-k7m:#ff6b2c;
  --accent-soft-k7m:#fff1e8;
  --bg-k7m:#f5f7fc;
  --ink-k7m:#0f1b33;
  --ink-soft-k7m:#33405c;
  --muted-k7m:#5f6b88;
  --line-k7m:#e2e8f6;
  --white-k7m:#ffffff;
  --night-k7m:#0d1830;
  --radius-k7m:14px;
  --shadow-k7m:0 22px 48px -26px rgba(16,34,88,.45);
  --shadow-soft-k7m:0 12px 30px -20px rgba(16,34,88,.35);
}

*{margin:0;padding:0;box-sizing:border-box}

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

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

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

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

ul,ol{list-style:none}

button,input,select,textarea{font-family:inherit;font-size:inherit}

.container{width:100%;max-width:1220px;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:8px;
  padding:13px 30px;border-radius:999px;border:1px solid transparent;
  background:var(--primary-k7m);color:var(--white-k7m);
  font-weight:600;font-size:.95rem;cursor:pointer;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease;
  box-shadow:0 12px 24px -14px rgba(27,77,245,.9);
}

.btn:hover{transform:translateY(-3px);background:var(--primary-deep-k7m);box-shadow:0 18px 30px -14px rgba(27,77,245,.85)}

.btn-solid-k7m{background:var(--primary-k7m);color:var(--white-k7m)}

.btn-alt-k7m{background:rgba(255,255,255,.08);color:var(--white-k7m);border-color:rgba(255,255,255,.55);box-shadow:none}

.btn-alt-k7m:hover{background:var(--white-k7m);color:var(--primary-deep-k7m);border-color:var(--white-k7m)}

.reveal-k7m{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}

.reveal-on-k7m{opacity:1;transform:none}

.nav-k7m{
  position:sticky;top:0;z-index:80;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-k7m);
  transition:box-shadow .3s ease,background .3s ease;
}

.nav-stuck-k7m{box-shadow:0 10px 30px -22px rgba(16,34,88,.65)}

.nav-inner-k7m{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}

.nav-brand-k7m{display:flex;align-items:center;gap:12px;max-width:62%}

.nav-logo-k7m{width:44px;height:44px;object-fit:contain;border-radius:10px}

.nav-name-k7m{font-weight:800;font-size:1.02rem;letter-spacing:.01em;line-height:1.35}

.nav-menu-k7m{display:flex;align-items:center;gap:6px}

.nav-link-k7m{
  position:relative;padding:9px 14px;border-radius:999px;
  font-size:.95rem;color:var(--ink-soft-k7m);font-weight:500;
  transition:color .25s ease,background .25s ease;
}

.nav-link-k7m::after{
  content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:2px;
  background:var(--accent-k7m);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;
}

.nav-link-k7m:hover{color:var(--primary-k7m)}

.nav-link-k7m:hover::after{transform:scaleX(1)}

.nav-current-k7m{color:var(--primary-k7m);background:rgba(27,77,245,.08)}

.nav-current-k7m::after{transform:scaleX(1)}

.nav-toggle-k7m{
  display:none;width:44px;height:44px;border:1px solid var(--line-k7m);border-radius:12px;
  background:var(--white-k7m);color:var(--ink-k7m);font-size:1.1rem;cursor:pointer;
}

.hero-k7m{position:relative;overflow:hidden;background:var(--night-k7m);isolation:isolate}

.hero-slider-k7m{position:absolute;inset:0;z-index:-2}

.hero-slide-k7m{
  position:absolute;inset:0;opacity:0;transform:scale(1.08);
  transition:opacity 1.4s ease,transform 6s ease;
  background-repeat:no-repeat;
}

.hero-current-k7m{opacity:1;transform:scale(1)}

.hero-veil-k7m{
  position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(8,16,38,.78) 0%,rgba(8,16,38,.62) 42%,rgba(8,16,38,.88) 100%);
}

.hero-inner-k7m{position:relative;padding:126px 0 118px;text-align:center;color:var(--white-k7m)}

.hero-eyebrow-k7m{
  display:inline-block;padding:7px 20px;border-radius:999px;
  background:rgba(255,107,44,.16);border:1px solid rgba(255,107,44,.45);
  color:#ffc9a8;font-size:.82rem;letter-spacing:.16em;font-weight:600;margin-bottom:24px;
}

.hero-slogan-k7m{
  font-size:clamp(2rem,4.8vw,3.45rem);line-height:1.28;font-weight:800;letter-spacing:.01em;
  max-width:960px;margin:0 auto;
}

.hero-text-k7m{
  max-width:760px;margin:22px auto 0;color:rgba(255,255,255,.78);font-size:1.02rem;
}

.hero-actions-k7m{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:36px}

.hero-metrics-k7m{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
  max-width:900px;margin:58px auto 0;
}

.hero-metric-k7m{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
  border-radius:var(--radius-k7m);padding:22px 16px;backdrop-filter:blur(6px);
  transition:transform .3s ease,background .3s ease;
}

.hero-metric-k7m:hover{transform:translateY(-6px);background:rgba(255,255,255,.14)}

.hero-num-k7m{display:block;font-size:1.85rem;font-weight:800;color:#fff}

.hero-cap-k7m{display:block;margin-top:6px;font-size:.83rem;color:rgba(255,255,255,.66)}

.hero-dots-k7m{position:absolute;left:0;right:0;bottom:26px;display:flex;justify-content:center;gap:10px}

.hero-dot-k7m{
  width:34px;height:5px;border:none;border-radius:999px;cursor:pointer;
  background:rgba(255,255,255,.35);transition:background .3s ease,width .3s ease;
}

.hero-dot-current-k7m{background:var(--accent-k7m);width:52px}

.band-k7m{padding:86px 0;position:relative}

.band-white-k7m{background:var(--white-k7m)}

.band-light-k7m{background:linear-gradient(180deg,#eef2fc 0%,#f5f7fc 100%)}

.band-tint-k7m{background:linear-gradient(180deg,#f5f7fc 0%,#e9eefb 100%)}

.band-dark-k7m{
  background:var(--night-k7m);
  background-image:radial-gradient(circle at 15% 20%,rgba(27,77,245,.35),transparent 45%),radial-gradient(circle at 85% 80%,rgba(255,107,44,.22),transparent 50%);
  color:var(--white-k7m);
}

.head-k7m{max-width:780px;margin:0 auto 52px;text-align:center}

.head-label-k7m{
  display:inline-block;font-size:.82rem;font-weight:700;letter-spacing:.2em;
  color:var(--accent-k7m);margin-bottom:14px;
}

.head-title-k7m{font-size:clamp(1.65rem,3.4vw,2.5rem);line-height:1.35;font-weight:800}

.head-text-k7m{margin-top:16px;color:var(--muted-k7m);font-size:1rem}

.band-dark-k7m .head-text-k7m{color:rgba(255,255,255,.68)}

.band-dark-k7m .head-label-k7m{color:#ffb187}

.showcase-k7m{overflow:hidden}

.showcase-grid-k7m{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}

.showcase-card-k7m{
  background:var(--white-k7m);border:1px solid var(--line-k7m);border-radius:16px;overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}

.showcase-card-k7m:hover{transform:translateY(-8px);box-shadow:var(--shadow-k7m);border-color:rgba(27,77,245,.28)}

.showcase-thumb-k7m{display:block;overflow:hidden;background:#eef1fa}

.showcase-thumb-k7m img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .6s ease}

.showcase-card-k7m:hover .showcase-thumb-k7m img{transform:scale(1.07)}

.showcase-body-k7m{padding:24px 24px 26px;display:flex;flex-direction:column;gap:12px;flex:1}

.showcase-meta-k7m{display:flex;gap:14px;font-size:.82rem;color:var(--muted-k7m)}

.showcase-author-k7m{color:var(--primary-k7m);font-weight:600}

.showcase-name-k7m{font-size:1.16rem;font-weight:700;line-height:1.5}

.showcase-name-k7m a:hover{color:var(--primary-k7m)}

.showcase-text-k7m{color:var(--muted-k7m);font-size:.95rem;flex:1}

.showcase-more-k7m{font-size:.9rem;font-weight:600;color:var(--primary-k7m);display:inline-flex;align-items:center;gap:8px}

.showcase-more-k7m i{transition:transform .3s ease}

.showcase-more-k7m:hover i{transform:translateX(5px)}

.expertise-grid-k7m{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}

.expertise-item-k7m{
  background:var(--white-k7m);border:1px solid var(--line-k7m);border-radius:var(--radius-k7m);
  padding:30px 24px;position:relative;overflow:hidden;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}

.expertise-item-k7m::before{
  content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--primary-k7m);
  transform:scaleY(0);transform-origin:top;transition:transform .35s ease;
}

.expertise-item-k7m:hover{transform:translateY(-8px);box-shadow:var(--shadow-soft-k7m);border-color:rgba(27,77,245,.25)}

.expertise-item-k7m:hover::before{transform:scaleY(1)}

.expertise-icon-k7m{
  width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:1.28rem;
  background:rgba(27,77,245,.1);color:var(--primary-k7m);transition:background .3s ease,color .3s ease;
}

.expertise-item-k7m:hover .expertise-icon-k7m{background:var(--primary-k7m);color:var(--white-k7m)}

.expertise-name-k7m{font-size:1.08rem;font-weight:700;margin:18px 0 10px}

.expertise-text-k7m{color:var(--muted-k7m);font-size:.94rem}

.story-grid-k7m{display:grid;grid-template-columns:1fr 1.06fr;gap:56px;align-items:center}

.story-media-k7m{position:relative}

.story-media-k7m img{
  width:100%;aspect-ratio:4/3.4;object-fit:cover;border-radius:20px;
  box-shadow:var(--shadow-k7m);
}

.story-badge-k7m{
  position:absolute;left:22px;bottom:22px;display:inline-flex;align-items:center;gap:10px;
  background:var(--white-k7m);color:var(--primary-k7m);font-weight:700;font-size:.9rem;
  padding:12px 20px;border-radius:999px;box-shadow:var(--shadow-soft-k7m);
}

.story-label-k7m{font-size:.82rem;font-weight:700;letter-spacing:.2em;color:var(--accent-k7m);margin-bottom:14px}

.story-heading-k7m{font-size:clamp(1.5rem,2.9vw,2.15rem);line-height:1.42;font-weight:800}

.story-text-k7m{margin-top:18px;color:var(--muted-k7m)}

.story-points-k7m{margin:26px 0 30px;display:grid;gap:12px}

.story-point-k7m{display:flex;align-items:flex-start;gap:12px;color:var(--ink-soft-k7m);font-size:.96rem}

.story-point-k7m i{color:var(--accent-k7m);margin-top:6px}

.crew-grid-k7m{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}

.crew-item-k7m{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-radius:18px;padding:34px 26px;text-align:center;
  transition:transform .35s ease,background .35s ease,border-color .35s ease;
}

.crew-item-k7m:hover{transform:translateY(-8px);background:rgba(255,255,255,.1);border-color:rgba(255,107,44,.5)}

.crew-photo-k7m{
  width:118px;height:118px;border-radius:50%;object-fit:cover;margin:0 auto 18px;
  border:3px solid rgba(255,255,255,.5);
}

.crew-name-k7m{font-size:1.12rem;font-weight:700}

.crew-role-k7m{color:#ffb187;font-size:.86rem;margin-top:4px}

.crew-text-k7m{color:rgba(255,255,255,.66);font-size:.92rem;margin-top:12px}

.edge-grid-k7m{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

.edge-item-k7m{
  background:var(--white-k7m);border:1px solid var(--line-k7m);border-radius:var(--radius-k7m);
  padding:32px 28px;position:relative;overflow:hidden;
  transition:transform .35s ease,box-shadow .35s ease;
}

.edge-item-k7m:hover{transform:translateY(-8px);box-shadow:var(--shadow-soft-k7m)}

.edge-num-k7m{
  position:absolute;right:20px;top:14px;font-size:3.2rem;font-weight:900;
  color:rgba(27,77,245,.08);line-height:1;
}

.edge-name-k7m{font-size:1.1rem;font-weight:700;margin-bottom:12px}

.edge-text-k7m{color:var(--muted-k7m);font-size:.94rem}

.journey-track-k7m{
  display:grid;grid-template-columns:repeat(5,1fr);gap:20px;position:relative;
}

.journey-track-k7m::before{
  content:"";position:absolute;left:6%;right:6%;top:30px;height:2px;
  background:repeating-linear-gradient(90deg,rgba(27,77,245,.4) 0 10px,transparent 10px 20px);
}

.journey-step-k7m{position:relative;text-align:center;padding:0 6px}

.journey-num-k7m{
  display:grid;place-items:center;width:60px;height:60px;border-radius:50%;margin:0 auto 20px;
  background:var(--white-k7m);color:var(--primary-k7m);font-weight:800;
  border:2px solid rgba(27,77,245,.3);position:relative;z-index:1;
  transition:transform .35s ease,background .35s ease,color .35s ease;
}

.journey-step-k7m:hover .journey-num-k7m{transform:scale(1.1);background:var(--primary-k7m);color:var(--white-k7m)}

.journey-name-k7m{font-size:1.05rem;font-weight:700}

.journey-text-k7m{color:var(--muted-k7m);font-size:.92rem;margin-top:10px}

.updates-grid-k7m{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}

.updates-card-k7m{
  background:var(--white-k7m);border:1px solid var(--line-k7m);border-radius:16px;overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .35s ease,box-shadow .35s ease;
}

.updates-card-k7m:hover{transform:translateY(-8px);box-shadow:var(--shadow-k7m)}

.updates-thumb-k7m{display:block;overflow:hidden;background:#eef1fa}

.updates-thumb-k7m img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .6s ease}

.updates-card-k7m:hover .updates-thumb-k7m img{transform:scale(1.07)}

.updates-body-k7m{padding:22px 22px 24px;display:flex;flex-direction:column;gap:11px;flex:1}

.updates-meta-k7m{display:flex;gap:14px;font-size:.81rem;color:var(--muted-k7m)}

.updates-author-k7m{color:var(--primary-k7m);font-weight:600}

.updates-name-k7m{font-size:1.12rem;font-weight:700;line-height:1.5}

.updates-name-k7m a:hover{color:var(--primary-k7m)}

.updates-text-k7m{color:var(--muted-k7m);font-size:.94rem;flex:1}

.updates-more-k7m{font-size:.9rem;font-weight:600;color:var(--primary-k7m);display:inline-flex;align-items:center;gap:6px}

.updates-foot-k7m{margin-top:40px;text-align:center}

.voices-grid-k7m{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}

.voices-item-k7m{
  background:var(--white-k7m);border:1px solid var(--line-k7m);border-radius:18px;padding:30px 30px 26px;
  position:relative;
  transition:transform .35s ease,box-shadow .35s ease;
}

.voices-item-k7m:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft-k7m)}

.voices-stars-k7m{color:var(--accent-k7m);font-size:.9rem;letter-spacing:3px;margin-bottom:14px}

.voices-text-k7m{color:var(--ink-soft-k7m);font-size:.98rem}

.voices-person-k7m{display:flex;align-items:center;gap:14px;margin-top:20px}

.voices-photo-k7m{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid var(--white-k7m);box-shadow:var(--shadow-soft-k7m)}

.voices-name-k7m{font-size:1rem;font-weight:700}

.voices-role-k7m{font-size:.82rem;color:var(--muted-k7m)}

.allies-grid-k7m{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}

.allies-item-k7m{
  background:var(--white-k7m);border:1px solid var(--line-k7m);border-radius:14px;
  height:96px;display:grid;place-items:center;padding:16px;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}

.allies-item-k7m:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft-k7m);border-color:rgba(27,77,245,.25)}

.allies-logo-k7m{max-height:52px;max-width:100%;object-fit:contain;filter:grayscale(.25);opacity:.85;transition:filter .3s ease,opacity .3s ease}

.allies-item-k7m:hover .allies-logo-k7m{filter:none;opacity:1}

.queries-grid-k7m{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-content:start}

.queries-item-k7m{
  background:var(--white-k7m);border:1px solid var(--line-k7m);border-radius:var(--radius-k7m);
  padding:0 22px;transition:box-shadow .3s ease,border-color .3s ease;
}

.queries-item-k7m[open]{box-shadow:var(--shadow-soft-k7m);border-color:rgba(27,77,245,.3)}

.queries-q-k7m{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;
  padding:20px 0;font-weight:700;font-size:1rem;
}

.queries-q-k7m::-webkit-details-marker{display:none}

.queries-mark-k7m{
  width:32px;height:32px;border-radius:9px;flex:0 0 auto;display:grid;place-items:center;
  background:rgba(255,107,44,.12);color:var(--accent-k7m);font-weight:800;font-size:.9rem;
}

.queries-arrow-k7m{margin-left:auto;color:var(--muted-k7m);transition:transform .3s ease}

.queries-item-k7m[open] .queries-arrow-k7m{transform:rotate(180deg);color:var(--primary-k7m)}

.queries-a-k7m{padding:0 0 22px;color:var(--muted-k7m);font-size:.95rem}

.laurels-grid-k7m{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}

.laurels-item-k7m{
  background:var(--white-k7m);border:1px solid var(--line-k7m);border-radius:var(--radius-k7m);
  padding:34px 24px;text-align:center;
  transition:transform .35s ease,box-shadow .35s ease;
}

.laurels-item-k7m:hover{transform:translateY(-8px);box-shadow:var(--shadow-k7m)}

.laurels-icon-k7m{
  width:58px;height:58px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;
  background:var(--accent-soft-k7m);color:var(--accent-k7m);font-size:1.3rem;
}

.laurels-num-k7m{display:block;font-size:2.5rem;font-weight:900;color:var(--primary-k7m);line-height:1.2}

.laurels-name-k7m{font-size:.98rem;color:var(--ink-soft-k7m);margin-top:6px}

.reach-grid-k7m{display:grid;grid-template-columns:1fr 1.08fr;gap:40px;align-items:start}

.reach-info-k7m{
  background:var(--white-k7m);border:1px solid var(--line-k7m);border-radius:18px;padding:34px 32px;
  display:grid;gap:22px;
}

.reach-item-k7m{display:flex;gap:16px;align-items:flex-start}

.reach-icon-k7m{
  width:48px;height:48px;flex:0 0 auto;border-radius:13px;display:grid;place-items:center;
  background:rgba(27,77,245,.1);color:var(--primary-k7m);font-size:1.05rem;
}

.reach-label-k7m{font-size:1rem;font-weight:700}

.reach-value-k7m{color:var(--muted-k7m);font-size:.94rem;margin-top:4px}

.reach-note-k7m{
  margin-top:4px;padding:14px 16px;border-radius:12px;background:rgba(255,107,44,.08);
  color:#b7571f;font-size:.86rem;border-left:3px solid var(--accent-k7m);
}

.reach-form-k7m{
  background:var(--white-k7m);border:1px solid var(--line-k7m);border-radius:18px;padding:34px 32px;
  box-shadow:var(--shadow-soft-k7m);
}

.reach-form-body-k7m{display:grid;gap:18px}

.reach-field-k7m{display:grid;gap:8px}

.reach-field-label-k7m{font-size:.9rem;font-weight:600;color:var(--ink-soft-k7m)}

.reach-input-k7m{
  width:100%;padding:13px 16px;border:1px solid var(--line-k7m);border-radius:12px;
  background:#f8faff;color:var(--ink-k7m);transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;
}

.reach-input-k7m:focus{outline:none;border-color:var(--primary-k7m);background:var(--white-k7m);box-shadow:0 0 0 4px rgba(27,77,245,.12)}

.reach-area-k7m{resize:vertical;min-height:130px}

.reach-submit-k7m{justify-self:start}

.reach-tip-k7m{font-size:.82rem;color:var(--muted-k7m)}

.cta-k7m{
  padding:78px 0;
  background:linear-gradient(120deg,var(--primary-deep-k7m) 0%,var(--primary-k7m) 55%,#3a63ff 100%);
  color:var(--white-k7m);position:relative;overflow:hidden;
}

.cta-k7m::after{
  content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;
  background:rgba(255,255,255,.08);
}

.cta-inner-k7m{position:relative;z-index:1;text-align:center;max-width:880px;margin:0 auto}

.cta-title-k7m{font-size:clamp(1.6rem,3.6vw,2.6rem);font-weight:800;line-height:1.38}

.cta-text-k7m{margin-top:16px;color:rgba(255,255,255,.8)}

.cta-actions-k7m{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:32px}

.cta-k7m .btn{background:var(--white-k7m);color:var(--primary-deep-k7m);box-shadow:none}

.cta-k7m .btn:hover{background:var(--accent-soft-k7m);color:var(--accent-k7m)}

.cta-k7m .btn-alt-k7m{background:rgba(255,255,255,.1);color:var(--white-k7m);border-color:rgba(255,255,255,.55)}

.cta-k7m .btn-alt-k7m:hover{background:var(--white-k7m);color:var(--primary-deep-k7m)}

.foot-k7m{background:var(--night-k7m);color:#a9b4cf;padding:64px 0 0}

.foot-top-k7m{display:grid;grid-template-columns:1.7fr 1fr 1.1fr 1.4fr;gap:38px;padding-bottom:46px}

.foot-logo-k7m{width:52px;height:52px;object-fit:contain;margin-bottom:18px}

.foot-desc-k7m{font-size:.92rem;line-height:1.85}

.foot-social-k7m{display:flex;gap:12px;margin-top:22px}

.foot-social-link-k7m{
  width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:rgba(255,255,255,.07);color:#cfd8ef;transition:background .25s ease,color .25s ease,transform .25s ease;
}

.foot-social-link-k7m:hover{background:var(--primary-k7m);color:var(--white-k7m);transform:translateY(-4px)}

.foot-col-k7m{display:flex;flex-direction:column;gap:12px}

.foot-title-k7m{color:var(--white-k7m);font-size:1.02rem;font-weight:700;margin-bottom:6px}

.foot-link-k7m{font-size:.92rem;color:#a9b4cf;transition:color .25s ease,padding-left .25s ease}

.foot-link-k7m:hover{color:var(--white-k7m);padding-left:6px}

.foot-text-k7m{font-size:.92rem;line-height:1.8}

.foot-bottom-k7m{
  border-top:1px solid rgba(255,255,255,.1);padding:22px 0;display:flex;flex-wrap:wrap;
  gap:12px;justify-content:space-between;align-items:center;
}

.foot-copy-k7m{font-size:.85rem;color:#8592b0}

.top-btn-k7m{
  position:fixed;right:22px;bottom:26px;z-index:70;width:46px;height:46px;border:none;
  border-radius:50%;background:var(--primary-k7m);color:var(--white-k7m);cursor:pointer;
  box-shadow:0 14px 26px -14px rgba(27,77,245,.9);
  opacity:0;visibility:hidden;transform:translateY(14px);
  transition:opacity .3s ease,transform .3s ease,visibility .3s ease,background .3s ease;
}

.top-btn-k7m:hover{background:var(--accent-k7m)}

.top-show-k7m{opacity:1;visibility:visible;transform:none}

.story-k7m,.expertise-k7m,.edge-k7m,.crew-k7m,.journey-k7m,.updates-k7m,.voices-k7m,.allies-k7m,.queries-k7m,.laurels-k7m,.reach-k7m,.story-body-k7m,.foot-brand-k7m,.reach-body-k7m,.voices-info-k7m{position:relative;min-width:0}

.showcase-time-k7m,.updates-time-k7m,.listing-time-k7m{color:var(--muted-k7m)}

.listing-k7m{padding:70px 0 90px}

.listing-head-k7m{max-width:820px;margin:0 auto 48px;text-align:center}

.listing-crumb-k7m{font-size:.85rem;color:var(--muted-k7m);margin-bottom:14px}

.listing-crumb-k7m a{color:var(--primary-k7m)}

.listing-name-k7m{font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:800;line-height:1.35}

.listing-desc-k7m{margin-top:14px;color:var(--muted-k7m)}

.listing-grid-k7m{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}

.listing-card-k7m{
  background:var(--white-k7m);border:1px solid var(--line-k7m);border-radius:16px;overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .35s ease,box-shadow .35s ease;
}

.listing-card-k7m:hover{transform:translateY(-8px);box-shadow:var(--shadow-k7m)}

.listing-thumb-k7m{display:block;overflow:hidden;background:#eef1fa}

.listing-thumb-k7m img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .6s ease}

.listing-card-k7m:hover .listing-thumb-k7m img{transform:scale(1.07)}

.listing-body-k7m{padding:24px 24px 26px;display:flex;flex-direction:column;gap:12px;flex:1}

.listing-meta-k7m{display:flex;gap:14px;font-size:.82rem;color:var(--muted-k7m)}

.listing-author-k7m{color:var(--primary-k7m);font-weight:600}

.listing-card-name-k7m{font-size:1.14rem;font-weight:700;line-height:1.5}

.listing-card-name-k7m a:hover{color:var(--primary-k7m)}

.listing-time-k7m{color:var(--muted-k7m)}

.listing-text-k7m{color:var(--muted-k7m);font-size:.94rem;flex:1}

.listing-more-k7m{font-size:.9rem;font-weight:600;color:var(--primary-k7m);display:inline-flex;align-items:center;gap:8px}

.listing-more-k7m i{transition:transform .3s ease}

.listing-more-k7m:hover i{transform:translateX(5px)}

.reading-k7m{padding:64px 0 90px}

.reading-wrap-k7m{max-width:880px;margin:0 auto}

.reading-crumb-k7m{font-size:.85rem;color:var(--muted-k7m);margin-bottom:22px}

.reading-crumb-k7m a{color:var(--primary-k7m)}

.reading-head-k7m{text-align:center;margin-bottom:34px}

.reading-label-k7m{display:inline-block;font-size:.82rem;font-weight:700;letter-spacing:.18em;color:var(--accent-k7m);margin-bottom:12px}

.reading-title-k7m{font-size:clamp(1.7rem,3.8vw,2.6rem);font-weight:800;line-height:1.4}

.reading-meta-k7m{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:16px;color:var(--muted-k7m);font-size:.88rem}

.reading-meta-k7m span{display:inline-flex;align-items:center;gap:7px}

.reading-cover-k7m{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;box-shadow:var(--shadow-k7m)}

.reading-body-k7m{
  margin-top:34px;background:var(--white-k7m);border:1px solid var(--line-k7m);border-radius:18px;
  padding:38px 40px;font-size:1.02rem;color:var(--ink-soft-k7m);line-height:2;
}

.reading-body-k7m h2{font-size:1.35rem;color:var(--ink-k7m);margin:30px 0 14px;font-weight:800}

.reading-body-k7m h3{font-size:1.12rem;color:var(--ink-k7m);margin:24px 0 12px;font-weight:700}

.reading-body-k7m p{margin-bottom:16px}

.reading-body-k7m img{border-radius:14px;margin:20px 0}

.reading-body-k7m ul{list-style:disc;padding-left:22px;margin:0 0 16px}

.reading-body-k7m li{margin-bottom:8px}

.reading-nav-k7m{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}

.reading-nav-link-k7m{
  background:var(--white-k7m);border:1px solid var(--line-k7m);border-radius:14px;padding:20px 24px;
  display:flex;flex-direction:column;gap:6px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}

.reading-nav-link-k7m:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft-k7m);border-color:rgba(27,77,245,.3)}

.reading-nav-label-k7m{font-size:.8rem;color:var(--muted-k7m);letter-spacing:.08em}

.reading-nav-text-k7m{font-weight:700;color:var(--primary-k7m);font-size:.98rem}

.reading-nav-next-k7m{text-align:right}

.reading-foot-k7m{margin-top:38px;text-align:center}

@media (max-width:1080px){
  .expertise-grid-k7m{grid-template-columns:repeat(3,1fr)}
  .allies-grid-k7m{grid-template-columns:repeat(4,1fr)}
  .foot-top-k7m{grid-template-columns:1.4fr 1fr 1fr}
  .foot-col-k7m:last-child{grid-column:1/-1}
  .journey-track-k7m{grid-template-columns:repeat(3,1fr);row-gap:34px}
  .journey-track-k7m::before{display:none}
}

@media (max-width:920px){
  .band-k7m{padding:68px 0}
  .showcase-grid-k7m,.updates-grid-k7m,.listing-grid-k7m{grid-template-columns:repeat(2,1fr)}
  .expertise-grid-k7m{grid-template-columns:repeat(2,1fr)}
  .crew-grid-k7m{grid-template-columns:repeat(2,1fr)}
  .edge-grid-k7m{grid-template-columns:repeat(2,1fr)}
  .laurels-grid-k7m{grid-template-columns:repeat(2,1fr)}
  .story-grid-k7m{grid-template-columns:1fr;gap:34px}
  .reach-grid-k7m{grid-template-columns:1fr}
  .hero-metrics-k7m{grid-template-columns:repeat(2,1fr)}
  .nav-toggle-k7m{display:grid;place-items:center}
  .nav-menu-k7m{
    position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:2px;
    background:var(--white-k7m);border-bottom:1px solid var(--line-k7m);padding:12px 22px 20px;
    display:none;box-shadow:var(--shadow-soft-k7m);
  }
  .nav-open-k7m{display:flex}
  .nav-link-k7m{padding:12px 14px;border-radius:12px}
  .nav-link-k7m::after{display:none}
  .nav-brand-k7m{max-width:75%}
  .nav-name-k7m{font-size:.92rem}
}

@media (max-width:640px){
  .showcase-grid-k7m,.updates-grid-k7m,.listing-grid-k7m,.expertise-grid-k7m,.crew-grid-k7m,
  .edge-grid-k7m,.laurels-grid-k7m,.voices-grid-k7m,.queries-grid-k7m,.allies-grid-k7m,
  .journey-track-k7m,.hero-metrics-k7m,.reading-nav-k7m{grid-template-columns:1fr}
  .allies-grid-k7m{grid-template-columns:repeat(2,1fr)}
  .hero-inner-k7m{padding:96px 0 92px}
  .reading-body-k7m{padding:26px 22px}
  .foot-top-k7m{grid-template-columns:1fr}
  .foot-bottom-k7m{flex-direction:column;align-items:flex-start}
}
