/* ===== base ===== */
:root{
  --v7n-primary:#2F5BFF;
  --v7n-primary-dark:#1B3FCC;
  --v7n-accent:#FF5A3C;
  --v7n-accent-dark:#E03F22;
  --v7n-bg:#F5F7FC;
  --v7n-ink:#141B34;
  --v7n-ink-soft:#5A6484;
  --v7n-line:#E4E8F4;
  --v7n-white:#FFFFFF;
  --v7n-tint:#EEF2FF;
  --v7n-light:#FAFBFF;
  --v7n-shadow:0 18px 46px rgba(20,27,52,.10);
  --v7n-shadow-soft:0 10px 26px rgba(20,27,52,.07);
  --v7n-radius:14px;
  --v7n-radius-lg:26px;
  --v7n-max:1200px;
}

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

html{scroll-behavior:smooth;}

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

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

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

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

h1,h2,h3,h4,h5,p{margin:0;}

.container{
  width:100%;
  max-width:var(--v7n-max);
  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:10px;
  padding:13px 30px;
  border-radius:999px;
  border:1px solid transparent;
  font-size:15px;
  font-weight:600;
  letter-spacing:.4px;
  cursor:pointer;
  transition:transform .28s ease,box-shadow .28s ease,background .28s ease,color .28s ease,border-color .28s ease;
}

.btn:hover{transform:translateY(-3px);}

.btnsolid-v7n{
  background:var(--v7n-primary);
  color:var(--v7n-white);
  box-shadow:0 12px 26px rgba(47,91,255,.28);
}

.btnsolid-v7n:hover{background:var(--v7n-primary-dark);box-shadow:0 18px 34px rgba(47,91,255,.34);}

.btnaccent-v7n{background:var(--v7n-accent);color:var(--v7n-white);box-shadow:0 12px 26px rgba(255,90,60,.28);}

.btnaccent-v7n:hover{background:var(--v7n-accent-dark);}

.btnghost-v7n{border-color:rgba(255,255,255,.55);color:var(--v7n-white);}

.btnghost-v7n:hover{background:rgba(255,255,255,.14);}

/* ===== topbar ===== */
.topbar-v7n{
  background:#0d1330;
  color:rgba(255,255,255,.72);
  font-size:13px;
}

.topbarinner-v7n{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:44px;
}

.topbarlist-v7n{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}

.topbarlist-v7n li{display:flex;align-items:center;gap:7px;}

.topbarlist-v7n a:hover{color:var(--v7n-white);}

.topbarflag-v7n{color:var(--v7n-accent);font-weight:600;}

.topbarcta-v7n{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 16px;
  border-radius:999px;
  background:rgba(255,90,60,.16);
  color:#FFB3A2;
  font-size:12.5px;
  font-weight:600;
  transition:background .3s ease,color .3s ease;
}

.topbarcta-v7n:hover{background:var(--v7n-accent);color:var(--v7n-white);}

/* ===== masthead ===== */
.masthead-v7n{
  position:sticky;
  top:0;
  z-index:90;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--v7n-line);
}

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

.brand-v7n{display:flex;align-items:center;gap:13px;}

.brandmark-v7n{
  width:46px;
  height:46px;
  border-radius:13px;
  object-fit:cover;
  background:var(--v7n-tint);
  box-shadow:0 8px 20px rgba(47,91,255,.18);
}

.brandname-v7n{
  display:block;
  font-size:19px;
  font-weight:800;
  letter-spacing:.5px;
  line-height:1.3;
}

.brandsub-v7n{
  display:block;
  font-size:12px;
  color:var(--v7n-ink-soft);
  letter-spacing:1.6px;
  text-transform:uppercase;
}

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

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

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

.navlink-v7n:hover{color:var(--v7n-primary);}

.navlink-v7n:hover::after,.navlinkactive-v7n::after{transform:scaleX(1);}

.navlinkactive-v7n{color:var(--v7n-primary);}

.navtoggle-v7n{
  display:none;
  width:44px;
  height:44px;
  border-radius:12px;
  border:1px solid var(--v7n-line);
  background:var(--v7n-white);
  color:var(--v7n-ink);
  font-size:19px;
  cursor:pointer;
}

/* ===== hero ===== */
.hero-v7n{
  position:relative;
  overflow:hidden;
  background:#0b1130;
  padding:120px 0 110px;
}

.herobg-v7n{position:absolute;inset:0;z-index:0;}

.heroslide-v7n{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transform:scale(1.08);
  transition:opacity 1.4s ease,transform 7s linear;
}

.heroslideactive-v7n{opacity:1;transform:scale(1);}

.heroveil-v7n{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(9,14,38,.78) 0%,rgba(9,14,38,.62) 45%,rgba(9,14,38,.88) 100%);
}

.heroinner-v7n{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto;}

.herokicker-v7n{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:7px 20px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.3);
  background:rgba(255,255,255,.1);
  color:#E9EEFF;
  font-size:13px;
  letter-spacing:2.4px;
}

.herotitle-v7n{
  margin:22px 0 18px;
  font-size:clamp(30px,5.2vw,54px);
  font-weight:800;
  line-height:1.28;
  color:var(--v7n-white);
  letter-spacing:1px;
}

.herotitle-v7n em{font-style:normal;color:var(--v7n-accent);}

.herodesc-v7n{
  max-width:660px;
  margin:0 auto;
  font-size:17px;
  color:rgba(255,255,255,.82);
}

.heroactions-v7n{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:34px;}

.herometa-v7n{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px 46px;
  margin-top:52px;
  padding-top:30px;
  border-top:1px solid rgba(255,255,255,.18);
}

.herostat-v7n{text-align:center;color:var(--v7n-white);}

.herostat-v7n b{display:block;font-size:28px;font-weight:800;color:var(--v7n-accent);}

.herostat-v7n span{font-size:13px;color:rgba(255,255,255,.72);letter-spacing:1px;}

.herodots-v7n{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:34px;
  transform:translateX(-50%);
  display:flex;
  gap:10px;
}

.herodot-v7n{
  width:34px;
  height:4px;
  border-radius:4px;
  border:0;
  padding:0;
  background:rgba(255,255,255,.35);
  cursor:pointer;
  transition:background .3s ease,width .3s ease;
}

.herodotactive-v7n{width:52px;background:var(--v7n-accent);}

/* ===== section shell ===== */
.sec-v7n{padding:96px 0;}

.seclight-v7n{background:var(--v7n-light);}

.secwhite-v7n{background:var(--v7n-white);}

.sectint-v7n{background:var(--v7n-tint);}

.sechead-v7n{max-width:720px;margin:0 auto 52px;text-align:center;}

.kicker-v7n{
  display:inline-block;
  font-size:13px;
  font-weight:700;
  letter-spacing:3px;
  color:var(--v7n-primary);
  text-transform:uppercase;
}

.heading-v7n{
  margin:12px 0 14px;
  font-size:clamp(24px,3.4vw,38px);
  font-weight:800;
  line-height:1.35;
  letter-spacing:.6px;
}

.lead-v7n{color:var(--v7n-ink-soft);font-size:16px;}

/* ===== story (about) ===== */
.storygrid-v7n{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:56px;
  align-items:center;
}

.storymedia-v7n{position:relative;}

.storyfigure-v7n{
  border-radius:var(--v7n-radius-lg);
  overflow:hidden;
  box-shadow:var(--v7n-shadow);
}

.storyfigure-v7n img{width:100%;aspect-ratio:4/3;object-fit:cover;}

.storybadge-v7n{
  position:absolute;
  left:-18px;
  bottom:-24px;
  padding:20px 26px;
  border-radius:18px;
  background:var(--v7n-primary);
  color:var(--v7n-white);
  box-shadow:0 16px 34px rgba(47,91,255,.34);
}

.storybadge-v7n b{display:block;font-size:30px;font-weight:800;line-height:1.1;}

.storybadge-v7n span{font-size:12px;letter-spacing:1.6px;color:rgba(255,255,255,.82);}

.storybody-v7n{position:relative;z-index:2;}

.storytitle-v7n{font-size:clamp(23px,3vw,32px);font-weight:800;line-height:1.4;margin-bottom:18px;}

.storytext-v7n{color:var(--v7n-ink-soft);margin-bottom:26px;}

.storyaction-v7n{margin-top:30px;}

.storylist-v7n{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;}

.storyitem-v7n{display:flex;gap:12px;align-items:flex-start;}

.storynum-v7n{
  flex:none;
  width:34px;
  height:34px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--v7n-accent);
  color:var(--v7n-white);
  font-size:14px;
  font-weight:800;
}

.storyitem-v7n h4{font-size:15px;font-weight:700;margin-bottom:2px;}

.storyitem-v7n p{font-size:13.5px;color:var(--v7n-ink-soft);}

/* ===== expertise (services) ===== */
.expertisegrid-v7n{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}

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

.expertiseitem-v7n::before{
  content:"";
  position:absolute;
  inset:auto -40px -60px auto;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(47,91,255,.10),rgba(47,91,255,0));
  transition:transform .5s ease;
}

.expertiseitem-v7n:hover{transform:translateY(-8px);box-shadow:var(--v7n-shadow);border-color:rgba(47,91,255,.35);}

.expertiseitem-v7n:hover::before{transform:scale(1.7);}

.expertiseicon-v7n{
  width:54px;
  height:54px;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--v7n-tint);
  color:var(--v7n-primary);
  font-size:21px;
  margin-bottom:18px;
  transition:background .35s ease,color .35s ease;
}

.expertiseitem-v7n:hover .expertiseicon-v7n{background:var(--v7n-primary);color:var(--v7n-white);}

.expertiseindex-v7n{
  position:absolute;
  top:22px;
  right:24px;
  font-size:13px;
  font-weight:800;
  color:rgba(20,27,52,.14);
  letter-spacing:1px;
}

.expertisetitle-v7n{font-size:17px;font-weight:700;margin-bottom:9px;}

.expertisetext-v7n{font-size:14px;color:var(--v7n-ink-soft);position:relative;z-index:1;}

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

.edgeitem-v7n{
  display:flex;
  gap:18px;
  padding:26px 24px;
  border-radius:var(--v7n-radius);
  background:var(--v7n-white);
  border:1px solid var(--v7n-line);
  transition:transform .3s ease,box-shadow .3s ease;
}

.edgeitem-v7n:hover{transform:translateY(-6px);box-shadow:var(--v7n-shadow-soft);}

.edgeicon-v7n{
  flex:none;
  width:46px;
  height:46px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--v7n-primary),#5C81FF);
  color:var(--v7n-white);
  font-size:18px;
  box-shadow:0 10px 20px rgba(47,91,255,.26);
}

.edgetitle-v7n{font-size:16px;font-weight:700;margin-bottom:5px;}

.edgetext-v7n{font-size:13.5px;color:var(--v7n-ink-soft);}

/* ===== showcase (cases) ===== */
.showcasegrid-v7n{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
}

.showcaseitem-v7n{
  background:var(--v7n-white);
  border:1px solid var(--v7n-line);
  border-radius:var(--v7n-radius);
  overflow:hidden;
  transition:transform .35s ease,box-shadow .35s ease;
}

.showcaseitem-v7n:hover{transform:translateY(-8px);box-shadow:var(--v7n-shadow);}

.showcasethumb-v7n{width:100%;aspect-ratio:16/10;object-fit:cover;}

.showcasebody-v7n{padding:24px 24px 26px;}

.showcasetitle-v7n{font-size:18px;font-weight:700;line-height:1.5;margin-bottom:10px;}

.showcasedes-v7n{font-size:14px;color:var(--v7n-ink-soft);margin-bottom:16px;}

.showcasemeta-v7n{
  display:flex;
  align-items:center;
  gap:18px;
  padding-top:15px;
  border-top:1px dashed var(--v7n-line);
  font-size:13px;
  color:var(--v7n-ink-soft);
}

.showcasemetaitem-v7n{display:flex;align-items:center;gap:7px;}

.showcasemetaitem-v7n i{color:var(--v7n-primary);}

/* ===== updates (home articles) ===== */
.updatesgrid-v7n{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
}

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

.updatesitem-v7n:hover{transform:translateY(-8px);box-shadow:var(--v7n-shadow);}

.updatesthumb-v7n{width:100%;aspect-ratio:16/9;object-fit:cover;}

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

.updatestag-v7n{
  align-self:flex-start;
  padding:4px 12px;
  border-radius:999px;
  background:rgba(255,90,60,.12);
  color:var(--v7n-accent);
  font-size:12px;
  font-weight:700;
  letter-spacing:.6px;
  margin-bottom:12px;
}

.updatestitle-v7n{font-size:17px;font-weight:700;line-height:1.55;margin-bottom:10px;}

.updatesdes-v7n{font-size:13.5px;color:var(--v7n-ink-soft);flex:1;}

.updatesmeta-v7n{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:18px;
  padding-top:15px;
  border-top:1px dashed var(--v7n-line);
  font-size:13px;
  color:var(--v7n-ink-soft);
}

.updatesmetaitem-v7n{display:flex;align-items:center;gap:7px;}

.updatesmore-v7n{display:flex;justify-content:center;margin-top:44px;}

/* ===== journey (process) ===== */
.journeygrid-v7n{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  position:relative;
}

.journeygrid-v7n::before{
  content:"";
  position:absolute;
  top:34px;
  left:8%;
  right:8%;
  height:2px;
  background:repeating-linear-gradient(90deg,rgba(47,91,255,.4) 0 10px,transparent 10px 20px);
}

.journeyitem-v7n{position:relative;text-align:center;padding-top:6px;}

.journeystep-v7n{
  width:68px;
  height:68px;
  margin:0 auto 20px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--v7n-white);
  border:2px solid rgba(47,91,255,.35);
  color:var(--v7n-primary);
  font-size:18px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(47,91,255,.14);
  position:relative;
  z-index:1;
}

.journeytitle-v7n{font-size:16.5px;font-weight:700;margin-bottom:8px;}

.journeytext-v7n{font-size:13.5px;color:var(--v7n-ink-soft);}

/* ===== crew (team) ===== */
.crewgrid-v7n{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
}

.crewitem-v7n{
  background:var(--v7n-white);
  border:1px solid var(--v7n-line);
  border-radius:var(--v7n-radius);
  padding:30px 26px;
  text-align:center;
  transition:transform .35s ease,box-shadow .35s ease;
}

.crewitem-v7n:hover{transform:translateY(-8px);box-shadow:var(--v7n-shadow);}

.crewphoto-v7n{
  width:112px;
  height:112px;
  border-radius:50%;
  object-fit:cover;
  margin:0 auto 18px;
  border:4px solid var(--v7n-white);
  box-shadow:0 10px 24px rgba(20,27,52,.16);
}

.crewname-v7n{font-size:17px;font-weight:700;margin-bottom:4px;}

.crewrole-v7n{font-size:13px;color:var(--v7n-accent);font-weight:600;margin-bottom:12px;letter-spacing:.6px;}

.crewtext-v7n{font-size:13.5px;color:var(--v7n-ink-soft);}

/* ===== voices (testimonials) ===== */
.voicesgrid-v7n{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
}

.voicesitem-v7n{
  position:relative;
  padding:34px 28px 30px;
  border-radius:var(--v7n-radius);
  background:var(--v7n-white);
  border:1px solid var(--v7n-line);
  transition:transform .35s ease,box-shadow .35s ease;
}

.voicesitem-v7n:hover{transform:translateY(-8px);box-shadow:var(--v7n-shadow);}

.voicesquote-v7n{
  position:absolute;
  top:18px;
  right:24px;
  font-size:44px;
  line-height:1;
  color:rgba(47,91,255,.14);
  font-family:Georgia,serif;
}

.voicesstars-v7n{color:var(--v7n-accent);font-size:14px;letter-spacing:3px;margin-bottom:14px;}

.voicestext-v7n{font-size:14.5px;color:var(--v7n-ink-soft);margin-bottom:22px;}

.voicesfoot-v7n{display:flex;align-items:center;gap:14px;padding-top:18px;border-top:1px dashed var(--v7n-line);}

.voicesphoto-v7n{width:54px;height:54px;border-radius:50%;object-fit:cover;}

.voicesname-v7n{font-size:15px;font-weight:700;}

.voicesrole-v7n{font-size:12.5px;color:var(--v7n-ink-soft);}

/* ===== queries (faq) ===== */
.queriesgrid-v7n{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}

.queriesitem-v7n{
  background:var(--v7n-white);
  border:1px solid var(--v7n-line);
  border-radius:var(--v7n-radius);
  padding:24px 26px;
  display:flex;
  gap:16px;
  transition:border-color .3s ease,box-shadow .3s ease;
}

.queriesitem-v7n:hover{border-color:rgba(47,91,255,.4);box-shadow:var(--v7n-shadow-soft);}

.queriesicon-v7n{
  flex:none;
  width:42px;
  height:42px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--v7n-tint);
  color:var(--v7n-primary);
  font-size:16px;
}

.queriesq-v7n{font-size:16px;font-weight:700;margin-bottom:6px;}

.queriesa-v7n{font-size:13.8px;color:var(--v7n-ink-soft);}

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

.alliesitem-v7n{
  display:flex;
  align-items:center;
  justify-content:center;
  height:96px;
  padding:16px;
  border-radius:var(--v7n-radius);
  background:var(--v7n-white);
  border:1px solid var(--v7n-line);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}

.alliesitem-v7n:hover{transform:translateY(-6px);box-shadow:var(--v7n-shadow-soft);border-color:rgba(47,91,255,.3);}

.allieslogo-v7n{max-height:52px;width:auto;object-fit:contain;opacity:.78;transition:opacity .3s ease,transform .3s ease;}

.alliesitem-v7n:hover .allieslogo-v7n{opacity:1;transform:scale(1.05);}

/* ===== laurels (awards) ===== */
.laurelsgrid-v7n{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}

.laurelsitem-v7n{
  padding:30px 24px;
  border-radius:var(--v7n-radius);
  background:var(--v7n-white);
  border:1px solid var(--v7n-line);
  text-align:center;
  transition:transform .3s ease,box-shadow .3s ease;
}

.laurelsitem-v7n:hover{transform:translateY(-6px);box-shadow:var(--v7n-shadow-soft);}

.laurelsicon-v7n{
  width:56px;
  height:56px;
  margin:0 auto 16px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--v7n-accent),#FF8A5B);
  color:var(--v7n-white);
  font-size:21px;
  box-shadow:0 12px 24px rgba(255,90,60,.26);
}

.laurelsnum-v7n{font-size:34px;font-weight:800;color:var(--v7n-primary);line-height:1.1;}

.laurelsname-v7n{font-size:14.5px;color:var(--v7n-ink-soft);margin-top:6px;}

/* ===== reach (contact) ===== */
.reachgrid-v7n{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
  gap:46px;
  align-items:start;
}

.reachinfo-v7n{display:grid;gap:18px;}

.reachitem-v7n{
  display:flex;
  gap:16px;
  padding:22px 24px;
  border-radius:var(--v7n-radius);
  background:var(--v7n-white);
  border:1px solid var(--v7n-line);
}

.reachicon-v7n{
  flex:none;
  width:44px;
  height:44px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--v7n-tint);
  color:var(--v7n-primary);
  font-size:17px;
}

.reachlabel-v7n{font-size:13px;color:var(--v7n-ink-soft);letter-spacing:1px;}

.reachvalue-v7n{font-size:16px;font-weight:700;word-break:break-all;}

.reachform-v7n{
  padding:32px;
  border-radius:var(--v7n-radius-lg);
  background:var(--v7n-white);
  border:1px solid var(--v7n-line);
  box-shadow:var(--v7n-shadow-soft);
}

.reachfield-v7n{margin-bottom:18px;}

.reachlabel-v7n{display:block;font-size:13.5px;font-weight:600;margin-bottom:8px;}

.reachinput-v7n,
.reacharea-v7n{
  width:100%;
  padding:13px 16px;
  border-radius:12px;
  border:1px solid var(--v7n-line);
  background:var(--v7n-light);
  font-family:inherit;
  font-size:14.5px;
  color:var(--v7n-ink);
  transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;
}

.reachinput-v7n:focus,
.reacharea-v7n:focus{
  outline:none;
  border-color:var(--v7n-primary);
  background:var(--v7n-white);
  box-shadow:0 0 0 4px rgba(47,91,255,.12);
}

.reacharea-v7n{min-height:128px;resize:vertical;}

.reachsubmit-v7n{width:100%;margin-top:4px;}

/* ===== cta ===== */
.cta-v7n{
  padding:0 0 96px;
  background:var(--v7n-bg);
}

.ctainner-v7n{
  position:relative;
  overflow:hidden;
  border-radius:var(--v7n-radius-lg);
  padding:64px 48px;
  background:linear-gradient(135deg,#122049 0%,#1E3AA0 55%,#2F5BFF 100%);
  text-align:center;
  box-shadow:var(--v7n-shadow);
}

.ctainner-v7n::after{
  content:"";
  position:absolute;
  right:-90px;
  bottom:-120px;
  width:320px;
  height:320px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,90,60,.42),rgba(255,90,60,0));
}

.ctatitle-v7n{
  position:relative;
  z-index:1;
  font-size:clamp(22px,3.2vw,34px);
  font-weight:800;
  color:var(--v7n-white);
  line-height:1.45;
  max-width:820px;
  margin:0 auto 14px;
}

.ctatext-v7n{position:relative;z-index:1;color:rgba(255,255,255,.8);max-width:640px;margin:0 auto 30px;}

.ctaactions-v7n{position:relative;z-index:1;display:flex;justify-content:center;flex-wrap:wrap;gap:14px;}

/* ===== footer ===== */
.footer-v7n{background:#0d1330;color:rgba(255,255,255,.72);padding:74px 0 0;}

.footergrid-v7n{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));
  gap:40px;
  padding-bottom:48px;
}

.footercol-v7n{min-width:0;}

.footerbrand-v7n{display:flex;gap:13px;align-items:center;margin-bottom:18px;}

.footermark-v7n{width:44px;height:44px;border-radius:12px;object-fit:cover;background:var(--v7n-tint);}

.footername-v7n{font-size:18px;font-weight:800;color:var(--v7n-white);line-height:1.3;}

.footersub-v7n{font-size:12px;letter-spacing:1.4px;color:rgba(255,255,255,.5);}

.footertext-v7n{font-size:13.8px;line-height:1.9;margin-bottom:22px;}

.footersocial-v7n{display:flex;gap:12px;}

.footersocialitem-v7n{
  width:38px;
  height:38px;
  border-radius:11px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.8);
  transition:background .3s ease,color .3s ease,transform .3s ease;
}

.footersocialitem-v7n:hover{background:var(--v7n-primary);color:var(--v7n-white);transform:translateY(-3px);}

.footerheading-v7n{font-size:16px;font-weight:700;color:var(--v7n-white);margin-bottom:20px;}

.footerlist-v7n{display:grid;gap:12px;}

.footerlink-v7n{font-size:13.8px;transition:color .25s ease,padding-left .25s ease;}

.footerlink-v7n:hover{color:var(--v7n-accent);padding-left:6px;}

.footercontact-v7n{display:grid;gap:12px;font-size:13.8px;}

.footercontact-v7n li{display:flex;gap:10px;align-items:flex-start;}

.footercontact-v7n i{margin-top:5px;color:var(--v7n-accent);}

.footerbottom-v7n{
  border-top:1px solid rgba(255,255,255,.12);
  padding:24px 0 30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  font-size:13px;
}

.footercopy-v7n{color:rgba(255,255,255,.55);}

.footernote-v7n{color:rgba(255,255,255,.42);font-size:12.5px;}

/* ===== page head (sub pages) ===== */
.pagehead-v7n{
  position:relative;
  padding:76px 0 66px;
  background:linear-gradient(135deg,#101A46,#24409E);
  overflow:hidden;
  text-align:center;
}

.pagehead-v7n::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 80% 20%,rgba(255,90,60,.34),transparent 55%);
}

.pagehead-v7n .container{position:relative;z-index:1;}

.pageheadkicker-v7n{font-size:13px;letter-spacing:3px;color:rgba(255,255,255,.65);}

.pageheadtitle-v7n{margin:12px 0 10px;font-size:clamp(26px,4vw,42px);font-weight:800;color:var(--v7n-white);}

.pageheadtext-v7n{color:rgba(255,255,255,.78);max-width:620px;margin:0 auto;}

.crumb-v7n{display:flex;justify-content:center;gap:10px;margin-top:22px;font-size:13px;color:rgba(255,255,255,.7);}

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

/* ===== listing (articles page) ===== */
.listing-v7n{padding:88px 0 96px;}

.listinghead-v7n{max-width:760px;margin:0 auto 48px;text-align:center;}

.listingtitle-v7n{font-size:clamp(24px,3.4vw,36px);font-weight:800;margin-bottom:14px;}

.listingtext-v7n{color:var(--v7n-ink-soft);}

.listinggrid-v7n{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}

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

.listingitem-v7n:hover{transform:translateY(-8px);box-shadow:var(--v7n-shadow);}

.listingthumb-v7n{width:100%;aspect-ratio:16/9;object-fit:cover;}

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

.listingtag-v7n{
  align-self:flex-start;
  padding:4px 12px;
  border-radius:999px;
  background:rgba(47,91,255,.1);
  color:var(--v7n-primary);
  font-size:12px;
  font-weight:700;
  margin-bottom:12px;
}

.listingtitle-v7n{font-size:18px;font-weight:700;line-height:1.55;margin-bottom:10px;}

.listingdes-v7n{font-size:13.8px;color:var(--v7n-ink-soft);flex:1;}

.listingmeta-v7n{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:18px;
  padding-top:15px;
  border-top:1px dashed var(--v7n-line);
  font-size:13px;
  color:var(--v7n-ink-soft);
}

.listingmetaitem-v7n{display:flex;align-items:center;gap:7px;}

.listingmetaitem-v7n i{color:var(--v7n-primary);}

.listingmore-v7n{text-align:center;margin-top:52px;}

.listingback-v7n{border-color:var(--v7n-line);color:var(--v7n-primary);}

.listingback-v7n:hover{background:var(--v7n-primary);color:var(--v7n-white);}

/* ===== reading (detail page) ===== */
.reading-v7n{padding:70px 0 100px;}

.readingwrap-v7n{max-width:880px;margin:0 auto;}

.readingcrumb-v7n{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--v7n-ink-soft);margin-bottom:22px;}

.readingcrumb-v7n a:hover{color:var(--v7n-primary);}

.readingtitle-v7n{
  font-size:clamp(26px,4.2vw,42px);
  font-weight:800;
  line-height:1.35;
  margin-bottom:18px;
}

.readingmeta-v7n{
  display:flex;
  flex-wrap:wrap;
  gap:12px 26px;
  padding:16px 0;
  border-top:1px solid var(--v7n-line);
  border-bottom:1px solid var(--v7n-line);
  font-size:13.5px;
  color:var(--v7n-ink-soft);
  margin-bottom:34px;
}

.readingmetaitem-v7n{display:flex;align-items:center;gap:8px;}

.readingmetaitem-v7n i{color:var(--v7n-primary);}

.readingcover-v7n{
  width:100%;
  border-radius:var(--v7n-radius);
  aspect-ratio:16/9;
  object-fit:cover;
  box-shadow:var(--v7n-shadow-soft);
  margin-bottom:34px;
}

.readingcontent-v7n{font-size:16.5px;line-height:2;color:#2A3352;}

.readingcontent-v7n p{margin-bottom:22px;}

.readingcontent-v7n h2{font-size:23px;font-weight:800;color:var(--v7n-ink);margin:32px 0 14px;}

.readingcontent-v7n h3{font-size:19px;font-weight:700;color:var(--v7n-ink);margin:26px 0 12px;}

.readingcontent-v7n ul{margin:0 0 22px;padding-left:20px;list-style:disc;}

.readingcontent-v7n li{margin-bottom:10px;}

.readingcontent-v7n blockquote{
  margin:26px 0;
  padding:22px 26px;
  border-left:4px solid var(--v7n-accent);
  border-radius:0 var(--v7n-radius) var(--v7n-radius) 0;
  background:var(--v7n-tint);
  font-weight:600;
}

.readingtags-v7n{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0;}

.readingtag-v7n{
  padding:6px 15px;
  border-radius:999px;
  background:var(--v7n-tint);
  color:var(--v7n-primary);
  font-size:13px;
  font-weight:600;
}

.readingshare-v7n{
  display:flex;
  align-items:center;
  gap:14px;
  padding:22px 24px;
  border-radius:var(--v7n-radius);
  background:var(--v7n-white);
  border:1px solid var(--v7n-line);
  margin-bottom:38px;
  flex-wrap:wrap;
}

.readingsharetext-v7n{font-weight:700;font-size:15px;}

.readingsharelist-v7n{display:flex;gap:10px;margin-left:auto;}

.readingshareitem-v7n{
  width:38px;
  height:38px;
  border-radius:11px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--v7n-tint);
  color:var(--v7n-primary);
  transition:background .3s ease,color .3s ease;
}

.readingshareitem-v7n:hover{background:var(--v7n-primary);color:var(--v7n-white);}

.readingnav-v7n{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}

.readingnavitem-v7n{
  padding:24px 26px;
  border-radius:var(--v7n-radius);
  background:var(--v7n-white);
  border:1px solid var(--v7n-line);
  transition:transform .3s ease,box-shadow .3s ease;
}

.readingnavitem-v7n:hover{transform:translateY(-5px);box-shadow:var(--v7n-shadow-soft);}

.readingnavlabel-v7n{font-size:12.5px;letter-spacing:1.6px;color:var(--v7n-ink-soft);margin-bottom:8px;}

.readingnavtitle-v7n{font-size:16px;font-weight:700;line-height:1.6;}

/* ===== reveal animation ===== */
.reveal-v7n{opacity:0;transform:translateY(34px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);}

.revealon-v7n{opacity:1;transform:none;}

/* ===== responsive ===== */
@media (max-width:1100px){
  .expertisegrid-v7n{grid-template-columns:repeat(3,minmax(0,1fr));}
  .alliesgrid-v7n{grid-template-columns:repeat(4,minmax(0,1fr));}
  .edgegrid-v7n{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:960px){
  .navbar-v7n{
    position:fixed;
    inset:74px 0 auto;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    padding:16px 24px 24px;
    background:var(--v7n-white);
    border-bottom:1px solid var(--v7n-line);
    box-shadow:0 20px 34px rgba(20,27,52,.1);
    transform:translateY(-130%);
    transition:transform .4s cubic-bezier(.22,.61,.36,1);
  }
  .navopen-v7n{transform:translateY(0);}
  .navlink-v7n{padding:12px 8px;}
  .navlink-v7n::after{left:8px;right:auto;width:26px;bottom:8px;}
  .navtoggle-v7n{display:flex;align-items:center;justify-content:center;}
  .storygrid-v7n,.reachgrid-v7n{grid-template-columns:minmax(0,1fr);gap:40px;}
  .showcasegrid-v7n,.updatesgrid-v7n,.crewgrid-v7n,.voicesgrid-v7n,.listinggrid-v7n{grid-template-columns:repeat(2,minmax(0,1fr));}
  .journeygrid-v7n{grid-template-columns:repeat(2,minmax(0,1fr));}
  .journeygrid-v7n::before{display:none;}
  .laurelsgrid-v7n{grid-template-columns:repeat(2,minmax(0,1fr));}
  .queriesgrid-v7n{grid-template-columns:minmax(0,1fr);}
  .footergrid-v7n{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}
  .sec-v7n{padding:74px 0;}
}

@media (max-width:680px){
  .container{padding:0 18px;}
  .topbarlist-v7n li:nth-child(n+2){display:none;}
  .expertisegrid-v7n,.edgegrid-v7n,.showcasegrid-v7n,.updatesgrid-v7n,.crewgrid-v7n,.voicesgrid-v7n,.listinggrid-v7n,.journeygrid-v7n,.laurelsgrid-v7n,.alliesgrid-v7n{grid-template-columns:minmax(0,1fr);}
  .alliesitem-v7n{height:80px;}
  .storylist-v7n{grid-template-columns:minmax(0,1fr);}
  .storybadge-v7n{left:12px;bottom:-18px;padding:14px 18px;}
  .hero-v7n{padding:88px 0 96px;}
  .herometa-v7n{gap:12px 26px;margin-top:38px;}
  .ctainner-v7n{padding:46px 24px;}
  .footergrid-v7n{grid-template-columns:minmax(0,1fr);}
  .readingnav-v7n{grid-template-columns:minmax(0,1fr);}
  .readingsharelist-v7n{margin-left:0;}
  .sechead-v7n{margin-bottom:38px;}
}

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