:root{
  --primary:#4f6bff;
  --primary-strong:#3350ff;
  --primary-deep:#2536b8;
  --primary-soft:rgba(79,107,255,.16);
  --accent:#ffb02e;
  --accent-strong:#f59d00;
  --accent-soft:rgba(255,176,46,.16);
  --bg:#0e1018;
  --bg-deep:#080a11;
  --tint:#151a28;
  --tint-2:#1c2233;
  --ink:#eef1f8;
  --ink-soft:#c4cbd9;
  --muted:#8e97ad;
  --line:rgba(255,255,255,.10);
  --line-strong:rgba(255,255,255,.18);
  --radius:14px;
  --radius-sm:10px;
  --pill:999px;
  --shadow:0 26px 60px rgba(2,5,14,.55);
  --shadow-sm:0 14px 34px rgba(2,5,14,.38);
  --maxw:1220px;
  --ease:cubic-bezier(.22,.8,.28,1);
}

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

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:88px}

body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","Noto Sans SC",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:16px;
  line-height:1.78;
  letter-spacing:.01em;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(760px 480px at 88% -6%,rgba(79,107,255,.16),transparent 68%),
    radial-gradient(620px 420px at 4% 12%,rgba(255,176,46,.09),transparent 70%);
}

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

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

h1,h2,h3,h4,h5{margin:0 0 .6em;line-height:1.28;font-weight:800;letter-spacing:-.01em}

p{margin:0 0 1.05em}

ul{margin:0;padding:0;list-style:none}

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

.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:2}

.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:10px;
  padding:14px 30px;
  border-radius:var(--pill);
  border:1px solid transparent;
  background:var(--primary);
  color:#fff;
  font-weight:700;
  font-size:15px;
  letter-spacing:.03em;
  cursor:pointer;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease);
  box-shadow:0 12px 28px rgba(79,107,255,.34);
}

.btn:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(79,107,255,.44)}

.btn[data-variant="ghost"]{
  background:rgba(255,255,255,.06);
  color:var(--ink);
  border-color:var(--line-strong);
  box-shadow:none;
  backdrop-filter:blur(8px);
}

.btn[data-variant="ghost"]:hover{background:rgba(255,255,255,.12);border-color:var(--primary)}

.btn[data-variant="accent"]{
  background:var(--accent);
  color:#20160a;
  box-shadow:0 12px 28px rgba(255,176,46,.32);
}

.btn[data-variant="accent"]:hover{box-shadow:0 18px 36px rgba(255,176,46,.42)}

.btn[data-variant="quiet"]{
  background:transparent;
  color:var(--primary);
  border-color:var(--primary-soft);
  box-shadow:none;
  padding:11px 22px;
}

.btn[data-variant="quiet"]:hover{background:var(--primary-soft)}

[data-block]{padding:96px 0;position:relative;z-index:2}

[data-tone="base"]{background:var(--bg)}

[data-tone="tint"]{background:var(--tint)}

[data-tone="deep"]{background:var(--bg-deep)}

[data-tone="mist"]{background:linear-gradient(180deg,var(--tint) 0%,var(--bg) 100%)}

.blockhead-h7q{max-width:760px;margin:0 auto 54px;text-align:center}

.blockhead-h7q .kicker-h7q{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 16px;
  margin-bottom:18px;
  border-radius:var(--pill);
  background:var(--primary-soft);
  color:#b9c4ff;
  font-size:13px;
  font-weight:700;
  letter-spacing:.14em;
}

.blockhead-h7q .kicker-h7q::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}

.blockhead-h7q h2{font-size:clamp(26px,3.4vw,40px)}

.blockhead-h7q p{color:var(--muted);margin:0}

[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .75s var(--ease),transform .75s var(--ease)}

[data-reveal="left"]{transform:translateX(-32px)}

[data-reveal="right"]{transform:translateX(32px)}

[data-reveal="zoom"]{transform:scale(.94)}

[data-reveal].shown-h7q{opacity:1;transform:none}

/* ============ masthead ============ */
.masthead-h7q{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:120;
  background:rgba(10,12,20,.72);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid transparent;
  transition:background .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease);
}

.masthead-h7q[data-stuck="true"]{background:rgba(8,10,17,.94);border-bottom-color:var(--line);box-shadow:0 12px 40px rgba(0,0,0,.36)}

.masthead-h7q .container{display:flex;align-items:center;gap:24px;height:76px;transition:height .4s var(--ease)}

.brand-h7q{display:flex;align-items:center;gap:12px;flex-shrink:0}

.brand-h7q img{width:42px;height:42px;border-radius:11px;object-fit:contain;background:rgba(255,255,255,.06);padding:4px}

.brandtext-h7q{display:flex;flex-direction:column;line-height:1.25;max-width:330px}

.brandtext-h7q strong{font-size:13px;font-weight:800;letter-spacing:.01em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.brandtext-h7q em{font-style:normal;font-size:11px;color:var(--muted);letter-spacing:.16em}

.navbar-h7q{margin-left:auto}

.navbar-h7q ul{display:flex;align-items:center;gap:6px}

.navlink-h7q{
  position:relative;
  display:inline-block;
  padding:9px 16px;
  border-radius:var(--pill);
  font-size:15px;
  font-weight:600;
  color:var(--ink-soft);
  transition:color .3s var(--ease),background .3s var(--ease);
}

.navlink-h7q::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:3px;
  width:0;
  height:2px;
  border-radius:2px;
  background:var(--accent);
  transform:translateX(-50%);
  transition:width .32s var(--ease);
}

.navlink-h7q:hover{color:#fff;background:rgba(255,255,255,.05)}

.navlink-h7q:hover::after{width:22px}

.navlink-h7q[data-active="true"]{color:#fff}

.navlink-h7q[data-active="true"]::after{width:22px}

.menutoggle-h7q{
  display:none;
  margin-left:auto;
  width:44px;
  height:44px;
  border-radius:12px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
  color:var(--ink);
  cursor:pointer;
  font-size:17px;
}

/* ============ hero ============ */
.hero-h7q{
  position:relative;
  z-index:2;
  min-height:100vh;
  display:flex;
  align-items:center;
  padding:140px 0 90px;
  overflow:hidden;
  background:
    radial-gradient(900px 560px at 50% 18%,rgba(79,107,255,.24),transparent 70%),
    radial-gradient(700px 480px at 84% 78%,rgba(255,176,46,.14),transparent 72%),
    var(--bg-deep);
}

.herobg-h7q{position:absolute;inset:0;overflow:hidden;z-index:0}

.herobgitem-h7q{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  filter:saturate(.85) contrast(1.05);
  animation:herofade 18s linear infinite;
}

.herobgitem-h7q:nth-of-type(1){animation-delay:0s}

.herobgitem-h7q:nth-of-type(2){animation-delay:9s}

@keyframes herofade{
  0%{opacity:.52;transform:scale(1.14)}
  45%{opacity:.52;transform:scale(1.03)}
  50%{opacity:0;transform:scale(1.03)}
  95%{opacity:0;transform:scale(1.14)}
  100%{opacity:.52;transform:scale(1.14)}
}

.heroveil-h7q{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(8,10,17,.86) 0%,rgba(8,10,17,.62) 40%,rgba(8,10,17,.9) 100%);
}

.hero-h7q .container{text-align:center;z-index:3}

.herokicker-h7q{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 20px;
  border-radius:var(--pill);
  border:1px solid rgba(255,176,46,.34);
  background:rgba(255,176,46,.1);
  color:#ffd694;
  font-size:13px;
  font-weight:700;
  letter-spacing:.16em;
  margin-bottom:26px;
}

.herokicker-h7q i{color:var(--accent)}

.herotitle-h7q{
  font-size:clamp(30px,5.4vw,62px);
  line-height:1.16;
  margin-bottom:22px;
  text-shadow:0 14px 44px rgba(0,0,0,.5);
}

.herotitle-h7q span{
  background:linear-gradient(92deg,var(--accent) 0%,#ffe1a8 48%,var(--primary) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.herolead-h7q{
  max-width:720px;
  margin:0 auto 34px;
  font-size:clamp(15px,1.5vw,18px);
  color:#d3d9e8;
}

.herobuttons-h7q{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:54px}

.herostats-h7q{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  max-width:940px;
  margin:0 auto;
  padding:26px 22px;
  border-radius:20px;
  border:1px solid var(--line);
  background:rgba(18,22,34,.62);
  backdrop-filter:blur(10px);
}

.herostats-h7q li strong{display:block;font-size:clamp(22px,2.6vw,32px);color:var(--accent);line-height:1.2}

.herostats-h7q li span{font-size:13px;color:var(--muted)}

/* ============ story ============ */
.story-h7q{overflow:hidden}

.storygrid-h7q{display:grid;grid-template-columns:1.02fr 1fr;gap:60px;align-items:center}

.storymedia-h7q{position:relative}

.storymedia-h7q img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow)}

.storymedia-h7q::before{
  content:"";
  position:absolute;
  inset:auto -18px -18px auto;
  width:62%;
  height:62%;
  border-radius:var(--radius);
  border:2px solid var(--primary);
  opacity:.5;
  z-index:-1;
}

.storybadge-h7q{
  position:absolute;
  left:-14px;
  bottom:28px;
  padding:16px 22px;
  border-radius:16px;
  background:rgba(12,15,25,.92);
  border:1px solid var(--line-strong);
  box-shadow:var(--shadow-sm);
}

.storybadge-h7q strong{display:block;font-size:26px;color:var(--accent);line-height:1.2}

.storybadge-h7q span{font-size:12px;color:var(--muted);letter-spacing:.1em}

.storybody-h7q h2{font-size:clamp(26px,3.4vw,40px)}

.storybody-h7q > p{color:var(--muted)}

.storylist-h7q{display:grid;gap:16px;margin:26px 0 30px}

.storylist-h7q li{display:flex;gap:14px;align-items:flex-start}

.storylist-h7q i{
  flex-shrink:0;
  width:40px;
  height:40px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:var(--primary-soft);
  color:#a9b6ff;
  font-size:16px;
}

.storylist-h7q h4{margin:0 0 3px;font-size:16px}

.storylist-h7q p{margin:0;font-size:14px;color:var(--muted)}

/* ============ expertise ============ */
.expertisegrid-h7q{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}

.expertiseitem-h7q{
  padding:32px 26px;
  border-radius:var(--radius);
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  transition:transform .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease);
}

.expertiseitem-h7q:hover{transform:translateY(-8px);border-color:rgba(79,107,255,.55);box-shadow:var(--shadow)}

.expertiseitem-h7q i{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  margin-bottom:18px;
  border-radius:15px;
  background:linear-gradient(135deg,var(--primary),var(--primary-deep));
  color:#fff;
  font-size:20px;
  box-shadow:0 12px 26px rgba(79,107,255,.3);
}

.expertiseitem-h7q h3{font-size:18px;margin-bottom:8px}

.expertiseitem-h7q p{margin:0;font-size:14px;color:var(--muted)}

/* ============ edge ============ */
.edgegrid-h7q{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

.edgeitem-h7q{
  position:relative;
  padding:30px 26px 28px;
  border-radius:var(--radius);
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  overflow:hidden;
  transition:border-color .45s var(--ease),transform .45s var(--ease);
}

.edgeitem-h7q::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg,var(--accent),var(--primary));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .5s var(--ease);
}

.edgeitem-h7q:hover{border-color:rgba(255,176,46,.5);transform:translateY(-6px)}

.edgeitem-h7q:hover::before{transform:scaleX(1)}

.edgeitem-h7q i{font-size:26px;color:var(--accent);margin-bottom:14px}

.edgeitem-h7q h3{font-size:18px;margin-bottom:8px}

.edgeitem-h7q p{margin:0;font-size:14px;color:var(--muted)}

/* ============ showcase ============ */
.showcasegrid-h7q{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

.showcasecard-h7q{
  display:flex;
  flex-direction:column;
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease);
}

.showcasecard-h7q:hover{transform:translateY(-8px);border-color:rgba(79,107,255,.5);box-shadow:var(--shadow)}

.showcasecard-h7q img{width:100%;aspect-ratio:16/10;object-fit:cover}

.showcasebody-h7q{padding:24px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}

.showcasemeta-h7q{display:flex;gap:14px;align-items:center;font-size:13px;color:var(--muted)}

.showcasemeta-h7q span{display:inline-flex;gap:6px;align-items:center}

.showcasebody-h7q h3{font-size:19px;margin:0}

.showcasebody-h7q p{margin:0;font-size:14px;color:var(--muted);flex:1}

.showcasemore-h7q{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:14px;font-weight:700}

.showcasemore-h7q i{transition:transform .35s var(--ease)}

.showcasecard-h7q:hover .showcasemore-h7q i{transform:translateX(6px)}

/* ============ updates ============ */
.updatesgrid-h7q{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

.updatescard-h7q{
  display:flex;
  flex-direction:column;
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  transition:transform .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease);
}

.updatescard-h7q:hover{transform:translateY(-8px);border-color:rgba(255,176,46,.45);box-shadow:var(--shadow)}

.updatescard-h7q img{width:100%;aspect-ratio:16/9;object-fit:cover}

.updatesbody-h7q{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}

.updatesbody-h7q h3{font-size:18px;margin:0}

.updatesbody-h7q p{margin:0;font-size:14px;color:var(--muted);flex:1}

.updatestag-h7q{
  align-self:flex-start;
  padding:5px 13px;
  border-radius:var(--pill);
  background:var(--accent-soft);
  color:#ffd08a;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
}

/* ============ journey ============ */
.journeygrid-h7q{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;position:relative}

.journeygrid-h7q::before{
  content:"";
  position:absolute;
  top:26px;
  left:6%;
  right:6%;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--primary),var(--accent),transparent);
  opacity:.45;
}

.journeyitem-h7q{position:relative;text-align:center}

.journeyitem-h7q i{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  margin:0 auto 18px;
  border-radius:50%;
  background:var(--bg);
  border:2px solid var(--primary);
  color:#b9c4ff;
  font-size:17px;
  transition:transform .4s var(--ease),background .4s var(--ease),color .4s var(--ease);
}

.journeyitem-h7q:hover i{transform:translateY(-6px) scale(1.06);background:var(--primary);color:#fff}

.journeyitem-h7q h3{font-size:17px;margin-bottom:8px}

.journeyitem-h7q p{margin:0;font-size:13.5px;color:var(--muted)}

/* ============ crew ============ */
.crewgrid-h7q{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}

.crewmember-h7q{text-align:center}

.crewmember-h7q img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:50%;
  border:3px solid rgba(79,107,255,.35);
  transition:transform .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease);
}

.crewmember-h7q:hover img{transform:translateY(-8px) scale(1.03);border-color:var(--accent);box-shadow:0 18px 40px rgba(0,0,0,.5)}

.crewmember-h7q h3{font-size:16px;margin:16px 0 4px}

.crewmember-h7q span{font-size:13px;color:var(--accent)}

.crewmember-h7q p{margin:10px 0 0;font-size:13px;color:var(--muted)}

/* ============ voices ============ */
.voicesgrid-h7q{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

.voiceitem-h7q{
  padding:28px 26px;
  border-radius:var(--radius);
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  transition:transform .45s var(--ease),border-color .45s var(--ease);
}

.voiceitem-h7q:hover{transform:translateY(-6px);border-color:rgba(79,107,255,.5)}

.voicehead-h7q{display:flex;align-items:center;gap:14px;margin-bottom:16px}

.voicehead-h7q img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,176,46,.4)}

.voicehead-h7q h3{font-size:16px;margin:0 0 2px}

.voicehead-h7q span{font-size:12.5px;color:var(--muted)}

.voicestars-h7q{color:var(--accent);font-size:13px;letter-spacing:.14em;margin-bottom:10px}

.voiceitem-h7q > p{margin:0;font-size:14.5px;color:var(--ink-soft)}

/* ============ queries ============ */
.querieswrap-h7q{display:grid;grid-template-columns:.86fr 1.14fr;gap:50px;align-items:start}

.queriesintro-h7q h2{font-size:clamp(24px,3vw,34px)}

.queriesintro-h7q p{color:var(--muted)}

.querieslist-h7q{display:grid;gap:14px}

.querieslist-h7q details{
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:rgba(255,255,255,.032);
  padding:4px 20px;
  transition:border-color .4s var(--ease),background .4s var(--ease);
}

.querieslist-h7q details[open]{border-color:rgba(79,107,255,.5);background:rgba(79,107,255,.07)}

.querieslist-h7q summary{
  cursor:pointer;
  list-style:none;
  padding:16px 0;
  font-weight:700;
  font-size:16px;
  position:relative;
  padding-right:32px;
}

.querieslist-h7q summary::-webkit-details-marker{display:none}

.querieslist-h7q summary::after{
  content:"\f078";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  color:var(--accent);
  font-size:13px;
  transition:transform .35s var(--ease);
}

.querieslist-h7q details[open] summary::after{transform:translateY(-50%) rotate(180deg)}

.querieslist-h7q p{margin:0 0 16px;font-size:14.5px;color:var(--muted)}

/* ============ allies ============ */
.alliesgrid-h7q{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}

.allyitem-h7q{
  display:grid;
  place-items:center;
  height:104px;
  padding:16px;
  border-radius:var(--radius-sm);
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  transition:transform .42s var(--ease),border-color .42s var(--ease),background .42s var(--ease);
}

.allyitem-h7q:hover{transform:translateY(-6px);border-color:rgba(255,176,46,.45);background:rgba(255,255,255,.07)}

.allyitem-h7q img{max-height:58px;width:auto;object-fit:contain;filter:grayscale(.25);transition:filter .42s var(--ease),transform .42s var(--ease)}

.allyitem-h7q:hover img{filter:none;transform:scale(1.06)}

/* ============ laurels ============ */
.laurelsgrid-h7q{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}

.laurelsitem-h7q{
  padding:30px 26px;
  border-radius:var(--radius);
  border:1px solid var(--line);
  background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.01));
  text-align:center;
  transition:transform .45s var(--ease),border-color .45s var(--ease);
}

.laurelsitem-h7q:hover{transform:translateY(-8px);border-color:rgba(79,107,255,.5)}

.laurelsitem-h7q i{display:block;font-size:24px;color:var(--accent);margin-bottom:14px}

.laurelsitem-h7q strong{display:block;font-size:clamp(30px,3.6vw,44px);line-height:1.1;background:linear-gradient(92deg,#fff,#b9c4ff);-webkit-background-clip:text;background-clip:text;color:transparent}

.laurelsitem-h7q h3{font-size:16px;margin:8px 0 6px}

.laurelsitem-h7q p{margin:0;font-size:13px;color:var(--muted)}

/* ============ cta ============ */
.cta-h7q{
  position:relative;
  overflow:hidden;
  padding:88px 0;
  background:
    radial-gradient(720px 340px at 16% 20%,rgba(79,107,255,.42),transparent 68%),
    radial-gradient(620px 320px at 86% 82%,rgba(255,176,46,.3),transparent 70%),
    var(--bg-deep);
}

.cta-h7q::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(circle at 50% 50%,#000,transparent 78%);
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000,transparent 78%);
}

.cta-h7q .container{text-align:center;z-index:3}

.ctatitle-h7q{font-size:clamp(26px,4.2vw,46px);margin-bottom:18px}

.ctatitle-h7q span{background:linear-gradient(92deg,var(--accent),#ffe0a6);-webkit-background-clip:text;background-clip:text;color:transparent}

.ctalead-h7q{max-width:640px;margin:0 auto 32px;color:var(--ink-soft)}

.ctabuttons-h7q{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}

/* ============ reach ============ */
.reachgrid-h7q{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:start}

.reachinfo-h7q h2{font-size:clamp(26px,3.4vw,38px)}

.reachinfo-h7q > p{color:var(--muted)}

.reachlist-h7q{display:grid;gap:18px;margin:28px 0 0}

.reachlist-h7q li{display:flex;gap:16px;align-items:flex-start}

.reachlist-h7q i{
  flex-shrink:0;
  width:46px;
  height:46px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:var(--primary-soft);
  color:#a9b6ff;
  font-size:17px;
}

.reachlist-h7q h3{font-size:16px;margin:0 0 4px}

.reachlist-h7q p{margin:0;font-size:14px;color:var(--muted);word-break:break-all}

.reachform-h7q{
  padding:32px;
  border-radius:20px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  box-shadow:var(--shadow-sm);
}

.reachform-h7q h3{font-size:20px;margin-bottom:6px}

.reachform-h7q > p{font-size:13.5px;color:var(--muted);margin-bottom:22px}

.formgrid-h7q{display:grid;gap:16px}

.formrow-h7q{display:grid;grid-template-columns:1fr 1fr;gap:16px}

.formfield-h7q{display:flex;flex-direction:column;gap:7px}

.formfield-h7q label{font-size:13.5px;font-weight:600;color:var(--ink-soft)}

.formfield-h7q input,.formfield-h7q textarea,.formfield-h7q select{
  width:100%;
  padding:12px 15px;
  border-radius:var(--radius-sm);
  border:1px solid var(--line);
  background:rgba(8,10,17,.6);
  color:var(--ink);
  outline:none;
  transition:border-color .3s var(--ease),box-shadow .3s var(--ease);
}

.formfield-h7q input:focus,.formfield-h7q textarea:focus,.formfield-h7q select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}

.formfield-h7q textarea{resize:vertical;min-height:130px}

.formfield-h7q select option{background:#111524;color:var(--ink)}

.reachform-h7q .btn{width:100%}

/* ============ footer ============ */
.footer-h7q{
  position:relative;
  z-index:2;
  background:var(--bg-deep);
  border-top:1px solid var(--line);
  padding:70px 0 0;
}

.footergrid-h7q{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:46px}

.footerbrand-h7q p{margin:18px 0 20px;font-size:14px;color:var(--muted);max-width:330px}

.footersocial-h7q{display:flex;gap:10px}

.footersocial-h7q a{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:12px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  color:var(--ink-soft);
  transition:background .32s var(--ease),color .32s var(--ease),transform .32s var(--ease),border-color .32s var(--ease);
}

.footersocial-h7q a:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-4px)}

.footerlinks-h7q h3,.footercol-h7q h3{font-size:16px;margin-bottom:18px}

.footerlinks-h7q h3::after,.footercol-h7q h3::after{content:"";display:block;width:34px;height:3px;border-radius:3px;background:var(--accent);margin-top:10px}

.footerlinks-h7q ul,.footercol-h7q ul{display:grid;gap:11px}

.footerlinks-h7q a,.footercol-h7q a{font-size:14px;color:var(--muted);transition:color .3s var(--ease),padding-left .3s var(--ease)}

.footerlinks-h7q a:hover,.footercol-h7q a:hover{color:var(--accent);padding-left:6px}

.footercol-h7q li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted)}

.footercol-h7q li i{color:var(--primary);margin-top:5px}

.footerbar-h7q{
  border-top:1px solid var(--line);
  padding:22px 0;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:space-between;
  font-size:13px;
  color:var(--muted);
}

.footerbar-h7q p{margin:0}

/* ============ page head (inner pages) ============ */
.pagehead-h7q{
  position:relative;
  z-index:2;
  padding:150px 0 70px;
  text-align:center;
  background:
    radial-gradient(760px 380px at 50% 0%,rgba(79,107,255,.3),transparent 72%),
    linear-gradient(180deg,var(--bg-deep),var(--bg));
}

.pagehead-h7q .kicker-h7q{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 16px;
  margin-bottom:18px;
  border-radius:var(--pill);
  background:var(--primary-soft);
  color:#b9c4ff;
  font-size:13px;
  font-weight:700;
  letter-spacing:.14em;
}

.pagehead-h7q h1{font-size:clamp(28px,4.4vw,50px);margin-bottom:16px}

.pagehead-h7q p{max-width:760px;margin:0 auto;color:var(--muted);font-size:16px}

.crumb-h7q{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:22px;font-size:13.5px;color:var(--muted)}

.crumb-h7q a:hover{color:var(--accent)}

/* ============ listing ============ */
.listinggrid-h7q{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

.listingcard-h7q{
  display:flex;
  flex-direction:column;
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--line);
  background:rgba(255,255,255,.032);
  transition:transform .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease);
}

.listingcard-h7q:hover{transform:translateY(-8px);border-color:rgba(79,107,255,.5);box-shadow:var(--shadow)}

.listingcard-h7q img{width:100%;aspect-ratio:16/10;object-fit:cover}

.listingbody-h7q{padding:24px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}

.listingmeta-h7q{display:flex;gap:16px;align-items:center;font-size:13px;color:var(--muted);flex-wrap:wrap}

.listingmeta-h7q span{display:inline-flex;gap:6px;align-items:center}

.listingbody-h7q h3{font-size:19px;margin:0}

.listingbody-h7q p{margin:0;font-size:14px;color:var(--muted);flex:1}

.listingfoot-h7q{display:flex;justify-content:space-between;align-items:center;margin-top:6px}

.listingtag-h7q{padding:5px 12px;border-radius:var(--pill);background:var(--primary-soft);color:#b9c4ff;font-size:12px;font-weight:700}

.listinglink-h7q{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--accent)}

.listinglink-h7q i{transition:transform .35s var(--ease)}

.listingcard-h7q:hover .listinglink-h7q i{transform:translateX(6px)}

.listingside-h7q{
  margin-top:60px;
  padding:30px 32px;
  border-radius:20px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  align-items:center;
  justify-content:space-between;
}

.listingside-h7q h3{margin:0;font-size:19px}

.listingside-h7q p{margin:0;font-size:14px;color:var(--muted)}

/* ============ reading ============ */
.readingwrap-h7q{max-width:880px;margin:0 auto}

.readinghead-h7q{text-align:center;margin-bottom:44px}

.readingtag-h7q{
  display:inline-flex;
  padding:6px 15px;
  border-radius:var(--pill);
  background:var(--accent-soft);
  color:#ffd08a;
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.1em;
  margin-bottom:18px;
}

.readinghead-h7q h1{font-size:clamp(26px,4vw,44px);margin-bottom:18px}

.readingmeta-h7q{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;font-size:13.5px;color:var(--muted)}

.readingmeta-h7q span{display:inline-flex;gap:7px;align-items:center}

.readingcover-h7q{margin:0 0 38px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}

.readingcover-h7q img{width:100%;aspect-ratio:16/9;object-fit:cover}

.readingbody-h7q{font-size:16.5px;color:var(--ink-soft)}

.readingbody-h7q h2{font-size:24px;margin:38px 0 14px;color:var(--ink)}

.readingbody-h7q h3{font-size:19px;margin:30px 0 12px;color:var(--ink)}

.readingbody-h7q p{margin:0 0 18px}

.readingbody-h7q ul{display:grid;gap:10px;margin:0 0 22px;padding-left:4px}

.readingbody-h7q li{display:flex;gap:12px;align-items:flex-start}

.readingbody-h7q li::before{content:"";flex-shrink:0;width:8px;height:8px;margin-top:10px;border-radius:50%;background:var(--accent)}

.readingbody-h7q blockquote{
  margin:30px 0;
  padding:24px 28px;
  border-left:4px solid var(--primary);
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  background:rgba(79,107,255,.08);
  font-size:16.5px;
  color:var(--ink);
}

.readingtags-h7q{display:flex;flex-wrap:wrap;gap:10px;margin:36px 0 0}

.readingtags-h7q span{padding:7px 15px;border-radius:var(--pill);border:1px solid var(--line);font-size:13px;color:var(--muted);transition:border-color .3s var(--ease),color .3s var(--ease)}

.readingtags-h7q span:hover{border-color:var(--accent);color:var(--accent)}

.readingnav-h7q{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:54px;padding-top:32px;border-top:1px solid var(--line)}

.readingnav-h7q a{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:20px 24px;
  border-radius:var(--radius-sm);
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  transition:border-color .35s var(--ease),transform .35s var(--ease);
}

.readingnav-h7q a:hover{border-color:rgba(79,107,255,.5);transform:translateY(-4px)}

.readingnav-h7q a[data-dir="next"]{text-align:right}

.readingnav-h7q small{font-size:12.5px;color:var(--muted);letter-spacing:.1em}

.readingnav-h7q strong{font-size:15.5px;font-weight:700}

/* ============ back to top ============ */
.totop-h7q{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:110;
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid var(--line-strong);
  background:rgba(18,22,34,.9);
  color:var(--accent);
  font-size:15px;
  cursor:pointer;
  opacity:0;
  pointer-events:none;
  transform:translateY(14px);
  transition:opacity .4s var(--ease),transform .4s var(--ease),background .3s var(--ease);
  backdrop-filter:blur(8px);
}

.totop-h7q[data-show="true"]{opacity:1;pointer-events:auto;transform:none}

.totop-h7q:hover{background:var(--primary);color:#fff}

/* ============ block roots ============ */
.story-h7q,.expertise-h7q,.edge-h7q,.showcase-h7q,.updates-h7q,.journey-h7q,.crew-h7q,.voices-h7q,.queries-h7q,.allies-h7q,.laurels-h7q,.reach-h7q,.listing-h7q,.reading-h7q{
  position:relative;
  z-index:2;
  scroll-margin-top:86px;
}

.story-h7q{overflow:hidden}

.expertise-h7q{overflow:hidden}

.edge-h7q{overflow:hidden}

.showcase-h7q{overflow:hidden}

.updates-h7q{overflow:hidden}

.journey-h7q{overflow:hidden}

.crew-h7q{overflow:hidden}

.voices-h7q{overflow:hidden}

.queries-h7q{overflow:hidden}

.allies-h7q{overflow:hidden}

.laurels-h7q{overflow:hidden}

.reach-h7q{overflow:hidden}

.listing-h7q{overflow:hidden}

.reading-h7q{overflow:hidden}

/* ============ responsive ============ */
@media (max-width:1180px){
  .expertisegrid-h7q{grid-template-columns:repeat(3,1fr)}
  .crewgrid-h7q,.alliesgrid-h7q{grid-template-columns:repeat(4,1fr)}
  .footergrid-h7q{grid-template-columns:1fr 1fr;gap:32px}
}

@media (max-width:1024px){
  [data-block]{padding:78px 0}
  .storygrid-h7q,.querieswrap-h7q,.reachgrid-h7q{grid-template-columns:1fr;gap:38px}
  .storymedia-h7q{max-width:560px}
  .expertisegrid-h7q,.edgegrid-h7q,.showcasegrid-h7q,.updatesgrid-h7q,.voicesgrid-h7q,.listinggrid-h7q{grid-template-columns:repeat(2,1fr)}
  .journeygrid-h7q{grid-template-columns:repeat(3,1fr);row-gap:34px}
  .journeygrid-h7q::before{display:none}
  .laurelsgrid-h7q{grid-template-columns:repeat(2,1fr)}
  .navbar-h7q{
    position:fixed;
    top:76px;
    left:0;
    right:0;
    background:rgba(10,12,20,.98);
    border-bottom:1px solid var(--line);
    padding:14px 24px 22px;
    display:none;
    backdrop-filter:blur(16px);
  }
  .navbar-h7q[data-open="true"]{display:block}
  .navbar-h7q ul{flex-direction:column;align-items:stretch;gap:4px}
  .navlink-h7q{display:block;padding:13px 14px;font-size:16px}
  .menutoggle-h7q{display:grid;place-items:center}
}

@media (max-width:760px){
  .container{padding:0 18px}
  [data-block]{padding:64px 0}
  .hero-h7q{min-height:auto;padding:130px 0 76px}
  .herostats-h7q{grid-template-columns:repeat(2,1fr);gap:20px 14px;padding:22px 18px}
  .expertisegrid-h7q,.edgegrid-h7q,.showcasegrid-h7q,.updatesgrid-h7q,.voicesgrid-h7q,.listinggrid-h7q,.laurelsgrid-h7q{grid-template-columns:1fr}
  .crewgrid-h7q,.alliesgrid-h7q{grid-template-columns:repeat(3,1fr)}
  .journeygrid-h7q{grid-template-columns:repeat(2,1fr)}
  .formrow-h7q{grid-template-columns:1fr}
  .reachform-h7q{padding:24px 20px}
  .readingnav-h7q{grid-template-columns:1fr}
  .readingnav-h7q a[data-dir="next"]{text-align:left}
  .footergrid-h7q{grid-template-columns:1fr}
  .footerbar-h7q{flex-direction:column;gap:6px}
  .brandtext-h7q{max-width:190px}
  .brandtext-h7q strong{font-size:11.5px}
  .brandtext-h7q em{font-size:10px}
  .listingside-h7q{flex-direction:column;align-items:flex-start}
}

@media (max-width:480px){
  .crewgrid-h7q,.alliesgrid-h7q{grid-template-columns:repeat(2,1fr)}
  .herobuttons-h7q .btn{width:100%}
  .pagehead-h7q{padding:126px 0 56px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  [data-reveal]{opacity:1;transform:none}
}
