/* finesse · register=brand · A=ink-navy+cobalt+antique-gold · B=900/400-sans · C=editorial-ledger+portrait-work-rail+proof-filmstrip · D=semantic-CSS-microloops+accessible-scroll-snap · E=real-content-contact-sheets · SOUL=8 SPECTACLE=4 DENSITY=6 */
/* 新青年体优先使用本机字体，未安装时自动回落，避免请求不存在的字体文件。 */
@font-face{
  font-family:'XinQingNian';
  src: local('文悦新青年体 W8'), local('WenYue XinQingNianTi W8'),
       local('文悦新青年体'), local('XinQingNianTi'), local('新青年体');
  font-weight: 400 900;
  font-display: swap;
}
:root{
  --navy-950:#05070D;
  --navy-900:#090D1A;
  --navy-800:#0D1428;
  --blue:#2F5FE0;
  --blue-deep:#12318F;
  --blue-glow:#5C86F2;
  --gold:#D8B579;
  --gold-2:#9C7A3D;
  --teal:#3FB090;
  --text:#EDF0F7;
  --muted:#8C97B4;
  --muted-2:#6B7695;
  --line:rgba(255,255,255,.09);
  --line-2:rgba(255,255,255,.14);
  --panel:linear-gradient(160deg, rgba(255,255,255,.055), rgba(255,255,255,.014));
  --shadow-card:0 1px 0 rgba(255,255,255,.10) inset, 0 30px 54px -32px rgba(0,4,20,.85);
  --shadow-card-sm:0 1px 0 rgba(255,255,255,.10) inset, 0 18px 34px -22px rgba(0,4,20,.8);
  --cn:'XinQingNian','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
  --en:'Manrope','XinQingNian','Noto Sans SC',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{
  font-family:var(--cn);
  background:var(--navy-950);
  color:var(--text);
  line-height:1.65;
  overflow-x:clip;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
img{max-width:100%}

/* Skip layout and paint work for sections that have not entered the viewport.
   The intrinsic size keeps scrolling stable until the real section is drawn. */
#challenges,#solutions,#services,#content-work,#bluetick,#results,#flow,#clients,#real-cases,#faq,main>section:last-child{
  content-visibility:auto;
  contain-intrinsic-size:auto 820px;
}
:focus-visible{outline:2px solid var(--blue-glow);outline-offset:3px;border-radius:4px}
.skip-link{position:fixed;left:18px;top:12px;z-index:1000;transform:translateY(-150%);padding:11px 15px;border-radius:10px;background:var(--text);color:var(--navy-800);font-weight:800;box-shadow:0 14px 32px rgba(0,4,20,.5);transition:transform .18s}
.skip-link:focus{transform:translateY(0)}
.navlinks a.active{color:var(--text)}
@media(prefers-reduced-motion:reduce){.mq-track{animation:none!important}}
.wrap{max-width:1180px;margin:0 auto;padding:0 26px}
section{position:relative;z-index:2;padding:88px 0;scroll-margin-top:78px}
.divider{height:1px;background:linear-gradient(90deg,transparent,var(--line-2) 20%,var(--line-2) 80%,transparent);position:relative;z-index:2}

/* backdrop */
.bg{position:fixed;inset:0;z-index:0;pointer-events:none}
.bg .grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(140,170,255,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(140,170,255,.045) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 85% 50% at 50% 0%,#000 30%,transparent 88%);
}
.bg .grain{position:absolute;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.bg .orb{position:absolute;border-radius:50%;filter:blur(120px)}
.o1{width:640px;height:640px;background:#1C3FBE;opacity:.30;top:-220px;left:-160px}
.o2{width:600px;height:600px;background:#0E2670;opacity:.34;top:160px;right:-220px}
.o3{width:520px;height:520px;background:#3C2E10;opacity:.16;bottom:-200px;left:32%}

/* ===== NAV ===== */
header{position:sticky;top:0;z-index:60;background:rgba(5,7,13,.82);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}
header>.wrap{position:relative}
nav{display:flex;align-items:center;justify-content:space-between;padding:15px 0;gap:20px}
.brand{display:flex;align-items:center;gap:11px}
.brand img{height:42px;width:auto;display:block;filter:drop-shadow(0 2px 10px rgba(60,100,220,.4))}
.navlinks{display:flex;gap:28px;font-size:14px;color:var(--muted);font-weight:500}
.navlinks a{transition:color .2s}
.navlinks a:hover{color:#fff}
.nav-toggle{display:none;width:42px;height:42px;border-radius:11px;border:1px solid var(--line-2);background:rgba(255,255,255,.045);align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer}
.nav-toggle span{display:block;width:17px;height:2px;border-radius:2px;background:#fff;transition:transform .2s,opacity .2s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobile-nav{position:absolute;left:26px;right:26px;top:74px;padding:13px;border-radius:16px;background:rgba(8,13,27,.98);border:1px solid rgba(120,150,230,.24);box-shadow:0 28px 70px rgba(0,0,0,.5);backdrop-filter:blur(24px)}
.mobile-nav[hidden]{display:none}
.mobile-nav a{display:flex;align-items:center;justify-content:space-between;padding:13px 12px;border-radius:9px;color:#CBD4E9;font-size:14px}
.mobile-nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.mobile-nav .mobile-wa{margin-top:8px;background:linear-gradient(180deg,#4171F5,var(--blue));color:#fff;font-weight:800}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;font-weight:700;font-size:14px;padding:12px 22px;cursor:pointer;border:0;transition:transform .18s,box-shadow .18s,background .18s;font-family:var(--cn);white-space:nowrap}
.btn-main{
  color:#fff;
  background:linear-gradient(180deg,#4171F5,var(--blue) 55%,var(--blue-deep));
  box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 14px 28px -12px rgba(28,60,190,.7);
}
.btn-main:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 18px 34px -12px rgba(28,60,190,.8)}
.btn-ghost{color:#fff;background:rgba(255,255,255,.045);border:1px solid var(--line-2);box-shadow:0 1px 0 rgba(255,255,255,.1) inset}
.btn-ghost:hover{transform:translateY(-2px);background:rgba(255,255,255,.08)}
.btn-gold{color:#221803;background:linear-gradient(180deg,#EAD09B,var(--gold) 60%,var(--gold-2));box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 14px 26px -12px rgba(160,120,50,.55)}
.btn-gold:hover{transform:translateY(-2px)}

/* ===== shared bits ===== */
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.14em;
  color:#B7C7F5;background:rgba(47,95,224,.12);border:1px solid rgba(90,130,230,.28);
  padding:7px 15px;border-radius:999px;margin-bottom:22px;
}
.eyebrow .dot{width:5px;height:5px;border-radius:50%;background:var(--blue-glow);box-shadow:0 0 8px var(--blue-glow)}
.eyebrow.gold{color:#F0DBA8;background:rgba(216,181,121,.10);border-color:rgba(216,181,121,.3)}
.eyebrow.gold .dot{background:var(--gold);box-shadow:0 0 8px var(--gold)}
.sec-head{max-width:700px;margin-bottom:40px}
.sec-head h2{font-size:clamp(26px,3.2vw,40px);font-weight:800;line-height:1.4;letter-spacing:0}
.sec-head h2 em{font-style:normal;color:#AFC3F7}
.sec-head p{color:var(--muted);margin-top:15px;font-size:15.5px;max-width:600px}
.gold-text{color:var(--gold)}

/* refined dimensional display type */
.d3{
  font-weight:800;line-height:1.32;letter-spacing:0;
  color:#fff;
  text-shadow:
    0 2px 2px rgba(4,10,32,.35),
    0 14px 32px rgba(10,30,110,.4);
}
.d3 .accent{color:var(--gold);text-shadow:none}
h1,h2,h3{overflow-wrap:anywhere;min-width:0;text-wrap:balance}
main>section:not(.hero){content-visibility:auto;contain-intrinsic-size:auto 820px}

/* ===== HERO ===== */
.hero{padding-top:64px;padding-bottom:0}
.hero-tail{padding:8px 0 64px}
.htail-head{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.htail-head b{font-size:14px;font-weight:800;color:#fff}
.htail-head span{font-size:12.5px;color:var(--muted)}
.hero-grid{display:block}
.hero-copy{max-width:860px}
.hero h1{font-size:clamp(36px,5.4vw,68px)}
.hero .sub{margin-top:22px;color:#A6B2CE;font-size:16.5px;max-width:680px}
.hero .sub b{color:#fff;font-weight:700}
.hero .tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.tag{font-size:13px;font-weight:600;padding:8px 14px;border-radius:10px;background:rgba(255,255,255,.045);border:1px solid var(--line);color:#C7CFE4}
.tag b{color:var(--gold);margin-right:2px}
.hero .cta{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
.hero-trust{display:flex;gap:16px;flex-wrap:wrap;margin-top:17px;color:#8F9BB8;font-size:11.5px}
.hero-trust span{display:inline-flex;align-items:center;gap:7px}
.hero-trust span::before{content:"✓";display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:rgba(63,176,144,.16);color:#6FD4A8;font-size:10px;font-weight:900}

/* hero visual */
.stage{position:relative;height:440px}
.plate{
  position:absolute;border-radius:22px;
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.02));
  border:1px solid var(--line-2);
  box-shadow:var(--shadow-card);
  backdrop-filter:blur(14px);
}
.plate-main{
  inset:24px 10px 40px 26px;
  background:linear-gradient(160deg,rgba(28,55,150,.38),rgba(6,10,26,.78));
  padding:30px 28px;
}
.tick{
  width:60px;height:60px;border-radius:50%;
  background:radial-gradient(circle at 32% 26%,#7FA0F5,var(--blue) 46%,var(--blue-deep));
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 14px 26px -10px rgba(20,60,200,.85);
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:900;
}
.plate-main h3{font-size:21px;font-weight:800;margin:20px 0 9px}
.plate-main p{font-size:13.5px;color:#AEB9D6}
.mini{
  position:absolute;padding:14px 17px;border-radius:14px;
  background:linear-gradient(160deg,rgba(14,18,36,.96),rgba(7,10,20,.97));
  border:1px solid var(--line-2);
  box-shadow:var(--shadow-card-sm);
  font-size:12px;color:#93A0BF;
}
.mini b{display:block;font-family:var(--en);font-size:22px;font-weight:800;color:#fff;letter-spacing:-.02em}
.mini b.g{color:#6FD4A8}
.mini b.y{color:var(--gold)}
.m1{top:0;right:0}
.m2{bottom:78px;left:-4px}
.m3{bottom:0;right:34px}

/* stat bar */
.statbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:46px;padding-bottom:44px}
.stat{
  padding:22px 20px;border-radius:16px;background:var(--panel);border:1px solid var(--line);
  box-shadow:var(--shadow-card-sm);
}
.stat b{display:block;font-family:var(--en);font-size:31px;font-weight:800;letter-spacing:-.03em;color:#BFD0FF}
.stat span{color:var(--muted);font-size:13px}
.platform-list{display:flex!important;align-items:center;flex-wrap:wrap;gap:7px;margin-top:11px}
.platform-chip{display:inline-flex;align-items:center;gap:6px;min-height:29px;padding:4px 8px 4px 5px;border:1px solid var(--line);border-radius:6px;background:rgba(205,218,248,.035);color:#AAB5CB!important;font-size:9.5px!important;line-height:1;white-space:nowrap}
.platform-chip img{display:block;width:19px;height:19px;object-fit:contain;border-radius:4px}
.platform-chip>span{display:inline;margin:0;color:inherit;font-size:inherit}
.platform-chip:first-child img{clip-path:inset(4.8% round 22%);transform:scale(1.08)}
.platform-chip-dark img{padding:2px;background:#101522}
.social-btn img{width:18px;height:18px;object-fit:contain}
.footer-social-link{display:inline-flex;align-items:center;gap:8px}
.footer-social-link img{width:16px;height:16px;object-fit:contain;flex:none}

/* ===== PILLARS (feature rows) ===== */
.pillar-rows{display:flex;flex-direction:column;gap:26px}
.pillar-row{
  position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center;
  padding:40px;border-radius:24px;overflow:hidden;
  background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));
  border:1px solid var(--line);
  box-shadow:var(--shadow-card);
  transition:transform .28s,border-color .28s;
}
.pillar-row::after{content:"";position:absolute;inset:0;background:radial-gradient(520px 220px at 8% -20%,rgba(60,100,220,.18),transparent 70%);pointer-events:none}
.pillar-row:hover{transform:translateY(-4px);border-color:rgba(90,130,230,.4)}
.pillar-row-bluetick{display:block;padding:0;background:#071225;border-color:rgba(88,130,225,.58)}
.pillar-row-bluetick::after{display:none}
.bluetick-showcase{display:block;width:100%;height:auto;border-radius:23px}
.bluetick-mobile{display:none}
.bluetick-phone-card>a{display:block;border-radius:20px;overflow:hidden;border:1px solid rgba(118,151,235,.34);background:linear-gradient(160deg,#0a1732,#061023);box-shadow:0 26px 55px -30px rgba(33,84,230,.95)}
.bluetick-phone-card .image-hint{display:block;margin-top:10px;text-align:center;font-size:11px;color:#8292b8}
.pr-text{position:relative;z-index:1}
.pnum{font-family:var(--en);font-size:12px;font-weight:800;letter-spacing:.18em;color:#5E76AC}
.picon{
  width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;margin:16px 0 18px;
  color:#fff;
}
.picon.blue{background:linear-gradient(165deg,#4E7BF5,var(--blue) 60%,var(--blue-deep));box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 14px 26px -12px rgba(30,70,220,.85)}
.picon.gold{background:linear-gradient(165deg,#F0DCA8,var(--gold) 55%,var(--gold-2));box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 14px 26px -12px rgba(160,120,50,.6);color:#2A1F08}
.picon.teal{background:linear-gradient(165deg,#6FDCBC,var(--teal) 60%,#237059);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 14px 26px -12px rgba(30,150,120,.55)}
.pr-text h3{font-size:22px;font-weight:800;margin-bottom:11px}
.pr-text > p{font-size:13.5px;color:#94A0BE;margin-bottom:20px;max-width:440px}
.plist{list-style:none;display:flex;flex-direction:column;gap:9px}
.plist li{font-size:13px;color:#B7C1DB;display:flex;gap:9px;align-items:flex-start}
.plist li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--blue-glow);flex:none;margin-top:7px}

/* pillar visual: real screenshot mockups */
.pr-visual{position:relative;display:flex;align-items:center;justify-content:center;z-index:1;min-height:300px}
.pr-frame{position:relative;max-width:250px}
.pr-frame-wide{max-width:340px}
.pr-frame img{
  width:100%;display:block;border-radius:16px;
  filter:drop-shadow(0 26px 46px rgba(0,4,20,.7));
  -webkit-mask-image:radial-gradient(ellipse 88% 90% at 50% 50%,#000 62%,transparent 100%);
  mask-image:radial-gradient(ellipse 88% 90% at 50% 50%,#000 62%,transparent 100%);
}
.pr-badge{
  position:absolute;padding:11px 15px;border-radius:13px;min-width:104px;text-align:center;
  background:linear-gradient(160deg,rgba(14,18,36,.97),rgba(7,10,20,.98));
  border:1px solid var(--line-2);box-shadow:var(--shadow-card-sm);
  font-size:11px;color:#93A0BF;
}
.pr-badge b{display:block;font-family:var(--en);font-size:21px;font-weight:800;color:#fff;letter-spacing:-.01em}
.pb1{top:5%;right:2%}
.pb2{top:4%;left:2%}
.pb3{bottom:4%;right:2%}


/* ===== BLUE TICK BENEFIT ===== */
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bene{
  padding:24px 20px;border-radius:16px;background:var(--panel);border:1px solid var(--line);
  box-shadow:var(--shadow-card-sm);
}
.bene .n{font-family:var(--en);font-size:24px;font-weight:800;line-height:1;color:#AFC3F7}
.bene h3{font-size:16px;font-weight:800;margin:12px 0 7px}
.bene p{font-size:12.5px;color:var(--muted)}

/* ===== RESULTS ===== */
.cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.case{
  border-radius:20px;overflow:hidden;border:1px solid var(--line);
  background:var(--panel);
  box-shadow:var(--shadow-card);
  transition:transform .28s;
}
.case:hover{transform:translateY(-5px)}
.case .top{padding:22px 24px 0;display:flex;align-items:center;justify-content:space-between}
.case .ind{font-size:11.5px;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(47,95,224,.14);border:1px solid rgba(90,130,230,.28);color:#B7C7F5}
.case .body{padding:16px 24px 26px}
.case h3{font-size:16.5px;font-weight:800;margin-bottom:8px}
.case p{font-size:13px;color:#8D99B8;margin-bottom:18px}
.kpis{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:16px}
.kpis div span{display:block;font-size:11px;color:var(--muted-2)}
.kpis div b{font-family:var(--en);font-size:20px;font-weight:800;color:#6FD4A8;letter-spacing:-.02em}
.kpis div b.y{color:var(--gold)}
.kpis div b.w{color:#fff}

/* ===== CHALLENGES ===== */
.pain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pain-card{display:flex;gap:14px;align-items:flex-start;padding:22px 20px;border-radius:16px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-card-sm)}
.pain-ic{flex:none;font-size:10px;font-weight:800;letter-spacing:.04em;color:#AFC3F7;background:rgba(255,255,255,.05);border:1px solid var(--line);min-width:44px;height:30px;padding:0 8px;border-radius:9px;display:flex;align-items:center;justify-content:center}
.pain-card h3{font-size:14.5px;font-weight:800;margin-bottom:5px}
.pain-card p{font-size:12.5px;color:var(--muted)}
.pain-banner{margin-top:28px;padding:22px 26px;border-radius:16px;text-align:center;font-size:15px;color:#DCE3F5;background:linear-gradient(160deg,rgba(47,95,224,.16),rgba(5,8,18,.7));border:1px solid rgba(90,130,230,.28)}
.pain-banner b{color:#fff}

/* ===== SOLUTION ROUTES ===== */
.solution-routes{padding-top:54px}
.solution-head{max-width:760px}
.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.solution-card{position:relative;display:flex;flex-direction:column;min-height:344px;padding:28px 26px;border-radius:22px;overflow:hidden;background:linear-gradient(155deg,rgba(255,255,255,.068),rgba(255,255,255,.018));border:1px solid var(--line);box-shadow:var(--shadow-card);transition:transform .28s,border-color .28s,box-shadow .28s}
.solution-card::before{content:"";position:absolute;width:200px;height:200px;right:-95px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(78,123,245,.22),transparent 68%);pointer-events:none}
.solution-card:hover{transform:translateY(-7px);border-color:rgba(90,130,230,.48);box-shadow:0 34px 70px -38px rgba(36,79,220,.75)}
.solution-card.featured{background:linear-gradient(150deg,rgba(47,95,224,.2),rgba(7,12,27,.92) 58%,rgba(216,181,121,.07));border-color:rgba(90,130,230,.42)}
.solution-badge{position:absolute;right:18px;top:18px;padding:6px 9px;border-radius:999px;background:rgba(216,181,121,.12);border:1px solid rgba(216,181,121,.28);color:#E4C999;font-size:9.5px;font-weight:700}
.solution-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:#80A0F6;text-transform:uppercase}
.solution-card h3{font-size:20px;line-height:1.38;margin:10px 0 12px;color:#fff}
.solution-card p{font-size:13px;line-height:1.78;color:var(--muted);margin-bottom:20px}
.solution-card ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 28px}
.solution-card li{padding:6px 9px;border-radius:8px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);font-size:10.5px;color:#B7C2DC}
.solution-link{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:12.5px;font-weight:800;color:#fff}
.solution-link b{font-size:18px;color:#7A9BFA;transition:transform .25s}
.solution-card:hover .solution-link b{transform:translateX(4px)}
.solution-proof{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;margin-top:22px;padding:15px 20px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid var(--line);font-size:11.5px;color:#8F9DBB}

/* ===== FLOW ===== */
.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.step{
  position:relative;padding:26px 22px;border-radius:16px;
  background:linear-gradient(165deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
  border:1px solid var(--line);
  box-shadow:var(--shadow-card-sm);
}
.step .s{
  position:absolute;top:-15px;left:22px;width:34px;height:34px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;font-family:var(--en);font-weight:800;font-size:14px;
  background:linear-gradient(165deg,#4E7BF5,var(--blue));
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 10px 20px -8px rgba(20,60,200,.8);
}
.step h3{font-size:16px;font-weight:800;margin:16px 0 7px}
.step p{font-size:12.5px;color:var(--muted)}

/* ===== BLUETICK MARQUEE (verified account wall) ===== */
.mqwrap{margin-top:46px}
.client-carousel-section{padding-bottom:58px}
.client-carousel-section + .verified-clients{padding-top:58px}
.mqwrap .mqhead{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.mqwrap .mqhead>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mqwrap .mqhead b{font-size:14.5px;font-weight:800}
.mqwrap .mqhead span{font-size:12.5px;color:var(--muted)}
.carousel-toggle{min-width:92px;min-height:44px;padding:9px 13px;border-radius:10px;border:1px solid rgba(90,130,230,.32);background:rgba(47,95,224,.10);color:#C9D6F6;font-family:var(--cn);font-size:12px;font-weight:800;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}
.carousel-toggle:hover{background:rgba(47,95,224,.22);border-color:rgba(100,140,240,.55);color:#fff;transform:translateY(-1px)}
.carousel-toggle[aria-pressed="true"]{background:rgba(216,181,121,.12);border-color:rgba(216,181,121,.38);color:#F0DBA8}
.carousel-toggle:disabled{cursor:default;opacity:.72;transform:none}
.carousel-nav{display:flex;gap:8px}
.carousel-actions{display:flex;align-items:center;gap:8px}
.carousel-arrow{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(90,130,230,.34);background:rgba(47,95,224,.1);color:#D8E2FA;font:800 17px/1 var(--en);cursor:pointer;transition:transform .2s,background .2s,border-color .2s}
.carousel-arrow:hover{transform:translateY(-1px);background:rgba(47,95,224,.22);border-color:rgba(100,140,240,.55)}
.carousel-arrow:active{transform:translateY(0)}
.mq{position:relative;overflow:hidden;padding:5px 0;
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mq-track{display:flex;gap:14px;width:max-content;animation:slide 50s linear infinite;will-change:transform}
.mq:hover .mq-track,.mq:active .mq-track{animation-play-state:paused}
.mqwrap.is-paused .mq-track,.mqwrap.is-page-hidden .mq-track{animation-play-state:paused}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mq-card{
  flex:none;width:280px;border-radius:13px;overflow:hidden;border:1px solid var(--line);
  box-shadow:var(--shadow-card-sm);background:#0A0E1C;
}
.mq-card img{display:block;width:100%;height:auto}
.mq2{margin-top:14px}
.mq2 .mq-track{animation-duration:62s;animation-direction:reverse}

/* ===== REAL VERIFIED CLIENTS ===== */
.verified-clients{background:linear-gradient(180deg,rgba(10,22,46,.18),rgba(5,8,18,.42))}
.verified-clients .sec-head{max-width:760px}
.verified-all-link{display:inline-block;margin-left:10px;color:var(--gold);font-weight:800;text-decoration:none;white-space:nowrap}
.verified-all-link:hover,.verified-all-link:focus-visible{color:#f1d9a8;text-decoration:underline;text-underline-offset:4px}
.verified-group-head{display:flex;align-items:end;justify-content:space-between;gap:34px;margin:54px 0 20px;padding-top:28px;border-top:1px solid var(--line)}
.verified-group-head>div{display:flex;align-items:center;gap:12px}
.verified-group-head h3{margin:0;font-size:20px;font-weight:800}
.verified-group-head p{margin:0;max-width:470px;color:var(--muted);font-size:12.5px;text-align:right}
.carousel-meta{display:flex!important;align-items:center!important;justify-content:flex-end;gap:14px!important}
.verified-group-head.compact-head{margin-top:64px}
.verified-feature-grid{columns:2;column-gap:18px}
.verified-secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.verified-main-carousel,.verified-compact-carousel{position:relative;overflow-x:auto;overflow-y:hidden;padding:6px 0 14px;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:rgba(92,134,242,.55) rgba(255,255,255,.04)}
.verified-main-carousel::-webkit-scrollbar,.verified-compact-carousel::-webkit-scrollbar{height:7px}
.verified-main-carousel::-webkit-scrollbar-thumb,.verified-compact-carousel::-webkit-scrollbar-thumb{background:rgba(92,134,242,.55);border-radius:999px}
.verified-main-track,.verified-compact-track{display:flex;gap:16px;width:max-content}
.verified-main-track .verified-case{flex:0 0 490px;margin:0}
.verified-compact-track .verified-case{flex:0 0 540px;margin:0}
.verified-case{break-inside:avoid;margin:0 0 18px;border-radius:17px;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.018));border:1px solid var(--line);box-shadow:var(--shadow-card-sm);transition:transform .25s,border-color .25s,box-shadow .25s}
.verified-main-track .verified-case,.verified-compact-track .verified-case{scroll-snap-align:start;scroll-snap-stop:always}
.verified-secondary-grid .verified-case{margin:0}
.verified-case:hover{transform:translateY(-4px);border-color:rgba(90,130,230,.45);box-shadow:0 24px 50px -28px rgba(30,70,220,.7)}
.case-image-link{display:block;position:relative;overflow:hidden;background:#080d19}
.case-image-link::after{content:"查看完整截图 ↗";position:absolute;right:12px;bottom:12px;padding:7px 10px;border-radius:8px;background:rgba(5,8,18,.84);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:10px;font-weight:700;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s;backdrop-filter:blur(10px)}
.case-image-link:hover::after,.case-image-link:focus-visible::after{opacity:1;transform:translateY(0)}
.verified-case[aria-hidden="true"] .case-image-link::after{display:none}
.verified-case img{display:block;width:100%;height:auto;transition:transform .35s ease}
.verified-main-track .case-image-link{height:310px;display:flex;align-items:center;justify-content:center}
.verified-main-track .verified-case img{width:100%;height:100%;object-fit:contain}
.verified-case:hover img{transform:scale(1.012)}
.verified-case figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px}
.verified-case figcaption b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:#fff}
.verified-case figcaption span{flex:none;padding:5px 8px;border-radius:999px;background:rgba(47,95,224,.14);border:1px solid rgba(90,130,230,.25);color:#AFC1F2;font-size:9.5px}
.verified-case.compact figcaption{padding-top:11px;padding-bottom:11px}

/* ===== VERIFIED ACCOUNT CARDS (carousel template — swap sample entries for real cases later) ===== */
.vcwrap{display:flex;flex-direction:column;gap:14px}
.vc-row{position:relative;overflow:hidden;padding:5px 0;
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.vc-track{display:flex;gap:14px;width:max-content;animation:slide 46s linear infinite}
.vc-row:hover .vc-track{animation-play-state:paused}
.vc-rev .vc-track{animation-duration:54s;animation-direction:reverse}
.vcard{
  flex:none;width:262px;min-height:126px;border-radius:16px;padding:18px 20px;position:relative;overflow:hidden;
  border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow-card-sm);
  display:flex;flex-direction:column;justify-content:space-between;
}
.vcard::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,0) 55%);pointer-events:none}
.vcard .vtop{display:flex;align-items:center;gap:12px;position:relative}
.vavatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:#fff;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.4);flex:none}
.vname{font-size:16px;font-weight:800;color:#fff;display:flex;align-items:center;gap:6px}
.vtick{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:#2F5FE0;color:#fff;font-size:10px;box-shadow:0 0 0 2px rgba(255,255,255,.55);flex:none}
.vlegal{font-size:11.5px;color:rgba(255,255,255,.85);margin-top:3px;position:relative}
.vip{font-size:11px;color:rgba(255,255,255,.7);margin-top:14px;position:relative}
.vc1{background:linear-gradient(155deg,#8A5A2E,#4A2E14)}
.vc2{background:linear-gradient(155deg,#7B4F9E,#3C2456)}
.vc3{background:linear-gradient(155deg,#B23A66,#5C1830)}
.vc4{background:linear-gradient(155deg,#4E7BF5,#12318F)}
.vc5{background:linear-gradient(155deg,#3FB090,#1B5C49)}
.vc6{background:linear-gradient(155deg,#D8B579,#7A5B26)}

/* ===== FAQ ===== */
.faqlist{display:flex;flex-direction:column;gap:12px;max-width:840px}
.faq-item{
  border-radius:14px;background:var(--panel);border:1px solid var(--line);
  box-shadow:var(--shadow-card-sm);overflow:hidden;
}
.faq-item summary{
  list-style:none;cursor:pointer;padding:19px 22px;font-size:15px;font-weight:700;color:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-ic{
  flex:none;width:24px;height:24px;border-radius:8px;display:flex;align-items:center;justify-content:center;
  background:rgba(90,130,230,.14);border:1px solid rgba(90,130,230,.3);color:#B7C7F5;font-size:15px;font-weight:700;
  transition:transform .25s,background .25s;
}
.faq-item[open] .faq-ic{transform:rotate(45deg);background:rgba(90,130,230,.3)}
.faq-a{padding:0 22px 20px;font-size:13.5px;color:#9AA6C4;line-height:1.75;max-width:680px}

/* ===== CTA ===== */
.cta-box{
  border-radius:26px;padding:60px 46px;text-align:center;position:relative;overflow:hidden;
  background:linear-gradient(160deg,rgba(47,95,224,.18),rgba(5,8,18,.8));
  border:1px solid rgba(90,130,230,.28);
  box-shadow:0 1px 0 rgba(255,255,255,.16) inset,0 50px 90px -44px rgba(10,30,110,.85);
}
.cta-box::before{content:"";position:absolute;inset:-60% 20% auto;height:320px;background:radial-gradient(closest-side,rgba(70,110,230,.28),transparent);pointer-events:none}
.cta-box h2{font-size:clamp(24px,3vw,36px);font-weight:800;position:relative}
.cta-box p{color:#A6B2CE;margin:15px auto 28px;max-width:540px;position:relative;font-size:15px}
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative}

/* ===== FOOTER ===== */
footer{border-top:1px solid var(--line);padding:56px 0 32px;color:var(--muted);font-size:13px;position:relative;z-index:2}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:32px;margin-bottom:38px}
.fgrid h3{color:#fff;font-size:13.5px;font-weight:800;margin-bottom:14px}
.fgrid ul{list-style:none}
.fgrid li{margin-bottom:9px}
.fgrid li a:hover{color:#fff}
.fbot{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px}
.note{font-size:11.5px;color:#5A6484;margin-top:12px}
.conversion-callout{margin-top:28px;padding:22px 24px;border-radius:17px;border:1px solid rgba(90,130,230,.28);background:linear-gradient(145deg,rgba(47,95,224,.16),rgba(216,181,121,.06));display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:var(--shadow-card-sm)}
.conversion-callout b{display:block;font-size:15px;color:#fff}
.conversion-callout span{display:block;margin-top:5px;color:var(--muted);font-size:12.5px}
.mobile-contact{background:linear-gradient(180deg,#4171F5,var(--blue-deep))!important;border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 42px rgba(4,12,46,.55)!important}

@media(max-width:980px){
  .statbar{grid-template-columns:repeat(2,1fr)}
  .cases{grid-template-columns:1fr}
  .grid4,.flow,.pain-grid{grid-template-columns:repeat(2,1fr)}
  .fgrid{grid-template-columns:1fr 1fr}
  .navlinks{display:none}
  .nav-toggle{display:flex}
  section{padding:72px 0}
  .pillar-row{padding:30px 24px;gap:26px}
  .pr-text h3{font-size:20px}
  .pr-frame{max-width:210px}
  .pr-frame-wide{max-width:280px}
  .verified-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .solution-grid{grid-template-columns:1fr}
  .solution-card{min-height:0}
}
@media(max-width:640px){
  .wrap{padding:0 20px}
  section{padding:58px 0}
  .hero{padding-top:38px}
  .hero h1{font-size:40px;line-height:1.24}
  .hero .sub{margin-top:17px;font-size:14.5px;line-height:1.72}
  .hero .tags{margin-top:18px;gap:7px}
  .tag{font-size:11.5px;padding:7px 10px}
  .hero .cta{margin-top:23px;flex-direction:column}
  .hero .cta .btn{width:100%}
  .hero-trust{gap:9px 14px;margin-top:14px}
  .plate-main{inset:18px 0 28px;padding:24px 21px}
  .plate-main h3{font-size:19px;margin-top:15px}
  .plate-main p{font-size:12px;line-height:1.65;padding-right:62px}
  .tick{width:50px;height:50px;font-size:24px}
  .m1{top:0;right:0;padding:11px 13px}
  .m2,.m3{display:none}
  .statbar{margin-top:30px;padding-bottom:38px;gap:10px}
  .stat{padding:17px 14px}
  .stat b{font-size:25px}
  .stat span{font-size:11px}
  .platform-stat{padding-right:10px}
  .platform-list{gap:5px}
  .platform-chip{padding:4px 5px;min-height:27px}
  .platform-chip span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .platform-chip img{width:18px;height:18px}
  .statbar{grid-template-columns:1fr 1fr}
  .mq-card{width:230px}
  .vcard{width:220px;min-height:118px;padding:16px 17px}
  .cta-box{padding:44px 24px}
  .fgrid{grid-template-columns:1fr}
  nav{gap:10px}
  .brand img{height:34px}
  .nav-wa{display:none}
  .mobile-nav{left:20px;right:20px;top:66px}
  .btn{padding:10px 16px;font-size:13px}
  .btn,.nav-toggle,.mobile-nav a,.mobile-contact{min-height:44px}
  .conversion-callout{align-items:stretch;flex-direction:column;padding:20px;gap:16px}
  .conversion-callout .btn{width:100%}
  .pillar-row{grid-template-columns:1fr;padding:28px 22px;gap:24px}
  .pillar-row-bluetick{display:block;padding:18px 15px 20px;background:linear-gradient(165deg,rgba(21,42,91,.9),rgba(5,11,25,.98));border-color:rgba(93,133,230,.48)}
  .bluetick-showcase{display:none}
  .bluetick-mobile{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(102px,.84fr);gap:14px;align-items:center}
  .bluetick-mobile .pr-text{order:0;min-width:0;padding:2px 0}
  .bluetick-mobile .pr-visual{order:1;min-width:0;min-height:0;align-self:center;padding:0}
  .bluetick-mobile .pnum{font-size:9px;letter-spacing:.15em}
  .bluetick-mobile .picon{width:42px;height:42px;margin:12px 0 14px;border-radius:11px;font-size:20px}
  .bluetick-mobile .pr-text h3{min-width:0;margin-bottom:9px;font-size:clamp(17px,4.8vw,20px);line-height:1.35;overflow-wrap:anywhere}
  .bluetick-mobile .pr-text>p{margin-bottom:14px;font-size:12px;line-height:1.6}
  .bluetick-mobile .plist{gap:7px}
  .bluetick-mobile .plist li{gap:7px;font-size:11px;line-height:1.45}
  .bluetick-mobile .plist li::before{width:4px;height:4px;margin-top:6px}
  .pr-frame{max-width:230px}
  .bluetick-phone-card{width:100%;max-width:none;min-width:0}
  .bluetick-phone-card>a{display:block;min-height:0;padding:5px;overflow:visible;background:radial-gradient(circle at 50% 36%,rgba(47,95,224,.28),rgba(5,12,27,.92) 72%)}
  .bluetick-phone-card img{display:block;width:100%;height:auto;max-width:100%;max-height:none;aspect-ratio:330/750;border-radius:9px;filter:drop-shadow(0 18px 26px rgba(0,3,15,.68));-webkit-mask-image:none;mask-image:none;object-fit:contain}
  .bluetick-phone-card .pr-badge{position:absolute;top:10px;right:-6px;min-width:82px;margin:0;padding:8px 9px;background:rgba(6,12,28,.95);backdrop-filter:blur(12px)}
  .bluetick-phone-card .pr-badge b{font-size:17px}
  .bluetick-phone-card .pr-badge span{font-size:8px;line-height:1.2}
  .bluetick-phone-card .image-hint{margin-top:8px;font-size:9px;line-height:1.35}
  .pr-frame-wide{max-width:320px}
  .pr-frame:not(.bluetick-phone-card) .pb1,.pr-frame:not(.bluetick-phone-card) .pb2,.pr-frame:not(.bluetick-phone-card) .pb3{position:static;display:inline-block;margin:8px 6px 0 0}
  .verified-group-head{align-items:flex-start;flex-direction:column;gap:10px;margin-top:42px}
  .verified-group-head p{text-align:left}
  .carousel-meta{width:100%;align-items:flex-start!important;justify-content:space-between!important}
  .carousel-meta p{max-width:190px}
  .carousel-actions{flex:none}
  .carousel-nav{flex:none}
  .mqwrap .mqhead{align-items:flex-start}
  .mqwrap .mqhead>div{max-width:220px;display:block}
  .mqwrap .mqhead span{display:block;margin-top:3px}
  .verified-feature-grid{columns:1}
  .verified-secondary-grid{grid-template-columns:1fr}
  .verified-main-track .verified-case{flex-basis:min(88vw,470px)}
  .verified-main-track .case-image-link{height:min(56vw,295px)}
  .verified-compact-track .verified-case{flex-basis:min(86vw,520px)}
  .verified-case figcaption{padding:12px 13px}
  .case-image-link::after{display:none}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .verified-main-carousel,.verified-compact-carousel{scroll-behavior:auto}
  .btn,.carousel-toggle,.carousel-arrow,.verified-case,.pillar-row,.solution-card{transition:none!important}
}

/* ===== V17 PREMIUM EDITORIAL PASS ===== */
:root{
  --navy-950:#040711;
  --navy-900:#070C18;
  --navy-800:#0B1324;
  --blue:#315FDE;
  --blue-deep:#17378F;
  --blue-glow:#7295F0;
  --gold:#D4B77E;
  --gold-2:#9C7D45;
  --text:#F0F2F7;
  --muted:#99A3BA;
  --muted-2:#707B96;
  --line:rgba(205,218,248,.105);
  --line-2:rgba(205,218,248,.18);
  --panel:rgba(12,20,37,.72);
  --shadow-card:0 24px 80px -48px rgba(0,7,28,.92);
  --shadow-card-sm:0 18px 52px -42px rgba(0,7,28,.9);
}
body{background:linear-gradient(180deg,#040711 0%,#060A14 48%,#040711 100%)}
.bg .grid{opacity:.46;background-size:80px 80px;mask-image:linear-gradient(180deg,#000,transparent 62%)}
.bg .orb{filter:blur(150px)}
.o1{width:720px;height:560px;opacity:.19;top:-260px;left:-200px}
.o2{width:540px;height:540px;opacity:.17;top:360px;right:-260px}
.o3{opacity:.08}
.wrap{max-width:1240px;padding-inline:32px}
section{padding:112px 0}
header{background:rgba(4,7,17,.86);border-bottom-color:rgba(205,218,248,.08)}
nav{padding:18px 0}
.brand img{height:44px;filter:none}
.navlinks{gap:32px;font-size:13px;letter-spacing:.01em}
.navlinks a{position:relative;padding:8px 0}
.navlinks a::after{content:"";position:absolute;left:0;right:100%;bottom:1px;height:1px;background:var(--gold);transition:right .24s ease}
.navlinks a:hover::after,.navlinks a.active::after{right:0}
.btn{min-height:46px;border-radius:6px;padding:12px 24px;letter-spacing:.01em}
.btn-main{background:#315FDE;box-shadow:0 12px 34px -17px rgba(49,95,222,.9),0 1px 0 rgba(255,255,255,.22) inset}
.btn-main:hover{box-shadow:0 18px 40px -18px rgba(49,95,222,.95),0 1px 0 rgba(255,255,255,.25) inset}
.btn-ghost{background:transparent;border-color:rgba(205,218,248,.2);box-shadow:none}
.btn-ghost:hover{background:rgba(205,218,248,.055)}
.divider{background:rgba(205,218,248,.1)}
.eyebrow{padding:0 0 10px;border:0;border-radius:0;background:transparent;color:#AEBFE8;margin-bottom:28px;border-bottom:1px solid rgba(114,149,240,.42);letter-spacing:.16em}
.eyebrow.gold{padding:0 0 10px;background:transparent;border-color:rgba(212,183,126,.5);color:#E2C996}
.eyebrow .dot{width:4px;height:4px;box-shadow:none}
.sec-head{max-width:790px;margin-bottom:52px}
.sec-head h2{font-size:clamp(30px,3.7vw,48px);line-height:1.18;letter-spacing:-.025em}
.sec-head h2 em{color:#B8C8EF}
.sec-head p{margin-top:18px;font-size:15px;line-height:1.8}

/* Hero: large statement followed by a provenance-led evidence ledger. */
.hero{min-height:auto;padding-top:104px}
.hero-copy{max-width:1060px}
.hero h1{font-size:clamp(52px,7.2vw,92px);line-height:.98;letter-spacing:-.055em;max-width:960px;text-wrap:balance;text-shadow:0 18px 56px rgba(15,45,135,.28)}
.hero h1 .accent{color:#D4B77E}
.hero .sub{margin-top:34px;max-width:760px;font-size:18px;line-height:1.85;color:#AAB4C9}
.hero .sub b{color:#E6EAF2;font-weight:600}
.hero .tags{gap:0;margin-top:31px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:max-content;max-width:100%}
.tag{position:relative;padding:13px 19px;border:0;border-radius:0;background:transparent;color:#B3BDD2;font-size:12.5px}
.tag:first-child{padding-left:0}
.tag + .tag::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:1px;background:var(--line-2)}
.tag b{color:var(--gold)}
.hero .cta{margin-top:34px}
.hero-trust{margin-top:20px;gap:10px 25px;color:#8793AD}
.hero-trust span::before{width:auto;height:auto;border-radius:0;background:transparent;color:#66C7A4;font-size:11px}
.statbar{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:76px;padding:0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.stat{min-height:148px;padding:30px 28px 27px;border:0;border-radius:0;background:transparent;box-shadow:none}
.stat + .stat{border-left:1px solid var(--line)}
.stat b{font-size:clamp(30px,3vw,42px);line-height:1;color:#D9E2F7}
.stat:nth-child(2) b{color:var(--gold)}
.stat span{display:block;margin-top:10px;color:#7D89A4;font-size:12px}
.platform-stat{padding-right:18px}
.platform-stat .platform-list{margin-top:12px}
.platform-stat .platform-chip{margin-top:0}

/* Editorial diagnosis and decision architecture. */
.pain-grid{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pain-card{position:relative;display:block;min-height:176px;padding:30px 28px;border:0;border-radius:0;background:transparent;box-shadow:none}
.pain-card + .pain-card{border-left:1px solid var(--line)}
.pain-ic{min-width:auto;height:auto;padding:0;border:0;border-radius:0;background:transparent;color:#7183AE;font-size:10px;letter-spacing:.14em}
.pain-card h3{margin:24px 0 7px;font-size:18px}
.pain-card p{font-size:13px}
.pain-banner{margin-top:0;padding:27px 30px;border-width:0 0 1px;border-radius:0;background:rgba(49,95,222,.055);text-align:left}
.solution-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.36fr) minmax(0,.82fr);gap:12px}
.solution-card{min-height:382px;padding:34px 30px;border-radius:12px;background:rgba(11,19,36,.72);box-shadow:none}
.solution-card::before{width:180px;height:180px;right:-120px;top:-115px;opacity:.34}
.solution-card.featured{transform:translateY(-12px);background:linear-gradient(145deg,rgba(49,95,222,.2),rgba(10,17,32,.97) 58%,rgba(212,183,126,.07));border-color:rgba(114,149,240,.4);box-shadow:0 34px 90px -52px rgba(49,95,222,.95)}
.solution-card.featured:hover{transform:translateY(-18px)}
.solution-card h3{font-size:22px;line-height:1.35;margin-top:20px}
.solution-kicker{color:#8097CC}
.solution-badge{border-radius:4px}
.solution-card li{border-radius:4px;background:transparent;padding:5px 0;border-width:0 0 1px;color:#AEB8CD}
.solution-link{font-size:13px}
.solution-proof{border-width:0 0 1px;border-radius:0;background:transparent;margin-top:30px;padding:18px 0;color:#919CB5}

/* Service proof uses large, flatter evidence plates. */
.pillar-rows{gap:18px}
.pillar-row{padding:46px;border-radius:12px;background:rgba(9,16,30,.7);box-shadow:none}
.pillar-row::after{opacity:.4}
.pillar-row-bluetick{padding:0;background:#071225}
.bluetick-showcase{border-radius:11px}
.pnum{color:#7E8FB9}
.picon{width:48px;height:48px;border-radius:8px}
.pr-text h3{font-size:25px}
.pr-text>p{font-size:14px;line-height:1.8}
.pr-frame img{border-radius:10px}
.pr-badge{border-radius:6px;background:rgba(7,12,24,.94)}

/* Real content work: full-ratio evidence, never cropped into a decorative grid. */
.content-work{isolation:isolate;overflow:clip;background:linear-gradient(180deg,rgba(6,11,22,.08),rgba(11,20,42,.5),rgba(6,10,20,.12))}
.content-work::before{content:"CONTENT";position:absolute;z-index:0;right:-.05em;top:.12em;pointer-events:none;font:900 clamp(82px,16vw,230px)/1 var(--en);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px rgba(148,169,221,.055)}
.content-work>.wrap{position:relative;z-index:2}
.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}
.work-heading .sec-head{margin:0}
.work-heading .sec-head p{max-width:650px}
.work-a11y-toggle{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.work-a11y-toggle:focus-visible{position:static;width:auto;height:auto;padding:10px 14px;margin:0;overflow:visible;clip:auto;white-space:normal;border:1px solid rgba(110,149,240,.42)}
.work-carousel{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(216,181,121,.56) rgba(255,255,255,.035);padding:4px 0 18px}
.work-carousel::-webkit-scrollbar{height:8px}
.work-carousel::-webkit-scrollbar-track{background:rgba(255,255,255,.035)}
.work-carousel::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(216,181,121,.56)}
.work-track{display:flex;width:max-content;gap:16px;padding-right:26px}
.work-card{flex:0 0 310px;min-width:0;overflow:hidden;scroll-snap-align:start;border:1px solid var(--line-2);border-radius:10px;background:#09101F;box-shadow:0 24px 58px -40px rgba(34,76,184,.9);transition:transform .25s,border-color .25s}
.work-card-featured{flex-basis:340px;border-color:rgba(216,181,121,.34)}
.work-card:hover{transform:translateY(-4px);border-color:rgba(110,149,240,.42)}
.work-image-link{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;background:linear-gradient(160deg,#101B34,#060A13)}
.work-image-link img{display:block;width:100%;height:100%;object-fit:contain;background:#F2F2F0;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.work-card:hover .work-image-link img{transform:scale(1.012)}
.work-open{position:absolute;right:12px;bottom:12px;padding:7px 9px;border:1px solid rgba(255,255,255,.16);border-radius:5px;background:rgba(7,12,24,.86);color:#D7DFF0;font-size:10.5px;font-weight:800;backdrop-filter:blur(10px);transition:background .2s,color .2s}
.work-image-link:hover .work-open{background:rgba(47,95,224,.9);color:var(--text)}
.work-card-meta{min-height:112px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 16px 18px;border-top:1px solid var(--line)}
.work-card-meta>div{min-width:0}
.work-card-meta span{display:block;margin-bottom:6px;color:#7F91BA;font-size:10px;font-weight:800;letter-spacing:.12em}
.work-card-meta h3{font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.work-card-meta p{max-width:116px;padding-top:20px;color:#8793AD;font-size:10.5px;line-height:1.5;text-align:right}
.work-close{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#8D99B2;font-size:13px}
.work-close a{display:inline-flex;align-items:center;min-height:44px;color:#C9D6F6;font-weight:800;white-space:nowrap;transition:color .2s,transform .2s}
.work-close a:hover{color:var(--gold);transform:translateX(3px)}

/* One live Facebook player at a time keeps the showcase useful without making
   five third-party embeds compete during the initial mobile load. */
.reel-showcase{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.58fr);gap:clamp(28px,5vw,72px);margin-top:48px;padding:clamp(24px,4vw,52px);overflow:hidden;border:1px solid rgba(116,151,236,.22);border-radius:12px;background:linear-gradient(135deg,rgba(11,21,43,.96),rgba(5,9,18,.92));box-shadow:0 42px 90px -62px rgba(60,105,231,.85)}
.reel-showcase::before{content:"REELS";position:absolute;right:-.04em;top:-.08em;color:transparent;-webkit-text-stroke:1px rgba(135,163,231,.055);font:900 clamp(84px,13vw,180px)/1 var(--en);letter-spacing:-.07em;pointer-events:none}
.reel-copy,.reel-stage{position:relative;z-index:2;min-width:0}
.reel-copy{align-self:center}
.reel-kicker{display:block;margin-bottom:18px;color:#7695df;font:800 10px/1.2 var(--en);letter-spacing:.18em}
.reel-copy h3{max-width:620px;font-size:clamp(25px,3vw,43px);line-height:1.18;letter-spacing:-.045em}
.reel-copy>p{max-width:590px;margin:16px 0 28px;color:#929db6;font-size:14px;line-height:1.75}
.reel-list{display:grid;gap:0;border-top:1px solid rgba(116,151,236,.18)}
.reel-choice{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:8px 3px;border:0;border-bottom:1px solid rgba(116,151,236,.14);background:transparent;color:#c4cde0;text-align:left;cursor:pointer;transition:padding .22s,color .22s,background .22s}
.reel-choice::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;background:#5d87f1;opacity:0;transform:scaleY(.2);transition:opacity .22s,transform .22s}
.reel-choice:hover,.reel-choice.is-active{padding-left:13px;background:linear-gradient(90deg,rgba(48,93,215,.12),transparent 82%);color:#f3f6ff}
.reel-choice.is-active::before{opacity:1;transform:scaleY(1)}
.reel-choice>span{color:#7187b8;font:800 10px/1 var(--en);letter-spacing:.12em}
.reel-choice>b{font-size:13px;line-height:1.35}
.reel-choice>i{color:#7f8aa2;font-size:10px;font-style:normal;white-space:nowrap}
.reel-choice:focus-visible{outline:2px solid #7fa4ff;outline-offset:3px}
.reel-stage{justify-self:end;width:min(100%,380px)}
.reel-frame{position:relative;width:100%;aspect-ratio:9/16;overflow:hidden;border:1px solid rgba(130,160,232,.25);border-radius:14px;background:radial-gradient(circle at 50% 32%,rgba(58,103,221,.22),transparent 42%),#080d18;box-shadow:0 30px 70px -36px rgba(0,0,0,.9)}
.reel-frame::before{content:"正在载入 Facebook Reel";position:absolute;inset:0;display:grid;place-items:center;color:#6f7e9c;font-size:11px;letter-spacing:.06em}
.reel-frame iframe{position:relative;z-index:2;display:block;width:100%;height:100%;border:0;background:#080d18}
.reel-frame iframe[hidden]{display:none}
.reel-play{position:absolute;z-index:3;inset:0;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;gap:9px;width:100%;padding:clamp(24px,4vw,42px);border:0;background:radial-gradient(circle at 78% 18%,rgba(65,111,226,.38),transparent 27%),linear-gradient(155deg,rgba(15,29,59,.7),rgba(3,7,14,.98));color:#eef3ff;text-align:left;cursor:pointer}
.reel-play::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(115,150,235,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(115,150,235,.07) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(140deg,#000,transparent 78%)}
.reel-play>*{position:relative;z-index:2}
.reel-play-mark{position:absolute;z-index:2;left:50%;top:43%;display:grid;place-items:center;width:68px;height:68px;border:1px solid rgba(160,185,244,.5);border-radius:50%;background:rgba(32,71,174,.35);color:#fff;font-size:23px;line-height:1;transform:translate(-50%,-50%);padding-left:4px;box-shadow:0 0 0 10px rgba(75,119,230,.08),0 20px 60px rgba(0,0,0,.32);transition:transform .25s,background .25s}
.reel-play:hover .reel-play-mark{transform:translate(-50%,-50%) scale(1.08);background:#315fde}
.reel-play small{color:#7c99df;font:800 9px/1.2 var(--en);letter-spacing:.17em}
.reel-play b{max-width:280px;font-size:clamp(22px,2.5vw,34px);line-height:1.18;letter-spacing:-.035em}
.reel-play i{color:#8c99b3;font-size:11px;font-style:normal}
.reel-play:focus-visible{outline:3px solid #84a7ff;outline-offset:-6px}
.reel-stage-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;color:#7d8aa5;font-size:10px}
.reel-stage-meta span{display:flex;align-items:center;gap:7px}
.reel-stage-meta span i{width:6px;height:6px;border-radius:50%;background:#45d08c;box-shadow:0 0 0 4px rgba(69,208,140,.09)}
.reel-stage-meta a{color:#aebfe7;font-weight:750;text-align:right;transition:color .2s}
.reel-stage-meta a:hover{color:var(--gold)}

.grid4{gap:0;border:1px solid var(--line)}
.bene{position:relative;min-height:190px;padding:30px 104px 30px 26px;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}
.bene + .bene{border-left:1px solid var(--line)}
.bene .n{color:var(--gold)}
.bene h3,.bene p{position:relative;z-index:2}
.bene p{max-width:150px;line-height:1.65}
.bene::after{content:"";position:absolute;inset:0;background:radial-gradient(150px 120px at 86% 26%,rgba(47,95,224,.10),transparent 72%);opacity:.7;pointer-events:none}
.bene-motion{position:absolute;z-index:1;top:25px;right:22px;width:74px;height:74px;pointer-events:none;filter:drop-shadow(0 15px 24px rgba(16,50,145,.2))}
.bene-motion span,.bene-motion i{position:absolute;display:block}

/* Each diagram explains its benefit; motion starts only while this section is visible. */
.reply-bubble{left:7px;width:52px;height:28px;border:1px solid rgba(120,156,244,.38);border-radius:9px;background:rgba(47,95,224,.12)}
.reply-bubble::after{content:"";position:absolute;right:8px;bottom:-5px;width:8px;height:8px;border-right:1px solid rgba(120,156,244,.38);border-bottom:1px solid rgba(120,156,244,.38);background:#081126;transform:rotate(45deg)}
.reply-bubble-one{top:8px}
.reply-bubble-two{top:40px;left:20px;width:46px;background:rgba(216,181,121,.08);border-color:rgba(216,181,121,.34)}
.reply-bubble-two::after{right:auto;left:8px;border-color:rgba(216,181,121,.34)}
.reply-bubble i{position:relative;display:inline-block;top:12px;left:10px;width:4px;height:4px;margin-right:4px;border-radius:50%;background:#86A7F8}
.reply-bubble-two i{background:#D8B579}
.reply-pulse{top:1px;right:4px;width:9px;height:9px;border-radius:50%;background:#5C86F2;box-shadow:0 0 0 5px rgba(92,134,242,.08)}

.identity-ring{inset:5px;border:1px solid rgba(103,145,242,.34);border-radius:50%}
.identity-ring::before,.identity-ring::after{content:"";position:absolute;inset:8px;border:1px solid rgba(103,145,242,.18);border-radius:50%}
.identity-ring::after{inset:16px}
.identity-core{top:20px;left:20px;width:34px;height:34px;border-radius:50%;display:grid!important;place-items:center;background:#2F5FE0;color:#EDF0F7;font-size:20px;font-weight:900;box-shadow:0 0 0 5px rgba(47,95,224,.12)}
.identity-scan{top:8px;left:10px;width:54px;height:1px;background:linear-gradient(90deg,transparent,#8EACF7,transparent);opacity:.7}

.compliance-sheet{inset:8px 12px 5px 9px;border:1px solid rgba(121,155,239,.34);border-radius:8px;background:rgba(47,95,224,.08);transform:rotate(-3deg)}
.compliance-sheet::before{content:"";position:absolute;top:0;right:0;width:15px;height:15px;border-left:1px solid rgba(121,155,239,.26);border-bottom:1px solid rgba(121,155,239,.26);background:rgba(92,134,242,.09)}
.compliance-sheet i{left:11px;width:31px;height:2px;border-radius:2px;background:rgba(174,196,249,.55);transform-origin:left center}
.compliance-sheet i:nth-child(1){top:20px}
.compliance-sheet i:nth-child(2){top:31px;width:38px}
.compliance-sheet i:nth-child(3){top:42px;width:25px}
.compliance-stamp{right:1px;bottom:1px;width:28px;height:28px;border-radius:50%;display:grid!important;place-items:center;background:#B89152;color:#09101E;font-size:17px;font-weight:900;box-shadow:0 0 0 5px rgba(216,181,121,.09)}

.loop-ring{inset:8px;border:1px solid rgba(109,148,239,.34);border-radius:50%;background:conic-gradient(from 30deg,rgba(47,95,224,.2),transparent 30%,rgba(216,181,121,.12) 62%,transparent 82%)}
.loop-ring::after{content:"";position:absolute;inset:9px;border:1px dashed rgba(136,169,244,.22);border-radius:50%}
.loop-dot{top:5px;left:33px;width:8px;height:8px;border-radius:50%;background:#5C86F2;box-shadow:0 0 10px rgba(92,134,242,.8);transform-origin:4px 32px}
.loop-dot-two{background:#D8B579;box-shadow:0 0 10px rgba(216,181,121,.7);transform:rotate(180deg);animation-delay:-1.5s!important}
.loop-core{inset:25px 22px;display:flex!important;align-items:flex-end;justify-content:center;gap:3px}
.loop-core i{position:relative;width:4px;border-radius:3px;background:#AFC3F7;transform-origin:bottom center}
.loop-core i:nth-child(1){height:9px}
.loop-core i:nth-child(2){height:17px;background:#D8B579}
.loop-core i:nth-child(3){height:13px}

#bluetick.is-motion-active .reply-bubble-one{animation:bene-bubble 3.4s ease-in-out infinite}
#bluetick.is-motion-active .reply-bubble-two{animation:bene-bubble 3.4s .55s ease-in-out infinite}
#bluetick.is-motion-active .reply-pulse{animation:bene-pulse 2.2s ease-out infinite}
#bluetick.is-motion-active .identity-ring{animation:bene-ring 3.8s ease-in-out infinite}
#bluetick.is-motion-active .identity-core{animation:bene-verify 3.8s ease-in-out infinite}
#bluetick.is-motion-active .identity-scan{animation:bene-scan 3.8s ease-in-out infinite}
#bluetick.is-motion-active .compliance-sheet i{animation:bene-line 3.6s ease-in-out infinite}
#bluetick.is-motion-active .compliance-sheet i:nth-child(2){animation-delay:.18s}
#bluetick.is-motion-active .compliance-sheet i:nth-child(3){animation-delay:.36s}
#bluetick.is-motion-active .compliance-stamp{animation:bene-stamp 3.6s ease-in-out infinite}
#bluetick.is-motion-active .loop-ring{animation:bene-orbit 7s linear infinite}
#bluetick.is-motion-active .loop-dot{animation:bene-orbit 3.2s linear infinite}
#bluetick.is-motion-active .loop-core i{animation:bene-bars 2.8s ease-in-out infinite}
#bluetick.is-motion-active .loop-core i:nth-child(2){animation-delay:.2s}
#bluetick.is-motion-active .loop-core i:nth-child(3){animation-delay:.4s}

@keyframes bene-bubble{0%,12%,100%{opacity:.45;transform:translate3d(0,5px,0) scale(.96)}24%,74%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes bene-pulse{0%{opacity:.9;transform:scale(.72)}70%,100%{opacity:0;transform:scale(1.7)}}
@keyframes bene-ring{0%,100%{opacity:.55;transform:scale(.94)}45%,65%{opacity:1;transform:scale(1)}}
@keyframes bene-verify{0%,24%,100%{transform:scale(.92)}42%,64%{transform:scale(1.08)}76%{transform:scale(1)}}
@keyframes bene-scan{0%,18%,100%{opacity:0;transform:translate3d(0,0,0)}32%{opacity:.9}66%{opacity:.35;transform:translate3d(0,52px,0)}72%{opacity:0}}
@keyframes bene-line{0%,16%,100%{opacity:.3;transform:scaleX(.25)}34%,78%{opacity:1;transform:scaleX(1)}}
@keyframes bene-stamp{0%,54%,100%{opacity:.45;transform:scale(.72) rotate(-10deg)}68%,84%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes bene-orbit{to{transform:rotate(360deg)}}
@keyframes bene-bars{0%,100%{opacity:.55;transform:scaleY(.65)}45%,70%{opacity:1;transform:scaleY(1)}}

/* Results and process read like a performance report, not a card template. */
.cases{grid-template-columns:minmax(0,1.18fr) minmax(0,.91fr) minmax(0,.91fr);gap:12px}
.case{border-radius:10px;background:rgba(10,17,31,.72);box-shadow:none}
.case .top{padding:20px 22px 0}
.case .ind{padding:0 0 8px;border:0;border-radius:0;background:transparent;border-bottom:1px solid rgba(114,149,240,.42);color:#AFC0E8}
.case .body{padding:22px 22px 26px}
.case h3{font-size:18px}
.kpis{gap:12px;justify-content:space-between}
.conversion-callout{border-radius:8px;background:rgba(49,95,222,.08);box-shadow:none}
.flow{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.step{min-height:190px;padding:42px 22px 24px;border:0;border-radius:0;background:transparent;box-shadow:none}
.step + .step{border-left:1px solid var(--line)}
.step .s{top:20px;left:22px;width:auto;height:auto;border-radius:0;background:transparent;box-shadow:none;color:#7890C7;font-size:11px}
.step h3{margin-top:34px;font-size:15px}

/* Six-step process scenes: lightweight CSS motion keeps the first load fast. */
#flow .sec-head{margin-bottom:58px}
.flow{position:relative;background:linear-gradient(180deg,rgba(8,14,28,.34),rgba(4,8,17,.12))}
.step{overflow:hidden;transition:opacity .48s ease,transform .58s cubic-bezier(.2,.72,.22,1),background-color .28s ease}
.step:nth-child(1){--step-delay:0s}.step:nth-child(2){--step-delay:1.35s}.step:nth-child(3){--step-delay:2.7s}.step:nth-child(4){--step-delay:4.05s}.step:nth-child(5){--step-delay:5.4s}.step:nth-child(6){--step-delay:6.75s}
.step:hover{background-color:rgba(49,95,222,.055)}
.flow-motion-ready .step{opacity:.72;transform:translateY(12px)}
.flow.is-motion-active .step{opacity:1;transform:translateY(0)}
.step-scene{position:relative;height:96px;margin:1px 0 18px;overflow:hidden;border:1px solid rgba(114,149,240,.16);background:radial-gradient(circle at 50% 46%,rgba(49,95,222,.16),transparent 55%),rgba(8,14,28,.82)}
.step-scene::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(114,149,240,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(114,149,240,.055) 1px,transparent 1px);background-size:16px 16px;mask-image:linear-gradient(#000,transparent 96%)}
.scene-label{position:absolute;left:8px;bottom:6px;color:#7085B5;font:700 7px/1 var(--en);letter-spacing:.14em}
.step h3{margin:0 0 5px;font-size:15px}
.step p{min-height:42px}
.step-output{display:inline-flex;margin-top:12px;padding-top:9px;border-top:1px solid rgba(114,149,240,.15);color:#8295C2;font-size:9.5px;font-weight:700;letter-spacing:.03em}

/* 01 · discovery radar */
.radar-ring,.radar-core,.radar-sweep{position:absolute;left:50%;top:45%;border-radius:50%}
.radar-ring{width:58px;height:58px;transform:translate(-50%,-50%);border:1px solid rgba(114,149,240,.34)}
.radar-ring-inner{width:34px;height:34px}
.radar-core{width:7px;height:7px;transform:translate(-50%,-50%);background:#D4B77E;box-shadow:0 0 16px rgba(212,183,126,.8)}
.radar-sweep{width:29px;height:29px;transform-origin:0 0;border-radius:0 100% 0 0;background:linear-gradient(135deg,rgba(84,125,236,.48),transparent 72%)}

/* 02 · account scan */
.audit-avatar{position:absolute;left:16px;top:18px;width:30px;height:30px;border-radius:50%;border:1px solid rgba(212,183,126,.5);background:radial-gradient(circle at 50% 38%,#D4B77E 0 5px,transparent 6px),radial-gradient(ellipse at 50% 100%,rgba(212,183,126,.48) 0 12px,transparent 13px)}
.audit-line{position:absolute;left:56px;height:3px;border-radius:3px;background:#50689D}
.audit-line-one{top:23px;width:44%}.audit-line-two{top:34px;width:34%;opacity:.7}.audit-line-three{top:45px;width:24%;opacity:.45}
.audit-scan{position:absolute;left:9px;right:9px;top:15px;height:1px;background:#6D93FF;box-shadow:0 0 9px #527AF1}

/* 03 · strategy route */
.route-line{position:absolute;height:1px;background:linear-gradient(90deg,#627CB5,#D4B77E)}
.route-one{left:18%;right:51%;top:57%;transform:rotate(-18deg)}.route-two{left:46%;right:16%;top:47%;transform:rotate(14deg)}
.route-node{position:absolute;width:9px;height:9px;border-radius:50%;border:2px solid #7696E7;background:#0A1121;box-shadow:0 0 0 4px rgba(70,106,203,.12)}
.node-one{left:15%;top:59%}.node-two{left:46%;top:38%}.node-three{right:14%;top:55%;border-color:#D4B77E}
.route-runner{position:absolute;left:18%;top:57%;width:7px;height:7px;border-radius:50%;background:#F0D9A7;box-shadow:0 0 15px rgba(212,183,126,.95)}

/* 04 · content production */
.content-card{position:absolute;left:50%;top:46%;width:56px;height:62px;border:1px solid rgba(114,149,240,.38);background:#111C34;box-shadow:0 12px 28px rgba(0,0,0,.32)}
.content-card-back{transform:translate(-62%,-48%) rotate(-7deg);opacity:.55}
.content-card-front{display:flex;flex-direction:column;gap:6px;padding:14px 9px;transform:translate(-42%,-52%) rotate(5deg)}
.content-card-front b{display:block;height:3px;border-radius:3px;background:#6885C8}.content-card-front b:nth-child(2){width:74%;background:#D4B77E}.content-card-front b:nth-child(3){width:48%;opacity:.6}
.content-glint{position:absolute;left:36%;top:15%;width:28%;height:80%;transform:skewX(-20deg) translateX(-190%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}

/* 05 · approval and publish */
.publish-orbit,.publish-core,.publish-check{position:absolute;left:50%;top:46%}
.publish-orbit{border-radius:50%;border:1px solid rgba(95,137,244,.36);transform:translate(-50%,-50%)}
.publish-orbit-outer{width:66px;height:66px}.publish-orbit-inner{width:46px;height:46px}
.publish-core{width:28px;height:28px;border-radius:7px;transform:translate(-50%,-50%);background:linear-gradient(150deg,#315FDE,#153785);box-shadow:0 0 26px rgba(49,95,222,.45)}
.publish-check{width:12px;height:7px;transform:translate(-50%,-62%) rotate(-45deg);border-left:2px solid #fff;border-bottom:2px solid #fff}

/* 06 · data optimization */
.chart-grid{position:absolute;inset:14px 13px 24px;border-left:1px solid rgba(114,149,240,.2);border-bottom:1px solid rgba(114,149,240,.2);background:repeating-linear-gradient(0deg,transparent 0 13px,rgba(114,149,240,.06) 14px)}
.chart-bar{position:absolute;bottom:25px;width:12px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#7194F1,#274DAF);transform-origin:50% 100%}
.chart-bar-one{left:25%;height:24px}.chart-bar-two{left:46%;height:38px}.chart-bar-three{left:67%;height:54px;background:linear-gradient(180deg,#E0C58F,#8C6D37)}
.chart-line{position:absolute;left:21%;top:55%;width:51%;height:1px;transform:rotate(-26deg);background:#D9BE88;box-shadow:0 0 8px rgba(212,183,126,.6)}
.chart-point{position:absolute;right:24%;top:28%;width:7px;height:7px;border-radius:50%;background:#F0D9A7;box-shadow:0 0 13px rgba(212,183,126,.9)}

.flow.is-motion-active .radar-sweep{animation:flow-radar 12s linear var(--step-delay) infinite}
.flow.is-motion-active .audit-scan{animation:flow-scan 12s ease-in-out var(--step-delay) infinite}
.flow.is-motion-active .route-runner{animation:flow-route 12s ease-in-out var(--step-delay) infinite}
.flow.is-motion-active .content-glint{animation:flow-glint 12s ease-in-out var(--step-delay) infinite}
.flow.is-motion-active .publish-orbit-outer{animation:flow-publish 12s ease-out var(--step-delay) infinite}
.flow.is-motion-active .chart-bar{animation:flow-chart 12s ease-in-out var(--step-delay) infinite}
@keyframes flow-radar{0%,14%{transform:rotate(0)}22%{transform:rotate(360deg)}23%,100%{transform:rotate(360deg)}}
@keyframes flow-scan{0%,14%{transform:translateY(0);opacity:.25}22%{transform:translateY(48px);opacity:1}23%,100%{transform:translateY(48px);opacity:.18}}
@keyframes flow-route{0%,14%{transform:translate(0,0)}18%{transform:translate(430%,-180%)}22%{transform:translate(900%,-10%)}23%,100%{transform:translate(900%,-10%)}}
@keyframes flow-glint{0%,14%{transform:skewX(-20deg) translateX(-190%)}22%{transform:skewX(-20deg) translateX(320%)}23%,100%{transform:skewX(-20deg) translateX(320%)}}
@keyframes flow-publish{0%,14%{opacity:.8;transform:translate(-50%,-50%) scale(.72)}22%{opacity:0;transform:translate(-50%,-50%) scale(1.34)}23%,100%{opacity:.35;transform:translate(-50%,-50%) scale(1)}}
@keyframes flow-chart{0%,14%{transform:scaleY(.48)}22%{transform:scaleY(1)}23%,100%{transform:scaleY(1)}}

/* Real cases become the visual centrepiece. */
.client-carousel-section{padding-bottom:72px}
.client-carousel-section + .verified-clients{padding-top:72px}
.mqwrap{margin-top:38px}
.mq-card{border-radius:8px;background:#09101F;box-shadow:none}
.carousel-toggle,.carousel-arrow{border-radius:5px;background:transparent}
.carousel-toggle:hover,.carousel-arrow:hover{background:rgba(49,95,222,.12)}
.verified-clients{background:linear-gradient(180deg,rgba(10,21,42,.34),rgba(4,7,17,.1))}
.verified-group-head{margin-top:62px;padding-top:31px;border-top-color:var(--line-2)}
.verified-group-head h3{font-size:22px}
.verified-main-carousel,.verified-compact-carousel{padding:8px 0 18px;scrollbar-color:rgba(212,183,126,.55) rgba(255,255,255,.035)}
.verified-main-carousel::-webkit-scrollbar-thumb,.verified-compact-carousel::-webkit-scrollbar-thumb{background:rgba(212,183,126,.55)}
.verified-main-track,.verified-compact-track{gap:18px}
.verified-main-track .verified-case{flex-basis:540px}
.verified-compact-track .verified-case{flex-basis:580px}
.verified-case{border-radius:9px;background:#09101F;box-shadow:none}
.verified-case figcaption{padding:15px 16px;border-top:1px solid var(--line)}
.verified-case figcaption span{border-radius:4px;background:transparent;color:#B7C4E1}
.case-image-link::after{border-radius:4px}
.faq-item{border-radius:7px;background:rgba(10,17,31,.7);box-shadow:none}
.faq-item summary{padding:21px 22px}
.faq-ic{border-radius:4px;background:transparent}
.cta-box{border-radius:12px;padding:72px 48px;background:linear-gradient(150deg,rgba(49,95,222,.13),rgba(8,14,27,.88));box-shadow:none}
.cta-box::before{opacity:.58}
footer{padding-top:68px}

/* ===== V20 DEPTH & AD-READINESS PASS ===== */
#services,#results,.client-carousel-section,.verified-clients{isolation:isolate;overflow:clip}
#services>.wrap,#results>.wrap,.client-carousel-section>.wrap,.verified-clients>.wrap{position:relative;z-index:2}
#services{
  background:
    radial-gradient(ellipse 70% 36% at 15% 16%,rgba(49,95,224,.09),transparent 70%),
    linear-gradient(180deg,rgba(6,11,22,.16),rgba(11,19,36,.38),rgba(6,10,20,.08));
}
#results{background:linear-gradient(180deg,rgba(4,7,17,.05),rgba(10,19,39,.52),rgba(4,7,17,.12))}
#results::before{
  content:"";position:absolute;z-index:0;inset:3% -7% 0 43%;pointer-events:none;
  background:linear-gradient(90deg,rgba(4,7,17,.98) 0%,rgba(4,7,17,.3) 43%,rgba(4,7,17,.58) 100%);
  opacity:.16;filter:saturate(.7) contrast(1.08);
  -webkit-mask-image:linear-gradient(90deg,transparent,#02040A 24%,#02040A 80%,transparent);
  mask-image:linear-gradient(90deg,transparent,#02040A 24%,#02040A 80%,transparent);
}
@media(min-width:981px){
  #results::before{
    background:
      linear-gradient(90deg,rgba(4,7,17,.98) 0%,rgba(4,7,17,.3) 43%,rgba(4,7,17,.58) 100%),
      url("/assets/pr_ads.jpg") center/cover no-repeat;
  }
}
.client-carousel-section{
  background:
    linear-gradient(180deg,rgba(11,21,44,.12),rgba(7,13,26,.58)),
    radial-gradient(circle at 85% 25%,rgba(212,183,126,.06),transparent 32%);
}
.client-carousel-section::before{
  content:"VERIFIED";position:absolute;z-index:0;right:-.04em;top:.12em;pointer-events:none;
  font:900 clamp(78px,15vw,220px)/1 var(--en);letter-spacing:-.06em;color:transparent;
  -webkit-text-stroke:1px rgba(148,169,221,.07);
}
.verified-clients::after{
  content:"";position:absolute;z-index:0;width:44vw;height:44vw;min-width:440px;min-height:440px;
  right:-24vw;top:18%;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(49,95,224,.10),transparent 68%);filter:blur(20px);
}
.bg .o1{animation:ambient-drift-a 18s cubic-bezier(.42,0,.2,1) infinite alternate}
.bg .o2{animation:ambient-drift-b 22s cubic-bezier(.42,0,.2,1) infinite alternate}
@keyframes ambient-drift-a{to{transform:translate3d(80px,45px,0) scale(1.08)}}
@keyframes ambient-drift-b{to{transform:translate3d(-70px,55px,0) scale(.94)}}

@media(max-width:980px){
  .wrap{padding-inline:26px}
  section{padding:88px 0}
  .solution-grid{grid-template-columns:1fr}
  .solution-card.featured,.solution-card.featured:hover{transform:none}
  .flow{grid-template-columns:repeat(3,minmax(0,1fr))}
  .step:nth-child(4){border-left:0}
  .step:nth-child(n+4){border-top:1px solid var(--line)}
  .cases{grid-template-columns:1fr}
  .work-card{flex-basis:300px}
  .work-card-featured{flex-basis:330px}
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bene{padding-right:120px}
  .bene p{max-width:240px}
  .bene-motion{right:28px;width:82px;height:82px;transform:scale(1.06);transform-origin:center}
  .bene:nth-child(3){border-left:0;border-top:1px solid var(--line)}
  .bene:nth-child(4){border-top:1px solid var(--line)}
  .reel-showcase{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:28px}
}

@media(max-width:640px){
  .wrap{padding-inline:20px}
  section{padding:70px 0}
  header .wrap{padding-inline:18px}
  .hero{padding-top:54px}
  .hero h1{font-size:clamp(34px,11.7vw,46px);line-height:1.05;letter-spacing:-.045em}
  .hero h1 .accent{display:inline-block;white-space:nowrap}
  .hero .sub{font-size:15px;line-height:1.78;margin-top:26px}
  .hero .tags{width:100%;display:grid;grid-template-columns:1fr}
  .tag,.tag:first-child{padding:10px 0}
  .tag + .tag::before{left:0;right:0;top:0;bottom:auto;width:auto;height:1px}
  .hero .cta{margin-top:28px}
  .statbar{grid-template-columns:1fr 1fr;margin-top:52px}
  .stat{min-height:122px;padding:22px 16px}
  .stat:nth-child(3){border-left:0;border-top:1px solid var(--line)}
  .stat:nth-child(4){border-top:1px solid var(--line)}
  .stat b{font-size:27px}
  .platform-stat{padding-right:10px}
  .platform-list{gap:5px}
  .platform-chip{padding:4px 5px;min-height:27px}
  .platform-chip>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .platform-chip img{width:18px;height:18px}
  .sec-head{margin-bottom:36px}
  .sec-head h2{font-size:32px}
  .pain-grid{grid-template-columns:1fr}
  .pain-card{min-height:auto;padding:23px 4px}
  .pain-card + .pain-card{border-left:0;border-top:1px solid var(--line)}
  .pain-card h3{margin-top:12px}
  .pain-banner{padding:23px 4px}
  .solution-card{min-height:0;padding:28px 22px}
  .solution-badge{position:static;align-self:flex-start;margin-bottom:14px}
  .pillar-row{padding:28px 22px;border-radius:8px}
  .pillar-row-bluetick{padding:18px 15px 20px}
  .content-work::before{top:.45em;font-size:92px}
  .content-work{padding-block:54px}
  .work-heading{align-items:stretch;flex-direction:column;gap:14px;margin-bottom:20px}
  .work-heading .sec-head h2{font-size:26px;line-height:1.26;letter-spacing:-.018em}
  .work-heading .sec-head p{margin-top:10px;font-size:14px;line-height:1.65}
  .work-track{gap:12px;padding-right:20px}
  .work-card,.work-card-featured{flex-basis:min(86vw,360px)}
  .work-card:hover{transform:none}
  .work-card-meta{min-height:106px;padding:15px 14px 16px}
  .work-card-meta h3{font-size:14px}
  .work-card-meta p{max-width:104px;padding-top:18px}
  .work-open{right:9px;bottom:9px}
  .work-close{align-items:flex-start;flex-direction:column;gap:8px;margin-top:12px;padding:16px 0}
  .work-close a{width:100%;justify-content:space-between}
  .reel-showcase{grid-template-columns:1fr;gap:24px;margin-top:34px;padding:22px 16px}
  .reel-copy h3{font-size:25px}
  .reel-copy>p{margin:12px 0 20px;font-size:13px}
  .reel-list{display:flex;gap:8px;margin-inline:-16px;padding:0 16px 8px;overflow-x:auto;scroll-snap-type:x mandatory;border-top:0;scrollbar-width:none}
  .reel-list::-webkit-scrollbar{display:none}
  .reel-choice{flex:0 0 min(75vw,270px);grid-template-columns:30px 1fr;min-height:72px;padding:10px 12px;border:1px solid rgba(116,151,236,.17);border-radius:7px;background:rgba(8,15,29,.74);scroll-snap-align:start}
  .reel-choice::before{top:12px;bottom:12px}
  .reel-choice:hover,.reel-choice.is-active{padding-left:18px}
  .reel-choice>i{grid-column:2}
  .reel-stage{justify-self:center;width:min(100%,340px)}
  .reel-stage-meta{align-items:flex-start;flex-direction:column}
  .reel-stage-meta a{text-align:left}
  .reel-play{padding:26px 22px}
  .reel-play-mark{top:41%;width:60px;height:60px}
  .grid4{grid-template-columns:1fr}
  .bene{min-height:148px;padding:25px 112px 25px 20px;display:flex;flex-direction:column;justify-content:center}
  .bene .n{font-size:22px}
  .bene h3{margin:10px 0 5px}
  .bene p{max-width:210px}
  .bene-motion{top:50%;right:18px;width:74px;height:74px;transform:translateY(-50%)}
  .bene + .bene{border-left:0;border-top:1px solid var(--line)}
  .flow{grid-template-columns:1fr 1fr}
  .step{min-height:0;padding:34px 13px 18px}
  .step:nth-child(odd){border-left:0}
  .step:nth-child(even){border-left:1px solid var(--line)}
  .step:nth-child(n+3){border-top:1px solid var(--line)}
  .step .s{top:15px;left:13px}
  .step-scene{height:72px;margin:0 0 14px}
  .step h3{font-size:14px}
  .step p{min-height:39px;font-size:11px;line-height:1.65}
  .step-output{margin-top:8px;padding-top:7px;font-size:8.5px}
  .scene-label{font-size:6px}
  .verified-group-head h3{font-size:19px}
  .verified-main-track .verified-case{flex-basis:min(88vw,500px)}
  .verified-compact-track .verified-case{flex-basis:min(88vw,540px)}
  .verified-main-track .case-image-link{height:min(58vw,310px)}
  .carousel-meta p{max-width:170px}
  .carousel-meta{display:grid!important;grid-template-columns:1fr;gap:10px!important}
  .carousel-meta p{max-width:none;grid-column:1/-1}
  .carousel-actions{width:100%;justify-content:space-between;grid-column:1/-1}
  .cta-box{padding:50px 23px}
  .mobile-contact{border-radius:7px!important}
  #results::before{inset:24% -42% 6% 20%;opacity:.09;background-position:center}
  .client-carousel-section::before{top:1em;right:-.1em;font-size:72px}
  .verified-clients::after{right:-74vw;top:30%;opacity:.65}
  .bg .orb{animation-duration:28s}
}

@media(prefers-reduced-motion:reduce){
  #bluetick .bene-motion *{animation:none!important;transition:none!important}
  #bluetick .reply-bubble,#bluetick .identity-ring,#bluetick .identity-core,#bluetick .compliance-sheet i,#bluetick .compliance-stamp,#bluetick .loop-core i{opacity:1;transform:none}
  #bluetick .reply-pulse,#bluetick .identity-scan{display:none}
  #bluetick .loop-dot-two{transform:rotate(180deg)}
  .flow-motion-ready .step{opacity:1;transform:none}
  .flow .step-scene *{animation:none!important;transition:none!important}
}

@media(prefers-reduced-motion:reduce){.bg .orb{animation:none!important}}

.reference-root{display:contents}