@charset "UTF-8";

:root{
  --primary:#5b3df5;
  --primary-deep:#4025cf;
  --primary-soft:#efecfe;
  --accent:#00d68f;
  --accent-deep:#00b377;
  --ink:#141a33;
  --ink-soft:#5c6382;
  --line:#e5e8f4;
  --bg:#f2f4fa;
  --white:#ffffff;
  --radius:18px;
  --radius-img:10px;
  --shadow:0 20px 46px rgba(20,26,51,.09);
  --shadow-soft:0 10px 26px rgba(20,26,51,.06);
  --radius-avatar:50%;
  --wrap:1200px;
}

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

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

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

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

a{text-decoration:none;color:inherit;transition:color .25s ease,opacity .25s ease;}

h1,h2,h3,h4,h5{margin:0;font-weight:700;line-height:1.35;color:var(--ink);}

p{margin:0 0 1em;}

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

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

.container{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px;}

.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:14px 30px;border-radius:999px;border:1px solid transparent;
  background:var(--primary);color:#fff;font-weight:600;font-size:15px;letter-spacing:.5px;
  cursor:pointer;transition:transform .28s ease,box-shadow .28s ease,background .28s ease,color .28s ease;
  box-shadow:0 12px 26px rgba(91,61,245,.28);
}
.btn:hover{background:var(--primary-deep);transform:translateY(-3px);box-shadow:0 18px 34px rgba(91,61,245,.34);}
.btnghost-q7x{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.55);box-shadow:none;}
.btnghost-q7x:hover{background:rgba(255,255,255,.24);color:#fff;}
.btnaccent-q7x{background:var(--accent);box-shadow:0 12px 26px rgba(0,214,143,.3);}
.btnaccent-q7x:hover{background:var(--accent-deep);}
.btnplain-q7x{background:#fff;color:var(--primary);border-color:var(--line);box-shadow:var(--shadow-soft);}
.btnplain-q7x:hover{background:var(--primary);color:#fff;border-color:var(--primary);}

[data-anim]{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .75s cubic-bezier(.22,.61,.36,1);}
[data-anim].animin-q7x{opacity:1;transform:none;}

.masthead-q7x{
  position:fixed;top:0;left:0;right:0;z-index:90;
  background:rgba(255,255,255,.92);backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;transition:box-shadow .3s ease,background .3s ease,border-color .3s ease;
}
.masthead-q7x.mastheadstuck-q7x{box-shadow:0 10px 30px rgba(20,26,51,.09);border-color:var(--line);}
.navline-q7x{display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px;}
.brandmark-q7x{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.brandlogo-q7x{width:44px;height:44px;border-radius:12px;object-fit:cover;background:var(--primary-soft);}
.brandtext-q7x{display:flex;flex-direction:column;line-height:1.25;}
.brandname-q7x{font-size:18px;font-weight:800;letter-spacing:.5px;}
.brandsub-q7x{font-size:12px;color:var(--ink-soft);letter-spacing:1.4px;text-transform:uppercase;}
.navmenu-q7x{display:flex;align-items:center;gap:4px;}
.navlink-q7x{
  position:relative;padding:10px 16px;border-radius:999px;font-size:15px;font-weight:600;color:var(--ink-soft);
  transition:color .25s ease,background .25s ease;
}
.navlink-q7x::after{
  content:"";position:absolute;left:16px;right:16px;bottom:4px;height:2px;border-radius:2px;
  background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;
}
.navlink-q7x:hover{color:var(--primary);}
.navlink-q7x:hover::after{transform:scaleX(1);}
.navlink-q7x.navcurrent-q7x{color:var(--primary);background:var(--primary-soft);}
.navtoggle-q7x{
  display:none;width:46px;height:46px;border-radius:12px;border:1px solid var(--line);background:#fff;
  align-items:center;justify-content:center;font-size:18px;color:var(--primary);cursor:pointer;
}
.navdrawer-q7x{
  display:none;flex-direction:column;gap:4px;padding:10px 24px 24px;border-top:1px solid var(--line);background:#fff;
}
.navdrawer-q7x.navdraweropen-q7x{display:flex;}
.navdrawerlink-q7x{padding:12px 4px;font-weight:600;border-bottom:1px solid var(--line);color:var(--ink);}

.herofull-q7x{
  position:relative;min-height:640px;display:flex;align-items:center;overflow:hidden;
  padding:150px 0 110px;text-align:center;color:#fff;
}
.herobg-q7x{
  position:absolute;inset:0;background-image:url('/images/banner-q7x-1.png');background-size:cover;background-position:center;
  animation:heroFadeq7x 14s ease-in-out infinite;
}
.herobgalt-q7x{background-image:url('/images/banner-q7x-2.png');animation-delay:7s;}
.heroveil-q7x{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,14,32,.78) 0%,rgba(20,26,51,.72) 45%,rgba(91,61,245,.62) 100%);}
.heroinner-q7x{position:relative;z-index:2;}
.herotag-q7x{
  display:inline-block;padding:8px 22px;border-radius:999px;font-size:13px;letter-spacing:2px;font-weight:700;
  background:rgba(0,214,143,.16);border:1px solid rgba(0,214,143,.5);color:#8df3c9;margin-bottom:26px;
}
.heroslogan-q7x{
  font-size:clamp(30px,5.2vw,58px);line-height:1.24;color:#fff;font-weight:800;letter-spacing:.5px;
  max-width:960px;margin:0 auto 22px;text-shadow:0 18px 44px rgba(6,10,26,.45);
}
.herosub-q7x{max-width:760px;margin:0 auto 34px;font-size:17px;color:rgba(255,255,255,.86);}
.herocta-q7x{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:46px;}
.herostats-q7x{display:flex;flex-wrap:wrap;gap:18px 46px;justify-content:center;margin:0;}
.herostat-q7x{min-width:130px;}
.herostatnum-q7x{display:block;font-size:32px;font-weight:800;color:var(--accent);line-height:1.2;}
.herostatlabel-q7x{display:block;font-size:14px;color:rgba(255,255,255,.75);letter-spacing:1px;}
.herodots-q7x{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;gap:10px;z-index:3;}
.herodot-q7x{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4);transition:background .3s ease,width .3s ease;}
.herodot-q7x.herodoton-q7x{width:30px;border-radius:999px;background:var(--accent);}

@keyframes heroFadeq7x{
  0%{opacity:1;transform:scale(1.04);}
  45%{opacity:1;transform:scale(1.04);}
  52%{opacity:0;transform:scale(1.09);}
  97%{opacity:0;transform:scale(1.09);}
  100%{opacity:1;transform:scale(1.04);}
}

.sechead-q7x{max-width:760px;margin:0 auto 52px;text-align:center;}
.seclabel-q7x{
  display:inline-block;padding:6px 18px;border-radius:999px;background:var(--primary-soft);color:var(--primary);
  font-size:13px;font-weight:700;letter-spacing:1.6px;margin-bottom:16px;
}
.sectitle-q7x{font-size:clamp(24px,3.4vw,38px);letter-spacing:.5px;margin-bottom:14px;}
.seclead-q7x{color:var(--ink-soft);font-size:16px;margin:0;}

.story-q7x{background:#f7f8fc;padding:92px 0;}
.storygrid-q7x{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;}
.storymedia-q7x{position:relative;}
.storymedia-q7x img{width:100%;height:430px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow);}
.storybadge-q7x{
  position:absolute;left:-18px;bottom:28px;background:var(--primary);color:#fff;border-radius:16px;padding:18px 24px;
  box-shadow:var(--shadow);text-align:center;
}
.storybadgenum-q7x{display:block;font-size:30px;font-weight:800;color:var(--accent);line-height:1.1;}
.storybadgelabel-q7x{display:block;font-size:13px;letter-spacing:1px;opacity:.9;}
.storybody-q7x .sectitle-q7x{margin-bottom:18px;}
.storylead-q7x{color:var(--ink-soft);margin-bottom:22px;}
.storylist-q7x{display:grid;gap:14px;margin-bottom:30px;}
.storypoint-q7x{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--ink);}
.storypointicon-q7x{flex:0 0 auto;width:26px;height:26px;border-radius:8px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:12px;margin-top:3px;}

.expertise-q7x{background:#fff;padding:92px 0;}
.expertisegrid-q7x{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.expertisecard-q7x{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px 26px 28px;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;overflow:hidden;
}
.expertisecard-q7x::before{
  content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--primary),var(--accent));
  transform:scaleY(0);transform-origin:top;transition:transform .35s ease;
}
.expertisecard-q7x:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:rgba(91,61,245,.25);}
.expertisecard-q7x:hover::before{transform:scaleY(1);}
.expertiseicon-q7x{
  width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;
  background:var(--primary-soft);color:var(--primary);margin-bottom:18px;transition:background .3s ease,color .3s ease;
}
.expertisecard-q7x:hover .expertiseicon-q7x{background:var(--primary);color:#fff;}
.expertiseindex-q7x{position:absolute;top:22px;right:26px;font-size:34px;font-weight:800;color:var(--line);}
.expertisetitle-q7x{font-size:18px;margin-bottom:10px;}
.expertisedesc-q7x{color:var(--ink-soft);font-size:14.5px;margin:0;}

.edge-q7x{background:#f7f8fc;padding:92px 0;}
.edgegrid-q7x{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.edgecard-q7x{
  display:flex;gap:18px;background:#fff;border-radius:var(--radius);padding:28px 24px;border:1px solid var(--line);
  transition:box-shadow .3s ease,transform .3s ease;
}
.edgecard-q7x:hover{box-shadow:var(--shadow-soft);transform:translateY(-6px);}
.edgeicon-q7x{
  flex:0 0 auto;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--primary),var(--primary-deep));color:#fff;font-size:20px;
}
.edgetitle-q7x{font-size:17px;margin-bottom:8px;}
.edgedesc-q7x{color:var(--ink-soft);font-size:14.5px;margin:0;}

.showcase-q7x{background:var(--primary-soft);padding:92px 0;}
.showcasegrid-q7x{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
.showcasecard-q7x{
  background:#fff;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;
  box-shadow:var(--shadow-soft);transition:transform .35s ease,box-shadow .35s ease;
}
.showcasecard-q7x:hover{transform:translateY(-10px);box-shadow:var(--shadow);}
.showcasemedia-q7x{display:block;overflow:hidden;background:#eceef8;}
.showcasemedia-q7x img{width:100%;height:230px;object-fit:cover;border-radius:0;transition:transform .6s ease;}
.showcasecard-q7x:hover .showcasemedia-q7x img{transform:scale(1.07);}
.showcasebody-q7x{padding:24px 24px 28px;display:flex;flex-direction:column;flex:1;}
.showcasetitle-q7x{font-size:18px;margin-bottom:10px;line-height:1.5;}
.showcasetitle-q7x a:hover{color:var(--primary);}
.showcasemeta-q7x{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--ink-soft);margin-bottom:12px;}
.showcasemeta-q7x i{margin-right:5px;color:var(--primary);}
.showcasedesc-q7x{color:var(--ink-soft);font-size:14.5px;flex:1;margin-bottom:18px;}
.showcasemore-q7x{font-size:14px;font-weight:700;color:var(--primary);display:inline-flex;align-items:center;gap:8px;}
.showcasemore-q7x i{transition:transform .3s ease;}
.showcasemore-q7x:hover i{transform:translateX(6px);}

.updates-q7x{background:#fff;padding:92px 0;}
.updatesgrid-q7x{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
.updatescard-q7x{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.updatescard-q7x:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:rgba(91,61,245,.25);}
.updatesmedia-q7x{display:block;overflow:hidden;background:#eceef8;}
.updatesmedia-q7x img{width:100%;height:210px;object-fit:cover;transition:transform .6s ease;}
.updatescard-q7x:hover .updatesmedia-q7x img{transform:scale(1.07);}
.updatesbody-q7x{padding:22px 22px 26px;display:flex;flex-direction:column;flex:1;}
.updatestitle-q7x{font-size:17.5px;margin-bottom:10px;line-height:1.5;}
.updatestitle-q7x a:hover{color:var(--primary);}
.updatesmeta-q7x{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--ink-soft);margin-bottom:12px;}
.updatesmeta-q7x i{margin-right:5px;color:var(--accent-deep);}
.updatesdesc-q7x{color:var(--ink-soft);font-size:14.5px;flex:1;margin-bottom:18px;}
.updatesmore-q7x{font-size:14px;font-weight:700;color:var(--primary);display:inline-flex;align-items:center;gap:8px;}

.journey-q7x{background:#f7f8fc;padding:92px 0;}
.journeygrid-q7x{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative;}
.journeyline-q7x{
  position:absolute;top:34px;left:8%;right:8%;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 12px,transparent 12px 24px);
}
.journeyitem-q7x{position:relative;z-index:1;text-align:center;padding:0 12px;}
.journeynum-q7x{
  width:68px;height:68px;margin:0 auto 18px;border-radius:22px;display:flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-deep));
  box-shadow:0 12px 26px rgba(91,61,245,.3);
}
.journeytitle-q7x{font-size:17px;margin-bottom:8px;}
.journeydesc-q7x{color:var(--ink-soft);font-size:14.5px;margin:0;}

.crew-q7x{background:#fff;padding:92px 0;}
.crewgrid-q7x{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;}
.crewcard-q7x{background:#fff;text-align:center;padding:30px 20px;border-radius:var(--radius);border:1px solid var(--line);transition:transform .3s ease,box-shadow .3s ease;}
.crewcard-q7x:hover{transform:translateY(-8px);box-shadow:var(--shadow);}
.crewphoto-q7x{
  width:132px;height:132px;border-radius:var(--radius-avatar);object-fit:cover;margin:0 auto 18px;
  border:4px solid #fff;box-shadow:0 10px 24px rgba(20,26,51,.14);
}
.crewname-q7x{font-size:18px;margin-bottom:4px;}
.crewrole-q7x{font-size:13px;color:var(--primary);font-weight:700;letter-spacing:1px;margin-bottom:12px;}
.crewbio-q7x{font-size:14px;color:var(--ink-soft);margin:0;}

.voices-q7x{background:#f7f8fc;padding:92px 0;}
.voicesgrid-q7x{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;}
.voicescard-q7x{background:#fff;border-radius:var(--radius);padding:28px 24px;border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;}
.voicescard-q7x:hover{transform:translateY(-8px);box-shadow:var(--shadow);}
.voicesstars-q7x{color:#ffb020;font-size:14px;margin-bottom:14px;letter-spacing:2px;}
.voicesquote-q7x{font-size:14.8px;color:var(--ink);line-height:1.9;flex:1;margin-bottom:20px;}
.voicesperson-q7x{display:flex;align-items:center;gap:12px;}
.voicesphoto-q7x{width:48px;height:48px;border-radius:var(--radius-avatar);object-fit:cover;background:var(--primary-soft);}
.voicesname-q7x{font-size:15px;font-weight:700;line-height:1.4;}
.voicesrole-q7x{font-size:12.5px;color:var(--ink-soft);}

.queries-q7x{background:#fff;padding:92px 0;}
.querieslist-q7x{max-width:900px;margin:0 auto;display:grid;gap:16px;}
.queriesitem-q7x{background:#f7f8fc;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease;}
.queriesitem-q7x.queryopen-q7x{border-color:rgba(91,61,245,.35);box-shadow:var(--shadow-soft);background:#fff;}
.queriesq-q7x{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:none;border:0;
  text-align:left;font-size:16.5px;font-weight:700;cursor:pointer;
}
.queriesicon-q7x{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:13px;transition:transform .35s ease,background .3s ease,color .3s ease;}
.queriesitem-q7x.queryopen-q7x .queriesicon-q7x{transform:rotate(180deg);background:var(--primary);color:#fff;}
.queriesa-q7x{max-height:0;overflow:hidden;transition:max-height .4s ease;}
.queriesa-q7x p{margin:0;padding:0 24px 22px 72px;color:var(--ink-soft);font-size:15px;}

.allies-q7x{background:#f7f8fc;padding:80px 0;}
.alliesgrid-q7x{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;}
.allieslogo-q7x{
  height:86px;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;
  padding:14px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.allieslogo-q7x:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft);border-color:rgba(91,61,245,.25);}
.allieslogo-q7x img{max-height:100%;width:auto;object-fit:contain;}

.laurels-q7x{background:#fff;padding:92px 0;}
.laurelsgrid-q7x{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.laurelscard-q7x{
  background:linear-gradient(160deg,var(--primary-soft),#fff);border:1px solid rgba(91,61,245,.14);border-radius:var(--radius);
  padding:32px 26px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;
}
.laurelscard-q7x:hover{transform:translateY(-8px);box-shadow:var(--shadow);}
.laurelsicon-q7x{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:#fff;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:var(--shadow-soft);}
.laurelsvalue-q7x{font-size:38px;font-weight:800;color:var(--primary);line-height:1.2;margin-bottom:6px;}
.laurelstitle-q7x{font-size:16px;margin-bottom:6px;}
.laurelsdesc-q7x{font-size:13.5px;color:var(--ink-soft);margin:0;}

.reach-q7x{background:#f7f8fc;padding:92px 0;}
.reachgrid-q7x{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:44px;align-items:start;}
.reachinfo-q7x{background:#fff;border-radius:var(--radius);padding:34px 30px;border:1px solid var(--line);box-shadow:var(--shadow-soft);}
.reachitem-q7x{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px dashed var(--line);}
.reachitem-q7x:last-of-type{border-bottom:0;padding-bottom:0;}
.reachicon-q7x{flex:0 0 auto;width:46px;height:46px;border-radius:14px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;}
.reachlabel-q7x{font-size:13px;color:var(--ink-soft);letter-spacing:1px;margin-bottom:4px;}
.reachvalue-q7x{font-size:16px;font-weight:700;word-break:break-all;}
.reachnote-q7x{margin-top:22px;padding:16px 18px;border-radius:14px;background:var(--primary-soft);color:var(--primary-deep);font-size:14px;}
.reachform-q7x{background:#fff;border-radius:var(--radius);padding:34px 30px;border:1px solid var(--line);box-shadow:var(--shadow-soft);}
.reachformtitle-q7x{font-size:20px;margin-bottom:8px;}
.reachformdesc-q7x{color:var(--ink-soft);font-size:14.5px;margin-bottom:22px;}
.reachfield-q7x{margin-bottom:18px;}
.reachlabel-q7x{display:block;font-size:13.5px;font-weight:700;margin-bottom:8px;color:var(--ink);}
.reachinput-q7x{
  width:100%;padding:13px 16px;border-radius:12px;border:1px solid var(--line);background:#fbfcff;font-size:15px;
  transition:border-color .25s ease,box-shadow .25s ease;
}
.reachinput-q7x:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(91,61,245,.12);}
.reachtextarea-q7x{width:100%;min-height:130px;resize:vertical;padding:13px 16px;border-radius:12px;border:1px solid var(--line);background:#fbfcff;font-size:15px;transition:border-color .25s ease,box-shadow .25s ease;}
.reachtextarea-q7x:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(91,61,245,.12);}
.reachsubmit-q7x{width:100%;}
.reachhint-q7x{font-size:13px;color:var(--ink-soft);margin:14px 0 0;text-align:center;}

.cta-q7x{padding:0 0 92px;background:#f7f8fc;}
.ctapanel-q7x{
  position:relative;overflow:hidden;border-radius:26px;padding:62px 40px;text-align:center;color:#fff;
  background:linear-gradient(135deg,var(--primary) 0%,var(--primary-deep) 55%,#24118f 100%);
  box-shadow:0 26px 60px rgba(64,37,207,.34);
}
.ctapanel-q7x::before,.ctapanel-q7x::after{
  content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08);
}
.ctapanel-q7x::before{width:320px;height:320px;top:-140px;right:-90px;}
.ctapanel-q7x::after{width:240px;height:240px;bottom:-120px;left:-60px;}
.ctatitle-q7x{position:relative;z-index:1;font-size:clamp(23px,3.4vw,36px);color:#fff;margin-bottom:16px;}
.ctasub-q7x{position:relative;z-index:1;color:rgba(255,255,255,.86);max-width:720px;margin:0 auto 30px;}
.ctabuttons-q7x{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}

.footerbar-q7x{background:#11152c;color:rgba(255,255,255,.78);padding:70px 0 0;}
.footertop-q7x{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px;padding-bottom:48px;}
.footerbrand-q7x{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.footerlogo-q7x{width:46px;height:46px;border-radius:12px;object-fit:cover;background:var(--primary);}
.footerbrandname-q7x{font-size:18px;font-weight:800;color:#fff;}
.footerbranddesc-q7x{font-size:14.5px;line-height:1.9;margin:0;color:rgba(255,255,255,.66);}
.footerhead-q7x{font-size:16px;color:#fff;font-weight:700;margin-bottom:18px;}
.footerlinks-q7x{display:grid;gap:10px;}
.footerlink-q7x{font-size:14.5px;color:rgba(255,255,255,.66);display:inline-flex;align-items:center;gap:8px;}
.footerlink-q7x:hover{color:var(--accent);}
.footercontact-q7x{display:grid;gap:12px;font-size:14.5px;color:rgba(255,255,255,.66);}
.footercontactitem-q7x{display:flex;gap:10px;align-items:flex-start;}
.footercontactitem-q7x i{color:var(--accent);margin-top:5px;}
.footerbottom-q7x{border-top:1px solid rgba(255,255,255,.12);padding:22px 0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:13.5px;color:rgba(255,255,255,.55);}
.footerrights-q7x{display:flex;flex-wrap:wrap;gap:16px;}
.footerpolicy-q7x:hover{color:var(--accent);}

.pagehead-q7x{
  position:relative;padding:150px 0 74px;text-align:center;color:#fff;overflow:hidden;
  background:linear-gradient(135deg,#24118f 0%,var(--primary) 60%,var(--primary-deep) 100%);
}
.pagehead-q7x::after{
  content:"";position:absolute;inset:0;background-image:url('/images/banner-q7x-2.png');background-size:cover;background-position:center;opacity:.18;
}
.pageheadinner-q7x{position:relative;z-index:2;}
.breadcrumb-q7x{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-size:13.5px;color:rgba(255,255,255,.75);margin-bottom:16px;}
.breadcrumb-q7x a:hover{color:var(--accent);}
.pagetitle-q7x{font-size:clamp(26px,4vw,44px);color:#fff;margin-bottom:12px;}
.pagedesc-q7x{max-width:760px;margin:0 auto;color:rgba(255,255,255,.82);font-size:16px;}

.listing-q7x{background:var(--bg);padding:74px 0 92px;}
.listinggrid-q7x{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
.listingcard-q7x{
  background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;
  transition:transform .35s ease,box-shadow .35s ease;
}
.listingcard-q7x:hover{transform:translateY(-8px);box-shadow:var(--shadow);}
.listingmedia-q7x{display:block;overflow:hidden;background:#eceef8;}
.listingmedia-q7x img{width:100%;height:220px;object-fit:cover;transition:transform .6s ease;}
.listingcard-q7x:hover .listingmedia-q7x img{transform:scale(1.07);}
.listingbody-q7x{padding:24px 24px 28px;display:flex;flex-direction:column;flex:1;}
.listingtag-q7x{
  align-self:flex-start;padding:5px 14px;border-radius:999px;background:var(--primary-soft);color:var(--primary);
  font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:12px;
}
.listingtitle-q7x{font-size:18px;margin-bottom:10px;line-height:1.55;}
.listingtitle-q7x a:hover{color:var(--primary);}
.listingmeta-q7x{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--ink-soft);margin-bottom:12px;}
.listingmeta-q7x i{margin-right:5px;color:var(--primary);}
.listingdesc-q7x{color:var(--ink-soft);font-size:14.5px;flex:1;margin-bottom:18px;}
.listingmore-q7x{font-size:14px;font-weight:700;color:var(--primary);display:inline-flex;align-items:center;gap:8px;}
.listingmore-q7x i{transition:transform .3s ease;}
.listingmore-q7x:hover i{transform:translateX(6px);}

.reading-q7x{background:var(--bg);padding:0 0 92px;}
.readingwrap-q7x{max-width:920px;margin:0 auto;}
.readinghead-q7x{text-align:center;margin-bottom:36px;}
.readingtag-q7x{display:inline-block;padding:6px 18px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:13px;font-weight:700;letter-spacing:1.4px;margin-bottom:16px;}
.readingtitle-q7x{font-size:clamp(24px,3.6vw,40px);line-height:1.35;margin-bottom:18px;}
.readingmeta-q7x{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;font-size:14px;color:var(--ink-soft);}
.readingmeta-q7x i{margin-right:6px;color:var(--primary);}
.readingcover-q7x{width:100%;height:420px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:38px;}
.readingbody-q7x{
  background:#fff;border-radius:var(--radius);padding:44px 46px;border:1px solid var(--line);box-shadow:var(--shadow-soft);
  font-size:16px;line-height:2;color:var(--ink);
}
.readingbody-q7x h2{font-size:22px;margin:32px 0 14px;padding-left:14px;border-left:4px solid var(--primary);}
.readingbody-q7x h3{font-size:18px;margin:26px 0 12px;}
.readingbody-q7x p{margin-bottom:18px;color:#3d4460;}
.readingbody-q7x ul{margin:0 0 18px;padding-left:6px;list-style:disc;}
.readingbody-q7x li{margin-bottom:8px;color:#3d4460;padding-left:6px;}
.readingbody-q7x blockquote{margin:24px 0;padding:20px 24px;border-left:4px solid var(--accent);background:#f7f8fc;border-radius:0 12px 12px 0;color:var(--ink-soft);}
.readingtags-q7x{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
.readingtagitem-q7x{padding:6px 16px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:13px;font-weight:600;}
.readingnav-q7x{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:38px;}
.readinglink-q7x{
  display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;
}
.readinglink-q7x:hover{border-color:rgba(91,61,245,.35);box-shadow:var(--shadow-soft);transform:translateY(-4px);}
.readinglabel-q7x{font-size:13px;color:var(--ink-soft);margin-bottom:6px;display:block;}
.readinglinktext-q7x{font-size:16px;font-weight:700;color:var(--ink);}
.readinglink-q7x.readingnext-q7x{text-align:right;}

.totop-q7x{
  position:fixed;right:24px;bottom:28px;width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;
  background:var(--primary);color:#fff;font-size:16px;box-shadow:0 12px 26px rgba(91,61,245,.34);
  opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;z-index:80;
}
.totop-q7x.totopshow-q7x{opacity:1;visibility:visible;transform:none;}
.totop-q7x:hover{background:var(--primary-deep);}

.toast-q7x{
  position:fixed;left:50%;bottom:34px;transform:translate(-50%,24px);z-index:120;opacity:0;visibility:hidden;
  background:#11152c;color:#fff;padding:14px 26px;border-radius:999px;font-size:14.5px;box-shadow:0 16px 36px rgba(17,21,44,.35);
  transition:opacity .3s ease,transform .3s ease,visibility .3s ease;
}
.toast-q7x.toastshow-q7x{opacity:1;visibility:visible;transform:translate(-50%,0);}

@media (max-width:1080px){
  .expertisegrid-q7x{grid-template-columns:repeat(3,minmax(0,1fr));}
  .alliesgrid-q7x{grid-template-columns:repeat(4,minmax(0,1fr));}
  .footertop-q7x{grid-template-columns:repeat(2,minmax(0,1fr));}
  .crewgrid-q7x,.voicesgrid-q7x,.laurelsgrid-q7x{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:900px){
  .navmenu-q7x{display:none;}
  .navtoggle-q7x{display:flex;}
  .storygrid-q7x{grid-template-columns:1fr;gap:40px;}
  .storymedia-q7x img{height:340px;}
  .storybadge-q7x{left:16px;}
  .reachgrid-q7x{grid-template-columns:1fr;}
  .showcasegrid-q7x,.updatesgrid-q7x,.listinggrid-q7x{grid-template-columns:repeat(2,minmax(0,1fr));}
  .edgegrid-q7x{grid-template-columns:repeat(2,minmax(0,1fr));}
  .journeygrid-q7x{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px;}
  .journeyline-q7x{display:none;}
  .readingbody-q7x{padding:32px 26px;}
  .readingcover-q7x{height:320px;}
}

@media (max-width:720px){
  .container{padding:0 18px;}
  .story-q7x,.expertise-q7x,.edge-q7x,.showcase-q7x,.updates-q7x,.journey-q7x,.crew-q7x,.voices-q7x,.queries-q7x,.allies-q7x,.laurels-q7x,.reach-q7x,.cta-q7x,.listing-q7x{padding:64px 0;}
  .herofull-q7x{min-height:560px;padding:130px 0 90px;}
  .herocta-q7x .btn{width:100%;}
  .expertisegrid-q7x,.edgegrid-q7x,.showcasegrid-q7x,.updatesgrid-q7x,.listinggrid-q7x,.crewgrid-q7x,.voicesgrid-q7x,.journeygrid-q7x,.laurelsgrid-q7x{grid-template-columns:1fr;}
  .alliesgrid-q7x{grid-template-columns:repeat(3,minmax(0,1fr));}
  .readingnav-q7x{grid-template-columns:1fr;}
  .readinglink-q7x.readingnext-q7x{text-align:left;}
  .sechead-q7x{margin-bottom:36px;}
  .ctapanel-q7x{padding:46px 22px;border-radius:20px;}
  .footertop-q7x{grid-template-columns:1fr;gap:30px;}
  .footerbottom-q7x{flex-direction:column;align-items:flex-start;}
}

@media (max-width:520px){
  .brandtext-q7x .brandsub-q7x{display:none;}
  .alliesgrid-q7x{grid-template-columns:repeat(2,minmax(0,1fr));}
  .queriesa-q7x p{padding-left:24px;}
  .storymedia-q7x img{height:260px;}
  .readingcover-q7x{height:220px;}
}
