/* merged from css/styles.css */

/* 蜓云四页统一样式：由 index.css 与 auth.css 合并。 */
@font-face {
   font-family: MiSans;
   src: url("https://7niu.tingclouds.com/fonts/MiSans-Regular.ttf") format("truetype");
   font-weight: 100 900;
   font-style: normal;
   font-display: swap;
}

/* Keep the shared site header fixed while pages scroll. */
:root{
  --nav-fixed-height: 68px;
}

html{
  scroll-padding-top: calc(var(--nav-fixed-height) + 18px);
}

body{
  padding-top: var(--nav-fixed-height);
}


.agent-page{
  --nav-fixed-height: 64px;
}

@media (max-width: 992px) {
  :root{
    --nav-fixed-height: 64px;
  }

  .agent-support-card-img{
    transform: none;
  }

  .agent-flow-step::after{
    display: none;
  }
}
:root{
   --ink: #151936;
   --muted: #75809a;
   --line: #dbe3ff;
   --blue: #1769ff;
   --indigo: #4c47ff;
   --purple: #7b4dff;
   --cyan: #20c6ff;
   --soft: #f5f8ff;
   --glow: rgba(83, 79, 255, .18);
   --shadow: 0 18px 55px rgba(58, 74, 150, .10);
}
*{
   box-sizing: border-box;
}
html{
   scroll-behavior: smooth;
   scroll-padding-top: 88px;
}
body{
   margin: 0px;
   color: var(--ink);
   background: rgb(255, 255, 255);
   font-family: MiSans, "Microsoft YaHei", sans-serif;
   font-size: 16px;
   line-height: 1.65;
   -webkit-font-smoothing: antialiased;
   overflow-x: hidden;
}
button,
input{
   font: inherit;
}
a{
   color: inherit;
   text-decoration: none;
}
.container{
   width: 1200px;
   max-width: calc(-64px + 100vw);
   margin: 0px auto;
}
.section{
   padding: 94px 0px;
   position: relative;
   overflow: hidden;
}
.section.alt{
   background: rgb(248, 250, 255);
}
.section-title{
   margin: 0px;
   text-align: center;
   font-size: 34px;
   line-height: 1.3;
   letter-spacing: -0.6px;
   font-weight: 700;
}
.section-title .accent{
   color: rgb(23, 105, 255);
   background: linear-gradient(90deg, rgb(23, 105, 255), rgb(109, 86, 255));
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
}
.section-subtitle{
   margin: 15px auto 48px;
   color: rgb(146, 155, 176);
   text-align: center;
   font-size: 14px;
}




.btn{
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 104px;
   height: 40px;
   padding: 0px 22px;
   border-radius: 9px;
   border: 1px solid rgb(203, 215, 255);
   background: white;
   color: var(--blue);
   cursor: pointer;
   text-decoration: none;
   transition: 0.25s;
}
.btn:hover{
   transform: translateY(-2px);
   box-shadow: 0 10px 24px var(--glow);
}
.btn.primary{
   color: white;
   border: 0px;
   background: linear-gradient(100deg, var(--blue), var(--purple));
}
.hero{
   min-height: 675px;
   background: radial-gradient(circle at 78% 24%, rgba(126, 91, 255, 0.16), transparent 25%), radial-gradient(circle at 91% 68%, rgba(31, 190, 255, 0.15), transparent 30%), linear-gradient(120deg, rgb(246, 249, 255) 0%, rgb(255, 255, 255) 46%, rgb(242, 245, 255) 100%);
   overflow: hidden;
   position: relative;
}
.hero::before{
   content: "";
   width: 900px;
   height: 900px;
   border-radius: 50%;
   border: 1px solid rgba(89, 100, 255, 0.12);
   position: absolute;
   right: -290px;
   top: -300px;
   box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 90px inset, rgba(88, 91, 255, 0.024) 0px 0px 0px 180px inset;
}
.hero-inner{
   display: grid;
   grid-template-columns: 510px 1fr;
   align-items: center;
   min-height: 600px;
   gap: 55px;
}
.eyebrow{
   color: var(--blue);
   font-weight: 700;
   font-size: 15px;
   letter-spacing: 0.5px;
   margin-bottom: 17px;
}
.hero h1{
   margin: 0px;
   font-size: 50px;
   line-height: 1.22;
   letter-spacing: -1.5px;
}
.hero h1 span{
   color: rgb(23, 105, 255);
   background: linear-gradient(90deg, rgb(23, 105, 255), rgb(109, 86, 255));
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
}
.hero-copy{
   margin: 19px 0px 30px;
   color: rgb(105, 115, 141);
   font-size: 15px;
   line-height: 1.9;
}
.hero-buttons{
   display: flex;
   gap: 14px;
}
.hero-buttons .btn{
   height: 48px;
   min-width: 136px;
}
.hero-visual{
   height: 460px;
   position: relative;
   perspective: 1200px;
}
.platform{
   position: absolute;
   left: 28px;
   right: 8px;
   height: 150px;
   bottom: 13px;
   border-radius: 50%;
   background: radial-gradient(rgba(82, 95, 255, 0.16), rgba(255, 255, 255, 0.68) 52%, transparent 70%);
   border-bottom: 2px solid rgba(54, 106, 255, 0.15);
}
.dash{
   position: absolute;
   right: 12px;
   top: 20px;
   width: 276px;
   height: 405px;
   border-radius: 26px;
   padding: 25px;
   background: linear-gradient(155deg, rgb(32, 23, 111), rgb(17, 27, 89) 55%, rgb(8, 44, 98));
   color: white;
   box-shadow: rgba(28, 43, 116, 0.28) 0px 35px 60px, rgba(255, 255, 255, 0.13) 0px 0px 0px 1px inset;
   transform: rotateY(-7deg) rotateZ(2deg);
}
.dash-top{
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.dash-title{
   font-size: 15px;
   font-weight: 700;
}
.shield{
   width: 42px;
   height: 48px;
   display: grid;
   place-items: center;
   border-radius: 16px 16px 20px 20px;
   background: linear-gradient(135deg, rgb(110, 79, 255), rgb(14, 191, 255));
   box-shadow: rgba(37, 176, 255, 0.55) 0px 0px 30px;
   font-weight: 800;
}
.score-row{
   margin-top: 24px;
   display: flex;
   justify-content: space-between;
   align-items: end;
}
.score-row strong{
   font-size: 30px;
   letter-spacing: 1px;
}
.score-row span{
   color: rgb(143, 217, 255);
   font-size: 12px;
}
.meter{
   margin-top: 20px;
}
.meter-label{
   display: flex;
   justify-content: space-between;
   color: rgb(189, 200, 245);
   font-size: 11px;
   margin-bottom: 8px;
}
.bar{
   height: 6px;
   background: rgba(255, 255, 255, 0.11);
   border-radius: 20px;
   overflow: hidden;
}
.bar i{
   height: 100%;
   display: block;
   border-radius: inherit;
   background: linear-gradient(90deg, rgb(95, 82, 255), rgb(30, 215, 255));
   box-shadow: rgb(42, 175, 255) 0px 0px 15px;
}
.dash-list{
   margin-top: 23px;
   display: grid;
   gap: 13px;
   font-size: 11px;
   color: rgb(199, 211, 255);
}
.dash-list div{
   display: flex;
   align-items: center;
   gap: 9px;
}
.dot{
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background: rgb(38, 202, 255);
   box-shadow: rgb(38, 202, 255) 0px 0px 9px;
}
.report-card{
   position: absolute;
   width: 322px;
   height: 284px;
   left: 10px;
   top: 35px;
   padding: 23px;
   border-radius: 24px;
   background: rgba(255, 255, 255, 0.92);
   box-shadow: rgba(68, 87, 165, 0.18) 0px 24px 55px;
   border: 1px solid rgba(203, 215, 255, 0.8);
   transform: rotateY(7deg) rotateZ(-1deg);
}
.report-head{
   display: flex;
   justify-content: space-between;
   color: rgb(105, 115, 141);
   font-size: 11px;
}
.report-number{
   font-size: 27px;
   font-weight: 700;
   margin-top: 18px;
}
.report-number small{
   font-size: 11px;
   color: rgb(143, 152, 173);
   margin-left: 4px;
}
.chart{
   height: 82px;
   margin-top: 18px;
   display: flex;
   align-items: flex-end;
   gap: 9px;
   border-bottom: 1px solid rgb(219, 227, 255);
   position: relative;
}
.chart::before,
.chart::after{
   content: "";
   position: absolute;
   left: 0px;
   right: 0px;
   height: 1px;
   background: rgb(237, 241, 255);
}
.chart::before{
   top: 25px;
}
.chart::after{
   top: 51px;
}
.chart b{
   width: 25px;
   border-radius: 8px 8px 0px 0px;
   background: linear-gradient(rgb(126, 90, 255), rgb(31, 140, 255));
   position: relative;
   z-index: 1;
}
.donut{
   position: absolute;
   right: 20px;
   bottom: 18px;
   width: 82px;
   height: 82px;
   border-radius: 50%;
   background: conic-gradient(var(--purple) 0 28%, var(--blue) 28% 72%, var(--cyan) 72% 91%, #e7ebff 91%);
   box-shadow: rgba(82, 87, 217, 0.18) 0px 8px 22px;
}
.donut::after{
   content: "86";
   position: absolute;
   inset: 14px;
   border-radius: 50%;
   background: white;
   display: grid;
   place-items: center;
   font-weight: 700;
   font-size: 20px;
}
.ai-chip{
   position: absolute;
   left: 272px;
   bottom: 59px;
   width: 92px;
   height: 92px;
   border-radius: 24px;
   display: grid;
   place-items: center;
   color: white;
   font-size: 32px;
   font-weight: 700;
   background: linear-gradient(145deg, rgb(116, 84, 255), rgb(20, 92, 255) 55%, rgb(33, 200, 255));
   box-shadow: rgba(42, 88, 255, 0.35) 0px 20px 40px, rgba(255, 255, 255, 0.45) 0px 0px 0px 2px inset;
   transform: rotate(-4deg);
}
.float-stat{
   position: absolute;
   left: -22px;
   top: 190px;
   width: 105px;
   height: 82px;
   background: white;
   border: 1px solid rgb(220, 229, 255);
   border-radius: 18px;
   padding: 13px;
   box-shadow: rgba(63, 80, 150, 0.13) 0px 18px 35px;
}
.float-stat small{
   color: rgb(137, 147, 170);
   font-size: 10px;
}
.float-stat strong{
   display: block;
   color: var(--blue);
   font-size: 26px;
   line-height: 1.15;
}
.hero-stats{
   width: 1200px;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: 0px;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 18px;
}
.hero-stat{
   height: 88px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 15px;
   background: white;
   border: 1px solid rgb(224, 231, 255);
   border-radius: 14px 14px 0px 0px;
   box-shadow: rgba(53, 73, 151, 0.05) 0px -8px 28px;
}
.hero-stat strong{
   display: block;
   font-size: 21px;
   line-height: 1.1;
}
.hero-stat span{
   color: rgb(139, 148, 170);
   font-size: 11px;
}
.cta{
   margin: 95px auto;
   min-height: 245px;
   border-radius: 24px;
   padding: 52px 65px;
   color: white;
   position: relative;
   overflow: hidden;
   background: linear-gradient(105deg, rgb(48, 48, 182), rgb(78, 66, 237) 45%, rgb(17, 127, 232));
   box-shadow: rgba(57, 61, 188, 0.22) 0px 25px 55px;
}
.cta::before{
   content: "";
   position: absolute;
   width: 420px;
   height: 420px;
   border-radius: 50%;
   right: -100px;
   top: -180px;
   background: rgba(255, 255, 255, 0.08);
   box-shadow: rgba(255, 255, 255, 0.035) 0px 0px 0px 80px;
}
.cta::after{
   content: "";
   position: absolute;
   width: 290px;
   height: 290px;
   border-radius: 50%;
   right: 130px;
   bottom: -235px;
   border: 1px solid rgba(255, 255, 255, 0.14);
}
.cta-content{
   position: relative;
   z-index: 1;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.cta small{
   color: rgb(169, 207, 255);
}
.cta h2{
   margin: 6px 0px 2px;
   font-size: 34px;
}
.cta p{
   margin: 0px;
   color: rgb(191, 206, 255);
   font-size: 15px;
}
.cta-actions{
   display: flex;
   gap: 15px;
}
.cta .btn{
   min-width: 135px;
   border: 0px;
   color: var(--blue);
   font-weight: 700;
}
.cta .btn.ghost{
   background: transparent;
   color: white;
   border: 1px solid rgba(255, 255, 255, 0.65);
}
.cta-points{
   position: relative;
   z-index: 1;
   display: flex;
   gap: 62px;
   margin-top: 38px;
   color: rgb(215, 225, 255);
   font-size: 11px;
}
.section-subtitle{
   color: rgb(104, 115, 138);
   font-size: 16px;
}
.hero-copy{
   color: rgb(79, 92, 118);
   font-size: 17px;
}
.hero-stat span, .report-head, .report-number small{
   color: rgb(93, 104, 126);
   font-size: 13px;
}
.float-stat small{
   color: rgb(98, 109, 131);
   font-size: 12px;
}
.cta p{
   color: rgb(224, 230, 255);
   font-size: 17px;
}
.cta-points{
   color: rgb(240, 243, 255);
   font-size: 13px;
}
:root{
   --edge: rgba(139, 154, 220, .34);
   --edge-strong: rgba(101, 119, 205, .48);
   --shadow-sm: 0 8px 18px rgba(38, 51, 111, .07), 0 2px 5px rgba(45, 57, 116, .05);
   --shadow-md: 0 18px 38px rgba(43, 56, 126, .11), 0 5px 12px rgba(50, 63, 128, .06);
   --shadow-lg: 0 28px 65px rgba(42, 53, 123, .16), 0 8px 20px rgba(52, 64, 132, .08);
   --inner-highlight: inset 0 1px 0 rgba(255, 255, 255, .95);
}
body{
   background: radial-gradient(circle at 15% 8%, rgba(64, 103, 255, 0.043), transparent 19%), radial-gradient(circle at 88% 23%, rgba(121, 76, 255, 0.05), transparent 20%), rgb(255, 255, 255);
}
.section{
   isolation: isolate;
   border-top: 1px solid rgba(210, 220, 248, 0.55);
   background: linear-gradient(rgba(249, 251, 255, 0.72), rgba(255, 255, 255, 0.98) 18%, rgb(255, 255, 255) 82%, rgba(247, 249, 255, 0.74));
}
.section.alt{
   background: radial-gradient(circle at 8% 12%, rgba(78, 116, 255, 0.067), transparent 24%), radial-gradient(circle at 92% 82%, rgba(126, 75, 255, 0.055), transparent 25%), linear-gradient(rgb(242, 245, 255), rgb(250, 251, 255) 34%, rgb(245, 247, 255));
   box-shadow: rgba(255, 255, 255, 0.95) 0px 1px 0px inset, rgba(194, 205, 240, 0.55) 0px -1px 0px inset;
}
.section > .container{
   position: relative;
   z-index: 1;
}
.section-title{
   text-shadow: rgb(255, 255, 255) 0px 1px 0px, rgba(50, 63, 135, 0.08) 0px 8px 22px;
}
.section-title::after{
   content: "";
   display: block;
   width: 48px;
   height: 4px;
   margin: 17px auto 0px;
   border-radius: 8px;
   background: linear-gradient(90deg, var(--blue), var(--purple));
   box-shadow: rgba(76, 71, 255, 0.26) 0px 5px 13px;
}
.section-subtitle{
   margin-top: 10px;
}
.section-title-accent{
   width: 48px;
   height: 3px;
   margin: 13px auto 12px;
   border-radius: 999px;
   background: linear-gradient(90deg, transparent, rgb(8, 116, 255) 28%, rgb(112, 82, 255) 72%, transparent);
   box-shadow: rgba(73, 89, 255, 0.18) 0px 3px 10px;
}
.section-title-accent + .section-subtitle{
   margin-top: 0px;
}
.btn{
   position: relative;
   overflow: hidden;
   border-color: rgba(115, 137, 225, 0.48);
   background: linear-gradient(rgb(255, 255, 255), rgb(245, 247, 255));
   box-shadow: var(--inner-highlight), 0 5px 12px rgba(45, 64, 139, .08);
   font-weight: 600;
}
.btn::before{
   content: "";
   position: absolute;
   left: 10%;
   right: 10%;
   top: 0px;
   height: 1px;
   background: rgba(255, 255, 255, 0.9);
}
.btn:hover{
   transform: translateY(-3px);
   border-color: rgba(86, 99, 225, 0.68);
   box-shadow: var(--inner-highlight), 0 14px 25px rgba(55, 69, 153, .16);
}
.btn:active{
   transform: translateY(0px);
   box-shadow: rgba(34, 46, 112, 0.12) 0px 2px 6px inset;
}
.btn.primary{
   border: 1px solid rgba(55, 68, 210, 0.35);
   background: linear-gradient(135deg, rgb(27, 131, 255) 0%, rgb(66, 96, 255) 48%, rgb(121, 80, 255) 100%);
   box-shadow: rgba(255, 255, 255, 0.36) 0px 1px 0px inset, rgba(33, 35, 133, 0.18) 0px -2px 4px inset, rgba(65, 70, 235, 0.27) 0px 10px 23px;
   text-shadow: rgba(34, 33, 112, 0.28) 0px 1px 2px;
}
.btn.primary:hover{
   box-shadow: rgba(255, 255, 255, 0.42) 0px 1px 0px inset, rgba(33, 35, 133, 0.18) 0px -2px 4px inset, rgba(65, 70, 235, 0.34) 0px 16px 31px;
}
.hero-buttons .btn.primary::before, .case-copy .btn.primary::before, .cta-actions .btn::before{
   display: none;
}
.cta{
   border: 1px solid rgba(116, 135, 255, 0.52);
   background: linear-gradient(110deg, rgb(36, 37, 157), rgb(79, 61, 225) 43%, rgb(22, 136, 237));
   box-shadow: rgba(255, 255, 255, 0.28) 0px 1px 0px inset, rgba(25, 30, 123, 0.24) 0px -5px 13px inset, rgba(47, 49, 165, 0.25) 0px 34px 72px, rgba(46, 52, 154, 0.12) 0px 9px 20px;
}
.cta .btn{
   box-shadow: rgb(255, 255, 255) 0px 1px 0px inset, rgba(25, 31, 128, 0.22) 0px 12px 25px;
}
.cta .btn.ghost{
   background: rgba(255, 255, 255, 0.08);
   border-color: rgba(255, 255, 255, 0.7);
   box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset, rgba(24, 28, 112, 0.18) 0px 10px 22px;
   backdrop-filter: blur(8px);
}
:root{
   --blue: #086dff;
   --indigo: #335dff;
   --purple: #6658ff;
   --cyan: #10c8ff;
   --line: #dce7ff;
   --edge: rgba(154, 178, 235, .34);
   --edge-strong: rgba(92, 139, 235, .48);
   --shadow-sm: 0 7px 18px rgba(48, 91, 166, .06);
   --shadow-md: 0 15px 36px rgba(45, 84, 157, .09);
   --shadow-lg: 0 23px 55px rgba(39, 75, 151, .13);
}
body{
   background: rgb(255, 255, 255);
}

.btn{
   border-color: rgb(158, 195, 255);
   background: rgb(255, 255, 255);
   box-shadow: none;
   border-radius: 7px;
}
.btn:hover{
   transform: translateY(-2px);
   border-color: rgb(75, 142, 255);
   box-shadow: rgba(37, 104, 230, 0.13) 0px 9px 20px;
}
.btn.primary{
   border-color: rgb(14, 105, 246);
   background: linear-gradient(100deg, rgb(8, 111, 255), rgb(39, 94, 255));
   box-shadow: rgba(19, 94, 235, 0.2) 0px 9px 20px;
   text-shadow: none;
}
.btn.primary:hover{
   box-shadow: rgba(19, 94, 235, 0.27) 0px 13px 26px;
}
.hero{
   min-height: 640px;
   background: radial-gradient(circle at 77% 31%, rgba(92, 115, 255, 0.15), transparent 22%), radial-gradient(circle at 92% 74%, rgba(26, 194, 255, 0.16), transparent 31%), linear-gradient(110deg, rgb(244, 248, 255) 0%, rgb(255, 255, 255) 47%, rgb(240, 245, 255) 100%);
}
.hero::before{
   width: 820px;
   height: 820px;
   right: -205px;
   top: -300px;
   border-color: rgba(69, 126, 255, 0.1);
   box-shadow: rgba(255, 255, 255, 0.13) 0px 0px 0px 86px inset, rgba(43, 122, 255, 0.024) 0px 0px 0px 172px inset;
}
.hero::after{
   content: "";
   position: absolute;
   right: 0px;
   bottom: 0px;
   width: 670px;
   height: 290px;
   background: linear-gradient(135deg, transparent 22%, rgba(98, 91, 255, 0.035) 22%, rgba(98, 91, 255, 0.035) 23%, transparent 23%, transparent 56%, rgba(18, 178, 255, 0.05) 56%, rgba(18, 178, 255, 0.05) 57%, transparent 57%);
   pointer-events: none;
}
.hero-inner{
   grid-template-columns: 555px 1fr;
   gap: 20px;
   min-height: 552px;
   align-items: center;
}
.eyebrow{
   display: none;
}
.hero h1{
   font-size: 48px;
   line-height: 1.27;
   letter-spacing: -1px;
   white-space: nowrap;
   margin-top: -18px;
}
.hero h1 span{
   background: linear-gradient(90deg, rgb(8, 116, 255) 0%, rgb(49, 95, 255) 55%, rgb(107, 86, 255) 100%) text;
}
.hero-copy{
   width: 520px;
   margin: 18px 0px 27px;
   color: rgb(101, 112, 137);
   font-size: 14px;
   line-height: 1.85;
}
.hero-buttons{
   gap: 18px;
}
.hero-buttons .btn{
   height: 47px;
   min-width: 139px;
   border-radius: 7px;
}
.hero-copy-column{
   position: relative;
   z-index: 3;
}
.hero-visual{
   height: 485px;
   margin-top: -5px;
   perspective: 1300px;
}
.platform{
   left: 55px;
   right: 4px;
   bottom: 7px;
   height: 165px;
   background: radial-gradient(rgba(44, 116, 255, 0.19), rgba(255, 255, 255, 0.78) 47%, transparent 69%);
   border-bottom: 2px solid rgba(30, 116, 255, 0.18);
   box-shadow: rgba(32, 91, 205, 0.08) 0px 22px 45px;
}
.report-card{
   left: 5px;
   top: 48px;
   width: 350px;
   height: 294px;
   padding: 25px;
   border-radius: 23px;
   background: rgba(255, 255, 255, 0.94);
   border: 1px solid rgba(197, 216, 255, 0.88);
   box-shadow: rgba(50, 91, 170, 0.16) 0px 25px 52px;
   transform: rotateY(5deg) rotateZ(-0.8deg);
}
.report-number{
   margin-top: 19px;
   font-size: 29px;
}
.chart{
   height: 88px;
   margin-top: 16px;
   gap: 10px;
}
.chart b{
   width: 28px;
   background: linear-gradient(rgb(102, 92, 255), rgb(22, 133, 255));
   box-shadow: rgba(41, 104, 242, 0.12) 0px 4px 10px;
}
.donut{
   right: 22px;
   bottom: 17px;
   width: 90px;
   height: 90px;
   background: conic-gradient(rgb(109, 88, 255) 0deg, rgb(109, 88, 255) 27%, rgb(8, 117, 255) 27%, rgb(8, 117, 255) 71%, rgb(17, 199, 255) 71%, rgb(17, 199, 255) 91%, rgb(231, 239, 255) 91%);
   box-shadow: rgba(40, 92, 187, 0.14) 0px 10px 24px;
}
.donut::after{
   inset: 15px;
}
.dash{
   right: 0px;
   top: 27px;
   width: 290px;
   height: 415px;
   padding: 26px;
   border-radius: 24px;
   background: linear-gradient(155deg, rgb(16, 41, 104) 0%, rgb(11, 36, 92) 45%, rgb(6, 63, 112) 100%);
   box-shadow: rgba(18, 54, 117, 0.28) 0px 34px 60px, rgba(105, 181, 255, 0.18) 0px 0px 0px 1px inset;
   transform: rotateY(-5deg) rotateZ(1.5deg);
}
.shield{
   background: linear-gradient(135deg, rgb(20, 94, 255), rgb(17, 207, 255));
   box-shadow: rgba(28, 176, 255, 0.48) 0px 0px 27px;
}
.bar i{
   background: linear-gradient(90deg, rgb(37, 122, 255), rgb(18, 214, 255));
   box-shadow: rgba(31, 190, 255, 0.8) 0px 0px 12px;
}
.ai-chip{
   left: 296px;
   bottom: 48px;
   width: 88px;
   height: 88px;
   border-radius: 22px;
   background: linear-gradient(145deg, rgb(82, 104, 255), rgb(5, 110, 255) 58%, rgb(25, 207, 255));
   box-shadow: rgba(29, 94, 225, 0.3) 0px 19px 37px, rgba(255, 255, 255, 0.38) 0px 0px 0px 2px inset;
}
.float-stat{
   left: -24px;
   top: 205px;
   border-color: rgb(216, 230, 255);
   box-shadow: rgba(45, 89, 170, 0.12) 0px 16px 32px;
}
.hero-stats{
   position: static;
   width: 1200px;
   max-width: calc(-64px + 100vw);
   transform: none;
   margin-top: 48px;
   display: grid;
   grid-template-columns: repeat(4, minmax(0px, 1fr));
   gap: 14px;
}
.hero-stat{
   min-height: 86px;
   padding: 16px 18px;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
   gap: 14px;
   border-color: rgba(151, 189, 255, 0.56);
   border-radius: 18px;
   background: linear-gradient(145deg, rgba(255, 255, 255, 0.94) 0%, rgba(246, 249, 255, 0.92) 100%);
   box-shadow: rgba(255, 255, 255, 0.92) 0px 1px 0px inset, rgba(37, 78, 155, 0.11) 0px 14px 30px;
   backdrop-filter: blur(10px);
}
.hero-stat .stat-icon{
   width: 42px;
   height: 42px;
   display: block;
   color: rgb(8, 116, 255);
   fill: none;
   stroke: currentcolor;
   stroke-width: 1.8;
   stroke-linecap: round;
   stroke-linejoin: round;
   flex: 0 0 auto;
   filter: drop-shadow(rgba(8, 116, 255, 0.18) 0px 8px 14px);
   transition: color 0.25s, transform 0.25s, filter 0.25s;
}
.hero-stat:hover .stat-icon{
   color: rgb(49, 88, 255);
   transform: translateY(-2px);
   filter: drop-shadow(rgba(49, 88, 255, 0.26) 0px 12px 18px);
}
.hero-stat strong{
   font-size: 25px;
   line-height: 1.1;
   text-align: left;
}
.hero-stat > div > span{
   display: block;
   width: 100%;
   margin-top: 5px;
   color: rgb(102, 116, 143);
   font-size: 13px;
   font-weight: 700;
   line-height: 1.25;
   text-align: left;
   white-space: nowrap;
}
.section{
   border-top: 0px;
   background: linear-gradient(rgb(255, 255, 255) 0%, rgb(251, 253, 255) 50%, rgb(247, 250, 255) 100%);
}
.section.alt{
   background: radial-gradient(circle at 8% 18%, rgba(49, 118, 255, 0.055), transparent 27%), radial-gradient(circle at 94% 80%, rgba(105, 91, 255, 0.043), transparent 26%), linear-gradient(rgb(244, 248, 255) 0%, rgb(248, 250, 255) 48%, rgb(242, 246, 255) 100%);
   box-shadow: none;
}
.section + .section{
   margin-top: 0px;
}
.section-title{
   text-shadow: none;
}
.section-title::after{
   display: none;
}
.section-subtitle{
   margin-top: 15px;
}
.cta{
   border-color: rgba(72, 139, 255, 0.44);
   background: linear-gradient(105deg, rgb(15, 80, 198) 0%, rgb(18, 106, 232) 48%, rgb(21, 158, 255) 100%);
   box-shadow: rgba(19, 94, 206, 0.22) 0px 28px 62px;
}
:root{
   --impact-blue: #075dff;
   --impact-indigo: #4a38ff;
   --impact-cyan: #08c7ff;
   --impact-ink: #101a45;
   --impact-glow: 0 30px 80px rgba(31, 86, 224, .20);
}
.hero{
   min-height: 620px;
   background: radial-gradient(circle at 80% 28%, rgba(77, 67, 255, 0.22), transparent 23%), radial-gradient(circle at 94% 72%, rgba(8, 199, 255, 0.22), transparent 30%), radial-gradient(circle at 55% 5%, rgba(34, 116, 255, 0.09), transparent 24%), linear-gradient(112deg, rgb(238, 245, 255) 0%, rgb(255, 255, 255) 43%, rgb(237, 243, 255) 100%);
}
.hero-inner{
   min-height: 600px;
}
.hero h1{
   color: var(--impact-ink);
   font-size: 55px;
   line-height: 1.2;
   font-weight: 900;
   letter-spacing: -2px;
   text-shadow: rgba(31, 57, 125, 0.09) 0px 8px 28px;
}
.hero h1 span{
   background: linear-gradient(90deg, rgb(5, 120, 255) 0%, rgb(49, 88, 255) 46%, rgb(123, 66, 255) 100%) text;
   filter: drop-shadow(rgba(62, 66, 255, 0.18) 0px 10px 18px);
}
.hero-copy{
   width: 535px;
   color: rgb(78, 93, 123);
   font-size: 16px;
}
.hero-buttons .btn{
   height: 50px;
   min-width: 148px;
   font-weight: 700;
}
.hero-buttons .btn.primary{
   background: linear-gradient(105deg, rgb(8, 110, 255) 0%, rgb(53, 85, 255) 56%, rgb(105, 75, 255) 100%);
   box-shadow: rgba(32, 84, 230, 0.3) 0px 16px 34px;
}
.hero-visual{
   transform: scale(1.035);
   transform-origin: center center;
}
.report-card{
   border-color: rgba(158, 185, 255, 0.95);
   box-shadow: rgba(38, 78, 169, 0.23) 0px 34px 74px;
}
.dash{
   background: linear-gradient(150deg, rgb(17, 27, 100) 0%, rgb(7, 28, 85) 42%, rgb(4, 61, 115) 100%);
   box-shadow: rgba(12, 43, 112, 0.38) 0px 42px 82px, rgba(31, 119, 255, 0.12) 0px 0px 52px, rgba(107, 191, 255, 0.24) 0px 0px 0px 1px inset;
}
.ai-chip{
   box-shadow: rgba(24, 88, 231, 0.38) 0px 24px 48px, rgba(20, 196, 255, 0.22) 0px 0px 34px, rgba(255, 255, 255, 0.42) 0px 0px 0px 2px inset;
}
.hero-stat{
   border-color: rgba(177, 201, 247, 0.75);
   box-shadow: rgba(37, 78, 155, 0.1) 0px 14px 30px;
   transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
}
.hero-stat:hover{
   transform: translateY(-5px);
   border-color: rgba(93, 143, 240, 0.68);
   box-shadow: rgba(37, 78, 155, 0.15) 0px 22px 42px;
}
.hero-stat strong{
   color: rgb(21, 32, 74);
   font-weight: 800;
}
.section{
   padding: 108px 0px;
}
.section-title{
   color: rgb(22, 32, 72);
   font-size: 38px;
   font-weight: 800;
   letter-spacing: -1px;
}
.section-title .accent{
   filter: drop-shadow(rgba(48, 76, 255, 0.15) 0px 7px 12px);
}




#solutions{
   background: radial-gradient(circle at 12% 12%, rgba(83, 104, 255, 0.12), transparent 28%), radial-gradient(circle at 92% 76%, rgba(32, 198, 255, 0.1), transparent 27%), linear-gradient(rgb(246, 249, 255) 0%, rgb(251, 252, 255) 50%, rgb(242, 246, 255) 100%);
}
.cta{
   min-height: 252px;
   padding: 49px 54px 35px;
   border-color: rgba(112, 165, 255, 0.62);
   background: radial-gradient(circle at 82% 20%, rgba(40, 212, 255, 0.25), transparent 24%), linear-gradient(108deg, rgb(11, 49, 155) 0%, rgb(21, 73, 212) 40%, rgb(92, 50, 232) 72%, rgb(7, 143, 223) 100%);
   box-shadow: rgba(25, 65, 174, 0.3) 0px 38px 84px, rgba(255, 255, 255, 0.28) 0px 1px 0px inset;
}
.cta h2{
   font-size: 38px;
   font-weight: 800;
   letter-spacing: -0.8px;
   text-shadow: rgba(3, 23, 95, 0.28) 0px 10px 24px;
}
.cta .btn{
   height: 48px;
   min-width: 150px;
}
.cta .btn:first-child{
   box-shadow: rgba(4, 29, 116, 0.26) 0px 16px 34px;
}
.hero{
   background-color: rgb(238, 242, 253);
   background-image:
     linear-gradient(90deg, rgba(238, 242, 253, 0.96) 0%, rgba(238, 242, 253, 0.9) 30%, rgba(238, 242, 253, 0.72) 42%, rgba(238, 242, 253, 0.42) 52%, rgba(238, 242, 253, 0.14) 60%, rgba(238, 242, 253, 0) 66%),
     linear-gradient(90deg, rgba(238, 242, 253, 0) 0%, rgba(238, 242, 253, 0) 34%, rgba(238, 242, 253, 0.44) 42%, rgba(238, 242, 253, 0.3) 49%, rgba(238, 242, 253, 0) 58%),
     url("../img/home-banner-soft-geo-option-2.webp");
   background-repeat: no-repeat;
   background-position: center center, center center, right center;
   background-size: 100% 100%, 100% 100%, auto 100%;
}
.hero::before,
.hero::after{
   display: none;
}
.hero-inner{
   position: relative;
   z-index: 1;
}
.hero-copy-column{
   text-shadow: rgba(255, 255, 255, 0.82) 0px 2px 18px;
   transform: translateY(62px);
}
.hero-visual{
   display: none;
}
@media (prefers-reduced-motion: no-preference) {
  .hero-copy-column{
     animation: 0.7s ease-out 0s 1 normal both running impact-rise-shifted;
  }
  .hero-visual{
     animation: 0.85s ease-out 0.08s 1 normal both running impact-visual;
  }
  @keyframes impact-rise {
      0%{
       opacity: 0;
       transform: translateY(18px);
    }
      100%{
       opacity: 1;
       transform: translateY(0px);
    }
  }
  @keyframes impact-visual {
      0%{
       opacity: 0;
       transform: translateY(22px) scale(0.985);
    }
      100%{
       opacity: 1;
       transform: translateY(0px) scale(1.035);
    }
  }
}
@keyframes impact-rise-shifted {
    0%{
     opacity: 0;
     transform: translateY(84px);
  }
    100%{
     opacity: 1;
     transform: translateY(62px);
  }
}
@media (max-width: 1280px) {
  .container{
     width: 1200px;
     max-width: calc(-64px + 100vw);
  }
  .hero{
     background-position: center center, center center, right center;
     background-size: 100% 100%, 100% 100%, auto 100%;
  }
  .hero-inner{
     grid-template-columns: 455px 1fr;
  }
  .hero-stats{
     width: 1200px;
     max-width: calc(-64px + 100vw);
  }
  .hero-stat{
     min-height: 82px;
     padding: 14px;
     gap: 10px;
  }
  .hero-stat .stat-icon{
     width: 36px;
     height: 36px;
  }
  .hero-stat strong{
     font-size: 22px;
  }
  .hero-stat > div > span{
     font-size: 12px;
  }
  .hero h1{
     font-size: 48px;
  }
  .hero-copy{
     width: 455px;
  }
  .hero-visual{
     transform: scale(0.94);
     transform-origin: right center;
  }
  @media (prefers-reduced-motion: no-preference) {
    .hero-visual{
       animation-name: none;
    }
  }
}







.option-a-check{
   position: relative;
   min-height: 510px;
   padding: 52px 0px;
   overflow: hidden;
   background: radial-gradient(circle at 18% 48%, rgba(23, 105, 255, 0.18), transparent 29%), radial-gradient(circle at 72% 40%, rgba(25, 200, 255, 0.17), transparent 24%), linear-gradient(90deg, rgb(230, 242, 255) 0%, rgb(249, 252, 255) 55%, rgb(237, 245, 255) 100%);
}
.option-a-check::after{
   content: "";
   position: absolute;
   inset: 0px;
   background: linear-gradient(90deg, rgba(230, 242, 255, 0.04) 0%, rgba(255, 255, 255, 0.68) 48%, rgba(237, 245, 255, 0.18) 100%);
   pointer-events: none;
}
.option-a-form{
   display: grid;
   grid-template-columns: repeat(4, minmax(0px, 1fr));
   gap: 10px;
   padding: 12px;
   border: 1px solid rgba(181, 202, 242, 0.76);
   border-radius: 18px;
   background: rgba(255, 255, 255, 0.78);
   box-shadow: rgba(50, 91, 174, 0.13) 0px 22px 52px;
   backdrop-filter: blur(14px);
}
.option-a-field{
   min-height: 68px;
   padding: 12px 13px;
   border-radius: 12px;
   background: rgb(255, 255, 255);
   border: 1px solid rgb(224, 233, 251);
}
.option-a-field label{
   display: block;
   color: rgb(113, 128, 154);
   font-size: 12px;
   font-weight: 850;
}
.option-a-cta{
   border: 0px;
   border-radius: 13px;
   color: rgb(255, 255, 255);
   background: linear-gradient(100deg, var(--blue), var(--purple));
   font-size: 15px;
   font-weight: 900;
   box-shadow: rgba(23, 105, 255, 0.25) 0px 16px 32px;
   cursor: pointer;
}
@media (max-width: 900px) {
  
  .option-a-form{
     grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
}
@media (max-width: 620px) {
  
  
  .option-a-form{
     grid-template-columns: 1fr;
  }
}






.option-a-check{
   min-height: auto;
   padding: 62px 0px 20px;
   border-top: 0px;
   border-bottom: 0px;
   background: linear-gradient(rgb(238, 246, 255) 0%, rgb(247, 251, 255) 20%, rgb(255, 255, 255) 100%);
}
.option-a-check::after{
   display: none;
}
.option-a-check-heading{
   position: relative;
   z-index: 2;
}
.option-a-check-heading .section-subtitle{
   margin-bottom: 34px;
}
.option-a-form{
   display: grid;
   grid-template-columns: 1fr;
   gap: 18px;
   padding: 0px;
   border: 0px;
   border-radius: 0px;
   background: transparent;
   box-shadow: none;
   backdrop-filter: none;
}
.option-a-fields{
   display: grid;
   grid-template-columns: repeat(4, minmax(0px, 1fr));
   gap: 22px;
}
.option-a-field{
   min-height: auto;
   padding: 0px;
   border: 0px;
   border-radius: 0px;
   background: transparent;
}
.option-a-control{
   height: 44px;
   margin-top: 10px;
   display: flex;
   align-items: center;
   padding: 0px 13px;
   border-radius: 8px;
   background: rgb(255, 255, 255);
   border: 1px solid rgb(217, 229, 251);
   box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px inset;
}
.option-a-field input,
.option-a-field select{
   width: 100%;
   padding: 0px;
   border: 0px;
   outline: 0px;
   color: rgb(23, 33, 61);
   background: transparent;
   font-style: inherit;
   font-variant: inherit;
   font-stretch: inherit;
   line-height: inherit;
   font-family: inherit;
   font-optical-sizing: inherit;
   font-size-adjust: inherit;
   font-kerning: inherit;
   font-feature-settings: inherit;
   font-variation-settings: inherit;
   font-language-override: inherit;
   font-size: 13px;
   font-weight: 700;
}
.option-a-field select{
   appearance: none;
   background: transparent;
   cursor: pointer;
}
.option-a-field input::placeholder{
   color: rgb(154, 168, 190);
}
.option-a-field label{
   color: rgb(17, 24, 39);
   font-size: 12px;
   font-weight: 900;
}
.option-a-field.is-invalid .option-a-control{
   border-color: rgb(255, 122, 122);
   box-shadow: rgba(255, 92, 92, 0.1) 0px 0px 0px 3px;
}
.option-a-field.is-invalid label{
   color: rgb(194, 47, 66);
}
.option-a-cta{
   min-height: 56px;
   width: min(420px, 100%);
   justify-self: center;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 14px;
   border-radius: 9px;
   font-size: 22px;
   line-height: 1;
   letter-spacing: 0px;
   background: linear-gradient(100deg, var(--blue) 0%, var(--indigo) 52%, var(--purple) 100%);
   box-shadow: rgba(67, 79, 255, 0.22) 0px 15px 30px;
}
.option-a-cta.is-submitting{
   cursor: wait;
   filter: saturate(0.92) brightness(0.98);
   opacity: 0.88;
}
.option-a-cta::before{
   content: "";
   width: 30px;
   height: 30px;
   border-radius: 999px;
   border: 3px solid rgba(255, 255, 255, 0.42);
   box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 7px inset;
}
.option-a-proof{
   display: grid;
   grid-template-columns: repeat(4, minmax(0px, 1fr));
   gap: 14px;
   align-items: center;
   color: rgb(113, 128, 154);
   font-size: 11px;
   font-weight: 800;
}
.option-a-message{
   min-height: 22px;
   margin: -6px 0px 0px;
   color: rgb(95, 111, 138);
   text-align: center;
   font-size: 13px;
   font-weight: 800;
}
.option-a-message.is-error{
   color: rgb(194, 47, 66);
}
.option-a-message.is-success{
   color: rgb(23, 105, 255);
}
.option-a-proof span{
   display: flex;
   align-items: center;
   gap: 8px;
   white-space: nowrap;
}
.option-a-proof span::before{
   content: "";
   width: 14px;
   height: 14px;
   flex: 0 0 auto;
   border-radius: 999px;
   border: 2px solid rgb(27, 117, 255);
   box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px inset;
   background: rgb(234, 243, 255);
}
@media (max-width: 900px) {
  
  
  .option-a-fields,
.option-a-proof{
     grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
}
@media (max-width: 620px) {
  
  
  
  .option-a-fields,
.option-a-proof,
.option-a-form{
     grid-template-columns: 1fr;
  }
  .option-a-cta{
     width: min(360px, 100%);
     min-height: 52px;
     font-size: 19px;
  }
}







































.cta{
   margin: 72px auto 68px;
}













.fls-card{
   min-height: 286px;
   display: grid;
   grid-template-columns: 184px minmax(0px, 1fr);
   gap: 22px;
   position: relative;
   overflow: hidden;
   padding: 24px;
   border: 1px solid rgba(173, 204, 255, 0.86);
   border-radius: 24px;
   background: radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--accent-a) 13%, transparent), transparent 34%),
              linear-gradient(145deg, rgba(255,255,255,.97), rgba(246,250,255,.92) 58%, rgba(233,242,255,.9));
   box-shadow: rgba(255, 255, 255, 0.96) 0px 1px 0px inset, rgba(44, 91, 178, 0.12) 0px 24px 56px;
   isolation: isolate;
   transform: translateY(0px);
   transition: transform 0.32s, border-color 0.32s, box-shadow 0.32s, background 0.32s;
}
.fls-card::before{
   content: "";
   position: absolute;
   inset: 0px;
   z-index: 0;
   opacity: 0;
   background: radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--accent-b) 14%, transparent), transparent 36%),
              linear-gradient(135deg, color-mix(in srgb, var(--accent-a) 8%, #ffffff), color-mix(in srgb, var(--accent-b) 10%, #f6fbff));
   transition: opacity 0.32s;
}
.fls-card::after{
   content: attr(data-index);
   position: absolute;
   right: 24px;
   top: 18px;
   color: rgba(23, 105, 255, 0.11);
   font-size: 40px;
   font-weight: 950;
   z-index: 0;
   transition: color 0.32s, transform 0.32s;
}
.fls-card:hover{
   transform: translateY(-10px);
   border-color: color-mix(in srgb, var(--accent-b) 30%, #d9e8ff);
   box-shadow: inset 0 1px 0 rgba(255,255,255,.82),
              0 26px 58px color-mix(in srgb, var(--accent-a) 14%, transparent);
}
.fls-card:hover::before{
   opacity: 1;
}
.fls-card:hover::after{
   color: color-mix(in srgb, var(--accent-a) 16%, rgba(23, 105, 255, 0.08));
   transform: translate(-4px, 4px) scale(1.08);
}
.fls-card:hover .fls-card-main h2,
.fls-card:hover .fls-step-copy b,
.fls-card:hover .fls-partner-copy b{
   color: rgb(16, 26, 69);
   text-shadow: none;
}
.fls-card:hover .fls-card-main p,
.fls-card:hover .fls-metric em,
.fls-card:hover .fls-caption,
.fls-card:hover .fls-caption span,
.fls-card:hover .fls-resource-panel span,
.fls-card:hover .fls-step-copy em,
.fls-card:hover .fls-partner-copy em{
   color: rgb(82, 98, 126);
   text-shadow: none;
}
.fls-card:hover .fls-metric b{
   color: var(--accent-a);
   text-shadow: 0 10px 20px color-mix(in srgb, var(--accent-a) 12%, transparent);
}
.fls-card:hover .fls-card-main button{
   color: rgb(255, 255, 255);
   border: 1px solid color-mix(in srgb, var(--accent-a) 18%, #ffffff);
   background: linear-gradient(100deg, color-mix(in srgb, var(--accent-a) 86%, #ffffff), color-mix(in srgb, var(--accent-b) 82%, #ffffff));
   box-shadow: rgba(255, 255, 255, 0.38) 0px 1px 0px inset, color-mix(in srgb, var(--accent-a) 16%, transparent) 0px 14px 28px;
   backdrop-filter: blur(8px);
}







.fls-card-main,
.fls-card-detail{
   position: relative;
   z-index: 1;
}
.fls-card-main{
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 14px;
}














.fls-card-main h2{
   margin: 0px;
   font-size: 22px;
   line-height: 1.25;
   font-weight: 950;
   letter-spacing: 0px;
}
.fls-card-main p{
   margin: 0px;
   color: rgb(94, 107, 132);
   font-size: 13px;
   line-height: 1.72;
   font-weight: 650;
}
.fls-card-main button{
   width: 138px;
   height: 38px;
   margin-top: auto;
   border: 1px solid transparent;
   border-radius: 13px;
   color: rgb(255, 255, 255);
   background: linear-gradient(100deg, var(--accent-a), var(--accent-b));
   box-shadow: 0 14px 28px color-mix(in srgb, var(--accent-a) 22%, transparent);
   font-size: 13px;
   font-weight: 900;
   cursor: pointer;
   overflow: hidden;
   position: relative;
   transition: transform 0.24s, color 0.24s, border-color 0.24s, background 0.24s, box-shadow 0.24s, filter 0.24s;
}
.fls-card-main button::before{
   content: "";
   position: absolute;
   inset: -2px;
   background: linear-gradient(110deg, transparent 0px, transparent 30%, rgba(255, 255, 255, 0.46) 46%, transparent 62%, transparent 100%);
   transform: translateX(-120%);
   transition: transform 0.58s;
}
.fls-card-main button:hover{
   transform: translateY(-3px);
   filter: saturate(1.1);
   box-shadow: 0 18px 34px color-mix(in srgb, var(--accent-a) 32%, transparent);
}
.fls-card-main button:hover::before{
   transform: translateX(120%);
}
.fls-card-main button:active{
   transform: translateY(-1px) scale(0.98);
}
.fls-card-main button.is-clicked{
   animation: 0.42s ease 0s 1 normal none running fls-button-pop;
}
@keyframes fls-button-pop {
    0%{
     transform: translateY(-3px) scale(1);
  }
    45%{
     transform: translateY(-3px) scale(1.05);
  }
    100%{
     transform: translateY(-3px) scale(1);
  }
}



.fls-metric{
   display: grid;
   gap: 4px;
}
.fls-metric em{
   color: rgb(83, 99, 128);
   font-size: 14px;
   line-height: 1;
   font-style: normal;
   font-weight: 850;
}
.fls-metric b{
   color: var(--accent-a);
   font-size: 24px;
   line-height: 1;
   font-weight: 950;
   font-variant-numeric: tabular-nums;
   text-shadow: 0 10px 20px color-mix(in srgb, var(--accent-a) 16%, transparent);
   transition: color 0.32s, text-shadow 0.32s;
}























@media (max-width: 980px) {
  
  
  
  .fls-card{
     min-height: 0px;
     grid-template-columns: minmax(0px, 1fr);
  }
  .fls-card-main{
     min-height: 210px;
  }
  .fls-card-main button{
     margin-top: 10px;
  }
  
  
}
@media (max-width: 620px) {
  
  
  
  
  .fls-card{
     padding: 20px;
     border-radius: 20px;
  }
  
  
  
  
  
}
@media (prefers-reduced-motion: reduce) {
  .fls-card,
.fls-card::before,
.fls-card::after,
.fls-icon-box,
.fls-card-main button,
.fls-card-main button::before{
     transition: none;
     animation: auto ease 0s 1 normal none running none;
  }
}
@media (max-width: 620px) {
  .container{
     width: min(100% - 32px, 100%);
     max-width: calc(-32px + 100vw);
  }
  .hero-stats{
     width: 100%;
     max-width: 100%;
  }
  .hero-inner,
.hero-copy-column,
.hero-copy,
.hero-buttons,
.hero-stats{
     width: 100%;
     max-width: 100%;
     min-width: 0px;
  }
  .hero-inner{
     grid-template-columns: minmax(0px, 1fr);
  }
  .hero-copy-column{
     grid-column: 1;
  }
  .hero h1{
     max-width: 100%;
  }
  .hero-buttons{
     flex-wrap: wrap;
  }
  .hero-buttons .btn{
     flex: 1 1 132px;
     min-width: 0px;
  }
  .hero-stats{
     left: 0px;
     transform: none;
     grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
  .hero-stat{
     min-width: 0px;
  }
  .cta-content,
.cta-actions,
.cta-points{
     flex-direction: column;
     align-items: stretch;
  }
  .cta-actions .btn{
     width: 100%;
  }
}
.diagnosis-redesign{
   padding: 56px 0px 54px;
   background: radial-gradient(circle at 18% 16%, rgba(23, 105, 255, 0.1), transparent 30%), radial-gradient(circle at 86% 34%, rgba(32, 198, 255, 0.12), transparent 32%), linear-gradient(rgb(248, 251, 255) 0%, rgb(238, 246, 255) 58%, rgb(255, 255, 255) 100%);
}
.diagnosis-redesign .section-title{
   font-size: 40px;
   line-height: 1.18;
   letter-spacing: 0px;
   font-weight: 900;
}
.diagnosis-redesign .section-title .accent{
   color: rgb(23, 105, 255);
   background: linear-gradient(90deg, rgb(23, 105, 255), rgb(109, 86, 255));
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
}
.diagnosis-redesign .section-subtitle{
   max-width: 760px;
   margin-bottom: 26px;
   color: rgb(84, 99, 125);
   font-size: 16px;
   font-weight: 650;
}
.diagnosis-visual-accent{
   position: absolute;
   top: 32px;
   left: max(18px, calc((100vw - 1200px) / 2 - 54px));
   z-index: 0;
   width: min(540px, 44vw);
   opacity: 0.3;
   pointer-events: none;
   filter: drop-shadow(0 24px 42px rgba(51, 104, 210, 0.14));
   transform: translate3d(0, 0, 0);
}
.diagnosis-shell{
   position: relative;
   z-index: 1;
   display: grid;
   grid-template-columns: minmax(0px, 1.18fr) minmax(420px, 0.82fr);
   gap: 34px;
   align-items: stretch;
}
@media (max-width: 900px) {
  .diagnosis-visual-accent{
     top: 22px;
     left: -156px;
     width: 420px;
     opacity: 0.16;
  }
}
.diagnosis-shell::before{
   content: "";
   position: absolute;
   inset: 22px -18px 62px;
   border-radius: 30px;
   background: linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(240, 247, 255, 0.92)), radial-gradient(circle at 7% 24%, rgba(23, 105, 255, 0.1), transparent 28%);
   border: 1px solid rgba(165, 203, 255, 0.56);
   box-shadow: rgba(48, 94, 183, 0.13) 0px 34px 80px;
}
.diagnosis-report,
.diagnosis-form-card,
.diagnosis-flow{
   position: relative;
   z-index: 1;
}
.diagnosis-report{
    position: relative;
    min-height: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
   overflow: visible;
   border: 0px;
   border-radius: 0px;
   background: transparent;
   box-shadow: none;
   transform: none;
   transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), filter 0.45s;
   will-change: transform, filter;
}
.diagnosis-report::after{
   content: "";
   position: absolute;
   inset: 7% 3% 3% 4%;
   pointer-events: none;
   background: linear-gradient(110deg, transparent 18%, rgba(255, 255, 255, 0.45) 42%, transparent 62%);
   opacity: 0;
   transform: translateX(-36%) skewX(-12deg);
   transition: opacity 0.32s, transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
}
.diagnosis-report-image{
   width: 100%;
   height: auto;
   display: block;
   object-fit: contain;
   box-sizing: border-box;
   border: 1px solid rgba(147, 183, 234, 0.72);
   border-radius: 18px;
   transform: translateZ(0px);
   transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), filter 0.45s;
   will-change: transform, filter;
}
.diagnosis-form-card{
   align-self: center;
   min-height: 0px;
   padding: 24px 30px;
   gap: 6px;
   border: 1px solid rgba(189, 211, 242, 0.88);
   border-radius: 24px;
   background: rgba(255, 255, 255, 0.92);
   box-shadow: rgba(46, 91, 174, 0.14) 0px 30px 72px, rgba(255, 255, 255, 0.92) 0px 1px 0px inset;
   backdrop-filter: blur(14px);
   transition: transform 0.35s, box-shadow 0.35s, border-color 0.35s;
}
.diagnosis-form-head small{
   color: rgb(23, 105, 255);
   font-size: 12px;
   font-weight: 950;
   letter-spacing: 0.08em;
}
.diagnosis-form-head h3{
   margin: 4px 0px;
   color: rgb(16, 26, 69);
   font-size: 21px;
   line-height: 1.28;
   font-weight: 950;
}
.diagnosis-form-head h3 span{
   color: rgb(23, 105, 255);
}
.diagnosis-form-head p{
   margin: 0px 0px 6px;
   color: rgb(102, 117, 142);
   font-size: 13px;
   line-height: 1.45;
   font-weight: 700;
}
.diagnosis-form-card .option-a-fields{
   grid-template-columns: repeat(2, minmax(0px, 1fr));
   gap: 8px 18px;
}
.diagnosis-form-card .option-a-field label{
   color: rgb(23, 33, 61);
   font-size: 12px;
   font-weight: 950;
}
.diagnosis-form-card .option-a-control{
   height: 38px;
   margin-top: 6px;
   padding: 0px 16px;
   border-radius: 10px;
   border-color: rgb(212, 226, 246);
   background: rgba(255, 255, 255, 0.96);
   box-shadow: rgba(49, 91, 168, 0.04) 0px 8px 20px;
}
.diagnosis-form-card .option-a-field input,
.diagnosis-form-card .option-a-field select{
   font-size: 14px;
   font-weight: 750;
}
.diagnosis-form-card .option-a-cta{
   position: relative;
   width: 100%;
   min-height: 50px;
   margin-top: 2px;
   border-radius: 11px;
   font-size: 22px;
   font-weight: 950;
   overflow: hidden;
   box-shadow: rgba(47, 79, 255, 0.25) 0px 18px 38px;
   transform: translateZ(0px);
   transition: transform 0.24s, box-shadow 0.24s, filter 0.24s;
}
.diagnosis-form-card .option-a-cta::before{
   display: none;
}
.diagnosis-form-card .option-a-cta::after{
   content: "";
   position: absolute;
   inset: -45% -28%;
   pointer-events: none;
   background: linear-gradient(110deg, transparent 32%, rgba(255, 255, 255, 0.42) 48%, transparent 64%);
   opacity: 0;
   transform: translateX(-42%) rotate(8deg);
   transition: opacity 0.2s, transform 0.5s;
}
.diagnosis-form-card .option-a-cta span{
   position: relative;
   z-index: 1;
   font-size: 24px;
   transform: translateY(-1px);
   transition: transform 0.24s;
}
.diagnosis-form-card .option-a-message{
   min-height: 18px;
   margin: 4px 0px 0px;
   font-size: 12px;
}
.diagnosis-form-card .option-a-message:empty{
   display: none;
}
.diagnosis-safe-note{
   margin: 0px 0px 6px;
   color: rgb(124, 138, 163);
   text-align: center;
   font-size: 12px;
   font-weight: 850;
}
.diagnosis-safe-note::before{
   content: "✓";
   margin-right: 6px;
   color: rgb(23, 105, 255);
   font-size: 10px;
}
.diagnosis-form-card .option-a-proof{
   grid-template-columns: repeat(4, minmax(0px, 1fr));
   gap: 10px;
}
.diagnosis-form-card .option-a-proof span{
   min-height: 46px;
   flex-direction: column;
   justify-content: center;
   gap: 5px;
   padding: 7px 6px;
   border: 1px solid rgb(220, 232, 251);
   border-radius: 13px;
   color: rgb(33, 48, 77);
   background: rgb(248, 251, 255);
   text-align: center;
   white-space: normal;
   font-size: 12px;
   font-weight: 950;
}
.diagnosis-form-card .option-a-proof span::before{
   content: "✓";
   width: 22px;
   height: 22px;
   display: grid;
   place-items: center;
   border: 0px;
   border-radius: 9px;
   color: rgb(255, 255, 255);
   background: linear-gradient(135deg, rgb(23, 105, 255), rgb(32, 198, 255));
   box-shadow: rgba(23, 105, 255, 0.2) 0px 8px 16px;
   font-size: 15px;
   line-height: 1;
}
.diagnosis-flow{
   grid-column: 1 / -1;
   display: grid;
   grid-template-columns: 1fr minmax(90px, 0.55fr) 1fr minmax(90px, 0.55fr) 1fr;
   align-items: center;
   gap: 22px;
   margin: 6px auto 0px;
   width: calc(100% - 88px);
   padding: 15px 26px;
   border: 1px solid rgba(205, 223, 249, 0.92);
   border-radius: 20px;
   background: rgba(255, 255, 255, 0.86);
   box-shadow: rgba(53, 94, 174, 0.1) 0px 18px 44px;
   backdrop-filter: blur(10px);
}
.diagnosis-flow-step{
   position: relative;
   display: grid;
   grid-template-columns: 54px minmax(0px, 1fr);
   column-gap: 12px;
   align-items: center;
   border-radius: 18px;
   transition: transform 0.28s ease, background 0.28s ease, box-shadow 0.28s ease;
}
.diagnosis-flow-step b{
   grid-row: span 2;
   width: 54px;
   height: 54px;
   display: grid;
   place-items: center;
   border-radius: 50%;
   color: rgb(255, 255, 255);
   background: linear-gradient(135deg, rgb(23, 105, 255), rgb(109, 86, 255));
   box-shadow: rgba(23, 105, 255, 0.2) 0px 12px 24px;
   font-size: 18px;
   transition: transform 0.28s ease, box-shadow 0.28s ease;
}
.diagnosis-flow-step span{
   color: rgb(23, 33, 61);
   font-size: 15px;
   font-weight: 950;
}
.diagnosis-flow-step em{
   color: rgb(123, 137, 160);
   font-size: 12px;
   font-style: normal;
   font-weight: 700;
}
.diagnosis-flow-line{
   height: 2px;
   background: repeating-linear-gradient(90deg, rgba(23, 105, 255, 0.28) 0px, rgba(23, 105, 255, 0.28) 8px, transparent 8px, transparent 16px);
}
.publish-step small,
.diagnosis-flow-step em{
   position: absolute;
   left: 50%;
   bottom: calc(100% + 14px);
   z-index: 8;
   width: max-content;
   max-width: 226px;
   padding: 10px 13px;
   border: 1px solid rgba(176, 205, 255, 0.86);
   border-radius: 12px;
   color: rgb(31, 45, 77);
   background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 247, 255, 0.96));
   box-shadow: rgba(39, 82, 170, 0.14) 0px 18px 34px, rgba(255, 255, 255, 0.95) 0px 1px 0px inset;
   font-size: 12px;
   line-height: 1.55;
   font-style: normal;
   font-weight: 800;
   text-align: left;
   white-space: normal;
   opacity: 0;
   pointer-events: none;
   transform: translate(-50%, 8px) scale(0.96);
   transition: opacity 0.22s ease, transform 0.22s ease;
}
.publish-step small::after,
.diagnosis-flow-step em::after{
   content: "";
   position: absolute;
   left: 50%;
   bottom: -6px;
   width: 10px;
   height: 10px;
   border-right: 1px solid rgba(176, 205, 255, 0.86);
   border-bottom: 1px solid rgba(176, 205, 255, 0.86);
   background: rgba(247, 251, 255, 0.98);
   transform: translateX(-50%) rotate(45deg);
}
.diagnosis-flow-step:first-child em,
.publish-step:first-child small{
   left: 0px;
   transform: translate(0px, 8px) scale(0.96);
}
.diagnosis-flow-step:last-child em,
.publish-step:last-child small{
   right: 0px;
   left: auto;
   transform: translate(0px, 8px) scale(0.96);
}
.diagnosis-flow-step:first-child em::after,
.publish-step:first-child small::after{
   left: 28px;
}
.diagnosis-flow-step:last-child em::after,
.publish-step:last-child small::after{
   right: 28px;
   left: auto;
}
.diagnosis-flow-step b{
   grid-row: auto;
}
.diagnosis-flow-step span{
   align-self: center;
}
.diagnosis-flow-step em,
.diagnosis-flow-step em::after{
   display: none;
}
@media (hover: hover) and (pointer: fine) {
  .diagnosis-shell:hover .diagnosis-report{
     transform: translateY(-8px);
     filter: drop-shadow(rgba(23, 105, 255, 0.18) 0px 24px 34px);
  }
  .diagnosis-shell:hover .diagnosis-report-image{
     transform: scale(1.018);
     filter: saturate(1.06) contrast(1.02);
  }
  .diagnosis-shell:hover .diagnosis-report::after{
     opacity: 0.9;
     transform: translateX(56%) skewX(-12deg);
  }
  .diagnosis-shell:hover .diagnosis-form-card{
     transform: translateY(-3px);
     border-color: rgba(119, 169, 255, 0.9);
     box-shadow: rgba(46, 91, 174, 0.18) 0px 34px 78px, rgba(255, 255, 255, 0.96) 0px 1px 0px inset;
  }
  .diagnosis-form-card .option-a-cta:hover,
.diagnosis-form-card .option-a-cta:focus-visible{
     transform: translateY(-3px);
     filter: saturate(1.08) brightness(1.04);
     box-shadow: rgba(47, 79, 255, 0.34) 0px 24px 46px, rgba(255, 255, 255, 0.24) 0px 0px 0px 1px inset;
  }
  .diagnosis-form-card .option-a-cta:hover::after,
.diagnosis-form-card .option-a-cta:focus-visible::after{
     opacity: 1;
     transform: translateX(46%) rotate(8deg);
  }
  .diagnosis-form-card .option-a-cta:hover span,
.diagnosis-form-card .option-a-cta:focus-visible span{
     transform: translate(5px, -1px);
  }
  .diagnosis-flow-step:hover,
.diagnosis-flow-step:focus-visible{
     z-index: 3;
     transform: translateY(-5px);
     background: rgba(255, 255, 255, 0.72);
     box-shadow: rgba(38, 70, 220, 0.12) 0px 18px 34px;
     outline: none;
  }
  .diagnosis-flow-step:hover b,
.diagnosis-flow-step:focus-visible b{
     box-shadow: rgba(23, 105, 255, 0.28) 0px 16px 30px, rgba(255, 255, 255, 0.26) 0px 0px 0px 1px inset;
     transform: scale(1.04);
  }
  .diagnosis-flow-step:hover em,
.diagnosis-flow-step:focus-visible em,
.publish-step:hover small,
.publish-step:focus-visible small{
     opacity: 1;
     transform: translate(-50%, 0px) scale(1);
  }
  .diagnosis-flow-step:first-child:hover em,
.diagnosis-flow-step:first-child:focus-visible em,
.diagnosis-flow-step:last-child:hover em,
.diagnosis-flow-step:last-child:focus-visible em,
.publish-step:first-child:hover small,
.publish-step:first-child:focus-visible small,
.publish-step:last-child:hover small,
.publish-step:last-child:focus-visible small{
     transform: translate(0px, 0px) scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .diagnosis-report,
.diagnosis-report::after,
.diagnosis-report-image,
.diagnosis-form-card,
.diagnosis-form-card .option-a-cta,
.diagnosis-form-card .option-a-cta::after,
.diagnosis-form-card .option-a-cta span,
.diagnosis-flow-step,
.publish-step,
.publish-step small,
.diagnosis-flow-step em{
     transition: none;
  }
}
@media (hover: none), (max-width: 760px) {
  .publish-step small,
.diagnosis-flow-step em{
     position: static;
     grid-column: 1 / -1;
     width: 100%;
     max-width: none;
     margin-top: 8px;
     padding: 8px 10px;
     opacity: 1;
     transform: none !important;
     border-radius: 10px;
     background: rgba(239, 247, 255, 0.74);
     box-shadow: none;
     font-size: 12px;
  }
  .publish-step small::after,
.diagnosis-flow-step em::after{
     display: none;
  }
}
.media-resource-redesign{
   position: relative;
   overflow: hidden;
   padding-top: 82px;
   background: radial-gradient(circle at 16% 12%, rgba(23, 105, 255, 0.09), transparent 30%), radial-gradient(circle at 86% 8%, rgba(32, 198, 255, 0.08), transparent 30%), linear-gradient(rgb(248, 251, 255) 0%, rgb(242, 247, 255) 48%, rgb(255, 255, 255) 100%);
}
.media-resource-redesign::before{
   display: none;
}
.media-resource-redesign .container{
   position: relative;
   z-index: 1;
}
.media-visual-accent{
    position: absolute;
    top: 36px;
    right: max(24px, calc((100vw - 1200px) / 2 - 28px));
    z-index: 0;
    width: min(560px, 46vw);
    height: auto;
    opacity: .34;
    pointer-events: none;
    filter: drop-shadow(0 24px 44px rgba(23, 105, 255, .12));
}
@media (max-width: 900px) {
  .media-visual-accent{
        top: 28px;
        right: -150px;
        width: 430px;
        opacity: .18;
  }
}
.media-command{
   margin-top: 34px;
}
.media-metric-grid{
   display: grid;
   grid-template-columns: repeat(4, minmax(0px, 1fr));
   gap: 16px;
   margin-bottom: 22px;
}
.media-metric-card{
   min-height: 126px;
   display: grid;
   grid-template-columns: 72px minmax(0px, 1fr);
   grid-template-rows: auto auto auto;
   column-gap: 18px;
   align-items: start;
   padding: 20px 22px;
   border: 1px solid rgba(198, 218, 248, 0.92);
   border-radius: 18px;
   background: linear-gradient(rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.9));
   box-shadow: rgba(255, 255, 255, 0.98) 0px 1px 0px inset, rgba(49, 91, 168, 0.08) 0px 18px 42px;
}
.media-metric-icon{
   grid-row: 1 / span 3;
   width: 72px;
   height: 72px;
   display: block;
   object-fit: contain;
   align-self: start;
}
.media-metric-card small{
   display: block;
   color: rgb(104, 117, 141);
   font-size: 13px;
   font-weight: 800;
}
.media-metric-card strong{
   display: block;
   margin-top: 10px;
   color: rgb(23, 105, 255);
   font-size: 34px;
   line-height: 1;
   font-weight: 950;
   letter-spacing: 0px;
}
.media-metric-card span{
   display: block;
   margin-top: 10px;
   color: rgb(138, 150, 170);
   font-size: 12px;
   font-weight: 750;
}
.media-matrix{
   display: grid;
   grid-template-columns: minmax(0px, 1.6fr) minmax(340px, 1fr);
   gap: 8px;
   padding: 20px;
   border: 1px solid rgba(190, 213, 248, 0.88);
   border-radius: 24px;
   background: rgba(255, 255, 255, 0.72);
   box-shadow: rgba(47, 90, 170, 0.1) 0px 24px 58px;
   backdrop-filter: blur(12px);
}
.media-logo-panel{
   min-height: 382px;
   padding: 20px 18px;
   border: 1px solid rgba(213, 226, 248, 0.92);
   border-radius: 18px;
   background: linear-gradient(rgba(255, 255, 255, 0.96), rgba(247, 250, 255, 0.92));
   box-shadow: rgba(255, 255, 255, 0.96) 0px 1px 0px inset;
}
.media-logo-head{
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 8px;
   margin-bottom: 22px;
   text-align: center;
}
.media-logo-head h3{
   margin: 0px;
   color: rgb(6, 20, 59);
   font-size: 20px;
   line-height: 1.2;
   font-weight: 950;
}
.media-logo-head h3::after{
   content: "";
   display: block;
   width: 42px;
   height: 3px;
   margin: 10px auto 0px;
   border-radius: 999px;
   background: linear-gradient(90deg, rgb(23, 105, 255), rgb(109, 86, 255));
   box-shadow: rgba(23, 105, 255, 0.24) 0px 0px 14px;
}
.media-logo-head span{
   display: none;
   color: rgb(122, 136, 160);
   font-size: 12px;
   font-weight: 800;
   white-space: nowrap;
}
.media-logo-wall{
   display: grid;
   grid-template-columns: repeat(5, minmax(0px, 1fr));
   gap: 20px 8px;
}
.media-logo-tile,
.client-logo-tile{
   min-width: 0px;
   height: 52px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 7px;
   border: 1px solid rgba(218, 229, 248, 0.96);
   border-radius: 12px;
   color: rgb(28, 41, 70);
   background: linear-gradient(rgb(255, 255, 255), rgb(247, 250, 255));
   font-size: 14px;
   font-weight: 900;
   box-shadow: rgba(255, 255, 255, 0.92) 0px 1px 0px inset;
   transition: transform 0.22s, border-color 0.22s, box-shadow 0.22s;
}
.media-logo-tile{
   padding: 0px;
   border: 1px solid rgba(216, 228, 248, 0.96);
   border-radius: 8px;
   background: rgba(255, 255, 255, 0.76);
   box-shadow: rgba(255, 255, 255, 0.92) 0px 1px 0px inset;
}
.media-logo-tile img{
   width: calc(100% - 14px);
   height: calc(100% - 14px);
   display: block;
   object-fit: contain;
}

.media-logo-panel:not(.is-platform-wall) .media-logo-tile{
   padding: 0;
}

.media-logo-panel:not(.is-platform-wall) .media-logo-tile img{
   width: 100%;
   height: 100%;
   object-fit: contain;
}
.media-logo-more{
   appearance: none;
   width: 100%;
   cursor: pointer;
   text-align: center;
   background: linear-gradient(135deg, rgba(245, 250, 255, 0.98), rgb(255, 255, 255));
   color: rgb(23, 105, 255);
   border-style: dashed;
   border-color: rgba(87, 150, 255, 0.62);
}
.media-logo-more span{
   width: 100%;
   margin: 0px;
   color: rgb(23, 105, 255) !important;
   font-weight: 950 !important;
   text-align: center;
}
.media-logo-panel.is-platform-wall .media-logo-wall{
   grid-template-columns: repeat(4, minmax(0px, 1fr));
   gap: 10px;
}
.media-logo-panel.is-platform-wall{
   min-height: 382px;
}
.media-logo-panel.is-platform-wall .media-logo-tile{
   height: 86px;
   flex-direction: column;
   gap: 6px;
   padding: 8px 6px 7px;
   border-radius: 8px;
}
.media-logo-panel.is-platform-wall .media-logo-tile img{
   width: 50px;
   height: 50px;
   flex: 0 0 50px;
   object-fit: contain;
}
.media-logo-panel.is-platform-wall .media-logo-tile span{
   max-width: 100%;
   color: rgb(35, 49, 79);
   font-size: 12px;
   line-height: 1.1;
   font-weight: 800;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.media-logo-panel.is-platform-wall .media-logo-more span{
   margin-left: 0px;
}
.publish-flow{
   display: grid;
   grid-template-columns: repeat(4, minmax(0px, 1fr));
   align-items: center;
   gap: 0px;
   margin: 24px auto 0px;
   padding: 22px 24px;
   border: 1px solid rgba(203, 221, 249, 0.92);
   border-radius: 20px;
   background: radial-gradient(circle at 12% 22%, rgba(23, 105, 255, 0.08), transparent 28%), linear-gradient(rgba(255, 255, 255, 0.92), rgba(247, 250, 255, 0.84));
   box-shadow: rgba(255, 255, 255, 0.96) 0px 1px 0px inset, rgba(48, 91, 172, 0.09) 0px 18px 42px;
   backdrop-filter: blur(10px);
}
.publish-step{
   position: relative;
   display: grid;
   grid-template-columns: 54px minmax(0px, 1fr);
   gap: 14px;
   align-items: center;
   border-radius: 18px;
   transition: transform 0.28s ease, background 0.28s ease, box-shadow 0.28s ease;
}
.publish-step:not(:last-child)::after{
   content: "";
   position: absolute;
   left: calc(100% - 30px);
   right: 14px;
   top: 50%;
   height: 3px;
   transform: translateY(-50%);
   border-radius: 999px;
   background: linear-gradient(90deg, rgba(23, 105, 255, 0.7), rgba(109, 86, 255, 0.54), rgba(32, 198, 255, 0));
   box-shadow: rgba(23, 105, 255, 0.16) 0px 0px 16px;
}
.publish-step b{
   position: relative;
   width: 58px;
   height: 58px;
   display: grid;
   place-items: center;
   border: 0px;
   border-radius: 16px;
   background: transparent;
   box-shadow: none;
   transition: transform 0.28s ease, filter 0.28s ease;
}
.publish-step b::after{
   display: none;
}
.publish-step-icon{
   width: 58px;
   height: 58px;
   display: block;
   object-fit: contain;
   filter: drop-shadow(rgba(47, 79, 255, 0.18) 0px 12px 18px);
   transition: filter 0.28s ease;
}
.publish-step span{
   display: inline-block;
   color: rgb(23, 105, 255);
   background: linear-gradient(90deg, rgb(23, 105, 255) 0%, rgb(109, 86, 255) 62%, rgb(32, 169, 255) 100%) text;
   -webkit-text-fill-color: transparent;
   font-size: 16px;
   font-weight: 950;
}
.publish-step small{
   display: block;
   margin-top: 4px;
   color: rgb(125, 138, 160);
   font-size: 12px;
   font-weight: 750;
}
@media (hover: hover) and (pointer: fine) {
  .publish-step:hover,
.publish-step:focus-visible{
     z-index: 3;
     transform: translateY(-5px);
     background: rgba(255, 255, 255, 0.72);
     box-shadow: rgba(38, 70, 220, 0.12) 0px 18px 34px;
     outline: none;
  }
  .publish-step:hover b,
.publish-step:focus-visible b{
     filter: drop-shadow(rgba(23, 105, 255, 0.18) 0px 16px 20px);
     transform: scale(1.04);
  }
  .publish-step:hover .publish-step-icon,
.publish-step:focus-visible .publish-step-icon{
     filter: drop-shadow(rgba(47, 79, 255, 0.26) 0px 16px 22px) saturate(1.08);
  }
}
.client-logo-section{
   background: linear-gradient(rgb(255, 255, 255) 0%, rgb(247, 251, 255) 100%);
}
.client-logo-board{
   display: grid;
   grid-template-columns: repeat(5, minmax(0px, 1fr));
   gap: 14px;
   margin-top: 34px;
   padding: 24px;
   border: 1px solid rgba(203, 221, 249, 0.92);
   border-radius: 24px;
   background: radial-gradient(circle at 50% 0%, rgba(23, 105, 255, 0.07), transparent 38%), rgba(255, 255, 255, 0.86);
   box-shadow: rgba(47, 90, 170, 0.08) 0px 20px 52px;
}
.client-logo-tile{
   height: 92px;
   color: rgb(81, 96, 120);
   background: rgba(255, 255, 255, 0.76);
   font-size: 15px;
   letter-spacing: 0px;
   padding: 0px;
   overflow: hidden;
}
.client-logo-tile img{
   width: 100%;
   height: 100%;
   display: block;
   object-fit: contain;
}
@media (hover: hover) and (pointer: fine) {
  .media-logo-tile:hover,
.client-logo-tile:hover{
     transform: translateY(-3px);
     border-color: rgba(119, 169, 255, 0.86);
     box-shadow: rgba(47, 90, 170, 0.1) 0px 14px 28px;
  }
}
.insight-news-section{
   position: relative;
   padding-top: 86px;
   padding-bottom: 86px;
   background: radial-gradient(circle at 12% 22%, rgba(47, 158, 255, 0.1), transparent 28%), radial-gradient(circle at 88% 28%, rgba(112, 78, 255, 0.09), transparent 26%), linear-gradient(rgb(251, 253, 255) 0%, rgb(246, 249, 255) 100%);
   overflow: hidden;
}
.insight-news-section::before{
   content: "";
   position: absolute;
   left: 50%;
   top: 166px;
   width: min(1180px, 100% - 64px);
   height: 1px;
   transform: translateX(-50%);
   background: linear-gradient(90deg, transparent, rgba(68, 116, 235, 0.22), transparent);
   pointer-events: none;
}
.insight-news-section .container{
   position: relative;
   z-index: 1;
}
.insight-news-section .section-subtitle{
   margin-bottom: 34px;
}
.insight-board{
   display: grid;
   grid-template-columns: 352px minmax(0px, 1fr);
   gap: 22px;
   align-items: stretch;
}
.platform-news-panel,
.knowledge-panel{
   border: 1px solid rgba(182, 211, 255, 0.86);
   border-radius: 18px;
   background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(247, 250, 255, 0.96)), linear-gradient(135deg, rgba(34, 119, 255, 0.12), rgba(111, 77, 255, 0.08));
   box-shadow: rgba(255, 255, 255, 0.92) 0px 1px 0px inset, rgba(42, 85, 170, 0.1) 0px 22px 56px;
}
.platform-news-panel{
   position: relative;
   min-height: 458px;
   padding: 28px 26px;
   overflow: hidden;
}
.platform-news-panel::before{
   content: "";
   position: absolute;
   inset: 0px;
   background: linear-gradient(rgba(21, 111, 255, 0.1), transparent 38%), radial-gradient(circle at 82% 12%, rgba(83, 73, 255, 0.18), transparent 30%);
   pointer-events: none;
}
.knowledge-panel{
   padding: 28px 30px 30px;
}
.insight-panel-head{
   position: relative;
   z-index: 1;
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
   gap: 16px;
   margin-bottom: 22px;
   padding-bottom: 16px;
   border-bottom: 1px solid rgba(181, 207, 252, 0.72);
}
.insight-panel-head span,
.insight-panel-head > a{
   order: 2;
   display: inline-flex;
   align-items: center;
   height: 28px;
   padding: 0px 12px;
   border: 1px solid rgba(110, 151, 255, 0.38);
   border-radius: 999px;
   background: rgba(241, 246, 255, 0.86);
   color: rgb(49, 104, 216);
   font-size: 12px;
   font-weight: 800;
   text-decoration: none;
}
.insight-panel-head h3{
   margin: 0px;
   color: rgb(16, 26, 67);
   font-size: 22px;
   line-height: 1.2;
   font-weight: 950;
   letter-spacing: 0px;
}
.platform-news-list{
   position: relative;
   z-index: 1;
   display: grid;
   gap: 14px;
}
.platform-news-list::before{
   content: "";
   position: absolute;
   left: 7px;
   top: 17px;
   bottom: 18px;
   width: 1px;
   background: linear-gradient(rgba(41, 123, 255, 0.82), rgba(110, 78, 255, 0.18));
}
.platform-news-item{
   position: relative;
   display: grid;
   gap: 8px;
   min-height: 72px;
   padding: 0px 0px 0px 29px;
   color: inherit;
   text-decoration: none;
}
button.platform-news-item,
button.knowledge-item,
a.knowledge-item{
   width: 100%;
   font: inherit;
   text-align: left;
   cursor: pointer;
   appearance: none;
}
button.platform-news-item{
   border: 0px;
   background: transparent;
}
.platform-news-item::before{
   content: "";
   position: absolute;
   left: 2px;
   top: 8px;
   width: 11px;
   height: 11px;
   border: 3px solid rgb(255, 255, 255);
   border-radius: 50%;
   background: linear-gradient(135deg, rgb(23, 105, 255), rgb(107, 77, 255));
   box-shadow: rgba(63, 125, 255, 0.34) 0px 0px 0px 1px, rgba(38, 104, 238, 0.18) 0px 8px 16px;
}
.platform-news-item time,
.knowledge-item time{
   color: rgb(122, 136, 168);
   font-size: 13px;
   font-weight: 700;
   white-space: nowrap;
}
.platform-news-item strong{
   color: rgb(24, 36, 82);
   font-size: 16px;
   line-height: 1.55;
   font-weight: 900;
   transition: color 0.22s;
}
.platform-news-item:hover strong{
   color: rgb(23, 105, 255);
}
.knowledge-list{
   display: grid;
   grid-template-columns: repeat(2, minmax(0px, 1fr));
   gap: 10px 16px;
}
.knowledge-item{
   display: grid;
   grid-template-columns: 46px minmax(0px, 1fr) 94px;
   align-items: center;
   gap: 14px;
   min-height: 76px;
   padding: 0px 16px 0px 12px;
   border: 1px solid rgba(215, 228, 250, 0.92);
   border-radius: 13px;
   background: rgba(255, 255, 255, 0.78);
   color: inherit;
   text-decoration: none;
   box-shadow: rgba(255, 255, 255, 0.92) 0px 1px 0px inset;
   transition: transform 0.24s, border-color 0.24s, box-shadow 0.24s, background 0.24s;
}
.knowledge-item em{
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 42px;
   height: 42px;
   border-radius: 12px;
   background: linear-gradient(135deg, rgba(23, 105, 255, 0.12), rgba(107, 77, 255, 0.12));
   color: rgb(34, 104, 232);
   font-size: 15px;
   font-style: normal;
   font-weight: 950;
}
.knowledge-item strong{
   min-width: 0px;
   color: rgb(23, 34, 78);
   font-size: 15px;
   line-height: 1.5;
   font-weight: 850;
   transition: color 0.22s;
}
.knowledge-item:hover{
   transform: translateY(-3px);
   border-color: rgba(96, 148, 255, 0.72);
   background: rgba(255, 255, 255, 0.96);
   box-shadow: rgba(255, 255, 255, 0.95) 0px 1px 0px inset, rgba(45, 93, 180, 0.12) 0px 18px 34px;
}
.knowledge-item:hover strong{
   color: rgb(23, 105, 255);
}
:root{
   --type-ink: #101a43;
   --type-body: #34425f;
   --type-muted: #5a6780;
   --type-soft: #6f7f98;
   --type-blue: #1769ff;
   --type-section-title: 40px;
   --type-section-subtitle: 17px;
   --type-card-title: 21px;
   --type-panel-title: 22px;
   --type-body-size: 15px;
   --type-small: 13px;
}
body{
   color: var(--type-ink);
   font-size: 16px;
}
.section-title,
.exposure-shift .section-title{
   color: var(--type-ink);
   font-size: var(--type-section-title);
   line-height: 1.28;
   font-weight: 950;
   letter-spacing: 0px;
}
.section-subtitle,
.exposure-shift .section-subtitle{
   color: var(--type-muted);
   font-size: var(--type-section-subtitle);
   line-height: 1.8;
   font-weight: 500;
}
.hero h1{
   color: var(--type-ink);
   font-size: 56px;
   line-height: 1.18;
   letter-spacing: 0px;
}
.hero-copy{
   color: var(--type-body);
   font-size: 17px;
   line-height: 1.9;
}
.eyebrow,
.shift-label,
.report-head,
.cta small,
.insight-panel-head span,
.insight-panel-head > a{
   font-size: var(--type-small);
   font-weight: 800;
}

.btn,
button{
   font-size: 15px;
}
:where(.media-logo-head, .insight-panel-head, .diagnosis-form-card, .platform-news-panel, .knowledge-panel) h3{
   color: var(--type-ink);
   font-size: var(--type-panel-title);
   line-height: 1.35;
   font-weight: 950;
}
:where(.question-card, .compare, .solution-card, .case-copy, .article-body, .shift-card-content, .diagnosis-form-card) p{
   color: var(--type-body);
   font-size: var(--type-body-size);
   line-height: 1.8;
}
:where(.learn, .tag, .mini-tags span, .audit-points, .audit-flow, .diagnosis-safe-note, .diagnosis-pillbar span, .field div, .media-logo-head span, .media-stat span, .publish-step small, .platform-news-item time, .knowledge-item time, .client-logo-caption){
   color: var(--type-soft);
   font-size: var(--type-small);
   line-height: 1.55;
}
:where(.fls-card p, .fls-step-copy em, .fls-partner-copy em, .fls-resource-name span, .fls-resource-panel span){
   color: var(--type-muted);
   font-size: var(--type-small);
   line-height: 1.55;
}
:where(.fls-title-row h2, .fls-card h2){
   color: var(--type-ink);
   font-size: 22px;
   line-height: 1.35;
   font-weight: 950;
}
:where(.shift-card h3, .compare h3){
   font-size: 28px;
   line-height: 1.35;
   font-weight: 950;
}
:where(.media-metric-copy span, .media-stat-label, .publish-step span, .knowledge-item strong, .platform-news-item strong){
   color: var(--type-ink);
}
.media-logo-tile span{
   color: rgb(31, 45, 77);
   font-size: 13px;
   font-weight: 800;
}
.cta h2{
   font-size: 40px;
   line-height: 1.25;
   font-weight: 950;
}
.cta p{
   color: rgba(236, 243, 255, 0.92);
   font-size: 17px;
   line-height: 1.8;
}
.cta-points{
   color: rgba(244, 248, 255, 0.92);
   font-size: 14px;
   font-weight: 700;
}




.auth-policy a{
   color: #1769ff;
   text-decoration: none;
}

.auth-policy a:hover{
   text-decoration: underline;
}

.section-title,
.exposure-shift .section-title,
.option-a-check .section-title,
.media-resource-redesign .section-title,
.client-logo-section .section-title,
.insight-news-section .section-title{
   font-size: 40px;
   line-height: 1.28;
   color: var(--type-ink);
   font-weight: 950;
   letter-spacing: 0px;
}
.section-subtitle,
.exposure-shift .section-subtitle,
.media-resource-redesign .section-subtitle,
.client-logo-section .section-subtitle,
.insight-news-section .section-subtitle{
   font-size: 17px;
   line-height: 1.8;
   color: var(--type-muted);
}
.diagnosis-form-card h3{
   font-size: 21px;
   line-height: 1.42;
   color: var(--type-ink);
   font-weight: 900;
}
.media-logo-head h3,
.insight-panel-head h3{
   font-size: 22px;
   line-height: 1.35;
   color: var(--type-ink);
   font-weight: 950;
}
.shift-card p,
.diagnosis-form-card p{
   font-size: 15px;
   line-height: 1.8;
   color: var(--type-body);
}
.shift-tags span, .diagnosis-redesign label, .diagnosis-redesign small, .diagnosis-redesign em, .diagnosis-safe-note, .fls-resource-panel span, .fls-step-copy em, .fls-partner-copy em, .media-logo-head span, .media-logo-tile span, .publish-step small, .platform-news-item time, .knowledge-item time{
   font-size: 13px;
   line-height: 1.55;
}
.fls-step-num{
   font-size: 12px;
}
.shift-tags span,
.fls-step-copy em,
.fls-partner-copy em,
.fls-resource-panel span,
.publish-step small{
   color: var(--type-muted);
}
.diagnosis-redesign label,
.media-logo-tile span{
   color: rgb(33, 48, 77);
   font-weight: 800;
}
.option-a-check label, .option-a-check small, .option-a-check em, .option-a-check .diagnosis-pillbar span, .media-resource-redesign .media-logo-head span, .media-resource-redesign .media-logo-tile span, .media-resource-redesign .publish-step small, .option-a-proof span, .media-metric-card > span, .fls-step-num{
   font-size: 13px !important;
   line-height: 1.55;
}
.option-a-check label,
.option-a-check .diagnosis-pillbar span,
.media-resource-redesign .media-logo-tile span{
   color: rgb(33, 48, 77) !important;
   font-weight: 800;
}
:root{
   --space-section-y: 88px;
   --space-heading-accent: 14px;
   --space-heading-subtitle: 16px;
   --space-heading-content: 40px;
   --space-card-gap: 24px;
   --space-cta-y: 64px;
}
main > .section,
.section.media-resource-redesign,
.section.client-logo-section,
.section.insight-news-section{
   padding-top: var(--space-section-y);
   padding-bottom: var(--space-section-y);
}
.option-a-check.diagnosis-redesign{
   padding-top: var(--space-section-y);
   padding-bottom: var(--space-section-y);
}
.section-title{
   margin-bottom: 0px;
}
.section-title-accent{
   margin-top: var(--space-heading-accent);
   margin-bottom: var(--space-heading-subtitle);
}
.section-title-accent + .section-subtitle,
.section-subtitle{
   margin-top: 0px;
}
.section-subtitle{
   margin-bottom: var(--space-heading-content);
}
.option-a-hero,
.diagnosis-shell,
.fls-board,
.media-command,
.client-logo-board,
.insight-board{
   margin-top: 0px;
}
.client-logo-board{
   gap: var(--space-card-gap);
}
.media-command{
   display: grid;
   gap: var(--space-card-gap);
}
.media-matrix{
   margin-top: 0px;
   gap: var(--space-card-gap);
}
.publish-flow{
   width: 100%;
   box-sizing: border-box;
   margin-top: var(--space-card-gap);
}
.insight-news-section .section-subtitle,
.diagnosis-redesign .section-subtitle,
.option-a-shift .section-subtitle,
.media-resource-redesign .section-subtitle,
.client-logo-section .section-subtitle{
   margin-bottom: var(--space-heading-content);
}
.diagnosis-shell,
.insight-board,
.media-command,
.client-logo-board,
.fls-board,
.option-a-hero{
   transform: none;
}
.cta{
   margin-top: var(--space-cta-y);
   margin-bottom: var(--space-cta-y);
}

/* About final redesign */









































































































































:root{
   --space-cta-y: var(--space-section-y);
}
main{
   background: linear-gradient(rgb(237, 244, 255) 0%, rgb(251, 253, 255) 9%, rgb(246, 250, 255) 100%);
}
main > .section,
.option-a-check.diagnosis-redesign,
#solutions.full-link-solution-redesign,
.section.media-resource-redesign,
.section.client-logo-section,
.section.insight-news-section{
   position: relative;
   border-top: 0px;
   box-shadow: none;
}
main > .section::after,
.option-a-check.diagnosis-redesign::after,
#solutions.full-link-solution-redesign::after,
.section.media-resource-redesign::after,
.section.client-logo-section::after,
.section.insight-news-section::after{
   content: "";
   position: absolute;
   left: 0px;
   right: 0px;
   bottom: -1px;
   z-index: 0;
   height: 72px;
   background: linear-gradient(rgba(255, 255, 255, 0), rgba(246, 250, 255, 0.72));
   pointer-events: none;
}
main > .section > .container,
.option-a-check.diagnosis-redesign > .container,
#solutions.full-link-solution-redesign > :not(.solution-visual-accent),
.section.media-resource-redesign > .container,
.section.client-logo-section > .container,
.section.insight-news-section > .container{
   position: relative;
   z-index: 1;
}
main > .section:not(.exposure-shift):has(.question-grid){
   background: radial-gradient(circle at 12% 12%, rgba(23, 105, 255, 0.043), transparent 28%), linear-gradient(rgb(251, 253, 255) 0%, rgb(247, 251, 255) 100%);
}

.option-a-check.diagnosis-redesign{
   background: radial-gradient(circle at 18% 16%, rgba(23, 105, 255, 0.1), transparent 30%), radial-gradient(circle at 86% 34%, rgba(32, 198, 255, 0.1), transparent 32%), linear-gradient(rgb(244, 249, 255) 0%, rgb(248, 251, 255) 100%);
}

.section.media-resource-redesign{
   background: radial-gradient(circle at 16% 12%, rgba(23, 105, 255, 0.08), transparent 30%), radial-gradient(circle at 86% 8%, rgba(32, 198, 255, 0.07), transparent 30%), linear-gradient(rgb(248, 251, 255) 0%, rgb(243, 248, 255) 100%);
}
.section.client-logo-section{
   background: radial-gradient(circle at 18% 8%, rgba(32, 198, 255, 0.043), transparent 28%), linear-gradient(rgb(243, 248, 255) 0%, rgb(251, 253, 255) 100%);
}
.section.insight-news-section{
   background: radial-gradient(circle at 12% 22%, rgba(47, 158, 255, 0.09), transparent 28%), radial-gradient(circle at 88% 28%, rgba(112, 78, 255, 0.08), transparent 26%), linear-gradient(rgb(251, 253, 255) 0%, rgb(245, 249, 255) 100%);
}
.cta{
   margin-top: var(--space-cta-y);
   margin-bottom: var(--space-cta-y);
}
.insight-news-section::before{
   display: none;
}
.media-logo-panel,
.client-logo-board{
   border-color: rgba(173, 204, 255, 0.72);
   background: linear-gradient(rgba(255, 255, 255, 0.98), rgba(250, 253, 255, 0.96));
   box-shadow: rgba(42, 92, 178, 0.08) 0px 20px 54px;
}
.media-logo-tile,
.client-logo-tile{
   border-color: rgba(205, 222, 248, 0.86);
   background: rgb(255, 255, 255);
   box-shadow: rgba(45, 86, 160, 0.043) 0px 8px 20px;
}
.media-logo-tile:hover,
.client-logo-tile:hover{
   border-color: rgba(112, 166, 255, 0.76);
   box-shadow: rgba(45, 93, 180, 0.1) 0px 14px 30px;
}
.section.client-logo-section{
   background: radial-gradient(circle at 18% 8%, rgba(32, 198, 255, 0.05), transparent 28%), linear-gradient(rgb(245, 249, 255) 0%, rgb(251, 253, 255) 100%);
}
.section.insight-news-section{
   background: radial-gradient(circle at 12% 22%, rgba(47, 158, 255, 0.1), transparent 28%), radial-gradient(circle at 88% 26%, rgba(103, 72, 255, 0.07), transparent 26%), linear-gradient(rgb(251, 253, 255) 0%, rgb(242, 247, 255) 100%);
}
.insight-board,
.platform-news-panel,
.knowledge-panel{
   border-color: rgba(173, 204, 255, 0.72);
   background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(248, 251, 255, 0.96));
   box-shadow: rgba(42, 85, 170, 0.09) 0px 22px 56px;
}
.cta{
   border-color: rgba(104, 170, 255, 0.58);
   background: radial-gradient(circle at 82% 18%, rgba(32, 198, 255, 0.24), transparent 26%), radial-gradient(circle at 65% 62%, rgba(109, 86, 255, 0.16), transparent 34%), linear-gradient(108deg, rgb(11, 79, 216) 0%, rgb(23, 105, 255) 48%, rgb(32, 170, 255) 100%);
   box-shadow: rgba(18, 100, 220, 0.28) 0px 34px 78px;
}
.hero-stats{
   width: 822px;
   max-width: calc(100vw - 64px);
   margin-left: 0px;
   margin-right: auto;
   justify-content: start;
}
.hero-stat{
    background: linear-gradient(145deg, rgba(255,255,255,.68), rgba(255,255,255,.42));
    border-color: rgba(255,255,255,.72);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.72),
      0 18px 42px rgba(37, 78, 155, .12);
    backdrop-filter: blur(18px) saturate(145%);
    -webkit-backdrop-filter: blur(18px) saturate(145%);
}
.media-metric-card{
    position: relative;
    overflow: hidden;
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease;
}
.media-metric-card::after{
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    background:
      radial-gradient(circle at 22% 14%, rgba(32,198,255,.16), transparent 32%),
      linear-gradient(135deg, rgba(23,105,255,.08), rgba(109,86,255,.07));
    transition: opacity .28s ease;
}
.media-metric-card:hover{
    transform: translateY(-7px);
    border-color: rgba(95, 151, 255, .82);
    background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(244,249,255,.95));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.98),
      0 24px 54px rgba(37, 91, 185, .16);
}
.media-metric-card:hover::after{
    opacity: 1;
}
.media-metric-card:hover .media-metric-icon{
    transform: translateY(-2px) scale(1.05);
    filter: drop-shadow(0 12px 18px rgba(23,105,255,.18));
}
.media-metric-card:hover strong{
    color: #1262f0;
}
.media-metric-icon,
.media-metric-card strong{
    position: relative;
    z-index: 1;
    transition: transform .28s ease, color .28s ease, filter .28s ease;
}
.client-logo-tile{
    transition: transform .26s ease, border-color .26s ease, box-shadow .26s ease, background .26s ease;
}
.client-logo-tile img{
    transition: transform .26s ease, filter .26s ease;
}
.client-logo-tile:hover{
    transform: translateY(-8px) scale(1.035);
    border-color: rgba(77, 143, 255, .92);
    background: #fff;
    box-shadow:
      0 22px 46px rgba(37, 91, 185, .18),
      0 0 0 4px rgba(23,105,255,.055);
}
.client-logo-tile:hover img{
    transform: scale(1.08);
    filter: saturate(1.08) contrast(1.04);
}
.client-logo-section .section-subtitle{
    margin-bottom: 26px;
}
.client-proof-bar{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr) 1px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    margin: 0 auto 34px;
    padding: 17px 24px;
    border: 1px solid rgba(189, 213, 248, .86);
    border-radius: 18px;
    background:
      linear-gradient(145deg, rgba(255,255,255,.9), rgba(247,251,255,.82));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.92),
      0 18px 44px rgba(42, 85, 170, .08);
}
.client-proof-item{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-width: 0;
}
.client-proof-item strong{
    flex: 0 0 auto;
    color: #1769ff;
    background: linear-gradient(135deg, #1769ff 0%, #18a8ff 48%, #6b4dff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 50px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0;
}
.client-proof-item strong span{
    margin-left: 3px;
    font-size: 22px;
    font-weight: 700;
    vertical-align: 18px;
}
.client-proof-item div{
    min-width: 0;
}
.client-proof-item b,
.client-proof-item em{
    display: block;
    font-style: normal;
    letter-spacing: 0;
}
.client-proof-item b{
    color: #17224a;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 900;
}
.client-proof-item em{
    margin-top: 6px;
    color: #64728d;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 700;
    white-space: nowrap;
}
.client-proof-divider{
    width: 1px;
    height: 38px;
    background: linear-gradient(180deg, transparent, rgba(139, 157, 190, .42), transparent);
    transform: skewX(-22deg);
}
.client-visual-accent{
    position: absolute;
    top: 34px;
    left: max(20px, calc((100vw - 1200px) / 2 - 36px));
    z-index: 0;
    width: min(560px, 46vw);
    height: auto;
    opacity: .34;
    pointer-events: none;
    filter: drop-shadow(0 24px 44px rgba(23, 105, 255, .12));
}
@media (max-width: 900px) {
  .client-visual-accent{
        top: 28px;
        left: -150px;
        width: 430px;
        opacity: .18;
  }
}
.insight-board{
    background: transparent;
    border: 0;
    box-shadow: none;
    gap: 24px;
}
.platform-news-panel,
.knowledge-panel{
    overflow: hidden;
    isolation: isolate;
    background: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(188, 212, 248, .9);
    box-shadow: 0 20px 48px rgba(42, 85, 170, .10);
}
.platform-news-panel::before{
    border-radius: inherit;
}
.insight-visual-accent{
    position: absolute;
    top: 42px;
    right: max(24px, calc((100vw - 1200px) / 2 - 12px));
    z-index: 0;
    width: min(520px, 43vw);
    height: auto;
    opacity: .44;
    pointer-events: none;
    filter: drop-shadow(0 26px 46px rgba(23, 105, 255, .13));
}
@media (max-width: 900px) {
  .insight-visual-accent{
        top: 32px;
        right: -120px;
        width: 420px;
        opacity: .22;
  }
}



.cta{
    isolation: isolate;
    min-height: 238px;
    padding: 34px 40px 28px;
    border: 1px solid rgba(142, 209, 255, .54);
    border-radius: 26px;
    background: linear-gradient(116deg, #062d8f 0%, #126bff 48%, #13c6ff 100%);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .38),
      inset 0 -36px 70px rgba(3, 23, 104, .22),
      0 34px 82px rgba(23, 105, 255, .26),
      0 12px 28px rgba(5, 28, 95, .16);
}
.cta::before{
    content: none;
    display: none;
}
.cta::after{
    content: none;
    display: none;
}
.cta-content{
    align-items: flex-start;
    gap: 28px;
}
.cta-copy{
    max-width: 620px;
}
.cta h2{
    margin: 0 0 8px;
    font-size: 34px;
    line-height: 1.22;
    font-weight: 950;
    letter-spacing: 0;
    text-shadow: 0 12px 28px rgba(2, 20, 88, .32);
}
.cta p{
    max-width: 590px;
    color: rgba(239, 247, 255, .9);
    font-size: 15px;
    line-height: 1.7;
}
.cta-actions{
    position: relative;
    z-index: 2;
    padding-top: 8px;
}
.cta .btn{
    height: 46px;
    min-width: 142px;
    border-radius: 12px;
    font-weight: 900;
}
.cta .btn:not(.ghost){
    color: #075dff;
    background: linear-gradient(180deg, #ffffff 0%, #eaf7ff 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92), 0 18px 34px rgba(3, 28, 105, .24);
}
.cta .btn.ghost{
    border: 1px solid rgba(255, 255, 255, .48);
    color: #fff;
    background: rgba(255, 255, 255, .11);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    backdrop-filter: blur(10px);
}
.cta-points{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
    color: rgba(255, 255, 255, .92);
    font-size: 14px;
    font-weight: 850;
}
.cta-points span{
    min-width: 0;
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .08));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 16px 34px rgba(3, 25, 91, .13);
    backdrop-filter: blur(12px);
}
.cta-point-icon{
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: block;
    object-fit: contain;
    filter: drop-shadow(0 10px 16px rgba(2, 27, 96, .18));
}
.cta,
.cta::before,
.cta::after,
.cta-points span,
.cta-point-icon,
.cta .btn{
    transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease, filter .32s ease, background-position .45s ease;
}
.cta:hover{
    transform: translateY(-6px);
    border-color: rgba(174, 226, 255, .72);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .42),
      inset 0 -34px 68px rgba(3, 23, 104, .22),
      0 42px 96px rgba(23, 105, 255, .3),
      0 16px 34px rgba(5, 28, 95, .18);
}
.cta:hover::before{
    transform: translate3d(0, -4px, 0);
}
.cta:hover::after{
    animation: none;
    transform: translate3d(-10px, 8px, 0) scale(1.05);
}
.cta-points span:hover{
    transform: translateY(-5px);
    border-color: rgba(255, 255, 255, .34);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 20px 38px rgba(3, 25, 91, .18);
}
.cta-points span:hover .cta-point-icon{
    transform: translateY(-2px) scale(1.08);
    filter: drop-shadow(0 14px 20px rgba(2, 27, 96, .24));
}
.cta .btn:hover,
.cta .btn:focus-visible{
    transform: translateY(-3px);
}
@keyframes cta-soft-float {
    0%,
100%{
     transform: translate3d(0, 0, 0);
  }
    50%{
     transform: translate3d(0, -8px, 0);
  }
}
@keyframes cta-point-rise {
    0%{
     opacity: 0;
     transform: translateY(14px);
  }
    100%{
     opacity: 1;
     transform: translateY(0);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .cta::after{
        animation: cta-soft-float 5.8s ease-in-out infinite;
  }
  .cta-points span{
        animation: cta-point-rise .52s ease both;
  }
  .cta-points span:nth-child(2){
     animation-delay: .06s;
  }
  .cta-points span:nth-child(3){
     animation-delay: .12s;
  }
  .cta-points span:nth-child(4){
     animation-delay: .18s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cta,
.cta::before,
.cta::after,
.cta-points span,
.cta-point-icon,
.cta .btn{
        transition: none;
        animation: none;
  }
}
@media (max-width: 900px) {
  .cta{
        padding: 32px 22px 26px;
  }
  .cta-content{
        flex-direction: column;
        align-items: stretch;
  }
  .cta h2{
        font-size: 28px;
  }
  .cta-actions{
        flex-direction: column;
        align-items: stretch;
  }
  .cta-points{
        grid-template-columns: 1fr;
  }
}
.section.insight-news-section{
    padding-bottom: 68px;
}
.cta{
    margin-top: 52px;
    margin-bottom: 42px;
}
@media (max-width: 900px) {
  .section.insight-news-section{
        padding-bottom: 52px;
  }
  .cta{
        margin-top: 36px;
        margin-bottom: 32px;
  }
}

/* 全站视觉规范覆盖：统一 1200px 主体宽度与板块文字层级 */
:root{
    --site-content-width: 1200px;
    --site-content-gutter: 64px;
    --site-title-size: 40px;
    --site-title-line: 1.28;
    --site-subtitle-size: 17px;
    --site-subtitle-line: 1.72;
    --site-body-size: 15px;
    --site-body-line: 1.78;
}
.container, .fls-head, .fls-board, .exposure-shift .container, .option-a-check.diagnosis-redesign > .container, .media-resource-redesign > .container, .client-logo-section > .container, .insight-news-section > .container, .cta{
    width: var(--site-content-width);
    max-width: calc(100vw - var(--site-content-gutter));
    margin-left: auto;
    margin-right: auto;
}
.section-title,
.exposure-shift .section-title,
.option-a-check .section-title,
.media-resource-redesign .section-title,
.client-logo-section .section-title,
.insight-news-section .section-title,
.fls-head h2{
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    color: var(--type-ink);
    font-size: var(--site-title-size);
    line-height: var(--site-title-line);
    font-weight: 950;
    letter-spacing: 0;
    text-align: center;
    text-wrap: balance;
}
.section-subtitle,
.exposure-shift .section-subtitle,
.option-a-check .section-subtitle,
.media-resource-redesign .section-subtitle,
.client-logo-section .section-subtitle,
.insight-news-section .section-subtitle,
.fls-head p{
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    color: var(--type-muted);
    font-size: var(--site-subtitle-size);
    line-height: var(--site-subtitle-line);
    font-weight: 600;
    text-align: center;
    text-wrap: pretty;
}

.media-resource-redesign .section-subtitle,
.insight-news-section .section-subtitle{
    max-width: 760px;
}
.client-logo-section .section-subtitle{
    max-width: 680px;
}
.shift-card p,
.diagnosis-form-card p,
.fls-card-main p,
.media-metric-card span,
.platform-news-item strong,
.knowledge-item strong,
.cta p{
    font-size: var(--site-body-size);
    line-height: var(--site-body-line);
    text-wrap: pretty;
}
.fls-card-main p{
    max-width: 176px;
}
.shift-card h3,
.fls-card-main h2,
.media-logo-head h3,
.insight-panel-head h3,
.diagnosis-form-card h3{
    letter-spacing: 0;
    text-wrap: balance;
}
/* Quick entry section */
.quick-entry-index{
    --qe-ink: #0d1734;
    --qe-muted: #657390;
    --qe-blue: #1769ff;
    --qe-purple: #6b55ff;
    --qe-soft-line: rgba(183, 205, 241, 0.72);
    --qe-shadow: 0 22px 48px rgba(51, 82, 144, 0.12);
    position: relative;
    width: 100%;
    min-width: 1200px;
    min-height: 652px;
    margin: 0;
    overflow: hidden;
    padding: 82px max(0px, calc((100vw - 1200px) / 2)) 12px;
    color: var(--qe-ink);
    background:
      radial-gradient(circle at 12% 12%, rgba(23, 105, 255, 0.055), transparent 28%),
      radial-gradient(circle at 90% 3%, rgba(32, 198, 255, 0.065), transparent 30%),
      linear-gradient(180deg, #edf4ff 0%, #f5f9ff 26%, #f4f8ff 100%);
    box-shadow: rgba(255, 255, 255, 0.95) 0 1px 0 inset;
    isolation: isolate;
}
.quick-entry-index::selection{
    background: rgba(23, 105, 255, 0.18);
}
.quick-entry-index *,
.quick-entry-index *::before,
.quick-entry-index *::after{
    box-sizing: border-box;
}
.quick-entry-index::before{
    content: "";
    display: none;
}

.quick-entry-index::after{
    content: "";
    position: absolute;
    left: max(17px, calc((100vw - 1200px) / 2 + 17px));
    top: 81px;
    width: 86px;
    height: 86px;
    opacity: 0.52;
    background-image: radial-gradient(circle, rgba(93, 145, 255, 0.44) 1px, transparent 1.5px);
    background-size: 10px 10px;
    pointer-events: none;
}
.quick-entry-index .qe-header::after{
    content: "";
    position: absolute;
    right: -174px;
    top: -235px;
    z-index: -1;
    width: 540px;
    height: 395px;
    border-radius: 0 0 0 360px;
    border: 1px solid rgba(111, 163, 255, 0.14);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.8), rgba(218, 234, 255, 0.16));
    transform: rotate(-10deg);
    pointer-events: none;
}
.quick-entry-index button,
.quick-entry-index input{
    font: inherit;
}
.quick-entry-index button{
    cursor: pointer;
}
.quick-entry-index .qe-header{
    position: relative;
    z-index: 1;
    text-align: center;
    width: 1200px;
    margin: 0 auto;
}
.quick-entry-index .qe-header::before{
    content: "";
    position: absolute;
    left: 50%;
    top: -24px;
    z-index: -1;
    width: 1200px;
    height: 170px;
    transform: translateX(-50%);
    background: url("../img/title-bg.png") center top / 1200px 170px no-repeat;
    mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
    pointer-events: none;
}
.quick-entry-index .qe-header h2{
    margin: 0;
    color: #0b142f;
    font-size: 40px;
    line-height: 1.28;
    font-weight: 950;
    letter-spacing: 0;
    text-wrap: balance;
}
.quick-entry-index .qe-header .accent{
    margin-left: 12px;
    color: var(--qe-blue);
    background: linear-gradient(90deg, #1769ff, #315eff 50%, #6d56ff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 8px 14px rgba(50, 93, 255, 0.16));
    white-space: nowrap;
}
.quick-entry-index .qe-header p{
    max-width: 760px;
    margin: 10px auto 45px;
    color: #52617d;
    font-size: 17px;
    line-height: 1.72;
    font-weight: 600;
    text-wrap: pretty;
}
.quick-entry-index .entry-grid{
    position: relative;
    z-index: 1;
    display: grid;
    width: 1200px;
    margin: 0 auto;
    grid-template-columns: 452px 234px 232px 234px;
    gap: 16px;
    align-items: start;
}
.quick-entry-index .glass-card{
    position: relative;
    overflow: hidden;
    border: 1px solid var(--qe-soft-line);
    border-radius: 14px;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.78)),
      radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.86), transparent 38%);
    box-shadow: var(--qe-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(16px);
}
.quick-entry-index .glass-card::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: 0;
    background:
      linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.72) 43%, transparent 58%),
      radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--entry-color, #1769ff) 16%, transparent), transparent 42%);
    transform: translateX(-42%);
    transition: opacity 0.28s ease, transform 0.58s ease;
    pointer-events: none;
}
.quick-entry-index .glass-card > *{
    position: relative;
    z-index: 1;
}
.quick-entry-index .scan-card{
    min-height: 459px;
    padding: 17px 22px 10px;
    border-radius: 14px;
    --entry-color: #1769ff;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
}
.quick-entry-index .scan-card:hover{
    transform: translateY(-7px) scale(1.01);
    border-color: rgba(80, 142, 255, 0.78);
    box-shadow: 0 34px 70px rgba(45, 91, 178, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.98);
}
.quick-entry-index .scan-card:hover::before,
.quick-entry-index .entry-card:hover::before,
.quick-entry-index .entry-card.is-active::before{
    opacity: 1;
    transform: translateX(38%);
}
.quick-entry-index .recommend{
    position: absolute;
    left: 0;
    top: 0;
    width: 62px;
    height: 39px;
    display: flex;
    align-items: flex-start;
    padding: 8px 0 0 13px;
    color: #fff;
    background: linear-gradient(135deg, #196aff, #7357ff);
    clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
    font-size: 14px;
    font-weight: 900;
    box-shadow: 0 12px 22px rgba(65, 84, 255, 0.22);
}
.quick-entry-index .brand-title{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin: 0 0 7px;
    color: #0e1836;
    font-size: 23px;
    line-height: 1.1;
    font-weight: 950;
}
.quick-entry-index .wave-icon{
    width: 31px;
    height: 31px;
    color: #1769ff;
}
.quick-entry-index .scan-card > p{
    margin: 0 0 9px;
    color: #485777;
    text-align: center;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 650;
    letter-spacing: 0.01em;
}
.quick-entry-index .scan-form{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 88px;
    height: 32px;
    overflow: hidden;
    border: 1px solid #d5e2f6;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 9px 20px rgba(58, 85, 139, 0.07), inset 0 1px 3px rgba(45, 75, 120, 0.04);
}
.quick-entry-index .input-wrap{
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 0 13px;
    color: #8b98ad;
}
.quick-entry-index .input-wrap svg{
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}
.quick-entry-index .input-wrap input{
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    color: #1c2a49;
    background: transparent;
    font-size: 14px;
    font-weight: 650;
}
.quick-entry-index .input-wrap input::placeholder{
    color: #98a4b7;
}
.quick-entry-index .scan-form button,
.quick-entry-index .main-scan-btn{
    border: 0;
    color: #fff;
    background: linear-gradient(135deg, #1769ff, #255fff 58%, #5f54ff);
    font-weight: 950;
    transition: transform 0.2s, filter 0.2s, box-shadow 0.2s;
}
.quick-entry-index .scan-form button{
    font-size: 14px;
}
.quick-entry-index .scan-form button:hover,
.quick-entry-index .main-scan-btn:hover{
    filter: brightness(1.05) saturate(1.03);
}
.quick-entry-index .scan-panel{
    position: relative;
    margin-top: 9px;
    padding: 8px 11px 6px;
    border: 1px solid #d8e5f7;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.91), rgba(247, 251, 255, 0.78));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96);
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}
.quick-entry-index .scan-panel::after{
    content: "";
    position: absolute;
    left: -28%;
    top: 0;
    width: 28%;
    height: 100%;
    opacity: 0;
    background: linear-gradient(90deg, transparent, rgba(46, 152, 255, 0.16), transparent);
    transform: skewX(-18deg);
    pointer-events: none;
}
.quick-entry-index .scan-card:hover .scan-panel,
.quick-entry-index.is-scanning .scan-panel{
    transform: translateY(-2px);
    border-color: rgba(106, 166, 255, 0.84);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(241, 248, 255, 0.9));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), 0 18px 36px rgba(55, 101, 185, 0.13);
}
.quick-entry-index .scan-card:hover .scan-panel::after,
.quick-entry-index.is-scanning .scan-panel::after{
    opacity: 1;
    animation: qePanelSweep 1.55s ease-in-out infinite;
}
.quick-entry-index .scan-meta{
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #53617c;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 850;
}
.quick-entry-index .scan-meta span:last-child{
    color: #7f8a9f;
    font-weight: 650;
}
.quick-entry-index .progress-row{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 64px;
    gap: 15px;
    align-items: center;
    margin-top: 8px;
}
.quick-entry-index .progress-track{
    height: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: #dce8f9;
}
.quick-entry-index .progress-fill{
    width: var(--scan-progress, 68%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #155fff, #32b8ff, #155fff);
    background-size: 210% 100%;
    box-shadow: 0 8px 15px rgba(25, 111, 255, 0.25);
    transition: width 0.45s ease;
    animation: qeProgressFlow 2.2s linear infinite;
}
.quick-entry-index .score{
    color: #1769ff;
    text-align: right;
    font-size: 22px;
    line-height: 1;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
    transition: transform 0.22s ease, text-shadow 0.22s ease;
}
.quick-entry-index .score.is-rolling{
    transform: translateY(-1px) scale(1.06);
    text-shadow: 0 10px 22px rgba(23, 105, 255, 0.22);
}
.quick-entry-index .dashboard{
    display: grid;
    grid-template-columns: 126px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-top: 10px;
}
.quick-entry-index .radar-art{
    width: 122px;
    height: 124px;
    object-fit: contain;
    mix-blend-mode: multiply;
    transition: transform 0.34s ease, filter 0.34s ease;
}
.quick-entry-index .core-metrics-art{
    display: block;
    width: 100%;
    max-width: 252px;
    height: auto;
    justify-self: center;
    object-fit: contain;
    mix-blend-mode: multiply;
    filter: drop-shadow(0 9px 18px rgba(59, 83, 140, 0.08));
}
.quick-entry-index .scan-card:hover .radar-art,
.quick-entry-index.is-scanning .radar-art{
    filter: drop-shadow(0 14px 20px rgba(23, 105, 255, 0.15));
}
.quick-entry-index .scan-card:hover .core-metrics-art,
.quick-entry-index.is-scanning .core-metrics-art{
    filter: drop-shadow(0 14px 24px rgba(59, 83, 140, 0.12));
}










.quick-entry-index .main-scan-btn{
    width: 100%;
    height: 34px;
    margin-top: 9px;
    border-radius: 8px;
    box-shadow: 0 13px 24px rgba(57, 82, 255, 0.26);
    font-size: 16px;
}
.quick-entry-index .main-scan-btn:active,
.quick-entry-index .entry-button:active{
    transform: translateY(1px);
}
.quick-entry-index .secure-note{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    margin-top: 7px;
    color: #8b98aa;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 650;
}
.quick-entry-index .secure-note svg{
    width: 16px;
    height: 16px;
    color: #91a4c5;
}
.quick-entry-index .entry-card{
    height: 416px;
    min-height: 0;
    margin-top: 29px;
    padding: 14px 18px 15px;
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease, border-color 0.3s ease, filter 0.3s ease;
}
.quick-entry-index .entry-card:hover{
    transform: translateY(-11px) scale(1.025);
    border-color: color-mix(in srgb, var(--entry-color) 45%, #d4e2f8);
    box-shadow: 0 36px 72px color-mix(in srgb, var(--entry-color) 20%, rgba(51, 82, 144, 0.16)), inset 0 1px 0 rgba(255, 255, 255, 0.98);
    filter: saturate(1.05);
}
.quick-entry-index .entry-card.is-active{
    border-color: color-mix(in srgb, var(--entry-color) 45%, #d4e2f8);
    box-shadow: 0 28px 58px rgba(51, 82, 144, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.96);
}
.quick-entry-index .entry-visual{
    width: 100%;
    height: 136px;
    display: grid;
    place-items: center;
    margin-bottom: 11px;
}
.quick-entry-index .entry-visual img{
    display: block;
    max-width: 100%;
    max-height: 132px;
    object-fit: contain;
    mix-blend-mode: multiply;
    transition: transform 0.34s ease, filter 0.34s ease;
}
.quick-entry-index .entry-card:hover .entry-visual img,
.quick-entry-index .entry-card.is-active .entry-visual img{
    filter: drop-shadow(0 16px 22px color-mix(in srgb, var(--entry-color) 20%, transparent));
}
.quick-entry-index .entry-title{
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    color: #101a36;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 950;
}
.quick-entry-index .entry-title img{
    width: 24px;
    height: 24px;
    display: block;
    flex: 0 0 auto;
    filter: drop-shadow(0 7px 12px color-mix(in srgb, var(--entry-color) 20%, transparent));
}
.quick-entry-index .entry-card p{
    margin: 7px 0 10px;
    color: #4d5b78;
    font-size: 14px;
    line-height: 1.62;
    font-weight: 700;
    text-wrap: pretty;
    transition: color 0.24s ease;
}
.quick-entry-index .entry-card:hover p{
    color: #263756;
}
.quick-entry-index .features{
    display: grid;
    gap: 8px;
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
}
.quick-entry-index .features li{
    display: flex;
    align-items: center;
    gap: 8px;
    color: #31405d;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 650;
    transition: transform 0.24s ease;
}
.quick-entry-index .entry-card:hover .features li{
    transform: translateX(3px);
}
.quick-entry-index .check{
    width: 16px;
    height: 16px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 50%;
    color: #fff;
    background: var(--entry-color);
    font-size: 11px;
    line-height: 1;
    font-weight: 950;
}
.quick-entry-index .entry-button{
    width: 100%;
    height: 34px;
    border: 1px solid color-mix(in srgb, var(--entry-color) 34%, #d7e5f7);
    border-radius: 8px;
    color: var(--entry-color);
    background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--entry-color) 6%, #ffffff));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
    font-size: 14px;
    font-weight: 950;
    transition: color 0.2s, background 0.2s, box-shadow 0.2s, transform 0.2s;
}
.quick-entry-index .entry-button:hover,
.quick-entry-index .entry-card.is-active .entry-button,
.quick-entry-index .entry-button.is-filled{
    color: #fff;
    background: linear-gradient(135deg, var(--entry-color), color-mix(in srgb, var(--entry-color) 74%, #6656ff));
    box-shadow: 0 12px 22px color-mix(in srgb, var(--entry-color) 20%, transparent);
}
.quick-entry-index .entry-card:hover .entry-button{
    transform: translateY(-2px);
}
.quick-entry-index .trust{
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 13px;
    padding: 0;
    border: 0;
    color: #52627f;
    background: transparent;
    box-shadow: none;
    font-size: 14px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: 0.08em;
}
.quick-entry-index .trust svg{
    width: 23px;
    height: 23px;
    color: #849bd0;
}
.quick-entry-index .trust span{
    position: relative;
}
.quick-entry-index .trust span + span::before{
    content: "";
    position: absolute;
    left: -11px;
    top: 50%;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #8fa3cf;
    transform: translateY(-50%);
}
.quick-entry-index .toast{
    position: absolute;
    left: 50%;
    bottom: 24px;
    z-index: 5;
    min-width: 280px;
    padding: 12px 18px;
    border: 1px solid rgba(176, 203, 244, 0.9);
    border-radius: 999px;
    color: #172548;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 38px rgba(44, 79, 150, 0.14);
    text-align: center;
    font-size: 13px;
    font-weight: 800;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 14px);
    transition: opacity 0.22s ease, transform 0.22s ease;
    backdrop-filter: blur(10px);
}
.quick-entry-index .toast.is-visible{
    opacity: 1;
    transform: translate(-50%, 0);
}
@keyframes qeProgressFlow {
    0%{
     background-position: 0% 50%;
  }
    100%{
     background-position: 210% 50%;
  }
}
@keyframes qePanelSweep {
    0%{
     left: -30%;
  }
    54%,
100%{
     left: 110%;
  }
}
@media (max-width: 1200px) {
  .quick-entry-index{
        transform: scale(calc(100vw / 1200));
        transform-origin: top left;
  }
}
/* Responsive adaptive repair layer: keep desktop design,
fix tablet/mobile overflow */
html,
body{
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}
*,
*::before,
*::after{
    box-sizing: border-box;
}
img,
video,
canvas{
    max-width: 100%;
}
img{
    height: auto;
}
button,
input,
select,
textarea{
    max-width: 100%;
}
.container, .fls-head, .fls-board, .exposure-shift .container, .option-a-check.diagnosis-redesign > .container, .media-resource-redesign > .container, .client-logo-section > .container, .insight-news-section > .container, .cta{
    width: min(var(--site-content-width), calc(100% - var(--site-content-gutter)));
    max-width: var(--site-content-width);
}
.hero, .section, .option-a-check.diagnosis-redesign, .full-link-solution-redesign, .media-resource-redesign, .client-logo-section, .insight-news-section{
    max-width: 100%;
}
.media-logo-tile img, .client-logo-tile img, .media-metric-icon, .publish-step-icon, .cta-point-icon, .fls-icon-img, .fls-platform-icon, .quick-entry-index img{
    object-fit: contain;
}
.quick-entry-index{
    min-width: 0;
    width: 100%;
    transform: none !important;
}
.quick-entry-index .qe-header,
.quick-entry-index .entry-grid{
    width: min(1200px, 100%);
    max-width: 100%;
}
.quick-entry-index .entry-card{
    height: auto;
    min-height: 416px;
}
.hero h1,
.section-title,
.fls-head h2,
.quick-entry-index .qe-header h2,
.cta h2{
    overflow-wrap: anywhere;
}
.hero-copy, .section-subtitle, .quick-entry-index .qe-header p, .shift-card p, .fls-card-main p, .diagnosis-form-card p, .media-metric-card span, .platform-news-item strong, .knowledge-item strong{
    overflow-wrap: anywhere;
}
@media (max-width: 1200px) {
  :root{
        --site-content-gutter: 48px;
        --space-section-y: 76px;
  }
  .container, .fls-head, .fls-board, .exposure-shift .container, .option-a-check.diagnosis-redesign > .container, .media-resource-redesign > .container, .client-logo-section > .container, .insight-news-section > .container, .cta{
        width: min(calc(100% - var(--site-content-gutter)), var(--site-content-width));
  }
  .hero-inner{
        grid-template-columns: minmax(0, 470px) minmax(0, 1fr);
        gap: 24px;
  }
  .hero h1{
        white-space: normal;
        font-size: 48px;
  }
  .hero-copy{
        width: 100%;
        max-width: 510px;
  }
  .hero-stats{
        width: min(822px, 100%);
        max-width: 100%;
  }
  .quick-entry-index{
        min-height: auto;
        padding: 76px max(24px, calc((100vw - 1200px) / 2)) 34px;
  }
  .quick-entry-index .qe-header::before{
        width: 100%;
        background-size: 100% 170px;
  }
  .quick-entry-index .entry-grid{
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
        gap: 18px;
  }
  .quick-entry-index .scan-card{
        grid-column: 1 / -1;
        min-height: 0;
  }
  .quick-entry-index .entry-card{
        min-height: 0;
        margin-top: 0;
  }
  .media-metric-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .media-matrix{
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
  }
  .media-logo-panel,
.media-logo-panel.is-platform-wall{
        min-height: 0;
  }
  .client-logo-board{
        grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .client-proof-bar{
        gap: 14px;
        padding-inline: 20px;
  }
}
@media (max-width: 992px) {
  :root{
        --site-content-gutter: 40px;
        --space-section-y: 68px;
        --site-title-size: 34px;
        --site-subtitle-size: 16px;
  }
  .hero{
        min-height: 0;
        padding: 68px 0 58px;
        background-image: linear-gradient(180deg, rgba(237, 244, 255, 0.98), rgba(246, 250, 255, 0.96));
        background-size: 100% 100%, auto 66%;
        background-position: center center, right top;
  }
  .hero-inner{
        min-height: 0;
        grid-template-columns: minmax(0, 1fr);
        gap: 34px;
  }
  .hero-copy-column{
        width: 100%;
        max-width: 680px;
        transform: none !important;
        animation: none !important;
  }
  .hero h1{
        font-size: clamp(38px, 5.2vw, 46px);
        line-height: 1.2;
        letter-spacing: 0;
  }
  .hero-copy{
        max-width: 620px;
  }
  .hero-visual{
        display: block;
        width: 100%;
        max-width: 640px;
        height: 430px;
        margin: 0 auto;
        transform: none !important;
        animation: none !important;
  }
  .report-card{
        left: 0;
        width: min(58vw, 350px);
  }
  .dash{
        right: 0;
        width: min(46vw, 290px);
  }
  .hero-stats{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 30px;
  }
  
  
  .diagnosis-shell{
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
  }
  .diagnosis-shell::before{
        inset: 14px -10px 44px;
  }
  .diagnosis-report{
        max-width: 720px;
        margin: 0 auto;
  }
  .diagnosis-visual-accent,
.solution-visual-accent,
.media-visual-accent,
.client-visual-accent,
.insight-visual-accent{
        display: none;
  }
  .diagnosis-form-card{
        width: 100%;
        max-width: 720px;
        margin: 0 auto;
  }
  .diagnosis-flow{
        width: 100%;
        grid-template-columns: 1fr;
        gap: 12px;
  }
  .diagnosis-flow-line{
        width: 2px;
        height: 24px;
        justify-self: center;
  }
  
  .fls-card{
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
  }
  .fls-card-main{
        min-height: 0;
  }
  .fls-card-main p{
        max-width: none;
  }
  .publish-flow{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 20px;
  }
  .publish-step:not(:last-child)::after{
        display: none;
  }
  .insight-board{
        grid-template-columns: minmax(0, 1fr);
  }
  .platform-news-panel{
        min-height: 0;
  }
}
@media (max-width: 768px) {
  :root{
        --site-content-gutter: 32px;
        --space-section-y: 58px;
        --site-title-size: 30px;
        --site-subtitle-size: 15px;
  }
  
  .hero{
        padding: 52px 0 46px;
        background-image: linear-gradient(180deg, rgba(237, 244, 255, 0.98), rgba(246, 250, 255, 0.96));
  }
  .hero h1{
        font-size: clamp(32px, 8.4vw, 38px);
        line-height: 1.24;
  }
  .hero-copy{
        font-size: 15px;
        line-height: 1.78;
  }
  .hero-buttons{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
  }
  .hero-buttons .btn{
        width: 100%;
        min-width: 0;
        height: 44px;
        padding-inline: 12px;
  }
  .hero-visual{
        height: 380px;
  }
  .report-card{
        width: min(66vw, 310px);
        height: auto;
        min-height: 262px;
        padding: 20px;
  }
  .dash{
        width: min(52vw, 268px);
        height: auto;
        min-height: 374px;
        padding: 22px;
  }
  .ai-chip{
        left: 44%;
        width: 72px;
        height: 72px;
        font-size: 26px;
  }
  .quick-entry-index{
        padding: 56px 16px 28px;
  }
  .quick-entry-index::after,
.quick-entry-index .qe-header::after{
        display: none;
  }
  .quick-entry-index .qe-header::before{
        width: 100%;
        height: 138px;
        background-size: 100% 138px;
  }
  .quick-entry-index .entry-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .quick-entry-index .scan-card{
        padding: 18px;
  }
  .quick-entry-index .dashboard{
        grid-template-columns: minmax(110px, 0.8fr) minmax(0, 1.2fr);
  }
  .quick-entry-index .entry-visual{
        height: 118px;
  }
  .quick-entry-index .entry-visual img{
        max-height: 116px;
  }
  
  
  .diagnosis-form-card .option-a-fields,
.diagnosis-form-card .option-a-proof,
.option-a-fields,
.option-a-proof{
        grid-template-columns: minmax(0, 1fr);
  }
  .diagnosis-form-card{
        padding: 22px;
  }
  .media-metric-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
  }
  .media-metric-card{
        grid-template-columns: 58px minmax(0, 1fr);
        column-gap: 14px;
        padding: 18px;
  }
  .media-metric-icon{
        width: 58px;
        height: 58px;
  }
  .media-logo-wall{
        grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .media-logo-panel.is-platform-wall .media-logo-wall{
        grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .client-proof-bar{
        grid-template-columns: minmax(0, 1fr);
  }
  .client-proof-divider{
        display: none;
  }
  .client-logo-board{
        grid-template-columns: repeat(3, minmax(0, 1fr));
        padding: 18px;
  }
  .knowledge-list{
        grid-template-columns: minmax(0, 1fr);
  }
  .knowledge-item{
        grid-template-columns: 42px minmax(0, 1fr) auto;
  }
  .cta{
        padding: 34px 24px;
  }
  .cta-content{
        display: grid;
        gap: 20px;
  }
  .cta-actions{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cta-points{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
  }
}
@media (max-width: 576px) {
  :root{
        --site-content-gutter: 28px;
        --space-section-y: 48px;
        --site-title-size: 27px;
        --site-subtitle-size: 14px;
  }
  .section-title,
.exposure-shift .section-title,
.option-a-check .section-title,
.media-resource-redesign .section-title,
.client-logo-section .section-title,
.insight-news-section .section-title,
.fls-head h2,
.quick-entry-index .qe-header h2{
        font-size: var(--site-title-size);
        line-height: 1.32;
  }
  .section-subtitle,
.exposure-shift .section-subtitle,
.media-resource-redesign .section-subtitle,
.client-logo-section .section-subtitle,
.insight-news-section .section-subtitle,
.fls-head p,
.quick-entry-index .qe-header p{
        font-size: var(--site-subtitle-size);
        line-height: 1.72;
  }
  .hero{
        padding-top: 42px;
  }
  .hero h1{
        font-size: clamp(29px, 8.6vw, 34px);
  }
  .hero-buttons{
        grid-template-columns: minmax(0, 1fr);
  }
  .hero-stats{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
  }
  .hero-stat{
        min-height: 76px;
        padding: 12px;
        gap: 9px;
  }
  .hero-stat .stat-icon{
        width: 30px;
        height: 30px;
  }
  .hero-stat strong{
        font-size: 19px;
  }
  .hero-stat > div > span{
        white-space: normal;
        font-size: 11px;
  }
  .hero-visual{
        height: 335px;
        overflow: hidden;
  }
  .platform{
        left: 0;
        right: 0;
        height: 110px;
  }
  .report-card{
        left: 0;
        top: 38px;
        width: min(72vw, 280px);
        min-height: 226px;
        padding: 16px;
        border-radius: 18px;
  }
  .report-number{
        font-size: 22px;
  }
  .chart{
        height: 62px;
        gap: 6px;
  }
  .chart b{
        width: 18px;
  }
  .donut{
        width: 68px;
        height: 68px;
  }
  .dash{
        top: 18px;
        width: min(62vw, 238px);
        min-height: 312px;
        padding: 17px;
        border-radius: 20px;
  }
  .dash-title{
        font-size: 13px;
  }
  .score-row strong{
        font-size: 24px;
  }
  .dash-list{
        gap: 8px;
        font-size: 10px;
  }
  .float-stat{
        left: 0;
        top: 214px;
        width: 92px;
        height: 70px;
  }
  .ai-chip{
        left: 44%;
        bottom: 42px;
        width: 60px;
        height: 60px;
        border-radius: 18px;
        font-size: 22px;
  }
  .quick-entry-index{
        padding-inline: 14px;
  }
  .quick-entry-index .qe-header p{
        margin-bottom: 28px;
  }
  .quick-entry-index .entry-grid{
        grid-template-columns: minmax(0, 1fr);
  }
  .quick-entry-index .dashboard{
        grid-template-columns: minmax(0, 1fr);
  }
  .quick-entry-index .radar-art{
        justify-self: center;
  }
  .quick-entry-index .core-metrics-art{
        max-width: 280px;
  }
  .quick-entry-index .scan-form{
        grid-template-columns: minmax(0, 1fr);
        height: auto;
  }
  .quick-entry-index .scan-form button{
        min-height: 34px;
  }
  .quick-entry-index .trust{
        flex-wrap: wrap;
        row-gap: 10px;
        line-height: 1.35;
  }
  .option-a-hero, .fls-board, .media-metric-grid, .publish-flow, .cta-actions, .cta-points{
        grid-template-columns: minmax(0, 1fr);
  }
  .fls-card{
        padding: 18px;
  }
  
  .media-matrix{
        padding: 14px;
        border-radius: 18px;
  }
  .diagnosis-visual-accent,
.solution-visual-accent,
.media-visual-accent,
.client-visual-accent,
.insight-visual-accent{
        display: none;
  }
  .media-logo-panel{
        padding: 16px 14px;
  }
  .media-logo-wall,
.media-logo-panel.is-platform-wall .media-logo-wall{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
  }
  .media-logo-tile{
        height: 58px;
  }
  .media-logo-panel.is-platform-wall .media-logo-tile{
        height: 84px;
  }
  .client-logo-board{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding: 14px;
  }
  .client-logo-tile{
        height: 78px;
  }
  .client-proof-item{
        justify-content: flex-start;
  }
  .client-proof-item strong{
        font-size: 38px;
  }
  .insight-panel-head{
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
  }
  .insight-panel-head span,
.insight-panel-head > a{
        order: 0;
  }
  .platform-news-panel,
.knowledge-panel{
        padding: 20px 18px;
  }
  .knowledge-item{
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 10px;
        padding: 12px;
  }
  .knowledge-item time{
        grid-column: 2;
  }
  .cta h2{
        font-size: 27px;
  }
  .cta .btn{
        width: 100%;
        min-width: 0;
  }
}
@media (max-width: 390px) {
  :root{
        --site-content-gutter: 24px;
        --space-section-y: 42px;
        --site-title-size: 25px;
  }
  .hero h1{
        font-size: 28px;
  }
  .hero-copy{
        font-size: 14px;
  }
  .hero-stat{
        padding: 10px;
  }
  .hero-visual{
        height: 310px;
  }
  .report-card{
        width: min(74vw, 248px);
        min-height: 208px;
  }
  .dash{
        width: min(64vw, 218px);
        min-height: 292px;
        padding: 15px;
  }
  .shield{
        width: 34px;
        height: 38px;
  }
  .meter{
        margin-top: 14px;
  }
  .dash-list{
        margin-top: 16px;
  }
  .float-stat{
        top: 204px;
        transform: scale(0.9);
        transform-origin: left top;
  }
  .ai-chip{
        bottom: 36px;
  }
  .quick-entry-index .brand-title{
        font-size: 20px;
  }
  .quick-entry-index .progress-row{
        grid-template-columns: minmax(0, 1fr) 54px;
        gap: 10px;
  }
  .quick-entry-index .score{
        font-size: 20px;
  }
  .media-metric-card{
        grid-template-columns: 50px minmax(0, 1fr);
        padding: 15px;
  }
  .media-metric-icon{
        width: 50px;
        height: 50px;
  }
  .media-metric-card strong{
        font-size: 28px;
  }
  .media-logo-tile,
.media-logo-panel.is-platform-wall .media-logo-tile{
        border-radius: 9px;
  }
  .client-logo-tile{
        height: 70px;
  }
}
/* Responsive visual polish layer: improve tablet/mobile rhythm without changing desktop art direction */
@media (max-width: 1200px) and (min-width: 993px) {
    .hero-inner{
        grid-template-columns: minmax(0, 520px) minmax(0, 1fr);
  }
    .hero h1{
        font-size: 45px;
        line-height: 1.22;
  }
    .hero-copy{
        max-width: 500px;
  }
    .hero-buttons .btn{
        min-width: 146px;
  }
    .hero-stats{
        gap: 12px;
  }
    .media-logo-wall{
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
  }
    .media-logo-panel.is-platform-wall .media-logo-wall{
        grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 992px) {
  :root{
        --space-heading-content: 32px;
  }
  main > .section,
.option-a-check.diagnosis-redesign,
#solutions.full-link-solution-redesign,
.section.media-resource-redesign,
.section.client-logo-section,
.section.insight-news-section{
        padding-top: 62px;
        padding-bottom: 62px;
  }
  .section-title,
.exposure-shift .section-title,
.option-a-check .section-title,
.media-resource-redesign .section-title,
.client-logo-section .section-title,
.insight-news-section .section-title,
.fls-head h2{
        max-width: 760px;
        font-size: 33px;
        line-height: 1.28;
  }
  .section-subtitle,
.exposure-shift .section-subtitle,
.media-resource-redesign .section-subtitle,
.client-logo-section .section-subtitle,
.insight-news-section .section-subtitle,
.fls-head p{
        max-width: 620px;
        margin-bottom: 32px;
        font-size: 15px;
        line-height: 1.72;
  }
  .hero{
        padding-top: 54px;
        padding-bottom: 48px;
  }
  .hero-copy-column{
        max-width: 720px;
  }
  .hero h1{
        max-width: 690px;
  }
  .hero-copy{
        max-width: 640px;
        margin-bottom: 24px;
  }
  .hero-visual{
        max-width: 600px;
        height: 360px;
  }
  .report-card{
        width: min(52vw, 322px);
        min-height: 246px;
  }
  .dash{
        width: min(42vw, 268px);
        min-height: 344px;
  }
  .quick-entry-index{
        padding-top: 62px;
  }
  .quick-entry-index .qe-header h2{
        font-size: 34px;
        line-height: 1.3;
  }
  .quick-entry-index .qe-header p{
        margin-bottom: 32px;
  }
  .media-logo-wall,
.media-logo-panel.is-platform-wall .media-logo-wall{
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
  }
  .media-logo-panel{
        padding: 22px;
        border-radius: 20px;
  }
  .client-logo-board{
        gap: 12px;
  }
  .platform-news-panel,
.knowledge-panel{
        border-radius: 20px;
  }
}
@media (max-width: 992px) and (min-width: 769px) {
  .hero{
        padding-top: 48px;
        padding-bottom: 42px;
  }
  .hero-inner{
        gap: 24px;
  }
  .hero h1{
        font-size: clamp(38px, 4.6vw, 42px);
  }
  .hero-copy{
        margin-bottom: 20px;
  }
  .hero-stats{
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        margin-top: 22px;
  }
  .hero-stat{
        min-height: 66px;
        padding: 10px;
        gap: 8px;
        border-radius: 15px;
  }
  .hero-stat .stat-icon{
        width: 28px;
        height: 28px;
  }
  .hero-stat strong{
        font-size: 19px;
  }
  .hero-stat > div > span{
        margin-top: 2px;
        font-size: 10px;
        white-space: normal;
  }
  .hero-visual{
        height: 302px;
        max-width: 560px;
  }
  .report-card{
        top: 24px;
        width: min(48vw, 292px);
        min-height: 218px;
        padding: 18px;
  }
  .dash{
        width: min(36vw, 242px);
        min-height: 292px;
        padding: 18px;
  }
  .dash-list{
        gap: 8px;
        margin-top: 16px;
        font-size: 10px;
  }
}
@media (max-width: 768px) {
  main > .section,
.option-a-check.diagnosis-redesign,
#solutions.full-link-solution-redesign,
.section.media-resource-redesign,
.section.client-logo-section,
.section.insight-news-section{
        padding-top: 54px;
        padding-bottom: 54px;
  }
  .hero{
        padding-top: 46px;
        padding-bottom: 40px;
  }
  .hero-inner{
        gap: 26px;
  }
  .hero h1{
        max-width: 650px;
        font-size: clamp(33px, 6.2vw, 40px);
        line-height: 1.23;
  }
  .hero-copy{
        max-width: 620px;
        margin: 16px 0 22px;
  }
  .hero-stats{
        margin-top: 24px;
  }
  .hero-stat{
        min-height: 72px;
        border-radius: 16px;
  }
  .hero-visual{
        height: 315px;
        margin-top: 0;
  }
  .quick-entry-index .entry-grid{
        gap: 14px;
  }
  .quick-entry-index .entry-card{
        border-radius: 16px;
  }
  
  .fls-card{
        border-radius: 20px;
        padding: 20px;
  }
  .fls-card-main{
        gap: 12px;
  }
  .media-metric-card{
        border-radius: 18px;
  }
  .media-logo-tile{
        border-radius: 10px;
  }
  .client-proof-bar{
        align-items: stretch;
  }
  .client-proof-item{
        min-height: 84px;
        justify-content: flex-start;
        padding: 12px 14px;
        border: 1px solid rgba(209, 225, 249, 0.82);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.68);
  }
  .insight-board{
        gap: 16px;
  }
}
@media (max-width: 576px) {
  :root{
        --site-content-gutter: 24px;
        --space-section-y: 42px;
        --space-heading-content: 24px;
        --site-title-size: 26px;
        --site-subtitle-size: 14px;
  }
  .container, .fls-head, .fls-board, .exposure-shift .container, .option-a-check.diagnosis-redesign > .container, .media-resource-redesign > .container, .client-logo-section > .container, .insight-news-section > .container, .cta{
        width: calc(100% - var(--site-content-gutter));
  }
  main > .section,
.option-a-check.diagnosis-redesign,
#solutions.full-link-solution-redesign,
.section.media-resource-redesign,
.section.client-logo-section,
.section.insight-news-section{
        padding-top: 42px;
        padding-bottom: 42px;
  }
  .section-title,
.exposure-shift .section-title,
.option-a-check .section-title,
.media-resource-redesign .section-title,
.client-logo-section .section-title,
.insight-news-section .section-title,
.fls-head h2,
.quick-entry-index .qe-header h2{
        font-size: 26px;
        line-height: 1.32;
        letter-spacing: 0;
  }
  .section-title-accent{
        width: 38px;
        margin-top: 10px;
        margin-bottom: 12px;
  }
  .section-subtitle,
.exposure-shift .section-subtitle,
.media-resource-redesign .section-subtitle,
.client-logo-section .section-subtitle,
.insight-news-section .section-subtitle,
.fls-head p,
.quick-entry-index .qe-header p{
        max-width: 330px;
        margin-bottom: 24px;
        font-size: 14px;
        line-height: 1.7;
  }

  .hero{
        padding-top: 30px;
        padding-bottom: 28px;
  }
  .eyebrow{
        margin-bottom: 12px;
        font-size: 13px;
  }
  .hero h1{
        max-width: 365px;
        font-size: clamp(30px, 8.4vw, 34px);
        line-height: 1.22;
  }
  .hero-copy{
        max-width: 360px;
        margin: 15px 0 18px;
        font-size: 14px;
        line-height: 1.72;
  }
  .hero-buttons{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
  }
  .hero-buttons .btn{
        height: 42px;
        border-radius: 9px;
        font-size: 14px;
  }
  .hero-stats{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-top: 18px;
  }
  .hero-stat{
        min-height: 58px;
        padding: 9px 10px;
        gap: 8px;
        border-radius: 14px;
        box-shadow: rgba(37, 78, 155, 0.08) 0 10px 22px;
  }
  .hero-stat .stat-icon{
        width: 25px;
        height: 25px;
  }
  .hero-stat strong{
        font-size: 18px;
  }
  .hero-stat > div > span{
        margin-top: 2px;
        font-size: 10px;
        line-height: 1.2;
  }
  .hero-visual{
        height: 238px;
        max-width: 365px;
        margin-top: 2px;
        overflow: hidden;
  }
  .platform{
        left: 10px;
        right: 10px;
        bottom: 0;
        height: 76px;
  }
  .report-card{
        left: -8px;
        top: 24px;
        width: 218px;
        min-height: 176px;
        padding: 12px;
        border-radius: 16px;
        transform: rotateZ(-1deg);
  }
  .report-head{
        gap: 8px;
        font-size: 10px;
  }
  .report-number{
        margin-top: 12px;
        font-size: 18px;
  }
  .chart{
        height: 46px;
        margin-top: 12px;
        gap: 5px;
  }
  .chart b{
        width: 14px;
  }
  .donut{
        right: 12px;
        bottom: 10px;
        width: 52px;
        height: 52px;
  }
  .donut::after{
        inset: 10px;
        font-size: 14px;
  }
  .dash{
        top: 8px;
        right: -4px;
        width: 182px;
        min-height: 222px;
        padding: 13px;
        border-radius: 18px;
        transform: rotateZ(1deg);
  }
  .dash-title{
        font-size: 12px;
        line-height: 1.3;
  }
  .shield{
        width: 34px;
        height: 36px;
        border-radius: 12px 12px 15px 15px;
  }
  .score-row{
        margin-top: 14px;
  }
  .score-row strong{
        font-size: 22px;
  }
  .score-row span,
.meter-label{
        font-size: 9px;
  }
  .meter{
        margin-top: 10px;
  }
  .bar{
        height: 5px;
  }
  .dash-list,
.float-stat{
        display: none;
  }
  .ai-chip{
        left: 45%;
        bottom: 23px;
        width: 48px;
        height: 48px;
        border-radius: 15px;
        font-size: 18px;
  }
  .quick-entry-index{
        padding: 42px 14px 24px;
  }
  .quick-entry-index .qe-header::before{
        top: -12px;
        height: 112px;
        background-size: 100% 112px;
  }
  .quick-entry-index .qe-header .accent{
        margin-left: 6px;
  }
  .quick-entry-index .qe-header p{
        max-width: 340px;
        margin-bottom: 24px;
  }
  .quick-entry-index .entry-grid{
        gap: 14px;
  }
  .quick-entry-index .scan-card{
        padding: 18px 16px 16px;
        border-radius: 16px;
  }
  .quick-entry-index .brand-title{
        font-size: 21px;
  }
  .quick-entry-index .scan-card > p{
        font-size: 14px;
  }
  .quick-entry-index .scan-panel{
        border-radius: 12px;
  }
  .quick-entry-index .dashboard{
        gap: 8px;
  }
  .quick-entry-index .radar-art{
        width: 118px;
        height: 118px;
  }
  .quick-entry-index .core-metrics-art{
        max-width: 272px;
  }
  .quick-entry-index .entry-card{
        display: grid;
        grid-template-columns: 86px minmax(0, 1fr);
        grid-template-areas:
          "visual title"
          "visual desc"
          "visual features"
          "button button";
        align-items: start;
        column-gap: 14px;
        row-gap: 6px;
        min-height: 0;
        padding: 16px;
        border-radius: 16px;
  }
  .quick-entry-index .entry-visual{
        grid-area: visual;
        width: 86px;
        height: 86px;
        margin: 4px 0 0;
        border-radius: 16px;
        background: linear-gradient(145deg, rgba(244, 249, 255, 0.9), rgba(255, 255, 255, 0.72));
  }
  .quick-entry-index .entry-visual img{
        max-height: 82px;
  }
  .quick-entry-index .entry-title{
        grid-area: title;
        font-size: 18px;
        line-height: 1.25;
  }
  .quick-entry-index .entry-title img{
        width: 21px;
        height: 21px;
  }
  .quick-entry-index .entry-card p{
        grid-area: desc;
        margin: 0;
        font-size: 13px;
        line-height: 1.45;
  }
  .quick-entry-index .features{
        grid-area: features;
        gap: 5px;
        margin-bottom: 4px;
  }
  .quick-entry-index .features li{
        gap: 6px;
        font-size: 12px;
        line-height: 1.28;
  }
  .quick-entry-index .check{
        width: 14px;
        height: 14px;
        font-size: 10px;
  }
  .quick-entry-index .entry-button{
        grid-area: button;
        height: 38px;
        margin-top: 4px;
        border-radius: 10px;
  }
  .quick-entry-index .trust{
        margin-top: 14px;
        gap: 10px 15px;
        font-size: 12px;
        letter-spacing: 0.03em;
  }
  
  
  
  .diagnosis-form-card{
        border-radius: 20px;
  }
  .diagnosis-form-head h3{
        font-size: 22px;
        line-height: 1.35;
  }
  .option-a-control input,
.option-a-control select{
        min-height: 46px;
  }
  .diagnosis-form-card .option-a-cta{
        min-height: 46px;
        font-size: 18px;
  }
  
  
  .fls-card{
        padding: 16px;
        border-radius: 18px;
  }
  .fls-card::after{
        right: 14px;
        top: 10px;
        font-size: 34px;
  }
  .fls-card-main{
        min-height: 0;
        gap: 10px;
  }
  
  
  
  .fls-card-main h2,
.fls-title-row h2{
        font-size: 19px;
        line-height: 1.3;
  }
  .fls-card-main p{
        max-width: none;
        font-size: 13px;
        line-height: 1.65;
  }
  .fls-card-main button{
        width: 126px;
        height: 36px;
        border-radius: 11px;
  }
  
  .media-command{
        gap: 18px;
  }
  .media-metric-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
  }
  .media-metric-card{
        min-height: 134px;
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        padding: 13px 12px 12px;
        border-radius: 16px;
  }
  .media-metric-icon{
        width: 42px;
        height: 42px;
        margin-bottom: 8px;
  }
  .media-metric-card small{
        font-size: 12px;
        line-height: 1.35;
  }
  .media-metric-card strong{
        margin-top: 6px;
        font-size: 27px;
  }
  .media-metric-card span,
.media-metric-card > span{
        margin-top: 7px;
        font-size: 11px !important;
        line-height: 1.38;
  }
  .media-matrix{
        padding: 12px;
        gap: 12px;
  }
  .media-logo-panel{
        padding: 15px 13px;
        border-radius: 16px;
  }
  .media-logo-head{
        align-items: flex-start;
        margin-bottom: 14px;
  }
  .media-logo-head h3{
        font-size: 18px;
  }
  .media-logo-head span{
        font-size: 12px !important;
  }
  .media-logo-wall,
.media-logo-panel.is-platform-wall .media-logo-wall{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
  }
  .media-logo-tile{
        height: 56px;
        border-radius: 10px;
  }
  .media-logo-tile img{
        width: calc(100% - 16px);
        height: calc(100% - 16px);
  }
  .media-logo-panel.is-platform-wall .media-logo-tile{
        height: 78px;
        border-radius: 12px;
  }
  .media-logo-panel.is-platform-wall .media-logo-tile img{
        width: 42px;
        height: 42px;
        flex-basis: 42px;
  }
  .publish-flow{
        gap: 10px;
        padding: 14px;
        border-radius: 16px;
  }
  .publish-step{
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 10px;
        padding: 10px;
        border: 1px solid rgba(213, 228, 249, 0.78);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.74);
  }
  .publish-step b,
.publish-step-icon{
        width: 42px;
        height: 42px;
  }
  .publish-step span{
        font-size: 14px;
  }
  .client-proof-bar{
        gap: 10px;
        margin-bottom: 22px;
        padding: 12px;
        border-radius: 18px;
  }
  .client-proof-item{
        min-height: 72px;
        gap: 12px;
        padding: 10px 12px;
        border-radius: 14px;
  }
  .client-proof-item strong{
        font-size: 32px;
  }
  .client-proof-item strong span{
        font-size: 16px;
        vertical-align: 11px;
  }
  .client-proof-item b{
        font-size: 14px;
  }
  .client-proof-item em{
        margin-top: 2px;
        white-space: normal;
        font-size: 12px;
        line-height: 1.35;
  }
  .client-logo-board{
        gap: 9px;
        margin-top: 20px;
        padding: 12px;
        border-radius: 18px;
  }
  .client-logo-tile{
        height: 70px;
        border-radius: 12px;
  }
  .platform-news-panel,
.knowledge-panel{
        padding: 17px 15px;
        border-radius: 18px;
  }
  .insight-panel-head{
        margin-bottom: 14px;
        padding-bottom: 12px;
  }
  .insight-panel-head h3{
        font-size: 20px;
  }
  .platform-news-list{
        gap: 10px;
  }
  .platform-news-list::before{
        left: 12px;
        top: 18px;
        bottom: 18px;
        opacity: 0.45;
  }
  .platform-news-item{
        min-height: 0;
        gap: 5px;
        padding: 11px 10px 11px 34px;
        border: 1px solid rgba(214, 228, 249, 0.82);
        border-radius: 13px;
        background: rgba(255, 255, 255, 0.68);
  }
  .platform-news-item::before{
        left: 8px;
        top: 17px;
  }
  .platform-news-item strong{
        font-size: 14px;
        line-height: 1.5;
  }
  .knowledge-list{
        gap: 10px;
  }
  .knowledge-item{
        grid-template-columns: 34px minmax(0, 1fr);
        min-height: 0;
        gap: 10px;
        padding: 11px;
        border-radius: 13px;
  }
  .knowledge-item em{
        width: 32px;
        height: 32px;
        border-radius: 10px;
        font-size: 12px;
  }
  .knowledge-item strong{
        display: -webkit-box;
        overflow: hidden;
        font-size: 14px;
        line-height: 1.5;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
  }
  .knowledge-item time{
        grid-column: 2;
        font-size: 12px;
  }
  .cta{
        margin-top: 34px;
        margin-bottom: 34px;
        padding: 26px 18px 20px;
        border-radius: 20px;
  }
  .cta h2{
        font-size: 25px;
        line-height: 1.3;
  }
  .cta p{
        font-size: 14px;
        line-height: 1.65;
  }
  .cta-content{
        gap: 16px;
  }
  .cta-actions,
.cta-points{
        grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cta .btn{
        height: 42px;
        border-radius: 10px;
        font-size: 14px;
  }
  .cta-points{
        gap: 9px;
        margin-top: 16px;
        font-size: 12px;
  }
  .cta-points span{
        min-height: 48px;
        padding: 8px;
        border-radius: 12px;
  }
  .cta-point-icon{
        width: 28px;
        height: 28px;
        flex-basis: 28px;
  }
}
@media (max-width: 390px) {
  :root{
        --site-content-gutter: 22px;
        --space-section-y: 38px;
  }
  .section-title,
.exposure-shift .section-title,
.option-a-check .section-title,
.media-resource-redesign .section-title,
.client-logo-section .section-title,
.insight-news-section .section-title,
.fls-head h2,
.quick-entry-index .qe-header h2{
        font-size: 24px;
  }
  .hero h1{
        font-size: 29px;
  }
  .hero-copy{
        font-size: 13px;
        line-height: 1.68;
  }
  .hero-buttons{
        gap: 8px;
  }
  .hero-buttons .btn{
        height: 40px;
        padding-inline: 8px;
        font-size: 13px;
  }
  .hero-stat{
        min-height: 56px;
        padding: 8px;
  }
  .hero-stat strong{
        font-size: 17px;
  }
  .hero-visual{
        height: 218px;
  }
  .report-card{
        width: 202px;
        min-height: 166px;
  }
  .dash{
        width: 170px;
        min-height: 208px;
        padding: 12px;
  }
  .ai-chip{
        width: 42px;
        height: 42px;
        bottom: 18px;
  }
  .quick-entry-index{
        padding-inline: 11px;
  }
  .quick-entry-index .entry-card{
        grid-template-columns: 76px minmax(0, 1fr);
        column-gap: 12px;
        padding: 14px;
  }
  .quick-entry-index .entry-visual{
        width: 76px;
        height: 76px;
  }
  .quick-entry-index .entry-visual img{
        max-height: 72px;
  }
  .quick-entry-index .entry-title{
        font-size: 17px;
  }
  .quick-entry-index .features li{
        font-size: 11px;
  }
  .media-metric-card{
        min-height: 126px;
        padding: 12px 10px;
  }
  .media-metric-icon{
        width: 38px;
        height: 38px;
  }
  .media-metric-card strong{
        font-size: 24px;
  }
  .client-proof-item strong{
        font-size: 30px;
  }
  .client-logo-tile{
        height: 66px;
  }
  .cta-actions,
.cta-points{
        grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 360px) {
  .hero h1{
        font-size: 26px;
  }
  .hero-visual{
        height: 205px;
  }
  .report-card{
        width: 188px;
        left: 0;
  }
  .dash{
        width: 158px;
        right: 0;
  }
  .quick-entry-index .entry-card{
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
          "visual"
          "title"
          "desc"
          "features"
          "button";
  }
  .quick-entry-index .entry-visual{
        width: 100%;
        height: 88px;
        margin: 0;
  }
  .quick-entry-index .entry-visual img{
        max-height: 86px;
  }
  .media-metric-grid{
        grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 330px) {
  .hero h1{
        font-size: 25px;
        line-height: 1.24;
  }
}
@keyframes mobileMenuRise {
    from{
        opacity: 0;
        transform: translateY(-6px);
  }
    to{
        opacity: 1;
        transform: translateY(0);
  }
}
/* Tablet and mobile visual rebuild layer: keep desktop intact, redesign small-screen rhythm. */
@media (max-width: 1199px) {
    html,
body{
        max-width: 100%;
        overflow-x: hidden;
  }
    body{
        background: #f7faff;
  }
    img,
svg{
        max-width: 100%;
  }
    .container, .fls-head, .fls-board, .exposure-shift .container, .option-a-check.diagnosis-redesign > .container, .media-resource-redesign > .container, .client-logo-section > .container, .insight-news-section > .container, .cta{
        max-width: none;
        box-sizing: border-box;
  }
    .hero-copy-column, .hero-buttons, .hero-stats, .hero-stat, .hero-visual, .quick-entry-index .glass-card, .quick-entry-index .entry-grid, .quick-entry-index .scan-panel, .quick-entry-index .entry-card, .fls-card, .media-command, .media-matrix, .media-logo-panel, .media-logo-wall, .client-logo-board, .insight-board, .platform-news-panel, .knowledge-panel, .cta-content{
        min-width: 0;
        max-width: 100%;
  }
    .section-title,
.exposure-shift .section-title,
.option-a-check .section-title,
.media-resource-redesign .section-title,
.client-logo-section .section-title,
.insight-news-section .section-title,
.fls-head h2,
.quick-entry-index .qe-header h2{
        text-wrap: balance;
  }
    .section-subtitle,
.hero-copy,
.quick-entry-index .qe-header p,
.fls-head p,
.media-resource-redesign .section-subtitle,
.client-logo-section .section-subtitle,
.insight-news-section .section-subtitle{
        text-wrap: pretty;
  }
}

@media (max-width: 1199px) and (min-width: 769px) {
  :root{
        --site-content-gutter: clamp(40px, 5.2vw, 64px);
  }
  main > .section,
.option-a-check.diagnosis-redesign,
#solutions.full-link-solution-redesign,
.section.media-resource-redesign,
.section.client-logo-section,
.section.insight-news-section{
        padding-top: clamp(58px, 7vw, 74px);
        padding-bottom: clamp(58px, 7vw, 74px);
  }
  .section-title,
.exposure-shift .section-title,
.option-a-check .section-title,
.media-resource-redesign .section-title,
.client-logo-section .section-title,
.insight-news-section .section-title,
.fls-head h2,
.quick-entry-index .qe-header h2{
        font-size: clamp(31px, 4vw, 38px);
        line-height: 1.24;
  }
  .section-subtitle,
.exposure-shift .section-subtitle,
.media-resource-redesign .section-subtitle,
.client-logo-section .section-subtitle,
.insight-news-section .section-subtitle,
.fls-head p,
.quick-entry-index .qe-header p{
        max-width: 660px;
        margin-bottom: 30px;
        font-size: 15px;
        line-height: 1.72;
  }
  .hero{
        min-height: 0;
        padding: 54px 0 50px;
        background:
          radial-gradient(circle at 86% 22%, rgba(23, 105, 255, 0.12), transparent 28%),
          linear-gradient(180deg, rgba(237, 244, 255, 0.98), rgba(247, 251, 255, 0.98));
  }
  .hero-inner{
        min-height: 0;
        grid-template-columns: minmax(0, 1.02fr) minmax(286px, 0.82fr);
        align-items: center;
        gap: clamp(24px, 4.2vw, 42px);
  }
  .hero-copy-column{
        width: 100%;
        max-width: none;
        transform: none !important;
        animation: none !important;
  }
  .hero h1{
        max-width: 560px;
        font-size: clamp(38px, 4.4vw, 48px);
        line-height: 1.18;
        letter-spacing: 0;
  }
  .hero-copy{
        max-width: 540px;
        margin: 18px 0 24px;
        font-size: 15px;
        line-height: 1.76;
  }
  .hero-buttons{
        max-width: 330px;
  }
  .hero-buttons .btn{
        height: 46px;
        min-width: 144px;
  }
  .hero-stats{
        width: 100%;
        max-width: 540px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin-top: 26px;
  }
  .hero-stat{
        min-height: 72px;
        padding: 12px 14px;
        border-radius: 18px;
  }
  .hero-stat .stat-icon{
        width: 30px;
        height: 30px;
  }
  .hero-stat strong{
        font-size: 20px;
  }
  .hero-stat > div > span{
        margin-top: 2px;
        font-size: 11px;
        white-space: normal;
  }
  .hero-visual{
        display: block;
        width: 100%;
        max-width: none;
        height: clamp(300px, 36vw, 380px);
        margin: 0;
        overflow: hidden;
        transform: none !important;
        animation: none !important;
  }
  .report-card{
        left: 0;
        top: 38px;
        width: min(54%, 304px);
        min-height: 226px;
        padding: 18px;
        border-radius: 20px;
  }
  .dash{
        right: 0;
        top: 24px;
        width: min(50%, 270px);
        min-height: 314px;
        padding: 18px;
        border-radius: 22px;
  }
  .float-stat{
        display: none;
  }
  .ai-chip{
        left: 42%;
        bottom: 72px;
        width: 56px;
        height: 56px;
        border-radius: 18px;
        font-size: 22px;
  }
  .dash-list{
        display: none;
  }
  .quick-entry-index{
        padding-top: 58px;
  }
  .quick-entry-index .entry-grid{
        gap: 16px;
  }
  .quick-entry-index .scan-card{
        padding: 22px;
        border-radius: 22px;
  }
  .quick-entry-index .entry-card{
        padding: 20px;
        border-radius: 20px;
  }
  .quick-entry-index .entry-visual{
        height: 110px;
  }
  
  .fls-card{
        padding: 22px;
        border-radius: 22px;
        box-shadow: rgba(42, 86, 170, 0.1) 0 18px 42px, rgba(255, 255, 255, 0.9) 0 1px 0 inset;
  }
  .media-logo-wall,
.media-logo-panel.is-platform-wall .media-logo-wall{
        gap: 10px;
  }
  .client-logo-board{
        grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  :root{
        --site-content-gutter: 28px;
  }
  main > .section,
.option-a-check.diagnosis-redesign,
#solutions.full-link-solution-redesign,
.section.media-resource-redesign,
.section.client-logo-section,
.section.insight-news-section{
        padding-top: 46px;
        padding-bottom: 46px;
  }
  .section-title,
.exposure-shift .section-title,
.option-a-check .section-title,
.media-resource-redesign .section-title,
.client-logo-section .section-title,
.insight-news-section .section-title,
.fls-head h2,
.quick-entry-index .qe-header h2{
        max-width: 100%;
        font-size: clamp(25px, 6.2vw, 32px);
        line-height: 1.27;
  }
  .section-subtitle,
.exposure-shift .section-subtitle,
.media-resource-redesign .section-subtitle,
.client-logo-section .section-subtitle,
.insight-news-section .section-subtitle,
.fls-head p,
.quick-entry-index .qe-header p{
        max-width: 92%;
        margin-bottom: 24px;
        font-size: 14px;
        line-height: 1.68;
  }
  .hero{
        padding: 38px 0 34px;
        background:
          radial-gradient(circle at 82% 18%, rgba(23, 105, 255, 0.12), transparent 28%),
          linear-gradient(180deg, #eef5ff 0%, #f8fbff 100%);
  }
  .hero-inner{
        min-height: 0;
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
  }
  .hero-copy-column{
        width: 100%;
        max-width: 100%;
        transform: none !important;
        animation: none !important;
  }
  .eyebrow{
        margin-bottom: 10px;
        font-size: 12px;
  }
  .hero h1{
        width: 100%;
        max-width: 100%;
        font-size: clamp(29px, 7.6vw, 36px);
        line-height: 1.18;
        letter-spacing: 0;
        overflow-wrap: anywhere;
  }
  .hero h1 span{
        white-space: nowrap;
  }
  .hero h1 br{
        display: none;
  }
  .hero-copy{
        width: 100%;
        max-width: 100%;
        margin: 14px 0 18px;
        font-size: 14px;
        line-height: 1.7;
  }
  .hero-buttons{
        width: min(100%, 380px);
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
  }
  .hero-buttons .btn{
        width: 100%;
        min-width: 0;
        height: 43px;
        padding-inline: 10px;
        border-radius: 12px;
        font-size: 14px;
  }
  .hero-stats{
        width: 100%;
        max-width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-top: 18px;
  }
  .hero-stat{
        min-height: 64px;
        justify-content: flex-start;
        gap: 8px;
        padding: 10px 11px;
        border-radius: 16px;
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(247, 251, 255, 0.9));
        box-shadow: rgba(38, 78, 155, 0.08) 0 10px 24px, rgba(255, 255, 255, 0.9) 0 1px 0 inset;
  }
  .hero-stat .stat-icon{
        width: 24px;
        height: 24px;
        flex-basis: 24px;
  }
  .hero-stat strong{
        font-size: 18px;
  }
  .hero-stat > div > span{
        margin-top: 2px;
        font-size: 10px;
        line-height: 1.22;
        white-space: normal;
  }
  .hero-visual{
        width: 100%;
        height: auto;
        max-width: 100%;
        margin: 4px 0 0;
        overflow: visible;
        transform: none !important;
        animation: none !important;
  }
  .platform,
.report-card,
.float-stat,
.ai-chip{
        display: none;
  }
  .dash{
        position: relative;
        inset: auto;
        width: 100%;
        min-height: 0;
        padding: 18px;
        border-radius: 22px;
        transform: none;
        background: linear-gradient(145deg, #09246f 0%, #061747 100%);
        box-shadow: rgba(20, 75, 180, 0.2) 0 20px 44px, rgba(255, 255, 255, 0.14) 0 1px 0 inset;
  }
  .dash-top{
        align-items: center;
  }
  .dash-title{
        font-size: 14px;
  }
  .shield{
        width: 38px;
        height: 38px;
        border-radius: 14px;
  }
  .score-row{
        margin-top: 16px;
  }
  .score-row strong{
        font-size: 27px;
  }
  .meter{
        margin-top: 11px;
  }
  .dash-list{
        display: none;
  }
  .quick-entry-index{
        padding: 44px 14px 28px;
  }
  .quick-entry-index::before,
.quick-entry-index::after,
.quick-entry-index .qe-bg-arc,
.quick-entry-index .qe-header::after{
        display: none;
  }
  .quick-entry-index .qe-header::before{
        top: -10px;
        height: 112px;
        background-size: 100% 112px;
        opacity: 0.7;
  }
  .quick-entry-index .qe-header{
        margin-bottom: 22px;
  }
  .quick-entry-index .qe-header p{
        max-width: 92%;
  }
  .quick-entry-index .entry-grid{
        width: 100%;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
  }
  .quick-entry-index .scan-card{
        padding: 18px 16px 16px;
        border-radius: 20px;
        box-shadow: rgba(42, 86, 170, 0.1) 0 18px 42px, rgba(255, 255, 255, 0.92) 0 1px 0 inset;
  }
  .quick-entry-index .brand-title{
        font-size: 20px;
  }
  .quick-entry-index .scan-card > p{
        font-size: 13px;
  }
  .quick-entry-index .scan-form{
        grid-template-columns: minmax(0, 1fr) 94px;
        gap: 8px;
  }
  .quick-entry-index .input-wrap{
        min-width: 0;
  }
  .quick-entry-index .scan-form button{
        min-width: 0;
        padding-inline: 8px;
        font-size: 13px;
  }
  .quick-entry-index .scan-panel{
        padding: 10px;
        border-radius: 15px;
  }
  .quick-entry-index .scan-meta{
        gap: 8px;
        font-size: 10px;
  }
  .quick-entry-index .progress-row{
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
  }
  .quick-entry-index .score{
        width: auto;
        min-width: 48px;
        font-size: 21px;
  }
  .quick-entry-index .dashboard{
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        gap: 8px;
  }
  .quick-entry-index .radar-art{
        display: none;
  }
  .quick-entry-index .core-metrics-art{
        width: min(100%, 315px);
        max-width: 100%;
        border-radius: 12px;
  }
  .quick-entry-index .entry-card{
        display: grid;
        grid-template-columns: 74px minmax(0, 1fr);
        grid-template-areas:
          "visual title"
          "visual desc"
          "visual features"
          "button button";
        column-gap: 12px;
        row-gap: 6px;
        align-items: start;
        min-height: 0;
        padding: 15px;
        border-radius: 20px;
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.92));
        box-shadow: rgba(43, 87, 170, 0.09) 0 14px 32px, rgba(255, 255, 255, 0.92) 0 1px 0 inset;
  }
  .quick-entry-index .entry-visual{
        grid-area: visual;
        width: 74px;
        height: 74px;
        margin: 2px 0 0;
        border-radius: 17px;
  }
  .quick-entry-index .entry-visual img{
        max-height: 70px;
  }
  .quick-entry-index .entry-title{
        grid-area: title;
        font-size: 17px;
        line-height: 1.25;
  }
  .quick-entry-index .entry-title img{
        width: 20px;
        height: 20px;
  }
  .quick-entry-index .entry-card p{
        grid-area: desc;
        margin: 0;
        font-size: 12px;
        line-height: 1.45;
  }
  .quick-entry-index .features{
        grid-area: features;
        gap: 4px;
        margin: 0;
  }
  .quick-entry-index .features li{
        gap: 5px;
        font-size: 11px;
        line-height: 1.3;
  }
  .quick-entry-index .check{
        width: 13px;
        height: 13px;
        font-size: 9px;
  }
  .quick-entry-index .entry-button{
        grid-area: button;
        height: 37px;
        margin-top: 5px;
        border-radius: 12px;
        font-size: 13px;
  }
  
  
  
  
  
  
  
  .diagnosis-shell{
        gap: 16px;
  }
  .diagnosis-report,
.diagnosis-form-card{
        border-radius: 20px;
  }
  .diagnosis-form-card{
        padding: 18px;
  }
  .diagnosis-form-head h3{
        font-size: 21px;
        line-height: 1.34;
  }
  .option-a-control input,
.option-a-control select{
        min-height: 44px;
  }
  .diagnosis-form-card .option-a-cta{
        min-height: 46px;
        font-size: 17px;
  }
  
  
  .fls-card{
        padding: 16px;
        border-radius: 20px;
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.92));
        box-shadow: rgba(44, 86, 170, 0.08) 0 14px 34px, rgba(255, 255, 255, 0.92) 0 1px 0 inset;
  }
  .fls-card::after{
        right: 14px;
        top: 10px;
        font-size: 30px;
        opacity: 0.8;
  }
  
  
  .fls-card-main h2,
.fls-title-row h2{
        font-size: 18px;
  }
  .fls-card-main p{
        font-size: 13px;
        line-height: 1.62;
  }
  .fls-card-main button{
        width: 116px;
        height: 35px;
        border-radius: 11px;
        font-size: 13px;
  }
  
  
  .media-command{
        gap: 16px;
  }
  .media-metric-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
  }
  .media-metric-card{
        min-height: 122px;
        padding: 12px;
        border-radius: 18px;
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.9));
        box-shadow: rgba(44, 86, 170, 0.08) 0 12px 28px, rgba(255, 255, 255, 0.92) 0 1px 0 inset;
  }
  .media-metric-icon{
        width: 38px;
        height: 38px;
        margin-bottom: 7px;
  }
  .media-metric-card small{
        font-size: 11px;
  }
  .media-metric-card strong{
        margin-top: 4px;
        font-size: 24px;
  }
  .media-metric-card span,
.media-metric-card > span{
        margin-top: 5px;
        font-size: 10px !important;
        line-height: 1.35;
  }
  .media-matrix{
        padding: 10px;
        gap: 12px;
        border-radius: 20px;
  }
  .media-logo-panel{
        padding: 14px 12px;
        border-radius: 18px;
        box-shadow: rgba(44, 86, 170, 0.06) 0 12px 30px, rgba(255, 255, 255, 0.92) 0 1px 0 inset;
  }
  .media-logo-head{
        margin-bottom: 12px;
  }
  .media-logo-head h3{
        font-size: 17px;
  }
  .media-logo-wall,
.media-logo-panel.is-platform-wall .media-logo-wall{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
  }
  .media-logo-tile{
        height: 54px;
        border-radius: 12px;
        box-shadow: none;
  }
  .media-logo-panel.is-platform-wall .media-logo-tile{
        height: 72px;
        border-radius: 13px;
  }
  .media-logo-panel.is-platform-wall .media-logo-tile img{
        width: 38px;
        height: 38px;
        flex-basis: 38px;
  }
  .publish-flow{
        gap: 9px;
        padding: 12px;
        border-radius: 18px;
  }
  .publish-step{
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 9px;
        padding: 9px;
        border-radius: 14px;
  }
  .publish-step b,
.publish-step-icon{
        width: 38px;
        height: 38px;
  }
  .publish-step span{
        font-size: 13px;
  }
  .publish-step small{
        font-size: 11px;
        line-height: 1.35;
  }
  .client-proof-bar{
        gap: 9px;
        padding: 10px;
        border-radius: 20px;
  }
  .client-proof-item{
        min-height: 66px;
        padding: 10px 11px;
        border-radius: 16px;
  }
  .client-proof-item strong{
        font-size: 29px;
  }
  .client-proof-item b{
        font-size: 13px;
  }
  .client-proof-item em{
        display: -webkit-box;
        overflow: hidden;
        font-size: 11px;
        line-height: 1.35;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
  }
  .client-logo-board{
        gap: 8px;
        margin-top: 16px;
        padding: 10px;
        border-radius: 20px;
  }
  .client-logo-tile{
        height: 58px;
        border-radius: 13px;
        box-shadow: none;
  }
  .platform-news-panel,
.knowledge-panel{
        padding: 16px;
        border-radius: 20px;
        box-shadow: rgba(44, 86, 170, 0.08) 0 14px 34px, rgba(255, 255, 255, 0.92) 0 1px 0 inset;
  }
  .insight-panel-head{
        align-items: flex-start;
        margin-bottom: 10px;
        padding-bottom: 10px;
  }
  .insight-panel-head h3{
        font-size: 19px;
  }
  .insight-panel-head span,
.insight-panel-head > a{
        height: 26px;
        padding-inline: 10px;
        font-size: 11px;
  }
  .platform-news-list,
.knowledge-list{
        gap: 0;
  }
  .platform-news-list::before{
        display: none;
  }
  .platform-news-item{
        min-height: 0;
        gap: 4px;
        padding: 12px 0 12px 16px;
        border: 0;
        border-bottom: 1px solid rgba(214, 228, 249, 0.84);
        border-radius: 0;
        background: transparent;
  }
  .platform-news-item:last-child,
.knowledge-item:last-child{
        border-bottom: 0;
  }
  .platform-news-item::before{
        left: 0;
        top: 19px;
        width: 7px;
        height: 7px;
        border: 0;
  }
  .platform-news-item time,
.knowledge-item time{
        font-size: 11px;
  }
  .platform-news-item strong{
        font-size: 14px;
        line-height: 1.45;
  }
  .knowledge-item{
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 10px;
        min-height: 0;
        padding: 12px 0;
        border: 0;
        border-bottom: 1px solid rgba(214, 228, 249, 0.84);
        border-radius: 0;
        background: transparent;
        box-shadow: none;
  }
  .knowledge-item em{
        width: 30px;
        height: 30px;
        border-radius: 10px;
        font-size: 11px;
  }
  .knowledge-item strong{
        font-size: 14px;
        line-height: 1.45;
  }
  .knowledge-item time{
        grid-column: 2;
  }
  .cta{
        margin-top: 30px;
        margin-bottom: 30px;
        padding: 24px 18px 18px;
        border-radius: 22px;
  }
  .cta h2{
        font-size: 24px;
        line-height: 1.3;
  }
  .cta p{
        font-size: 13px;
        line-height: 1.62;
  }
  .cta-content{
        gap: 14px;
  }
  .cta-actions,
.cta-points{
        grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .cta .btn{
        height: 41px;
        min-width: 0;
        border-radius: 12px;
        font-size: 13px;
  }
  .cta-points{
        gap: 8px;
        margin-top: 14px;
  }
  .cta-points span{
        min-height: 46px;
        padding: 8px;
        border-radius: 13px;
        font-size: 11px;
  }
}
@media (min-width: 390px) and (max-width: 576px) {
  .media-logo-panel.is-platform-wall .media-logo-wall{
        grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .client-logo-board{
        grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 390px) {
  :root{
        --site-content-gutter: 22px;
  }
  .hero h1{
        font-size: 28px;
  }
  .hero-copy{
        font-size: 13px;
  }
  .hero-buttons .btn{
        height: 40px;
        font-size: 12px;
  }
  .hero-stat{
        min-height: 58px;
        padding: 9px;
  }
  .hero-stat strong{
        font-size: 16px;
  }
  .hero-stat > div > span{
        font-size: 9px;
  }
  .dash{
        padding: 16px;
        border-radius: 20px;
  }
  .quick-entry-index{
        padding-inline: 11px;
  }
  .quick-entry-index .entry-card{
        grid-template-columns: 66px minmax(0, 1fr);
        column-gap: 10px;
        padding: 14px;
  }
  .quick-entry-index .entry-visual{
        width: 66px;
        height: 66px;
  }
  .quick-entry-index .entry-visual img{
        max-height: 62px;
  }
  .quick-entry-index .entry-title{
        font-size: 16px;
  }
  .quick-entry-index .features li{
        font-size: 10px;
  }
  .media-metric-card strong{
        font-size: 22px;
  }
  .client-logo-board{
        grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 360px) {
  :root{
        --site-content-gutter: 20px;
  }
  .hero h1{
        font-size: 26px;
        line-height: 1.22;
  }
  .hero-buttons{
        gap: 8px;
  }
  .hero-buttons .btn{
        padding-inline: 6px;
  }
  .hero-stat{
        gap: 6px;
  }
  .hero-stat .stat-icon{
        width: 22px;
        height: 22px;
        flex-basis: 22px;
  }
  .quick-entry-index .scan-form{
        grid-template-columns: minmax(0, 1fr);
  }
  .quick-entry-index .scan-form button{
        height: 38px;
  }
  .quick-entry-index .entry-card{
        grid-template-columns: 58px minmax(0, 1fr);
        grid-template-areas:
          "visual title"
          "visual desc"
          "visual features"
          "button button";
        column-gap: 9px;
  }
  .quick-entry-index .entry-visual{
        width: 58px;
        height: 58px;
  }
  .quick-entry-index .entry-visual img{
        max-height: 55px;
  }
  .media-metric-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .media-logo-panel.is-platform-wall .media-logo-wall{
        grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 330px) {
  .hero h1{
        font-size: 25px;
  }
  .hero-stat strong{
        font-size: 15px;
  }
  .quick-entry-index .features li{
        font-size: 9px;
  }
}
/* Mobile final pass: compact stacked sections after earlier responsive layers. */
@media (max-width: 576px) {
    .quick-entry-index{
        padding-top: 38px;
        padding-bottom: 20px;
  }
    .quick-entry-index .qe-header{
        margin-bottom: 18px;
  }
    .quick-entry-index .qe-header h2{
        max-width: 10.5em;
        margin-inline: auto;
  }
    .quick-entry-index .qe-header p{
        margin-bottom: 18px;
  }
    .quick-entry-index .entry-grid{
        gap: 10px;
  }
    .quick-entry-index .scan-card{
        padding: 16px 14px 14px;
  }
    .quick-entry-index .scan-panel{
        margin-top: 12px;
  }
    .quick-entry-index .main-scan-btn{
        height: 42px;
        margin-top: 12px;
  }
    .quick-entry-index .secure-note{
        margin-top: 9px;
        font-size: 11px;
  }
    .quick-entry-index .entry-card{
        min-height: 0;
        padding: 13px;
  }
    .quick-entry-index .entry-button{
        height: 35px;
  }
    .quick-entry-index .trust{
        justify-content: center;
        margin-top: 12px;
        padding-inline: 10px;
        text-align: center;
  }
    .option-a-shift,
.option-a-check.diagnosis-redesign,
#solutions.full-link-solution-redesign,
.section.media-resource-redesign,
.section.client-logo-section,
.section.insight-news-section{
        padding-top: 38px;
        padding-bottom: 38px;
  }
    
    
    
    
    .diagnosis-shell{
        gap: 12px;
  }
    .diagnosis-report{
        padding: 10px;
  }
    .diagnosis-form-card{
        padding: 16px;
  }
    .diagnosis-flow{
        gap: 10px;
  }
    .fls-board,
.media-command,
.insight-board{
        gap: 10px;
  }
    .fls-card,
.media-logo-panel,
.platform-news-panel,
.knowledge-panel{
        padding: 14px;
  }
    .media-matrix,
.publish-flow,
.client-proof-bar,
.client-logo-board{
        padding: 10px;
  }
    .media-metric-grid{
        gap: 8px;
  }
    .media-metric-card{
        min-height: 112px;
        padding: 10px;
  }
    .media-logo-wall,
.media-logo-panel.is-platform-wall .media-logo-wall{
        gap: 7px;
  }
    .client-logo-board{
        margin-top: 14px;
  }
    .cta{
        margin-top: 24px;
        margin-bottom: 24px;
  }
}
@media (max-width: 390px) {
  .quick-entry-index .entry-card{
        grid-template-columns: 60px minmax(0, 1fr);
        column-gap: 9px;
  }
  .quick-entry-index .entry-visual{
        width: 60px;
        height: 60px;
  }
  .quick-entry-index .entry-visual img{
        max-height: 58px;
  }
  .quick-entry-index .features li{
        font-size: 10px;
  }
  .media-logo-tile{
        height: 50px;
  }
  .media-logo-panel.is-platform-wall .media-logo-tile{
        height: 68px;
  }
  .client-logo-tile{
        height: 56px;
  }
}
@media (max-width: 340px) {
  .hero-buttons{
        grid-template-columns: minmax(0, 1fr);
  }
  .quick-entry-index .entry-card{
        grid-template-columns: 56px minmax(0, 1fr);
        grid-template-areas:
          "visual title"
          "visual desc"
          "visual features"
          "button button";
        column-gap: 8px;
  }
  .quick-entry-index .entry-visual{
        width: 56px;
        height: 56px;
  }
  .quick-entry-index .entry-visual img{
        max-height: 54px;
  }
  .media-metric-grid,
.media-logo-wall,
.media-logo-panel.is-platform-wall .media-logo-wall{
        grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .client-logo-board{
        grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* Responsive visual rework: tablet/mobile are treated as dedicated layouts. */
@media (max-width: 1199px) {
    :root{
        --rvr-gutter: clamp(22px, 5vw, 56px);
        --rvr-radius-lg: 22px;
        --rvr-radius-md: 16px;
        --rvr-line: rgba(178, 205, 246, 0.62);
        --rvr-card: rgba(255, 255, 255, 0.82);
        --rvr-card-solid: #ffffff;
        --rvr-shadow-soft: 0 14px 34px rgba(41, 82, 164, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.88);
        --rvr-shadow-card: 0 18px 48px rgba(37, 80, 165, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.92);
  }
    .container, .fls-head, .fls-board, .exposure-shift .container, .option-a-check.diagnosis-redesign > .container, .media-resource-redesign > .container, .client-logo-section > .container, .insight-news-section > .container, .cta{
        width: min(100% - var(--rvr-gutter), 1040px);
  }
    .section-title,
.exposure-shift .section-title,
.option-a-check .section-title,
.media-resource-redesign .section-title,
.client-logo-section .section-title,
.insight-news-section .section-title,
.fls-head h2,
.quick-entry-index .qe-header h2{
        letter-spacing: 0;
  }
}
@media (min-width: 769px) and (max-width: 1199px) {
  main > .section,
.option-a-shift,
.option-a-check.diagnosis-redesign,
#solutions.full-link-solution-redesign,
.section.media-resource-redesign,
.section.client-logo-section,
.section.insight-news-section{
        padding-top: 66px;
        padding-bottom: 66px;
  }
  .hero{
        min-height: 0;
        padding: 72px 0 56px;
        background:
          linear-gradient(90deg, rgba(239, 246, 255, 0.98), rgba(239, 246, 255, 0.84) 56%, rgba(239, 246, 255, 0.24)),
          url("../img/hero-banner-1920x1024.webp") right center / auto 100% no-repeat;
  }
  .hero-inner{
        min-height: 0;
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
  }
  .hero-copy-column{
        max-width: 680px;
        transform: none !important;
  }
  .hero h1{
        max-width: 640px;
        font-size: clamp(42px, 5.4vw, 54px);
        line-height: 1.13;
        white-space: normal;
        letter-spacing: 0;
  }
  .hero-copy{
        width: min(100%, 600px);
        margin: 20px 0 24px;
        font-size: 16px;
        line-height: 1.78;
  }
  .hero-buttons{
        width: min(100%, 386px);
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
  }
  .hero-buttons .btn{
        min-width: 0;
        border-radius: 14px;
  }
  .hero-stats{
        width: min(100%, 680px);
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        margin-top: 26px;
  }
  .hero-stat{
        min-height: 86px;
        padding: 14px 12px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 8px;
        border-radius: 18px;
  }
  .hero-stat .stat-icon{
        width: 28px;
        height: 28px;
  }
  .hero-stat strong{
        font-size: 21px;
  }
  .hero-visual{
        display: none;
  }
  .quick-entry-index{
        padding-top: 66px;
        padding-bottom: 38px;
  }
  .quick-entry-index .entry-grid{
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 16px;
  }
  .quick-entry-index .scan-card{
        grid-column: 1 / -1;
  }
  .fls-card{
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
  }
  .media-logo-wall{
        grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .media-logo-panel.is-platform-wall .media-logo-wall,
.client-logo-board{
        grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .insight-board{
        grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  }
  .knowledge-list{
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
  }
  .knowledge-item{
        grid-template-columns: 40px minmax(0, 1fr) auto;
        min-height: 72px;
        padding: 10px 14px;
  }
  .knowledge-item strong{
        font-size: 14px;
        line-height: 1.45;
  }
}
@media (max-width: 768px) {
  :root{
        --rvr-gutter: clamp(22px, 6vw, 32px);
  }
  body{
        background:
          radial-gradient(circle at 18% 0%, rgba(29, 120, 255, 0.08), transparent 34%),
          linear-gradient(180deg, #f7fbff 0%, #ffffff 42%, #f7fbff 100%);
  }
  .container, .fls-head, .fls-board, .exposure-shift .container, .option-a-check.diagnosis-redesign > .container, .media-resource-redesign > .container, .client-logo-section > .container, .insight-news-section > .container, .cta{
        width: calc(100% - var(--rvr-gutter));
  }

  main > .section,
.option-a-shift,
.option-a-check.diagnosis-redesign,
#solutions.full-link-solution-redesign,
.section.media-resource-redesign,
.section.client-logo-section,
.section.insight-news-section{
        padding-top: 42px;
        padding-bottom: 42px;
  }
  .section-title,
.exposure-shift .section-title,
.option-a-check .section-title,
.media-resource-redesign .section-title,
.client-logo-section .section-title,
.insight-news-section .section-title,
.fls-head h2,
.quick-entry-index .qe-header h2{
        font-size: clamp(25px, 7vw, 31px);
        line-height: 1.22;
        font-weight: 900;
        text-shadow: none;
  }
  .section-title::after{
        width: 34px;
        height: 3px;
        margin-top: 12px;
  }
  .section-title-accent{
        width: 34px;
        margin: 10px auto 10px;
  }
  .section-subtitle,
.exposure-shift .section-subtitle,
.media-resource-redesign .section-subtitle,
.client-logo-section .section-subtitle,
.insight-news-section .section-subtitle,
.fls-head p,
.quick-entry-index .qe-header p{
        max-width: 30em;
        margin-bottom: 22px;
        color: #5b6b86;
        font-size: 13px;
        line-height: 1.68;
        font-weight: 650;
  }
  .hero{
        min-height: 0;
        padding: 30px 0 34px;
        background:
          radial-gradient(circle at 90% 10%, rgba(95, 94, 255, 0.18), transparent 28%),
          radial-gradient(circle at 8% 62%, rgba(16, 148, 255, 0.11), transparent 30%),
          linear-gradient(180deg, #eef6ff 0%, #f9fcff 58%, #ffffff 100%);
  }
  .hero-inner{
        min-height: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
  }
  .hero-copy-column{
        transform: none !important;
        text-shadow: none;
  }
  .eyebrow{
        width: max-content;
        max-width: 100%;
        margin-bottom: 12px;
        padding: 6px 10px;
        border: 1px solid rgba(129, 177, 255, 0.55);
        border-radius: 999px;
        color: #1368df;
        background: rgba(255, 255, 255, 0.72);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 8px 22px rgba(32, 100, 210, 0.08);
        font-size: 12px;
        line-height: 1;
  }
  .hero h1{
        max-width: 10.4em;
        font-size: clamp(32px, 9.2vw, 42px);
        line-height: 1.12;
        letter-spacing: 0;
        white-space: normal;
  }
  .hero h1 br{
        display: none;
  }
  .hero h1 span{
        display: inline-block;
        white-space: nowrap;
  }
  .hero-copy{
        max-width: 100%;
        margin: 14px 0 18px;
        color: #4f6079;
        font-size: 14px;
        line-height: 1.72;
  }
  .hero-buttons{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
  }
  .hero-buttons .btn{
        height: 44px;
        min-width: 0;
        padding-inline: 12px;
        border-radius: 14px;
        font-size: 14px;
        font-weight: 850;
  }
  .hero-buttons .btn:not(.primary){
        background: rgba(255, 255, 255, 0.72);
        border-color: rgba(149, 183, 238, 0.64);
        color: #1557c6;
  }
  .hero-buttons .btn.primary{
        box-shadow: 0 14px 30px rgba(44, 82, 229, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.28);
  }
  .hero-stats{
        order: 3;
        width: 100%;
        max-width: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
        margin-top: 8px;
  }
  .hero-stat{
        min-height: 66px;
        padding: 11px;
        gap: 8px;
        border: 1px solid rgba(197, 217, 248, 0.78);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.72);
        box-shadow: var(--rvr-shadow-soft);
        backdrop-filter: blur(12px);
  }
  .hero-stat .stat-icon{
        width: 24px;
        height: 24px;
        color: #1476ff;
  }
  .hero-stat strong{
        color: #182445;
        font-size: 18px;
        font-weight: 900;
  }
  .hero-stat > div > span{
        color: #65748c;
        font-size: 10px;
        line-height: 1.2;
        font-weight: 750;
        white-space: normal;
  }
  .hero-visual{
        order: 4;
        height: auto;
        margin-top: 0;
        overflow: visible;
  }
  .platform,
.report-card,
.float-stat,
.ai-chip{
        display: none !important;
  }
  .dash{
        position: relative;
        inset: auto;
        width: 100%;
        min-height: 0;
        padding: 16px;
        border-radius: 22px;
        transform: none;
        background:
          radial-gradient(circle at 86% 12%, rgba(31, 205, 255, 0.22), transparent 34%),
          linear-gradient(145deg, #08246f 0%, #071a54 100%);
        box-shadow: 0 24px 46px rgba(16, 54, 146, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.14);
  }
  .dash-title{
        font-size: 14px;
  }
  .shield{
        width: 36px;
        height: 36px;
        border-radius: 13px;
  }
  .score-row{
        margin-top: 12px;
  }
  .score-row strong{
        font-size: 28px;
  }
  .meter{
        margin-top: 10px;
  }
  .meter-label{
        font-size: 10px;
  }
  .bar{
        height: 5px;
  }
  .dash-list{
        display: none;
  }
  .quick-entry-index{
        padding: 40px max(12px, calc(var(--rvr-gutter) / 2)) 28px;
        background:
          radial-gradient(circle at 50% 0%, rgba(29, 121, 255, 0.13), transparent 34%),
          linear-gradient(180deg, #f8fbff 0%, #eff7ff 100%);
  }
  .quick-entry-index .qe-header{
        margin-bottom: 18px;
  }
  .quick-entry-index .qe-header::before{
        opacity: 0.44;
  }
  .quick-entry-index .qe-header h2{
        max-width: 10.6em;
        margin-inline: auto;
  }
  .quick-entry-index .qe-header p{
        margin-bottom: 0;
  }
  .quick-entry-index .entry-grid{
        width: 100%;
        gap: 12px;
  }
  .quick-entry-index .glass-card,
.quick-entry-index .entry-card,
.diagnosis-report,
.diagnosis-form-card,
.diagnosis-flow,
.fls-card,
.media-metric-card,
.media-logo-panel,
.publish-flow,
.client-proof-bar,
.client-logo-board,
.platform-news-panel,
.knowledge-panel{
        border-color: var(--rvr-line);
        box-shadow: var(--rvr-shadow-card);
  }
  .quick-entry-index .scan-card{
        padding: 17px;
        border-radius: 24px;
        background: rgba(255, 255, 255, 0.82);
  }
  .quick-entry-index .recommend{
        border-radius: 14px 0 14px 0;
  }
  .quick-entry-index .brand-title{
        gap: 8px;
        font-size: 20px;
  }
  .quick-entry-index .wave-icon{
        width: 24px;
        height: 24px;
  }
  .quick-entry-index .scan-card > p{
        margin-top: 6px;
        color: #65758d;
        font-size: 13px;
  }
  .quick-entry-index .scan-form{
        height: 44px;
        grid-template-columns: minmax(0, 1fr) 96px;
        gap: 8px;
        margin-top: 14px;
  }
  .quick-entry-index .input-wrap,
.quick-entry-index .scan-form button{
        border-radius: 14px;
  }
  .quick-entry-index .scan-panel{
        margin-top: 12px;
        padding: 12px;
        border-radius: 18px;
        background: linear-gradient(180deg, rgba(247, 251, 255, 0.96), rgba(255, 255, 255, 0.9));
  }
  .quick-entry-index .scan-meta{
        align-items: center;
        font-size: 10px;
  }
  .quick-entry-index .core-metrics-art{
        width: min(100%, 300px);
        border-radius: 14px;
  }
  .quick-entry-index .main-scan-btn{
        height: 42px;
        margin-top: 12px;
        border-radius: 14px;
  }
  .quick-entry-index .secure-note{
        margin-top: 9px;
        font-size: 11px;
  }
  .quick-entry-index .entry-card{
        min-height: 0;
        grid-template-columns: 70px minmax(0, 1fr);
        column-gap: 12px;
        row-gap: 5px;
        padding: 14px;
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.82);
  }
  .quick-entry-index .entry-visual{
        width: 70px;
        height: 70px;
        border-radius: 18px;
        background: linear-gradient(145deg, rgba(243, 248, 255, 0.98), rgba(255, 255, 255, 0.78));
  }
  .quick-entry-index .entry-visual img{
        max-height: 66px;
  }
  .quick-entry-index .entry-title{
        font-size: 17px;
        line-height: 1.22;
  }
  .quick-entry-index .entry-card p{
        color: #64758e;
        font-size: 12px;
  }
  .quick-entry-index .features{
        gap: 3px;
  }
  .quick-entry-index .features li{
        color: #415371;
        font-size: 11px;
        line-height: 1.28;
  }
  .quick-entry-index .entry-button{
        height: 36px;
        margin-top: 5px;
        border-radius: 13px;
        font-size: 13px;
  }
  .quick-entry-index .trust{
        justify-content: center;
        margin-top: 13px;
        color: #66758d;
        font-size: 12px;
  }
  
  
  
  
  
  
  
  
  
  
  
  .diagnosis-shell{
        gap: 12px;
  }
  .diagnosis-report{
        padding: 10px;
        border-radius: 22px;
  }
  .diagnosis-form-card{
        padding: 18px;
        border-radius: 24px;
        background: rgba(255, 255, 255, 0.86);
  }
  .diagnosis-form-head h3{
        font-size: 22px;
        line-height: 1.28;
  }
  .diagnosis-form-head p{
        font-size: 13px;
        line-height: 1.55;
  }
  .option-a-field label{
        font-size: 12px;
  }
  .option-a-control{
        border-radius: 14px;
  }
  .option-a-control input,
.option-a-control select{
        min-height: 44px;
        font-size: 13px;
  }
  .diagnosis-form-card .option-a-cta{
        min-height: 46px;
        border-radius: 15px;
        font-size: 16px;
  }
  .diagnosis-safe-note{
        margin-top: 10px;
        font-size: 12px;
  }
  .diagnosis-form-card .option-a-proof{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
  }
  .diagnosis-form-card .option-a-proof span{
        min-height: 48px;
        padding: 8px;
        border-radius: 15px;
        border: 1px solid rgba(208, 224, 248, 0.78);
        background: rgba(247, 250, 255, 0.82);
        font-size: 12px;
  }
  .diagnosis-flow{
        padding: 14px;
        border-radius: 22px;
  }
  .diagnosis-flow-step{
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 12px;
        padding: 10px;
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.66);
  }
  .diagnosis-flow-step b{
        width: 44px;
        height: 44px;
        font-size: 17px;
  }
  .diagnosis-flow-step span{
        font-size: 14px;
  }
  .diagnosis-flow-step em{
        font-size: 12px;
  }
  .diagnosis-flow-line{
        height: 18px;
  }
  
  
  .fls-card{
        padding: 17px;
        border-radius: 24px;
        background:
          linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(248, 251, 255, 0.78)),
          radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent-a) 11%, transparent), transparent 36%);
  }
  .fls-card::after{
        right: 16px;
        top: 12px;
        font-size: 30px;
        opacity: 0.58;
  }
  
  
  .fls-card-main h2,
.fls-title-row h2{
        font-size: 19px;
        line-height: 1.25;
  }
  .fls-card-main p{
        margin-top: 2px;
        color: #5c6d88;
        font-size: 13px;
        line-height: 1.62;
  }
  .fls-card-main button{
        width: 112px;
        height: 36px;
        border-radius: 13px;
        font-size: 13px;
  }
  
  
  
  .media-command{
        gap: 14px;
  }
  .media-metric-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
  }
  .media-metric-card{
        min-height: 118px;
        padding: 12px;
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.84);
  }
  .media-metric-icon{
        width: 38px;
        height: 38px;
        margin-bottom: 6px;
  }
  .media-metric-card small{
        font-size: 11px;
  }
  .media-metric-card strong{
        margin-top: 3px;
        font-size: 24px;
        line-height: 1.08;
  }
  .media-metric-card span,
.media-metric-card > span{
        margin-top: 4px;
        color: #687990;
        font-size: 10px !important;
        line-height: 1.32;
  }
  .media-matrix{
        gap: 12px;
        padding: 10px;
        border-radius: 22px;
        background: rgba(241, 247, 255, 0.72);
  }
  .media-logo-panel{
        padding: 14px;
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.84);
  }
  .media-logo-head{
        align-items: flex-start;
        margin-bottom: 12px;
  }
  .media-logo-head h3{
        font-size: 17px;
  }
  .media-logo-head span{
        font-size: 12px !important;
  }
  .media-logo-wall{
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
  }
  .media-logo-panel.is-platform-wall .media-logo-wall{
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
  }
  .media-logo-tile{
        height: 48px;
        padding: 6px;
        border-color: rgba(213, 226, 246, 0.72);
        border-radius: 13px;
        background: rgba(255, 255, 255, 0.78);
        box-shadow: none;
  }
  .media-logo-tile img{
        width: 100%;
        height: 100%;
        object-fit: contain;
  }
  .media-logo-panel.is-platform-wall .media-logo-tile{
        height: 66px;
        padding: 7px 4px;
        gap: 4px;
  }
  .media-logo-panel.is-platform-wall .media-logo-tile img{
        width: 32px;
        height: 32px;
        flex-basis: 32px;
  }
  .media-logo-panel.is-platform-wall .media-logo-tile span{
        font-size: 10px;
  }
  .publish-flow{
        gap: 8px;
        padding: 10px;
        border-radius: 20px;
  }
  .publish-step{
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 9px;
        padding: 9px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.72);
  }
  .publish-step b,
.publish-step-icon{
        width: 36px;
        height: 36px;
  }
  .publish-step span{
        font-size: 13px;
  }
  .publish-step small{
        font-size: 11px;
  }
  .client-proof-bar{
        gap: 8px;
        padding: 10px;
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.82);
  }
  .client-proof-item{
        min-height: 62px;
        padding: 10px 11px;
        border-radius: 16px;
  }
  .client-proof-item strong{
        font-size: 28px;
  }
  .client-proof-item b{
        font-size: 13px;
  }
  .client-proof-item em{
        font-size: 11px;
        line-height: 1.35;
  }
  .client-logo-board{
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        margin-top: 14px;
        padding: 10px;
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.82);
  }
  .client-logo-tile{
        height: 54px;
        border: 1px solid rgba(218, 229, 247, 0.72);
        border-radius: 13px;
        background: rgba(255, 255, 255, 0.78);
        box-shadow: none;
  }
  .client-logo-tile img{
        padding: 6px;
  }
  .insight-news-section{
        background:
          radial-gradient(circle at 50% 0%, rgba(23, 105, 255, 0.08), transparent 32%),
          linear-gradient(180deg, #f8fbff 0%, #f4f8ff 100%);
  }
  .insight-board{
        gap: 12px;
  }
  .platform-news-panel,
.knowledge-panel{
        padding: 16px;
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.84);
  }
  .insight-panel-head{
        margin-bottom: 10px;
        padding-bottom: 10px;
  }
  .insight-panel-head h3{
        font-size: 18px;
  }
  .insight-panel-head span,
.insight-panel-head > a{
        height: 25px;
        padding-inline: 9px;
        border-radius: 999px;
        font-size: 11px;
  }
  .platform-news-list::before{
        display: none;
  }
  .platform-news-item,
.knowledge-item{
        min-height: 0;
        border: 0;
        border-bottom: 1px solid rgba(218, 228, 247, 0.8);
        border-radius: 0;
        background: transparent;
        box-shadow: none;
  }
  .platform-news-item{
        gap: 4px;
        padding: 11px 0 11px 14px;
  }
  .platform-news-item::before{
        left: 0;
        top: 18px;
        width: 6px;
        height: 6px;
        border: 0;
  }
  .platform-news-item time,
.knowledge-item time{
        color: #6f7f98;
        font-size: 11px;
  }
  .platform-news-item strong,
.knowledge-item strong{
        color: #172344;
        font-size: 14px;
        line-height: 1.45;
  }
  .knowledge-item{
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 10px;
        padding: 11px 0;
  }
  .knowledge-item em{
        width: 28px;
        height: 28px;
        border-radius: 10px;
        font-size: 11px;
  }
  .knowledge-item time{
        grid-column: 2;
  }
  .cta{
        margin-top: 26px;
        margin-bottom: 26px;
        padding: 24px 18px 18px;
        border-radius: 24px;
  }
  .cta h2{
        font-size: 24px;
        line-height: 1.25;
  }
  .cta p{
        font-size: 13px;
        line-height: 1.58;
  }
  .cta-content{
        gap: 16px;
  }
  .cta-actions{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
  }
  .cta .btn{
        height: 42px;
        border-radius: 13px;
        font-size: 13px;
  }
  .cta-points{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-top: 14px;
  }
  .cta-points span{
        min-height: 46px;
        padding: 8px;
        border-radius: 14px;
        font-size: 11px;
  }
}
@media (max-width: 390px) {
  :root{
        --rvr-gutter: 22px;
  }
  .hero{
        padding-top: 26px;
  }
  .hero h1{
        font-size: 30px;
  }
  .hero-copy{
        font-size: 13px;
  }
  .hero-buttons .btn{
        height: 40px;
        font-size: 12px;
  }
  .hero-stat{
        min-height: 60px;
        padding: 9px;
  }
  .hero-stat strong{
        font-size: 16px;
  }
  .dash{
        padding: 14px;
  }
  .quick-entry-index .entry-card{
        grid-template-columns: 62px minmax(0, 1fr);
        column-gap: 9px;
        padding: 13px;
  }
  .quick-entry-index .entry-visual{
        width: 62px;
        height: 62px;
  }
  .quick-entry-index .entry-visual img{
        max-height: 58px;
  }
  .quick-entry-index .features li{
        font-size: 10px;
  }
  .diagnosis-form-card .option-a-proof span{
        min-height: 46px;
        font-size: 11px;
  }
  .media-logo-tile{
        height: 48px;
  }
  .media-logo-panel.is-platform-wall .media-logo-tile{
        height: 64px;
  }
  .client-logo-tile{
        height: 52px;
  }
  .cta-actions,
.cta-points{
        grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 340px) {
  .hero-buttons{
        grid-template-columns: minmax(0, 1fr);
  }
  .hero h1{
        font-size: 28px;
  }
  .quick-entry-index .scan-form{
        grid-template-columns: minmax(0, 1fr);
        height: auto;
  }
  .quick-entry-index .scan-form button{
        height: 38px;
  }
  .quick-entry-index .entry-card{
        grid-template-columns: 54px minmax(0, 1fr);
  }
  .quick-entry-index .entry-visual{
        width: 54px;
        height: 54px;
  }
  .quick-entry-index .entry-visual img{
        max-height: 50px;
  }
}
/* Mobile polish for the full-link solution cards. */
@media (max-width: 768px) {
    
    
    
    
    
    #solutions .fls-card{
        min-height: 0;
        grid-template-columns: minmax(0, 1fr);
        gap: 13px;
        padding: 16px;
        border-radius: 20px;
        background:
          linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(248, 251, 255, 0.82)),
          radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent-a) 10%, transparent), transparent 38%);
  }
    #solutions .fls-card::after{
        right: 14px;
        top: 10px;
        font-size: 28px;
        opacity: 0.38;
  }
    #solutions .fls-card-main{
        min-height: 0;
        gap: 10px;
  }
    
    
    
    #solutions .fls-card-main h2,
#solutions .fls-title-row h2{
        font-size: 19px;
        line-height: 1.24;
  }
    #solutions .fls-card-main p{
        max-width: none;
        margin-top: 0;
        font-size: 13px;
        line-height: 1.62;
  }
    #solutions .fls-card-main button{
        width: 100%;
        height: 44px;
        min-height: 44px;
        margin-top: 0;
        border-radius: 14px;
        font-size: 14px;
  }
    
    
    
    #solutions .fls-metric{
        gap: 3px;
  }
    #solutions .fls-metric em{
        font-size: 12px;
        line-height: 1.2;
  }
    #solutions .fls-metric b{
        font-size: 21px;
  }
    
    
    
    
    
    
    
    
    
    
    
}
@media (max-width: 390px) {
  #solutions .fls-card{
        gap: 12px;
        padding: 14px;
        border-radius: 18px;
  }
  
  
  #solutions .fls-card-main h2,
#solutions .fls-title-row h2{
        font-size: 18px;
  }
  #solutions .fls-card-main button{
        height: 42px;
        min-height: 42px;
  }
  
  
  
}

/* Keep the three footer navigation groups on one row on mobile. */



/* Make the article-publishing dropdown more readable and vivid. */



.chart .chart-bar-1{
    height: 28%;
}
.chart .chart-bar-2{
    height: 45%;
}
.chart .chart-bar-3{
    height: 39%;
}
.chart .chart-bar-4{
    height: 66%;
}
.chart .chart-bar-5{
    height: 57%;
}
.chart .chart-bar-6{
    height: 78%;
}
.bar .bar-fill-search{
    width: 92%;
}
.bar .bar-fill-ai{
    width: 88%;
}
.bar .bar-fill-media{
    width: 84%;
}
.quick-entry-index .entry-card.entry-ai{
    --entry-color: #1769ff;
}
.quick-entry-index .entry-card.entry-media{
    --entry-color: #6d56ff;
}
.quick-entry-index .entry-card.entry-social{
    --entry-color: #20b99b;
}
/* Auth pages */
body.auth-preview-body{
  min-height: 100vh;
  color: #101a45;
  background:
    radial-gradient(circle at 16% 8%, rgba(23, 105, 255, 0.1), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(109, 86, 255, 0.12), transparent 26%),
    linear-gradient(180deg, #eef5ff 0%, #f8fbff 38%, #ffffff 100%);
}


.auth-main{
  position: relative;
  overflow: hidden;
  background: #edf5ff;
}

.auth-main::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(237, 244, 255, 0.26) 0%, rgba(237, 244, 255, 0.14) 42%, rgba(247, 251, 255, 0.62) 66%, rgba(247, 251, 255, 0.92) 100%),
    linear-gradient(180deg, rgba(241, 247, 255, 0.36), rgba(241, 247, 255, 0.16) 48%, rgba(241, 247, 255, 0.54));
  pointer-events: none;
}

.auth-main::after{
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 75% 46%, rgba(255, 255, 255, 0.58), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.28));
  pointer-events: none;
}

.auth-hero{
  min-height: 560px;
  padding: 34px 0 44px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.auth-shell{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 450px;
  gap: 26px;
  align-items: stretch;
}

.auth-panel{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(164, 193, 248, 0.78);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: rgba(37, 78, 155, 0.13) 0 24px 62px, rgba(255, 255, 255, 0.9) 0 1px 0 inset;
  backdrop-filter: blur(16px);
}

.auth-panel-eyebrow{
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  border: 1px solid rgba(92, 151, 255, 0.28);
  border-radius: 999px;
  color: #1769ff;
  background: rgba(234, 243, 255, 0.8);
  font-size: 12px;
  font-weight: 900;
}

.auth-panel-head p,
.auth-switch{
  color: #63728e;
  font-size: 14px;
  line-height: 1.62;
}

.auth-panel{
  grid-column: 2;
  width: 100%;
  min-height: 460px;
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  padding: 24px;
}

.auth-panel-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.auth-panel-head-centered{
  justify-content: center;
  text-align: center;
}

.auth-panel-head-centered > div{
  width: 100%;
}

.auth-panel-head h2{
  margin: 9px 0 4px;
  color: #111c48;
  font-size: 26px;
  line-height: 1.25;
  font-weight: 950;
}

.auth-panel-head p{
  margin: 0;
}

.auth-mode-tabs{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 16px;
  padding: 5px;
  border: 1px solid rgba(208, 224, 250, 0.96);
  border-radius: 14px;
  background: #f2f7ff;
}

.auth-login-tabs{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.auth-mode-tabs button{
  min-height: 36px;
  border: 0;
  border-radius: 10px;
  color: #657591;
  background: transparent;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
  transition: color 0.22s, background 0.22s, box-shadow 0.22s;
}

.auth-mode-tabs button.is-active{
  color: #1769ff;
  background: #ffffff;
  box-shadow: rgba(48, 91, 174, 0.12) 0 8px 18px;
}

.auth-form{
  display: none;
  flex-direction: column;
  gap: 20px;
  margin-top: 14px;
}

.auth-form.is-active{
  display: flex;
}

.auth-field{
  display: grid;
  gap: 6px;
  color: #1d2c55;
  font-size: 13px;
  font-weight: 900;
}

.auth-field input{
  width: 100%;
  height: 40px;
  padding: 0 15px;
  border: 1px solid #d8e6ff;
  border-radius: 11px;
  outline: 0;
  color: #111c48;
  background: rgba(255, 255, 255, 0.96);
  font-size: 15px;
  font-weight: 750;
  transition: border-color 0.22s, box-shadow 0.22s, background 0.22s;
}

.auth-field input:focus{
  border-color: rgba(23, 105, 255, 0.72);
  box-shadow: rgba(23, 105, 255, 0.12) 0 0 0 4px;
}

.auth-field.is-invalid input{
  border-color: rgba(230, 69, 91, 0.8);
  background: #fff9fa;
}

.auth-password,
.auth-code{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  border: 1px solid #d8e6ff;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.96);
  transition: border-color 0.22s, box-shadow 0.22s;
}

.auth-field.is-invalid .auth-password,
.auth-field.is-invalid .auth-code{
  border-color: rgba(230, 69, 91, 0.8);
  background: #fff9fa;
}

.auth-password:focus-within,
.auth-code:focus-within{
  border-color: rgba(23, 105, 255, 0.72);
  box-shadow: rgba(23, 105, 255, 0.12) 0 0 0 4px;
}

.auth-password input,
.auth-code input{
  border: 0;
  background: transparent;
  box-shadow: none;
}

.auth-password button,
.auth-code button,
.auth-link,
.auth-switch button,
.auth-switch a{
  border: 0;
  color: #1769ff;
  background: transparent;
  font-weight: 900;
  cursor: pointer;
  text-decoration: none;
}

.auth-password button,
.auth-code button{
  min-width: 86px;
  height: 34px;
  margin-right: 8px;
  border-radius: 9px;
}

.auth-code button{
  color: #ffffff;
  background: linear-gradient(135deg, #1769ff, #6d56ff);
}

.auth-code button:disabled{
  color: #6d7892;
  background: #edf3ff;
  cursor: wait;
}

.auth-row{
  display: flex;
  align-items: center;
  gap: 12px;
}



.auth-row-end{
  justify-content: flex-end;
}

.auth-check{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #66748f;
  font-size: 13px;
  font-weight: 800;
}

.auth-check input{
  width: 16px;
  height: 16px;
  accent-color: #1769ff;
}

.auth-policy{
  align-items: flex-start;
  line-height: 1.6;
}

.auth-submit{
  width: 100%;
  min-height: 44px;
  border: 0;
  border-radius: 12px;
  color: #ffffff;
  background: linear-gradient(100deg, #1769ff 0%, #4c47ff 52%, #6d56ff 100%);
  box-shadow: rgba(23, 105, 255, 0.24) 0 16px 32px;
  font-size: 17px;
  font-weight: 950;
  cursor: pointer;
  transition: transform 0.22s, box-shadow 0.22s;
}

.auth-submit:hover,
.auth-submit:focus-visible{
  transform: translateY(-2px);
  box-shadow: rgba(23, 105, 255, 0.34) 0 20px 38px;
}

.auth-switch{
  margin: 0;
  text-align: center;
}

.auth-social-login{
  display: grid;
  justify-items: center;
  gap: 10px;
  color: #7b879f;
  font-size: 13px;
  font-weight: 850;
}

.auth-social-button{
  min-width: 116px;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid rgba(212, 226, 249, 0.95);
  border-radius: 999px;
  color: #1f2d4f;
  background: #ffffff;
  box-shadow: rgba(34, 78, 151, 0.08) 0 10px 22px;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
  transition: transform 0.22s, border-color 0.22s, box-shadow 0.22s;
}

.auth-social-button:hover,
.auth-social-button:focus-visible{
  transform: translateY(-2px);
  border-color: rgba(7, 193, 96, 0.38);
  box-shadow: rgba(7, 193, 96, 0.15) 0 14px 28px;
}

.auth-social-button img{
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.auth-modal[hidden]{
  display: none;
}

.auth-modal{
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 20px;
}

.auth-modal-backdrop{
  position: absolute;
  inset: 0;
  background: rgba(9, 20, 46, 0.46);
  backdrop-filter: blur(8px);
}

.auth-modal-card{
  position: relative;
  width: min(360px, 100%);
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: 28px 26px 24px;
  border: 1px solid rgba(222, 233, 250, 0.95);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: rgba(23, 50, 102, 0.22) 0 28px 70px;
}

.auth-modal-close{
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  color: #66748f;
  background: #f2f6ff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.auth-modal-close:hover,
.auth-modal-close:focus-visible{
  color: #1769ff;
  background: #e8f0ff;
}

.auth-modal-icon{
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(7, 193, 96, 0.1);
}

.auth-modal-icon img{
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.auth-modal-card h3{
  margin: 0;
  color: #111c48;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 950;
}

.auth-modal-card p,
.auth-modal-card small{
  margin: 0;
  color: #66748f;
  font-size: 13px;
  line-height: 1.55;
  font-weight: 800;
}

.auth-qr-frame{
  width: 184px;
  height: 184px;
  display: grid;
  place-items: center;
  margin: 4px 0 2px;
  padding: 10px;
  border: 1px solid rgba(218, 230, 249, 0.96);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: rgba(28, 69, 141, 0.08) 0 14px 28px;
}

.auth-qr-code{
  width: 160px;
  height: 160px;
  display: block;
}

.auth-feedback{
  min-height: 24px;
  display: grid;
  place-items: center;
  margin-top: auto;
  padding-top: 8px;
  color: #66748f;
  font-size: 13px;
  font-weight: 850;
}

.auth-feedback.is-error{
  color: #c72f43;
}

.auth-feedback.is-success{
  color: #1769ff;
}

@media (max-width: 992px) {
  .auth-main{
    background: #edf5ff;
  }

  .auth-main::before{
    background:
      linear-gradient(180deg, rgba(237, 244, 255, 0.62) 0%, rgba(247, 251, 255, 0.82) 44%, rgba(255, 255, 255, 0.96) 100%);
  }

  .auth-main::after{
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.42) 34%, rgba(255, 255, 255, 0.78));
  }

  .auth-hero{
    padding: 32px 0 44px;
  }

  .auth-shell{
    grid-template-columns: 1fr;
  }

  .auth-panel{
    grid-column: 1;
    width: min(450px, 100%);
    justify-self: center;
  }
}

@media (max-width: 768px) {
  .auth-shell{
    gap: 18px;
  }

  .auth-panel{
    padding: 20px;
  }

  .auth-panel-head{
    display: flex;
    gap: 12px;
  }

  .auth-mode-tabs{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    margin-top: 14px;
  }

  .auth-mode-tabs button{
    min-height: 36px;
    font-size: 13px;
  }

  .auth-panel-head p{
    font-size: 13px;
    line-height: 1.6;
  }

  .auth-panel-head h2{
    margin: 8px 0 4px;
    font-size: 24px;
  }

  .auth-form{
    gap: 20px;
    margin-top: 14px;
  }

  
}

@media (max-width: 390px) {
  .auth-hero{
    padding-top: 18px;
    padding-bottom: 30px;
  }

  .auth-panel-head h2{
    font-size: 23px;
  }

  .auth-password,
.auth-code{
    grid-template-columns: minmax(0, 1fr) 76px;
    padding-bottom: 0;
  }

  .auth-password button,
.auth-code button{
    width: auto;
    margin: 0 6px 0 0;
  }
}

@media (max-width: 340px) {
  .auth-mode-tabs button{
    font-size: 12px;
  }

  .auth-password,
.auth-code{
    grid-template-columns: 1fr;
    padding-bottom: 8px;
  }

  .auth-password button,
.auth-code button{
    width: calc(100% - 16px);
    margin: 0 8px;
  }
}

/* Single visual direction for the login preview. */
body.auth-preview-body{
  background:
    radial-gradient(circle at 12% 8%, rgba(23, 105, 255, 0.08), transparent 26%),
    radial-gradient(circle at 92% 16%, rgba(109, 86, 255, 0.1), transparent 28%),
    linear-gradient(180deg, #f3f8ff 0%, #ffffff 100%);
}

.auth-main{
  background:
    radial-gradient(circle at 16% 18%, rgba(23, 105, 255, 0.12), transparent 28%),
    radial-gradient(circle at 70% 68%, rgba(32, 198, 255, 0.1), transparent 30%),
    linear-gradient(115deg, #f7fbff 0%, #edf5ff 46%, #f9fcff 100%);
}

.auth-main::before{
  inset: 0;
  width: auto;
  transform: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.18) 44%, rgba(255, 255, 255, 0.68) 100%),
    linear-gradient(rgba(122, 159, 231, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(122, 159, 231, 0.05) 1px, transparent 1px);
  background-size: auto, 44px 44px, 44px 44px;
}

.auth-main::after{
  background:
    radial-gradient(circle at 21% 78%, rgba(32, 198, 255, 0.1), transparent 26%),
    radial-gradient(circle at 72% 20%, rgba(109, 86, 255, 0.08), transparent 28%);
}

.auth-hero{
  min-height: 620px;
  padding: 44px 0 54px;
}

.auth-shell{
  grid-template-columns: minmax(0, 720px) 450px;
  gap: 30px;
  align-items: center;
}

.auth-showcase{
  min-width: 0;
  display: grid;
  gap: 16px;
}

.auth-visual-card{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(164, 193, 248, 0.72);
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.58);
  box-shadow: rgba(38, 84, 172, 0.12) 0 24px 64px, rgba(255, 255, 255, 0.9) 0 1px 0 inset;
  backdrop-filter: blur(12px);
}

.auth-visual-card img{
  display: block;
  width: 100%;
  height: auto;
}

.auth-feature-cards{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.auth-feature-card{
  min-height: 118px;
  display: grid;
  gap: 7px;
  align-content: start;
  padding: 15px 13px;
  border: 1px solid rgba(178, 205, 250, 0.82);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: rgba(42, 91, 178, 0.08) 0 16px 34px, rgba(255, 255, 255, 0.9) 0 1px 0 inset;
  backdrop-filter: blur(14px);
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.auth-feature-card:hover{
  transform: translateY(-3px);
  border-color: rgba(23, 105, 255, 0.34);
  box-shadow: rgba(42, 91, 178, 0.13) 0 20px 40px;
}

.auth-feature-card img{
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.auth-feature-card strong{
  color: #10215b;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 950;
}

.auth-feature-card span{
  color: #6b7893;
  font-size: 11px;
  line-height: 1.55;
  font-weight: 780;
}

.auth-panel{
  align-self: center;
  min-height: 542px;
  background: rgba(255, 255, 255, 0.92);
}

@media (max-width: 992px) {
  .auth-main::before{
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.82)),
      linear-gradient(rgba(122, 159, 231, 0.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(122, 159, 231, 0.05) 1px, transparent 1px);
    background-size: auto, 42px 42px, 42px 42px;
  }

  .auth-shell{
    grid-template-columns: 1fr;
  }

  .auth-showcase{
    width: min(720px, 100%);
    justify-self: center;
  }
}

@media (max-width: 768px) {
  .auth-hero{
    padding: 24px 0 38px;
  }

  .auth-showcase{
    gap: 12px;
  }

  .auth-feature-cards{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .auth-feature-card{
    min-height: 96px;
    padding: 13px;
  }
}

@media (max-width: 460px) {
  .auth-feature-cards{
    grid-template-columns: 1fr;
  }

  .auth-feature-card{
    min-height: 76px;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
  }

  .auth-feature-card span{
    grid-column: 2;
  }
}

/* Dashboard v3 selected direction. */
.auth-hero{
  min-height: 650px;
  padding: 36px 0 46px;
}

.auth-shell{
  gap: 34px;
}

.auth-showcase-dashboard{
  position: relative;
  align-self: center;
  min-height: 646px;
  gap: 0;
}

.auth-left-copy{
  position: relative;
  z-index: 2;
  max-width: none;
  padding-left: 4px;
}

.auth-left-copy h1{
  margin: 0;
  color: #101a45;
  font-size: 38px;
  line-height: 1.16;
  font-weight: 950;
  letter-spacing: 0;
  white-space: nowrap;
}

.auth-left-copy h1 span{
  display: inline-block;
  margin-right: 7px;
  color: #1769ff;
}

.auth-left-copy p{
  max-width: 640px;
  margin: 16px 0 0;
  color: #5d6d8e;
  font-size: 15px;
  line-height: 1.85;
  font-weight: 760;
}

.auth-dashboard-visual{
  position: absolute;
  z-index: 0;
  inset: 168px -4px 86px -10px;
  overflow: visible;
  min-height: 390px;
  margin-top: 0;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 48% 52%, rgba(95, 166, 255, 0.14), transparent 42%),
    url("../img/dashboard-fade.png?v=bg-layer-20260617-1657") center bottom / contain no-repeat;
  box-shadow: none;
  backdrop-filter: none;
  pointer-events: none;
}

.auth-dashboard-visual img{
  display: none;
  width: 100%;
  max-height: none;
  object-fit: contain;
  filter: none;
}

.auth-stat-cards{
  position: relative;
  z-index: 2;
  gap: 10px;
  margin-top: auto;
  padding-top: 426px;
}

.auth-stat-card{
  position: relative;
  overflow: hidden;
  min-height: 78px;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-areas:
    "icon value"
    "icon label";
  align-items: center;
  align-content: center;
  column-gap: 10px;
  row-gap: 2px;
  padding: 13px 14px;
  border-radius: 14px;
  border-color: rgba(178, 205, 250, 0.86);
  background: rgba(255, 255, 255, 0.82);
  cursor: default;
  transform: translateY(0);
  transition:
    transform 0.24s ease,
    border-color 0.24s ease,
    box-shadow 0.24s ease,
    background 0.24s ease;
}

.auth-stat-card::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.68) 42%, transparent 72%);
  opacity: 0;
  transform: translateX(-36%);
  transition: opacity 0.24s ease, transform 0.46s ease;
  pointer-events: none;
}

.auth-stat-card:hover,
.auth-stat-card:focus-within{
  transform: translateY(-7px) scale(1.015);
  border-color: rgba(23, 105, 255, 0.32);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: rgba(42, 91, 178, 0.16) 0 22px 44px, rgba(255, 255, 255, 0.95) 0 1px 0 inset;
}

.auth-stat-card:hover::before,
.auth-stat-card:focus-within::before{
  opacity: 1;
  transform: translateX(38%);
}

.auth-stat-card img{
  grid-area: icon;
  width: 30px;
  height: 30px;
}

.auth-stat-card strong{
  grid-area: value;
  color: #10215b;
  font-size: 22px;
  line-height: 1;
}

.auth-stat-card span{
  grid-area: label;
  color: #62728f;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 850;
}

@media (max-width: 992px) {
  .auth-showcase-dashboard{
    min-height: 640px;
  }

  .auth-left-copy{
    text-align: center;
    justify-self: center;
  }

  .auth-left-copy h1{
    font-size: 35px;
  }

  .auth-left-copy p{
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 768px) {
  .auth-showcase-dashboard{
    min-height: auto;
  }

  .auth-left-copy h1{
    font-size: 34px;
    white-space: normal;
  }

  .auth-left-copy p{
    font-size: 14px;
    line-height: 1.75;
  }

  .auth-dashboard-visual{
    position: relative;
    inset: auto;
    min-height: 264px;
    margin-top: 8px;
    background-position: center center;
  }

  .auth-stat-cards{
    padding-top: 14px;
  }

  .auth-stat-card{
    min-height: 72px;
  }
}

@media (max-width: 460px) {
  .auth-left-copy{
    text-align: left;
  }

  .auth-left-copy h1{
    font-size: 29px;
    line-height: 1.24;
  }

  .auth-left-copy p{
    margin-top: 12px;
    font-size: 13px;
  }

  .auth-dashboard-visual{
    min-height: 210px;
  }

  .auth-stat-cards{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .auth-stat-card{
    min-height: 68px;
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 11px;
  }

  .auth-stat-card img{
    width: 26px;
    height: 26px;
  }

  .auth-stat-card strong{
    font-size: 18px;
  }

.auth-stat-card span{
    grid-column: auto;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  .auth-showcase{
    display: none;
  }

  .auth-hero{
    min-height: auto;
    padding: 28px 0 36px;
  }

  .auth-shell{
    gap: 0;
  }

  .auth-panel{
    width: min(450px, 100%);
  }
}

.title-reveal-ready [data-title-reveal]{
  position: relative;
  opacity: 0;
  transform: translate3d(0, 22px, 0) scale(0.985);
  filter: blur(5px);
  transition:
    opacity 720ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 720ms cubic-bezier(0.22, 1, 0.36, 1),
    filter 720ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--title-reveal-delay, 0ms);
  will-change: opacity, transform, filter;
}

.title-reveal-ready [data-title-reveal] .accent{
  transition:
    color 620ms ease,
    text-shadow 780ms ease;
  transition-delay: calc(var(--title-reveal-delay, 0ms) + 160ms);
}

.title-reveal-ready [data-title-reveal].is-title-visible{
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}

.title-reveal-ready [data-title-reveal].is-title-visible .accent{
  text-shadow: 0 12px 28px rgba(23, 105, 255, 0.2);
}

.title-reveal-ready [data-title-reveal] + .section-title-accent,
.title-reveal-ready [data-title-reveal] + .site-title-accent,
.title-reveal-ready [data-title-reveal] + .fls-accent{
  opacity: 0;
  transform: scaleX(0.18);
  transform-origin: center;
  transition:
    opacity 520ms ease,
    transform 680ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: calc(var(--title-reveal-delay, 0ms) + 220ms);
}

.title-reveal-ready [data-title-reveal].is-title-visible + .section-title-accent,
.title-reveal-ready [data-title-reveal].is-title-visible + .site-title-accent,
.title-reveal-ready [data-title-reveal].is-title-visible + .fls-accent{
  opacity: 1;
  transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
  .title-reveal-ready [data-title-reveal],
.title-reveal-ready [data-title-reveal] + .section-title-accent,
.title-reveal-ready [data-title-reveal] + .site-title-accent,
.title-reveal-ready [data-title-reveal] + .fls-accent{
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
}

/* Web media resources list page */










































































































































































/* Resource page visual refresh aligned with index.html */






























































































































/* Shared display-page system: extracted from the approved index.html style. */
:root{
  --site-container: 1200px;
  --site-container-gutter: 64px;
  --site-blue: var(--blue);
  --site-purple: var(--purple);
  --site-cyan: var(--cyan);
  --site-ink: var(--type-ink, #162048);
  --site-body: var(--type-body, #54637d);
  --site-muted: var(--type-muted, #5e6b84);
  --site-soft: var(--type-soft, #7888a4);
  --site-line: rgba(173, 204, 255, 0.72);
  --site-line-strong: rgba(173, 204, 255, 0.86);
  --site-page-bg: linear-gradient(180deg, #fbfdff 0%, #f2f7ff 52%, #ffffff 100%);
  --site-banner-bg: radial-gradient(circle at 80% 28%, rgba(77, 67, 255, 0.18), transparent 23%),
    radial-gradient(circle at 94% 72%, rgba(8, 199, 255, 0.18), transparent 30%),
    linear-gradient(112deg, #eef5ff 0%, #ffffff 43%, #edf3ff 100%);
  --site-card-bg: radial-gradient(circle at 12% 10%, rgba(23, 105, 255, 0.08), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.97), rgba(246,250,255,.92) 58%, rgba(233,242,255,.9));
  --site-panel-bg: linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,253,255,.96));
  --site-primary-gradient: linear-gradient(105deg, rgb(8, 110, 255) 0%, rgb(53, 85, 255) 56%, rgb(105, 75, 255) 100%);
  --site-cyan-gradient: linear-gradient(100deg, rgb(8, 111, 255), rgb(32, 198, 255));
  --site-title-gradient: linear-gradient(90deg, rgb(5, 120, 255) 0%, rgb(49, 88, 255) 46%, rgb(123, 66, 255) 100%);
  --site-radius-sm: 10px;
  --site-radius-md: 16px;
  --site-radius-lg: 24px;
  --site-radius-xl: 28px;
  --site-shadow-soft: 0 14px 30px rgba(37, 78, 155, 0.10);
  --site-shadow-card: inset 0 1px 0 rgba(255,255,255,.96), 0 22px 52px rgba(44, 91, 178, 0.10);
  --site-shadow-hover: inset 0 1px 0 rgba(255,255,255,.82), 0 26px 58px rgba(23, 105, 255, 0.14);
  --site-section-y: 94px;
  --site-section-y-compact: 64px;
  --site-gap-sm: 12px;
  --site-gap-md: 20px;
  --site-gap-lg: 34px;
  --site-gap-xl: 48px;
}

.site-page{
  min-height: 100vh;
  color: var(--site-ink);
  background: var(--site-page-bg);
  overflow-x: hidden;
}

.site-container{
  width: var(--site-container);
  max-width: calc(100vw - var(--site-container-gutter));
  margin: 0 auto;
}

.site-section{
  position: relative;
  overflow: hidden;
  padding: var(--site-section-y) 0;
}

.site-section.is-compact{
  padding: var(--site-section-y-compact) 0;
}

.site-banner{
  position: relative;
  overflow: hidden;
  min-height: 430px;
  padding: 118px 0 72px;
  background: var(--site-banner-bg);
  isolation: isolate;
}

.site-banner::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(23, 105, 255, 0.045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(23, 105, 255, 0.045) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: radial-gradient(circle at 20% 22%, #000 0 30%, transparent 62%);
  pointer-events: none;
}

.site-banner::after{
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(23, 105, 255, 0.65), rgba(32, 198, 255, 0.45), transparent);
  pointer-events: none;
}

.site-banner-grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 56px;
  align-items: center;
}



.site-heading{
  max-width: 850px;
  margin: 0 auto var(--site-gap-xl);
  text-align: center;
}

.site-heading.is-left{
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

.site-title{
  margin: 0;
  color: var(--site-ink);
  font-size: var(--type-section-title, 40px);
  line-height: 1.28;
  font-weight: 950;
  letter-spacing: 0;
}

.site-banner-title{
  margin: 18px 0 0;
  color: var(--site-ink);
  font-size: 56px;
  line-height: 1.16;
  font-weight: 950;
  letter-spacing: 0;
}

.site-title .accent,
.site-banner-title .accent{
  color: var(--site-blue);
  background: var(--site-title-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(rgba(48, 76, 255, 0.15) 0px 7px 12px);
}

.site-title-accent{
  width: 48px;
  height: 3px;
  margin: var(--space-heading-accent, 14px) auto var(--space-heading-subtitle, 18px);
  border-radius: 999px;
  background: linear-gradient(90deg, var(--site-blue), var(--site-cyan));
}

.site-heading.is-left .site-title-accent{
  margin-left: 0;
}

.site-subtitle,
.site-banner-copy{
  margin: 0;
  color: var(--site-body);
  font-size: var(--type-body-size, 15px);
  line-height: 1.8;
  font-weight: 650;
}

.site-banner-copy{
  max-width: 650px;
  margin-top: 18px;
  font-size: 17px;
}

.site-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.site-btn{
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 132px;
  height: 46px;
  padding: 0 22px;
  border: 1px solid rgb(158, 195, 255);
  border-radius: var(--site-radius-sm);
  color: var(--site-blue);
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  text-decoration: none;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, filter .25s ease;
}

.site-btn:hover,
.site-btn:focus-visible{
  transform: translateY(-3px);
  border-color: rgb(75, 142, 255);
  box-shadow: 0 13px 26px rgba(19, 94, 235, 0.22);
}

.site-btn.is-primary{
  color: #fff;
  border-color: rgb(14, 105, 246);
  background: var(--site-primary-gradient);
  box-shadow: rgba(32, 84, 230, 0.30) 0 16px 34px;
}



.site-btn.is-ghost{
  color: var(--site-blue);
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(239,246,255,.92));
  border-color: var(--site-line-strong);
}

.site-card{
  position: relative;
  overflow: hidden;
  border: 1px solid var(--site-line-strong);
  border-radius: var(--site-radius-lg);
  background: var(--site-card-bg);
  box-shadow: var(--site-shadow-card);
  isolation: isolate;
  transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease, background .32s ease;
}

.site-card::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  background: radial-gradient(circle at 18% 12%, rgba(32, 198, 255, 0.12), transparent 36%),
    linear-gradient(135deg, rgba(23, 105, 255, 0.06), rgba(32, 198, 255, 0.08));
  transition: opacity .32s ease;
}

.site-card:hover{
  transform: translateY(-8px);
  border-color: rgba(93, 143, 240, 0.68);
  box-shadow: var(--site-shadow-hover);
}

.site-card:hover::before{
  opacity: 1;
}

.site-card-pad{
  padding: 24px;
}

.site-panel{
  border: 1px solid var(--site-line);
  border-radius: var(--site-radius-lg);
  background: var(--site-panel-bg);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96), var(--site-shadow-soft);
}

.site-icon-box{
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid color-mix(in srgb, var(--site-blue) 18%, #d9e8ff);
  border-radius: 17px;
  background: radial-gradient(circle at 32% 24%, rgba(255,255,255,.96), rgba(255,255,255,0) 35%),
    linear-gradient(145deg, color-mix(in srgb, var(--site-blue) 12%, #fff), color-mix(in srgb, var(--site-cyan) 16%, #eef7ff));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 16px 32px rgba(23, 105, 255, 0.16);
}

.site-icon-box img{
  width: 36px;
  height: 36px;
  object-fit: contain;
  display: block;
}

.site-grid-2{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--site-gap-md);
}

.site-grid-3{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--site-gap-md);
}

.site-grid-4{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--site-gap-md);
}



.site-chip{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid var(--site-line);
  border-radius: 999px;
  color: var(--site-body);
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(239,246,255,.9));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
  font-size: 13px;
  font-weight: 800;
}

.site-chip.is-active{
  color: #fff;
  border-color: transparent;
  background: var(--site-cyan-gradient);
}





@media (max-width: 1280px) {
  .site-banner-grid{
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 34px;
  }

  .site-banner-title{
    font-size: 48px;
  }
}

@media (max-width: 980px) {
  .site-banner-grid,
.site-grid-2,
.site-grid-3,
.site-grid-4{
    grid-template-columns: minmax(0, 1fr);
  }

  

  
}

@media (max-width: 620px) {
  :root{
    --site-container-gutter: 32px;
    --site-section-y: 58px;
    --site-section-y-compact: 42px;
  }

  .site-banner{
    min-height: 0;
    padding: 94px 0 48px;
  }

  .site-banner-title{
    font-size: 38px;
    line-height: 1.22;
  }

  .site-title{
    font-size: 30px;
  }

  .site-actions .site-btn{
    flex: 1 1 132px;
    min-width: 0;
  }

  .site-card-pad{
    padding: 20px;
  }
}

/* About page - option 1 faithful recreation */
.about-replica{
  --ar-ink: #071435;
  --ar-blue: #0b63ff;
  --ar-blue-2: #1a82ff;
  --ar-body: #30405f;
  --ar-muted: #66758d;
  --ar-line: rgba(168, 202, 255, .62);
  background:
    linear-gradient(180deg, #f3f9ff 0, #ffffff 30%, #f3f9ff 100%);
  color: var(--ar-ink);
}


.ar-hero{
  min-height: 500px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(248,252,255,.96) 0%, rgba(248,252,255,.9) 34%, rgba(248,252,255,.36) 62%, rgba(248,252,255,.06) 100%),
    url("../img/about-us-hero-banner.png") center / cover no-repeat;
}

.ar-hero-inner{
  display: grid;
  grid-template-columns: minmax(0, 620px) minmax(0, 1fr);
  gap: 54px;
  align-items: center;
  min-height: 500px;
}

.ar-hero-copy h1{
  margin: 0;
  color: #071435;
  font-size: 46px;
  line-height: 1.2;
  font-weight: 950;
  letter-spacing: 0;
  white-space: nowrap;
}

.ar-hero-copy h1 span{
  color: #075bdf;
}

.ar-hero-copy h2{
  margin: 20px 0 0;
  color: #071435;
  font-size: 22px;
  line-height: 1.45;
  font-weight: 950;
}

.ar-hero-copy p{
  margin: 14px 0 0;
  color: var(--ar-body);
  font-size: 15px;
  line-height: 1.85;
}

.ar-actions,
.ar-chip-row{
  display: flex;
  align-items: center;
  gap: 18px;
}











.ar-chips{
  margin-top: -78px;
  position: relative;
  z-index: 2;
  padding-bottom: 34px;
}

.ar-chip-row{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: 18px;
}

.ar-chip-card{
  min-height: 132px;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  padding: 24px 24px;
  border: 1px solid rgba(173, 204, 255, .72);
  border-radius: 24px;
  background:
    radial-gradient(circle at 18% 14%, rgba(88, 190, 255, .13), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(246,250,255,.94) 58%, rgba(234,243,255,.92));
  color: #1d335a;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.94), 0 18px 42px rgba(44, 91, 178, .12);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.ar-chip-card:hover{
  transform: translateY(-4px);
  border-color: rgba(93, 143, 240, .68);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 24px 52px rgba(44, 91, 178, .16);
}

.ar-chip-card img{
  width: 74px;
  height: 74px;
  object-fit: contain;
  filter: drop-shadow(0 18px 22px rgba(47, 98, 255, .2)) saturate(1.04);
}

.ar-chip-card strong{
  display: block;
  color: #071435;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 950;
}

.ar-chip-card p{
  margin: 9px 0 0;
  color: #52617d;
  font-size: 13px;
  line-height: 1.55;
  font-weight: 750;
}

.ar-about{
  padding: 18px 0 26px;
}

.ar-about-card{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 570px;
  gap: 52px;
  align-items: center;
  padding: 34px 36px;
  border: 1px solid var(--ar-line);
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 20px 50px rgba(42, 88, 160, .12);
}

.ar-about-copy h2,
.ar-title{
  margin: 0;
  color: var(--ar-ink);
  font-size: 34px;
  line-height: 1.25;
  font-weight: 950;
  letter-spacing: 0;
}

.ar-about-copy h2::after,
.ar-title-line{
  content: "";
  display: block;
  width: 42px;
  height: 4px;
  margin-top: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, #0a67ff, #28c8ff);
}

.ar-about-copy p{
  margin: 16px 0 0;
  color: var(--ar-body);
  font-size: 14px;
  line-height: 1.9;
}











.ar-office{
  width: 100%;
  height: 344px;
  object-fit: cover;
  border-radius: 14px;
}

.ar-position{
  padding: 24px 0 42px;
}

.ar-position-panel{
  position: relative;
  overflow: hidden;
  padding: 48px 48px 34px;
  border: 1px solid var(--ar-line);
  border-radius: 18px;
  background:
    radial-gradient(circle at 78% 13%, rgba(23,105,255,.18), transparent 30%),
    linear-gradient(120deg, rgba(255,255,255,.98), rgba(241,248,255,.94));
  box-shadow: 0 22px 58px rgba(42, 88, 160, .12);
}

.ar-position-panel::after{
  content: "";
  position: absolute;
  right: 58px;
  top: 38px;
  width: 360px;
  height: 210px;
  border-radius: 50%;
  background:
    radial-gradient(ellipse at center, rgba(75, 150, 255, .22), rgba(255,255,255,.02) 58%, transparent 70%);
  pointer-events: none;
}

.ar-position-orbit{
  position: absolute;
  right: 38px;
  top: 28px;
  width: 470px;
  height: 270px;
  object-fit: contain;
  opacity: .46;
  filter: saturate(1.04) brightness(1.08);
  pointer-events: none;
}

.ar-position-head{
  max-width: 820px;
  position: relative;
  z-index: 1;
}

.ar-position-head > span{
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 18px;
  border: 1px solid rgba(152,197,255,.72);
  border-radius: 999px;
  background: rgba(237,247,255,.72);
  color: var(--ar-blue);
  font-size: 14px;
  font-weight: 900;
}

.ar-position-head h2{
  margin: 24px 0 0;
  color: var(--ar-ink);
  font-size: 46px;
  line-height: 1.2;
  font-weight: 950;
  letter-spacing: 0;
  white-space: nowrap;
}

.ar-position-head h2 em{
  color: #317bff;
  font-style: normal;
}

.ar-position-head p{
  margin: 22px 0 0;
  color: var(--ar-body);
  font-size: 16px;
  line-height: 1.85;
}











.ar-platform-grid{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  margin-top: 34px;
}

.ar-platform-grid article{
  position: relative;
  min-height: 362px;
  padding: 22px 26px 64px;
  border: 1px solid rgba(204, 224, 255, .86);
  border-radius: 22px;
  background:
    radial-gradient(circle at 16% 8%, rgba(80, 166, 255, .12), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.99));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 18px 42px rgba(45, 96, 178, .11);
  transform: translateY(0);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease;
  will-change: transform;
}

.ar-platform-grid article::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255,255,255,.58), rgba(64,151,255,.12));
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s ease;
}

.ar-platform-grid article:hover,
.ar-platform-grid article:focus-within{
  transform: translateY(-8px);
  border-color: rgba(92, 153, 255, .78);
  background:
    radial-gradient(circle at 18% 10%, rgba(80, 166, 255, .18), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,251,255,1));
  box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 28px 62px rgba(45, 96, 178, .2);
}

.ar-platform-grid article:hover::before,
.ar-platform-grid article:focus-within::before{
  opacity: 1;
}

.ar-platform-visual{
  height: 150px;
  margin: -4px -10px 26px;
  overflow: visible;
  border-radius: 18px;
  background: transparent;
}

.ar-platform-visual img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
  transform: translateY(0) scale(1);
  transition: transform .32s ease, filter .32s ease;
}

.ar-platform-grid article:hover .ar-platform-visual img,
.ar-platform-grid article:focus-within .ar-platform-visual img{
  transform: translateY(-6px) scale(1.04);
  filter: drop-shadow(0 16px 22px rgba(31, 106, 230, .18));
}

.ar-platform-grid h3{
  margin: 0;
  color: var(--ar-ink);
  font-size: 25px;
  line-height: 1.35;
  font-weight: 950;
  text-align: center;
}

.ar-platform-grid h3::after{
  content: none;
}

.ar-platform-grid p{
  margin: 18px 0 0;
  color: var(--ar-body);
  font-size: 15px;
  line-height: 1.86;
  font-weight: 750;
}

.ar-platform-grid a{
  position: absolute;
  right: 26px;
  bottom: 24px;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(172,207,255,.82);
  border-radius: 50%;
  color: var(--ar-blue);
  font-size: 18px;
  font-weight: 950;
  text-decoration: none;
  background: #fff;
  box-shadow: 0 10px 20px rgba(42, 88, 160, .10);
  transition: transform .24s ease, color .24s ease, background .24s ease, box-shadow .24s ease;
}

.ar-platform-grid article:hover a,
.ar-platform-grid article:focus-within a{
  color: #fff;
  background: linear-gradient(135deg, #1769ff, #28c8ff);
  box-shadow: 0 14px 26px rgba(23, 105, 255, .25);
  transform: translateX(2px);
}

.ar-why,
.ar-cert-section,
.ar-logo-wall{
  padding: 38px 0 28px;
}





.ar-why-layout{
  display: grid;
  grid-template-columns: minmax(0, 520px) minmax(0, 1fr);
  gap: 42px;
  align-items: center;
}





.ar-why-copy > p{
  max-width: 520px;
  margin: -8px 0 24px;
  color: #50617d;
  font-size: 16px;
  line-height: 1.85;
}

.ar-why-list{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.ar-why-list article{
  position: relative;
  min-height: 168px;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 16px;
  align-content: start;
  padding: 22px 20px 24px;
  border: 1px solid rgba(181, 211, 255, .72);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(245,250,255,.86));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease;
}

.ar-why-list article:hover{
  transform: translateY(-8px);
  border-color: rgba(77, 143, 255, .88);
  background: #fff;
  box-shadow: 0 24px 46px rgba(37, 91, 185, .16), inset 0 1px 0 rgba(255,255,255,1);
}

.ar-why-list img{
  width: 54px;
  height: 54px;
  object-fit: contain;
}

.ar-why-list h3{
  margin: 0;
  color: var(--ar-ink);
  font-size: 20px;
  line-height: 1.25;
  font-weight: 950;
}

.ar-why-list p{
  margin: 10px 0 0;
  color: #5d6b83;
  font-size: 14px;
  line-height: 1.7;
}

.ar-why-list span{
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  background: linear-gradient(135deg, #1769ff, #21c5ff);
  box-shadow: 0 10px 20px rgba(23, 105, 255, .22);
}

.ar-why-visual{
  position: relative;
  min-width: 0;
}

.ar-why-visual img{
  width: 100%;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 24px 34px rgba(42, 88, 160, .12));
}

.ar-cert-section{
  background: linear-gradient(180deg, rgba(235,247,255,.66), rgba(255,255,255,0));
}

.ar-cert-carousel{
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 46px;
  align-items: center;
  gap: 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ar-cert-window{
  overflow: visible;
  min-width: 0;
  padding: 18px 4px 28px;
}

.ar-cert-row{
  display: flex;
  gap: 16px;
  overflow-x: auto;
  overflow-y: visible;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding: 42px 6px 28px;
  clip-path: inset(-70px 0 -44px 0);
  mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
}

.ar-cert-row::-webkit-scrollbar{
  display: none;
}

.ar-cert-sheet{
  position: relative;
  flex: 0 0 calc((100% - 48px) / 4);
  width: calc((100% - 48px) / 4);
  aspect-ratio: 3 / 4.15;
  overflow: hidden;
  border: 1px solid rgba(164, 202, 255, .92);
  border-radius: 6px;
  background:
    linear-gradient(90deg, transparent 10%, rgba(92, 164, 255, .18) 10% 12%, transparent 12% 88%, rgba(92, 164, 255, .18) 88% 90%, transparent 90%),
    linear-gradient(180deg, #f8fcff, #fff);
  box-shadow: none;
  scroll-snap-align: start;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, filter .28s ease;
}

.ar-cert-nav{
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(154, 194, 255, .78);
  border-radius: 50%;
  background: rgba(255, 255, 255, .92);
  color: #1769ff;
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
  box-shadow: none;
  cursor: pointer;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease, opacity .24s ease;
}

.ar-cert-nav:hover:not(:disabled){
  transform: translateY(-3px);
  border-color: rgba(77, 143, 255, .95);
  box-shadow: 0 12px 24px rgba(37, 91, 185, .14);
}

.ar-cert-nav:disabled{
  opacity: .38;
  cursor: default;
  box-shadow: none;
}

.ar-cert-sheet:hover{
  transform: translateY(-10px) scale(1.035);
  border-color: rgba(77, 143, 255, .96);
  box-shadow:
    0 24px 46px rgba(37, 91, 185, .20),
    0 0 0 5px rgba(23,105,255,.055);
  filter: saturate(1.04) contrast(1.03);
}

@media (max-width: 980px) {
  .ar-cert-carousel{
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    gap: 10px;
  }

  .ar-cert-nav{
    width: 42px;
    height: 42px;
    font-size: 28px;
  }

  .ar-cert-sheet{
    flex-basis: calc((100% - 16px) / 2);
    width: calc((100% - 16px) / 2);
  }
}

@media (max-width: 620px) {
  .ar-cert-carousel{
    grid-template-columns: 38px minmax(0, 1fr) 38px;
    gap: 8px;
  }

  .ar-cert-window{
    padding: 16px 2px 24px;
  }

  .ar-cert-nav{
    width: 38px;
    height: 38px;
    font-size: 25px;
  }

  .ar-cert-sheet{
    flex-basis: 100%;
    width: 100%;
  }
}

.ar-cert-sheet::before{
  content: "";
  position: absolute;
  inset: 12px;
  border: 2px solid rgba(54, 154, 224, .42);
  border-radius: 3px;
  background:
    repeating-linear-gradient(180deg, transparent 0 16px, rgba(31, 64, 103, .10) 16px 18px),
    radial-gradient(circle at 78% 82%, rgba(220, 24, 24, .52), transparent 15%);
}

.ar-cert-sheet::after{
  content: "软件著作权";
  position: absolute;
  left: 50%;
  top: 26px;
  transform: translateX(-50%);
  width: 86%;
  color: #1d4d86;
  font-size: 13px;
  font-weight: 950;
  text-align: center;
}

.ar-logo-wall{
  padding-bottom: 34px;
}








@media (max-width: 980px) {
  .ar-hero-inner,
.ar-about-card{
    grid-template-columns: 1fr;
  }

  .ar-platform-grid,
.ar-cert-row,
.ar-chip-row{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ar-why-layout{
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .ar-why-copy .ar-title,
.ar-why-copy > p{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  

  
}

@media (max-width: 620px) {
  .ar-hero-copy h1,
.ar-position-head h2{
    font-size: 36px;
  }

  .ar-hero-copy h1{
    white-space: normal;
  }

  .ar-position-head h2{
    white-space: normal;
  }

  .ar-hero-inner{
    min-height: 0;
    padding: 58px 0 80px;
  }

  .ar-chips{
    margin-top: -48px;
  }

  .ar-chip-row{
    grid-template-columns: 1fr;
  }

  .ar-chip-card{
    min-height: 112px;
    padding: 18px;
    border-radius: 18px;
  }

  .ar-position-panel,
.ar-about-card{
    padding: 22px;
  }

  .ar-platform-grid,
.ar-cert-row{
    grid-template-columns: 1fr;
  }

  .ar-why-list{
    grid-template-columns: 1fr;
  }

  .ar-why-list article{
    min-height: 0;
  }
}

/* About page alignment with the shared display-page system */
.about-replica{
  --ar-ink: var(--site-ink);
  --ar-blue: var(--site-blue);
  --ar-blue-2: var(--site-cyan);
  --ar-body: var(--site-body);
  --ar-muted: var(--site-muted);
  --ar-line: var(--site-line);
  background: var(--site-page-bg);
}

.about-page .site-section{
  padding-top: var(--site-section-y-compact);
  padding-bottom: var(--site-section-y-compact);
}

.about-page .site-heading{
  margin-bottom: var(--site-gap-lg);
}

.about-page .site-heading .site-subtitle{
  margin-top: 0;
}

.ar-hero.site-banner{
  min-height: 448px;
  display: block;
  padding: 96px 0 56px;
  background:
    linear-gradient(90deg, rgba(248, 252, 255, .98) 0%, rgba(248, 252, 255, .94) 34%, rgba(248, 252, 255, .72) 52%, rgba(248, 252, 255, .2) 72%, rgba(248, 252, 255, 0) 100%),
    url("../img/media-list-banner-network.webp") center / cover no-repeat;
}

.ar-hero.site-banner::after{
  content: none;
}

.ar-hero.site-banner::before{
  content: none;
}

.ar-hero-inner.site-banner-grid{
  min-height: 0;
  grid-template-columns: minmax(0, 760px);
  gap: 0;
}

.ar-hero-copy h1{
  white-space: normal;
}

.ar-hero-copy h1 span{
  color: var(--site-blue);
}

.ar-hero-copy .site-actions{
  margin-top: 30px;
}

.ar-hero-copy .site-banner-copy{
  max-width: 650px;
  margin-top: 18px;
  font-size: 17px;
  line-height: 1.8;
}





.ar-chips{
  margin-top: -78px;
  padding-top: 0;
  padding-bottom: 34px;
}

.ar-chip-row{
  display: grid;
  gap: var(--site-gap-md);
}

.ar-chip-card{
  min-height: 126px;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 18px;
  padding: 22px;
  border-radius: var(--site-radius-lg);
}

.ar-chip-card .site-icon-box img,
.ar-why-list .site-icon-box img{
  width: 36px;
  height: 36px;
  filter: none;
}

.ar-about{
  padding-top: var(--site-section-y-compact);
}

.ar-about-card{
  grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
  gap: var(--site-gap-xl);
  padding: 38px;
  border-color: var(--site-line);
  border-radius: var(--site-radius-lg);
  background: var(--site-panel-bg);
  box-shadow: var(--site-shadow-soft);
}

.ar-about-copy h2::after{
  content: none;
}

.ar-about-copy{
  position: relative;
  overflow: hidden;
  padding: 24px 26px 26px;
  border-radius: var(--site-radius-lg);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .93) 56%, rgba(255, 255, 255, .76) 100%),
    url("../img/about-section-bg.webp") center right / cover no-repeat;
}

.ar-about-copy::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 14%, rgba(20, 126, 255, .08), transparent 32%),
    linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .56));
  pointer-events: none;
}

.ar-about-copy > *{
  position: relative;
  z-index: 1;
}

.ar-about-copy p{
  color: var(--site-body);
  font-size: var(--site-body-size, 15px);
}

.ar-office{
  border-radius: var(--site-radius-md);
  box-shadow: var(--site-shadow-card);
}

.ar-about-contact-grid{
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 2px;
}

.ar-about-contact-card{
  position: relative;
  overflow: hidden;
  min-height: 118px;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  padding: 20px 22px;
  border: 1px solid rgba(173, 204, 255, .76);
  border-radius: 18px;
  background:
    radial-gradient(circle at 12% 16%, rgba(23, 105, 255, .12), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(244,249,255,.9));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 16px 34px rgba(37, 78, 155, .09);
}

.ar-about-contact-card::after{
  content: "";
  position: absolute;
  right: -38px;
  top: -46px;
  width: 124px;
  height: 124px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(32, 198, 255, .16), rgba(23, 105, 255, 0) 62%);
  pointer-events: none;
}

.ar-about-contact-icon{
  position: relative;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(111, 178, 255, .36);
  border-radius: 18px;
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.94), rgba(255,255,255,0) 34%),
    linear-gradient(145deg, rgba(232,244,255,.98), rgba(213,236,255,.9));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 14px 26px rgba(23, 105, 255, .14);
}

.ar-about-contact-icon::before,
.ar-about-contact-icon::after{
  content: "";
  position: absolute;
  box-sizing: border-box;
}

.ar-about-contact-icon.is-company::before{
  width: 24px;
  height: 28px;
  border: 2px solid #1769ff;
  border-radius: 5px 5px 3px 3px;
  background:
    linear-gradient(90deg, transparent 0 7px, rgba(23,105,255,.22) 7px 9px, transparent 9px 15px, rgba(23,105,255,.22) 15px 17px, transparent 17px),
    linear-gradient(180deg, transparent 0 8px, rgba(23,105,255,.18) 8px 10px, transparent 10px 18px, rgba(23,105,255,.18) 18px 20px, transparent 20px);
}

.ar-about-contact-icon.is-company::after{
  width: 34px;
  height: 7px;
  left: 12px;
  bottom: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(23,105,255,.2), rgba(32,198,255,.34));
}

.ar-about-contact-icon.is-address::before{
  width: 25px;
  height: 31px;
  border: 2px solid #1769ff;
  border-radius: 50% 50% 50% 6px;
  transform: rotate(-45deg);
  background: rgba(255,255,255,.54);
}

.ar-about-contact-icon.is-address::after{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #20c6ff;
  box-shadow: 0 0 0 5px rgba(32,198,255,.15);
}

.ar-about-contact-icon.is-service::before{
  width: 30px;
  height: 24px;
  border: 2px solid #1769ff;
  border-bottom-color: transparent;
  border-radius: 18px 18px 8px 8px;
}

.ar-about-contact-icon.is-service::after{
  width: 28px;
  height: 18px;
  border-left: 4px solid #20c6ff;
  border-right: 4px solid #20c6ff;
  border-radius: 8px;
  box-shadow: 11px 14px 0 -8px #1769ff;
}

.ar-about-contact-card b{
  display: block;
  margin-bottom: 8px;
  color: var(--site-blue);
  font-size: 13px;
  line-height: 1.25;
  font-weight: 950;
}

.ar-about-contact-card strong{
  display: block;
  color: var(--site-ink);
  font-size: 16px;
  line-height: 1.48;
  font-weight: 850;
}

.ar-position-panel{
  padding: 46px;
  border-color: var(--site-line);
  border-radius: var(--site-radius-lg);
  background:
    radial-gradient(circle at 82% 16%, rgba(23, 105, 255, 0.16), transparent 30%),
    var(--site-panel-bg);
  box-shadow: var(--site-shadow-soft);
}

.ar-position-head h2{
  margin-top: 0;
  font-size: 34px;
  line-height: 1.25;
  white-space: normal;
}

.ar-position-head h2 em{
  color: var(--site-blue);
}

.ar-platform-grid{
  gap: var(--site-gap-md);
}

.ar-platform-grid article{
  min-height: 340px;
  padding: 22px 24px 62px;
  border-radius: var(--site-radius-lg);
}

.ar-platform-grid article::before{
  background: linear-gradient(135deg, rgba(255,255,255,.58), rgba(23, 105, 255, .12));
}

.ar-platform-visual{
  height: 168px;
  margin: -2px -8px 26px;
  overflow: hidden;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(239, 247, 255, .92), rgba(255, 255, 255, .98));
}

.ar-platform-visual img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transform: scale(1.08);
}

.ar-platform-grid article:hover .ar-platform-visual img,
.ar-platform-grid article:focus-within .ar-platform-visual img{
  transform: translateY(-4px) scale(1.12);
}

.ar-platform-grid h3,
.ar-why-list h3{
  color: var(--site-ink);
}

.ar-platform-grid p,
.ar-why-list p{
  color: var(--site-body);
}

.ar-why-layout{
  grid-template-columns: minmax(460px, .88fr) minmax(0, 1.12fr);
  gap: 34px;
  align-items: stretch;
}

.ar-why-copy > .site-heading{
  margin-bottom: 24px;
}

.ar-why-list{
  gap: var(--site-gap-md);
}

.ar-why-list article{
  min-height: 150px;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  padding: 20px 18px 22px;
  border-radius: var(--site-radius-md);
}

.ar-why-list h3{
  font-size: 17px;
}

.ar-why-list p{
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.62;
}

.ar-why-visual{
  align-self: end;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 421px;
  min-height: 0;
}

.ar-why-visual img{
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: contain;
  transform: translateY(0) scale(1);
  transition: transform .36s ease, filter .36s ease;
  will-change: transform;
}

.ar-why-visual:hover img{
  transform: translateY(-10px) scale(1.045);
  filter: drop-shadow(0 34px 44px rgba(23, 105, 255, .2));
}

.ar-why-list .site-icon-box{
  position: static;
  right: auto;
  bottom: auto;
  width: 44px;
  height: 44px;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  border-radius: 14px;
}

.ar-why-list .site-icon-box img{
  width: 31px;
  height: 31px;
}



.ar-cert-section{
  background:
    radial-gradient(circle at 12% 16%, rgba(23, 105, 255, 0.08), transparent 26%),
    linear-gradient(180deg, rgba(241, 248, 255, 0.78), rgba(255,255,255,0));
}

.ar-cert-nav{
  border-color: var(--site-line-strong);
  color: var(--site-blue);
  box-shadow: var(--site-shadow-soft);
}

.ar-cert-carousel{
  grid-template-columns: minmax(0, 1fr);
}

.ar-cert-nav{
  display: none;
}

.ar-cert-window{
  padding-inline: 0;
}

.ar-cert-row{
  display: block;
  overflow: visible;
  padding-inline: 0;
  scroll-snap-type: none;
}

.ar-cert-page{
  display: none;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.ar-cert-page.is-active{
  display: grid;
  animation: arCertPageIn .34s ease both;
}

@keyframes arCertPageIn {
  from{
    opacity: 0;
    transform: translateY(14px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

.ar-cert-sheet{
  width: 100%;
  min-width: 0;
  border-color: var(--site-line-strong);
  box-shadow: var(--site-shadow-soft);
}

.ar-cert-tabs{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

.ar-cert-tabs button{
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(23, 105, 255, .26);
  box-shadow: none;
  cursor: pointer;
  transition: width .22s ease, background .22s ease, box-shadow .22s ease, transform .22s ease;
}

.ar-cert-tabs button:hover,
.ar-cert-tabs button.is-active{
  width: 28px;
  background: linear-gradient(135deg, var(--site-blue), var(--site-cyan));
  box-shadow: 0 6px 14px rgba(23, 105, 255, .22);
  transform: none;
}

.ar-logo-wall{
  padding-bottom: var(--site-section-y-compact);
}



@media (max-width: 1280px) {
  .ar-hero-inner.site-banner-grid{
    grid-template-columns: minmax(0, 760px);
    gap: 0;
  }
}

@media (max-width: 980px) {
  .ar-hero.site-banner{
    padding-top: 83px;
  }

  .ar-hero-inner.site-banner-grid,
.ar-about-card,
.ar-why-layout{
    grid-template-columns: 1fr;
  }

  .ar-about-contact-grid{
    grid-template-columns: 1fr;
  }

  .ar-why-copy .site-heading{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .ar-why-copy .site-title-accent{
    margin-left: auto;
  }

  .ar-cert-page{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ar-why-visual{
    height: auto;
    min-height: auto;
  }

  .ar-why-visual img{
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 360px;
  }
}

@media (max-width: 620px) {
  .ar-hero.site-banner{
    padding: 74px 0 43px;
  }

  .ar-chips{
    margin-top: -42px;
  }

  .ar-chip-card,
.ar-why-list article{
    grid-template-columns: 52px minmax(0, 1fr);
  }

  .ar-about-card,
.ar-position-panel{
    padding: 22px;
  }

  .ar-about-contact-card{
    grid-template-columns: 52px minmax(0, 1fr);
    min-height: 104px;
    padding: 18px;
  }

  .ar-about-contact-icon{
    width: 52px;
    height: 52px;
    border-radius: 16px;
  }

  .ar-cert-page{
    grid-template-columns: 1fr;
  }

  .ar-why-visual img{
    max-height: 260px;
  }
}


/* merged from css/media-list.css */

/* 网媒列表页：仅做页面级布局，还原设计图，基础视觉复用 style.css 的 site-* 组件库。 */
.media-list-page{
  padding-bottom: 1px;
  background:
    radial-gradient(circle at 8% 12%, rgba(23, 105, 255, 0.12), transparent 28%),
    radial-gradient(circle at 90% 4%, rgba(32, 198, 255, 0.12), transparent 30%),
    linear-gradient(180deg, #edf5ff 0%, #f7fbff 48%, #ffffff 100%);
}



.ml-hero{
  position: relative;
  min-height: 560px;
  overflow: hidden;
  padding: 74px 0 156px;
  background:
    linear-gradient(90deg, rgba(238, 245, 255, 0.94) 0%, rgba(238, 245, 255, 0.82) 34%, rgba(238, 245, 255, 0.18) 56%, rgba(238, 245, 255, 0) 74%),
    var(--ml-banner-image, url("../img/media-list-banner-03-network.png")) center center / cover no-repeat,
    linear-gradient(112deg, rgba(238, 245, 255, 0.95), rgba(255, 255, 255, 0.86) 42%, rgba(232, 242, 255, 0.94));
  isolation: isolate;
}



.ml-banner-02{
  --ml-banner-image: url("../img/media-list-banner-02-press.webp");
}





.ml-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(23, 105, 255, 0.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(23, 105, 255, 0.04) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: radial-gradient(circle at 16% 20%, #000 0 24%, transparent 58%);
}

.ml-hero::after{
  content: "";
  position: absolute;
  inset: auto -80px -180px auto;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  border: 1px solid rgba(98, 154, 255, 0.18);
  box-shadow: inset 0 0 0 68px rgba(255, 255, 255, 0.18), inset 0 0 0 136px rgba(23, 105, 255, 0.04);
}

.ml-hero-grid{
  position: relative;
  z-index: 1;
  display: block;
  align-items: center;
}

.ml-hero-copy{
  max-width: 720px;
  padding-top: 74px;
}

.ml-hero-copy h1{
  max-width: 760px;
  margin: 0;
  color: var(--site-ink);
  font-size: 46px;
  line-height: 1.22;
  font-weight: 950;
  letter-spacing: 0;
}

.ml-title-highlight{
  color: var(--site-blue);
  background: linear-gradient(90deg, var(--site-blue), var(--site-cyan));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ml-hero-copy p{
  max-width: 670px;
  margin: 18px 0 0;
  color: var(--site-body);
  font-size: 17px;
  line-height: 1.85;
  font-weight: 650;
}

.ml-hero-actions{
  margin-top: 34px;
  gap: 26px;
}

.ml-hero-actions .site-btn{
  min-width: 170px;
  height: 56px;
  border-radius: 10px;
}

.ml-hero-visual{
  display: none;
}

.ml-dashboard{
  position: absolute;
  right: 86px;
  top: 2px;
  width: 380px;
  min-height: 230px;
  padding: 26px 28px;
  border-radius: 24px;
  transform: perspective(900px) rotateY(-8deg) rotateX(2deg);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 34px 68px rgba(47, 104, 220, 0.18),
    0 0 0 8px rgba(255,255,255,.26);
}

.ml-window-dots{
  position: absolute;
  right: 20px;
  top: 18px;
  display: flex;
  gap: 7px;
}

.ml-window-dots i{
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2f7cff;
  opacity: .72;
}

.ml-dashboard-title{
  color: var(--site-ink);
  font-size: 19px;
  font-weight: 950;
}

.ml-dashboard-body{
  display: grid;
  grid-template-columns: 102px 132px 1fr;
  gap: 18px;
  align-items: center;
  margin-top: 24px;
}

.ml-dashboard-stat span,
.ml-quick-card span{
  display: block;
  color: var(--site-soft);
  font-size: 13px;
  font-weight: 800;
}

.ml-dashboard-stat strong{
  display: block;
  margin-top: 10px;
  color: var(--site-blue);
  font-size: 32px;
  line-height: 1;
  font-weight: 950;
}

.ml-donut{
  width: 126px;
  height: 126px;
  border-radius: 50%;
  background: conic-gradient(#1769ff 0 28%, #20c6ff 28% 48%, #6d56ff 48% 68%, #7cc9ff 68% 88%, #e8f3ff 88% 100%);
  position: relative;
  box-shadow: 0 18px 38px rgba(23, 105, 255, 0.16);
}

.ml-donut::after{
  content: "";
  position: absolute;
  inset: 30px;
  border-radius: 50%;
  background: #fff;
  box-shadow: inset 0 1px 8px rgba(38, 88, 180, 0.08);
}

.ml-chart-legend{
  display: grid;
  gap: 8px;
}

.ml-chart-legend span{
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--site-body);
  font-size: 15px;
  font-weight: 750;
}

.ml-chart-legend i{
  width: 8px;
  height: 8px;
  border-radius: 3px;
  background: var(--site-blue);
}

.ml-chart-legend span:nth-child(2) i{ background: var(--site-cyan); }
.ml-chart-legend span:nth-child(3) i{ background: var(--site-purple); }
.ml-chart-legend span:nth-child(4) i{ background: #79c7ff; }
.ml-chart-legend span:nth-child(5) i{ background: #b6d7ff; }

.ml-quick-card{
  position: absolute;
  right: 0;
  top: 96px;
  width: 158px;
  padding: 20px 18px;
  border-radius: 18px;
  transform: perspective(700px) rotateY(-6deg);
}

.ml-quick-card strong{
  display: block;
  margin-bottom: 14px;
  color: var(--site-ink);
  font-size: 16px;
  font-weight: 950;
}

.ml-quick-card span{
  position: relative;
  padding-left: 23px;
  margin-top: 11px;
}

.ml-quick-card span::before{
  content: "鉁?;
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  color: #fff;
  background: var(--site-blue);
  font-size: 10px;
}

.ml-media-cube {
  position: absolute;
  left: 158px;
  bottom: 18px;
  display: grid;
  place-items: center;
  width: 96px;
  height: 96px;
  border: 1px solid rgba(139, 184, 255, 0.78);
  border-radius: 24px;
  background:
    radial-gradient(circle at 28% 20%, rgba(255,255,255,.95), transparent 36%),
    linear-gradient(135deg, #4598ff, #275eff 58%, #20c6ff);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.56), 0 24px 48px rgba(23, 105, 255, 0.28);
}

.ml-media-cube img {
  width: 58px;
  height: 58px;
  object-fit: contain;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.18));
}

.ml-media-cube::after {
  content: "MEDIA";
  position: absolute;
  bottom: 13px;
  color: rgba(255,255,255,.92);
  font-size: 15px;
  font-weight: 950;
}

.ml-orbit {
  position: absolute;
  left: 34px;
  bottom: -16px;
  width: 360px;
  height: 88px;
  border-radius: 50%;
  border: 2px solid rgba(32, 198, 255, 0.32);
  box-shadow: inset 0 0 18px rgba(23, 105, 255, 0.14), 0 18px 38px rgba(23, 105, 255, 0.14);
}

.ml-stats {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: -132px;
}

.ml-stat-card.site-card {
  min-height: 132px;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 25px 28px;
  border: 1px solid rgba(173, 204, 255, 0.72);
  border-color: transparent;
  border-radius: 24px;
  background-clip: padding-box;
  background:
    radial-gradient(circle at 24% 16%, rgba(88, 190, 255, 0.12), transparent 42%),
    radial-gradient(circle at 82% 84%, rgba(23, 105, 255, 0.08), transparent 48%),
    linear-gradient(145deg, rgba(233, 247, 255, 0.08), rgba(143, 196, 255, 0.04));
  box-shadow:
    inset 10px 12px 32px rgba(255, 255, 255, 0.04),
    inset -14px -16px 36px rgba(75, 147, 255, 0.08),
    0 18px 42px rgba(37, 95, 190, 0.1);
  backdrop-filter: blur(22px) saturate(132%);
}

.ml-stat-card.site-card::before,
.ml-stat-card.site-card:hover::before,
.ml-stat-card.site-card:focus-within::before {
  content: none;
  display: none;
  opacity: 0;
}

.ml-stat-card.site-card:hover,
.ml-stat-card.site-card:focus-within {
  border: 1px solid rgba(93, 143, 240, 0.68);
  border-color: rgba(93, 143, 240, 0.68);
  outline: 0;
  background:
    radial-gradient(circle at 24% 16%, rgba(88, 190, 255, 0.16), transparent 42%),
    radial-gradient(circle at 82% 84%, rgba(23, 105, 255, 0.1), transparent 48%),
    linear-gradient(145deg, rgba(233, 247, 255, 0.12), rgba(143, 196, 255, 0.06));
  box-shadow:
    inset 10px 12px 32px rgba(255, 255, 255, 0.04),
    inset -14px -16px 36px rgba(75, 147, 255, 0.09),
    0 24px 52px rgba(37, 95, 190, 0.14);
  transform: translateY(-6px);
}

.ml-stat-icon {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ml-stat-icon img {
  width: 74px;
  height: 74px;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 18px 22px rgba(47, 98, 255, 0.2)) saturate(1.04);
}

.ml-stat-card strong {
  display: block;
  color: var(--site-ink);
  font-size: 32px;
  line-height: 1;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
}

.ml-stat-card p {
  margin: 10px 0 0;
  color: var(--site-body);
  font-size: 16px;
  line-height: 1.35;
  font-weight: 900;
}

.ml-filter-bridge {
  position: relative;
  overflow: hidden;
  min-height: 98px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  margin-top: 34px;
  padding: 24px 28px;
  border: 1px solid transparent;
  border-radius: 24px;
  background-clip: padding-box;
  background:
    radial-gradient(circle at 12% 12%, rgba(58, 178, 255, 0.2), transparent 38%),
    radial-gradient(circle at 88% 82%, rgba(23, 105, 255, 0.14), transparent 48%),
    linear-gradient(145deg, rgba(238, 249, 255, 0.54), rgba(219, 238, 255, 0.32));
  box-shadow:
    inset 10px 12px 32px rgba(255, 255, 255, 0.04),
    inset -14px -16px 36px rgba(75, 147, 255, 0.08),
    0 18px 42px rgba(37, 95, 190, 0.1);
  backdrop-filter: blur(22px) saturate(132%);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease;
}

.ml-filter-bridge::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(23, 105, 255, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23, 105, 255, 0.07) 1px, transparent 1px),
    radial-gradient(circle at 18% 20%, rgba(88, 190, 255, 0.22), transparent 34%),
    radial-gradient(circle at 86% 76%, rgba(120, 110, 255, 0.16), transparent 34%);
  background-size: 42px 42px, 42px 42px, 100% 100%, 100% 100%;
  opacity: .62;
}

.ml-filter-bridge > * {
  position: relative;
  z-index: 1;
}

.ml-filter-bridge:hover,
.ml-filter-bridge:focus-within {
  border-color: rgba(93, 143, 240, 0.68);
  background:
    radial-gradient(circle at 12% 12%, rgba(58, 178, 255, 0.24), transparent 38%),
    radial-gradient(circle at 88% 82%, rgba(23, 105, 255, 0.16), transparent 48%),
    linear-gradient(145deg, rgba(238, 249, 255, 0.62), rgba(219, 238, 255, 0.38));
  box-shadow:
    inset 10px 12px 32px rgba(255, 255, 255, 0.04),
    inset -14px -16px 36px rgba(75, 147, 255, 0.09),
    0 24px 52px rgba(37, 95, 190, 0.14);
  transform: translateY(-4px);
}

.ml-filter-bridge h2 {
  margin: 0;
  color: var(--site-ink);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 950;
  letter-spacing: 0;
}

.ml-filter-bridge p {
  margin: 8px 0 0;
  color: var(--site-body);
  font-size: 14px;
  line-height: 1.7;
  font-weight: 750;
}

.ml-filter-bridge-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.ml-filter-bridge-tags span {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  border: 1px solid rgba(173, 204, 255, 0.72);
  border-radius: 999px;
  color: var(--site-blue);
  background: linear-gradient(145deg, rgba(255,255,255,.84), rgba(233,244,255,.54));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 8px 18px rgba(37, 95, 190, 0.08);
  font-size: 13px;
  font-weight: 900;
}

.ml-filter-card {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 34px;
  margin-top: 42px;
  padding: 32px 28px 28px;
  border-radius: 20px;
  background: rgba(255,255,255,.86);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 22px 48px rgba(41, 94, 170, 0.12);
}

.ml-filter-tabs {
  display: grid;
  gap: 4px;
  padding: 0;
  border: 1px solid rgba(173, 204, 255, 0.72);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(246,250,255,.82));
}

.ml-filter-tabs button {
  height: 49px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--site-body);
  font-weight: 850;
  cursor: pointer;
}

.ml-filter-tabs button.is-active {
  color: #fff;
  background: var(--site-cyan-gradient);
  box-shadow: 0 12px 26px rgba(23, 105, 255, 0.24);
}

.ml-filter-main {
  min-width: 0;
}

.ml-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 128px;
  gap: 22px;
  align-items: center;
}

.ml-search {
  position: relative;
  display: block;
}

.ml-search input,
.ml-filter-grid select,
.ml-range input,
.ml-pagination select {
  width: 100%;
  height: 45px;
  border: 1px solid rgba(173, 204, 255, 0.86);
  border-radius: 8px;
  background: rgba(255,255,255,.92);
  color: var(--site-ink);
  font: inherit;
  font-size: 14px;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96);
}

.ml-search input {
  padding: 0 48px 0 18px;
}

.ml-search span {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--site-blue);
  font-size: 22px;
}

.ml-reset {
  height: 42px;
  border: 0;
  background: transparent;
  color: var(--site-blue);
  font-weight: 850;
  cursor: pointer;
}

.ml-filter-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px 30px;
  margin-top: 24px;
}

.ml-filter-grid label {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.ml-filter-grid label > span:first-child {
  color: var(--site-ink);
  font-size: 15px;
  font-weight: 950;
}

.ml-filter-grid select {
  padding: 0 14px;
}

.ml-range {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 12px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
}

.ml-range i {
  height: 1px;
  background: #9db3d2;
}

.ml-range input {
  padding: 0 12px;
}

.ml-filter-submit {
  align-self: end;
  width: 100%;
  height: 45px;
  border-radius: 8px;
}

.ml-quick-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 24px;
}

.ml-quick-filter > span {
  color: var(--site-body);
  font-size: 13px;
  font-weight: 850;
}

.ml-quick-filter .site-chip {
  min-height: 34px;
  border-radius: 7px;
}

.ml-web-filter-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  padding: 24px;
  border: 1px solid rgba(184, 209, 255, .78);
  border-radius: 20px;
  background:
    radial-gradient(circle at 8% 0%, rgba(32, 198, 255, 0.12), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.9), rgba(238,247,255,.76));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 22px 50px rgba(41, 94, 170, 0.12);
}

.ml-web-filter-menu {
  position: relative;
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(207, 224, 255, .94);
  border-radius: 14px;
  background:
    radial-gradient(circle at 88% 2%, rgba(80, 138, 255, .14), transparent 28%),
    linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(239, 247, 255, .64));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
}

.ml-web-filter-row {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 18px;
  padding: 14px 20px;
  border-bottom: 1px solid rgba(175, 209, 255, .58);
  background: rgba(255, 255, 255, .34);
}

.ml-web-filter-row:last-child {
  border-bottom: 0;
}

.ml-web-filter-row > strong,
.ml-web-filter-row section > strong {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding-top: 6px;
  color: #061f66;
  font-size: 16px;
  line-height: 1.1;
  font-weight: 950;
  white-space: nowrap;
}

.ml-web-filter-row > div,
.ml-web-filter-row section > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px 12px;
  min-width: 0;
}

.ml-web-filter-row button {
  min-height: 30px;
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #526582;
  font: inherit;
  font-size: 14px;
  font-weight: 850;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
}

.ml-web-filter-row button:hover {
  color: #1769ff;
  background: rgba(239, 247, 255, .92);
}

.ml-web-filter-row button.is-active {
  color: #fff;
  border-color: transparent;
  background: var(--site-cyan-gradient);
  box-shadow: 0 8px 16px rgba(33, 88, 239, .14);
}

.ml-web-filter-row-multi {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}

.ml-web-filter-row-multi section {
  min-width: 0;
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 21px;
  align-items: start;
}

.ml-web-price-range {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.ml-web-price-range input,
.ml-web-resource-toolbar select,
.ml-toolbar-search input {
  min-height: 40px;
  border: 1px solid rgba(207, 224, 255, .94);
  border-radius: 10px;
  background: rgba(255, 255, 255, .9);
  color: #173068;
  font: inherit;
  font-size: 14px;
  font-weight: 850;
  outline: none;
}

.ml-web-price-range input {
  width: 92px;
  height: 30px;
  min-height: 30px;
  border-color: rgba(151, 190, 255, .72);
  border-radius: 8px;
  background: rgba(255, 255, 255, .86);
  color: #10245c;
  font-size: 12px;
  padding: 0 10px;
}

.ml-web-price-range i {
  width: 10px;
  height: 1px;
  background: rgba(82, 101, 130, .74);
}

.ml-web-filter-row .ml-web-price-apply {
  min-width: 58px;
  padding: 0 16px;
  border-color: transparent;
  background: var(--site-cyan-gradient);
  color: #fff;
  box-shadow: 0 8px 16px rgba(33, 88, 239, .18);
}

.ml-web-filter-row .ml-web-price-apply:hover,
.ml-web-filter-row .ml-web-price-apply.is-active {
  color: #fff;
  background: var(--site-cyan-gradient);
  box-shadow: 0 10px 18px rgba(33, 88, 239, .24);
}

.ml-web-resource-toolbar {
  display: grid;
  grid-template-columns: minmax(200px, 1.6fr) repeat(5, minmax(88px, 1fr)) 92px;
  gap: 10px;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid rgba(184, 209, 255, .78);
  border-radius: 14px;
  background: rgba(255, 255, 255, .72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
}

.ml-toolbar-search {
  position: relative;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 9px;
}

.ml-toolbar-search span {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--site-blue);
  font-size: 20px;
}

.ml-toolbar-search input {
  width: 100%;
  padding: 0 12px 0 40px;
}

.ml-web-resource-toolbar select {
  width: 100%;
  min-width: 0;
  padding: 0 34px 0 12px;
  color: #526582;
  font-weight: 900;
}

.ml-toolbar-search:focus-within,
.ml-web-resource-toolbar select:focus,
.ml-web-price-range input:focus {
  border-color: rgba(23, 105, 255, .62);
  box-shadow: 0 0 0 3px rgba(23, 105, 255, .1);
}

.ml-toolbar-submit {
  width: 100%;
  min-width: 0;
  min-height: 40px;
  height: 40px;
  border-radius: 10px;
}

.media-list-page {
  --primary-gradient: linear-gradient(100deg, #1769ff 0%, #246dff 54%, #8548ff 100%);
}

.media-list-page .media-resource-filter {
  margin-top: 18px;
}

.orders-search-field {
  min-width: 0;
  min-height: 40px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 12px;
  border: 1px solid rgba(207, 224, 255, .94);
  border-radius: 10px;
  background: rgba(255, 255, 255, .9);
}

.orders-search-field:focus-within {
  border-color: rgba(23, 105, 255, .62);
  box-shadow: 0 0 0 3px rgba(23, 105, 255, .1);
}

.orders-search-field img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.orders-search-field input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: none;
  color: #173068;
  background: transparent;
  font-size: 14px;
  font-weight: 850;
}

.orders-search-field input::placeholder {
  color: #8797b2;
}

.orders-select {
  min-height: 40px;
  padding: 0 34px 0 12px;
  border: 1px solid rgba(207, 224, 255, .94);
  border-radius: 10px;
  color: #526582;
  background: rgba(255, 255, 255, .9);
  font-size: 14px;
  font-weight: 500;
  outline: none;
}

.orders-select:focus {
  border-color: rgba(23, 105, 255, .62);
  box-shadow: 0 0 0 3px rgba(23, 105, 255, .1);
}

.orders-search-btn,
.orders-export-btn {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 16px;
  border: 0;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
}

.orders-search-btn {
  border: 1px solid rgba(23, 105, 255, .46);
  color: #1769ff;
  background: rgba(255, 255, 255, .9);
}

.orders-export-btn {
  border: 0;
  color: #fff;
  background: var(--primary-gradient);
  box-shadow: 0 12px 24px rgba(33, 88, 239, .18);
}

.orders-search-btn img,
.orders-export-btn img {
  width: 22px;
  height: 22px;
  object-fit: contain;
  transition: transform .22s ease, filter .22s ease;
}

.orders-export-btn img {
  filter: brightness(0) invert(1);
}

.orders-search-btn,
.orders-export-btn {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}

.orders-search-btn:hover {
  color: #0d5fff;
  border-color: rgba(23, 105, 255, 0.78);
  background: rgba(239, 247, 255, 0.96);
  box-shadow: 0 10px 20px rgba(23, 105, 255, 0.12);
  transform: translateY(-1px);
}

.orders-export-btn:hover {
  box-shadow: 0 16px 28px rgba(33, 88, 239, .26);
  transform: translateY(-1px);
  filter: saturate(1.06);
}

.orders-search-btn:hover img,
.orders-export-btn:hover img {
  transform: scale(1.08);
}

.web-filter-panel {
  display: grid;
  gap: 16px;
}

.web-filter-menu {
  position: relative;
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(23, 105, 255, 0.92);
  border-radius: 14px;
  background:
    radial-gradient(circle at 88% 2%, rgba(80, 138, 255, .20), transparent 28%),
    radial-gradient(circle at 2% 18%, rgba(50, 205, 255, .12), transparent 24%),
    linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(244, 250, 255, .86));
  box-shadow: 0 20px 52px rgba(62, 104, 176, .13), inset 0 1px 0 rgba(255, 255, 255, .92);
}

.web-filter-menu::before {
  content: "";
  position: absolute;
  top: 18px;
  right: 24px;
  width: 196px;
  height: 92px;
  border: 1px solid rgba(99, 154, 255, .22);
  border-radius: 18px;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(47, 115, 255, .10) 1px, transparent 1px),
    linear-gradient(0deg, rgba(47, 115, 255, .08) 1px, transparent 1px);
  background-size: 14px 14px;
  opacity: .72;
  transform: rotate(-4deg);
}

.web-filter-menu::after {
  content: "";
  position: absolute;
  top: 34px;
  right: 58px;
  width: 48px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(47, 115, 255, .70), rgba(110, 73, 255, .58));
  box-shadow: 0 14px 22px rgba(47, 115, 255, .18);
  transform: rotate(-20deg);
  pointer-events: none;
}

.web-filter-menu > * {
  position: relative;
  z-index: 1;
}

.web-filter-row {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 18px;
  padding: 14px 20px;
  border-bottom: 1px solid rgba(175, 209, 255, .58);
  background: rgba(255, 255, 255, .34);
}

.web-filter-row:last-child {
  border-bottom: 0;
}

.web-filter-row strong {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding-top: 6px;
  color: #061f66;
  font-size: 16px;
  line-height: 1.1;
  font-weight: 950;
  letter-spacing: .2px;
  white-space: nowrap;
}

.web-filter-row strong::before {
  content: "";
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: block;
  background: url("../icons/icon-setting-line.svg") center / contain no-repeat;
  filter: saturate(1.35) contrast(1.08);
}

.web-filter-row:nth-child(1) > strong::before {
  background-image: url("../icons/icon-web-media-line.svg");
}

.web-filter-row:nth-child(2) > strong::before {
  background-image: url("../icons/icon-source-media-line.svg");
}

.web-filter-row:nth-child(3) > strong::before {
  background-image: url("../icons/icon-geo-optimize-line.svg");
}

.web-filter-row-multi section:nth-child(1) > strong::before {
  background-image: url("../icons/icon-status-success-line.svg");
}

.web-filter-row-multi section:nth-child(2) > strong::before {
  background-image: url("../icons/icon-qr-follow-line.svg");
}

.web-filter-row-multi section:nth-child(3) > strong::before {
  background-image: url("../icons/icon-advisor-line.svg");
}

.web-filter-row:nth-child(5) > strong::before {
  background-image: url("../icons/icon-brand-diagnosis-line.svg");
}

.web-filter-row:nth-child(6) > strong::before {
  background-image: url("../icons/icon-timeline-line.svg");
}

.web-filter-row:nth-child(7) > strong::before {
  background-image: url("../icons/icon-price-line.svg");
}

.web-filter-row-geo > strong::before {
  background-image: url("../icons/icon-geo-optimize-line.svg");
  filter: brightness(0) invert(1) drop-shadow(0 4px 8px rgba(20, 50, 160, .2));
}

.web-filter-row:nth-child(9) > strong::before {
  background-image: url("../icons/icon-cycle-line.svg");
}

.web-filter-row div {
  display: flex;
  align-items: center;
  gap: 9px 12px;
  flex-wrap: wrap;
}

.web-filter-row button {
  min-height: 30px;
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #526582;
  background: transparent;
  font-size: 14px;
  font-weight: 850;
  letter-spacing: .18px;
  cursor: pointer;
  transition: color .16s ease, background .16s ease, border-color .16s ease;
}

.web-filter-row button.web-geo-platform {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding-left: 10px;
}

.web-filter-row button.web-geo-platform img {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  display: block;
  object-fit: contain;
  border-radius: 4px;
}

.web-filter-row button:hover {
  color: #1769ff;
  background: rgba(239, 247, 255, .92);
}

.web-filter-row button.active {
  color: #fff;
  border-color: transparent;
  background: var(--primary-gradient);
  box-shadow: 0 8px 16px rgba(33, 88, 239, .14);
}

.web-filter-row-geo {
  position: relative;
  overflow: hidden;
  align-items: center;
  min-height: 72px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 92% 45%, rgba(112, 73, 255, .14), transparent 28%),
    linear-gradient(90deg, rgba(35, 106, 255, .82) 0%, rgba(93, 91, 255, .5) 20%, rgba(220, 236, 255, .96) 52%, rgba(249, 252, 255, .98) 100%);
  box-shadow: none;
}

.web-filter-row-geo::before {
  content: "";
  position: absolute;
  right: -22px;
  top: -50px;
  width: 210px;
  height: 150px;
  border: 1px solid rgba(65, 136, 255, .18);
  border-radius: 36px;
  transform: rotate(13deg);
  background:
    linear-gradient(90deg, rgba(23, 105, 255, .12) 1px, transparent 1px),
    linear-gradient(rgba(23, 105, 255, .12) 1px, transparent 1px);
  background-size: 18px 18px;
  opacity: .9;
  pointer-events: none;
}

.web-filter-row-geo::after {
  content: "GEO";
  position: absolute;
  right: 22px;
  top: 14px;
  color: rgba(23, 105, 255, .16);
  font-size: 38px;
  font-weight: 950;
  line-height: 1;
  pointer-events: none;
}

.web-filter-row-geo > * {
  position: relative;
  z-index: 1;
}

.web-filter-row-geo strong {
  color: #fff;
  text-shadow: 0 6px 14px rgba(20, 50, 160, .22);
}

.web-filter-row-geo button.web-geo-platform:not(.active),
.web-filter-row-geo button:not(.active) {
  border-color: rgba(116, 161, 255, .34);
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 7px 18px rgba(60, 117, 220, .08);
}

.web-filter-row-geo button:hover {
  transform: translateY(-1px);
  border-color: rgba(23, 105, 255, .35);
  box-shadow: 0 10px 22px rgba(60, 117, 220, .14);
}

.web-filter-row-geo button.active {
  color: #fff;
  border-color: transparent;
  background: var(--primary-gradient);
  box-shadow: 0 8px 16px rgba(33, 88, 239, .18);
}

.web-filter-row-geo button.active img {
  background: #fff;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .5);
}

.web-price-range {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.web-price-range input {
  width: 92px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(151, 190, 255, .72);
  border-radius: 8px;
  background: rgba(255, 255, 255, .86);
  color: #10245c;
  font-size: 12px;
  font-weight: 800;
  outline: none;
}

.web-price-range input:focus {
  border-color: rgba(42, 111, 255, .72);
  box-shadow: 0 0 0 3px rgba(42, 111, 255, .1);
}

.web-price-range i {
  width: 10px;
  height: 1px;
  background: rgba(82, 101, 130, .74);
}

.web-filter-row .web-price-range .web-price-apply {
  min-width: 58px;
  padding: 0 16px;
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #216dff 0%, #7148ff 100%);
  box-shadow: 0 8px 16px rgba(33, 88, 239, .18);
}

.web-filter-row .web-price-range .web-price-apply:hover,
.web-filter-row .web-price-range .web-price-apply.active {
  color: #fff;
  background: linear-gradient(135deg, #145dff 0%, #6337f5 100%);
  box-shadow: 0 10px 18px rgba(33, 88, 239, .24);
}

.web-filter-row .web-price-range .web-price-apply.is-applying {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #145dff 0%, #6337f5 100%);
  box-shadow: 0 8px 16px rgba(33, 88, 239, .18);
  transform: translateY(1px);
  animation: webPriceApplyPulse .42s ease;
}

.web-price-range.is-applied input {
  border-color: rgba(23, 105, 255, .72);
  background: rgba(239, 247, 255, .95);
  box-shadow: 0 0 0 3px rgba(23, 105, 255, .12);
}

.web-price-range.is-error input {
  border-color: rgba(239, 68, 68, .68);
  box-shadow: 0 0 0 3px rgba(239, 68, 68, .1);
  animation: webPriceRangeShake .34s ease;
}

@keyframes webPriceApplyPulse {
  0% { transform: translateY(0) scale(1); }
  45% { transform: translateY(1px) scale(.96); }
  100% { transform: translateY(0) scale(1); }
}

@keyframes webPriceRangeShake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-3px); }
  50% { transform: translateX(3px); }
  75% { transform: translateX(-2px); }
}

.web-filter-row-multi {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}

.web-filter-row-time-type {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.web-filter-row-multi section {
  min-width: 0;
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 21px;
  align-items: start;
}

.web-filter-row-multi strong {
  padding-top: 6px;
}

.media-resource-search-box {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid rgba(23, 105, 255, 0.92);
  border-radius: 12px;
  background: rgba(248, 252, 255, .92);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 10px 24px rgba(57, 90, 160, .08);
}

.media-resource-search-box .orders-search-btn,
.media-resource-search-box .orders-export-btn {
  white-space: nowrap;
}

.web-resource-toolbar {
  display: grid;
  grid-template-columns: minmax(200px, 1.6fr) repeat(6, minmax(88px, 1fr)) 92px 104px;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border-color: rgba(184, 209, 255, .78);
  border-radius: 14px;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 12px 28px rgba(57, 90, 160, .08);
}

.web-resource-toolbar .orders-search-field {
  width: 100%;
  min-width: 0;
}

.web-resource-toolbar .orders-select {
  width: 100%;
  min-width: 0;
}

.web-resource-toolbar .orders-search-btn,
.web-resource-toolbar .orders-export-btn {
  width: 100%;
  min-width: 0;
}

@media (max-width: 980px) {
  .web-resource-toolbar {
    grid-template-columns: 1fr 1fr;
  }
}

.ml-resource-section {
  margin-top: 20px;
  overflow: hidden;
}

.ml-list-header,
.ml-media-row {
  display: grid;
  grid-template-columns: minmax(210px, 1.55fr) minmax(128px, .95fr) 74px 74px 84px 84px 92px 92px minmax(190px, 1.2fr);
  gap: 12px;
  align-items: center;
  min-width: 1180px;
}

.ml-list-header {
  min-height: 50px;
  padding: 0 22px;
  border: 1px solid rgba(23, 105, 255, 0.92);
  border-radius: 14px;
  color: var(--site-ink);
  background: linear-gradient(90deg, rgba(23, 105, 255, 0.16), rgba(132, 142, 255, 0.18), rgba(255, 255, 255, 0.88));
  font-size: 12px;
  font-weight: 950;
}

.ml-list-header span {
  color: var(--site-ink);
  font-size: 12px;
  font-weight: 950;
  line-height: 1.35;
}

.ml-list-header span:not(:first-child) {
  text-align: center;
}

.ml-list {
  display: grid;
  gap: 6px;
  margin-top: 18px;
  overflow-x: auto;
  padding-top: 4px;
  padding-bottom: 4px;
}

.ml-media-row {
  min-height: 88px;
  padding: 14px 22px;
  border: 1px solid rgba(194, 217, 255, 0.88);
  border-radius: 13px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 10px 24px rgba(47, 99, 178, 0.06);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.ml-media-row:hover {
  transform: translateY(-2px);
  border-color: rgba(23, 105, 255, 0.92);
  background: rgba(245, 250, 255, 0.96);
  box-shadow: 0 16px 34px rgba(47, 99, 178, 0.16), 0 0 0 2px rgba(23, 105, 255, 0.1);
}

.ml-media-info {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.ml-media-logo {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 12px;
  color: #fff;
  background: var(--logo-bg);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 12px 24px rgba(20, 91, 210, 0.18);
  font-size: 22px;
  font-weight: 950;
  line-height: 1;
}

.ml-media-logo-rect {
  display: block;
  width: 88px;
  height: 54px;
  border: 1px solid rgba(183, 210, 255, 0.72);
  border-radius: 6px;
  object-fit: cover;
  background: #fff;
  box-shadow: 0 10px 22px rgba(26, 101, 221, 0.08);
}

.ml-media-name {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.ml-media-name strong {
  color: var(--site-ink);
  font-size: 14px;
  font-weight: 950;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.35;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ml-label-hot,
.ml-label-recommend {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 6px;
  border-radius: 5px;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  background: #ff8b1f;
}

.ml-label-recommend {
  background: #ff4f78;
}

.ml-media-info p {
  margin: 6px 0 0;
  color: var(--site-soft);
  font-size: 12px;
  line-height: 1.55;
}

.ml-member-prices {
  display: grid;
  justify-self: center;
  gap: 3px;
  color: #637692;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.25;
}

.ml-member-prices span {
  display: inline-flex;
  justify-content: flex-start;
  gap: 4px;
  white-space: nowrap;
}

.ml-member-prices b {
  color: var(--site-blue);
  font-size: 13px;
  font-weight: 950;
}

.ml-rate,
.ml-weight-badge,
.ml-source-tag,
.ml-link-tag {
  justify-self: center;
  color: var(--site-ink);
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}

.ml-rate {
  color: #0aa47f;
}

.ml-weight-badge,
.ml-source-tag,
.ml-link-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(181, 211, 255, 0.74);
  border-radius: 7px;
  color: #526a89;
  background: rgba(238, 245, 255, 0.9);
}

.ml-weight-badge {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.ml-weight-image {
  display: block;
  width: 55px;
  height: 22px;
  object-fit: contain;
}

.ml-source-tag.is-news {
  border-color: rgba(22, 198, 162, 0.26);
  color: #0aa47f;
  background: rgba(230, 251, 245, 0.92);
}

.ml-link-tag {
  color: var(--site-blue);
  background: rgba(237, 245, 255, 0.92);
}

.ml-link-tag.is-muted {
  color: #7b8da6;
  background: rgba(246, 249, 255, 0.92);
}

.ml-resource-note {
  margin: 0;
  color: #637692;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.55;
}

.ml-tag-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.ml-tag-stack .site-chip {
  min-height: 24px;
  padding: 0 8px;
  border-radius: 6px;
  font-size: 11px;
}

.ml-type-chip {
  color: var(--site-blue);
  background: #edf5ff;
}

.ml-weight {
  display: grid;
  gap: 8px;
}

.ml-weight-line {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.ml-weight-pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 6px;
  color: #536987;
  background: #eef4ff;
  font-size: 12px;
  font-weight: 850;
}

.ml-include-pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 6px;
  color: #0aa47f;
  background: #e6fbf5;
  font-size: 12px;
  font-weight: 900;
}

.ml-include-pill.is-normal {
  color: var(--site-blue);
  background: #edf5ff;
}

.ml-weight small,
.ml-time small,
.ml-price small {
  color: var(--site-soft);
  font-size: 12px;
  font-weight: 700;
}

.ml-price strong {
  display: block;
  color: var(--site-ink);
  font-size: 20px;
  font-weight: 950;
}

.ml-price small {
  display: block;
  margin-top: 4px;
}

.ml-time {
  display: grid;
  gap: 5px;
}

.ml-time strong {
  position: relative;
  padding-left: 18px;
  color: var(--site-ink);
  font-size: 14px;
  font-weight: 950;
}

.ml-time strong::before {
  content: "鈿?;
  position: absolute;
  left: 0;
  color: var(--site-blue);
  font-size: 13px;
}





.ml-pagination{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin: 32px 0 26px;
}

.ml-page-btn,
.ml-pagination select{
  min-width: 38px;
  height: 38px;
  border: 1px solid rgba(173, 204, 255, 0.92);
  border-radius: 8px;
  color: #31557f;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(242,247,255,.92));
  font-weight: 850;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(38, 93, 178, 0.06), inset 0 1px 0 rgba(255,255,255,.92);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease, background .22s ease;
}

.ml-page-btn.is-active{
  color: #fff;
  border-color: transparent;
  background: var(--primary-gradient);
  box-shadow: 0 12px 24px rgba(23, 105, 255, 0.24);
}

.ml-page-btn:hover,
.ml-pagination select:hover{
  color: #1769ff;
  border-color: rgba(23, 105, 255, 0.58);
  background: linear-gradient(180deg, rgba(255,255,255,1), rgba(236,245,255,.96));
  box-shadow: 0 12px 24px rgba(23, 105, 255, 0.12), inset 0 1px 0 rgba(255,255,255,.95);
  transform: translateY(-1px);
}

.ml-page-btn.is-active:hover{
  color: #fff;
  border-color: transparent;
  background: var(--primary-gradient);
}

.ml-pagination select{
  width: auto;
  padding: 0 12px;
}

.ml-pagination p{
  margin: 0 0 0 18px;
  color: #526582;
  font-size: 14px;
  font-weight: 750;
}













@media (max-width: 1440px) {
  .ml-hero{
    min-height: 540px;
    padding-top: 64px;
  }

  .ml-hero-grid{
    display: block;
  }

  .ml-hero-copy{
    padding-top: 62px;
  }

  .ml-hero-copy h1{
    font-size: 42px;
  }

  .ml-dashboard{
    right: 70px;
    width: 360px;
  }

  .ml-list-header,
.ml-media-row{
    grid-template-columns: 1.33fr 1.05fr .9fr .7fr .72fr .78fr;
    gap: 18px;
  }
}

@media (max-width: 1180px) {
  .ml-hero-grid,
.ml-filter-card{
    grid-template-columns: minmax(0, 1fr);
  }

  .ml-hero-visual{
    display: none;
  }

  .ml-stats,
.ml-advantages{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ml-filter-tabs{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  

  .ml-filter-bridge{
    grid-template-columns: minmax(0, 1fr);
  }

  .ml-filter-bridge-tags{
    justify-content: flex-start;
  }

  

  

  

  

  .ml-list-header{
    display: none;
  }

  .ml-media-row{
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 720px) {
  .ml-hero{
    padding: 42px 0;
  }

  .ml-hero-copy{
    padding-top: 18px;
  }

  .ml-hero-copy h1{
    font-size: 34px;
  }

  .ml-hero-copy p{
    font-size: 15px;
  }

  .ml-filter-bridge{
    margin-top: 24px;
    padding: 18px;
  }

  .ml-filter-bridge h2{
    font-size: 21px;
  }

  .ml-stats,
.ml-advantages,
.ml-filter-grid,
.ml-media-row,
.ml-search-row{
    grid-template-columns: minmax(0, 1fr);
  }

  .ml-filter-tabs{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  

  

  

  

  

  
}

.ml-list-header,
.ml-media-row{
  grid-template-columns: minmax(210px, 1.55fr) minmax(128px, .95fr) 74px 74px 84px 84px 92px 92px minmax(190px, 1.2fr);
}

@media (max-width: 1180px) {
  .ml-list-header{
    display: grid;
  }

  .ml-list-header,
.ml-media-row{
    min-width: 1120px;
  }
}

.media-list-page .ml-list-header,
.media-list-page .ml-list-header > span{
  color: var(--site-ink) !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1.35 !important;
}

.media-list-page .web-filter-menu,
.media-list-page .web-resource-toolbar.media-resource-search-box,
.media-list-page .ml-list-header{
  border-color: rgba(23, 105, 255, 0.46) !important;
}

.media-list-page .web-resource-toolbar .orders-search-field,
.media-list-page .web-resource-toolbar .orders-select{
  border-color: rgba(207, 224, 255, .94) !important;
}

.media-list-page .web-filter-row strong,
.media-list-page .web-filter-row button{
  white-space: nowrap;
}

.media-list-page .web-filter-row div{
  gap: 8px 12px;
}

.media-list-page .web-filter-row{
  grid-template-columns: 120px minmax(0, 1fr);
}

.media-list-page .web-filter-row-multi{
  grid-template-columns: repeat(3, max-content);
  gap: 8px 18px;
}

.media-list-page .web-filter-row-multi:not(.web-filter-row-time-type){
  grid-template-columns: max-content max-content minmax(0, 1fr);
  column-gap: 10px;
}

.media-list-page .web-filter-row-multi section{
  grid-template-columns: 120px max-content;
  gap: 18px;
  align-items: start;
}

.media-list-page .web-filter-row-time-type{
  grid-template-columns: repeat(2, max-content);
  gap: 8px 22px;
}

.media-list-page .web-filter-row-multi section > div{
  flex-wrap: nowrap;
}

.media-list-page .web-filter-row-multi:not(.web-filter-row-time-type) section:nth-child(2){
  grid-template-columns: 80px minmax(0, 1fr);
}

.media-list-page .web-filter-row-multi:not(.web-filter-row-time-type) section:nth-child(3){
  grid-template-columns: 96px minmax(0, 1fr);
}

.media-list-page .web-filter-row-multi:not(.web-filter-row-time-type) section:nth-child(3) > div{
  min-width: 0;
}

.self-media-page .web-filter-row-multi:not(.web-filter-row-time-type) section:nth-child(2){
  grid-template-columns: 104px max-content;
}

.self-media-page .web-price-range{
  gap: 5px;
  margin-left: 2px;
}

.self-media-page .web-price-range input{
  width: 74px;
  height: 28px;
  padding: 0 8px;
}

.self-media-page .web-filter-row .web-price-range .web-price-apply{
  min-width: 50px;
  height: 28px;
  padding: 0 12px;
}

.self-media-page .web-resource-toolbar{
  grid-template-columns: minmax(260px, 1.8fr) repeat(3, minmax(96px, 1fr)) 92px 104px;
}

.self-media-page .ml-list-header,
.self-media-page .ml-media-row{
  grid-template-columns: minmax(210px, 1.55fr) 88px minmax(124px, .9fr) 82px 74px 108px 108px minmax(190px, 1.2fr);
  min-width: 1120px;
}

.self-media-page .ml-platform-tag,
.self-media-page .ml-publish-time-text,
.self-media-page .ml-count-tag{
  justify-self: center;
  color: var(--site-ink);
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}

.self-media-page .ml-platform-tag,
.self-media-page .ml-count-tag{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(181, 211, 255, 0.74);
  border-radius: 7px;
  color: #526a89;
  background: rgba(238, 245, 255, 0.9);
}

.self-media-page .ml-platform-tag{
  border-color: var(--platform-border, rgba(181, 211, 255, 0.74));
  color: var(--platform-color, #526a89);
  background: var(--platform-bg, rgba(238, 245, 255, 0.9));
  box-shadow: none;
}

.self-media-page .ml-publish-time-text{
  color: var(--site-blue);
}

.self-media-page .ml-media-info{
  grid-template-columns: 58px minmax(0, 1fr);
}

.self-media-page .ml-media-logo-rect{
  width: 52px;
  height: 52px;
  border-radius: 50%;
  object-fit: cover;
  background: #fff;
  box-shadow: 0 10px 22px rgba(26, 101, 221, 0.1);
}

.short-video-page .web-filter-row{
  grid-template-columns: 120px minmax(0, 1fr);
}

.short-video-page .web-filter-row div{
  gap: 8px 12px;
}

.short-video-page .web-filter-row button{
  padding-inline: 11px;
}

.short-video-page .web-filter-row-multi:not(.web-filter-row-time-type){
  grid-template-columns: max-content max-content;
  column-gap: 112px;
}

.short-video-page .web-filter-row-multi:not(.web-filter-row-time-type) section{
  grid-template-columns: auto max-content;
  column-gap: 24px;
}

.short-video-page .web-filter-row-multi:not(.web-filter-row-time-type) section:first-child{
  grid-template-columns: 120px max-content;
  column-gap: 18px;
}

.short-video-page .web-filter-row-multi:not(.web-filter-row-time-type) section:nth-child(2){
  grid-template-columns: auto max-content;
}

.short-video-page .web-filter-row-multi:not(.web-filter-row-time-type) section > div{
  flex-wrap: nowrap;
  gap: 8px 12px;
}

.short-video-page .web-filter-row:nth-of-type(6) div{
  gap: 8px 8px;
}

.short-video-page .web-filter-row:nth-of-type(6) button{
  padding-inline: 8px;
}

.short-video-page .web-filter-row:nth-of-type(6) button:first-child{
  padding-inline: 11px;
}

.short-video-page .web-price-range{
  gap: 5px;
  margin-left: 2px;
}

.short-video-page .web-price-range input{
  width: 72px;
  height: 28px;
  padding: 0 8px;
}

.short-video-page .web-filter-row .web-price-range .web-price-apply{
  min-width: 50px;
  height: 28px;
  padding: 0 12px;
}

.short-video-page .web-filter-row-time-type{
  grid-template-columns: max-content max-content max-content;
  gap: 8px 16px;
}

.short-video-page .web-filter-row-time-type section{
  grid-template-columns: auto max-content;
  column-gap: 12px;
}

.short-video-page .web-filter-row-time-type section:first-child{
  grid-template-columns: 120px max-content;
  column-gap: 18px;
}

.short-video-page .web-filter-row-time-type section > div{
  flex-wrap: nowrap;
  gap: 8px 9px;
}

.short-video-page .web-resource-toolbar{
  grid-template-columns: minmax(320px, 1fr) 128px 132px 92px 104px;
}

.short-video-page .ml-list-header,
.short-video-page .ml-media-row{
  grid-template-columns: minmax(220px, 1.55fr) 92px 96px 112px 96px 112px minmax(230px, 1.35fr);
  min-width: 1080px;
}

.short-video-page .ml-media-info{
  grid-template-columns: 58px minmax(0, 1fr);
}

.short-video-page .ml-media-logo-rect{
  width: 52px;
  height: 52px;
  border-radius: 50%;
  object-fit: cover;
  background: #fff;
  box-shadow: 0 10px 22px rgba(26, 101, 221, 0.1);
}

.short-video-page .ml-platform-tag,
.short-video-page .ml-region-text,
.short-video-page .ml-publish-time-text,
.short-video-page .ml-count-tag{
  justify-self: center;
  color: var(--site-ink);
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}

.short-video-page .ml-platform-tag,
.short-video-page .ml-count-tag{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(181, 211, 255, 0.74);
  border-radius: 7px;
  color: #526a89;
  background: rgba(238, 245, 255, 0.9);
  box-shadow: none;
}

.short-video-page .ml-platform-tag.is-douyin{
  color: #122033;
  border-color: rgba(17, 221, 226, 0.44);
  background: rgba(17, 221, 226, 0.12);
}

.short-video-page .ml-platform-tag.is-kuaishou{
  color: #a14400;
  border-color: rgba(255, 135, 36, 0.42);
  background: rgba(255, 135, 36, 0.13);
}

.short-video-page .ml-platform-tag.is-xiaohongshu{
  color: #c81f43;
  border-color: rgba(255, 48, 86, 0.36);
  background: rgba(255, 48, 86, 0.1);
}

.short-video-page .ml-platform-tag.is-bilibili{
  color: #0f7fb8;
  border-color: rgba(43, 171, 238, 0.38);
  background: rgba(43, 171, 238, 0.11);
}

.short-video-page .ml-platform-tag.is-wechat{
  color: #159554;
  border-color: rgba(38, 191, 115, 0.36);
  background: rgba(38, 191, 115, 0.11);
}

.short-video-page .ml-platform-tag.is-weibo{
  color: #d26a00;
  border-color: rgba(255, 176, 48, 0.44);
  background: rgba(255, 176, 48, 0.13);
}

.short-video-page .ml-platform-tag.is-zhihu{
  color: #1769ff;
  border-color: rgba(23, 105, 255, 0.35);
  background: rgba(23, 105, 255, 0.09);
}

.short-video-page .ml-platform-tag.is-video{
  color: #5b52d6;
  border-color: rgba(104, 96, 255, 0.34);
  background: rgba(104, 96, 255, 0.09);
}

.short-video-page .ml-direct-price{
  justify-self: center;
  color: #10245c;
  font-size: 14px;
  font-weight: 950;
  white-space: nowrap;
}

.short-video-page .ml-publish-time-text{
  color: var(--site-blue);
}

.overseas-media-page .web-resource-toolbar{
  grid-template-columns: minmax(360px, 1fr) 128px 92px 104px;
}

.overseas-media-page .ml-list-header,
.overseas-media-page .ml-media-row{
  grid-template-columns: minmax(230px, 1.55fr) 108px 104px 112px 104px 112px minmax(240px, 1.35fr);
  min-width: 1080px;
}

.overseas-media-page .ml-direct-price{
  justify-self: center;
  color: #10245c;
  font-size: 14px;
  font-weight: 950;
  white-space: nowrap;
}

.overseas-media-page .ml-language-tag,
.overseas-media-page .ml-location-text,
.overseas-media-page .ml-cost-tag,
.overseas-media-page .ml-translate-tag{
  justify-self: center;
  color: var(--site-ink);
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
}

.overseas-media-page .ml-language-tag,
.overseas-media-page .ml-cost-tag,
.overseas-media-page .ml-translate-tag{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 7px;
  box-shadow: none;
}

.overseas-media-page .ml-language-tag{
  color: #1769ff;
  border: 1px solid rgba(23, 105, 255, 0.32);
  background: rgba(23, 105, 255, 0.08);
}

.overseas-media-page .ml-cost-tag{
  color: #159554;
  border: 1px solid rgba(38, 191, 115, 0.34);
  background: rgba(38, 191, 115, 0.1);
}

.overseas-media-page .ml-translate-tag{
  color: #5b52d6;
  border: 1px solid rgba(104, 96, 255, 0.34);
  background: rgba(104, 96, 255, 0.09);
}


/* merged from css/help-center.css */

.help-center-page{
  background: #f4f8ff;
}


.help-page{
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 7%, rgba(23, 105, 255, .10), transparent 28%),
    radial-gradient(circle at 84% 5%, rgba(32, 198, 255, .12), transparent 30%),
    linear-gradient(180deg, #edf5ff 0%, #f7fbff 42%, #ffffff 100%);
}

.help-container{
  width: 1200px;
  max-width: calc(100vw - 64px);
  margin: 0 auto;
}

.help-hero{
  position: relative;
  min-height: 360px;
  padding: 0;
  background: url("../img/media-list-banner-matrix.webp") center center / cover no-repeat;
  border-bottom: 1px solid rgba(205, 225, 255, .72);
}

.help-list-page .help-hero{
  background-image: url("../img/media-list-banner-network.webp");
}

.help-hero::before{
  content: none;
}

.help-hero::after{
  content: none;
}

.help-hero-grid{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 34px;
  min-height: 360px;
}

.help-hero-copy{
  padding: 0;
}

.help-hero-copy h1,
.help-hero-title{
  margin: 0;
  color: #07194f;
  font-size: 46px;
  line-height: 1.2;
  font-weight: 950;
  letter-spacing: -.8px;
}

.help-hero-copy p{
  margin: 16px 0 0;
  color: #526582;
  font-size: 17px;
  line-height: 1.86;
}

.help-hero-art{
  display: none;
}

.help-art-orbit,
.help-art-platform{
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.help-art-orbit{
  right: 8px;
  bottom: -2px;
  width: 420px;
  height: 142px;
  border: 1px solid rgba(132, 185, 255, .48);
  transform: rotate(-8deg);
  background: radial-gradient(circle at 50% 50%, rgba(23,105,255,.14), transparent 56%);
}

.help-art-platform{
  right: 92px;
  bottom: 12px;
  width: 280px;
  height: 78px;
  border: 1px solid rgba(141, 190, 255, .62);
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(181,221,255,.26));
  box-shadow: 0 18px 40px rgba(23, 105, 255, .18);
}

.help-art-card{
  position: absolute;
  border: 1px solid rgba(162, 199, 255, .72);
  border-radius: 22px;
  background:
    radial-gradient(circle at 22% 16%, rgba(255,255,255,.98), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.82), rgba(180,215,255,.62));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 22px 46px rgba(41, 96, 190, .16);
  backdrop-filter: blur(12px);
}

.help-art-doc{
  right: 128px;
  top: 18px;
  width: 176px;
  height: 196px;
  transform: rotate(5deg);
}

.help-art-doc span,
.help-art-doc i,
.help-art-doc b{
  position: absolute;
  left: 34px;
  right: 34px;
  height: 13px;
  border-radius: 999px;
  background: linear-gradient(90deg, #1769ff, #20c6ff);
  opacity: .72;
}

.help-art-doc span{ top: 46px; }
.help-art-doc i{ top: 84px; right: 54px; }
.help-art-doc b{ top: 122px; right: 68px; }

.help-art-layer{
  right: 72px;
  top: 54px;
  width: 140px;
  height: 168px;
  transform: rotate(2deg) translateX(54px);
  opacity: .72;
}

.help-art-bubble{
  position: absolute;
  right: 328px;
  top: 48px;
  width: 70px;
  height: 70px;
  display: grid;
  place-items: center;
  border-radius: 28px 28px 28px 8px;
  color: #fff;
  background: linear-gradient(135deg, #74b8ff, #416dff);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.62), 0 18px 38px rgba(23, 105, 255, .22);
  font-size: 42px;
  font-weight: 950;
}

.help-art-shield{
  position: absolute;
  right: 42px;
  top: 122px;
  width: 104px;
  height: 118px;
  display: grid;
  place-items: center;
  border-radius: 34px 34px 42px 42px;
  background: linear-gradient(145deg, rgba(32, 198, 255, .92), rgba(23, 105, 255, .95) 62%, rgba(109, 86, 255, .92));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.54), 0 24px 52px rgba(23, 105, 255, .26);
}

.help-art-shield img{
  width: 48px;
  height: 48px;
  filter: brightness(0) invert(1);
}

.help-category-shell{
  position: relative;
  z-index: 2;
  margin-top: -14px;
  padding: 18px;
  border: 1px solid rgba(188, 213, 255, .82);
  border-radius: 18px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 20px 48px rgba(47, 99, 178, .10), inset 0 1px 0 rgba(255,255,255,.96);
  backdrop-filter: blur(16px);
}

.help-category-grid{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.help-category-card{
  min-height: 112px;
  padding: 17px 10px 14px;
  border: 1px solid rgba(207, 224, 255, .64);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(242,247,255,.74));
  text-align: center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.help-category-card:hover{
  transform: translateY(-3px);
  border-color: rgba(23, 105, 255, .46);
  box-shadow: 0 16px 30px rgba(47, 99, 178, .11);
}

.help-category-icon{
  width: 52px;
  height: 52px;
  display: inline-grid;
  place-items: center;
  border-radius: 14px;
}

.help-category-icon img{
  width: 52px;
  height: 52px;
  display: block;
  object-fit: contain;
}

.help-category-card h3{
  margin: 12px 0 4px;
  color: #07194f;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 950;
}

.help-category-card p{
  margin: 0;
  color: #71829e;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
}

.help-main-grid{
  display: grid;
  grid-template-columns: minmax(0, 2fr) 360px;
  gap: 24px;
  padding: 20px 0 28px;
}

.help-card{
  border: 1px solid rgba(194, 217, 255, .78);
  border-radius: 14px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 18px 42px rgba(47, 99, 178, .09), inset 0 1px 0 rgba(255,255,255,.94);
  backdrop-filter: blur(14px);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

.help-card:hover{
  transform: translateY(-3px);
  border-color: rgba(23, 105, 255, .34);
  background: rgba(255,255,255,.96);
  box-shadow: 0 22px 48px rgba(47, 99, 178, .13), inset 0 1px 0 rgba(255,255,255,.98);
}

.help-card h2,
.help-card-head h2{
  margin: 0;
  color: #07194f;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 950;
}

.help-faq-card{
  padding: 24px 24px 18px;
}

.help-article-list-card{
  padding: 28px;
}

.help-list-head{
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(214, 227, 248, .86);
}

.help-list-head h2{
  margin: 0;
  color: #07194f;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 950;
}

.help-list-head p{
  margin: 8px 0 0;
  color: #647893;
  font-size: 14px;
  line-height: 1.65;
  font-weight: 750;
}

.help-article-list{
  display: grid;
}

.help-article-row{
  display: grid;
  grid-template-columns: 178px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  padding: 22px 0;
  border-bottom: 1px solid rgba(214, 227, 248, .82);
  color: inherit;
  text-decoration: none;
  transition: transform .22s ease, background .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.help-article-row:hover{
  transform: translateY(-3px);
  border-color: rgba(23, 105, 255, .38);
  background: transparent;
  box-shadow: none;
}

.help-article-row:hover h3{
  color: #1769ff;
}

.help-article-row-copy{
  min-width: 0;
}

.help-article-row h3{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  color: #10245c;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 950;
  transition: color .2s ease;
}

.help-article-row p{
  margin: 8px 0 12px;
  color: #526582;
  font-size: 14px;
  line-height: 1.65;
  font-weight: 700;
}

.help-article-row time{
  display: block;
  color: #7c8ba6;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 800;
}

.help-article-row img{
  width: 178px;
  aspect-ratio: 178 / 106;
  display: block;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 14px 30px rgba(47, 99, 178, .12);
  transition: transform .24s ease, box-shadow .24s ease;
}

.help-article-row:hover img{
  transform: scale(1.035);
  box-shadow: 0 18px 34px rgba(47, 99, 178, .18);
}

.help-pagination{
  --primary-gradient: linear-gradient(100deg, #1769ff 0%, #246dff 54%, #8548ff 100%);
  margin: 28px 0 4px;
}

.help-pagination.ml-pagination{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

.help-pagination .ml-page-btn{
  min-width: 38px;
  height: 38px;
  border: 1px solid rgba(173, 204, 255, 0.92);
  border-radius: 8px;
  color: #31557f;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(242,247,255,.92));
  font-size: 14px;
  font-weight: 850;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(38, 93, 178, 0.06), inset 0 1px 0 rgba(255,255,255,.92);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease, background .22s ease;
}

.help-pagination .ml-page-btn.is-active{
  color: #fff;
  border-color: transparent;
  background: var(--primary-gradient);
  box-shadow: 0 12px 24px rgba(23, 105, 255, 0.24);
}

.help-pagination .ml-page-btn:hover{
  color: #1769ff;
  border-color: rgba(23, 105, 255, 0.58);
  background: linear-gradient(180deg, rgba(255,255,255,1), rgba(236,245,255,.96));
  box-shadow: 0 12px 24px rgba(23, 105, 255, 0.12), inset 0 1px 0 rgba(255,255,255,.95);
  transform: translateY(-1px);
}

.help-pagination .ml-page-btn.is-active:hover{
  color: #fff;
  border-color: transparent;
  background: var(--primary-gradient);
}

.help-pagination p,
.help-pagination span{
  margin: 0;
  color: #526582;
  font-size: 14px;
  font-weight: 750;
}

.help-list-side{
  align-content: start;
}















.help-news-card{
  padding: 22px;
}

.help-news-list{
  display: grid;
  margin-top: 16px;
}

.help-news-list a{
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid rgba(214, 227, 248, .82);
  text-decoration: none;
  counter-increment: newsRank;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.help-news-list a:hover{
  transform: translateX(3px);
  background: linear-gradient(90deg, rgba(237,246,255,.88), rgba(255,255,255,0));
  border-color: rgba(23, 105, 255, .25);
}

.help-news-list{
  counter-reset: newsRank;
}

.help-news-list a::before{
  content: counter(newsRank, decimal-leading-zero);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  color: #1769ff;
  background: #eaf3ff;
  font-size: 11px;
  line-height: 1;
  font-weight: 950;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}

.help-news-list a:hover::before{
  color: #fff;
  background: #1769ff;
  transform: scale(1.06);
}

.help-news-list a:first-child{
  border-top: 0;
  padding-top: 0;
}

.help-news-list span{
  display: none;
  color: #7c8ba6;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 800;
}

.help-news-list strong{
  min-width: 0;
  color: #10245c;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.help-news-list a:hover strong{
  color: #1769ff;
}

.article-detail-page .help-news-list a{
  grid-template-columns: 24px minmax(0, 1fr);
}

.article-detail-page .help-news-list span{
  display: block;
  grid-column: 2;
  color: #7c8ba6;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 800;
}

.article-detail-page .help-news-list strong{
  font-size: 14px;
}

.article-detail-page .help-hero-grid{
  grid-template-columns: minmax(0, 1fr);
}

.article-detail-page .help-hero-copy{
  min-width: 0;
  text-align: center;
}

.article-detail-page .help-hero-copy h1,
.article-detail-page .help-hero-title{
  max-width: 100%;
  overflow: visible;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  animation: articleHeroTitleIn .72s cubic-bezier(.2, .8, .2, 1) both;
}

@keyframes articleHeroTitleIn {
  from{
    opacity: 0;
    transform: translateY(18px);
    filter: blur(8px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

.help-article-card{
  padding: 34px 38px 28px;
}

.help-article-card:hover{
  transform: translateY(-2px);
}

.help-article-head{
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(214, 227, 248, .86);
}

.help-article-back{
  display: inline-flex;
  align-items: center;
  margin-bottom: 18px;
  color: #1769ff;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 900;
  text-decoration: none;
}

.help-breadcrumb{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin-bottom: 18px;
  color: #71829e;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 800;
}

.help-breadcrumb a{
  color: #1769ff;
  text-decoration: none;
  transition: color .18s ease;
}

.help-breadcrumb a:hover{
  color: #0f4fd6;
}

.help-breadcrumb span{
  color: #a6b4ca;
}

.help-article-head h1,
.help-article-head h2{
  margin: 0;
  color: #07194f;
  font-size: 24px;
  line-height: 1.35;
  font-weight: 950;
  text-align: center;
}

.help-article-head time{
  display: block;
  margin-top: 14px;
  color: #71829e;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 800;
  text-align: center;
}

.help-article-content{
  padding: 26px 0 30px;
  color: #334463;
  font-size: 16px;
  line-height: 1.95;
}

.help-article-content p{
  margin: 0 0 18px;
}

.help-article-content h3{
  margin: 26px 0 10px;
  color: #10245c;
  font-size: 20px;
  line-height: 1.45;
  font-weight: 950;
}

.help-article-nav{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding-top: 22px;
  border-top: 1px solid rgba(214, 227, 248, .86);
}

.help-article-nav a{
  min-width: 0;
  display: grid;
  gap: 8px;
  min-height: 88px;
  padding: 18px 20px;
  border: 1px solid rgba(207, 224, 255, .78);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(242,247,255,.76));
  text-decoration: none;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

.help-article-nav a:hover{
  transform: translateY(-3px);
  border-color: rgba(23, 105, 255, .42);
  box-shadow: 0 14px 28px rgba(47, 99, 178, .11);
  background: linear-gradient(145deg, rgba(255,255,255,1), rgba(232,243,255,.92));
}

.help-article-nav span{
  color: #71829e;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 800;
}

.help-article-nav strong{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #10245c;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 950;
}

.help-card-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

.help-tabs{
  display: flex;
  align-items: center;
  gap: 44px;
  min-height: 42px;
  border-bottom: 1px solid rgba(210, 225, 249, .9);
}

.help-tabs :is(button, a){
  position: relative;
  height: 42px;
  border: 0;
  background: transparent;
  color: #526582;
  font-size: 15px;
  font-weight: 900;
  cursor: pointer;
}

.help-tabs :is(button, a).is-active{
  color: #1769ff;
}

.help-tabs :is(button, a).is-active::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #1769ff, #20c6ff);
}

.help-faq-list{
  padding-top: 14px;
}

.help-faq-item{
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 160px 20px;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 58px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid rgba(214, 227, 248, .82);
  color: #10245c;
  background: transparent;
  text-align: left;
  text-decoration: none;
  font: inherit;
  cursor: pointer;
  transition: background .18s ease, padding .18s ease;
}

.help-faq-item:hover{
  margin-inline: -10px;
  padding-inline: 10px;
  border-radius: 10px;
  background: rgba(239, 247, 255, .82);
}

.help-faq-item:focus-visible,
.help-hot-item:focus-visible{
  outline: 2px solid rgba(23, 105, 255, .35);
  outline-offset: 2px;
  border-radius: 10px;
}

.help-q-icon{
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #1769ff;
  background: #eaf3ff;
  font-size: 14px;
  line-height: 1;
  font-weight: 950;
}

.help-faq-title{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 900;
}

.help-faq-date{
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  color: #7c8ba6;
  font-size: 14px;
  line-height: 1.4;
  text-align: right;
}

.help-faq-arrow{
  color: #8ba0c2;
  font-size: 24px;
  line-height: 1;
}

.help-more-wrap{
  display: flex;
  justify-content: center;
  padding-top: 18px;
}

.help-outline-btn,
.help-contact-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 160px;
  padding: 0 22px;
  border: 1px solid rgba(23, 105, 255, .48);
  border-radius: 8px;
  color: #1769ff;
  background: rgba(255,255,255,.82);
  font-weight: 900;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.help-outline-btn:hover,
.help-contact-btn:hover{
  transform: translateY(-1px);
  background: #fff;
  box-shadow: 0 10px 22px rgba(23, 105, 255, .12);
}

.help-side{
  display: grid;
  gap: 14px;
  align-content: start;
}

.help-hot-card{
  padding: 22px 22px 18px;
}

.help-hot-card h2{
  margin-bottom: 16px;
}

.help-hot-item{
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 0;
  padding: 12px 0;
  border: 0;
  border-top: 1px solid rgba(214, 227, 248, .82);
  color: #10245c;
  background: transparent;
  text-align: left;
  font: inherit;
  cursor: pointer;
}

.help-hot-item:first-child{
  border-top: 0;
  padding-top: 0;
}

.help-hot-num{
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #1769ff;
  background: #e9f3ff;
  font-size: 11px;
  line-height: 1;
  font-weight: 950;
}

.help-hot-title{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 900;
}

.help-hot-view{
  color: #7d8aa5;
  font-size: 14px;
  font-weight: 800;
}

.help-hot-view::before{
  content: none;
  margin-right: 5px;
  color: #8ca8d9;
  font-size: 14px;
}

/* Homepage GEO entry + software plans */
.section.geo-entry-pricing{
  position:relative;
  overflow:hidden;
  padding:54px 0 60px;
  background:
    radial-gradient(circle at 82% 9%, rgba(120,105,255,.15), transparent 27%),
    radial-gradient(circle at 14% 26%, rgba(51,142,255,.13), transparent 28%),
    linear-gradient(180deg,#f5f9ff 0%,#fff 48%,#f6f8ff 100%);
}
.geo-entry-pricing::before,
.geo-entry-pricing::after{
  content:"";
  position:absolute;
  border-radius:999px;
  pointer-events:none;
}
.geo-entry-pricing::before{
  width:310px;height:310px;right:-120px;top:140px;
  border:1px solid rgba(92,95,255,.13);
  box-shadow:0 0 0 42px rgba(64,151,255,.025),0 0 0 86px rgba(121,91,255,.022);
}
.geo-entry-pricing::after{
  width:8px;height:8px;left:7%;top:215px;
  background:#7867ff;box-shadow:40px -80px 0 #72c8ff,1090px -120px 0 #a492ff,1140px 80px 0 #63c6ff;
  opacity:.45;
}
.geo-entry-pricing .container{position:relative;z-index:1;max-width:1200px;}
.geo-entry-heading{max-width:1040px;margin:0 auto 20px;text-align:center;}
.geo-entry-pricing .section-title{margin:0;color:#10224b;font-size:36px;line-height:1.25;font-weight:700;letter-spacing:-.02em;}
.geo-entry-pricing .section-title .accent{color:#315cff;}
.geo-entry-pricing .section-title-accent{width:48px;height:3px;margin:13px auto 10px;border-radius:9px;background:linear-gradient(90deg,#166fff,#7359ff);}
.geo-entry-pricing .section-subtitle{max-width:1020px;margin:0 auto;color:#60708e;font-size:15px;line-height:1.65;}

.geo-entry-shift{
  display:grid;grid-template-columns:1fr 110px 1fr;align-items:center;
  min-height:150px;margin:0 0 24px;padding:11px 22px;
  border:1px solid rgba(91,143,255,.25);border-radius:24px;
  background:rgba(255,255,255,.72);box-shadow:0 18px 48px rgba(43,91,172,.10);backdrop-filter:blur(10px);
}
.geo-entry-stage{position:relative;display:grid;grid-template-columns:142px 1fr;align-items:center;gap:18px;min-width:0;padding:9px 14px;border:1px solid transparent;border-radius:18px;transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease;}
.geo-entry-stage.is-ai{padding-right:132px;background:linear-gradient(115deg,rgba(237,243,255,.7),rgba(243,239,255,.8));}
.geo-entry-stage:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(43,91,172,.16);}
.geo-entry-stage.is-search:hover{border-color:rgba(44,136,255,.34);background:rgba(239,247,255,.86);}
.geo-entry-stage.is-ai:hover{border-color:rgba(104,83,255,.38);background:linear-gradient(115deg,rgba(230,240,255,.96),rgba(239,234,255,.98));}
.geo-entry-stage>img{width:142px;height:108px;border-radius:15px;object-fit:cover;box-shadow:0 11px 28px rgba(27,76,158,.15);}
.geo-entry-stage.is-search>img{object-position:27% center;filter:saturate(.78);}
.geo-entry-stage.is-ai>img{object-position:75% center;}
.geo-entry-stage div{min-width:0;}
.geo-entry-stage div>span{display:block;margin-bottom:7px;color:#54709e;font-size:14px;font-weight:600;}
.geo-entry-stage h3{margin:0 0 7px;color:#152958;font-size:19px;line-height:1.35;font-weight:700;}
.geo-entry-stage p{margin:0;color:#657590;font-size:14px;line-height:1.55;}
.geo-entry-stage>strong{position:absolute;right:16px;top:50%;width:102px;transform:translateY(-50%);padding:12px 9px;border-radius:14px;background:linear-gradient(145deg,#286dff,#6c52ff);box-shadow:0 11px 23px rgba(73,79,226,.24);color:#fff;font-size:14px;line-height:1.65;text-align:center;}
.geo-entry-stage>strong>span{display:block;}
.geo-entry-arrow{display:flex;flex-direction:column;align-items:center;gap:4px;color:#5268e9;}
.geo-entry-arrow span{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(71,110,255,.2);border-radius:50%;background:linear-gradient(145deg,#3c8cff,#7358ff);box-shadow:0 10px 25px rgba(69,86,227,.26);color:#fff;font-size:26px;line-height:1;}
.geo-entry-arrow small{font-size:14px;color:#71809b;white-space:nowrap;}

.geo-entry-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;}
.geo-entry-plan{position:relative;display:flex;flex-direction:column;min-height:488px;padding:0 25px 24px;overflow:hidden;border:1px solid rgba(93,142,240,.31);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 17px 40px rgba(39,73,138,.11);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;}
.geo-entry-plan::after{content:"";position:absolute;inset:auto -60px -95px auto;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(81,151,255,.12),transparent 68%);pointer-events:none;}
.geo-entry-plan:hover{transform:translateY(-7px);border-color:#5c7dff;box-shadow:0 23px 52px rgba(54,76,171,.18);}
.geo-entry-plan.is-pro{transform:translateY(-8px);border:2px solid #6b56ff;box-shadow:0 22px 54px rgba(92,75,221,.20);}
.geo-entry-plan.is-pro:hover{transform:translateY(-14px);}
.geo-entry-recommend{position:absolute;z-index:2;right:18px;top:14px;padding:7px 13px;border-radius:999px;background:linear-gradient(90deg,#256eff,#7356ff);box-shadow:0 8px 20px rgba(74,78,226,.25);color:#fff;font-size:14px;font-weight:700;}
.geo-entry-plan-head{position:relative;height:132px;margin:0 -25px 16px;padding:22px 20px 16px;overflow:hidden;background:linear-gradient(130deg,#edf5ff,#f1efff);}
.geo-entry-plan.is-free .geo-entry-plan-head{background:linear-gradient(130deg,#edf6ff,#f7f9ff);}
.geo-entry-plan.is-enterprise .geo-entry-plan-head{background:linear-gradient(130deg,#eef2ff,#eeeaff);}
.geo-entry-plan-head::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.07) 48%,rgba(255,255,255,.48));pointer-events:none;}
.geo-entry-plan-head>div{position:relative;z-index:2;width:62%;}
.geo-entry-plan-head span{display:block;margin-bottom:6px;color:#5270a5;font-size:14px;font-weight:600;}
.geo-entry-plan-head h3{margin:0 0 7px;color:#142857;font-size:24px;line-height:1.2;font-weight:700;}
.geo-entry-plan-head p{margin:0;color:#677793;font-size:14px;line-height:1.45;}
.geo-entry-plan-head img{position:absolute;z-index:1;right:0;top:0;width:48%;height:100%;object-fit:cover;object-position:72% center;mix-blend-mode:multiply;opacity:.88;}
.geo-entry-plan.is-pro .geo-entry-plan-head img{opacity:1;}
.geo-entry-price{display:flex;align-items:flex-end;gap:8px;min-height:56px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e4eaf7;}
.geo-entry-price strong{color:#112754;font-size:34px;line-height:1;font-weight:750;letter-spacing:-.03em;}
.geo-entry-plan.is-enterprise .geo-entry-price strong{font-size:29px;}
.geo-entry-price span{padding-bottom:3px;color:#71809a;font-size:14px;}
.geo-entry-plan ul{display:grid;gap:8px;margin:0 0 20px;padding:0;list-style:none;}
.geo-entry-plan li{position:relative;padding-left:22px;color:#526480;font-size:14px;line-height:1.45;}
.geo-entry-plan li::before{content:"✓";position:absolute;left:0;top:0;color:#20b584;font-weight:800;}
.geo-entry-cta{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;margin-top:auto;border:1px solid #6b7fff;border-radius:11px;color:#3865ee;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;}
.geo-entry-cta span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:currentColor;color:transparent;position:relative;}
.geo-entry-cta span::after{content:"→";position:absolute;color:#fff;font-size:13px;line-height:1;transform:translateY(-1px);}
.geo-entry-cta.is-primary{border-color:transparent;background:linear-gradient(90deg,#176fff,#6c4eff);box-shadow:0 10px 24px rgba(65,78,226,.24);color:#fff;}
.geo-entry-cta.is-primary span{background:rgba(255,255,255,.22);}
.geo-entry-cta:hover{transform:translateY(-2px);box-shadow:0 11px 25px rgba(50,82,190,.18);}
.geo-entry-more{display:flex;justify-content:center;align-items:center;gap:8px;width:max-content;margin:28px auto 0;color:#3f61d8;font-size:15px;font-weight:650;text-decoration:none;}
.geo-entry-more:hover{color:#654cff;}

@media (max-width: 980px){
  .section.geo-entry-pricing{padding:56px 0 54px;}
  .geo-entry-pricing .section-title{font-size:32px;}
  .geo-entry-shift{grid-template-columns:1fr 72px 1fr;padding:14px;}
  .geo-entry-stage{grid-template-columns:100px 1fr;gap:12px;padding:8px;}
  .geo-entry-stage>img{width:100px;height:104px;}
  .geo-entry-stage.is-ai{padding-right:8px;}
  .geo-entry-stage>strong{display:none;}
  .geo-entry-stage h3{font-size:17px;}
  .geo-entry-plans{gap:14px;}
  .geo-entry-plan{padding-right:18px;padding-left:18px;}
  .geo-entry-plan-head{margin-right:-18px;margin-left:-18px;padding-left:17px;}
  .geo-entry-plan-head h3{font-size:22px;}
}

@media (max-width: 760px){
  .section.geo-entry-pricing{padding:48px 0;}
  .geo-entry-pricing .section-title{font-size:28px;}
  .geo-entry-heading{margin-bottom:22px;}
  .geo-entry-pricing .section-subtitle{font-size:14px;}
  .geo-entry-shift{grid-template-columns:1fr;gap:9px;padding:12px;border-radius:19px;}
  .geo-entry-stage{grid-template-columns:92px 1fr;}
  .geo-entry-stage>img{width:92px;height:94px;}
  .geo-entry-arrow{flex-direction:row;justify-content:center;}
  .geo-entry-arrow span{width:38px;height:38px;transform:rotate(90deg);font-size:21px;}
  .geo-entry-arrow small{font-size:14px;}
  .geo-entry-plans{grid-template-columns:1fr;gap:18px;}
  .geo-entry-plan,.geo-entry-plan.is-pro{min-height:0;transform:none;}
  .geo-entry-plan.is-pro:hover,.geo-entry-plan:hover{transform:translateY(-4px);}
  .geo-entry-plan-head{height:126px;}
  .geo-entry-plan ul{grid-template-columns:1fr 1fr;}
  .geo-entry-more{font-size:14px;}
}

@media (max-width: 440px){
  .geo-entry-stage{grid-template-columns:78px 1fr;}
  .geo-entry-stage>img{width:78px;height:84px;}
  .geo-entry-stage h3{font-size:16px;}
  .geo-entry-plan ul{grid-template-columns:1fr;}
}

/* GEO industry cards v2: image placement aligned with software pricing cards */
.geo-industry-v2-section .site-container{
  width:min(1200px,calc(100% - 40px));
  max-width:1200px;
}

.geo-industry-v2-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.geo-industry-v2-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(146,181,239,.64);
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 34px rgba(31,70,146,.10);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}

.geo-industry-v2-card:hover{
  transform:translateY(-6px);
  border-color:rgba(75,119,239,.72);
  box-shadow:0 22px 46px rgba(31,70,146,.16);
}

.geo-industry-v2-hero{
  position:relative;
  aspect-ratio:2/1;
  overflow:hidden;
  background:#1028a8;
}

.geo-industry-v2-hero img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .38s ease;
}

.geo-industry-v2-card:hover .geo-industry-v2-hero img{
  transform:scale(1.035);
}

.geo-industry-v2-hero h3{
  position:absolute;
  z-index:2;
  top:28px;
  left:28px;
  max-width:42%;
  margin:0;
  color:#fff;
  font-size:23px;
  font-weight:850;
  line-height:1.3;
  text-shadow:0 3px 12px rgba(5,22,101,.28);
}

.geo-industry-v2-body{
  min-height:112px;
  padding:18px 24px 20px;
  box-sizing:border-box;
}

.geo-industry-v2-body span{
  display:inline-flex;
  margin-bottom:9px;
  padding:4px 9px;
  border-radius:6px;
  background:#eef4ff;
  color:#1769ff;
  font-size:14px;
  font-weight:800;
  line-height:1.2;
}

.geo-industry-v2-body p{
  margin:0;
  color:#536789;
  font-size:14px;
  font-weight:600;
  line-height:1.65;
}

@media(max-width:920px){
  .geo-industry-v2-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }
}

@media(max-width:620px){
  .geo-industry-v2-section .site-container{
    width:min(100% - 28px,560px);
  }

  .geo-industry-v2-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }

  .geo-industry-v2-card{
    border-radius:14px;
  }

  .geo-industry-v2-hero h3{
    top:12px;
    left:12px;
    font-size:17px;
  }

  .geo-industry-v2-body{
    min-height:0;
    padding:12px 12px 14px;
  }

  .geo-industry-v2-body span{
    margin-bottom:7px;
    padding:4px 7px;
  }
}

/* GEO core capabilities v4: selected 2 x 4 blue / violet SaaS card system */
.geo-core-showcase-v4{
  padding:82px 0 88px;
}

.geo-core-showcase-v4 .geo-core-showcase-v4-shell{
  width:min(1200px,calc(100% - 40px));
  max-width:1200px;
  margin:0 auto;
}

.geo-core-showcase-v4 .geo-core-v3-heading{
  margin:0 auto 34px;
}

.geo-core-showcase-v4-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px 18px;
}

.geo-core-showcase-v4-card{
  position:relative;
  display:flex;
  min-width:0;
  min-height:392px;
  padding:18px 10px 10px;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(146,181,239,.62);
  border-radius:14px;
  background:rgba(255,255,255,.94);
  box-shadow:0 9px 20px rgba(25,69,145,.08);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}

.geo-core-showcase-v4-card::before{
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:6px;
  background:#1769ff;
  content:"";
}

.geo-core-showcase-v4-card.is-violet::before{
  background:#6d56ff;
}

.geo-core-showcase-v4-card:hover{
  transform:translateY(-5px);
  border-color:rgba(65,112,242,.58);
  box-shadow:0 18px 34px rgba(31,70,146,.14);
}

.geo-core-showcase-v4-head{
  display:grid;
  min-height:100px;
  padding:0 6px;
  grid-template-columns:minmax(0,1fr) 94px;
  grid-template-rows:32px 1fr;
  align-items:center;
}

.geo-core-showcase-v4-head>span{
  display:inline-flex;
  width:44px;
  height:26px;
  align-items:center;
  justify-content:center;
  border-radius:7px;
  background:#1769ff;
  box-shadow:0 5px 11px rgba(23,105,255,.20);
  color:#fff;
  font-size:15px;
  font-weight:800;
  line-height:1;
}

.geo-core-showcase-v4-card.is-violet .geo-core-showcase-v4-head>span{
  background:#6d56ff;
  box-shadow:0 5px 11px rgba(109,86,255,.18);
}

.geo-core-showcase-v4-head h3{
  align-self:end;
  margin:0 0 8px;
  color:#0b214f;
  font-size:18px;
  font-weight:700;
  line-height:1.3;
  white-space:nowrap;
}

@media(min-width:1101px) and (max-width:1320px){
  .geo-core-showcase-v4 .geo-core-showcase-v4-shell{
    width:calc(100% - 160px);
    margin-right:20px;
    margin-left:140px;
  }

  .geo-core-showcase-v4-grid{
    gap:16px 14px;
  }

  .geo-core-showcase-v4-head{
    grid-template-columns:minmax(0,1fr) 82px;
  }

  .geo-core-showcase-v4-head h3{
    font-size:16px;
  }

  .geo-core-showcase-v4-head>img{
    width:82px;
    height:82px;
  }
}

@media(max-width:768px){
  body.geo-page .geo-visibility-copy .geo-visibility-kicker{
    max-width:none;
    margin:0 0 10px;
    padding:6px 10px;
    font-size:12px;
    line-height:1.2;
    white-space:normal;
  }

  body.geo-page .geo-visibility-copy .geo-visibility-kicker::before{
    width:6px;
    height:6px;
    margin-right:7px;
  }
}

/* Homepage full-chain solution — selected product-design direction 2 */
.chain2-section{
  position:relative;
  isolation:isolate;
  padding:28px 0 42px;
  overflow:hidden;
  background:
    radial-gradient(circle at 74% 8%,rgba(116,95,255,.10),transparent 26%),
    radial-gradient(circle at 60% 20%,rgba(45,177,255,.09),transparent 30%),
    linear-gradient(180deg,#f3f8ff 0%,#edf5ff 58%,#f6f9ff 100%);
}

.chain2-accent{
  position:absolute;
  z-index:-1;
  top:20px;
  right:max(calc((100vw - 1200px)/2 - 16px),20px);
  width:340px;
  height:auto;
  opacity:.44;
  pointer-events:none;
}

.chain2-wrap{
  position:relative;
  width:min(1200px,calc(100% - 40px));
  margin:0 auto;
}

.chain2-head{
  max-width:920px;
  margin:0 auto 26px;
  text-align:center;
}

.chain2-head h2{
  margin:0;
  color:#0a214f;
  font-size:42px;
  line-height:1.18;
  font-weight:850;
  letter-spacing:-1px;
  text-wrap:balance;
}

.chain2-head-line{
  width:64px;
  height:4px;
  margin:18px auto 16px;
  border-radius:999px;
  background:linear-gradient(90deg,#1577ff,#6c4dff);
}

.chain2-head p{
  margin:0;
  color:#50617e;
  font-size:16px;
  line-height:1.7;
  font-weight:550;
}

.chain2-grid{
  display:grid;
  grid-template-columns:minmax(0,742px) minmax(0,440px);
  gap:18px;
  align-items:stretch;
}

.chain2-geo-card,
.chain2-service-card,
.chain2-partner{
  box-sizing:border-box;
  border:1px solid rgba(120,165,240,.58);
  background:#f7fbff;
  box-shadow:0 14px 36px rgba(45,92,166,.08),inset 0 1px 0 rgba(255,255,255,.92);
}

.chain2-geo-card{
  position:relative;
  min-height:480px;
  overflow:hidden;
  border-radius:20px;
  transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease;
}

.chain2-geo-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  border-radius:20px;
  background:radial-gradient(circle at 74% 54%,rgba(95,76,255,.09),transparent 38%);
  pointer-events:none;
}

.chain2-geo-card:hover{
  transform:translateY(-4px);
  border-color:rgba(94,99,255,.76);
  box-shadow:0 22px 48px rgba(54,88,190,.14),0 0 0 1px rgba(102,76,255,.08);
}

.chain2-geo-copy{
  position:relative;
  z-index:2;
  width:53%;
  padding:28px 0 26px 30px;
}

.chain2-service-title{
  display:flex;
  align-items:center;
  gap:12px;
  color:#0a214f;
}

.chain2-service-title>img{
  width:40px;
  height:40px;
  object-fit:contain;
  border-radius:12px;
  filter:drop-shadow(0 8px 14px rgba(63,108,225,.16));
}

.chain2-service-title strong{
  font-size:24px;
  line-height:1.2;
  font-weight:830;
}

.chain2-service-title.is-geo{
  color:#564cff;
}

.chain2-geo-copy h3{
  width:390px;
  margin:22px 0 10px;
  color:#071c46;
  font-size:29px;
  line-height:1.24;
  font-weight:900;
  letter-spacing:-.7px;
}

.chain2-geo-copy>p{
  width:365px;
  margin:0;
  color:#4d5f7f;
  font-size:14px;
  line-height:1.7;
  font-weight:560;
}

.chain2-steps{
  display:grid;
  gap:11px;
  width:350px;
  margin:16px 0 14px;
  padding:0;
  list-style:none;
}

.chain2-steps li{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  align-items:center;
}

.chain2-steps li>b{
  display:grid;
  width:36px;
  height:36px;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg,#3377ff,#6b4cff);
  box-shadow:0 8px 18px rgba(80,74,255,.25);
  font-size:14px;
  font-weight:800;
}

.chain2-steps span,
.chain2-steps strong,
.chain2-steps em{
  display:block;
}

.chain2-steps strong{
  color:#3153e8;
  font-size:14px;
  line-height:1.3;
  font-weight:800;
}

.chain2-steps em{
  margin-top:3px;
  color:#65728b;
  font-size:14px;
  line-height:1.45;
  font-style:normal;
  font-weight:550;
}

.chain2-geo-benefits{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:360px;
  min-height:66px;
  margin-bottom:14px;
  overflow:hidden;
  border:1px solid rgba(177,202,244,.66);
  border-radius:12px;
  background:rgba(255,255,255,.76);
  box-shadow:0 8px 20px rgba(47,94,175,.07);
}

.chain2-geo-benefits span{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:0 8px;
  align-content:center;
  padding:9px 10px;
  border-left:1px solid rgba(190,208,238,.7);
}

.chain2-geo-benefits span:first-child{
  border-left:0;
}

.chain2-geo-benefits img{
  grid-row:1/3;
  width:32px;
  height:32px;
  box-sizing:border-box;
  padding:5px;
  border:1px solid rgba(177,202,244,.72);
  border-radius:10px;
  background:linear-gradient(145deg,#fff,#eef5ff);
  box-shadow:0 5px 12px rgba(67,102,184,.10);
  object-fit:contain;
}

.chain2-geo-benefits b{
  color:#2767ee;
  font-size:14px;
  line-height:1.25;
}

.chain2-geo-benefits em{
  color:#69758b;
  font-size:14px;
  line-height:1.4;
  font-style:normal;
  white-space:nowrap;
}

.chain2-geo-visual{
  position:absolute;
  z-index:1;
  top:104px;
  right:22px;
  width:40%;
  height:auto;
  object-fit:contain;
  transition:transform .42s cubic-bezier(.22,.8,.22,1);
}

.chain2-ai-logos{
  position:absolute;
  z-index:3;
  right:34px;
  bottom:24px;
  display:grid;
  grid-template-columns:repeat(6,46px);
  gap:8px;
}

.chain2-ai-logos span{
  display:grid;
  width:46px;
  height:46px;
  place-items:center;
  box-sizing:border-box;
  border:1px solid rgba(174,198,242,.72);
  border-radius:13px;
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 18px rgba(60,94,180,.13),inset 0 1px 0 #fff;
  transition:transform .28s ease,box-shadow .28s ease;
}

.chain2-ai-logos img{
  display:block;
  width:31px;
  height:31px;
  object-fit:contain;
}

.chain2-ai-logos span:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 24px rgba(64,85,205,.2),0 0 0 2px rgba(98,91,255,.08);
}

.chain2-geo-card:hover .chain2-geo-visual{
  transform:translateY(-4px) scale(1.015);
}

.chain2-side{
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:18px;
}

.chain2-service-card{
  position:relative;
  min-height:258px;
  overflow:hidden;
  border-radius:18px;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}

.chain2-service-card:hover{
  transform:translateY(-3px);
  border-color:rgba(92,137,235,.76);
  box-shadow:0 20px 40px rgba(45,92,166,.13);
}

.chain2-service-copy{
  position:relative;
  z-index:2;
  width:64%;
  padding:22px 0 20px 22px;
}

.chain2-service-card .chain2-service-title strong{
  font-size:21px;
}

.chain2-service-copy>p{
  min-height:48px;
  margin:10px 0 14px;
  color:#50617d;
  font-size:14px;
  line-height:1.65;
  font-weight:550;
}

.chain2-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-bottom:14px;
}

.chain2-metrics span{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  gap:0 7px;
  min-width:0;
}

.chain2-metrics img{
  grid-row:1/3;
  width:32px;
  height:32px;
  object-fit:contain;
  filter:drop-shadow(0 5px 10px rgba(55,98,190,.10));
}

.chain2-metrics b{
  color:#126cf3;
  font-size:22px;
  line-height:1.05;
  font-weight:850;
  letter-spacing:-.3px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

.chain2-metrics em{
  margin-top:4px;
  color:#5d6a82;
  font-size:14px;
  line-height:1.3;
  font-style:normal;
}

.chain2-side-visual{
  position:absolute;
  z-index:1;
  right:8px;
  width:188px;
  height:188px;
  object-fit:contain;
  transition:transform .36s ease;
}

.chain2-side-visual.is-media{
  top:26px;
}

.chain2-side-visual.is-video{
  top:18px;
  right:10px;
  width:176px;
  height:204px;
}

.chain2-service-card:hover .chain2-side-visual{
  transform:translateY(-3px) scale(1.02);
}

.chain2-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:38px;
  margin:0;
  padding:0 18px;
  border:0;
  border-radius:9px;
  color:#fff;
  background:linear-gradient(110deg,#186ff3,#454cff);
  box-shadow:0 10px 22px rgba(38,94,238,.18);
  font-family:inherit;
  font-size:14px;
  line-height:1;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
  transition:transform .24s ease,box-shadow .24s ease,filter .24s ease;
}

.chain2-btn span{
  display:flex;
  width:20px;
  height:20px;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  padding:0 0 2px 1px;
  border-radius:50%;
  color:#2b60e8;
  background:#fff;
  font-family:Arial,sans-serif;
  font-size:18px;
  line-height:20px;
  font-weight:800;
}

.chain2-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(38,94,238,.25);
  filter:saturate(1.06);
}

.chain2-btn:focus-visible{
  outline:3px solid rgba(39,111,255,.28);
  outline-offset:3px;
}

.chain2-btn.is-primary{
  min-width:218px;
  height:40px;
  border-radius:11px;
  background:linear-gradient(110deg,#255ff2,#3385ff 62%,#6b4cff);
  font-size:14px;
}

.chain2-partner{
  display:grid;
  grid-template-columns:210px 1fr 1fr 1fr 190px;
  gap:0;
  align-items:center;
  min-height:96px;
  margin-top:18px;
  padding:12px 18px;
  border-radius:18px;
}

.chain2-partner-title,
.chain2-partner-item{
  display:flex;
  align-items:center;
  min-width:0;
}

.chain2-partner-title{
  gap:12px;
}

.chain2-partner-title img{
  width:44px;
  height:44px;
  object-fit:contain;
}

.chain2-partner-title strong{
  color:#0a214f;
  font-size:23px;
  line-height:1.2;
}

.chain2-partner-item{
  gap:11px;
  min-height:56px;
  padding:0 14px;
  border-left:1px dashed rgba(155,183,228,.72);
  border-radius:12px;
  transition:transform .26s ease,background .26s ease,box-shadow .26s ease;
}

.chain2-partner-item:hover{
  transform:translateY(-4px);
  background:rgba(239,245,255,.92);
  box-shadow:0 12px 26px rgba(50,88,166,.13);
}

.chain2-partner-item>b{
  display:grid;
  flex:0 0 40px;
  width:40px;
  height:40px;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg,#3475ff,#674dff);
  box-shadow:0 8px 18px rgba(67,83,238,.18);
  font-size:14px;
  transition:transform .26s ease,box-shadow .26s ease;
}

.chain2-partner-item:hover>b{
  transform:scale(1.08) rotate(-3deg);
  box-shadow:0 12px 24px rgba(67,83,238,.28);
}

.chain2-partner-item.is-service>b img{
  width:24px;
  height:24px;
  object-fit:contain;
  filter:brightness(0) invert(1);
}

.chain2-partner-item span,
.chain2-partner-item strong,
.chain2-partner-item em{
  display:block;
}

.chain2-partner-item strong{
  color:#172d59;
  font-size:14px;
  line-height:1.35;
}

.chain2-partner-item em{
  margin-top:3px;
  color:#68748a;
  font-size:14px;
  line-height:1.35;
  font-style:normal;
}

.chain2-btn.is-partner{
  justify-self:end;
  width:168px;
  height:42px;
  border-radius:11px;
  background:linear-gradient(105deg,#6049f4,#2b75f6);
  font-size:14px;
}

@media(max-width:980px){
  .chain2-grid{
    grid-template-columns:1fr;
  }

  .chain2-side{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
  }

  .chain2-partner{
    grid-template-columns:1fr 1fr;
    gap:14px;
  }

  .chain2-partner-title,
  .chain2-btn.is-partner{
    justify-self:stretch;
  }

  .chain2-btn.is-partner{
    width:100%;
  }
}

@media(max-width:720px){
  .chain2-section{
    padding:46px 0 44px;
  }

  .chain2-accent{
    top:4px;
    right:-80px;
    width:250px;
    opacity:.3;
  }

  .chain2-wrap{
    width:calc(100% - 32px);
  }

  .chain2-head{
    margin-bottom:26px;
  }

  .chain2-head h2{
    font-size:26px;
    line-height:1.25;
    letter-spacing:-.4px;
  }

  .chain2-head-line{
    width:52px;
    height:3px;
    margin:14px auto 12px;
  }

  .chain2-head p{
    font-size:14px;
    line-height:1.65;
  }

  .chain2-geo-card{
    min-height:0;
    padding-bottom:76px;
  }

  .chain2-geo-copy{
    width:auto;
    padding:22px 20px 24px;
  }

  .chain2-geo-copy h3,
  .chain2-geo-copy>p,
  .chain2-steps,
  .chain2-geo-benefits{
    width:100%;
  }

  .chain2-geo-copy h3{
    margin-top:18px;
    font-size:25px;
  }

  .chain2-geo-copy>p{
    font-size:14px;
  }

  .chain2-geo-visual{
    display:none;
  }

  .chain2-ai-logos{
    right:50%;
    bottom:18px;
    grid-template-columns:repeat(6,42px);
    gap:7px;
    transform:translateX(50%);
  }

  .chain2-ai-logos span{
    width:42px;
    height:42px;
    border-radius:12px;
  }

  .chain2-ai-logos img{
    width:28px;
    height:28px;
  }

  .chain2-geo-card:hover .chain2-geo-visual{
    transform:translateX(50%);
  }

  .chain2-side{
    grid-template-columns:1fr;
  }

  .chain2-service-card{
    min-height:256px;
  }

  .chain2-service-copy{
    width:64%;
  }

  .chain2-partner{
    grid-template-columns:1fr;
    padding:18px;
  }

  .chain2-partner-item{
    padding:10px 0;
    border-top:1px dashed rgba(155,183,228,.72);
    border-left:0;
  }

  .chain2-btn.is-partner{
    margin-top:2px;
  }
}

@media(max-width:430px){
  .chain2-geo-card{
    min-height:0;
  }

  .chain2-geo-benefits{
    grid-template-columns:1fr;
  }

  .chain2-geo-benefits span{
    min-height:66px;
    border-top:1px solid rgba(190,208,238,.7);
    border-left:0;
  }

  .chain2-geo-benefits span:first-child{
    border-top:0;
  }

  .chain2-geo-visual{
    width:300px;
    height:260px;
  }

  .chain2-service-copy{
    width:62%;
    padding-left:18px;
  }

  .chain2-service-card{
    min-height:300px;
  }

  .chain2-side-visual{
    right:-8px;
    width:150px;
  }

  .chain2-side-visual.is-video{
    right:-6px;
    width:142px;
  }

  .chain2-metrics{
    grid-template-columns:1fr;
  }

  .chain2-service-copy>p{
    min-height:60px;
  }
}

@media(prefers-reduced-motion:reduce){
  .chain2-geo-card,
  .chain2-service-card,
  .chain2-geo-visual,
  .chain2-side-visual,
  .chain2-btn{
    transition:none!important;
  }
}

/* GEO SEO-to-AI comparison: reduce vertical footprint by about 30% */


/* GEO SEO-to-AI comparison: full image presentation and refined motion */


@keyframes geoCompareRevealLeft{
  from{opacity:0;transform:translate3d(-26px,18px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}

@keyframes geoCompareRevealRight{
  from{opacity:0;transform:translate3d(28px,18px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}

@keyframes geoCompareBadgeIn{
  from{opacity:0;transform:translate(-50%,-50%) scale(.82)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}

@keyframes geoCompareFloat{
  0%,100%{transform:translate(-50%,-50%) translateY(0)}
  50%{transform:translate(-50%,-50%) translateY(-6px)}
}



.geo-core-showcase-v4-head>img{
  width:94px;
  height:94px;
  grid-column:2;
  grid-row:1/3;
  object-fit:contain;
  filter:drop-shadow(0 7px 9px rgba(36,89,178,.13));
}

.geo-core-showcase-v4-preview{
  display:flex;
  width:100%;
  margin:8px 0 10px;
  aspect-ratio:1.43;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid rgba(180,204,241,.52);
  border-radius:10px;
  background:#fff;
}

.geo-core-showcase-v4-preview img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.geo-core-showcase-v4-output{
  display:flex;
  min-height:44px;
  margin-top:auto;
  padding:7px 10px;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  border:1px solid rgba(180,204,241,.30);
  border-radius:8px;
  background:#eff4ff;
  color:#1b55b8;
  font-size:13px;
  line-height:1.35;
  text-align:center;
}

.geo-core-showcase-v4-card.is-violet .geo-core-showcase-v4-output{
  border-color:rgba(204,194,255,.34);
  background:#f2efff;
  color:#6047de;
}

.geo-core-showcase-v4-output img{
  width:20px;
  height:20px;
  margin-right:6px;
  object-fit:contain;
}

.geo-core-showcase-v4-output b{
  margin-right:4px;
  color:#1769ff;
  font-weight:800;
}

.geo-core-showcase-v4-card.is-violet .geo-core-showcase-v4-output b{
  color:#6d56ff;
}

@media(max-width:1100px){
  .geo-core-showcase-v4-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .geo-core-showcase-v4-card{
    min-height:430px;
  }
}

@media(max-width:760px){
  .geo-core-showcase-v4{
    padding:56px 0 62px;
  }

  .geo-core-showcase-v4 .geo-core-showcase-v4-shell{
    width:min(100% - 28px,560px);
  }

  .geo-core-showcase-v4 .geo-core-v3-heading{
    margin-bottom:24px;
  }

  .geo-core-showcase-v4-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .geo-core-showcase-v4-card{
    min-height:0;
    padding:16px 10px 10px;
  }

  .geo-core-showcase-v4-head{
    min-height:92px;
    grid-template-columns:minmax(0,1fr) 84px;
  }

  .geo-core-showcase-v4-head h3{
    font-size:19px;
  }

  .geo-core-showcase-v4-head>img{
    width:84px;
    height:84px;
  }

  .geo-core-showcase-v4-output{
    font-size:12px;
  }
}

.help-hot-view{
  display: none;
}

.help-hot-view::before{
  content: none;
}

.help-hot-item:hover{
  color: #1769ff;
}

.help-contact-help{
  position: relative;
  overflow: hidden;
  padding: 22px;
  background:
    radial-gradient(circle at 88% 68%, rgba(23, 105, 255, .16), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(232,244,255,.86));
}

.help-contact-help::after{
  content: "";
  position: absolute;
  inset: auto -42px -58px auto;
  width: 120px;
  height: 120px;
  border-radius: 999px;
  background: rgba(23, 105, 255, .08);
  pointer-events: none;
  transition: transform .28s ease, opacity .28s ease;
}

.help-contact-help > *{
  position: relative;
  z-index: 1;
}

.help-contact-help:hover::after{
  transform: translate(-10px, -10px) scale(1.08);
  opacity: .86;
}

.help-contact-copy p{
  margin: 8px 0 15px;
  color: #71829e;
  font-size: 14px;
  font-weight: 800;
}

.help-contact-grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 106px;
  align-items: end;
  gap: 12px;
}

.help-contact-items{
  display: grid;
  gap: 11px;
}

.help-contact-item{
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
}

.help-contact-item img{
  width: 44px;
  height: 44px;
  display: block;
  object-fit: contain;
}

.help-contact-item strong{
  display: block;
  color: #10245c;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 950;
}

.help-contact-item span{
  display: block;
  color: #7c8ba6;
  font-size: 14px;
  font-weight: 800;
}

.help-headset{
  width: 104px;
  height: 104px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.94), transparent 34%),
    linear-gradient(145deg, rgba(198,225,255,.96), rgba(132, 171, 255, .72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 18px 34px rgba(23, 105, 255, .16);
}

.help-headset img{
  width: 58px;
  height: 58px;
}

.help-contact-btn{
  width: 100%;
  margin-top: 18px;
}

.help-bottom-cta{
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr) auto;
  align-items: center;
  gap: 26px;
  min-height: 118px;
  margin: 0 auto 24px;
  padding: 24px 34px;
  border-radius: 16px;
  color: #fff;
  background:
    radial-gradient(circle at 9% 18%, rgba(255,255,255,.22), transparent 20%),
    linear-gradient(100deg, #1056e9 0%, #1769ff 48%, #20bdf8 100%);
  box-shadow: 0 20px 48px rgba(23, 105, 255, .24);
}

.help-cta-visual{
  position: relative;
  width: 86px;
  height: 72px;
}

.help-cta-visual img,
.help-cta-visual span{
  position: absolute;
  border-radius: 16px;
  background: rgba(255,255,255,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28);
}

.help-cta-visual img{
  width: 62px;
  height: 50px;
  left: 18px;
  top: 0;
  padding: 12px;
  filter: brightness(0) invert(1);
}

.help-cta-visual span{
  width: 42px;
  height: 34px;
  left: 0;
  bottom: 0;
}

.help-cta-copy h2{
  margin: 0;
  font-size: 28px;
  line-height: 1.25;
  font-weight: 950;
}

.help-cta-copy p{
  margin: 8px 0 0;
  color: rgba(255,255,255,.88);
  font-size: 15px;
  font-weight: 800;
}

.help-cta-actions{
  display: flex;
  gap: 18px;
}

.help-bottom-cta .btn{
  min-width: 140px;
  height: 44px;
  border-radius: 8px;
  font-weight: 900;
}

.help-bottom-cta .btn.ghost{
  color: #fff;
  border-color: rgba(255,255,255,.48);
  background: rgba(255,255,255,.08);
}

@media (max-width: 1180px) {
  .help-hero-grid,
.help-main-grid,
.help-bottom-cta{
    grid-template-columns: 1fr;
  }

  .help-hero-art{
    display: none;
  }

  .help-category-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .help-side{
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px) {
  .help-container{
    max-width: calc(100vw - 32px);
  }

  .help-hero-copy h1,
  .help-hero-title{
    font-size: 36px;
  }

  .help-category-grid,
.help-side{
    grid-template-columns: 1fr;
  }

  .help-tabs{
    gap: 22px;
    overflow-x: auto;
  }

  .help-article-list-card{
    padding: 22px 18px;
  }

  .help-article-row{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .help-article-row img{
    width: 100%;
  }

  .help-faq-item{
    grid-template-columns: 28px minmax(0, 1fr) 20px;
  }

  .help-faq-date{
    display: none;
  }

  .help-article-card{
    padding: 26px 20px 22px;
  }

  .help-article-nav{
    grid-template-columns: 1fr;
  }

  .help-bottom-cta{
    padding: 24px;
  }

  .help-cta-actions{
    flex-wrap: wrap;
  }
}


/* moved from agent-cooperation.html inline style */

.agent-page{
      --agent-ink: #101b40;
      --agent-body: #40506d;
      --agent-muted: #697996;
      --agent-blue: #086dff;
      --agent-cyan: #20c6ff;
      --agent-line: rgba(174, 208, 255, .72);
      --agent-soft: #f3f8ff;
      --agent-shadow: 0 18px 42px rgba(40, 91, 168, .12);
      --agent-section-title-size: 40px;
      --agent-section-sub-size: 16px;
      --agent-card-title-size: 20px;
      --agent-body-size: 14px;
      --agent-title: #101a3e;
      --agent-card-title: #10245a;
      --agent-text: #40516e;
      --agent-sub: #52617d;
      background:
        radial-gradient(circle at 10% 7%, rgba(40, 198, 255, .12), transparent 25%),
        linear-gradient(180deg, #eef6ff 0, #fff 28%, #f7fbff 100%);
      color: var(--agent-ink);
      font-family: MiSans, "Microsoft YaHei", sans-serif;
      overflow: hidden;
    }



    .agent-wrap{
      width: min(1200px, calc(100% - 56px));
      margin: 0 auto;
    }

    .agent-hero{
      position: relative;
      padding: 72px 0 64px;
      background:
        linear-gradient(105deg, rgba(239, 247, 255, .96), rgba(229, 242, 255, .72) 58%, rgba(219, 237, 255, .96)),
        url("../img/media-list-banner-network.webp") center / cover no-repeat;
      border-bottom: 1px solid rgba(195, 220, 255, .72);
    }

    .agent-hero::before{
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 6% 42%, rgba(32, 198, 255, .22), transparent 26%),
        linear-gradient(90deg, rgba(255,255,255,.86), rgba(255,255,255,.34) 54%, rgba(255,255,255,.1));
      pointer-events: none;
    }

    .agent-hero-grid{
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 500px) minmax(0, 640px);
      gap: 56px;
      align-items: center;
    }

    .agent-hero h1{
      margin: 0;
      color: #081735;
      font-size: 42px;
      line-height: 1.28;
      font-weight: 950;
      letter-spacing: 0;
    }

    .agent-hero h1 span,
.agent-section-title span{
      color: var(--agent-blue);
      background: linear-gradient(110deg, #086dff, #4f50ff);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .agent-hero p{
      max-width: 510px;
      margin: 22px 0 0;
      color: #334462;
      font-size: 15px;
      line-height: 1.9;
      font-weight: 700;
    }

    .agent-actions{
      display: flex;
      gap: 16px;
      margin-top: 30px;
    }

    .agent-btn{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 46px;
      min-width: 142px;
      padding: 0 24px;
      border: 1px solid rgba(8, 109, 255, .85);
      border-radius: 11px;
      color: var(--agent-blue);
      background: rgba(255,255,255,.72);
      box-shadow: 0 10px 22px rgba(8, 109, 255, .1);
      font-size: 15px;
      font-weight: 900;
      text-decoration: none;
      transition: transform .22s ease, box-shadow .22s ease;
    }

    .agent-btn.is-primary{
      color: #fff;
      background: linear-gradient(135deg, #086dff, #1e57f2);
      box-shadow: 0 14px 28px rgba(8, 109, 255, .24);
    }

    .agent-btn:hover{
      transform: translateY(-2px);
      box-shadow: 0 16px 32px rgba(8, 109, 255, .2);
    }

    .agent-chip-row{
      display: flex;
      flex-wrap: nowrap;
      gap: 10px;
      margin-top: 34px;
    }

    .agent-chip{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      flex: 1 1 0;
      justify-content: center;
      min-height: 38px;
      min-width: 0;
      padding: 0 10px;
      border: 1px solid rgba(198, 221, 255, .8);
      border-radius: 10px;
      background: rgba(255,255,255,.82);
      box-shadow: 0 10px 24px rgba(45, 96, 178, .08);
      color: #455672;
      font-size: 13px;
      font-weight: 850;
      transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease, background .24s ease;
    }

    .agent-chip img{
      width: 20px;
      height: 20px;
      display: block;
      flex: 0 0 20px;
      transition: transform .24s ease, filter .24s ease;
    }

    .agent-chip:hover{
      transform: translateY(-4px);
      border-color: rgba(8, 109, 255, .48);
      background: rgba(255,255,255,.94);
      box-shadow: 0 16px 30px rgba(45, 96, 178, .14);
    }

    .agent-chip:hover img{
      transform: scale(1.12);
      filter: drop-shadow(0 8px 12px rgba(8, 109, 255, .2));
    }

    

    

    .agent-hero-visual-image{
      width: 100%;
      min-height: 360px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .agent-hero-visual-image img{
      display: block;
      width: min(100%, 650px);
      height: auto;
      transition: transform .32s ease, filter .32s ease;
      will-change: transform;
    }

    .agent-hero-visual-image:hover img{
      transform: translateY(-10px) scale(1.025);
      filter: brightness(1.05) saturate(1.06);
    }

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    
    
    
    
    

    

    

    .agent-section{
      padding: 76px 0;
    }

    .agent-hero + .agent-section{
      padding-top: 72px;
    }

    .agent-section + .agent-section{
      padding-top: 76px;
    }

    main > .agent-section:last-of-type{
      padding-bottom: 80px;
    }

    .agent-section-head{
      margin-bottom: 30px;
      text-align: center;
    }

    .agent-section-title{
      margin: 0;
      color: var(--agent-title);
      font-size: var(--agent-section-title-size);
      line-height: 1.3;
      font-weight: 950;
    }

    .agent-section-title::after,
.agent-mode-head h3::after{
      content: "";
      display: block;
      width: 54px;
      height: 4px;
      margin: 16px auto 0;
      border-radius: 999px;
      background: linear-gradient(90deg, #086dff, #20c6ff);
      box-shadow: 0 10px 18px rgba(8, 109, 255, .18);
    }

    .agent-section-sub{
      margin: 12px auto 0;
      max-width: 760px;
      color: var(--agent-sub);
      font-size: var(--agent-section-sub-size);
      line-height: 1.7;
      font-weight: 700;
    }

    

    

    

    

    

    

    

    

    

    .agent-mode-compare{
      margin-top: 0;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px;
    }

    .agent-mode-head{
      margin: 0 0 30px;
      text-align: center;
    }

    .agent-mode-head h3{
      margin: 0;
      color: var(--agent-title);
      font-size: var(--agent-section-title-size);
      line-height: 1.3;
      font-weight: 950;
    }

    .agent-mode-head p{
      margin: 12px auto 0;
      max-width: 620px;
      color: var(--agent-sub);
      font-size: var(--agent-section-sub-size);
      line-height: 1.7;
      font-weight: 700;
    }

    .agent-mode-card{
      position: relative;
      overflow: hidden;
      min-height: 286px;
      display: block;
      padding: 28px 26px 26px;
      border-radius: 22px;
      border: 1px solid rgba(185, 218, 255, .86);
      background:
        linear-gradient(145deg, rgba(255,255,255,.99), rgba(239,248,255,.95)) padding-box,
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(110, 185, 255, .72) 48%, rgba(25, 122, 255, .5)) border-box;
      box-shadow:
        0 26px 64px rgba(33, 96, 190, .16),
        0 10px 26px rgba(8, 109, 255, .08),
        inset 0 1px 0 rgba(255,255,255,.96),
        inset -1px -1px 0 rgba(89, 166, 255, .24);
      transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    }

    .agent-mode-card:hover{
      transform: translateY(-7px);
      border-color: rgba(82, 159, 255, .9);
      box-shadow:
        0 34px 76px rgba(31, 102, 211, .22),
        0 14px 34px rgba(8, 109, 255, .12),
        inset 0 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(71, 154, 255, .32);
    }

    .agent-mode-card::before{
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background:
        linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.98) 40%, rgba(255,255,255,.56) 52%, rgba(255,255,255,0) 68%),
        linear-gradient(145deg, rgba(255,255,255,.26) 0%, transparent 34%, transparent 100%);
      pointer-events: none;
    }

    .agent-mode-card::after{
      content: "";
      position: absolute;
      inset: 0;
      z-index: 3;
      border-radius: inherit;
      pointer-events: none;
      box-shadow:
        inset 1px 1px 0 rgba(255,255,255,.98),
        inset -1px -1px 0 rgba(42, 137, 255, .34);
      background:
        linear-gradient(135deg, rgba(255,255,255,.75), transparent 24%, transparent 72%, rgba(8,109,255,.16));
      opacity: .9;
    }

    .agent-mode-content{
      position: relative;
      z-index: 4;
      max-width: 330px;
    }

    .agent-mode-badge{
      display: inline-flex;
      align-items: center;
      height: 30px;
      padding: 0 13px;
      border-radius: 10px;
      color: #086dff;
      background: rgba(8, 109, 255, .08);
      border: 1px solid rgba(8, 109, 255, .16);
      font-size: 13px;
      font-weight: 850;
    }

    .agent-mode-card h3{
      margin: 16px 0 0;
      color: var(--agent-card-title);
      font-size: var(--agent-card-title-size);
      line-height: 1.18;
      font-weight: 1000;
    }

    .agent-mode-title-row{
      display: flex;
      align-items: baseline;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 16px;
    }

    .agent-mode-title-row h3{
      margin: 0;
    }

    .agent-mode-price{
      display: flex;
      align-items: baseline;
      gap: 4px;
      margin-top: 0;
      color: #086dff;
      font-weight: 1000;
    }

    .agent-mode-price strong{
      font-size: 27px;
      line-height: 1;
      letter-spacing: 0;
    }

    .agent-mode-price span{
      color: #4f63f0;
      font-size: 15px;
      font-weight: 900;
    }

    .agent-mode-card p{
      margin: 12px 0 0;
      color: var(--agent-text);
      font-size: var(--agent-body-size);
      line-height: 1.7;
      font-weight: 700;
    }

    .agent-mode-list{
      display: grid;
      gap: 10px;
      margin: 22px 0 0;
      padding: 0;
      list-style: none;
    }

    .agent-mode-list li{
      position: relative;
      padding-left: 20px;
      color: var(--agent-text);
      font-size: var(--agent-body-size);
      line-height: 1.5;
      font-weight: 760;
    }

    .agent-mode-list li::before{
      content: "";
      position: absolute;
      left: 0;
      top: .55em;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: linear-gradient(135deg, #55dcff, #0876ff);
      box-shadow: 0 0 0 4px rgba(49, 173, 255, .14);
    }

    .agent-mode-link{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 36px;
      margin-top: 22px;
      padding: 0 16px;
      border-radius: 10px;
      color: #fff;
      background: linear-gradient(135deg, #086dff, #1c63f1);
      box-shadow: 0 12px 24px rgba(8, 109, 255, .2);
      font-size: 13px;
      font-weight: 900;
      text-decoration: none;
    }

    .agent-mode-visual{
      position: absolute;
      inset: 0;
      z-index: 0;
      min-height: 214px;
      border-radius: 0;
      background: transparent;
      border: 0;
      box-shadow: none;
    }

    .agent-mode-visual::before,
.agent-mode-visual::after{
      content: "";
      position: absolute;
      pointer-events: none;
    }

    .agent-mode-visual::before{
      inset: 18px 16px;
      border-radius: 16px;
      background:
        linear-gradient(90deg, rgba(8, 109, 255, .08) 1px, transparent 1px),
        linear-gradient(180deg, rgba(8, 109, 255, .08) 1px, transparent 1px);
      background-size: 22px 22px;
      mask-image: linear-gradient(120deg, transparent 0, #000 28%, #000 72%, transparent 100%);
    }

    .agent-mode-visual.has-image{
      display: block;
      padding: 0;
      background: transparent;
    }

    .agent-mode-visual.has-image::before{
      display: block;
      z-index: 0;
      left: 42%;
      right: 7%;
      bottom: 16px;
      height: 76px;
      border-radius: 999px;
      background: radial-gradient(ellipse at center, rgba(20, 105, 230, .24), rgba(32, 198, 255, .1) 44%, transparent 72%);
      filter: blur(10px);
      mask-image: none;
    }

    .agent-mode-visual.has-image::after{
      display: block;
      z-index: 2;
      inset: 18px 18px auto auto;
      width: 210px;
      height: 118px;
      border-radius: 999px;
      background: radial-gradient(ellipse at center, rgba(255,255,255,.62), transparent 68%);
      opacity: .14;
    }

    .agent-mode-visual.has-image img{
      position: relative;
      z-index: 1;
      display: block;
      width: 68%;
      height: 100%;
      margin-left: auto;
      object-fit: cover;
      object-position: center;
      border-radius: 0;
      filter: saturate(1) contrast(1) brightness(1) drop-shadow(0 24px 32px rgba(8, 109, 255, .16));
      transform: translate3d(0, 0, 0) scale(1.015);
      transition: transform .32s ease, filter .32s ease;
    }

    .agent-mode-card:hover .agent-mode-visual.has-image img{
      transform: translate3d(8px, -4px, 0) scale(1.04);
      filter: saturate(1.04) contrast(1.02) brightness(1) drop-shadow(0 30px 40px rgba(8, 109, 255, .22));
    }

    .agent-mode-oem .agent-mode-visual::after{
      left: 34px;
      top: 44px;
      width: 128px;
      height: 96px;
      border-radius: 14px;
      background:
        linear-gradient(#0b6fff, #0b6fff) 16px 16px / 48px 8px no-repeat,
        linear-gradient(#dceaff, #dceaff) 16px 36px / 92px 7px no-repeat,
        linear-gradient(#dceaff, #dceaff) 16px 52px / 72px 7px no-repeat,
        linear-gradient(135deg, #fff, #edf6ff);
      border: 1px solid rgba(95, 156, 255, .38);
      box-shadow:
        38px 42px 0 -8px #d8ebff,
        78px 70px 0 -10px #b7d7ff,
        0 20px 34px rgba(31, 98, 210, .18);
    }

    .agent-mode-api .agent-mode-visual::after{
      left: 40px;
      top: 38px;
      width: 124px;
      height: 104px;
      border-radius: 16px;
      background:
        linear-gradient(90deg, transparent 42px, rgba(30, 111, 255, .2) 43px, transparent 44px) 0 0 / 100% 100% no-repeat,
        linear-gradient(#0b6fff, #0b6fff) 20px 22px / 34px 8px no-repeat,
        linear-gradient(#20c6ff, #20c6ff) 70px 22px / 22px 8px no-repeat,
        linear-gradient(#dceaff, #dceaff) 20px 48px / 76px 7px no-repeat,
        linear-gradient(#dceaff, #dceaff) 20px 66px / 54px 7px no-repeat,
        linear-gradient(135deg, #fff, #edf8ff);
      border: 1px solid rgba(95, 156, 255, .38);
      box-shadow:
        -18px 56px 0 -18px #086dff,
        80px 54px 0 -14px #20c6ff,
        0 20px 34px rgba(31, 98, 210, .18);
    }

    

    

    

    

    

    

    

    

    .agent-sell-cards{
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
    }

    .agent-sell-card{
      position: relative;
      overflow: hidden;
      min-height: 430px;
      display: flex;
      flex-direction: column;
      padding: 18px 18px 20px;
      border: 1px solid rgba(168, 207, 255, .78);
      border-radius: 22px;
      background:
        radial-gradient(circle at 50% 24%, rgba(32, 198, 255, .13), transparent 38%),
        radial-gradient(circle at 12% 92%, rgba(8, 109, 255, .07), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(242,248,255,.92));
      box-shadow: 0 18px 46px rgba(38, 94, 188, .1);
      transition: transform .26s ease, border-color .26s ease, box-shadow .26s ease;
    }

    .agent-sell-card::after{
      content: "";
      position: absolute;
      right: -64px;
      top: -66px;
      width: 180px;
      height: 180px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(8,109,255,.09), transparent 68%);
      pointer-events: none;
    }

    .agent-sell-card:hover{
      transform: translateY(-5px);
      border-color: rgba(82, 159, 255, .82);
      box-shadow: 0 24px 58px rgba(31, 102, 211, .15);
    }

    .agent-sell-card-head{
      position: relative;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      margin: 10px 0 12px;
    }

    

    

    .agent-sell-card h3{
      margin: 0;
      color: var(--agent-card-title);
      font-size: var(--agent-card-title-size);
      line-height: 1.32;
      font-weight: 950;
      text-align: center;
    }

    .agent-sell-visual{
      position: relative;
      z-index: 1;
      display: grid;
      place-items: center;
      height: 178px;
      margin: 0 0 4px;
      border-radius: 18px;
      background:
        radial-gradient(ellipse at 50% 78%, rgba(8,109,255,.12), transparent 60%),
        linear-gradient(180deg, rgba(247,251,255,.72), rgba(255,255,255,.16));
    }

    .agent-sell-visual img{
      display: block;
      max-width: 112%;
      width: 260px;
      height: 188px;
      object-fit: contain;
      filter: drop-shadow(0 22px 28px rgba(8,109,255,.18));
      transition: transform .28s ease, filter .28s ease;
    }

    .agent-sell-card:hover .agent-sell-visual img{
      transform: translateY(-6px) scale(1.04);
      filter: drop-shadow(0 28px 34px rgba(8,109,255,.24));
    }

    .agent-sell-card-desc{
      position: relative;
      z-index: 1;
      margin: 0;
      padding: 0;
      color: var(--agent-text);
      font-size: var(--agent-body-size);
      line-height: 1.75;
      font-weight: 720;
    }

    .agent-sell-tags{
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
      margin-top: auto;
      padding-top: 18px;
    }

    .agent-sell-tags span{
      min-width: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 5px;
      height: 34px;
      padding: 0 7px;
      border: 1px solid rgba(174, 208, 255, .8);
      border-radius: 9px;
      color: #1d4f9f;
      background: rgba(255,255,255,.72);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.76);
      font-size: 12px;
      line-height: 1;
      font-weight: 850;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .agent-sell-tags span::before{
      content: "";
      width: 14px;
      height: 14px;
      flex: 0 0 auto;
      border-radius: 4px;
      background:
        radial-gradient(circle at 34% 32%, rgba(255,255,255,.85), transparent 25%),
        linear-gradient(145deg, #19c4ff, #086dff);
      box-shadow: 0 5px 9px rgba(8,109,255,.14);
    }

    .agent-system-proof{
      padding-top: 76px;
      background:
        radial-gradient(circle at 12% 20%, rgba(32, 198, 255, .1), transparent 28%),
        radial-gradient(circle at 88% 30%, rgba(8, 109, 255, .08), transparent 30%);
    }

    .agent-system-proof .agent-section-head{
      margin-bottom: 30px;
    }

    .agent-system-proof .agent-section-title{
      font-size: var(--agent-section-title-size);
      line-height: 1.3;
      letter-spacing: 0;
      font-weight: 950;
    }

    .agent-system-proof .agent-section-sub{
      margin-top: 12px;
      color: var(--agent-sub);
      font-size: var(--agent-section-sub-size);
      line-height: 1.7;
      font-weight: 700;
    }

    .agent-system-proof-panel{
      display: grid;
      grid-template-columns: 400px minmax(0, 1fr);
      gap: 28px;
      width: 1200px;
      max-width: 100%;
      height: 430px;
      margin: 0 auto;
      overflow: hidden;
      border: 1px solid rgba(174, 208, 255, .78);
      border-radius: 26px;
      background:
        radial-gradient(circle at 14% 18%, rgba(32, 198, 255, .13), transparent 34%),
        radial-gradient(circle at 88% 16%, rgba(8, 109, 255, .08), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(240,248,255,.94));
      box-shadow: 0 24px 58px rgba(39, 91, 168, .13);
      padding: 24px;
    }

    .agent-system-feature-grid{
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: repeat(4, 1fr);
      align-content: stretch;
      gap: 0;
      border-right: 0;
    }

    .agent-system-feature{
      position: relative;
      box-sizing: border-box;
      display: grid;
      grid-template-columns: 108px 32px minmax(0, 1fr);
      align-items: center;
      gap: 0;
      height: 100%;
      min-height: 0;
      padding: 0 18px 0 0;
      border: 0;
      border-bottom: 1px solid rgba(184, 214, 255, .62);
      border-radius: 0;
      text-align: left;
      background: transparent;
      transition: transform .26s ease, background .26s ease, box-shadow .26s ease, border-color .26s ease;
    }

    .agent-system-feature:last-child{
      border-bottom: 0;
    }

    .agent-system-feature:hover{
      z-index: 2;
      transform: translateX(3px);
      border-color: rgba(82, 159, 255, .68);
      background:
        radial-gradient(circle at 11% 50%, rgba(32, 198, 255, .13), transparent 42%),
        linear-gradient(90deg, rgba(255,255,255,.62), rgba(237,247,255,.18));
      box-shadow: none;
    }

    .agent-system-feature:nth-child(odd){
      border-right: 0;
    }

    .agent-system-feature:nth-child(-n+2){
      border-bottom: 1px solid rgba(184, 214, 255, .68);
    }

    .agent-system-feature-icon{
      position: relative;
      z-index: 1;
      width: 86px;
      height: 86px;
      margin: 0 auto;
      grid-column: 1;
      grid-row: 1 / span 3;
    }

    .agent-system-feature-icon img{
      display: block;
      width: 86px;
      height: 86px;
      object-fit: contain;
      filter: drop-shadow(0 18px 24px rgba(8, 109, 255, .18));
      transition: transform .26s ease, filter .26s ease;
    }

    .agent-system-feature:hover .agent-system-feature-icon img{
      transform: translateY(-4px) scale(1.08);
      filter: drop-shadow(0 22px 28px rgba(8, 109, 255, .26));
    }

    .agent-system-feature h3{
      grid-column: 3;
      margin: 10px 0 0;
      color: var(--agent-card-title);
      font-size: var(--agent-card-title-size);
      line-height: 1.28;
      font-weight: 950;
    }

    .agent-system-feature p{
      grid-column: 3;
      max-width: none;
      margin: 9px 0 0;
      color: var(--agent-text);
      font-size: 14px;
      line-height: 1.6;
      font-weight: 700;
    }

    .agent-system-feature::before{
      content: "";
      grid-column: 2;
      grid-row: 1 / span 3;
      justify-self: center;
      width: 2px;
      height: 58px;
      border-radius: 999px;
      background: linear-gradient(180deg, rgba(8, 109, 255, .86), rgba(32, 198, 255, .82));
    }

    .agent-system-feature::after{
      content: "";
      position: absolute;
      left: 124px;
      top: 50%;
      width: 9px;
      height: 9px;
      border-radius: 999px;
      background: #086dff;
      box-shadow: 0 0 0 5px rgba(8, 109, 255, .14);
      transform: translate(-50%, -50%);
    }

    .agent-system-dashboard{
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      min-height: 0;
      overflow: hidden;
      border: 0;
      border-radius: 20px;
      background: transparent;
      box-shadow: none;
    }

    .agent-system-dashboard img{
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center center;
      border-radius: 14px;
      transform: scale(1.02);
      transform-origin: center center;
      transition: transform .32s ease, filter .32s ease;
    }

    .agent-system-dashboard:hover img{
      transform: scale(1.03);
      filter: brightness(1.03) saturate(1.06);
    }

    .agent-support-panel{
      position: relative;
      overflow: hidden;
      display: grid;
      grid-template-columns: 380px minmax(0, 1fr);
      gap: 24px;
      min-height: 520px;
      padding: 28px 28px 28px 34px;
      border: 1px solid rgba(174, 208, 255, .78);
      border-radius: 28px;
      background:
        radial-gradient(circle at 18% 28%, rgba(32, 198, 255, .16), transparent 34%),
        radial-gradient(circle at 85% 16%, rgba(8, 109, 255, .1), transparent 30%),
        linear-gradient(145deg, rgba(248,252,255,.98), rgba(234,246,255,.94));
      box-shadow: 0 28px 64px rgba(39, 91, 168, .14);
    }

    .agent-support-left{
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-width: 0;
    }

    .agent-support-left h2{
      margin: 0;
      color: var(--agent-title);
      font-size: var(--agent-section-title-size);
      line-height: 1.3;
      font-weight: 950;
      letter-spacing: 0;
    }

    .agent-support-left h2::after{
      content: "";
      display: block;
      width: 54px;
      height: 4px;
      margin-top: 16px;
      border-radius: 999px;
      background: linear-gradient(90deg, #086dff, #20c6ff);
      box-shadow: 0 10px 18px rgba(8, 109, 255, .18);
    }

    .agent-support-left p{
      max-width: 360px;
      margin: 12px 0 0;
      color: var(--agent-sub);
      font-size: var(--agent-section-sub-size);
      line-height: 1.7;
      font-weight: 700;
    }

    .agent-support-visual{
      position: relative;
      min-height: 300px;
      margin: 8px 0 -14px -16px;
    }

    .agent-support-visual img{
      display: block;
      width: 100%;
      height: auto;
      object-fit: contain;
      filter: drop-shadow(0 24px 34px rgba(8, 109, 255, .16));
      transition: transform .32s ease, filter .32s ease;
    }

    .agent-support-panel:hover .agent-support-visual img{
      transform: translateY(-6px) scale(1.02);
      filter: drop-shadow(0 30px 42px rgba(8, 109, 255, .2));
    }

    .agent-support-matrix{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
      min-width: 0;
    }

    .agent-support-kicker{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 28px;
      padding: 0 14px;
      border-radius: 999px;
      color: #086dff;
      background: rgba(8, 109, 255, .08);
      border: 1px solid rgba(8, 109, 255, .16);
      font-size: 13px;
      font-weight: 900;
    }

    .agent-support-card{
      position: relative;
      display: grid;
      grid-template-columns: 112px minmax(0, 1fr);
      align-items: center;
      gap: 16px;
      min-height: 218px;
      padding: 20px 22px 20px 18px;
      border: 1px solid rgba(188, 215, 255, .72);
      border-radius: 18px;
      background:
        radial-gradient(circle at 22% 50%, rgba(8, 109, 255, .08), transparent 38%),
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(247,251,255,.95));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
      transition: transform .26s ease, border-color .26s ease, box-shadow .26s ease, background .26s ease;
    }

    .agent-support-card:hover{
      transform: translateY(-5px);
      border-color: rgba(82, 159, 255, .82);
      background:
        radial-gradient(circle at 24% 50%, rgba(32, 198, 255, .14), transparent 42%),
        linear-gradient(145deg, #fff, #f1f8ff);
      box-shadow: 0 18px 34px rgba(31, 102, 211, .12);
    }

    .agent-support-card-img{
      display: grid;
      place-items: center;
      min-width: 0;
    }

    .agent-support-card-img img{
      display: block;
      width: 108px;
      height: 108px;
      object-fit: contain;
      filter: drop-shadow(0 18px 22px rgba(8, 109, 255, .14));
      transition: transform .26s ease, filter .26s ease;
    }

    .agent-support-card:hover .agent-support-card-img img{
      transform: translateY(-4px) scale(1.04);
      filter: drop-shadow(0 22px 28px rgba(8, 109, 255, .2));
    }

    .agent-support-content{
      min-width: 0;
    }

    .agent-support-content h3{
      margin: 14px 0 0;
      color: var(--agent-card-title);
      font-size: var(--agent-card-title-size);
      line-height: 1.28;
      font-weight: 950;
    }

    .agent-support-content p{
      margin: 8px 0 0;
      color: var(--agent-text);
      font-size: var(--agent-body-size);
      line-height: 1.62;
      font-weight: 720;
    }

    .agent-support-points{
      display: grid;
      gap: 8px;
      margin: 14px 0 0;
      padding: 0;
      list-style: none;
    }

    .agent-support-points li{
      position: relative;
      padding-left: 18px;
      color: var(--agent-text);
      font-size: var(--agent-body-size);
      line-height: 1.5;
      font-weight: 820;
    }

    .agent-support-points li::before{
      content: "";
      position: absolute;
      left: 0;
      top: .58em;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: linear-gradient(135deg, #20c6ff, #086dff);
      box-shadow: 0 0 0 4px rgba(32, 198, 255, .12);
    }

    .agent-persona-grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .agent-persona-card{
      position: relative;
      overflow: hidden;
      min-height: 238px;
      padding: 22px 24px 24px;
      border: 1px solid rgba(174, 208, 255, .78);
      border-radius: 22px;
      background:
        radial-gradient(circle at 82% 18%, rgba(32, 198, 255, .16), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(239,248,255,.94));
      box-shadow: 0 18px 44px rgba(39, 91, 168, .1);
      transition: transform .26s ease, border-color .26s ease, box-shadow .26s ease, background .26s ease;
    }

    .agent-persona-card:hover{
      transform: translateY(-5px);
      border-color: rgba(82, 159, 255, .82);
      background:
        radial-gradient(circle at 82% 18%, rgba(32, 198, 255, .22), transparent 36%),
        linear-gradient(145deg, #fff, #edf7ff);
      box-shadow: 0 24px 56px rgba(31, 102, 211, .15);
    }

    .agent-persona-img{
      height: 118px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 12px;
    }

    .agent-persona-img img{
      display: block;
      width: 150px;
      height: 125px;
      object-fit: contain;
      filter: drop-shadow(0 18px 22px rgba(8, 109, 255, .16));
      transition: transform .26s ease, filter .26s ease;
    }

    .agent-persona-card:hover .agent-persona-img img{
      transform: translateY(-4px) scale(1.06);
      filter: drop-shadow(0 22px 28px rgba(8, 109, 255, .22));
    }

    .agent-persona-card h3{
      margin: 0;
      color: var(--agent-card-title);
      font-size: var(--agent-card-title-size);
      line-height: 1.35;
      font-weight: 950;
      text-align: center;
    }

    .agent-persona-card p{
      max-width: 280px;
      margin: 10px auto 0;
      color: var(--agent-text);
      font-size: var(--agent-body-size);
      line-height: 1.65;
      font-weight: 720;
      text-align: center;
    }

    .agent-flow-line{
      position: relative;
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 0;
      padding: 38px 26px 34px;
      border: 1px solid rgba(174, 208, 255, .78);
      border-radius: 24px;
      background:
        radial-gradient(circle at 12% 22%, rgba(32, 198, 255, .16), transparent 30%),
        radial-gradient(circle at 88% 18%, rgba(8, 109, 255, .1), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(239,248,255,.94));
      box-shadow: 0 22px 52px rgba(39, 91, 168, .11);
      overflow: hidden;
    }

    .agent-flow-line::before{
      content: "";
      position: absolute;
      left: 86px;
      right: 86px;
      top: 82px;
      height: 3px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(8,109,255,.18), rgba(8,109,255,.9), rgba(32,198,255,.72));
      box-shadow: 0 0 20px rgba(32,198,255,.28);
    }

    .agent-flow-step{
      position: relative;
      z-index: 1;
      min-height: 178px;
      padding: 0 14px;
      text-align: center;
    }

    .agent-flow-num{
      display: grid;
      place-items: center;
      width: 48px;
      height: 48px;
      margin: 20px auto 22px;
      border-radius: 50%;
      color: #fff;
      background: linear-gradient(135deg, #086dff, #20c6ff);
      box-shadow: 0 12px 24px rgba(8, 109, 255, .22);
      font-size: 15px;
      font-weight: 950;
      transition: transform .26s ease, box-shadow .26s ease;
    }

    .agent-flow-step:hover .agent-flow-num{
      transform: translateY(-4px) scale(1.08);
      box-shadow: 0 18px 30px rgba(8, 109, 255, .3);
    }

    .agent-flow-step h3{
      margin: 0;
      color: var(--agent-card-title);
      font-size: var(--agent-card-title-size);
      line-height: 1.35;
      font-weight: 950;
    }

    .agent-flow-step p{
      margin: 9px auto 0;
      max-width: 140px;
      color: var(--agent-text);
      font-size: var(--agent-body-size);
      line-height: 1.6;
      font-weight: 720;
    }

    @media (max-width: 900px) {
      .agent-hero{
        padding: 66px 0 54px;
      }

      .agent-section{
        padding: 64px 0;
      }

      .agent-hero + .agent-section{
        padding-top: 62px;
      }

      .agent-hero-grid{
        grid-template-columns: 1fr;
        gap: 36px;
      }

      .agent-mode-compare{
        grid-template-columns: 1fr;
      }

      .agent-sell-cards{
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .agent-system-proof-panel{
        grid-template-columns: 1fr;
        height: auto;
      }

      .agent-system-feature-grid{
        grid-template-rows: repeat(4, 104px);
        border-right: 0;
        border-bottom: 1px solid rgba(185, 213, 255, .7);
      }

      .agent-system-dashboard{
        height: 420px;
      }

      .agent-support-panel{
        grid-template-columns: 1fr;
        padding: 32px;
      }

      .agent-support-left{
        gap: 24px;
      }

      .agent-support-matrix{
        grid-template-columns: 1fr;
      }

      .agent-support-card{
        min-height: 190px;
      }

      .agent-persona-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .agent-flow-line{
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 22px;
      }

      .agent-flow-line::before{
        display: none;
      }
    }

    @media (max-width: 720px) {
      .agent-wrap{
        width: calc(100% - 32px);
      }

      .agent-hero{
        padding: 42px 0 38px;
      }

      .agent-section,
.agent-hero + .agent-section{
        padding: 46px 0;
      }

      .agent-hero h1{
        font-size: 30px;
      }

      .agent-section-title{
        font-size: 28px;
      }

      .agent-hero p,
.agent-section-sub{
        font-size: 15px;
      }

      .agent-actions{
        flex-direction: column;
      }

      .agent-btn{
        width: 100%;
      }

      .agent-chip-row{
        flex-wrap: wrap;
        gap: 10px;
      }

      .agent-chip{
        flex: 1 1 calc(50% - 10px);
      }

      .agent-mode-head{
        margin: 0 0 28px;
      }

      .agent-mode-head h3{
        font-size: 28px;
      }

      .agent-mode-card{
        min-height: 0;
        padding: 22px;
      }

      .agent-mode-content{
        max-width: none;
      }

      .agent-sell-cards{
        grid-template-columns: 1fr;
      }

      .agent-system-proof .agent-section-title{
        font-size: 28px;
      }

      .agent-system-proof .agent-section-sub{
        font-size: 15px;
      }

      .agent-system-feature-grid{
        grid-template-columns: 1fr;
      }

      .agent-system-proof-panel{
        padding: 22px;
      }

      .agent-system-feature:nth-child(odd){
        border-right: 0;
      }

      .agent-system-feature:nth-child(3){
        border-bottom: 1px solid rgba(185, 213, 255, .68);
      }

      .agent-system-dashboard{
        height: 300px;
      }

      .agent-support-panel{
        padding: 24px;
      }

      .agent-support-left h2{
        font-size: 28px;
      }

      .agent-support-visual{
        min-height: 0;
        margin: 6px -10px -8px;
      }

      .agent-support-card{
        grid-template-columns: 1fr;
        gap: 12px;
        min-height: 0;
        padding: 22px;
        text-align: center;
      }

      .agent-support-card-img img{
        width: 116px;
        height: 116px;
      }

      .agent-support-points li{
        display: inline-block;
        text-align: left;
      }

      .agent-persona-grid{
        grid-template-columns: 1fr;
      }

      .agent-flow-line{
        grid-template-columns: 1fr;
        padding: 24px;
      }

      .agent-flow-step{
        min-height: 0;
        padding: 0 0 24px;
      }

      .agent-flow-step:last-child{
        padding-bottom: 0;
      }
    }

/* moved from geo-optimization.html inline style */

.geo-page{
      --geo-blue: var(--site-blue);
      --geo-cyan: var(--site-cyan);
      --geo-title: var(--site-ink);
      --geo-card-title: var(--site-ink);
      --geo-text: var(--site-body);
      --geo-sub: var(--site-muted);
      --geo-line: var(--site-line);
      --geo-shadow: var(--site-shadow-card);
      --geo-section-title: var(--site-title-size);
      --geo-section-sub: var(--site-subtitle-size);
      --geo-card-title-size: 20px;
      --geo-body: var(--site-body-size);
      background: var(--site-page-bg);
      color: var(--site-body);
      font-family: MiSans, "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }

    .geo-wrap{ width: min(var(--site-container), calc(100% - var(--site-container-gutter))); margin: 0 auto; }

    .geo-hero{
      position: relative;
      min-height: 620px;
      padding: 0;
      overflow: hidden;
      border-bottom: 1px solid rgba(195, 220, 255, .72);
      background:
        linear-gradient(90deg, rgba(237, 244, 255, .99) 0%, rgba(237, 244, 255, .96) 34%, rgba(237, 244, 255, .68) 46%, rgba(237, 244, 255, .22) 58%, rgba(237, 244, 255, 0) 68%),
        url("../img/hero-banner-1920x1024.webp") right center / auto 100% no-repeat;
    }

    .geo-hero::before{
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(238,242,253,0) 0%, rgba(238,242,253,0) 28%, rgba(238,242,253,.82) 34%, rgba(238,242,253,.68) 40%, rgba(238,242,253,.3) 47%, rgba(238,242,253,0) 56%),
        linear-gradient(90deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.04) 34%, rgba(255,255,255,0) 58%);
      pointer-events: none;
    }

    .geo-hero::after{
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      display: block;
      pointer-events: none;
      background: url("../img/hero-banner-1920x1024.webp") right center / auto 100% no-repeat;
      clip-path: inset(0 0 0 58%);
      opacity: .24;
      filter: contrast(1.08) saturate(1.08);
    }

    .geo-hero-grid{
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 555px);
      min-height: 620px;
      align-items: center;
    }

    .geo-hero-copy{
      text-shadow: 0 2px 18px rgba(255, 255, 255, .82);
      transform: translateY(62px);
    }

    

    .geo-hero h1{
      margin: 0;
      color: var(--impact-ink);
      font-size: 55px;
      line-height: 1.2;
      font-weight: 900;
      letter-spacing: 0;
      text-shadow: rgba(31, 57, 125, 0.09) 0 8px 28px;
    }

    .geo-hero h1 span{
      color: var(--geo-blue);
      background: var(--site-title-gradient);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      filter: drop-shadow(rgba(62, 66, 255, 0.18) 0 10px 18px);
    }

    .geo-hero p{
      max-width: 535px;
      margin: 18px 0 0;
      color: #4e5d7b;
      font-size: 16px;
      line-height: 1.85;
      font-weight: 600;
    }

    @media (prefers-reduced-motion: no-preference) and (min-width: 721px) {
      .geo-hero-copy{
        animation: impact-rise-shifted .7s ease-out both;
      }
    }

    .geo-actions{ display: flex; gap: 18px; margin-top: 27px; }
    .geo-btn{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 50px;
      min-width: 148px;
      padding: 0 24px;
      border: 1px solid var(--site-line-strong);
      border-radius: 7px;
      color: var(--site-blue);
      background: rgba(255,255,255,.72);
      box-shadow: var(--site-shadow-soft);
      font-size: 15px;
      font-weight: 900;
      text-decoration: none;
      transition: transform .22s ease, box-shadow .22s ease;
    }
    .geo-btn.is-primary{
      color: #fff;
      background: var(--site-primary-gradient);
      box-shadow: 0 14px 28px rgba(8, 109, 255, .24);
    }
    .geo-btn:hover{ transform: translateY(-2px); box-shadow: 0 16px 32px rgba(8,109,255,.2); }

    .geo-hero-tags{
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
      width: 822px;
      max-width: calc(100vw - 64px);
      margin-top: 48px;
    }
    .geo-hero-card{
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 14px;
      height: 88px;
      overflow: hidden;
      padding: 16px 18px;
      box-sizing: border-box;
      border: 1px solid rgba(185, 211, 255, .72);
      border-radius: 18px;
      background:
        linear-gradient(145deg, rgba(255,255,255,.9), rgba(247,251,255,.72)),
        radial-gradient(circle at 100% 0%, rgba(8,109,255,.1), transparent 42%);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 16px 34px rgba(37, 78, 155, .11);
      backdrop-filter: blur(14px) saturate(145%);
      -webkit-backdrop-filter: blur(14px) saturate(145%);
      transition: transform .26s ease, border-color .26s ease, box-shadow .26s ease;
    }
    .geo-hero-card::before{
      content: "";
      position: absolute;
      inset: 0;
      opacity: 0;
      background:
        linear-gradient(115deg, transparent 0%, rgba(255,255,255,.7) 44%, transparent 58%),
        radial-gradient(circle at 16% 0%, rgba(32,198,255,.14), transparent 44%);
      transform: translateX(-42%);
      transition: opacity .28s ease, transform .58s ease;
      pointer-events: none;
    }
    .geo-hero-card:hover{
      transform: translateY(-5px);
      border-color: rgba(93, 143, 240, .68);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 24px 46px rgba(37,78,155,.16);
    }
    .geo-hero-card:hover::before{
      opacity: 1;
      transform: translateX(38%);
    }
    .geo-hero-icon{
      position: relative;
      z-index: 1;
      display: grid;
      place-items: center;
      width: 42px;
      height: 42px;
      flex: 0 0 auto;
      color: var(--geo-blue);
      filter: drop-shadow(0 8px 14px rgba(8, 116, 255, .18));
      transition: color .25s ease, transform .25s ease, filter .25s ease;
    }
    .geo-hero-icon svg{
      display: block;
      width: 42px;
      height: 42px;
      fill: none;
      overflow: visible;
    }
    .geo-hero-icon .geo-icon-wash{
      stroke: none;
      opacity: .72;
    }
    .geo-hero-icon.is-platform .geo-icon-wash{ fill: #e0f8ff; }
    .geo-hero-icon.is-cognition .geo-icon-wash{ fill: #f0e9ff; }
    .geo-hero-icon.is-source .geo-icon-wash{ fill: #fff0e0; }
    .geo-hero-icon.is-monitor .geo-icon-wash{ fill: #e2faef; }
    .geo-hero-icon .geo-icon-line{
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      vector-effect: non-scaling-stroke;
    }
    .geo-hero-card:hover .geo-hero-icon{
      color: #3158ff;
      transform: translateY(-2px);
      filter: drop-shadow(0 12px 18px rgba(49, 88, 255, .26));
    }
    .geo-hero-card strong,
.geo-hero-card span{
      position: relative;
      z-index: 1;
      display: block;
    }
    .geo-hero-card strong{
      color: #12214a;
      font-size: 17px;
      line-height: 1.2;
      font-weight: 950;
    }
    .geo-hero-card span{
      margin-top: 5px;
      color: #66748f;
      font-size: 12px;
      line-height: 1.25;
      font-weight: 700;
      white-space: nowrap;
    }

    .geo-section{ padding: 76px 0; }
    .geo-hero + .geo-section{ padding-top: 72px; }
    .geo-section + .geo-section{ padding-top: 76px; }
    .geo-section-head{
      position: relative;
      z-index: 0;
      margin-bottom: 34px;
      padding: 28px 0 24px;
      text-align: center;
      isolation: isolate;
    }
    .geo-section-head::before{
      content: "";
      position: absolute;
      z-index: -1;
      left: 50%;
      top: -76px;
      bottom: -62px;
      width: 100vw;
      transform: translateX(-50%);
      background:
        radial-gradient(circle at 69% 42%, rgba(24, 141, 255, .14) 0 3px, transparent 4px),
        radial-gradient(circle at 76% 30%, rgba(78, 133, 255, .10) 0 2px, transparent 3px),
        radial-gradient(ellipse at 70% 48%, rgba(20, 142, 255, .10), transparent 28%),
        radial-gradient(ellipse at 50% 48%, rgba(207, 229, 255, .50), transparent 66%),
        linear-gradient(90deg, rgba(248, 252, 255, .98) 0%, rgba(241, 249, 255, .92) 54%, rgba(231, 246, 255, .78) 100%);
      -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 24%, #000 76%, transparent 100%);
      mask-image: linear-gradient(180deg, transparent 0%, #000 24%, #000 76%, transparent 100%);
      pointer-events: none;
    }
    .geo-section-head::after{
      content: "";
      position: absolute;
      z-index: -1;
      left: 50%;
      top: -54px;
      width: min(620px, 48vw);
      height: 210px;
      transform: translateX(-3%);
      opacity: .58;
      background:
        radial-gradient(circle at 51% 48%, transparent 0 17px, rgba(39, 137, 255, .18) 18px 21px, transparent 22px 38px, rgba(39, 137, 255, .12) 39px 42px, transparent 43px),
        radial-gradient(circle at 51% 48%, transparent 0 70px, rgba(50, 130, 255, .10) 71px 73px, transparent 74px 118px, rgba(50, 130, 255, .08) 119px 121px, transparent 122px),
        linear-gradient(0deg, rgba(255,255,255,.66), rgba(255,255,255,.66)) 3% 30% / 130px 42px no-repeat,
        linear-gradient(0deg, rgba(255,255,255,.60), rgba(255,255,255,.60)) 81% 22% / 132px 42px no-repeat,
        linear-gradient(0deg, rgba(255,255,255,.58), rgba(255,255,255,.58)) 73% 70% / 146px 44px no-repeat,
        radial-gradient(circle at 12% 38%, rgba(49, 151, 255, .34) 0 6px, transparent 7px),
        radial-gradient(circle at 16% 38%, rgba(120, 213, 255, .38) 0 5px, transparent 6px),
        radial-gradient(circle at 86% 29%, rgba(49, 151, 255, .28) 0 5px, transparent 6px),
        radial-gradient(circle at 90% 29%, rgba(120, 213, 255, .34) 0 5px, transparent 6px),
        linear-gradient(180deg, rgba(13, 111, 255, .22), rgba(13, 111, 255, 0)) 19% 76% / 6px 36px no-repeat,
        linear-gradient(180deg, rgba(13, 111, 255, .18), rgba(13, 111, 255, 0)) 22% 70% / 6px 46px no-repeat,
        linear-gradient(180deg, rgba(13, 111, 255, .16), rgba(13, 111, 255, 0)) 25% 80% / 6px 28px no-repeat;
      border-radius: 34px;
      filter: blur(.1px);
      -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 86%, transparent 100%);
      mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 86%, transparent 100%);
      pointer-events: none;
    }
    .geo-main > .geo-section:nth-of-type(2) .geo-section-head::after{
      transform: translateX(-5%);
      background:
        linear-gradient(0deg, rgba(255,255,255,.66), rgba(255,255,255,.66)) 6% 28% / 150px 46px no-repeat,
        linear-gradient(0deg, rgba(255,255,255,.58), rgba(255,255,255,.58)) 72% 65% / 168px 48px no-repeat,
        radial-gradient(circle at 15% 38%, rgba(49,151,255,.34) 0 6px, transparent 7px),
        radial-gradient(circle at 20% 38%, rgba(120,213,255,.38) 0 5px, transparent 6px),
        linear-gradient(180deg, rgba(13,111,255,.22), rgba(13,111,255,0)) 31% 78% / 7px 36px no-repeat,
        linear-gradient(180deg, rgba(13,111,255,.18), rgba(13,111,255,0)) 35% 70% / 7px 48px no-repeat,
        linear-gradient(180deg, rgba(13,111,255,.15), rgba(13,111,255,0)) 39% 80% / 7px 30px no-repeat;
    }
    .geo-main > .geo-section:nth-of-type(3) .geo-section-head::after{
      width: min(620px, 48vw);
      transform: translateX(-3%);
      background:
        radial-gradient(circle at 51% 48%, transparent 0 17px, rgba(39,137,255,.18) 18px 21px, transparent 22px 38px, rgba(39,137,255,.12) 39px 42px, transparent 43px),
        radial-gradient(circle at 51% 48%, transparent 0 70px, rgba(50,130,255,.10) 71px 73px, transparent 74px 118px, rgba(50,130,255,.08) 119px 121px, transparent 122px),
        linear-gradient(0deg, rgba(255,255,255,.64), rgba(255,255,255,.64)) 4% 28% / 130px 42px no-repeat,
        linear-gradient(0deg, rgba(255,255,255,.58), rgba(255,255,255,.58)) 80% 22% / 132px 42px no-repeat,
        radial-gradient(circle at 86% 29%, rgba(49,151,255,.28) 0 5px, transparent 6px),
        radial-gradient(circle at 90% 29%, rgba(120,213,255,.34) 0 5px, transparent 6px);
    }
    .geo-main > .geo-section:nth-of-type(4) .geo-section-head::after{
      width: min(670px, 52vw);
      transform: translateX(-4%);
      opacity: .48;
      background:
        radial-gradient(circle at 20% 36%, rgba(25,126,255,.24) 0 6px, transparent 7px),
        radial-gradient(circle at 34% 54%, rgba(25,126,255,.18) 0 5px, transparent 6px),
        radial-gradient(circle at 50% 36%, rgba(25,126,255,.20) 0 5px, transparent 6px),
        radial-gradient(circle at 66% 56%, rgba(25,126,255,.18) 0 5px, transparent 6px),
        radial-gradient(circle at 82% 38%, rgba(25,126,255,.24) 0 6px, transparent 7px),
        radial-gradient(circle at 50% 50%, rgba(130,206,255,.18), transparent 50%);
    }
    .geo-main > .geo-section:nth-of-type(5) .geo-section-head::after{
      width: min(650px, 50vw);
      transform: translateX(-2%);
      opacity: .54;
      background:
        linear-gradient(0deg, rgba(255,255,255,.68), rgba(255,255,255,.68)) 12% 26% / 118px 54px no-repeat,
        linear-gradient(0deg, rgba(255,255,255,.60), rgba(255,255,255,.60)) 42% 54% / 128px 58px no-repeat,
        linear-gradient(0deg, rgba(255,255,255,.60), rgba(255,255,255,.60)) 72% 30% / 118px 54px no-repeat,
        radial-gradient(circle at 22% 37%, rgba(50,145,255,.28) 0 7px, transparent 8px),
        radial-gradient(circle at 52% 65%, rgba(105,82,255,.22) 0 7px, transparent 8px),
        radial-gradient(circle at 82% 41%, rgba(50,145,255,.26) 0 7px, transparent 8px),
        radial-gradient(ellipse at 50% 50%, rgba(130,206,255,.16), transparent 58%);
    }
    .geo-main > .geo-section:nth-of-type(6) .geo-section-head::after{
      width: min(700px, 54vw);
      transform: translateX(-6%);
      opacity: .50;
      background:
        linear-gradient(90deg, rgba(30,130,255,.16), rgba(30,130,255,0)) 12% 48% / 430px 2px no-repeat,
        linear-gradient(90deg, rgba(30,130,255,.18), rgba(30,130,255,0)) 22% 32% / 260px 2px no-repeat,
        radial-gradient(circle at 18% 48%, rgba(35,132,255,.30) 0 9px, transparent 10px),
        radial-gradient(circle at 38% 48%, rgba(35,132,255,.24) 0 7px, transparent 8px),
        radial-gradient(circle at 58% 48%, rgba(35,132,255,.22) 0 7px, transparent 8px),
        radial-gradient(circle at 78% 48%, rgba(35,132,255,.28) 0 9px, transparent 10px);
    }
    .geo-main > .geo-section:nth-of-type(7) .geo-section-head::after{
      width: min(630px, 49vw);
      transform: translateX(-1%);
      opacity: .52;
      background:
        linear-gradient(180deg, rgba(16,122,255,.22), rgba(16,122,255,0)) 24% 72% / 9px 54px no-repeat,
        linear-gradient(180deg, rgba(16,122,255,.18), rgba(16,122,255,0)) 31% 62% / 9px 74px no-repeat,
        linear-gradient(180deg, rgba(105,82,255,.20), rgba(105,82,255,0)) 38% 52% / 9px 94px no-repeat,
        linear-gradient(180deg, rgba(16,122,255,.16), rgba(16,122,255,0)) 45% 66% / 9px 66px no-repeat,
        radial-gradient(circle at 68% 42%, transparent 0 20px, rgba(39,137,255,.15) 21px 24px, transparent 25px 54px, rgba(39,137,255,.10) 55px 58px, transparent 59px),
        linear-gradient(0deg, rgba(255,255,255,.62), rgba(255,255,255,.62)) 66% 30% / 148px 46px no-repeat,
        radial-gradient(circle at 88% 38%, rgba(120,213,255,.34) 0 5px, transparent 6px);
    }
    .geo-section-head .site-title-accent{
      background: linear-gradient(90deg, transparent, rgb(8, 116, 255) 28%, rgb(112, 82, 255) 72%, transparent);
      box-shadow: rgba(73, 89, 255, 0.18) 0 3px 10px;
    }
    .geo-section-title{
      margin: 0;
      color: var(--geo-title);
      font-size: var(--geo-section-title);
      line-height: 1.3;
      font-weight: 950;
    }
    .geo-section-title::after{
      display: none;
    }
    .geo-section-sub{
      max-width: 760px;
      margin: 12px auto 0;
      color: var(--geo-sub);
      font-size: var(--geo-section-sub);
      line-height: 1.7;
      font-weight: 700;
    }

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

    .geo-card{
      position: relative;
      overflow: hidden;
      border: 1px solid var(--geo-line);
      border-radius: var(--site-radius-lg);
      background: var(--site-card-bg);
      box-shadow: var(--site-shadow-card);
      transition: transform .26s ease, border-color .26s ease, box-shadow .26s ease;
    }
    .geo-card:hover{
      transform: translateY(-5px);
      border-color: rgba(82,159,255,.82);
      box-shadow: var(--site-shadow-hover);
    }
    .geo-card h3{
      margin: 0;
      color: var(--geo-card-title);
      font-size: var(--geo-card-title-size);
      line-height: 1.35;
      font-weight: 950;
    }
    .geo-card p{
      margin: 10px 0 0;
      color: var(--geo-text);
      font-size: var(--geo-body);
      line-height: 1.65;
      font-weight: 700;
    }

    .geo-why-card{ min-height: 366px; padding: 18px 18px 24px; text-align: center; }
    .geo-ill{
      width: 100%;
      height: 164px;
      margin-bottom: 20px;
      border-radius: 18px;
      background:
        radial-gradient(ellipse at 54% 90%, rgba(8,109,255,.14), transparent 62%),
        linear-gradient(180deg, rgba(247,251,255,.86), rgba(255,255,255,.32));
      display: grid;
      place-items: center;
      overflow: hidden;
    }
    .geo-ill img{
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .geo-why-heading{
      display: flex;
      align-items: flex-start;
      justify-content: center;
      gap: 10px;
      margin-bottom: 10px;
      text-align: left;
    }
    .geo-why-icon{
      flex: 0 0 auto;
      display: inline-grid;
      place-items: center;
      width: 28px;
      height: 28px;
      margin-top: 2px;
      color: var(--geo-blue);
    }
    .geo-why-icon svg{
      width: 26px;
      height: 26px;
      stroke: currentColor;
      stroke-width: 2.2;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .geo-why-card h3{ margin: 0; text-align: left; }
    .geo-why-subtitle{
      margin: 2px 0 0;
      color: var(--geo-blue);
      font-size: 14px;
      line-height: 1.35;
      font-weight: 900;
      text-align: left;
    }
    .geo-ill .line{ fill: none; stroke: var(--site-blue); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
    
    .geo-ill .panel{ fill: rgba(255,255,255,.82); stroke: rgba(115,170,255,.72); stroke-width: 1.4; }
    
    
    .geo-ill .accent{ fill: var(--site-blue); }
    
    

    .geo-value-panel,
.geo-cases{
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 18px;
      align-items: stretch;
    }

    
    
    

    
    
    

    
    
    
    
    
    
    
    
    
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    
    
    

    
    
    
    
    

    .geo-flow{
      position: relative;
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      padding: 38px 26px 34px;
      border: 1px solid var(--geo-line);
      border-radius: 24px;
      background:
        radial-gradient(circle at 12% 22%, rgba(32,198,255,.16), transparent 30%),
        radial-gradient(circle at 88% 18%, rgba(8,109,255,.1), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(239,248,255,.94));
      box-shadow: 0 22px 52px rgba(39,91,168,.11);
      overflow: hidden;
    }
    .geo-flow::before{
      content: "";
      position: absolute;
      left: 86px;
      right: 86px;
      top: 96px;
      height: 3px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(8,109,255,.18), rgba(8,109,255,.9), rgba(32,198,255,.72));
      box-shadow: 0 0 20px rgba(32,198,255,.28);
    }
    .geo-step{ position: relative; z-index: 1; min-height: 178px; padding: 0 14px; text-align: center; }
    .geo-step-num{
      display: grid;
      place-items: center;
      width: 48px;
      height: 48px;
      margin: 20px auto 22px;
      border-radius: 50%;
      color: #fff;
      background: var(--site-primary-gradient);
      box-shadow: 0 12px 24px rgba(8,109,255,.22);
      font-size: 15px;
      font-weight: 950;
    }
    .geo-step h3{ margin: 0; color: var(--geo-card-title); font-size: var(--geo-card-title-size); line-height: 1.35; font-weight: 950; }
    .geo-step p{ max-width: 140px; margin: 9px auto 0; color: var(--geo-text); font-size: var(--geo-body); line-height: 1.6; font-weight: 720; }

    
    
    
    
    

    .geo-case-card{ padding: 28px; min-height: 250px; }
    .geo-case-meta{ display: flex; gap: 10px; margin-bottom: 18px; }
    .geo-case-meta span{ padding: 7px 10px; border-radius: 999px; color: var(--geo-blue); background: rgba(8,109,255,.08); border: 1px solid rgba(8,109,255,.16); font-size: 12px; font-weight: 900; }
    .geo-case-data{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 24px; }
    .geo-case-data div{ padding: 14px; border-radius: 14px; background: rgba(255,255,255,.72); border: 1px solid rgba(174,208,255,.58); }
    .geo-case-data strong{ display: block; color: var(--geo-blue); font-size: 22px; font-weight: 1000; }
    .geo-case-data span{ color: var(--geo-text); font-size: 12px; font-weight: 800; }

    
    
    

    .geo-cta{
      position: relative;
      overflow: hidden;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 28px;
      align-items: center;
      width: min(1200px, calc(100% - 56px));
      margin: 0 auto 80px;
      padding: 34px 38px;
      border-radius: 26px;
      border: 1px solid rgba(174,208,255,.78);
      background:
        radial-gradient(circle at 88% 50%, rgba(32,198,255,.22), transparent 34%),
        linear-gradient(135deg, #061f63, var(--site-blue));
      box-shadow: 0 28px 64px rgba(8, 109, 255, .22);
      color: #fff;
    }
    .geo-cta h2{ margin: 0; font-size: 30px; line-height: 1.35; font-weight: 950; }
    .geo-cta p{ max-width: 640px; margin: 12px 0 0; color: rgba(235,246,255,.86); font-size: 15px; line-height: 1.8; font-weight: 700; }
    .geo-cta .geo-btn{ color: var(--geo-blue); background: #fff; border-color: transparent; }

    @media (max-width: 900px) {
      .geo-what-panel,
.geo-value-panel,
.geo-cases{ grid-template-columns: 1fr; }
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      .geo-flow{ grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 24px; }
      .geo-flow::before{ display: none; }
      
      
      
      
      
    }

    @media (max-width: 720px) {
      .geo-wrap{ width: calc(100% - 32px); }
      .geo-hero{ min-height: 0; padding: 38px 0 34px; }
      .geo-hero::after{ display: none; }
      .geo-hero-grid{ min-height: 0; grid-template-columns: minmax(0, 1fr); }
      .geo-hero-copy{ transform: none; text-shadow: none; }
      .geo-hero-tags{ width: 100%; max-width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 18px; }
      .geo-hero-card{ height: 66px; min-height: 66px; padding: 11px; gap: 8px; border-radius: 18px; }
      .geo-hero-icon,
.geo-hero-icon svg{ width: 24px; height: 24px; }
      .geo-hero-card strong{ font-size: 18px; font-weight: 900; white-space: normal; }
      .geo-hero-card span{ font-size: 10px; line-height: 1.2; white-space: normal; }
      .geo-section{ padding: 46px 0; }
      .geo-section-head{ padding: 26px 0 24px; margin-bottom: 26px; }
      .geo-hero h1{ font-size: 30px; line-height: 1.18; }
      .geo-hero p{ max-width: 100%; margin: 14px 0 0; font-size: 14px; line-height: 1.72; }
      .geo-section-title{ font-size: 28px; }
      .geo-section-sub{ font-size: 15px; }
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      .geo-actions,
.geo-cta{ grid-template-columns: 1fr; }
      .geo-actions{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 18px; }
      .geo-btn{ width: 100%; min-width: 0; height: 44px; padding-inline: 12px; border-radius: 14px; font-size: 14px; }
      .geo-grid-3,
.geo-grid-4,
.geo-grid-6,
.geo-metrics,
.geo-flow,
.geo-brand-wall{ grid-template-columns: 1fr; }
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    }

    /* Agent-page visual alignment pass */
    .geo-page{
      --geo-blue: var(--site-blue);
      --geo-cyan: var(--site-cyan);
      --geo-title: var(--site-ink);
      --geo-card-title: var(--site-ink);
      --geo-text: var(--site-body);
      --geo-sub: var(--site-muted);
      --geo-line: var(--site-line);
      --geo-shadow: var(--site-shadow-card);
      --geo-section-title: var(--site-title-size);
      --geo-section-sub: var(--site-subtitle-size);
      --geo-card-title-size: 20px;
      --geo-body: var(--site-body-size);
      background: var(--site-page-bg);
    }
    .geo-section{
      padding: 72px 0;
    }
    .geo-hero + .geo-section{
      padding-top: 72px;
    }
    .geo-section + .geo-section{
      padding-top: 72px;
    }
    .geo-section-head{
      margin-bottom: 34px;
    }
    .geo-section-title{
      color: var(--geo-title);
      font-size: var(--geo-section-title);
      line-height: 1.3;
      font-weight: 950;
      letter-spacing: 0;
    }
    .geo-section-sub{
      color: var(--geo-sub);
      font-size: var(--geo-section-sub);
      line-height: 1.7;
      font-weight: 700;
    }
    .geo-card,
.geo-info-panel,
.geo-value-panel,
.geo-cases,
.geo-flow,
.geo-brand-wall,
.geo-cta,
.geo-ref-card,
.geo-ref-signal,
.geo-industry-card,
.geo-step,
.geo-metric,
.geo-case-card{
      border-color: var(--geo-line);
      background:
        radial-gradient(circle at 24% 16%, rgba(88, 190, 255, .12), transparent 42%),
        radial-gradient(circle at 82% 84%, rgba(23, 105, 255, .08), transparent 48%),
        linear-gradient(145deg, rgba(255,255,255,.94), rgba(240,247,255,.88));
      box-shadow:
        inset 10px 12px 32px rgba(255,255,255,.5),
        inset -14px -16px 36px rgba(75,147,255,.08),
        0 18px 42px rgba(37,95,190,.1);
      backdrop-filter: blur(16px) saturate(128%);
      -webkit-backdrop-filter: blur(16px) saturate(128%);
      transition: transform .26s ease, border-color .26s ease, box-shadow .26s ease, background .26s ease;
    }
    .geo-card:hover,
.geo-info-panel:hover,
.geo-value-panel:hover,
.geo-cases:hover,
.geo-flow:hover,
.geo-brand-wall:hover,
.geo-ref-card:hover,
.geo-ref-signal:hover,
.geo-industry-card:hover,
.geo-step:hover,
.geo-metric:hover,
.geo-case-card:hover{
      transform: translateY(-5px);
      border-color: rgba(93, 143, 240, .68);
      background:
        radial-gradient(circle at 24% 16%, rgba(88, 190, 255, .16), transparent 42%),
        radial-gradient(circle at 82% 84%, rgba(23, 105, 255, .1), transparent 48%),
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(238,247,255,.94));
      box-shadow:
        inset 10px 12px 32px rgba(255,255,255,.58),
        inset -14px -16px 36px rgba(75,147,255,.09),
        0 24px 52px rgba(37,95,190,.14);
    }
    .geo-card h3,
.geo-info-panel h3,
.geo-step h3,
.geo-case-card h3,
.geo-industry-card h3{
      color: var(--geo-card-title);
      font-size: var(--geo-card-title-size);
      line-height: 1.32;
      font-weight: 950;
      letter-spacing: 0;
    }
    .geo-card p,
.geo-info-panel p,
.geo-step p,
.geo-case-card p,
.geo-industry-card p{
      color: var(--geo-text);
      font-size: var(--geo-body);
      line-height: 1.62;
      font-weight: 720;
    }
    .geo-grid-3,
.geo-grid-4,
.geo-value-panel,
.geo-cases{
      gap: 18px;
    }
    
    .geo-section-title::after,
.geo-signal-item b,
.geo-ref-signal b,
.geo-industry-card b,
.geo-brand-wall::before{
      background: var(--site-title-gradient);
    }
    .geo-btn,
.geo-filter-tab,
.geo-answer-status,
.geo-source-row b,
.geo-result-no,
.geo-source-no{
      border-radius: 11px;
    }
    .geo-btn.is-primary,
.geo-hero-icon,
.geo-ref-title-icon,
.geo-industry-img img{
      filter: drop-shadow(0 10px 20px rgba(8,109,255,.2));
    }
    
    .geo-flow{
      padding: 34px 24px 30px;
      border-radius: 24px;
    }
    .geo-step{
      border-radius: 18px;
    }
    .geo-step-num,
.geo-why-subtitle,
.geo-case-meta span,
.geo-cite-row span{
      color: var(--geo-blue);
    }
    .geo-step-num,
.geo-case-meta span{
      background: rgba(8,109,255,.08);
    }
    
    
    
    
    
    
    
    
    .geo-flow{
      position: relative;
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 0;
      align-items: start;
      padding: 34px 28px 32px;
      border: 1px solid rgba(185,213,255,.62);
      border-radius: 26px;
      background:
        radial-gradient(circle at 18% 10%, rgba(8,110,255,.08), transparent 32%),
        radial-gradient(circle at 80% 16%, rgba(112,82,255,.10), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.94), rgba(241,247,255,.76));
      background-size: auto, auto, auto;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.86),
        0 20px 52px rgba(39,91,168,.12);
      overflow: hidden;
    }
    .geo-flow::before{
      display: none;
    }
    .geo-flow-track{
      position: absolute;
      top: 62px;
      left: 28px;
      right: 28px;
      z-index: 6;
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      height: 22px;
      pointer-events: none;
    }
    .geo-flow-track span{
      position: relative;
      grid-row: 1;
      min-width: 0;
      height: 22px;
    }
    .geo-flow-track span:nth-child(1){ grid-column: 1 / span 2; }
    .geo-flow-track span:nth-child(2){ grid-column: 2 / span 2; }
    .geo-flow-track span:nth-child(3){ grid-column: 3 / span 2; }
    .geo-flow-track span:nth-child(4){ grid-column: 4 / span 2; }
    .geo-flow-track span:nth-child(5){ grid-column: 5 / span 2; }
    .geo-flow-track span::before{
      content: "";
      position: absolute;
      top: 50%;
      left: calc(50% - 34px);
      width: 68px;
      height: 3px;
      border-radius: 999px;
      background:
        linear-gradient(90deg, rgba(8,116,255,.22) 0 40%, transparent 40% 60%, rgba(112,82,255,.70) 60% 100%);
      box-shadow: 0 0 12px rgba(72,92,255,.16);
      transform: translateY(-50%);
    }
    .geo-flow-track span::after{
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 20px;
      height: 20px;
      border-radius: 999px;
      background: rgba(255,255,255,.92);
      box-shadow: 0 5px 14px rgba(80,101,255,.16), inset 0 1px 0 rgba(255,255,255,.96);
      transform: translate(-50%, -50%);
    }
    .geo-flow-track span i{
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 1;
      width: 10px;
      height: 12px;
      background: linear-gradient(135deg, #0874ff, #7052ff);
      clip-path: polygon(0 0, 100% 50%, 0 100%);
      filter: drop-shadow(0 2px 5px rgba(80,101,255,.20));
      transform: translate(-37%, -50%);
    }
    .geo-flow .geo-step{
      position: relative;
      z-index: 2;
      display: grid;
      justify-items: center;
      min-height: 218px;
      padding: 0 12px;
      text-align: center;
      border: 0;
      background: transparent;
      box-shadow: none;
    }
    .geo-flow .geo-step::after{
      display: none;
    }
    .geo-flow .geo-step-icon{
      position: relative;
      z-index: 2;
      display: grid;
      place-items: center;
      width: 76px;
      height: 76px;
      margin-bottom: 10px;
      border: 1px solid rgba(165,199,255,.72);
      border-radius: 22px;
      background: rgba(255,255,255,.82);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.88),
        0 12px 24px rgba(39,91,168,.10);
    }
    .geo-flow .geo-step-icon img{
      display: block;
      width: 62px;
      height: 62px;
      object-fit: contain;
      filter: drop-shadow(0 8px 12px rgba(8,110,255,.12));
    }
    .geo-flow .geo-step-num{
      display: grid;
      place-items: center;
      width: 34px;
      height: 22px;
      margin: 0 0 9px;
      border-radius: 999px;
      color: #fff;
      background: linear-gradient(135deg, #0874ff, #7052ff);
      box-shadow: 0 8px 18px rgba(8,110,255,.16);
      font-size: 12px;
      font-weight: 950;
    }
    .geo-flow .geo-step h3{
      margin: 0;
      color: #10214d;
      font-size: 18px;
      line-height: 1.28;
      font-weight: 950;
    }
    .geo-flow .geo-step p{
      max-width: 168px;
      margin: 8px auto 0;
      color: #4d5f7b;
      font-size: 14px;
      line-height: 1.52;
      font-weight: 720;
    }
    .geo-flow .geo-step:hover{
      transform: translateY(-5px);
    }
    .geo-flow .geo-step:hover .geo-step-icon{
      border-color: rgba(112,82,255,.56);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.88),
        0 18px 34px rgba(38,70,220,.16);
    }
    @media (max-width: 900px) {
      .geo-flow{
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 28px;
      }
      .geo-flow-track{
        display: none;
      }
    }
    @media (max-width: 720px) {
      .geo-flow{
        grid-template-columns: 1fr;
        padding: 18px 14px;
        border-radius: 22px;
        gap: 12px;
      }
      .geo-flow .geo-step{
        grid-template-columns: 58px 42px minmax(0, 1fr);
        justify-items: start;
        align-items: center;
        min-height: 0;
        padding: 12px 14px;
        text-align: left;
        border: 1px solid rgba(173,204,255,.56);
        border-radius: 16px;
        background: rgba(255,255,255,.64);
      }
      .geo-flow .geo-step-icon{
        width: 50px;
        height: 50px;
        margin-bottom: 0;
        border-radius: 14px;
      }
      .geo-flow .geo-step-icon img{
        width: 42px;
        height: 42px;
      }
      .geo-flow .geo-step-num{
        margin: 0;
      }
      .geo-flow .geo-step h3,
.geo-flow .geo-step p{
        grid-column: 3;
      }
      .geo-flow .geo-step h3{
        font-size: 17px;
      }
      .geo-flow .geo-step p{
        max-width: none;
        margin: 4px 0 0;
      }
    }
    .geo-page .geo-cta.cta{
      position: relative;
      overflow: hidden;
      display: block;
      width: min(100% - var(--rvr-gutter, 48px), 1200px);
      min-height: 238px;
      margin: 52px auto 42px;
      padding: 34px 40px 28px;
      border: 1px solid rgba(142, 209, 255, .54);
      border-radius: 26px;
      color: #fff;
      background: linear-gradient(116deg, #062d8f 0%, #126bff 48%, #13c6ff 100%);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .38),
        inset 0 -36px 70px rgba(3, 23, 104, .22),
        0 34px 82px rgba(23, 105, 255, .26),
        0 12px 28px rgba(5, 28, 95, .16);
    }
    .geo-page .geo-cta.cta::before{
      content: none;
      display: none;
    }
    .geo-page .geo-cta.cta::after{
      content: none;
      display: none;
    }
    .geo-page .geo-cta .cta-content{
      position: relative;
      z-index: 1;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 28px;
    }
    .geo-page .geo-cta h2{
      margin: 0 0 8px;
      color: #fff;
      font-size: 34px;
      line-height: 1.22;
      font-weight: 950;
      letter-spacing: 0;
      text-shadow: 0 12px 28px rgba(2, 20, 88, .32);
    }
    .geo-page .geo-cta p{
      max-width: 590px;
      margin: 0;
      color: rgba(239, 247, 255, .9);
      font-size: 15px;
      line-height: 1.7;
      font-weight: 400;
    }
    .geo-page .geo-cta .cta-actions{
      display: flex;
      gap: 15px;
      flex: 0 0 auto;
      padding-top: 8px;
    }
    .geo-page .geo-cta .btn{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 142px;
      height: 46px;
      padding: 0 22px;
      border: 0;
      border-radius: 12px;
      color: var(--blue, #086dff);
      background: linear-gradient(180deg, #ffffff 0%, #eaf7ff 100%);
      font-size: 15px;
      font-weight: 900;
      text-decoration: none;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .92),
        0 18px 34px rgba(3, 28, 105, .24);
    }
    .geo-page .geo-cta .btn.ghost{
      color: #fff;
      border: 1px solid rgba(255, 255, 255, .48);
      background: rgba(255, 255, 255, .11);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }
    .geo-page .geo-cta .cta-points{
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      margin-top: 24px;
      color: rgba(255, 255, 255, .92);
      font-size: 14px;
      font-weight: 850;
    }
    .geo-page .geo-cta .cta-points span{
      display: flex;
      align-items: center;
      gap: 10px;
      min-height: 58px;
      padding: 9px 12px;
      border: 1px solid rgba(255,255,255,.20);
      border-radius: 14px;
      background: linear-gradient(145deg, rgba(255,255,255,.20), rgba(255,255,255,.08));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.20);
    }
    .geo-page .geo-cta .cta-point-icon{
      width: 24px;
      height: 24px;
      object-fit: contain;
      flex: 0 0 auto;
    }
    .geo-page .geo-cases{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
      padding: 20px;
      border-color: rgba(185,213,255,.66);
      background:
        radial-gradient(circle at 18% 10%, rgba(8,110,255,.08), transparent 32%),
        radial-gradient(circle at 82% 18%, rgba(112,82,255,.08), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.94), rgba(241,247,255,.78));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 20px 48px rgba(39,91,168,.11);
    }
    .geo-page .geo-case-card{
      display: flex;
      flex-direction: column;
      min-height: 0;
      padding: 0;
      overflow: hidden;
      border-radius: 20px;
      background:
        radial-gradient(circle at 18% 8%, rgba(8,110,255,.08), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.96), rgba(245,249,255,.90));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 14px 32px rgba(37,95,190,.10);
    }
    .geo-page .geo-case-cover{
      position: relative;
      aspect-ratio: 16 / 8.4;
      overflow: hidden;
      border-bottom: 1px solid rgba(185,213,255,.54);
      background: #f4f8ff;
    }
    .geo-page .geo-case-cover img{
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .geo-page .geo-case-body{
      padding: 20px 20px 18px;
    }
    .geo-page .geo-case-meta{
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 0 0 14px;
    }
    .geo-page .geo-case-meta span{
      display: inline-flex;
      align-items: center;
      min-height: 26px;
      padding: 5px 10px;
      border: 1px solid rgba(145,183,255,.58);
      border-radius: 999px;
      color: #0874ff;
      background: rgba(246,250,255,.76);
      font-size: 12px;
      line-height: 1;
      font-weight: 900;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
    }
    .geo-page .geo-case-card h3{
      min-height: 50px;
      margin: 0 0 18px;
      color: #10214d;
      font-size: 19px;
      line-height: 1.35;
      font-weight: 950;
    }
    .geo-page .geo-case-data{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
      margin: 0;
    }
    .geo-page .geo-case-data div{
      min-width: 0;
      padding: 12px 8px;
      border: 1px solid rgba(174,208,255,.58);
      border-radius: 14px;
      background: rgba(255,255,255,.70);
      text-align: center;
    }
    .geo-page .geo-case-data strong{
      display: block;
      color: #0874ff;
      font-size: 22px;
      line-height: 1;
      font-weight: 1000;
      background: var(--site-title-gradient);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .geo-page .geo-case-data span{
      display: block;
      margin-top: 8px;
      color: #53647f;
      font-size: 12px;
      line-height: 1.25;
      font-weight: 850;
    }
    @media (max-width: 980px) {
      .geo-page .geo-cases{
        grid-template-columns: 1fr;
      }
      .geo-page .geo-cta.cta{
        padding: 34px 24px 24px;
      }
      .geo-page .geo-cta .cta-content,
.geo-page .geo-cta .cta-actions{
        flex-direction: column;
        align-items: stretch;
      }
      .geo-page .geo-cta .cta-points{
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .geo-page .geo-cta .btn{
        width: 100%;
      }
    }
    @media (max-width: 620px) {
      .geo-page .geo-cta.cta{
        width: calc(100% - 24px);
        margin: 34px auto 34px;
        padding: 24px 18px 18px;
        border-radius: 22px;
      }
      .geo-page .geo-cta h2{
        font-size: 24px;
      }
      .geo-page .geo-cta p{
        font-size: 13px;
        line-height: 1.62;
      }
      .geo-page .geo-cta .cta-points{
        gap: 8px;
        margin-top: 14px;
      }
      .geo-page .geo-cta .cta-points span{
        min-height: 46px;
        padding: 8px;
        font-size: 11px;
      }
    }

    /* Index alignment pass: typography,
color,
spacing,
borders. */
    .geo-page{
      --geo-title: #101a43;
      --geo-card-title: #101a43;
      --geo-text: #4c5a78;
      --geo-sub: #5a6780;
      --geo-line: rgba(177, 201, 247, .75);
      --geo-line-soft: rgba(216, 230, 255, .88);
      --geo-shadow: 0 14px 30px rgba(37, 78, 155, .10);
      --geo-section-title: 40px;
      --geo-section-sub: 17px;
      --geo-card-title-size: 20px;
      --geo-body: 15px;
    }
    .geo-section{
      padding: 75px 0;
      border-top: 0;
      background: transparent;
    }
    .geo-hero + .geo-section{ padding-top: 75px; }
    .geo-section + .geo-section{ padding-top: 75px; }
    .geo-section-head{
      margin-bottom: 40px;
      padding: 24px 0 22px;
    }
    .geo-section-title{
      color: var(--geo-title);
      font-size: var(--geo-section-title);
      line-height: 1.3;
      font-weight: 950;
      letter-spacing: 0;
    }
    .geo-section-sub{
      max-width: 760px;
      margin-top: 14px;
      color: var(--geo-sub);
      font-size: var(--geo-section-sub);
      line-height: 1.72;
      font-weight: 600;
    }
    .geo-section-head .site-title-accent{
      width: 48px;
      height: 3px;
      margin: 13px auto 0;
      background: linear-gradient(90deg, transparent, #1769ff 28%, #6d56ff 72%, transparent);
      box-shadow: rgba(73, 89, 255, .16) 0 3px 10px;
    }
    .geo-card,
.geo-info-panel,
.geo-value-panel,
.geo-cases,
.geo-flow,
.geo-brand-wall,
.geo-ref-card,
.geo-ref-signal,
.geo-industry-card,
.geo-step,
.geo-metric,
.geo-case-card,
.geo-case-data div,
.geo-diff-row,
.geo-demo-answer,
.geo-ref-mini-row,
.geo-upgrade-card,
.geo-answer-panel,
.geo-answer-col,
.geo-ai-card,
.geo-search-list li,
.geo-source-row,
.geo-signal-row{
      border-color: var(--geo-line);
      box-shadow: var(--geo-shadow);
    }
    .geo-card,
.geo-info-panel,
.geo-ref-card,
.geo-ref-signal,
.geo-industry-card,
.geo-step,
.geo-metric,
.geo-case-card{
      background:
        radial-gradient(circle at 24% 16%, rgba(88, 190, 255, .09), transparent 42%),
        radial-gradient(circle at 82% 84%, rgba(23, 105, 255, .06), transparent 48%),
        linear-gradient(145deg, rgba(255,255,255,.94), rgba(246,249,255,.90));
    }
    .geo-card:hover,
.geo-info-panel:hover,
.geo-ref-card:hover,
.geo-ref-signal:hover,
.geo-industry-card:hover,
.geo-step:hover,
.geo-metric:hover,
.geo-case-card:hover{
      border-color: rgba(93, 143, 240, .62);
      box-shadow: 0 22px 42px rgba(37, 78, 155, .14);
    }
    .geo-card h3,
.geo-info-panel h3,
.geo-step h3,
.geo-case-card h3,
.geo-industry-card h3,
.geo-ref-head h3,
.geo-ref-signal h3{
      color: var(--geo-card-title);
      font-weight: 800;
      letter-spacing: 0;
    }
    .geo-card p,
.geo-info-panel p,
.geo-step p,
.geo-case-card p,
.geo-industry-card p,
.geo-ref-head p,
.geo-ref-signal p,
.geo-why-subtitle,
.geo-answer-copy p,
.geo-upgrade-copy p,
.geo-upgrade-results span{
      color: var(--geo-text);
      font-size: var(--geo-body);
      line-height: var(--site-body-line, 1.78);
      font-weight: 600;
    }
    .geo-card p,
.geo-industry-card p,
.geo-step p{
      color: #53627f;
    }
    .geo-flow .geo-step h3,
.geo-page .geo-case-card h3{
      font-size: 19px;
      font-weight: 800;
    }
    .geo-flow .geo-step p{
      font-size: 14px;
      line-height: 1.58;
      font-weight: 600;
    }
    .geo-case-meta span,
.geo-cite-row span,
.geo-answer-status,
.geo-upgrade-label,
.geo-result-no,
.geo-source-no{
      border-color: rgba(8,109,255,.14);
      background: rgba(8,109,255,.07);
      font-weight: 800;
    }
    .geo-page .site-card,
.geo-page .site-panel,
.geo-page .site-card-pad,
.geo-page .geo-value-panel,
.geo-page .geo-brand-wall{
      border-color: var(--geo-line);
    }
    .geo-page .site-card,
.geo-page .site-panel{
      box-shadow: var(--geo-shadow);
    }
    .geo-page .site-card:hover{
      border-color: rgba(93, 143, 240, .68);
      box-shadow: 0 22px 42px rgba(37, 78, 155, .15);
    }
    .geo-page .site-card-pad{
      padding: 24px;
    }
    .geo-page h3,
.geo-page h4,
.geo-page strong{
      color: var(--geo-card-title);
      letter-spacing: 0;
    }
    .geo-page h3{
      font-weight: 800;
    }
    .geo-page p,
.geo-page li,
.geo-page span{
      letter-spacing: 0;
    }
    .geo-flow{
      border-radius: 24px;
      background:
        radial-gradient(circle at 20% 22%, rgba(88, 190, 255, .09), transparent 34%),
        radial-gradient(circle at 78% 18%, rgba(105, 75, 255, .08), transparent 36%),
        linear-gradient(145deg, rgba(255,255,255,.94), rgba(245,249,255,.9));
    }
    
    .geo-page .geo-why-card,
.geo-page .geo-ref-card,
.geo-page .geo-ref-signal,
.geo-page .geo-industry-card,
.geo-page .geo-step,
.geo-page .geo-case-card{
      border-color: var(--geo-line);
    }
    .geo-page .geo-why-subtitle,
.geo-page .geo-ref-head p,
.geo-page .geo-ref-signal p,
.geo-page .geo-industry-card p,
.geo-page .geo-step p,
.geo-page .geo-case-card p{
      color: #53627f;
      font-weight: 600;
    }
    @media (max-width: 900px) {
      .geo-section{ padding: 65px 0; }
      .geo-section + .geo-section,
.geo-hero + .geo-section{ padding-top: 65px; }
    }
    @media (max-width: 720px) {
      .geo-section{ padding: 44px 0; }
      .geo-section + .geo-section,
.geo-hero + .geo-section{ padding-top: 44px; }
      .geo-section-head{
        margin-bottom: 28px;
        padding: 20px 0 18px;
      }
      .geo-section-title{
        font-size: 30px;
        line-height: 1.25;
        letter-spacing: 0;
      }
      .geo-section-sub{
        font-size: 14px;
        line-height: 1.72;
      }
    }


/* Final header behavior: keep the shared navigation fixed across all pages. */
:root{
  --nav-fixed-height: 68px;
}

html{
  scroll-padding-top: calc(var(--nav-fixed-height) + 18px);
}

body{
  padding-top: var(--nav-fixed-height);
}









.agent-page{
  --nav-fixed-height: 64px;
}

.about-page .ar-chips{
  margin-top: -104px;
}

.about-page .ar-hero.site-banner{
  background:
    linear-gradient(90deg, rgba(216, 234, 255, 0.98) 0%, rgba(222, 238, 255, 0.9) 34%, rgba(232, 244, 255, 0.64) 52%, rgba(248, 252, 255, 0.18) 72%, rgba(248, 252, 255, 0) 100%),
    url("../img/media-list-banner-network.webp") center / cover no-repeat;
}

.about-page .ar-platform-grid article{
  padding-bottom: 32px;
  cursor: default;
  transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, background 0.24s ease;
}

.about-page .ar-platform-grid article:hover{
  transform: translateY(-10px);
  border-color: rgba(23, 105, 255, 0.72);
  box-shadow: 0 22px 46px rgba(23, 105, 255, 0.16);
}

.about-page .ar-platform-grid article:hover h3{
  color: var(--blue);
}

.about-page .ar-platform-grid article:hover .ar-platform-visual img{
  transform: translateY(-6px) scale(1.08);
  filter: drop-shadow(0 18px 24px rgba(23, 105, 255, 0.18));
}

.about-page .ar-about-contact-card{
  transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, background 0.24s ease;
}

.about-page .ar-about-contact-card::after{
  opacity: 0.42;
  transition: opacity 0.24s ease, transform 0.24s ease;
}

.about-page .ar-about-contact-card:hover{
  transform: translateY(-8px);
  border-color: rgba(23, 105, 255, 0.68);
  background:
    radial-gradient(circle at 86% 8%, rgba(23, 105, 255, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 251, 255, 1));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 22px 42px rgba(23, 105, 255, 0.15);
}

.about-page .ar-about-contact-card:hover::after{
  opacity: 0.9;
  transform: translate(-8px, 8px) scale(1.08);
}

.about-page .ar-about-contact-card:hover .ar-about-contact-icon{
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(229, 242, 255, 1), rgba(205, 232, 255, 1));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), 0 18px 30px rgba(23, 105, 255, 0.2);
}

.about-page .ar-about-contact-card:hover strong{
  color: var(--blue);
}

.about-page .ar-about-contact-card b{
  font-size: 15px;
}

.about-page .ar-office{
  transition: transform 0.28s ease, box-shadow 0.28s ease, filter 0.28s ease;
  will-change: transform;
}

.about-page .ar-office:hover{
  transform: translateY(-8px) scale(1.018);
  box-shadow: 0 26px 52px rgba(23, 105, 255, 0.18), 0 12px 24px rgba(24, 38, 72, 0.1);
  filter: saturate(1.06) brightness(1.03);
}

.about-page .ar-why-visual{
  justify-self: end;
  align-self: end;
  width: min(100%, 602px);
  height: 421px;
  aspect-ratio: auto;
  max-height: none;
  overflow: hidden;
  border-radius: 18px;
  box-shadow: 0 24px 42px rgba(23, 105, 255, 0.14);
}

.about-page .ar-why-visual img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: inherit;
}

.about-page .ar-why-copy .site-title{
  color: #081a44;
  font-weight: 950;
}

.about-page .ar-why-copy .site-subtitle{
  color: #2d3f63;
  font-weight: 750;
}

.about-page .ar-why > .site-container{
  width: 1200px;
  max-width: calc(100vw - var(--site-container-gutter));
}

.about-page .ar-why-layout{
  grid-template-columns: 564px 602px;
  gap: 34px;
  align-items: end;
}

.about-page .ar-why-list article{
  grid-template-columns: 58px minmax(0, 1fr);
  min-height: 160px;
  padding: 22px 22px 24px;
  border-color: rgba(111, 168, 255, 0.66);
  background:
    radial-gradient(circle at 16% 10%, rgba(23, 105, 255, 0.1), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 248, 255, 0.94));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), 0 16px 32px rgba(23, 105, 255, 0.1);
}

.about-page .ar-why-list h3{
  position: relative;
  display: inline-block;
  color: #102552;
  font-weight: 1000;
}

.about-page .ar-why-list h3::after{
  content: "";
  display: block;
  width: 34px;
  height: 3px;
  margin: 8px auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #086dff 0%, #1769ff 45%, #6d56ff 100%);
}

.about-page .ar-why-list p{
  color: #344866;
  font-weight: 700;
}

.about-page .ar-why-list .site-icon-box{
  width: 58px;
  height: 58px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.about-page .ar-why-list .site-icon-box img{
  width: 58px;
  height: 58px;
}

.help-bottom-cta .btn::before{
  display: none;
}

.section-title-accent,
.site-title-accent,
.fls-accent,
.section-title::after,
.agent-section-title::after,
.agent-mode-head h3::after,
.geo-section-head .site-title-accent{
  background: linear-gradient(90deg, #086dff 0%, #1769ff 45%, #6d56ff 100%) !important;
  box-shadow: none !important;
}

.geo-section-head::after{
  content: none !important;
  display: none !important;
}

.agent-support-content h3{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 0 !important;
}

.agent-support-content h3 .agent-support-kicker{
  flex: 0 0 auto;
  height: 24px;
  padding: 0 10px;
  font-size: 12px;
}

.agent-support-card-img{
  align-self: start;
  transform: translateY(-14px);
}

.agent-flow-num{
  width: 62px !important;
  height: 62px !important;
  background: #fff !important;
  box-shadow: 0 14px 28px rgba(8, 109, 255, 0.16) !important;
}

.agent-flow-num img{
  display: block;
  width: 54px;
  height: 54px;
  object-fit: contain;
  transition: transform 0.26s ease, filter 0.26s ease;
}

.agent-flow-step{
  transition: transform 0.26s ease;
}

.agent-flow-step h3,
.agent-flow-step p{
  transition: color 0.26s ease, transform 0.26s ease;
}

.agent-flow-step:hover{
  transform: translateY(-6px);
}

.agent-flow-step:hover .agent-flow-num img{
  transform: translateY(-4px) scale(1.08);
  filter: drop-shadow(0 16px 22px rgba(8, 109, 255, 0.22));
}

.agent-flow-step:hover h3{
  color: var(--agent-blue);
  transform: translateY(-2px);
}

.agent-flow-step:hover p{
  color: #243b66;
  transform: translateY(-2px);
}

.agent-flow-line::before{
  display: none !important;
}

.agent-flow-step:not(:last-child)::after{
  content: "";
  position: absolute;
  top: 51px;
  left: calc(50% + 46px);
  right: calc(-50% + 46px);
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(8, 109, 255, 0.24), rgba(109, 86, 255, 0.18));
  pointer-events: none;
}

.agent-persona-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.agent-persona-card{
  min-height: 248px;
  padding-left: 20px;
  padding-right: 20px;
}

.agent-persona-img{
  height: 110px;
}

.agent-persona-img img{
  width: 142px;
  height: 118px;
}

.agent-page{
  --agent-cyan: #3f7cff;
  --agent-line: rgba(184, 190, 255, 0.72);
  --agent-shadow: 0 18px 42px rgba(45, 102, 255, 0.12);
  background:
    radial-gradient(circle at 10% 7%, rgba(63, 124, 255, 0.12), transparent 25%),
    linear-gradient(180deg, #eff5ff 0, #fff 28%, #f8faff 100%);
}

.agent-hero::before{
  background:
    radial-gradient(circle at 6% 42%, rgba(63, 124, 255, 0.2), transparent 26%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.38) 54%, rgba(255, 255, 255, 0.1));
}



.agent-mode-card{
  border-color: rgba(184, 190, 255, 0.86);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(244, 246, 255, 0.95)) padding-box,
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(63, 124, 255, 0.54) 48%, rgba(8, 109, 255, 0.5)) border-box;
  box-shadow:
    0 26px 64px rgba(45, 102, 255, 0.15),
    0 10px 26px rgba(8, 109, 255, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset -1px -1px 0 rgba(63, 124, 255, 0.22);
}

.agent-mode-card:hover{
  border-color: rgba(63, 124, 255, 0.68);
  box-shadow:
    0 34px 76px rgba(45, 102, 255, 0.2),
    0 14px 34px rgba(8, 109, 255, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset -1px -1px 0 rgba(63, 124, 255, 0.3);
}

.agent-mode-card::after{
  box-shadow:
    inset 1px 1px 0 rgba(255, 255, 255, 0.98),
    inset -1px -1px 0 rgba(63, 124, 255, 0.3);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.75), transparent 24%, transparent 72%, rgba(63, 124, 255, 0.14));
}

.agent-why-card,
.agent-sell-card,
.agent-system-proof-panel,
.agent-support-panel,
.agent-support-card,
.agent-persona-card,
.agent-flow-line{
  border-color: rgba(184, 190, 255, 0.74);
  background:
    radial-gradient(circle at 82% 18%, rgba(63, 124, 255, 0.14), transparent 34%),
    radial-gradient(circle at 14% 0%, rgba(8, 109, 255, 0.09), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(244, 246, 255, 0.94));
  box-shadow: 0 22px 54px rgba(45, 102, 255, 0.12);
}

.agent-why-card:hover,
.agent-sell-card:hover,
.agent-support-card:hover,
.agent-persona-card:hover{
  border-color: rgba(63, 124, 255, 0.5);
  background:
    radial-gradient(circle at 82% 18%, rgba(63, 124, 255, 0.2), transparent 36%),
    radial-gradient(circle at 14% 0%, rgba(8, 109, 255, 0.11), transparent 34%),
    linear-gradient(145deg, #fff, #f2f4ff);
  box-shadow: 0 26px 58px rgba(45, 102, 255, 0.16);
}

.agent-system-proof{
  background:
    radial-gradient(circle at 12% 20%, rgba(63, 124, 255, 0.1), transparent 28%),
    radial-gradient(circle at 88% 30%, rgba(8, 109, 255, 0.08), transparent 30%);
}

.agent-system-feature:hover{
  border-color: rgba(63, 124, 255, 0.58);
  background:
    radial-gradient(circle at 11% 50%, rgba(63, 124, 255, 0.12), transparent 42%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.64), rgba(242, 244, 255, 0.22));
}

.agent-system-feature::before{
  background: linear-gradient(180deg, rgba(8, 109, 255, 0.86), rgba(63, 124, 255, 0.82));
}

.agent-support-left h2::after{
  background: linear-gradient(90deg, #086dff, #3f7cff 72%, #5d68ff);
}

.agent-support-points li::before,
.agent-sell-tags span::before{
  background:
    radial-gradient(circle at 34% 32%, rgba(255, 255, 255, 0.85), transparent 25%),
    linear-gradient(145deg, #3f7cff, #086dff);
  box-shadow: 0 0 0 4px rgba(63, 124, 255, 0.1);
}

.agent-flow-num{
  box-shadow: 0 14px 28px rgba(45, 102, 255, 0.16) !important;
}

.agent-flow-step:hover .agent-flow-num img{
  filter: drop-shadow(0 16px 22px rgba(63, 124, 255, 0.22));
}

.agent-flow-step:not(:last-child)::after{
  background: linear-gradient(90deg, rgba(8, 109, 255, 0.24), rgba(63, 124, 255, 0.24));
}

.geo-page .geo-flow{
  border-color: rgba(155, 196, 255, 0.72);
  background:
    radial-gradient(circle at 20% 22%, rgba(8, 109, 255, 0.12), transparent 34%),
    radial-gradient(circle at 78% 18%, rgba(63, 124, 255, 0.1), transparent 36%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(241, 247, 255, 0.9));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 20px 52px rgba(45, 102, 255, 0.12);
}

.geo-page .geo-flow-track span::before{
  background: linear-gradient(90deg, rgba(8, 109, 255, 0.24) 0 40%, transparent 40% 60%, rgba(63, 124, 255, 0.7) 60% 100%);
  box-shadow: 0 0 12px rgba(8, 109, 255, 0.16);
}

.geo-page .geo-flow-track span i,
.geo-page .geo-flow .geo-step-num{
  background: linear-gradient(135deg, #086dff, #3f7cff);
}

.geo-page .geo-flow .geo-step-icon{
  border-color: rgba(155, 196, 255, 0.78);
}

.geo-page .geo-flow .geo-step:hover .geo-step-icon{
  border-color: #086dff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 18px 34px rgba(8, 109, 255, 0.18),
    0 0 0 3px rgba(8, 109, 255, 0.08);
}

.geo-page .geo-cases{
  display: block;
}

.geo-page .geo-case-page{
  display: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.geo-page .geo-case-page.is-active{
  display: grid;
  animation: arCertPageIn 0.34s ease both;
}

.geo-case-tabs{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}

.geo-case-tabs button{
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(23, 105, 255, 0.26);
  box-shadow: none;
  cursor: pointer;
  transition: width 0.22s ease, background 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.geo-case-tabs button:hover,
.geo-case-tabs button.is-active{
  width: 28px;
  background: linear-gradient(135deg, var(--site-blue), var(--site-cyan));
  box-shadow: 0 6px 14px rgba(23, 105, 255, 0.22);
  transform: none;
}

.client-proof-item strong .ty-count{
  margin-left: 0;
  font-size: inherit;
  font-weight: inherit;
  vertical-align: baseline;
}

.hero{
  overflow: hidden;
}

.hero::after{
  display: none !important;
}

.hero:hover::after{
  display: none !important;
}

.hero:hover .hero-copy-column{
  filter: none;
}

.hero h1{
  font-size: 51px;
  line-height: 1.26;
}

.geo-hero h1{
  font-size: 51px;
  line-height: 1.26;
}























































































































































































@keyframes stackDataFloat {
  0%{
    transform: translateX(0);
  }
  100%{
    transform: translateX(-220px);
  }
}





























































@media (max-width: 992px) {
  :root{
    --nav-fixed-height: 64px;
  }

  .agent-support-card-img{
    transform: none;
  }

  .agent-flow-step::after{
    display: none;
  }

  .agent-persona-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .geo-page .geo-case-page{
    grid-template-columns: 1fr;
  }

  .about-page .ar-chips{
    margin-top: -78px;
  }

  .about-page .ar-why-layout{
    grid-template-columns: 1fr;
  }

  .about-page .ar-why-visual{
    width: 100%;
    max-height: none;
  }
}

@media (max-width: 620px) {
  .about-page .ar-chips{
    margin-top: -58px;
  }

  .about-page .ar-why-visual{
    border-radius: 14px;
  }

  .agent-persona-grid{
    grid-template-columns: 1fr;
  }
}

.media-logo-panel:not(.is-platform-wall) .media-logo-tile{
  padding: 6px 8px !important;
  overflow: hidden;
}

.media-logo-panel:not(.is-platform-wall) .media-logo-tile img{
  width: auto !important;
  height: auto !important;
  max-width: 92% !important;
  max-height: 72% !important;
  object-fit: contain !important;
}

.media-logo-panel:not(.is-platform-wall) .media-logo-wall{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.media-logo-panel:not(.is-platform-wall) .media-logo-tile{
  height: 68px !important;
  padding: 9px 12px !important;
}

.media-logo-panel:not(.is-platform-wall) .media-logo-tile img{
  max-width: 88% !important;
  max-height: 74% !important;
}

















/* Industry knowledge list: row dividers instead of numbered cards */
.knowledge-list{
  gap: 0 24px;
  align-items: stretch;
}

.knowledge-item,
.knowledge-item:hover{
  width: 100%;
  grid-template-columns: minmax(0, 1fr) 110px;
  gap: 14px;
  min-height: 62px;
  padding: 13px 0;
  border: 0;
  border-bottom: 1px solid rgba(214, 228, 249, 0.86);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.knowledge-item:nth-last-child(-n + 2){
  border-bottom: 0;
}

.knowledge-item em{
  display: none;
}

.knowledge-item strong{
  min-width: 0;
  overflow: hidden;
  font-size: 15px;
  line-height: 1.55;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.knowledge-item time{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  justify-self: end;
}

@media (max-width: 1200px) {
  .knowledge-list{
    gap: 0;
  }

  .knowledge-item,
.knowledge-item:hover{
    grid-template-columns: minmax(0, 1fr) 110px;
  }

  .knowledge-item:nth-last-child(-n + 2){
    border-bottom: 1px solid rgba(214, 228, 249, 0.86);
  }

  .knowledge-item:last-child{
    border-bottom: 0;
  }
}

@media (max-width: 576px) {
  .knowledge-item,
.knowledge-item:hover{
    grid-template-columns: minmax(0, 1fr) 86px;
    gap: 4px;
    padding: 12px 0;
  }

  .knowledge-item time{
    grid-column: auto;
    justify-self: end;
  }
}

.knowledge-item strong{
  display: block;
  -webkit-line-clamp: unset;
  -webkit-box-orient: initial;
}

/* 1024 desktop-scale responsive tightening for homepage solution and article sections. */
@media (min-width: 993px) and (max-width: 1200px) {
  

  

  

  

  #solutions .fls-card{
    min-height: 232px;
    grid-template-columns: 154px minmax(0, 1fr);
    gap: 16px;
    padding: 18px;
    border-radius: 20px;
  }

  #solutions .fls-card-main{
    gap: 10px;
  }

  #solutions .fls-card-main h2,
#solutions .fls-title-row h2{
    font-size: 20px;
  }

  #solutions .fls-card-main p{
    max-width: none;
    font-size: 13px;
    line-height: 1.52;
  }

  

  

  #solutions .fls-card-main button{
    width: 126px;
    height: 36px;
  }

  

  

  #solutions .fls-metric em{
    font-size: 12px;
  }

  #solutions .fls-metric b{
    font-size: 21px;
  }

  

  

  

  

  .section.insight-news-section{
    padding-top: 50px;
    padding-bottom: 46px;
  }

  .insight-news-section .section-subtitle{
    margin-bottom: 20px;
  }

  .insight-board{
    gap: 14px;
  }

  .platform-news-panel{
    min-height: 0;
    padding: 20px 20px;
  }

  .knowledge-panel{
    padding: 20px 22px 22px;
  }

  .insight-panel-head{
    gap: 12px;
    margin-bottom: 12px;
    padding-bottom: 10px;
  }

  .platform-news-list{
    gap: 7px;
  }

  .platform-news-item{
    min-height: 52px;
    gap: 4px;
  }

  .platform-news-item strong{
    font-size: 14px;
    line-height: 1.38;
  }

  .knowledge-list{
    gap: 0 18px;
  }

  .knowledge-item,
.knowledge-item:hover{
    min-height: 52px;
    padding: 8px 0;
  }

  .knowledge-item strong{
    font-size: 14px;
    line-height: 1.38;
  }
}

.platform-news-item strong,
.knowledge-item strong{
  transition: color 0.22s ease, transform 0.22s ease, text-shadow 0.22s ease;
}

.platform-news-item:hover strong,
.platform-news-item:focus-visible strong,
.knowledge-item:hover strong,
.knowledge-item:focus-visible strong{
  color: #1769ff;
  text-shadow: 0 8px 18px rgba(23, 105, 255, 0.16);
  transform: translateX(4px);
}

/* Left floating customer service widget */
.ty-service-float{
  position: fixed;
  left: 18px;
  top: 50%;
  z-index: 9998;
  transform: translateY(-50%);
}

@media (min-width: 769px) {
  body:not(.auth-preview-body) .ty-service-float{
    display: block !important;
    left: 18px !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
  }

  body:not(.auth-preview-body) .ty-service-panel{
    width: 82px !important;
    padding: 8px !important;
    border-radius: 24px !important;
  }

  body:not(.auth-preview-body) .ty-service-item{
    min-height: 78px !important;
    padding: 10px 6px !important;
    border-radius: 18px !important;
  }

  body:not(.auth-preview-body) .ty-service-item + .ty-service-item{
    margin-top: 5px !important;
  }

  body:not(.auth-preview-body) .ty-service-icon{
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
  }

  body:not(.auth-preview-body) .ty-service-icon svg{
    width: 21px !important;
    height: 21px !important;
  }

  body:not(.auth-preview-body) .ty-service-item em{
    display: block !important;
  }

  body:not(.auth-preview-body) .ty-service-popover{
    left: calc(100% + 14px) !important;
    width: 236px !important;
    padding: 18px !important;
    border-radius: 22px !important;
  }

  body:not(.auth-preview-body) .ty-service-qr-img,
body:not(.auth-preview-body) .ty-service-qr-fallback{
    width: 138px !important;
    height: 138px !important;
    border-width: 8px !important;
    border-radius: 18px !important;
  }
}

.ty-service-panel{
  width: 82px;
  padding: 8px;
  border: 1px solid rgba(181, 210, 255, 0.68);
  border-radius: 24px;
  background:
    radial-gradient(circle at 24% 12%, rgba(255, 255, 255, 0.96), transparent 35%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(240, 247, 255, 0.82));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 20px 46px rgba(40, 91, 168, 0.16);
  backdrop-filter: blur(18px);
}

.ty-service-item{
  position: relative;
  display: grid;
  justify-items: center;
  gap: 6px;
  min-height: 78px;
  padding: 10px 6px;
  border: 1px solid transparent;
  border-radius: 18px;
  color: #1e315f;
  background: transparent;
  font: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;
}

.ty-service-item + .ty-service-item{
  margin-top: 5px;
}

.ty-service-icon{
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #1769ff;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(232, 242, 255, 0.86));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 10px 22px rgba(40, 91, 168, 0.1);
}

.ty-service-icon svg{
  width: 21px;
  height: 21px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ty-service-item em{
  color: #2c3e68;
  font-size: 12px;
  line-height: 1.2;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.ty-service-item:hover,
.ty-service-item:focus-visible{
  border-color: rgba(99, 150, 255, 0.38);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(232, 242, 255, 0.72));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 12px 26px rgba(47, 88, 255, 0.12);
  transform: translateX(3px);
  outline: 0;
}

.ty-service-item:hover .ty-service-icon,
.ty-service-item:focus-visible .ty-service-icon{
  color: #fff;
  background: linear-gradient(135deg, #1769ff, #6d56ff);
  box-shadow: 0 14px 28px rgba(47, 88, 255, 0.24);
}

.ty-service-popover{
  position: absolute;
  left: calc(100% + 14px);
  top: 50%;
  width: 236px;
  padding: 18px;
  border: 1px solid rgba(177, 206, 255, 0.72);
  border-radius: 22px;
  color: #172344;
  background:
    radial-gradient(circle at 90% 12%, rgba(109, 86, 255, 0.1), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(244, 249, 255, 0.94));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 24px 56px rgba(40, 91, 168, 0.18);
  opacity: 0;
  pointer-events: none;
  transform: translate(8px, -50%) scale(0.98);
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.ty-service-popover::before{
  content: "";
  position: absolute;
  left: -7px;
  top: 50%;
  width: 12px;
  height: 12px;
  border-left: 1px solid rgba(177, 206, 255, 0.72);
  border-bottom: 1px solid rgba(177, 206, 255, 0.72);
  background: rgba(255, 255, 255, 0.98);
  transform: translateY(-50%) rotate(45deg);
}

.ty-service-item:hover .ty-service-popover,
.ty-service-item:focus-visible .ty-service-popover,
.ty-service-item:focus-within .ty-service-popover{
  opacity: 1;
  pointer-events: auto;
  transform: translate(0, -50%) scale(1);
}

.ty-service-popover small{
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  color: #1769ff;
  background: rgba(23, 105, 255, 0.08);
  font-size: 12px;
  font-weight: 900;
}

.ty-service-popover strong{
  display: block;
  margin-top: 12px;
  color: #142154;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 950;
}

.ty-service-popover p{
  margin: 8px 0 0;
  color: #5b6a84;
  font-size: 13px;
  line-height: 1.55;
  font-weight: 750;
}

.ty-service-popover > span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  margin-top: 14px;
  padding: 0 12px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(100deg, #1769ff, #6d56ff);
  box-shadow: 0 14px 28px rgba(47, 88, 255, 0.22);
  font-size: 13px;
  font-weight: 900;
}

.ty-service-qr-img,
.ty-service-qr-fallback{
  width: 138px;
  height: 138px;
  display: block;
  margin: 14px auto 8px;
  border: 8px solid #fff;
  border-radius: 18px;
  background-color: #fff;
  box-shadow: 0 16px 34px rgba(45, 93, 180, 0.12);
}

.ty-service-qr-img{
  object-fit: cover;
}

.ty-service-qr-fallback{
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(90deg, #142154 10px, transparent 10px 18px, #1769ff 18px 26px, transparent 26px 36px, #142154 36px 44px, transparent 44px 54px, #1769ff 54px 62px, transparent 62px 72px, #142154 72px 82px, transparent 82px),
    linear-gradient(#142154 10px, transparent 10px 18px, #1769ff 18px 26px, transparent 26px 36px, #142154 36px 44px, transparent 44px 54px, #1769ff 54px 62px, transparent 62px 72px, #142154 72px 82px, transparent 82px),
    #fff;
  background-blend-mode: multiply;
}

.ty-service-qr-fallback span,
.ty-service-qr-fallback i,
.ty-service-qr-fallback b{
  position: absolute;
  width: 34px;
  height: 34px;
  border: 7px solid #142154;
  border-radius: 6px;
  background: #fff;
}

.ty-service-qr-fallback span:nth-child(1){
  left: 12px;
  top: 12px;
}

.ty-service-qr-fallback span:nth-child(2){
  right: 12px;
  top: 12px;
}

.ty-service-qr-fallback span:nth-child(3){
  left: 12px;
  bottom: 12px;
}

.ty-service-qr-fallback i{
  right: 16px;
  bottom: 18px;
  width: 24px;
  height: 24px;
  border-color: #1769ff;
}

.ty-service-qr-fallback b{
  right: 48px;
  bottom: 44px;
  width: 14px;
  height: 14px;
  border: 0;
  background: #6d56ff;
}

@media (max-width: 900px) {
  .ty-service-float{
    left: 10px;
  }

  .ty-service-panel{
    width: 66px;
    padding: 6px;
    border-radius: 20px;
  }

  .ty-service-item{
    min-height: 62px;
    padding: 8px 4px;
    border-radius: 15px;
  }

  .ty-service-icon{
    width: 32px;
    height: 32px;
    border-radius: 12px;
  }

  .ty-service-icon svg{
    width: 18px;
    height: 18px;
  }

  .ty-service-item em{
    font-size: 11px;
  }

  .ty-service-popover{
    width: 210px;
    padding: 15px;
  }
}

@media (max-width: 520px) {
  .ty-service-float{
    left: 8px;
    transform: translateY(-46%);
  }

  .ty-service-panel{
    width: 56px;
  }

  .ty-service-item{
    min-height: 52px;
  }

  .ty-service-item em{
    display: none;
  }

  .ty-service-popover{
    width: min(220px, calc(100vw - 86px));
  }
}

/* Home banner experience modal */
body.experience-modal-open{
  overflow: hidden;
}

.experience-modal[hidden]{
  display: none;
}

.experience-modal{
  position: fixed;
  inset: 0;
  z-index: 10020;
  display: grid;
  place-items: center;
  padding: 24px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.22s ease;
}

.experience-modal.is-visible{
  opacity: 1;
  pointer-events: auto;
}

.experience-modal-backdrop{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 36%, rgba(83, 132, 255, 0.22), transparent 36%),
    radial-gradient(circle at 58% 68%, rgba(121, 84, 255, 0.12), transparent 34%),
    rgba(12, 22, 52, 0.38);
}

.experience-modal-panel{
  position: relative;
  width: min(576px, calc(100vw - 32px));
  display: grid;
  grid-template-columns: minmax(0, 1fr) 214px;
  gap: 16px;
  padding: 19px;
  overflow: hidden;
  border: 1px solid rgba(197, 216, 255, 0.9);
  border-radius: 26px;
  background:
    radial-gradient(circle at 86% 18%, rgba(93, 146, 255, 0.2), transparent 34%),
    radial-gradient(circle at 9% 88%, rgba(123, 87, 255, 0.14), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(243, 248, 255, 0.92) 54%, rgba(238, 244, 255, 0.9));
  box-shadow:
    0 34px 90px rgba(18, 38, 92, 0.32),
    0 0 0 8px rgba(255, 255, 255, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(98, 134, 255, 0.13);
  outline: none;
  transform: translateY(16px) scale(0.98);
  transition: transform 0.24s ease;
}

.experience-modal.is-visible .experience-modal-panel{
  transform: translateY(0) scale(1);
}

.experience-modal-panel::before,
.experience-modal-panel::after{
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}

.experience-modal-panel::before{
  width: 264px;
  height: 264px;
  right: -104px;
  top: -120px;
  background: radial-gradient(circle, rgba(42, 126, 255, 0.24), transparent 68%);
}

.experience-modal-panel::after{
  width: 224px;
  height: 224px;
  left: -100px;
  bottom: -112px;
  background: radial-gradient(circle, rgba(133, 84, 255, 0.18), transparent 70%);
}

.experience-modal-close{
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(130, 158, 220, 0.34);
  border-radius: 50%;
  color: #657294;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 24px rgba(42, 69, 132, 0.16);
  cursor: pointer;
  transition: transform 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.experience-modal-close:hover,
.experience-modal-close:focus-visible{
  color: #1769ff;
  border-color: rgba(43, 112, 255, 0.48);
  box-shadow: 0 10px 24px rgba(43, 112, 255, 0.16);
  transform: translateY(-1px);
}

.experience-modal-copy,
.experience-modal-contact{
  position: relative;
  z-index: 1;
}

.experience-modal-copy{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 234px;
  padding: 22px 22px 22px 5px;
}

.experience-modal-copy::before{
  content: "";
  position: absolute;
  inset: 0 0 0 -10px;
  z-index: -1;
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.64), rgba(238, 245, 255, 0.32)),
    radial-gradient(circle at 15% 18%, rgba(45, 130, 255, 0.11), transparent 36%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.experience-modal-badge{
  width: fit-content;
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border: 1px solid rgba(65, 115, 255, 0.2);
  border-radius: 999px;
  color: #2258d8;
  font-size: 12px;
  font-weight: 700;
  background: linear-gradient(135deg, rgba(238, 247, 255, 0.96), rgba(245, 243, 255, 0.94));
  box-shadow: 0 8px 18px rgba(58, 102, 214, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.experience-modal-copy h3{
  margin: 14px 0 10px;
  color: #101c48;
  font-size: 26px;
  line-height: 1.22;
  letter-spacing: 0;
}

.experience-modal-copy p{
  margin: 0;
  max-width: 304px;
  color: #566680;
  font-size: 13px;
  line-height: 1.62;
}

.experience-modal-tags{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 16px;
}

.experience-modal-tags span{
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(120, 153, 225, 0.24);
  border-radius: 999px;
  color: #33446d;
  font-size: 12px;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 8px 18px rgba(53, 84, 150, 0.08);
}

.experience-modal-register{
  width: fit-content;
  height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 20px;
  padding: 0 16px;
  border-radius: 999px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  background: linear-gradient(135deg, #1478ff 0%, #465fff 48%, #8055ff 100%);
  box-shadow: 0 16px 30px rgba(65, 87, 238, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.38);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.experience-modal-register:hover,
.experience-modal-register:focus-visible{
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(65, 87, 238, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.experience-modal-register b{
  font-size: 15px;
  line-height: 1;
}

.experience-modal-contact{
  display: grid;
  grid-template-rows: 1fr 83px;
  gap: 11px;
}

.experience-modal-qr,
.experience-modal-phone{
  border: 1px solid rgba(177, 202, 255, 0.72);
  border-radius: 16px;
  background:
    linear-gradient(150deg, rgba(255, 255, 255, 0.88), rgba(241, 247, 255, 0.76)),
    rgba(255, 255, 255, 0.7);
  box-shadow: 0 18px 42px rgba(40, 71, 143, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.experience-modal-qr{
  display: grid;
  justify-items: center;
  align-content: center;
  padding: 14px 13px 13px;
}

.experience-modal-qr .ty-service-qr-fallback{
  width: 114px;
  height: 114px;
  margin: 0 0 10px;
  border-radius: 13px;
  box-shadow: 0 14px 28px rgba(24, 47, 111, 0.12);
}

.experience-modal-qr strong,
.experience-modal-phone strong{
  color: #111c48;
  font-size: 15px;
  line-height: 1.3;
}

.experience-modal-qr small,
.experience-modal-phone small{
  margin-top: 3px;
  color: #6c7893;
  font-size: 11px;
}

.experience-modal-phone{
  display: grid;
  align-content: center;
  gap: 2px;
  padding: 13px 16px;
  background:
    linear-gradient(135deg, rgba(247, 251, 255, 0.92), rgba(246, 244, 255, 0.8)),
    rgba(255, 255, 255, 0.78);
}

.experience-modal-phone span{
  color: #2559d8;
  font-size: 12px;
  font-weight: 700;
}

@media (max-width: 720px) {
  .experience-modal{
    padding: 12px;
  }

  .experience-modal-panel{
    width: min(360px, calc(100vw - 24px));
    max-height: calc(100dvh - 24px);
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 18px 14px 14px;
    border-radius: 18px;
    overflow-y: auto;
  }

  .experience-modal-copy{
    min-height: auto;
    padding: 0;
  }

  .experience-modal-copy::before{
    inset: -6px;
    border-radius: 16px;
  }

  .experience-modal-badge{
    height: 24px;
    padding: 0 10px;
    font-size: 12px;
  }

  .experience-modal-copy h3{
    margin: 12px 0 8px;
    font-size: 22px;
    line-height: 1.22;
  }

  .experience-modal-copy p{
    max-width: none;
    font-size: 13px;
    line-height: 1.55;
  }

  .experience-modal-tags{
    gap: 6px;
    margin-top: 12px;
  }

  .experience-modal-tags span{
    height: 26px;
    padding: 0 10px;
    font-size: 12px;
  }

  .experience-modal-register{
    width: 100%;
    height: 38px;
    justify-content: center;
    margin-top: 14px;
    padding: 0 14px;
    font-size: 13px;
  }

  .experience-modal-contact{
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    gap: 8px;
  }

  .experience-modal-qr,
.experience-modal-phone{
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(40, 71, 143, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95);
  }

  .experience-modal-qr{
    grid-template-columns: 96px minmax(0, 1fr);
    justify-items: start;
    align-items: center;
    align-content: center;
    column-gap: 12px;
    padding: 10px;
  }

  .experience-modal-qr .ty-service-qr-fallback{
    grid-row: span 2;
    width: 96px;
    height: 96px;
    margin: 0;
    border-radius: 12px;
  }

  .experience-modal-qr strong,
.experience-modal-phone strong{
    font-size: 15px;
  }

  .experience-modal-qr small,
.experience-modal-phone small,
.experience-modal-phone span{
    font-size: 11px;
  }

  .experience-modal-phone{
    gap: 2px;
    min-height: 72px;
    padding: 10px 12px;
  }

  .experience-modal-close{
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 480px) {
  .experience-modal{
    padding: 10px;
  }

  .experience-modal-panel{
    width: min(344px, calc(100vw - 20px));
    max-height: calc(100dvh - 20px);
    gap: 8px;
    padding: 16px 12px 12px;
  }

  .experience-modal-copy h3{
    font-size: 20px;
  }

  .experience-modal-copy p{
    font-size: 12px;
  }

  .experience-modal-tags{
    margin-top: 10px;
  }

  .experience-modal-register{
    height: 36px;
    margin-top: 12px;
  }

  .experience-modal-qr{
    grid-template-columns: 82px minmax(0, 1fr);
    column-gap: 10px;
    padding: 9px;
  }

  .experience-modal-qr .ty-service-qr-fallback{
    width: 82px;
    height: 82px;
  }
}

/* Mobile responsive final overrides: keep desktop rules intact and only reshape small screens. */
@media (max-width: 768px) {
  :root{
    --nav-fixed-height: 64px;
    --site-content-gutter: 32px;
    --site-container-gutter: 32px;
    --space-section-y: 48px;
    --site-section-y: 48px;
    --site-section-y-compact: 34px;
    --type-section-title: 28px;
    --type-body-size: 15px;
  }

  html,
body,
main,
.site-page{
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  img,
svg,
video,
canvas,
iframe{
    max-width: 100%;
    height: auto;
  }

  .container, .site-container, .help-container, .agent-wrap, .fls-head, .fls-board, .quick-entry-index .qe-header, .quick-entry-index .entry-grid, .exposure-shift .container, .option-a-check.diagnosis-redesign > .container, .media-resource-redesign > .container, .client-logo-section > .container, .insight-news-section > .container, .cta{
    width: min(100% - 32px, 720px) !important;
    max-width: calc(100vw - 32px) !important;
    margin-left: auto;
    margin-right: auto;
  }

  .section,
.site-section,
.agent-section,
.quick-entry-index,
.option-a-check.diagnosis-redesign,
.full-link-solution-redesign,
.media-resource-redesign,
.client-logo-section,
.insight-news-section{
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section-title,
.site-title,
.agent-section-title,
.fls-head h2,
.quick-entry-index .qe-header h2,
.dual-stack-head h2,
.cta h2{
    font-size: clamp(24px, 7vw, 30px);
    line-height: 1.28;
    letter-spacing: 0;
  }

  .section-subtitle,
.site-subtitle,
.agent-section-sub,
.fls-head p,
.quick-entry-index .qe-header p,
.cta p{
    margin-top: 10px;
    margin-bottom: 28px;
    font-size: 14px;
    line-height: 1.72;
  }
















  .hero{
    min-height: 0;
    padding: 42px 0 34px;
    background-size: cover;
    background-position: center top;
  }

  .hero::before,
.hero::after{
    opacity: 0.45;
    pointer-events: none;
  }

  .hero-inner, .site-banner-grid, .agent-hero-grid, .auth-shell, .help-hero-grid, .dual-panel-hero, .dual-resource-grid, .stack-card, .stack-card-geo, .diagnosis-shell, .insight-board, .cta-content{
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .hero-inner{
    min-height: 0;
    gap: 24px;
  }

  .hero-copy-column{
    max-width: 100%;
    transform: none !important;
    animation: none !important;
  }

  .hero h1,
.site-banner-title,
.agent-hero h1,
.help-hero-copy h1,
.help-hero-title,
.auth-left-copy h1{
    font-size: clamp(28px, 8vw, 32px);
    line-height: 1.25;
    letter-spacing: 0;
  }

  .hero-copy,
.site-banner-copy,
.agent-hero p,
.help-hero-copy p,
.auth-left-copy p{
    max-width: none;
    font-size: 15px;
    line-height: 1.72;
  }

  .hero-buttons,
.site-actions,
.agent-actions,
.cta-actions,
.help-cta-actions{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .hero-buttons .btn,
.site-actions .site-btn,
.agent-actions .agent-btn,
.cta-actions .btn,
.help-cta-actions a,
.auth-submit,
.orders-search-btn,
.orders-export-btn{
    width: 100%;
    min-width: 0;
    min-height: 44px;
    height: auto;
    padding: 0 14px;
    white-space: nowrap;
  }

  .hero-visual{
    width: 100%;
    max-width: 430px;
    height: 300px;
    margin: 0 auto;
    transform: none !important;
    animation: none !important;
  }

  body:not(.site-page):not(.agent-page):not(.geo-page):not(.help-center-page):not(.auth-preview-body) .hero-visual{
    display: none !important;
  }

  .hero-stats,
.client-proof-bar,
.auth-stat-cards,
.ml-stats,
.ml-advantages,
.geo-hero-tags,
.geo-ref-signal-grid,
.agent-chip-row,
.ar-about-stats,
.ar-proof-row,
.cta-points{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px;
  }

  .hero-stat,
.media-metric-card,
.auth-stat-card,
.ml-stat-card,
.ml-advantage-card,
.geo-hero-card,
.site-card,
.glass-card,
.help-card,
.agent-mode-card,
.agent-sell-card,
.agent-support-card,
.agent-persona-card{
    min-width: 0;
    max-width: 100%;
  }

  .site-banner,
.ar-hero.site-banner,
.geo-hero.site-banner{
    min-height: 0;
    padding: 42px 0 38px;
    background-position: center top;
  }

  .site-banner-grid{
    gap: 22px;
  }

  .ar-hero-visual,
.geo-hero-visual,
.ml-hero-visual,
.agent-hero-visual-image,
.auth-showcase,
.help-hero-art,
.ar-position-orbit{
    max-width: 100%;
  }

  .ar-position-orbit{
    display: none;
  }

  .site-grid-2,
.site-grid-3,
.site-grid-4,
.quick-entry-index .entry-grid,
.option-a-fields,
.option-a-form,
.diagnosis-form-card .option-a-fields,
.fls-board,
.publish-flow,
.media-matrix,
.help-main-grid,
.help-category-grid,
.help-contact-grid,
.agent-mode-compare,
.agent-sell-cards,
.agent-system-feature-grid,
.agent-support-grid,
.agent-persona-grid,
.geo-grid-3,
.geo-grid-6,
.geo-case-card,
.ar-about-contact-grid,
.ar-why-layout,
.ar-why-list,
.ar-platform-grid{
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px;
  }

  .site-card-pad,
.site-panel,
.ar-about-card,
.ar-position-panel,
.geo-flow,
.geo-cases,
.help-faq-card,
.help-article-list-card,
.help-article-card,
.auth-panel,
.diagnosis-form-card,
.web-filter-menu,
.media-resource-search-box{
    padding: 18px;
    border-radius: 14px;
  }

  .option-a-form,
.diagnosis-form-card,
.auth-form{
    gap: 14px;
  }

  .diagnosis-flow{
    gap: 8px;
    padding: 14px;
  }

  .diagnosis-flow-step{
    min-height: 54px;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    padding: 6px 0;
  }

  .diagnosis-flow-step b{
    width: 42px;
    height: 42px;
    font-size: 16px;
  }

  .diagnosis-flow-step span{
    font-size: 14px;
  }

  .diagnosis-flow-step em{
    display: none;
  }

  .diagnosis-flow-line{
    height: 16px;
    margin-left: 20px;
  }

  input,
select,
textarea,
.auth-field input,
.option-a-field input,
.option-a-field select,
.orders-select,
.orders-search-field input{
    width: 100%;
    min-height: 44px;
    font-size: 15px;
  }

  .scan-form,
.media-resource-search-box,
.web-resource-toolbar,
.web-filter-row,
.web-filter-row-multi,
.web-filter-row-time-type,
.web-filter-row-multi section,
.ml-filter-grid,
.ml-web-resource-toolbar{
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .web-filter-row{
    gap: 10px;
    padding: 14px;
  }

  .web-filter-row strong{
    padding-top: 0;
    font-size: 15px;
    white-space: normal;
  }

  .web-filter-row div{
    gap: 8px;
  }

  .web-filter-row button{
    min-height: 34px;
    padding: 0 12px;
    font-size: 13px;
  }

  .web-price-range{
    width: 100%;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 12px minmax(0, 1fr);
  }

  .web-price-range input{
    width: 100%;
    height: 40px;
  }

  .web-price-range .web-price-apply{
    grid-column: 1 / -1;
    width: 100%;
    height: 40px;
  }

  .ml-filter-bridge,
.ml-resource-section{
    margin-top: 16px;
  }

  .ml-list-header{
    display: none !important;
  }

  .ml-list{
    gap: 12px;
    margin-top: 14px;
    overflow-x: visible;
  }

  .ml-media-row,
.self-media-row,
.short-video-page .ml-media-row,
.overseas-media-page .ml-media-row{
    min-width: 0 !important;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 12px;
    align-items: start;
    padding: 16px;
    border-radius: 14px;
  }

  .ml-media-info{
    grid-column: 1 / -1;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 12px;
  }

  .ml-media-logo-rect{
    width: 76px;
    height: 48px;
  }

  .ml-member-prices,
.ml-platform-tag,
.ml-direct-price,
.ml-rate,
.ml-weight,
.ml-weight-badge,
.ml-source-tag,
.ml-link-tag,
.ml-time,
.ml-price,
.ml-resource-note,
.ml-tag-stack,
.ml-actions{
    justify-self: stretch;
    text-align: left;
  }

  .ml-member-prices span,
.ml-rate,
.ml-weight-badge,
.ml-source-tag,
.ml-link-tag,
.ml-direct-price{
    justify-content: flex-start;
    white-space: normal;
  }

  .ml-resource-note,
.ml-tag-stack,
.ml-actions{
    grid-column: 1 / -1;
  }

  

  .ml-pagination{
    gap: 8px;
    margin: 22px 0;
  }

  .ml-pagination p{
    width: 100%;
    margin: 0;
    text-align: center;
  }

  .help-hero{
    min-height: 0;
    padding: 42px 0;
    background-position: center top;
  }

  .help-hero-grid{
    min-height: 0;
  }

  .help-category-shell{
    margin-top: 0;
    padding: 14px;
  }

  .help-article-row{
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 18px 0;
  }

  .help-article-row img{
    width: 100%;
  }

  .help-article-nav{
    grid-template-columns: minmax(0, 1fr);
  }

  .article-detail-page .help-hero-copy h1,
  .article-detail-page .help-hero-title{
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }

  .auth-main{
    min-height: auto;
  }

  .auth-hero{
    min-height: auto;
    padding: 30px 0 42px;
  }

  .auth-panel{
    width: 100%;
  }

  .auth-code,
.auth-password{
    min-width: 0;
  }

  .agent-hero{
    min-height: 0;
    padding: 44px 0 38px;
  }

  .agent-hero-visual-image img,
.agent-mode-visual img,
.agent-sell-visual img,
.agent-support-card-img img,
.ar-hero-visual img,
.ar-why-visual img,
.geo-industry-img img{
    max-width: 100%;
    object-fit: contain;
  }

  .agent-flow-step:not(:last-child)::after,
.agent-flow-line::before{
    display: none !important;
  }














  .ty-service-float{
    display: block;
    left: 8px;
    top: auto;
    bottom: 86px;
    transform: none;
  }

  .ty-service-panel{
    width: 52px;
    padding: 5px;
    border-radius: 18px;
  }

  .ty-service-item{
    min-height: 48px;
    padding: 6px 3px;
    border-radius: 13px;
  }

  .ty-service-item + .ty-service-item{
    margin-top: 4px;
  }

  .ty-service-icon{
    width: 30px;
    height: 30px;
    border-radius: 11px;
  }

  .ty-service-icon svg{
    width: 17px;
    height: 17px;
  }

  .ty-service-item em{
    display: none;
  }

  .ty-service-popover{
    left: calc(100% + 8px);
    width: min(214px, calc(100vw - 76px));
    padding: 14px;
    border-radius: 16px;
  }

  .ty-service-popover strong{
    margin-top: 9px;
    font-size: 15px;
  }

  .ty-service-popover p{
    font-size: 12px;
  }

  .ty-service-qr-img,
.ty-service-qr-fallback{
    width: 112px;
    height: 112px;
    border-width: 6px;
    border-radius: 14px;
  }
}

@media (max-width: 480px) {
  :root{
    --site-content-gutter: 32px;
    --site-container-gutter: 32px;
    --space-section-y: 42px;
    --site-section-y: 42px;
    --site-section-y-compact: 30px;
  }

  .container, .site-container, .help-container, .agent-wrap, .fls-head, .fls-board, .quick-entry-index .qe-header, .quick-entry-index .entry-grid, .exposure-shift .container, .option-a-check.diagnosis-redesign > .container, .media-resource-redesign > .container, .client-logo-section > .container, .insight-news-section > .container, .cta{
    width: calc(100% - 32px) !important;
    max-width: calc(100vw - 32px) !important;
  }

  .section,
.site-section,
.agent-section,
.quick-entry-index,
.option-a-check.diagnosis-redesign,
.full-link-solution-redesign,
.media-resource-redesign,
.client-logo-section,
.insight-news-section{
    padding-top: 42px;
    padding-bottom: 42px;
  }


  .hero-buttons, .site-actions, .agent-actions, .cta-actions, .help-cta-actions, .ml-actions{
    grid-template-columns: minmax(0, 1fr);
  }

  .hero{
    padding-top: 34px;
  }

  .hero h1,
.site-banner-title,
.agent-hero h1,
.help-hero-copy h1,
.help-hero-title,
.auth-left-copy h1{
    font-size: clamp(26px, 8vw, 30px);
  }

  .hero-copy,
.site-banner-copy,
.agent-hero p,
.help-hero-copy p{
    font-size: 14px;
  }

  .hero-visual{
    height: 240px;
  }

  .diagnosis-flow{
    gap: 6px;
    padding: 12px 14px;
  }

  .diagnosis-flow-step{
    min-height: 48px;
  }

  .diagnosis-flow-step b{
    width: 38px;
    height: 38px;
    font-size: 15px;
  }

  .diagnosis-flow-line{
    height: 12px;
    margin-left: 18px;
  }

  .hero-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px;
  }

  .hero-stat{
    min-height: 86px;
    padding: 14px 12px;
  }

  .hero-stat .stat-icon{
    width: 28px;
    height: 28px;
  }

  .hero-stat strong{
    font-size: 20px;
  }

  .hero-stat > div > span{
    font-size: 12px;
  }

  .media-metric-grid,
.client-proof-bar,
.auth-stat-cards,
.ml-stats,
.ml-advantages,
.geo-hero-tags,
.geo-ref-signal-grid,
.agent-chip-row,
.ar-about-stats,
.ar-proof-row,
.cta-points,
.ml-media-row,
.self-media-row,
.short-video-page .ml-media-row,
.overseas-media-page .ml-media-row{
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .media-metric-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px;
  }

  .media-metric-card{
    min-height: 132px;
    padding: 16px 12px;
  }

  .media-metric-icon{
    width: 30px;
    height: 30px;
  }

  .media-metric-card strong{
    font-size: 24px;
    line-height: 1.15;
  }

  .media-metric-card small,
.media-metric-card span{
    font-size: 12px;
  }

  .site-card-pad,
.site-panel,
.ar-about-card,
.ar-position-panel,
.geo-flow,
.geo-cases,
.help-faq-card,
.help-article-list-card,
.help-article-card,
.auth-panel,
.diagnosis-form-card,
.web-filter-menu,
.media-resource-search-box,
.stack-card{
    padding: 16px;
  }

  .cta{
    padding: 22px 18px;
    border-radius: 18px;
  }

  .cta h2{
    font-size: 24px;
    line-height: 1.32;
  }

  .cta p{
    margin-top: 8px;
    margin-bottom: 16px;
    font-size: 13px;
    line-height: 1.65;
  }

  .cta-actions{
    gap: 10px;
  }

  .cta-actions .btn{
    min-height: 42px;
  }

  .cta-points{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px;
    margin-top: 14px;
  }

  .cta-points span{
    min-height: 42px;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 1.35;
  }

  .cta-point-icon{
    width: 24px;
    height: 24px;
  }

  .quick-entry-index .dashboard,
.fls-card,
.fls-title-row,
.stack-visual,
.stack-steps,
.stack-knowledge,
.stack-flow,
.stack-diagnosis-grid,
.stack-bars,
.stack-mini-report{
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .media-logo-wall,
.media-logo-panel:not(.is-platform-wall) .media-logo-wall,
.media-logo-panel.is-platform-wall .media-logo-wall{
    gap: 10px;
    max-height: none;
    overflow: visible;
  }

  .media-logo-panel:not(.is-platform-wall) .media-logo-wall{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .media-logo-panel.is-platform-wall .media-logo-wall{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .media-logo-tile,
.media-logo-panel.is-platform-wall .media-logo-tile{
    min-width: 0;
    min-height: 70px;
    height: auto;
    padding: 8px 6px 7px;
  }

  .media-logo-tile img,
.media-logo-panel.is-platform-wall .media-logo-tile img{
    width: 30px;
    height: 30px;
  }

  .media-logo-panel.is-platform-wall .media-logo-tile span{
    line-height: 1.35;
    overflow: visible;
  }

  

  

  

  .web-filter-row button{
    min-height: 36px;
  }

  .ml-media-info{
    grid-template-columns: 68px minmax(0, 1fr);
  }

  .ml-media-logo-rect{
    width: 68px;
    height: 44px;
  }

  .help-category-card,
.hero-stat,
.media-metric-card,
.auth-stat-card{
    min-height: 0;
  }

  .experience-modal-panel{
    width: min(344px, calc(100vw - 20px));
  }








}

@media (max-width: 375px) {
  :root{
    --site-content-gutter: 24px;
    --site-container-gutter: 24px;
  }

  .container, .site-container, .help-container, .agent-wrap, .fls-head, .fls-board, .quick-entry-index .qe-header, .quick-entry-index .entry-grid, .exposure-shift .container, .option-a-check.diagnosis-redesign > .container, .media-resource-redesign > .container, .client-logo-section > .container, .insight-news-section > .container, .cta{
    width: calc(100% - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }

  .section,
.site-section,
.agent-section,
.quick-entry-index,
.option-a-check.diagnosis-redesign,
.full-link-solution-redesign,
.media-resource-redesign,
.client-logo-section,
.insight-news-section{
    padding-top: 36px;
    padding-bottom: 36px;
  }


  .hero h1,
.site-banner-title,
.agent-hero h1,
.help-hero-copy h1,
.help-hero-title,
.auth-left-copy h1{
    font-size: 26px;
  }

  .section-title,
.site-title,
.agent-section-title,
.fls-head h2,
.quick-entry-index .qe-header h2,
.dual-stack-head h2,
.cta h2{
    font-size: 23px;
  }

  .site-card-pad,
.site-panel,
.ar-about-card,
.ar-position-panel,
.geo-flow,
.geo-cases,
.help-faq-card,
.help-article-list-card,
.help-article-card,
.auth-panel,
.diagnosis-form-card,
.web-filter-menu,
.media-resource-search-box,
.stack-card{
    padding: 14px;
  }

  .hero-visual{
    height: 210px;
  }

  .btn,
.site-btn,
.agent-btn,
.auth-submit,
.orders-search-btn,
.orders-export-btn{
    font-size: 14px;
  }
}

/* Mobile compact follow-up for dense homepage sections. */
@media (max-width: 480px) {
  .diagnosis-flow{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 14px 12px !important;
  }

  .diagnosis-flow-line{
    display: none !important;
  }

  .diagnosis-flow-step{
    min-height: 82px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center;
    align-content: center;
    gap: 7px !important;
    padding: 6px 4px !important;
    text-align: center;
  }

  .diagnosis-flow-step b{
    width: 36px !important;
    height: 36px !important;
    font-size: 14px !important;
  }

  .diagnosis-flow-step span{
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  .diagnosis-flow-step em{
    display: none !important;
  }

  .cta{
    padding: 20px 18px !important;
    border-radius: 18px !important;
  }

  .cta h2{
    font-size: 24px !important;
    line-height: 1.3 !important;
  }

  .cta p{
    margin: 8px 0 14px !important;
    font-size: 13px !important;
    line-height: 1.58 !important;
  }

  .cta-actions{
    gap: 9px !important;
  }

  .cta-actions .btn{
    min-height: 40px !important;
  }

  .cta-points{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }

  .cta-points span{
    min-height: 38px !important;
    padding: 7px 9px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  .cta-point-icon{
    width: 22px !important;
    height: 22px !important;
  }
















}

/* Mobile tuning for the four media resource list pages. */
@media (max-width: 768px) {
  body.ml-banner-02 .ml-hero{
    min-height: 0 !important;
    padding: 42px 0 34px !important;
  }

  body.ml-banner-02 .ml-hero-copy{
    max-width: none !important;
    padding-top: 0 !important;
  }

  body.ml-banner-02 .ml-hero-copy h1{
    font-size: clamp(28px, 7.8vw, 34px) !important;
    line-height: 1.24 !important;
  }

  body.ml-banner-02 .ml-hero-copy p{
    margin-top: 12px !important;
    font-size: 14px !important;
    line-height: 1.68 !important;
  }

  body.ml-banner-02 .ml-hero-actions{
    margin-top: 18px !important;
    gap: 10px !important;
  }

  body.ml-banner-02 .ml-filter-bridge{
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    min-height: 0 !important;
    padding: 16px !important;
    margin-top: 16px !important;
    border-radius: 14px !important;
  }

  body.ml-banner-02 .ml-filter-bridge h2{
    font-size: 20px !important;
    line-height: 1.35 !important;
  }

  body.ml-banner-02 .ml-filter-bridge p{
    margin-top: 6px !important;
    font-size: 13px !important;
    line-height: 1.58 !important;
  }

  body.ml-banner-02 .ml-filter-bridge-tags{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.ml-banner-02 .ml-filter-bridge-tags span{
    min-height: 30px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
  }

  body.ml-banner-02 .media-resource-filter{
    margin-top: 14px !important;
  }

  body.ml-banner-02 .web-filter-menu{
    gap: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
  }

  body.ml-banner-02 .web-filter-menu::before,
body.ml-banner-02 .web-filter-menu::after{
    display: none !important;
  }

  body.ml-banner-02 .web-filter-row,
body.ml-banner-02 .web-filter-row-multi,
body.ml-banner-02 .web-filter-row-time-type,
body.ml-banner-02 .web-filter-row-multi section{
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body.ml-banner-02 .web-filter-row{
    padding: 12px !important;
  }

  body.ml-banner-02 .web-filter-row strong,
body.ml-banner-02 .web-filter-row-multi strong{
    padding-top: 0 !important;
    font-size: 14px !important;
    line-height: 1.28 !important;
  }

  body.ml-banner-02 .web-filter-row strong::before{
    width: 20px !important;
    height: 20px !important;
    flex-basis: 20px !important;
  }

  body.ml-banner-02 .web-filter-row div,
body.ml-banner-02 .web-filter-row-multi section > div{
    gap: 7px !important;
    max-height: 94px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 2px;
  }

  body.ml-banner-02 .web-filter-row button{
    flex: 0 0 auto;
    min-height: 31px !important;
    padding: 0 10px !important;
    border-radius: 7px !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    white-space: nowrap;
  }

  body.ml-banner-02 .web-filter-row-geo{
    min-height: 0 !important;
    background: linear-gradient(135deg, rgba(31, 105, 255, 0.86), rgba(238, 246, 255, 0.96)) !important;
  }

  body.ml-banner-02 .web-filter-row-geo::before,
body.ml-banner-02 .web-filter-row-geo::after{
    display: none !important;
  }

  body.ml-banner-02 .web-price-range{
    width: 100%;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 12px minmax(0, 1fr);
    align-items: center;
    gap: 7px !important;
  }

  body.ml-banner-02 .web-price-range input{
    width: 100% !important;
    height: 36px !important;
  }

  body.ml-banner-02 .web-filter-row .web-price-range .web-price-apply{
    grid-column: 1 / -1;
    width: 100% !important;
    height: 36px !important;
  }

  body.ml-banner-02 .web-resource-toolbar{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 12px !important;
  }

  body.ml-banner-02 .web-resource-toolbar .orders-search-field{
    grid-column: 1 / -1;
  }

  body.ml-banner-02 .web-resource-toolbar .orders-select,
body.ml-banner-02 .web-resource-toolbar .orders-search-btn,
body.ml-banner-02 .web-resource-toolbar .orders-export-btn{
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    font-size: 12px !important;
  }

  body.ml-banner-02 .orders-search-field input{
    height: 40px !important;
    min-height: 40px !important;
    font-size: 13px !important;
  }

  body.ml-banner-02 .ml-resource-section{
    margin-top: 14px !important;
    overflow: visible !important;
  }

  body.ml-banner-02 .ml-list{
    gap: 10px !important;
    margin-top: 12px !important;
    overflow-x: visible !important;
  }

  body.ml-banner-02 .ml-media-row{
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px 10px !important;
    padding: 12px !important;
    border-radius: 12px !important;
  }

  body.ml-banner-02 .ml-media-info{
    grid-column: 1 / -1 !important;
    grid-template-columns: 68px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body.ml-banner-02 .ml-media-logo-rect{
    width: 64px !important;
    height: 40px !important;
  }

  body.ml-banner-02.self-media-page .ml-media-logo-rect,
body.ml-banner-02.short-video-page .ml-media-logo-rect{
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
  }

  body.ml-banner-02 .ml-media-name strong{
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  body.ml-banner-02 .ml-member-prices,
body.ml-banner-02 .ml-platform-tag,
body.ml-banner-02 .ml-direct-price,
body.ml-banner-02 .ml-rate,
body.ml-banner-02 .ml-weight,
body.ml-banner-02 .ml-weight-badge,
body.ml-banner-02 .ml-source-tag,
body.ml-banner-02 .ml-link-tag,
body.ml-banner-02 .ml-language-tag,
body.ml-banner-02 .ml-location-text,
body.ml-banner-02 .ml-cost-tag,
body.ml-banner-02 .ml-translate-tag,
body.ml-banner-02 .ml-region-text,
body.ml-banner-02 .ml-publish-time-text,
body.ml-banner-02 .ml-count-tag{
    justify-self: stretch !important;
    align-self: stretch !important;
    min-height: 28px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }

  body.ml-banner-02 .ml-member-prices{
    gap: 2px !important;
  }

  body.ml-banner-02 .ml-member-prices span,
body.ml-banner-02 .ml-rate,
body.ml-banner-02 .ml-weight-badge,
body.ml-banner-02 .ml-source-tag,
body.ml-banner-02 .ml-link-tag,
body.ml-banner-02 .ml-platform-tag,
body.ml-banner-02 .ml-language-tag,
body.ml-banner-02 .ml-cost-tag,
body.ml-banner-02 .ml-translate-tag,
body.ml-banner-02 .ml-count-tag{
    justify-content: flex-start !important;
  }

  body.ml-banner-02 .ml-resource-note{
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  

  

  body.ml-banner-02 .ml-pagination{
    gap: 6px !important;
    margin: 20px 0 18px !important;
    overflow: hidden;
  }

  body.ml-banner-02 .ml-page-btn,
body.ml-banner-02 .ml-pagination select{
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 8px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
  }

  body.ml-banner-02 .ml-pagination p{
    width: 100% !important;
    margin: 0 !important;
    font-size: 12px !important;
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  body.ml-banner-02 .ml-hero{
    padding: 34px 0 28px !important;
  }

  body.ml-banner-02 .ml-hero-copy h1{
    font-size: 27px !important;
  }

  body.ml-banner-02 .ml-hero-actions{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.ml-banner-02 .ml-hero-actions .site-btn{
    min-height: 40px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }

  body.ml-banner-02 .web-filter-row div,
body.ml-banner-02 .web-filter-row-multi section > div{
    max-height: 82px;
  }

  body.ml-banner-02 .web-resource-toolbar{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  body.ml-banner-02 .web-filter-row div,
body.ml-banner-02 .web-filter-row-multi section > div{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 7px !important;
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
  }

  body.ml-banner-02 .web-filter-row button{
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.ml-banner-02 .web-geo-platform{
    justify-content: center;
  }
}

@media (max-width: 375px) {
  body.ml-banner-02 .web-filter-row div,
body.ml-banner-02 .web-filter-row-multi section > div{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  body.ml-banner-02 .ml-stats{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 10px !important;
  }

  body.ml-banner-02 .ml-stat-card.site-card{
    min-height: 78px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 8px 4px !important;
    border-radius: 12px !important;
    text-align: center !important;
  }

  body.ml-banner-02 .ml-stat-icon{
    width: 26px !important;
    height: 26px !important;
  }

  body.ml-banner-02 .ml-stat-icon img{
    width: 26px !important;
    height: 26px !important;
    filter: drop-shadow(0 8px 12px rgba(47, 98, 255, 0.16)) saturate(1.04) !important;
  }

  body.ml-banner-02 .ml-stat-card strong{
    font-size: 18px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body.ml-banner-02 .ml-stat-card p{
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 375px) {
  body.ml-banner-02 .ml-stats{
    gap: 5px !important;
  }

  body.ml-banner-02 .ml-stat-card.site-card{
    min-height: 72px !important;
    padding: 7px 3px !important;
  }

  body.ml-banner-02 .ml-stat-icon,
body.ml-banner-02 .ml-stat-icon img{
    width: 22px !important;
    height: 22px !important;
  }

  body.ml-banner-02 .ml-stat-card strong{
    font-size: 16px !important;
  }

  body.ml-banner-02 .ml-stat-card p{
    font-size: 10px !important;
  }
}

@media (max-width: 768px) {
  body.ml-banner-02 .ml-media-row{
    grid-template-columns: 1.15fr 0.85fr !important;
    grid-auto-flow: row !important;
    align-items: center !important;
    gap: 8px 10px !important;
  }

  body.ml-banner-02 .ml-media-info{
    grid-column: 1 / -1 !important;
    align-items: center !important;
  }

  body.ml-banner-02 .ml-member-prices{
    grid-column: 1 / 2 !important;
    grid-row: span 3 !important;
    display: grid !important;
    gap: 4px !important;
    align-self: center !important;
  }

  body.ml-banner-02 .ml-member-prices span{
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }

  body.ml-banner-02 .ml-member-prices b{
    font-size: 14px !important;
  }

  body.ml-banner-02 .ml-rate{
    justify-self: center !important;
    align-self: center !important;
    min-height: 22px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #00a981 !important;
    font-weight: 900 !important;
    text-align: center !important;
  }

  body.ml-banner-02 .ml-weight-badge{
    justify-self: center !important;
    align-self: center !important;
    width: auto !important;
    min-height: 28px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.ml-banner-02 .ml-weight-badge .ml-weight-image{
    max-width: 56px !important;
    height: 22px !important;
    object-fit: contain !important;
  }

  body.ml-banner-02 .ml-source-tag,
body.ml-banner-02 .ml-link-tag{
    grid-column: auto !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  body.ml-banner-02 .ml-resource-note{
    padding-top: 2px !important;
    color: #697a96 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  body.ml-banner-02:not(.self-media-page):not(.short-video-page):not(.overseas-media-page) .ml-media-row{
    grid-template-columns: minmax(0, 1fr) minmax(56px, 0.46fr) minmax(56px, 0.46fr) !important;
  }

  body.ml-banner-02:not(.self-media-page):not(.short-video-page):not(.overseas-media-page) .ml-media-row > .ml-member-prices{
    grid-column: 1 / 2 !important;
    grid-row: 2 / 4 !important;
  }

  body.ml-banner-02:not(.self-media-page):not(.short-video-page):not(.overseas-media-page) .ml-media-row > .ml-rate:nth-child(3){
    grid-column: 2 / 3 !important;
    grid-row: 2 / 3 !important;
  }

  body.ml-banner-02:not(.self-media-page):not(.short-video-page):not(.overseas-media-page) .ml-media-row > .ml-rate:nth-child(4){
    grid-column: 2 / 3 !important;
    grid-row: 3 / 4 !important;
  }

  body.ml-banner-02:not(.self-media-page):not(.short-video-page):not(.overseas-media-page) .ml-media-row > .ml-weight-badge:nth-child(5){
    grid-column: 3 / 4 !important;
    grid-row: 2 / 3 !important;
  }

  body.ml-banner-02:not(.self-media-page):not(.short-video-page):not(.overseas-media-page) .ml-media-row > .ml-weight-badge:nth-child(6){
    grid-column: 3 / 4 !important;
    grid-row: 3 / 4 !important;
  }

  body.ml-banner-02:not(.self-media-page):not(.short-video-page):not(.overseas-media-page) .ml-media-row > .ml-link-tag{
    grid-column: 1 / 2 !important;
    grid-row: 4 / 5 !important;
  }

  body.ml-banner-02:not(.self-media-page):not(.short-video-page):not(.overseas-media-page) .ml-media-row > .ml-source-tag{
    grid-column: 2 / 4 !important;
    grid-row: 4 / 5 !important;
  }

  body.ml-banner-02:not(.self-media-page):not(.short-video-page):not(.overseas-media-page) .ml-media-row > .ml-resource-note{
    grid-column: 1 / -1 !important;
    grid-row: 5 / 6 !important;
  }
}

@media (max-width: 375px) {
  body.ml-banner-02 .ml-media-row{
    gap: 7px 8px !important;
    padding: 10px !important;
  }

  body.ml-banner-02 .ml-member-prices span,
body.ml-banner-02 .ml-resource-note{
    font-size: 11px !important;
  }

  body.ml-banner-02 .ml-member-prices b{
    font-size: 13px !important;
  }

  body.ml-banner-02 .ml-weight-badge .ml-weight-image{
    max-width: 52px !important;
  }
}

@media (max-width: 768px) {
  body.ml-banner-02.self-media-page .ml-media-row,
body.ml-banner-02.short-video-page .ml-media-row,
body.ml-banner-02.overseas-media-page .ml-media-row{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body.ml-banner-02.self-media-page .ml-platform-tag,
body.ml-banner-02.self-media-page .ml-publish-time-text,
body.ml-banner-02.self-media-page .ml-count-tag,
body.ml-banner-02.short-video-page .ml-platform-tag,
body.ml-banner-02.short-video-page .ml-region-text,
body.ml-banner-02.short-video-page .ml-direct-price,
body.ml-banner-02.short-video-page .ml-publish-time-text,
body.ml-banner-02.short-video-page .ml-count-tag,
body.ml-banner-02.overseas-media-page .ml-direct-price,
body.ml-banner-02.overseas-media-page .ml-language-tag,
body.ml-banner-02.overseas-media-page .ml-location-text,
body.ml-banner-02.overseas-media-page .ml-cost-tag,
body.ml-banner-02.overseas-media-page .ml-translate-tag{
    justify-content: center !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.ml-banner-02.self-media-page .ml-media-row > .ml-media-info,
body.ml-banner-02.short-video-page .ml-media-row > .ml-media-info,
body.ml-banner-02.overseas-media-page .ml-media-row > .ml-media-info{
    grid-column: 1 / -1 !important;
    grid-row: 1 / 2 !important;
  }

  body.ml-banner-02.self-media-page .ml-media-row > .ml-platform-tag{
    grid-column: 1 / 2 !important;
    grid-row: 2 / 3 !important;
  }

  body.ml-banner-02.self-media-page .ml-media-row > .ml-publish-time-text{
    grid-column: 2 / 3 !important;
    grid-row: 2 / 3 !important;
  }

  body.ml-banner-02.self-media-page .ml-media-row > .ml-rate{
    grid-column: 3 / 4 !important;
    grid-row: 2 / 3 !important;
  }

  body.ml-banner-02.self-media-page .ml-media-row > .ml-member-prices{
    grid-column: 1 / 2 !important;
    grid-row: 3 / 5 !important;
  }

  body.ml-banner-02.self-media-page .ml-media-row > .ml-count-tag:nth-child(6){
    grid-column: 2 / 3 !important;
    grid-row: 3 / 4 !important;
  }

  body.ml-banner-02.self-media-page .ml-media-row > .ml-count-tag:nth-child(7){
    grid-column: 3 / 4 !important;
    grid-row: 3 / 4 !important;
  }

  body.ml-banner-02.self-media-page .ml-media-row > .ml-resource-note{
    grid-column: 1 / -1 !important;
    grid-row: 5 / 6 !important;
  }

  body.ml-banner-02.short-video-page .ml-media-row > .ml-platform-tag{
    grid-column: 1 / 2 !important;
    grid-row: 2 / 3 !important;
  }

  body.ml-banner-02.short-video-page .ml-media-row > .ml-region-text{
    grid-column: 2 / 3 !important;
    grid-row: 2 / 3 !important;
  }

  body.ml-banner-02.short-video-page .ml-media-row > .ml-direct-price{
    grid-column: 3 / 4 !important;
    grid-row: 2 / 3 !important;
    font-weight: 950 !important;
  }

  body.ml-banner-02.short-video-page .ml-media-row > .ml-publish-time-text{
    grid-column: 1 / 2 !important;
    grid-row: 3 / 4 !important;
  }

  body.ml-banner-02.short-video-page .ml-media-row > .ml-count-tag{
    grid-column: 2 / 4 !important;
    grid-row: 3 / 4 !important;
  }

  body.ml-banner-02.short-video-page .ml-media-row > .ml-resource-note{
    grid-column: 1 / -1 !important;
    grid-row: 4 / 5 !important;
  }

  body.ml-banner-02.overseas-media-page .ml-media-row > .ml-direct-price{
    grid-column: 1 / 2 !important;
    grid-row: 2 / 3 !important;
    font-weight: 950 !important;
  }

  body.ml-banner-02.overseas-media-page .ml-media-row > .ml-language-tag{
    grid-column: 2 / 3 !important;
    grid-row: 2 / 3 !important;
  }

  body.ml-banner-02.overseas-media-page .ml-media-row > .ml-location-text{
    grid-column: 3 / 4 !important;
    grid-row: 2 / 3 !important;
  }

  body.ml-banner-02.overseas-media-page .ml-media-row > .ml-cost-tag{
    grid-column: 1 / 2 !important;
    grid-row: 3 / 4 !important;
  }

  body.ml-banner-02.overseas-media-page .ml-media-row > .ml-translate-tag{
    grid-column: 2 / 4 !important;
    grid-row: 3 / 4 !important;
  }

  body.ml-banner-02.overseas-media-page .ml-media-row > .ml-resource-note{
    grid-column: 1 / -1 !important;
    grid-row: 4 / 5 !important;
  }
}

@media (max-width: 375px) {
  body.ml-banner-02.self-media-page .ml-platform-tag,
body.ml-banner-02.self-media-page .ml-publish-time-text,
body.ml-banner-02.self-media-page .ml-count-tag,
body.ml-banner-02.short-video-page .ml-platform-tag,
body.ml-banner-02.short-video-page .ml-region-text,
body.ml-banner-02.short-video-page .ml-direct-price,
body.ml-banner-02.short-video-page .ml-publish-time-text,
body.ml-banner-02.short-video-page .ml-count-tag,
body.ml-banner-02.overseas-media-page .ml-direct-price,
body.ml-banner-02.overseas-media-page .ml-language-tag,
body.ml-banner-02.overseas-media-page .ml-location-text,
body.ml-banner-02.overseas-media-page .ml-cost-tag,
body.ml-banner-02.overseas-media-page .ml-translate-tag{
    min-height: 28px !important;
    padding: 0 6px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 768px) {
  body.agent-page .agent-hero-visual-image{
    display: flex !important;
    min-height: 0 !important;
    margin-top: 18px !important;
  }

  body.agent-page .agent-hero-visual-image img{
    width: 100% !important;
    max-height: 190px !important;
    object-fit: contain !important;
  }

  body.agent-page .agent-hero-grid{
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
  }

  body.agent-page .agent-sell-cards,
body.agent-page .agent-system-feature-grid,
body.agent-page .agent-support-matrix{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.agent-page .agent-system-feature-grid{
    grid-template-rows: none !important;
    align-content: start !important;
  }

  body.agent-page .agent-system-proof-panel{
    grid-template-columns: minmax(0, 1fr) !important;
    height: auto !important;
    gap: 0 !important;
    padding: 16px !important;
    border-radius: 16px !important;
  }

  body.agent-page .agent-system-dashboard{
    display: flex !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 10px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  body.agent-page .agent-system-dashboard img{
    width: 100% !important;
    height: auto !important;
    max-height: 150px !important;
    object-fit: contain !important;
  }

  body.agent-page .agent-system-feature{
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    height: auto !important;
    padding: 12px 8px !important;
    border: 1px solid rgba(184, 214, 255, 0.62) !important;
    border-radius: 14px !important;
    text-align: center !important;
  }

  body.agent-page .agent-system-feature::before,
body.agent-page .agent-system-feature::after{
    display: none !important;
    content: none !important;
  }

  body.agent-page .agent-system-feature-icon{
    grid-column: auto !important;
    grid-row: auto !important;
    width: 44px !important;
    height: 44px !important;
    margin: 6px auto 8px !important;
  }

  body.agent-page .agent-system-feature-icon img{
    width: 34px !important;
    height: 34px !important;
  }

  body.agent-page .agent-system-feature h3{
    grid-column: auto !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    writing-mode: horizontal-tb !important;
    word-break: normal !important;
    white-space: normal !important;
  }

  body.agent-page .agent-system-feature p{
    grid-column: auto !important;
    margin-top: 6px !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    writing-mode: horizontal-tb !important;
    word-break: normal !important;
    white-space: normal !important;
  }

  body.agent-page .agent-sell-card{
    min-height: 0 !important;
    padding: 12px !important;
    border-radius: 14px !important;
  }

  body.agent-page .agent-sell-visual{
    height: 82px !important;
    margin-bottom: 6px !important;
  }

  body.agent-page .agent-sell-visual img{
    width: 118px !important;
    height: 86px !important;
  }

  body.agent-page .agent-sell-card h3{
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  body.agent-page .agent-sell-card-desc{
    margin-top: 6px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body.agent-page .agent-sell-tags{
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    margin-top: 10px !important;
  }

  body.agent-page .agent-sell-tags span{
    height: 26px !important;
    font-size: 11px !important;
  }

  body.agent-page .agent-support-panel{
    padding: 16px !important;
    border-radius: 16px !important;
  }

  body.agent-page .agent-support-left{
    gap: 12px !important;
  }

  body.agent-page .agent-support-visual{
    display: none !important;
  }

  body.agent-page .agent-support-card{
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 12px !important;
    border-radius: 14px !important;
    text-align: center !important;
  }

  body.agent-page .agent-support-card-img{
    transform: none !important;
  }

  body.agent-page .agent-support-card-img img{
    width: 54px !important;
    height: 54px !important;
  }

  body.agent-page .agent-support-content h3{
    justify-content: center !important;
    gap: 6px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  body.agent-page .agent-support-content h3 .agent-support-kicker{
    height: 20px !important;
    padding: 0 7px !important;
    font-size: 10px !important;
  }

  body.agent-page .agent-support-content p{
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body.agent-page .agent-support-points{
    gap: 4px !important;
    margin-top: 8px !important;
  }

  body.agent-page .agent-support-points li{
    display: block !important;
    padding-left: 0 !important;
    text-align: center !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body.agent-page .agent-support-points li::before{
    display: none !important;
  }

  body.agent-page .agent-persona-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.agent-page .agent-persona-card{
    min-height: 0 !important;
    padding: 9px 5px !important;
    border-radius: 12px !important;
    text-align: center !important;
  }

  body.agent-page .agent-persona-img{
    height: 42px !important;
    margin-bottom: 5px !important;
  }

  body.agent-page .agent-persona-img img{
    width: 50px !important;
    height: 42px !important;
  }

  body.agent-page .agent-persona-card h3{
    font-size: 11px !important;
    line-height: 1.25 !important;
    word-break: break-word !important;
  }

  body.agent-page .agent-persona-card p{
    display: none !important;
  }

  body.agent-page .agent-flow-line{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px 8px !important;
    padding: 16px !important;
    border-radius: 16px !important;
  }

  body.agent-page .agent-flow-step{
    min-height: 0 !important;
    padding: 0 !important;
  }

  body.agent-page .agent-flow-num{
    width: 46px !important;
    height: 46px !important;
  }

  body.agent-page .agent-flow-num img{
    width: 38px !important;
    height: 38px !important;
  }

  body.agent-page .agent-flow-step h3{
    margin-top: 7px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  body.agent-page .agent-flow-step p{
    margin-top: 4px !important;
    max-width: none !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
}

@media (max-width: 375px) {
  body.agent-page .agent-sell-cards,
body.agent-page .agent-support-matrix{
    gap: 8px !important;
  }

  body.agent-page .agent-persona-grid{
    gap: 6px !important;
  }

  body.agent-page .agent-persona-card h3{
    font-size: 10px !important;
  }

  body.agent-page .agent-flow-line{
    gap: 10px 6px !important;
    padding: 14px 10px !important;
  }
}

@media (max-width: 768px) {
  body.help-center-page .help-category-shell{
    padding: 8px !important;
    margin-top: 10px !important;
    border-radius: 12px !important;
  }

  body.help-center-page .help-category-grid{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body.help-center-page .help-category-card{
    min-height: 62px !important;
    padding: 7px 3px 6px !important;
    border-radius: 10px !important;
  }

  body.help-center-page .help-category-icon,
body.help-center-page .help-category-icon img{
    width: 30px !important;
    height: 30px !important;
  }

  body.help-center-page .help-category-card h3{
    margin: 6px 0 2px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  body.help-center-page .help-category-card p{
    display: none !important;
  }

  body.help-center-page .help-faq-card{
    padding: 16px 14px 14px !important;
  }

  body.help-center-page .help-card-head{
    margin-bottom: 10px !important;
  }

  body.help-center-page .help-tabs{
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 0 !important;
    min-height: 36px !important;
    overflow: visible !important;
  }

  body.help-center-page .help-tabs :is(button, a){
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    padding: 0 2px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    text-align: center !important;
  }

  body.help-center-page .help-tabs :is(button, a).is-active::after{
    left: 10px !important;
    right: 10px !important;
  }

  body.help-center-page .help-contact-help{
    padding: 12px !important;
    border-radius: 14px !important;
  }

  body.help-center-page .help-contact-copy h2{
    font-size: 18px !important;
    line-height: 1.25 !important;
  }

  body.help-center-page .help-contact-copy p{
    margin: 5px 0 10px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body.help-center-page .help-contact-grid{
    grid-template-columns: minmax(0, 1fr) 64px !important;
    gap: 8px !important;
    align-items: center !important;
  }

  body.help-center-page .help-contact-items{
    gap: 6px !important;
  }

  body.help-center-page .help-contact-item{
    grid-template-columns: 26px minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  body.help-center-page .help-contact-item img{
    width: 26px !important;
    height: 26px !important;
  }

  body.help-center-page .help-contact-item strong{
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  body.help-center-page .help-contact-item span{
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  

  body.help-center-page .help-headset{
    width: 64px !important;
    height: 64px !important;
  }

  body.help-center-page .help-headset img{
    width: 36px !important;
    height: 36px !important;
  }

  body.help-center-page .help-contact-btn{
    height: 32px !important;
    margin-top: 8px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 375px) {
  body.help-center-page .help-category-grid{
    gap: 4px !important;
  }

  body.help-center-page .help-category-card{
    padding-inline: 2px !important;
  }

  body.help-center-page .help-category-card h3{
    font-size: 11px !important;
  }

  body.help-center-page .help-category-card p{
    display: none !important;
  }

  body.help-center-page .help-tabs :is(button, a){
    font-size: 11px !important;
  }
}

@media (max-width: 768px) {
  body.about-replica .about-page .site-section,
body.about-replica .about-page .site-section.is-compact{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  body.about-replica .about-page .ar-hero.site-banner{
    padding: 34px 0 28px !important;
  }

  body.about-replica .about-page .ar-hero-inner{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.about-replica .about-page .site-banner-title{
    font-size: clamp(26px, 7.4vw, 30px) !important;
    line-height: 1.22 !important;
  }

  body.about-replica .about-page .site-banner-copy{
    margin-top: 10px !important;
    font-size: 14px !important;
    line-height: 1.62 !important;
  }

  body.about-replica .about-page .site-actions{
    margin-top: 16px !important;
    gap: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.about-replica .about-page .site-btn,
body.about-replica .about-page .btn{
    min-height: 38px !important;
    height: auto !important;
    padding: 0 12px !important;
    font-size: 13px !important;
  }

  body.about-replica .about-page .ar-chips{
    margin-top: 0 !important;
    padding-top: 12px !important;
  }

  body.about-replica .about-page .ar-chip-row,
body.about-replica .about-page .ar-platform-grid,
body.about-replica .about-page .ar-why-list{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.about-replica .about-page .ar-about-contact-grid{
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body.about-replica .about-page .site-card-pad,
body.about-replica .about-page .ar-about-card,
body.about-replica .about-page .ar-position-panel{
    padding: 14px !important;
    border-radius: 14px !important;
  }

  body.about-replica .about-page .ar-chip-card{
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
  }

  body.about-replica .about-page .site-icon-box,
body.about-replica .about-page .site-icon-box img{
    width: 34px !important;
    height: 34px !important;
  }

  body.about-replica .about-page .ar-chip-card strong,
body.about-replica .about-page .ar-platform-grid h3,
body.about-replica .about-page .ar-why-list h3,
body.about-replica .about-page .ar-about-contact-card strong{
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  body.about-replica .about-page .ar-chip-card p,
body.about-replica .about-page .ar-platform-grid p,
body.about-replica .about-page .ar-why-list p,
body.about-replica .about-page .ar-about-contact-card b{
    margin-top: 4px !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  body.about-replica .about-page .site-title{
    font-size: 23px !important;
    line-height: 1.26 !important;
  }

  body.about-replica .about-page .site-subtitle,
body.about-replica .about-page .ar-about-copy p{
    font-size: 13px !important;
    line-height: 1.62 !important;
  }

  body.about-replica .about-page .ar-about-card{
    gap: 12px !important;
  }

  body.about-replica .about-page .ar-about-copy p{
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 6 !important;
  }

  body.about-replica .about-page .ar-office{
    display: none !important;
  }

  body.about-replica .about-page .ar-about-contact-card{
    min-height: 0 !important;
    padding: 12px !important;
    border-radius: 12px !important;
  }

  body.about-replica .about-page .ar-about-contact-icon{
    width: 30px !important;
    height: 30px !important;
  }

  body.about-replica .about-page .ar-position-orbit,
body.about-replica .about-page .ar-why-visual,
body.about-replica .about-page .ar-cert-section,
body.about-replica .about-page .ar-logo-wall{
    display: none !important;
  }

  body.about-replica .about-page .ar-position-panel{
    overflow: hidden !important;
  }

  body.about-replica .about-page .ar-platform-visual{
    height: 72px !important;
    margin-bottom: 6px !important;
  }

  body.about-replica .about-page .ar-platform-visual img{
    max-height: 72px !important;
    object-fit: contain !important;
  }

  body.about-replica .about-page .ar-platform-grid article{
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 12px !important;
  }

  body.about-replica .about-page .ar-platform-grid p{
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
  }

  body.about-replica .about-page .ar-why-layout{
    gap: 12px !important;
  }

  body.about-replica .about-page .ar-why-list article{
    min-height: 0 !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 12px !important;
  }

  body.about-replica .about-page .cta{
    margin-top: 16px !important;
    padding: 18px 14px !important;
    border-radius: 16px !important;
  }

  body.about-replica .about-page .cta-content{
    gap: 12px !important;
  }

  body.about-replica .about-page .cta-copy h2{
    font-size: 22px !important;
    line-height: 1.25 !important;
  }

  body.about-replica .about-page .cta-copy p{
    margin-top: 6px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  body.about-replica .about-page .cta-actions{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
}

@media (max-width: 375px) {
  body.about-replica .about-page .site-section,
body.about-replica .about-page .site-section.is-compact{
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  body.about-replica .about-page .ar-chip-row,
body.about-replica .about-page .ar-platform-grid,
body.about-replica .about-page .ar-why-list,
body.about-replica .about-page .ar-about-contact-grid{
    gap: 8px !important;
  }

  body.about-replica .about-page .site-card-pad,
body.about-replica .about-page .ar-about-card,
body.about-replica .about-page .ar-position-panel{
    padding: 12px !important;
  }
}

/* 1024x768 desktop guard: keep small desktop proportional instead of tablet/mobile reshaping. */
@media (min-width: 993px) and (max-width: 1200px) {




  .quick-entry-index .entry-grid{
    grid-template-columns: minmax(0, 1.95fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  .quick-entry-index .scan-card{
    grid-column: auto !important;
    min-height: 430px !important;
  }

  .quick-entry-index .entry-card{
    min-height: 430px !important;
  }

  .media-metric-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .media-matrix{
    grid-template-columns: minmax(0, 1.55fr) minmax(320px, 1fr) !important;
    gap: 14px !important;
  }

  .media-logo-panel,
.media-logo-panel.is-platform-wall{
    min-height: 382px !important;
  }

  .client-logo-board{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }


}

/* GEO mobile alignment: match the index typography and keep card groups compact. */
@media (max-width: 480px) {
  .geo-page{
    --geo-section-title: clamp(24px, 7vw, 30px);
    --geo-section-sub: 14px;
    --geo-card-title-size: 16px;
    --geo-body: 13px;
  }

  .geo-page .geo-hero h1{
    font-size: clamp(26px, 8vw, 30px);
    line-height: 1.2;
  }

  .geo-page .geo-section-title,
.geo-page .section-title{
    font-size: var(--geo-section-title);
    line-height: 1.25;
    text-wrap: balance;
  }

  .geo-page .geo-section-sub,
.geo-page .section-subtitle{
    font-size: var(--geo-section-sub);
    line-height: 1.7;
  }

  .geo-page .geo-grid-3,
.geo-page .geo-grid-6,
.geo-page .geo-flow,
.geo-page .geo-ref-signal-grid,
.geo-page .geo-hero-tags{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .geo-page .geo-card h3,
.geo-page .geo-industry-card h3,
.geo-page .geo-flow .geo-step h3,
.geo-page .geo-case-card h3,
.geo-page .geo-ref-signal h3{
    font-size: var(--geo-card-title-size);
    line-height: 1.35;
  }

  .geo-page .geo-card p,
.geo-page .geo-industry-card p,
.geo-page .geo-flow .geo-step p,
.geo-page .geo-ref-signal p{
    font-size: var(--geo-body);
    line-height: 1.55;
  }

  .geo-page .geo-why-card,
.geo-page .geo-industry-card,
.geo-page .geo-flow .geo-step,
.geo-page .geo-ref-signal{
    min-width: 0;
    height: auto;
    padding: 14px 10px;
  }

  

  .geo-page .geo-flow{
    padding: 14px;
  }

  .geo-page .geo-flow .geo-step{
    grid-template-columns: 50px minmax(0, 1fr) !important;
    grid-template-rows: 24px minmax(42px, auto);
    column-gap: 10px;
    row-gap: 4px;
    align-items: start;
    justify-items: stretch;
    min-height: 112px;
    padding: 12px 10px;
    text-align: left;
  }

  .geo-page .geo-flow .geo-step-icon{
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 48px;
    height: 48px;
    margin: 0;
  }

  .geo-page .geo-flow .geo-step-icon img{
    width: 40px;
    height: 40px;
  }

  .geo-page .geo-flow .geo-step-num{
    display: none;
  }

  .geo-page .geo-flow .geo-step h3,
.geo-page .geo-flow .geo-step p{
    grid-column: 2;
    width: 100%;
    max-width: none;
  }

  .geo-page .geo-flow .geo-step h3{
    grid-row: 1;
    align-self: center;
    margin: 0;
    white-space: nowrap;
  }

  .geo-page .geo-flow .geo-step p{
    grid-row: 2;
    min-height: 42px;
    margin: 0;
  }

  .geo-page .geo-flow::before,
.geo-page .geo-flow-track,
.geo-page .geo-flow .geo-step::after{
    display: none;
  }

  

  

  

  
}
/* GEO core capabilities — image-to-code implementation 2026-07-12 */
.geo-core-v3{position:relative;overflow:hidden;padding:75px 0;background:linear-gradient(180deg,rgba(247,251,255,.78),rgba(238,246,255,.74));font-family:MiSans,"Microsoft YaHei",sans-serif;color:var(--geo-text)}
.geo-core-v3::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 26%,rgba(23,105,255,.08),transparent 24%),radial-gradient(circle at 88% 68%,rgba(23,105,255,.07),transparent 26%)}

.geo-core-v3-heading{margin-bottom:18px}.geo-core-v3-heading .site-title{color:var(--geo-title);font-size:var(--geo-section-title);font-weight:950}.geo-core-v3-heading .site-subtitle{max-width:850px;margin-left:auto;margin-right:auto;color:var(--geo-sub);font-size:var(--geo-section-sub);font-weight:600}


















@media(max-width:760px){.geo-core-v3{padding:54px 0}.geo-core-v3-heading{margin-bottom:15px}}

/* GEO core v3 typography correction: no text smaller than 14px */
























/* GEO core v3 palette alignment: page blue with restrained violet accents */
.geo-core-v3{
  --geo-v3-blue:var(--site-blue,#1769ff);
  --geo-v3-blue-deep:#075fce;
  --geo-v3-violet:#7259df;
  --geo-v3-violet-soft:rgba(114,89,223,.10);
}
.geo-core-v3-heading .site-title{color:var(--geo-title)}
.geo-core-v3-heading .site-title-accent{
  background:linear-gradient(90deg,var(--geo-v3-blue) 0 72%,var(--geo-v3-violet) 72% 100%);
  box-shadow:0 4px 12px rgba(67,91,220,.18);
}






















/* GEO core v3: align paired card content rows */


/* GEO core v3: four cards per page,
customer-case style pager */









/* GEO core v3: equal card height across both pages */



/* GEO core v3 preview: blue treatment for knowledge-base card */















/* GEO core v3: unified light default,
dark blue only on hover/selected */



























/* GEO core v3: page 05–08 synchronized with page 01–04 */




























/* Data monitoring report: three-step flow and report preview */







/* GEO core v3: keep cards 05–08 level with cards 01–04 on desktop */








/* GEO core v3: use all eight hero illustrations as a lower background layer */














/* GEO visibility check: option 1 command-center conversion block */
.geo-visibility-section{
  position:relative;
  padding:18px 0;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(236,245,255,.92),rgba(226,238,255,.95));
}
.geo-visibility-card{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,300px) minmax(0,1fr);
  gap:28px;
  min-height:244px;
  padding:28px 26px;
  overflow:hidden;
  border:1px solid rgba(73,133,235,.46);
  border-radius:20px;
  color:#fff;
  background:
    radial-gradient(circle at 24% 10%,rgba(23,105,255,.30),transparent 31%),
    radial-gradient(circle at 88% 38%,rgba(49,88,255,.22),transparent 36%),
    linear-gradient(118deg,#071942 0%,#092d72 42%,#0a57bd 72%,#073a91 100%);
  box-shadow:0 18px 44px rgba(5,42,113,.24),inset 0 1px 0 rgba(255,255,255,.16);
  transform:translateY(0);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease;
}
.geo-visibility-card:hover{
  transform:translateY(-5px);
  border-color:rgba(73,133,235,.74);
  box-shadow:0 26px 62px rgba(5,42,113,.34),0 0 34px rgba(23,105,255,.16),inset 0 1px 0 rgba(255,255,255,.20);
}
.geo-visibility-card::before{
  content:"";
  position:absolute;
  left:-8%;
  right:28%;
  bottom:-72%;
  z-index:-1;
  height:74%;
  border-radius:50% 50% 0 0;
  background:
    radial-gradient(ellipse at center,rgba(23,105,255,.34),rgba(8,116,239,.22) 42%,rgba(5,40,115,.20) 60%,transparent 74%);
  box-shadow:0 -18px 42px rgba(23,105,255,.22),inset 0 18px 28px rgba(149,188,251,.12);
  opacity:.50;
  transition:opacity .28s ease,transform .28s ease;
}
.geo-visibility-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 84%,rgba(23,105,255,.44) 0 2px,transparent 3px),
    radial-gradient(circle at 19% 80%,rgba(95,144,235,.52) 0 3px,transparent 4px),
    radial-gradient(circle at 44% 92%,rgba(73,133,235,.48) 0 3px,transparent 5px),
    linear-gradient(168deg,transparent 69%,rgba(23,105,255,.24) 70%,transparent 73%);
  opacity:.52;
  transition:opacity .28s ease;
}
.geo-visibility-card:hover::before{
  opacity:.70;
  transform:translateY(-8px);
}
.geo-visibility-card:hover::after{
  opacity:.76;
}
.geo-visibility-copy{
  position:relative;
  z-index:1;
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:2px 0 0;
}
.geo-visibility-copy .geo-visibility-kicker{
  display:inline-flex;
  align-items:center;
  max-width:none;
  margin:0 0 13px;
  padding:7px 12px;
  border:1px solid rgba(139,184,255,.34);
  border-radius:999px;
  color:#d8e9ff;
  background:rgba(66,130,235,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.2px;
  white-space:nowrap;
}
.geo-visibility-copy .geo-visibility-kicker::before{
  content:"";
  width:7px;
  height:7px;
  margin-right:8px;
  border-radius:50%;
  background:#58a2ff;
  box-shadow:0 0 0 5px rgba(88,162,255,.12),0 0 14px rgba(88,162,255,.8);
}
.geo-visibility-copy h2{
  max-width:305px;
  margin:0;
  color:#f5fbff;
  font-size:30px;
  line-height:1.15;
  letter-spacing:-.7px;
  font-weight:950;
  text-wrap:balance;
  text-shadow:0 12px 28px rgba(0,13,50,.42);
}
.geo-visibility-copy h2 span{
  display:block;
  margin-top:3px;
  color:#8fb8ff;
  background:linear-gradient(95deg,#f7fbff 0%,#8fb8ff 42%,#1672ee 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 8px 18px rgba(23,105,255,.22));
  text-shadow:none;
  transition:filter .28s ease,transform .28s ease;
}
.geo-visibility-copy .geo-visibility-desc{
  max-width:288px;
  margin:12px 0 0;
  color:rgba(228,241,255,.84);
  font-size:13px;
  line-height:1.58;
  font-weight:600;
}
.geo-visibility-card:hover .geo-visibility-copy h2 span{
  filter:drop-shadow(0 10px 24px rgba(23,105,255,.34));
  transform:translateX(2px);
}
.geo-visibility-panel{
  position:relative;
  z-index:1;
  align-self:center;
  justify-self:end;
  width:100%;
  max-width:760px;
}
.geo-visibility-panel::before{
  content:"";
  position:absolute;
  left:-10px;
  right:-10px;
  top:-10px;
  bottom:-10px;
  z-index:-1;
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 4%,rgba(23,105,255,.24),transparent 28%),
    radial-gradient(circle at 12% 100%,rgba(49,88,255,.18),transparent 34%);
  filter:blur(10px);
}
.geo-visibility-form{
  position:relative;
  display:grid;
  gap:10px;
  overflow:hidden;
  padding:16px 18px;
  border:1px solid rgba(149,188,251,.70);
  border-radius:17px;
  background:linear-gradient(155deg,rgba(4,28,79,.97),rgba(2,17,54,.97));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 0 3px rgba(23,105,255,.08),0 16px 38px rgba(0,14,53,.36),0 0 24px rgba(23,105,255,.12);
  backdrop-filter:blur(14px);
  transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease;
}
.geo-visibility-card:hover .geo-visibility-form{
  border-color:rgba(173,204,255,.86);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 3px rgba(23,105,255,.12),0 18px 42px rgba(0,14,53,.42),0 0 30px rgba(23,105,255,.18);
}
.geo-visibility-form::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 94% 0%,rgba(23,105,255,.15),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.055),transparent 38%);
}
.geo-visibility-form>*{
  position:relative;
  z-index:1;
}
.geo-visibility-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.geo-visibility-field-group{
  display:grid;
  gap:14px;
}
.geo-visibility-label,
.geo-platform-title{
  color:#f7fcff;
  font-size:14px;
  line-height:1;
  font-weight:900;
  text-shadow:0 5px 14px rgba(0,44,118,.20);
}
.geo-platform-title{
  margin-top:0;
}
.geo-visibility-field{
  display:grid;
  grid-template-columns:minmax(0,1fr) 34px;
  align-items:center;
  gap:10px;
  min-height:40px;
  padding:0 10px 0 12px;
  border:1px solid rgba(123,169,235,.46);
  border-radius:10px;
  background:rgba(7,31,78,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px rgba(0,14,53,.18);
}
.geo-visibility-field input{
  min-width:0;
  border:0;
  outline:0;
  color:#fff;
  background:transparent;
  font:750 13px/1.4 inherit;
}
.geo-visibility-field input::placeholder{color:rgba(214,225,245,.48)}
.geo-visibility-field img{
  width:18px;
  height:18px;
  justify-self:center;
  object-fit:contain;
  filter:brightness(0) invert(1) opacity(.82);
}
.geo-visibility-platforms{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:7px;
  min-width:0;
  overflow:visible;
  padding-top:3px;
  margin-top:-3px;
}
.geo-visibility-platforms button{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:4px;
  min-width:0;
  height:30px;
  padding:0 5px;
  border:1px solid rgba(66,135,238,.60);
  border-radius:9px;
  color:rgba(248,253,255,.95);
  background:linear-gradient(180deg,rgba(13,58,130,.74),rgba(6,34,89,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 24px rgba(0,14,53,.18);
  overflow:hidden;
  font:900 7px/1 inherit;
  letter-spacing:-.15px;
  white-space:nowrap;
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease;
}
.geo-visibility-platforms button:hover{
  transform:translateY(-2px);
  border-color:rgba(149,188,251,.78);
  background:linear-gradient(180deg,rgba(20,84,175,.82),rgba(8,45,112,.82));
  box-shadow:0 16px 28px rgba(0,23,80,.26),0 0 20px rgba(23,105,255,.12);
}
.geo-visibility-platforms button.is-selected{
  border-color:rgba(73,133,235,.96);
  color:#fff;
  background:linear-gradient(180deg,rgba(18,91,196,.92),rgba(7,52,128,.90));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 24px rgba(0,20,75,.22),0 0 22px rgba(23,105,255,.22);
}
.geo-visibility-platforms img{
  width:18px;
  height:18px;
  flex:0 0 18px;
  object-fit:contain;
  border-radius:50%;
  background:rgba(255,255,255,.92);
}
.geo-visibility-platforms .geo-platform-check{
  position:relative;
  width:12px;
  height:12px;
  flex:0 0 12px;
  margin-left:auto;
  border:1.4px solid rgba(149,188,251,.82);
  border-radius:4px;
  background:rgba(1,20,59,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 2px rgba(23,105,255,.10);
  opacity:1;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
}
.geo-visibility-platforms .geo-platform-check::after{
  content:"";
  position:absolute;
  left:2px;
  top:2px;
  width:6px;
  height:3px;
  border-left:1.8px solid #fff;
  border-bottom:1.8px solid #fff;
  opacity:0;
  transform:rotate(-45deg) scale(.7);
  transition:opacity .2s ease,transform .2s ease;
}
.geo-visibility-platforms button.is-selected .geo-platform-check{
  border-color:#c9dcfb;
  background:linear-gradient(135deg,#0874ef 0%,#3158ff 100%);
  box-shadow:0 0 0 3px rgba(23,105,255,.16),0 0 16px rgba(23,105,255,.30);
  transform:scale(1.08);
}
.geo-visibility-platforms button.is-selected .geo-platform-check::after{
  opacity:1;
  transform:rotate(-45deg) scale(1);
}
.geo-visibility-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(126px,auto);
  align-items:center;
  gap:14px;
  margin-top:8px;
}
.geo-visibility-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:40px;
  border:0;
  border-radius:10px;
  color:#fff;
  background:linear-gradient(100deg,#0874ef 0%,#1769e8 55%,#3158ff 100%);
  box-shadow:0 12px 24px rgba(23,105,255,.28),0 0 0 3px rgba(23,105,255,.10),inset 0 1px 0 rgba(255,255,255,.22);
  font:950 14px/1 inherit;
  cursor:pointer;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}
.geo-visibility-submit span{
  font-size:22px;
  line-height:.7;
}
.geo-visibility-submit:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
  box-shadow:0 18px 36px rgba(23,105,255,.34),0 0 0 5px rgba(173,204,255,.16);
}
.geo-visibility-actions :where(a,button):not(.geo-visibility-submit){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0;
  border:0;
  color:#9fcaff;
  background:transparent;
  font-family:inherit;
  font-size:12px;
  line-height:1;
  font-weight:950;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
}
.geo-visibility-actions :where(a,button):not(.geo-visibility-submit) span{
  color:#a9cafa;
  font-size:18px;
  line-height:.7;
}
.geo-visibility-actions :where(a,button):not(.geo-visibility-submit):hover{color:#dce9ff}
.geo-visibility-status{
  display:none;
  margin:0;
  padding:10px 12px;
  border:1px solid rgba(173,204,255,.30);
  border-radius:11px;
  color:#f3fbff;
  background:rgba(255,255,255,.14);
  font-size:12px;
  line-height:1.5;
  font-weight:700;
}
.geo-visibility-status.is-visible{display:block}
@media(max-width:1180px){
  .geo-visibility-card{
    grid-template-columns:minmax(0,260px) minmax(0,1fr);
    gap:20px;
    min-height:0;
    padding:22px;
  }
  .geo-visibility-copy h2{max-width:270px;font-size:26px}
  .geo-visibility-copy p{max-width:260px;font-size:12px}
  .geo-visibility-panel{justify-self:stretch;max-width:none}
  .geo-visibility-card::before{right:-12%;height:58%}
}
@media(max-width:760px){
  .geo-visibility-section{padding:16px 0}
  .geo-visibility-card{grid-template-columns:1fr;gap:16px;min-height:0;padding:18px 14px 14px;border-radius:18px}
  .geo-visibility-copy h2{font-size:24px;line-height:1.22;letter-spacing:-.3px}
  .geo-visibility-copy p{max-width:none;margin-top:8px;font-size:12px;line-height:1.55}
  .geo-visibility-form{gap:10px;padding:13px 12px;border-radius:15px}
  .geo-visibility-fields{grid-template-columns:1fr;gap:10px}
  .geo-visibility-label,
.geo-platform-title{font-size:14px}
  .geo-visibility-field{min-height:40px;padding-left:12px}
  .geo-visibility-field input{font-size:12px}
  .geo-visibility-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}
  .geo-visibility-platforms button{height:38px;padding:0 8px;gap:6px;font-size:8px}
  .geo-visibility-platforms img{width:22px;height:22px;flex-basis:22px}
  .geo-visibility-platforms .geo-platform-check{width:13px;height:13px;flex-basis:13px}
  .geo-visibility-actions{grid-template-columns:1fr;gap:10px;margin-top:8px}
  .geo-visibility-submit{width:100%;height:42px;font-size:15px}
  .geo-visibility-actions :where(a,button):not(.geo-visibility-submit){font-size:13px}
  .geo-visibility-card::before{left:-28%;right:-28%;bottom:-32%;height:46%}
}

/* GEO mobile delivery pass: align with homepage mobile rhythm. */
@media (max-width: 768px){
  body.geo-page{
    --geo-section-title:clamp(24px,7vw,30px);
    --geo-section-sub:14px;
    --geo-card-title-size:16px;
    --geo-body:13px;
  }

  body.geo-page .geo-wrap,
body.geo-page .geo-core-v3-shell,
body.geo-page .geo-visibility-section > .site-container{
    width:calc(100% - 32px)!important;
    max-width:calc(100vw - 32px)!important;
    margin-left:auto;
    margin-right:auto;
  }

  body.geo-page .geo-hero{
    min-height:0;
    padding:34px 0 32px;
    background-position:center top;
  }

  body.geo-page .geo-hero-grid{
    min-height:0;
    grid-template-columns:minmax(0,1fr)!important;
    gap:20px;
  }

  body.geo-page .geo-hero-copy{
    max-width:none;
    transform:none!important;
    text-shadow:none;
  }

  body.geo-page .geo-hero h1{
    max-width:360px;
    font-size:clamp(26px,8vw,30px);
    line-height:1.22;
  }

  body.geo-page .geo-hero p{
    max-width:360px;
    margin-top:12px;
    font-size:14px;
    line-height:1.68;
  }

  body.geo-page .geo-hero-tags{
    width:100%;
    max-width:none;
    margin-top:18px;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body.geo-page .geo-hero-card{
    min-height:64px;
    height:auto;
    padding:10px;
    gap:8px;
    border-radius:16px;
  }

  body.geo-page .geo-hero-icon,
body.geo-page .geo-hero-icon svg{
    width:24px;
    height:24px;
  }

  body.geo-page .geo-hero-card strong{
    font-size:17px;
    line-height:1.1;
  }

  body.geo-page .geo-hero-card span{
    font-size:10px;
    line-height:1.25;
    white-space:normal;
  }

  body.geo-page .geo-section,
body.geo-page .geo-core-v3{
    padding-top:42px;
    padding-bottom:42px;
  }

  body.geo-page .geo-hero + .geo-section,
body.geo-page .geo-section + .geo-section{
    padding-top:42px;
  }

  body.geo-page .geo-section-head,
body.geo-page .geo-core-v3-heading{
    margin-bottom:20px;
    padding:0 0 18px;
  }

  body.geo-page .geo-section-title,
body.geo-page .geo-core-v3-heading .site-title{
    font-size:var(--geo-section-title);
    line-height:1.26;
    letter-spacing:0;
    text-wrap:balance;
  }

  body.geo-page .geo-section-sub,
body.geo-page .geo-core-v3-heading .site-subtitle{
    max-width:360px;
    margin:10px auto 0;
    font-size:var(--geo-section-sub);
    line-height:1.68;
  }

  body.geo-page .geo-grid-3,
body.geo-page .geo-grid-4,
body.geo-page .geo-grid-6,
body.geo-page .geo-ref-signal-grid,
body.geo-page .geo-cases,
body.geo-page .geo-case-page.is-active{
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }

  body.geo-page .geo-grid-3{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }

  

  

  body.geo-page .geo-card,
body.geo-page .geo-why-card,
body.geo-page .geo-industry-card,
body.geo-page .geo-ref-card,
body.geo-page .geo-ref-signal,
body.geo-page .geo-step,
body.geo-page .geo-case-card{
    min-width:0;
    height:auto;
    min-height:0;
    padding:16px;
    border-radius:16px;
  }

  body.geo-page .geo-card h3,
body.geo-page .geo-industry-card h3,
body.geo-page .geo-ref-head h3,
body.geo-page .geo-ref-signal h3,
body.geo-page .geo-flow .geo-step h3,
body.geo-page .geo-case-card h3{
    font-size:var(--geo-card-title-size);
    line-height:1.35;
  }

  body.geo-page .geo-card p,
body.geo-page .geo-industry-card p,
body.geo-page .geo-ref-head p,
body.geo-page .geo-ref-signal p,
body.geo-page .geo-flow .geo-step p,
body.geo-page .geo-case-card p{
    font-size:var(--geo-body);
    line-height:1.58;
  }

  

  

  

  

  

  body.geo-page .geo-ill,
body.geo-page .geo-industry-img{
    min-height:116px;
    margin-bottom:12px;
  }

  body.geo-page .geo-ill img,
body.geo-page .geo-industry-img img{
    width:92px;
    height:92px;
  }

  

  

  

  

  

  body.geo-page .geo-grid-3 .geo-why-card{
    min-height:176px;
    padding:10px 7px;
    border-radius:14px;
  }

  body.geo-page .geo-grid-3 .geo-ill{
    height:54px;
    min-height:54px;
    margin-bottom:8px;
    border-radius:10px;
  }

  body.geo-page .geo-grid-3 .geo-ill img{
    width:64px;
    height:54px;
    object-fit:contain;
  }

  body.geo-page .geo-grid-3 .geo-why-heading{
    display:block;
    margin-bottom:6px;
    text-align:center;
  }

  body.geo-page .geo-grid-3 .geo-why-icon{
    display:none;
  }

  body.geo-page .geo-grid-3 .geo-why-card h3{
    font-size:13px;
    line-height:1.25;
    text-align:center;
  }

  body.geo-page .geo-grid-3 .geo-why-subtitle{
    margin-top:3px;
    font-size:10px;
    line-height:1.25;
    text-align:center;
  }

  body.geo-page .geo-grid-3 .geo-why-card > p{
    display:-webkit-box;
    margin-top:5px;
    overflow:hidden;
    font-size:10px;
    line-height:1.35;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }

  

  

  

  

  

  

  

  

  body.geo-page .geo-flow{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px;
    padding:16px;
    border-radius:16px;
  }

  body.geo-page .geo-flow::before,
body.geo-page .geo-flow-track,
body.geo-page .geo-flow .geo-step::after{
    display:none!important;
  }

  body.geo-page .geo-flow .geo-step{
    display:grid;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto auto;
    height:114px;
    min-height:114px;
    box-sizing:border-box;
    gap:2px;
    align-items:center;
    align-content:center;
    justify-items:center;
    padding:12px 7px 8px;
    text-align:center;
  }

  body.geo-page .geo-flow .geo-step-icon{
    grid-column:1;
    grid-row:1;
    width:42px;
    height:42px;
    margin:2px 0 0;
  }

  body.geo-page .geo-flow .geo-step-icon img{
    width:34px;
    height:34px;
  }

  body.geo-page .geo-flow .geo-step-num{
    display:none;
  }

  body.geo-page .geo-flow .geo-step h3,
body.geo-page .geo-flow .geo-step p{
    grid-column:1;
    width:100%;
    max-width:none;
    margin:0;
  }

  body.geo-page .geo-flow .geo-step h3{
    grid-row:2;
    font-size:13px;
    line-height:1.25;
  }

  body.geo-page .geo-flow .geo-step p{
    display:-webkit-box;
    grid-row:3;
    overflow:hidden;
    font-size:10px;
    line-height:1.3;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
  }

  body.geo-page .geo-case-cover{
    height:150px;
  }

  body.geo-page .geo-case-data{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }

  body.geo-page .geo-case-data div{
    min-height:58px;
    padding:8px 6px;
  }

  body.geo-page .geo-case-data strong{
    font-size:17px;
  }

  body.geo-page .geo-case-data span{
    font-size:11px;
  }

  body.geo-page .geo-cta{
    width:calc(100% - 32px)!important;
    max-width:calc(100vw - 32px)!important;
    margin:0 auto;
    padding:20px 18px!important;
    border-radius:18px;
  }

  body.geo-page .geo-cta h2{
    font-size:24px;
    line-height:1.3;
  }

  body.geo-page .geo-cta p{
    margin:8px 0 14px;
    font-size:13px;
    line-height:1.58;
  }

  body.geo-page .geo-cta .cta-actions{
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px;
  }

  body.geo-page .geo-cta .cta-points{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px;
    margin-top:12px;
  }

  body.geo-page .geo-cta .cta-points span{
    min-height:38px;
    padding:7px 9px;
    font-size:12px;
    line-height:1.25;
  }
}

/* Home media resource metric labels */
body.home-page .media-resource-redesign .media-metric-card small{
  font-size: 14px;
}

/* Align the GEO hero rhythm and content width with the homepage hero. */
@media (min-width: 1200px){
  body.geo-page .geo-hero-grid{
    width: min(1200px, calc(100% - 64px));
    max-width: 1200px;
    min-height: 600px;
    grid-template-columns: minmax(0, 680px);
  }

  body.geo-page .geo-hero-copy{
    width: 100%;
    max-width: 680px;
    transform: translateY(81px) !important;
    animation: none !important;
  }

  body.geo-page .geo-hero h1{
    width: 100%;
    max-width: 680px;
    margin-top: -18px;
    white-space: nowrap;
  }
}

@media (min-width: 769px) and (max-width: 1199px){
  body.geo-page .geo-hero{
    min-height: 0;
    padding: 72px 0 56px;
  }

  body.geo-page .geo-hero-grid{
    width: min(100% - var(--rvr-gutter), 1040px);
    max-width: none;
    min-height: 0;
    grid-template-columns: minmax(0, 680px);
    align-items: start;
  }

  body.geo-page .geo-hero-copy{
    width: 100%;
    max-width: 680px;
    transform: none !important;
    animation: none !important;
  }

  body.geo-page .geo-hero h1{
    width: 100%;
    max-width: 680px;
    margin-top: -18px;
    white-space: nowrap;
  }
}

@media (max-width: 480px){
  body.geo-page .geo-wrap,
body.geo-page .geo-core-v3-shell,
body.geo-page .geo-visibility-section > .site-container{
    width:calc(100% - 32px)!important;
    max-width:calc(100vw - 32px)!important;
  }

  

  

  

  body.geo-page .geo-grid-3{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }

  body.geo-page .geo-hero-tags{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body.geo-page .geo-hero h1,
body.geo-page .geo-hero p,
body.geo-page .geo-section-sub,
body.geo-page .geo-core-v3-heading .site-subtitle{
    max-width:none;
  }

  body.geo-page .geo-core-v3{
    padding-top:42px;
    padding-bottom:42px;
  }

  body.geo-page .geo-core-v3-heading{
    margin-bottom:16px;
  }

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  body.geo-page .geo-visibility-section{
    padding:12px 0;
  }

  body.geo-page .geo-visibility-card{
    gap:14px;
    padding:17px 13px 14px;
    border-radius:18px;
  }

  body.geo-page .geo-visibility-copy h2{
    font-size:23px;
    line-height:1.22;
  }

  body.geo-page .geo-visibility-copy p{
    margin-top:7px;
    font-size:12px;
    line-height:1.5;
  }

  body.geo-page .geo-visibility-form{
    gap:10px;
    padding:12px;
    border-radius:15px;
  }

  body.geo-page .geo-visibility-fields{
    grid-template-columns:minmax(0,1fr);
    gap:10px;
  }

  body.geo-page .geo-visibility-field-group{
    gap:9px;
  }

  body.geo-page .geo-visibility-label,
body.geo-page .geo-platform-title{
    font-size:13px;
  }

  body.geo-page .geo-visibility-field{
    min-height:40px;
    padding-left:12px;
  }

  body.geo-page .geo-visibility-field input{
    font-size:13px;
  }

  body.geo-page .geo-visibility-platforms{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  body.geo-page .geo-visibility-platforms button{
    height:38px;
    padding:0 7px;
    gap:5px;
    font-size:10px;
    line-height:1.15;
  }

  body.geo-page .geo-visibility-platforms img{
    width:21px;
    height:21px;
    flex-basis:21px;
  }

  body.geo-page .geo-visibility-platforms .geo-platform-check{
    width:13px;
    height:13px;
    flex-basis:13px;
  }

  body.geo-page .geo-visibility-actions{
    grid-template-columns:minmax(0,1fr);
    gap:9px;
    margin-top:7px;
  }
}

/* GEO pricing v5: selected software product package direction */
.geo-pricing-v5 .site-container{
  width:min(1200px,calc(100% - 40px));
  max-width:1200px;
}

.geo-pricing-v5-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
  align-items:stretch;
}

.geo-pricing-v5-card{
  position:relative;
  display:flex;
  min-width:0;
  min-height:640px;
  flex-direction:column;
  overflow:visible;
  border:1px solid rgba(146,181,239,.64);
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 34px rgba(31,70,146,.10);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}

.geo-pricing-v5-card:hover,
.geo-pricing-v5-card:focus-within{
  transform:translateY(-6px);
  border-color:rgba(75,119,239,.72);
  box-shadow:0 22px 46px rgba(31,70,146,.16);
}

.geo-pricing-v5-card.is-pro{
  z-index:2;
  border:2px solid #1769ff;
  transform:translateY(-12px);
  box-shadow:0 22px 50px rgba(38,87,202,.18);
}

.geo-pricing-v5-card.is-pro:hover,
.geo-pricing-v5-card.is-pro:focus-within{
  transform:translateY(-18px);
  box-shadow:0 28px 58px rgba(38,87,202,.23);
}

.geo-pricing-v5-hero{
  position:relative;
  min-height:130px;
  overflow:hidden;
  border-radius:17px 17px 0 0;
}

.geo-pricing-v5-hero>img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.geo-pricing-v5-hero>div{
  position:relative;
  z-index:1;
  width:54%;
  padding:18px 0 0 26px;
  box-sizing:border-box;
}

.geo-pricing-v5-hero h3{
  margin:0 0 7px;
  color:#0b214f;
  font-size:22px;
  font-weight:850;
  line-height:1.25;
}

.geo-pricing-v5-hero p{
  margin:0;
  color:#3f5a83;
  font-size:14px;
  font-weight:600;
  line-height:1.5;
}

.geo-pricing-v5-card.is-pro .geo-pricing-v5-hero h3,
.geo-pricing-v5-card.is-enterprise .geo-pricing-v5-hero h3{
  color:#fff;
}

.geo-pricing-v5-card.is-pro .geo-pricing-v5-hero p,
.geo-pricing-v5-card.is-enterprise .geo-pricing-v5-hero p{
  color:rgba(255,255,255,.88);
}

.geo-pricing-v5-badge{
  position:absolute;
  z-index:5;
  top:-16px;
  right:26px;
  display:inline-flex;
  min-height:38px;
  padding:0 17px;
  align-items:center;
  border:1px solid rgba(151,128,255,.55);
  border-radius:11px;
  background:#fff;
  box-shadow:0 10px 22px rgba(52,78,180,.18);
  color:#315eff;
  font-size:14px;
  font-weight:850;
}

.geo-pricing-v5-body{
  display:flex;
  min-height:0;
  padding:10px 22px 14px;
  flex:1;
  flex-direction:column;
}

.geo-pricing-v5-label{
  align-self:flex-start;
  margin-bottom:4px;
  padding:3px 9px;
  border-radius:6px;
  background:#eef4ff;
  color:#1769ff;
  font-size:14px;
  font-weight:800;
  line-height:1;
}

.geo-pricing-v5-price{
  display:flex;
  min-height:46px;
  align-items:baseline;
  gap:9px;
  color:#0b214f;
}

.geo-pricing-v5-price strong{
  font-size:34px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:-1px;
  white-space:nowrap;
}

.geo-pricing-v5-price small{
  color:#536789;
  font-size:14px;
  font-weight:600;
}

.geo-pricing-v5-card.is-enterprise .geo-pricing-v5-price strong{
  font-size:31px;
  letter-spacing:0;
}

.geo-pricing-v5-quota{
  display:grid;
  min-height:47px;
  margin:5px 0 9px;
  padding:2px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;
  border:1px solid rgba(181,207,248,.62);
  border-radius:10px;
  background:#f5f8ff;
}

.geo-pricing-v5-quota>span{
  display:grid;
  min-width:0;
  padding:0 5px;
  grid-template-columns:20px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:6px;
  align-items:center;
  border-left:1px solid rgba(190,208,239,.72);
}

.geo-pricing-v5-quota>span:first-child{
  border-left:0;
}

.geo-pricing-v5-quota img{
  width:20px;
  height:20px;
  grid-row:1/3;
  object-fit:contain;
}

.geo-pricing-v5-quota b{
  color:#173568;
  font-size:14px;
  font-weight:850;
  line-height:1.25;
  white-space:normal;
}

.geo-pricing-v5-quota small{
  color:#637795;
  font-size:14px;
  font-weight:600;
  line-height:1.25;
  white-space:normal;
}

.geo-pricing-v5-benefits{
  flex:1;
}

.geo-pricing-v5-benefits section+section{
  margin-top:9px;
}

.geo-pricing-v5-benefits h4{
  display:flex;
  margin:0 0 6px;
  align-items:center;
  gap:12px;
  color:#0b2f73;
  font-size:15px;
  font-weight:850;
  line-height:1.3;
}

.geo-pricing-v5-benefits h4::after{
  height:1px;
  flex:1;
  background:#dce8fb;
  content:"";
}

.geo-pricing-v5-benefits ul{
  margin:0;
  padding:0;
  list-style:none;
}

.geo-pricing-v5-benefits li{
  position:relative;
  margin:0 0 3px;
  padding-left:20px;
  color:#465b7c;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
}

.geo-pricing-v5-benefits li::before{
  position:absolute;
  left:0;
  color:#18ad7a;
  content:"✓";
  font-weight:900;
}

.geo-pricing-v5-card .site-btn{
  width:100%;
  min-height:40px;
  margin-top:10px;
  justify-content:center;
  text-align:center;
}

.geo-pricing-v5-card.is-enterprise .site-btn{
  border-color:#315eff;
  color:#1769ff;
}

.geo-pricing-v5-note{
  max-width:880px;
  margin:16px auto 0;
  color:#687a96;
  font-size:14px;
  font-weight:600;
  line-height:1.7;
  text-align:center;
}

@media(min-width:1101px) and (max-width:1320px){
  .geo-pricing-v5 .site-container{
    width:calc(100% - 160px);
    margin-right:20px;
    margin-left:140px;
  }

  .geo-pricing-v5-grid{
    gap:18px;
  }

  .geo-pricing-v5-hero>div{
    width:57%;
    padding-left:22px;
  }

  .geo-pricing-v5-hero h3{
    font-size:21px;
  }

  .geo-pricing-v5-body{
    padding-right:20px;
    padding-left:20px;
  }

  .geo-pricing-v5-price strong{
    font-size:35px;
  }
}

@media(max-width:920px){
  .geo-pricing-v5-grid{
    grid-template-columns:1fr;
    gap:22px;
  }

  .geo-pricing-v5-card{
    width:min(100%,620px);
    min-height:640px;
    margin:0 auto;
  }

  .geo-pricing-v5-card.is-pro,
  .geo-pricing-v5-card.is-pro:hover,
  .geo-pricing-v5-card.is-pro:focus-within{
    transform:none;
  }
}

@media(max-width:520px){
  .geo-pricing-v5 .site-container{
    width:min(100% - 28px,560px);
  }

  .geo-pricing-v5-hero{
    min-height:130px;
  }

  .geo-pricing-v5-hero>div{
    width:58%;
    padding:20px 0 0 18px;
  }

  .geo-pricing-v5-hero h3{
    font-size:21px;
  }

  .geo-pricing-v5-hero p{
    font-size:14px;
  }

  .geo-pricing-v5-body{
    padding:10px 18px 14px;
  }

  .geo-pricing-v5-price strong{
    font-size:32px;
  }

  .geo-pricing-v5-card.is-enterprise .geo-pricing-v5-price strong{
    font-size:29px;
  }

  .geo-pricing-v5-quota{
    min-height:47px;
  }

  .geo-pricing-v5-quota>span{
    padding:0 4px;
    grid-template-columns:20px minmax(0,1fr);
    column-gap:4px;
  }

  .geo-pricing-v5-quota img{
    width:20px;
    height:20px;
  }

  .geo-pricing-v5-quota b{
    font-size:14px;
  }

  .geo-pricing-v5-quota small{
    font-size:14px;
  }
}

/* GEO industry v3: colorful illustration title treatment */
.geo-page .geo-industry-v2-hero{
  background:#f4f7ff;
}

.geo-page .geo-industry-v2-hero h3{
  color:#0b214f!important;
  text-shadow:none;
}

@media(min-width:1101px) and (max-width:1320px){
  .geo-industry-v2-section .site-container{
    width:calc(100% - 160px);
    margin-right:20px;
    margin-left:140px;
  }

  .geo-industry-v2-grid{
    gap:18px;
  }

  .geo-industry-v2-hero h3{
    top:22px;
    left:22px;
    font-size:21px;
  }

  .geo-industry-v2-body{
    padding-right:20px;
    padding-left:20px;
  }
}

/* GEO entry pricing — final isolation from global section decorations */
.section.geo-entry-pricing::before,
.section.geo-entry-pricing::after{
  content:none !important;
  display:none !important;
}

.section.geo-entry-pricing .geo-entry-plan-head{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 16px 16px 20px;
}

.section.geo-entry-pricing .geo-entry-plan-head > div{
  position:relative;
  z-index:2;
  width:calc(100% - 138px);
  min-width:0;
}

.section.geo-entry-pricing .geo-entry-plan-head > img{
  position:relative;
  z-index:1;
  top:auto;
  right:auto;
  flex:0 0 124px;
  width:124px;
  height:94px;
  margin-left:auto;
  border:1px solid rgba(105,131,229,.2);
  border-radius:16px;
  object-fit:cover;
  object-position:72% center;
  mix-blend-mode:normal;
  opacity:1;
  box-shadow:0 10px 24px rgba(45,73,157,.16);
}

.section.geo-entry-pricing .geo-entry-plan-head::after{
  content:none;
  display:none;
}

.section.geo-entry-pricing .geo-entry-plan.is-pro .geo-entry-plan-head{
  background:linear-gradient(130deg,#eef4ff,#f1edff);
}

.section.geo-entry-pricing .geo-entry-plan.is-enterprise .geo-entry-plan-head{
  background:linear-gradient(130deg,#edf3ff,#f0edff);
}

.section.geo-entry-pricing .geo-entry-stage > img{
  object-fit:cover;
  object-position:center;
  filter:none;
}

@media (max-width:760px){
  .section.geo-entry-pricing .geo-entry-plan-head{
    padding-right:14px;
  }

  .section.geo-entry-pricing .geo-entry-plan-head > div{
    width:calc(100% - 124px);
  }

  .section.geo-entry-pricing .geo-entry-plan-head > img{
    flex-basis:110px;
    width:110px;
    height:88px;
  }
}

/* Unified marketing-page title system: home / GEO / agent / about */
@media (min-width:761px){
  body.home-page .hero h1,
  body.geo-page .geo-hero h1,
  body.agent-page .agent-hero h1,
  body.about-replica .about-page .ar-hero-copy h1{
    font-size:48px!important;
    line-height:1.25!important;
    font-weight:900!important;
  }

  body.home-page #growth-question-title,
  body.home-page #media .section-title,
  body.home-page #geo-entry-pricing-title,
  body.home-page #diagnosis .section-title,
  body.home-page #solutions .chain2-head h2,
  body.home-page #cases .section-title,
  body.home-page #insights .section-title,
  body.geo-page .geo-section-title,
  body.geo-page .geo-core-v3-heading h2,
  body.geo-page #cases .section-title,
  body.agent-page .agent-section-title,
  body.agent-page .agent-support-left h2,
  body.about-replica .about-page .ar-about-copy .site-heading h2,
  body.about-replica .about-page .ar-position-head h2,
  body.about-replica .about-page .ar-why-copy .site-heading h2,
  body.about-replica .about-page .ar-cert-section .site-heading h2,
  body.about-replica .about-page .ar-logo-wall .site-heading h2{
    font-size:40px!important;
    line-height:1.3!important;
    font-weight:950!important;
  }

  body.home-page #growth-question-title,
  body.home-page #media .section-title,
  body.home-page #geo-entry-pricing-title,
  body.home-page #diagnosis .section-title,
  body.home-page #solutions .chain2-head h2,
  body.home-page #cases .section-title,
  body.home-page #insights .section-title,
  body.geo-page .geo-section-title,
  body.geo-page .geo-core-v3-heading h2,
  body.geo-page #cases .section-title,
  body.agent-page .agent-section-title,
  body.about-replica .about-page .ar-cert-section .site-heading h2,
  body.about-replica .about-page .ar-logo-wall .site-heading h2{
    text-align:center!important;
  }

  body.agent-page .agent-support-left h2,
  body.about-replica .about-page .ar-about-copy .site-heading h2,
  body.about-replica .about-page .ar-position-head h2,
  body.about-replica .about-page .ar-why-copy .site-heading h2{
    text-align:left!important;
  }

  body.geo-page .geo-visibility-copy h2{
    font-size:34px!important;
    line-height:1.3!important;
    font-weight:950!important;
    text-align:left!important;
  }

  body.home-page .cta-copy h2,
  body.geo-page .cta-copy h2,
  body.agent-page .cta-copy h2,
  body.about-replica .about-page .cta-copy h2{
    font-size:34px!important;
    line-height:1.22!important;
    font-weight:950!important;
    text-align:left!important;
  }
}

@media (max-width:760px){
  body.home-page .hero h1,
  body.geo-page .geo-hero h1,
  body.agent-page .agent-hero h1,
  body.about-replica .about-page .ar-hero-copy h1{
    font-size:26px!important;
    line-height:1.25!important;
    font-weight:900!important;
  }

  body.home-page #growth-question-title,
  body.home-page #media .section-title,
  body.home-page #geo-entry-pricing-title,
  body.home-page #diagnosis .section-title,
  body.home-page #solutions .chain2-head h2,
  body.home-page #cases .section-title,
  body.home-page #insights .section-title,
  body.geo-page .geo-section-title,
  body.geo-page .geo-core-v3-heading h2,
  body.geo-page #cases .section-title,
  body.agent-page .agent-section-title,
  body.agent-page .agent-support-left h2,
  body.about-replica .about-page .ar-about-copy .site-heading h2,
  body.about-replica .about-page .ar-position-head h2,
  body.about-replica .about-page .ar-why-copy .site-heading h2,
  body.about-replica .about-page .ar-cert-section .site-heading h2,
  body.about-replica .about-page .ar-logo-wall .site-heading h2,
  body.geo-page .geo-visibility-copy h2,
  body.home-page .cta-copy h2,
  body.geo-page .cta-copy h2,
  body.agent-page .cta-copy h2,
  body.about-replica .about-page .cta-copy h2{
    font-size:24px!important;
    line-height:1.28!important;
    font-weight:950!important;
  }

  body.home-page #growth-question-title,
  body.home-page #media .section-title,
  body.home-page #geo-entry-pricing-title,
  body.home-page #diagnosis .section-title,
  body.home-page #solutions .chain2-head h2,
  body.home-page #cases .section-title,
  body.home-page #insights .section-title,
  body.geo-page .geo-section-title,
  body.geo-page .geo-core-v3-heading h2,
  body.geo-page #cases .section-title,
  body.agent-page .agent-section-title,
  body.about-replica .about-page .ar-cert-section .site-heading h2,
  body.about-replica .about-page .ar-logo-wall .site-heading h2{
    text-align:center!important;
  }

  body.agent-page .agent-support-left h2,
  body.about-replica .about-page .ar-about-copy .site-heading h2,
  body.about-replica .about-page .ar-position-head h2,
  body.about-replica .about-page .ar-why-copy .site-heading h2,
  body.geo-page .geo-visibility-copy h2,
  body.home-page .cta-copy h2,
  body.geo-page .cta-copy h2,
  body.agent-page .cta-copy h2,
  body.about-replica .about-page .cta-copy h2{
    text-align:left!important;
  }
}
/* Site registration and copyright details */
.legal-page-footer a{
  color: inherit;
  text-decoration: none;
  transition: color .2s ease;
}

.legal-page-footer a:hover{
  color: #ffffff;
  text-decoration: underline;
}

.legal-page-footer{
  margin-top: 56px;
  padding: 22px max(20px, calc((100% - 1200px) / 2));
  border-top: 1px solid rgba(49, 89, 130, .72);
  background: #081838;
  color: rgba(196, 210, 234, .94);
  font-size: 13px;
  line-height: 1.8;
  text-align: center;
}

@media (max-width: 768px){
  .legal-page-footer{
    margin-top: 36px;
    padding: 18px 16px;
    font-size: 12px;
    text-align: left;
  }
}

/* Lightweight certificate cards, scoped to the About page. */
body.about-replica #qualification .ar-cert-sheet {
  padding: 8px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .05);
}

body.about-replica #qualification .ar-cert-row {
  mask-image: none;
}

.help-tabs a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
.help-category-card{text-decoration:none;color:inherit}