:root{
  --bg:#07081a;
  --text:#0b1020;
  --muted:#5f6b7a;
  --white:#ffffff;
  --line:rgba(255,255,255,.14);
  --shadow:0 18px 60px rgba(16, 12, 48, .28);
  --shadow2:0 10px 30px rgba(0,0,0,.18);
  --r:18px;
  --p:#7c3aed;
  --p2:#a855f7;
  --pink:#ff4fd8;
  --blue:#38bdf8;
  --cyan:#22d3ee;
  --green:#34d399;
  --amber:#fbbf24;
  --surface:rgba(255,255,255,.92);
  --surface2:rgba(255,255,255,.82);
  --max:1120px;
  --navH:72px;
  --subNavH:56px;
  color-scheme:light;
}

*{box-sizing:border-box}
html,body{height:100%}
html,body{width:100%;overflow-x:hidden}
body{
  margin:0;
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,"Noto Sans CJK SC","Noto Sans SC",sans-serif;
  color:var(--text);
  background:linear-gradient(180deg,#0b0a22 0%, #0b0a22 18%, #f6f7fb 18%, #f6f7fb 100%);
}

img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit}

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

.skip-link{
  position:absolute;
  left:16px;
  top:16px;
  padding:10px 12px;
  background:#11152a;
  color:#fff;
  border-radius:12px;
  transform:translateY(-120%);
  transition:transform .2s ease;
  z-index:1000;
}
.skip-link:focus{transform:translateY(0)}

.site-header{
  position:relative;
  background:transparent;
}

.nav{
  position:relative;
  z-index:50;
}

.nav__inner{
  height:var(--navH);
  display:flex;
  align-items:center;
  gap:16px;
}

.nav--top{
  position:absolute;
  left:0;
  right:0;
  top:0;
  color:#fff;
}

.nav--sticky{
  position:fixed;
  left:0;
  right:0;
  top:0;
  transform:translateY(-120%);
  opacity:0;
  pointer-events:none;
  transition:transform .22s ease, opacity .22s ease;
  backdrop-filter:saturate(160%) blur(12px);
  background:rgba(255,255,255,.78);
  border-bottom:1px solid rgba(0,0,0,.06);
}
.nav--sticky.is-on{
  transform:translateY(0);
  opacity:1;
  pointer-events:auto;
}

.brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:160px;
}
.brand--compact{min-width:140px}
.brand__logo{
  height:56px;
  width:auto;
  max-width:220px;
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.22));
}
.nav--sticky .brand__logo{filter:none}

.nav__links{
  display:flex;
  align-items:center;
  gap:18px;
  flex:1;
  justify-content:center;
}
.nav__link{
  font-weight:600;
  font-size:14px;
  letter-spacing:.2px;
  opacity:.92;
  position:relative;
  padding:10px 10px;
  border-radius:12px;
  transition:background .18s ease, opacity .18s ease, color .18s ease;
}
.nav__link:hover{
  opacity:1;
  background:rgba(255,255,255,.12);
}
.nav--sticky .nav__link:hover{background:rgba(0,0,0,.06)}
.nav__link.is-active{
  opacity:1;
  background:rgba(255,255,255,.16);
}
.nav--sticky .nav__link.is-active{
  background:rgba(124,58,237,.12);
  color:#3b1a9b;
}

.nav__actions{display:flex;align-items:center;gap:10px}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 16px;
  border-radius:14px;
  border:1px solid transparent;
  font-weight:700;
  font-size:14px;
  cursor:pointer;
  transition:transform .12s ease, filter .12s ease, background .18s ease, border-color .18s ease;
  user-select:none;
}
.btn:active{transform:translateY(1px)}
.btn--primary{
  color:#fff;
  background:linear-gradient(135deg, var(--p) 0%, var(--pink) 100%);
  box-shadow:0 14px 30px rgba(124,58,237,.32);
}
.btn--primary:hover{filter:brightness(1.05)}
.btn--ghost{
  color:#fff;
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.18);
}
.nav--sticky .btn--ghost{
  color:#1a1e2e;
  background:rgba(0,0,0,.05);
  border-color:rgba(0,0,0,.08);
}
.btn--ghost:hover{background:rgba(255,255,255,.14)}
.nav--sticky .btn--ghost:hover{background:rgba(0,0,0,.07)}
.btn--small{padding:10px 14px;border-radius:12px}
.btn--block{width:100%}

.nav__burger{
  display:none;
  width:44px;
  height:44px;
  border-radius:14px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
}
.nav__burger span{
  width:18px;
  height:2px;
  background:#fff;
  border-radius:999px;
}
.nav--sticky .nav__burger{
  background:rgba(0,0,0,.05);
  border-color:rgba(0,0,0,.08);
}
.nav--sticky .nav__burger span{background:#1a1e2e}

.nav__drawer{
  display:none;
  border-top:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.18);
  backdrop-filter:saturate(140%) blur(12px);
}
.nav--sticky .nav__drawer{
  background:rgba(255,255,255,.88);
  border-top:1px solid rgba(0,0,0,.06);
}
.nav__drawerInner{
  padding:12px 0 16px 0;
  display:grid;
  gap:8px;
}
.nav__drawerLink{
  padding:12px 12px;
  border-radius:14px;
  font-weight:700;
  color:#fff;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
}
.nav--sticky .nav__drawerLink{
  color:#1a1e2e;
  background:rgba(0,0,0,.05);
  border-color:rgba(0,0,0,.08);
}

.hero{
  position:relative;
  padding:120px 0 76px 0;
  color:#fff;
  overflow:hidden;
}
.hero__bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(1200px 700px at 10% 10%, rgba(168,85,247,.55) 0%, rgba(168,85,247,0) 55%),
    radial-gradient(900px 520px at 90% 25%, rgba(255,79,216,.45) 0%, rgba(255,79,216,0) 55%),
    radial-gradient(900px 520px at 55% 110%, rgba(56,189,248,.35) 0%, rgba(56,189,248,0) 55%),
    linear-gradient(135deg, #4827d6 0%, #8a36ff 40%, #ff4fd8 100%);
  filter:saturate(1.06) contrast(1.02);
}
.hero__bg::before{
  content:"";
  position:absolute;
  inset:-40px -120px auto -120px;
  height:420px;
  transform:rotate(-6deg);
  background:linear-gradient(90deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 60%);
  opacity:.16;
}
.hero__bg::after{
  content:"";
  position:absolute;
  left:-10%;
  right:-10%;
  bottom:-220px;
  height:360px;
  background:linear-gradient(180deg, rgba(11,10,34,0) 0%, rgba(11,10,34,.55) 40%, rgba(11,10,34,.85) 100%);
  transform:skewY(-6deg);
  opacity:.9;
}

.hero__inner{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
  align-items:center;
}

.hero__badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  font-weight:800;
  font-size:12px;
  letter-spacing:.6px;
  text-transform:uppercase;
  margin:0 0 18px 0;
}

.hero__title{
  margin:0;
  font-size:44px;
  line-height:1.12;
  letter-spacing:-.4px;
}
.hero__subtitle{
  margin:16px 0 0 0;
  font-size:16px;
  line-height:1.8;
  color:rgba(255,255,255,.86);
  max-width:540px;
}
.hero__cta{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
.hero__meta{margin-top:28px}
.meta{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}
.meta__kpi{
  min-width:140px;
  padding:14px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
}
.kpi__num{font-weight:900;font-size:20px;letter-spacing:.2px}
.kpi__label{margin-top:4px;color:rgba(255,255,255,.8);font-weight:700;font-size:12px}
.hero__hint{margin:16px 0 0 0;color:rgba(255,255,255,.72);font-size:12px}

.hero__mock{
  justify-self:end;
  width:min(520px, 100%);
}
.mock{
  position:relative;
  border-radius:24px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 26px 70px rgba(0,0,0,.36);
  overflow:hidden;
}
.mock__top{
  height:46px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 14px;
  border-bottom:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.18);
}
.dot{width:10px;height:10px;border-radius:999px}
.dot--r{background:#ff5f57}
.dot--y{background:#febc2e}
.dot--g{background:#28c840}
.mock__title{
  margin-left:10px;
  color:rgba(255,255,255,.86);
  font-size:12px;
  font-weight:800;
  letter-spacing:.4px;
}
.mock__body{padding:14px}
.mock__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.card{
  border-radius:18px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  padding:12px;
}
.card--kpi{min-height:108px}
.card__label{font-weight:900;font-size:12px;color:rgba(255,255,255,.82);letter-spacing:.4px}
.card__value{margin-top:10px;font-size:28px;font-weight:1000;letter-spacing:-.3px}
.card__sub{margin-top:6px;font-size:12px;color:rgba(255,255,255,.72);font-weight:700}
.card--list{grid-column:1 / -1}
.list__row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px dashed rgba(255,255,255,.16)}
.list__row:first-child{border-top:none;padding-top:2px}
.pill{
  width: 48px;
  font-size:11px;
  font-weight:900;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
}
.pill--p{background:rgba(168,85,247,.18);border-color:rgba(168,85,247,.34)}
.pill--b{background:rgba(56,189,248,.16);border-color:rgba(56,189,248,.32)}
.pill--g{background:rgba(52,211,153,.16);border-color:rgba(52,211,153,.32)}
.list__text{font-size:12px;font-weight:800;color:rgba(255,255,255,.82)}
.card--chart{min-height:160px}
.chart__title{font-size:12px;font-weight:900;color:rgba(255,255,255,.82)}
.bars{margin-top:10px;display:grid;gap:10px}
.bar{
  height:28px;
  border-radius:14px;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.12);
  position:relative;
  overflow:hidden;
}
.bar::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:var(--v);
  background:linear-gradient(90deg, rgba(56,189,248,.0) 0%, rgba(56,189,248,.45) 30%, rgba(255,79,216,.45) 100%);
}
.bar span{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  height:100%;
  padding:0 12px;
  font-weight:900;
  font-size:11px;
  color:rgba(255,255,255,.88);
}
.mock__glow{
  position:absolute;
  inset:-40px;
  background:radial-gradient(420px 260px at 70% 20%, rgba(255,79,216,.50), rgba(255,79,216,0) 60%);
  pointer-events:none;
  mix-blend-mode:screen;
  opacity:.55;
}

#sticky-sentinel{height:1px}

.section{
  padding:80px 0;
  position:relative;
}
.section--light{background:#f6f7fb}
.section--split{background:linear-gradient(180deg,#f6f7fb 0%, #eef0f8 100%)}
.section--certs{
  background:linear-gradient(180deg,#0b0a22 0%, #1a0c38 35%, #0b0a22 100%);
  color:#fff;
}

.section__head{
  max-width:720px;
  margin:0 0 26px 0;
}
.section__head--light .section__desc{color:rgba(255,255,255,.75)}
.section__title{
  margin:0;
  font-size:34px;
  letter-spacing:-.3px;
}
.section__desc{
  margin:12px 0 0 0;
  font-size:15px;
  line-height:1.8;
  color:var(--muted);
}

.pillNavWrap{position:relative;z-index:5}
.pillNav{
  position:sticky;
  top:calc(var(--navH) + 10px);
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding:10px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px;
  box-shadow:0 10px 30px rgba(16, 24, 40, .10);
  backdrop-filter:saturate(160%) blur(10px);
  width:fit-content;
  margin:0 0 26px 0;
}
.pillNav__item{
  padding:10px 14px;
  border-radius:999px;
  font-weight:900;
  font-size:13px;
  color:#1a1e2e;
  background:rgba(0,0,0,.05);
  border:1px solid rgba(0,0,0,.06);
  transition:background .18s ease, color .18s ease, transform .12s ease;
}
.pillNav__item:hover{background:rgba(0,0,0,.07)}
.pillNav__item:active{transform:translateY(1px)}
.pillNav__item.is-active{
  background:rgba(124,58,237,.14);
  border-color:rgba(124,58,237,.18);
  color:#3b1a9b;
}

.featureGrid{display:grid;gap:26px}
.feature{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:stretch;
  padding:28px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 16px 48px rgba(16, 24, 40, .08);
}
.feature__text,.feature__media{min-width:0}
.feature--reverse{grid-template-columns:1fr 1fr}
.feature--reverse .feature__text{order:2}
.feature--reverse .feature__media{order:1}
.feature__title{margin:0;font-size:20px;letter-spacing:-.2px}
.feature__desc{margin:10px 0 0 0;font-size:14px;line-height:1.9;color:var(--muted)}
.feature__list{margin:14px 0 0 0;padding:0;list-style:none;display:grid;gap:10px}
.feature__list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-weight:800;
  font-size:13px;
  color:#1a1e2e;
}
.feature__list li::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--p),var(--pink));
  margin-top:6px;
  flex:0 0 auto;
}

.tile{
  border-radius:22px;
  padding:18px;
  color:#fff;
  box-shadow:var(--shadow2);
  border:1px solid rgba(255,255,255,.18);
  position:relative;
  overflow:hidden;
  min-height:210px;
}
.tile--purple{background:linear-gradient(135deg,#5b21b6 0%, #8b5cf6 40%, #ff4fd8 100%)}
.tile--blue{background:linear-gradient(135deg,#0ea5e9 0%, #22d3ee 60%, #a855f7 100%)}
.tile--pink{background:linear-gradient(135deg,#ff4fd8 0%, #a855f7 45%, #22d3ee 100%)}
.tile--light{
  background:linear-gradient(135deg,#f8fafc 0%, #eef2ff 60%, #fdf2f8 100%);
  color:#1a1e2e;
  border-color:rgba(0,0,0,.06);
}
.tile::after{
  content:"";
  position:absolute;
  inset:-40px -60px auto auto;
  width:240px;
  height:240px;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.55), rgba(255,255,255,0) 60%);
  transform:rotate(18deg);
  opacity:.35;
  pointer-events:none;
}
.tile--light::after{opacity:.6}

.tile__tag{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:1000;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.14);
}
.tile--light .tile__tag{
  background:rgba(124,58,237,.10);
  border-color:rgba(124,58,237,.18);
}
.tile__big{margin-top:12px;font-weight:1000;font-size:18px;line-height:1.5}
.tile__row{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.miniCard{
  padding:12px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
}
.miniCard--flat{
  background:rgba(0,0,0,.03);
  border-color:rgba(0,0,0,.06);
}
.miniCard__k{font-weight:900;font-size:12px;opacity:.88}
.miniCard__v{margin-top:8px;font-size:18px;font-weight:1000}

.tile__chart{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;min-height:132px;margin-top:8px}
.spark{
  display:flex;
  gap:8px;
  align-items:flex-end;
  height:128px;
  padding:6px 10px;
  border-radius:18px;
  background:rgba(0,0,0,.03);
  border:1px solid rgba(0,0,0,.06);
  flex:1;
}
.spark span{
  width:12px;
  height:var(--h);
  border-radius:999px;
  background:linear-gradient(180deg, rgba(124,58,237,.85) 0%, rgba(255,79,216,.78) 100%);
}
.tile__chartMeta{display:grid;gap:10px;min-width:160px}
.metaLine{display:flex;align-items:center;gap:8px;font-weight:900;font-size:12px;color:#1a1e2e}
.dotSm{width:10px;height:10px;border-radius:999px}
.dotSm--p{background:rgba(124,58,237,.88)}
.dotSm--b{background:rgba(56,189,248,.88)}

.timeline{display:grid;gap:14px;margin-top:6px}
.step{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:12px 12px;
  border-radius:18px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.20);
}
.step__dot{
  width:12px;
  height:12px;
  border-radius:999px;
  background:rgba(255,255,255,.58);
  margin-top:6px;
  flex:0 0 auto;
}
.is-done .step__dot{background:rgba(52,211,153,.92)}
.step__t{font-weight:1000;font-size:13px}
.step__s{margin-top:4px;font-weight:900;font-size:12px;opacity:.86}

.promo{display:grid;gap:12px}
.promo__tag{
  width:fit-content;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:1000;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
}
.promo__title{font-weight:1000;font-size:18px;line-height:1.5}
.promo__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stat{
  padding:12px 12px;
  border-radius:18px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.20);
}
.stat__k{font-weight:900;font-size:12px;opacity:.9}
.stat__v{margin-top:6px;font-weight:1000;font-size:18px}

.split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
  align-items:stretch;
}
.cards{display:grid;gap:12px;margin-top:18px}
.infoCard{
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 14px 40px rgba(16, 24, 40, .08);
}
.infoCard__t{margin:0;font-size:16px;font-weight:1000}
.infoCard__d{margin:8px 0 0 0;color:var(--muted);line-height:1.85;font-size:13px;font-weight:700}

.poster{
  position:relative;
  border-radius:26px;
  padding:28px;
  background:
    radial-gradient(640px 420px at 25% 20%, rgba(168,85,247,.40), rgba(168,85,247,0) 62%),
    radial-gradient(520px 340px at 80% 35%, rgba(56,189,248,.30), rgba(56,189,248,0) 62%),
    linear-gradient(135deg, #11102a 0%, #24104a 40%, #2a0b3f 100%);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 26px 70px rgba(0,0,0,.30);
  overflow:hidden;
  min-height:320px;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
}
.poster__cap{font-weight:1000;letter-spacing:.4px;opacity:.86}
.poster__stars{font-size:18px;color:#ffd34d}
.poster__quote{font-size:16px;line-height:1.8;color:rgba(255,255,255,.86);font-weight:800}
.poster__badge{
  margin-top:8px;
  width:fit-content;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  font-weight:1000;
  font-size:12px;
}

.about{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
  align-items:stretch;
}
.about__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.bullets{margin-top:18px;display:grid;gap:10px}
.bullet{
  display:grid;
  grid-template-columns:80px minmax(0, 1fr);
  gap:12px;
  align-items:start;
  padding:12px 14px;
  border-radius:18px;
  background:rgba(0,0,0,.04);
  border:1px solid rgba(0,0,0,.06);
}
.bullet__k{font-weight:1000}
.bullet__v{color:var(--muted);font-weight:800;text-align:left;min-width:0}

.aboutCard{
  border-radius:26px;
  background:linear-gradient(180deg,#fff 0%, #fbfbff 100%);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 18px 60px rgba(16, 24, 40, .10);
  overflow:hidden;
  height:100%;
  display:flex;
  flex-direction:column;
}
.aboutCard__logo{
  padding:20px 20px 10px 20px;
}
.aboutCard__logo img{height:34px;width:auto}
.aboutCard__line{
  height:1px;
  background:linear-gradient(90deg, rgba(124,58,237,.26), rgba(255,79,216,.22), rgba(56,189,248,.22));
}
.aboutCard__grid{
  padding:16px 18px 18px 18px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  flex:1;
}
.aboutMini{
  padding:12px 12px;
  border-radius:18px;
  background:rgba(124,58,237,.06);
  border:1px solid rgba(124,58,237,.10);
}
.aboutMini__k{font-weight:1000;font-size:12px;color:#3b1a9b}
.aboutMini__v{margin-top:6px;font-weight:800;color:#1a1e2e;font-size:13px;line-height:1.6}

.domainCard{
  margin-top:18px;
  padding:18px;
  border-radius:26px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 18px 60px rgba(16, 24, 40, .10);
}
.domainCard__img{
  width:100%;
  height:auto;
  border-radius:18px;
  object-fit:contain;
  background:#fff;
}

.certGrid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:14px;
  margin-top:26px;
}
.mediaShowcase{
  display:grid;
  gap:20px;
}
.cert{
  appearance:none;
  border:none;
  padding:0;
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  cursor:pointer;
  box-shadow:0 18px 60px rgba(0,0,0,.32);
  transform:translateY(0);
  transition:transform .12s ease, filter .12s ease;
}
.cert:hover{transform:translateY(-2px);filter:brightness(1.03)}
.cert img{
  width:100%;
  height:100%;
  aspect-ratio:3/4;
  object-fit:cover;
}
.cert--square img{aspect-ratio:1/1}
.mediaShowcase__carousel{
  display:grid;
  gap:12px;
  margin-top:14px;
}
.mediaShowcase[data-showcase-rows="0"] .mediaShowcase__carousel{
  margin-top:0;
}
.mediaShowcase__label{
  font-size:13px;
  font-weight:900;
  letter-spacing:.2px;
  color:inherit;
  opacity:.78;
}
.mediaShowcase__viewport{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  padding:6px 0;
  mask-image:linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
}
.mediaShowcase__track{
  display:flex;
  align-items:stretch;
  gap:14px;
  width:max-content;
  will-change:transform;
}
.mediaShowcase__group{
  display:flex;
  align-items:stretch;
  gap:14px;
  flex:none;
}
.mediaShowcase[data-showcase-carousel-rows="2"] .mediaShowcase__group{
  display:grid;
  grid-auto-flow:column;
  grid-template-rows:repeat(2, auto);
  gap:14px;
  align-items:stretch;
}
.mediaShowcase__track .cert,
.mediaShowcase__track .gallery__item{
  flex:none;
  margin:0;
}
.mediaShowcase__track .cert{width:220px}
.mediaShowcase__track .gallery__item{width:180px}

.gallery{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:12px;
  margin-top:22px;
}
.gallery__item{
  appearance:none;
  border:none;
  padding:0;
  border-radius:18px;
  overflow:hidden;
  background:rgba(0,0,0,.04);
  border:1px solid rgba(0,0,0,.06);
  cursor:pointer;
  box-shadow:0 14px 40px rgba(16, 24, 40, .10);
  transform:translateY(0);
  transition:transform .12s ease, filter .12s ease;
}
.gallery__item:hover{transform:translateY(-2px);filter:brightness(1.03)}
.gallery__item img{
  width:100%;
  height:100%;
  aspect-ratio:3/4;
  object-fit:cover;
}

.cta{
  position:relative;
  padding:86px 0;
  background:#0b0a22;
  color:#fff;
  overflow:hidden;
}
.cta__bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 520px at 15% 40%, rgba(168,85,247,.45), rgba(168,85,247,0) 60%),
    radial-gradient(800px 500px at 85% 20%, rgba(255,79,216,.40), rgba(255,79,216,0) 60%),
    radial-gradient(800px 500px at 75% 92%, rgba(56,189,248,.30), rgba(56,189,248,0) 60%),
    linear-gradient(135deg, #3310a8 0%, #7c3aed 35%, #ff4fd8 100%);
  opacity:.88;
}
.cta__bg::after{
  content:"";
  position:absolute;
  left:-12%;
  right:-12%;
  bottom:-220px;
  height:380px;
  background:linear-gradient(180deg, rgba(11,10,34,0) 0%, rgba(11,10,34,.64) 40%, rgba(11,10,34,.9) 100%);
  transform:skewY(-7deg);
}
.cta__inner{
  position:relative;
  display:grid;
  /* grid-template-columns:1.02fr .98fr; */
  gap:24px;
  align-items:start;
}
.cta__title{margin:0;font-size:34px;letter-spacing:-.3px;line-height:1.16}
.cta__desc{margin:12px 0 0 0;color:rgba(255,255,255,.86);line-height:1.9;font-weight:700}
.cta__actions{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap}

.form{
  border-radius:26px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 26px 70px rgba(0,0,0,.32);
  padding:18px;
  backdrop-filter:saturate(140%) blur(12px);
}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{display:grid;gap:8px}
.field__label{font-weight:1000;font-size:12px;color:rgba(255,255,255,.86)}
.field__input{
  width:100%;
  padding:12px 12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(0,0,0,.22);
  color:#fff;
  outline:none;
  font-weight:800;
  font-size:14px;
}
.field__input::placeholder{color:rgba(255,255,255,.56);font-weight:800}
.field__textarea{min-height:96px;resize:vertical}
.form__hint{
  margin:10px 0 0 0;
  font-size:12px;
  color:rgba(255,255,255,.72);
  line-height:1.7;
  font-weight:700;
}

.footer{
  background:#07081a;
  color:#fff;
}
.footer__inner{
  padding:42px 0;
  display:grid;
  grid-template-columns:minmax(160px, .72fr) 1.20fr;
  gap:18px;
  align-items:start;
}
.footer__brand{max-width:260px}
.footer__logo{height:50px;width:auto}
.footer__slogan{margin-top:10px;color:rgba(255,255,255,.72);font-weight:800;font-size:14px;line-height:1.65}
.footer__cols{display:grid;grid-template-columns:1fr 1fr 1.8fr;gap:16px;justify-self:start}
.footer__t{font-weight:1000;margin-bottom:10px}
.footer__a{display:block;color:rgba(255,255,255,.78);font-weight:800;line-height:2}
.footer__contact{flex-wrap:wrap;gap:8px 14px}
.footer__a--inline{white-space:nowrap;line-height:1.7}
.footer__a--scroll{overflow-x:auto;max-width:100%;line-height:1.7;font-size:16px}
.footer__col--contact{min-width:0}
.footer__col--qr{justify-self:end}
.footer__col--qrGroup{grid-column:1 / -1}
.qrGrid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:12px;
}
.qrItem{
  min-width:0;
  padding:12px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  display:grid;
  gap:10px;
}
.qrItem__t{font-weight:1000;font-size:12px;color:rgba(255,255,255,.86)}
.qrItem__img{
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  border-radius:14px;
  background:#fff;
  object-fit:cover;
}
.qr{
  display:grid;
  gap:10px;
  padding:12px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  width:fit-content;
}
.qr__img{
  width:min(120px, 100%);
  height:auto;
  aspect-ratio:1/1;
  border-radius:14px;
  background:#fff;
  object-fit:cover;
}
.qr__text{color:rgba(255,255,255,.72);font-weight:800;font-size:12px;line-height:1.4}
.qr__actions{display:flex;gap:8px;flex-wrap:wrap}
.qr__actions .btn{padding:10px 12px}
.footer__bottom{
  border-top:1px solid rgba(255,255,255,.10);
  padding:14px 0;
  color:rgba(255,255,255,.66);
  font-weight:800;
  font-size:12px;
}
.footer__bottomInner{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.footer__sep{opacity:.4}

.lightbox{
  position:fixed;
  inset:0;
  display:none;
  z-index:2000;
}
.lightbox.is-on{display:block}
.lightbox__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.62);
  backdrop-filter:saturate(120%) blur(6px);
}
.lightbox__panel{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(980px, calc(100% - 28px));
  max-height:min(84vh, 860px);
  background:#0f132a;
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  box-shadow:0 30px 90px rgba(0,0,0,.55);
  overflow:hidden;
  display:grid;
  grid-template-rows:auto minmax(0, 1fr);
}
.lightbox__title{
  padding:14px 44px 14px 16px;
  color:rgba(255,255,255,.88);
  font-weight:1000;
  font-size:13px;
  border-bottom:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
}
.lightbox__img{
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
  background:linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.24));
}
.lightbox__close{
  position:absolute;
  right:12px;
  top:10px;
  width:36px;
  height:36px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-weight:1000;
  cursor:pointer;
}
.lightbox__close:hover{background:rgba(255,255,255,.12)}

@media (max-width: 980px){
  .hero__inner{grid-template-columns:1fr;gap:22px}
  .hero__mock{justify-self:start}
  .feature{grid-template-columns:1fr}
  .feature--reverse{grid-template-columns:1fr}
  .feature--reverse .feature__text,.feature--reverse .feature__media{order:unset}
  .split{grid-template-columns:1fr}
  .about{grid-template-columns:1fr}
  .cta__inner{grid-template-columns:1fr}
  .certGrid{grid-template-columns:repeat(3, 1fr)}
  .gallery{grid-template-columns:repeat(4, minmax(0, 1fr))}
  .mediaShowcase__track .cert{width:200px}
  .mediaShowcase__track .gallery__item{width:170px}
  .qrGrid{grid-template-columns:repeat(3, minmax(0, 1fr))}
}

@media (max-width: 760px){
  :root{--navH:66px}
  .container{padding:0 16px}
  .nav__links{display:none}
  .nav__burger{display:flex}
  .nav__drawer{display:none}
  .nav__drawer[aria-hidden="false"]{display:block}
  .nav__inner{justify-content:space-between}
  .brand{min-width:0}
  .brand__logo{height:44px}
  .nav--top .brand__logo{max-width:140px}
  .nav--top .nav__actions .btn--ghost{display:none}
  .nav--top .nav__actions .btn{padding:10px 12px;border-radius:12px}
  .hero{padding:106px 0 64px 0}
  .hero__title{font-size:36px}
  .section{padding:66px 0}
  .section__title{font-size:28px}
  .pillNav{top:calc(var(--navH) + 8px);width:100%;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}
  .pillNav__item{display:flex;justify-content:center;align-items:center;padding:10px 10px}
  .form__row{grid-template-columns:1fr}
  .certGrid{grid-template-columns:repeat(2, 1fr)}
  .gallery{grid-template-columns:repeat(3, minmax(0, 1fr))}
  .mediaShowcase{gap:16px}
  .mediaShowcase__viewport{border-radius:18px}
  .mediaShowcase__track .cert{width:160px}
  .mediaShowcase__track .gallery__item{width:140px}
  .footer__inner{grid-template-columns:1fr}
  .footer__cols{grid-template-columns:repeat(2, 1fr)}
  .footer__col--qr{justify-self:start}
  .footer__col--qrGroup{grid-column:1 / -1}
  .qrGrid{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .qr{width:100%}
  .qr__img{width:100%;height:auto;aspect-ratio:1/1}
  .qr__actions .btn{flex:1}
}

@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}