/* Responsive overrides kept separate so the single-page stylesheet remains resilient. */
@keyframes float{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-11px)}}
@media (max-width:900px){
  .main-nav{gap:16px}.brand-tag{display:none}.hero-inner{grid-template-columns:1fr}.hero{min-height:820px}.hero-proof{justify-content:flex-start;margin-top:10px}.proof-card{transform:rotate(2deg)}
  .about-layout{grid-template-columns:100px 1fr}.about-aside{grid-column:2}.knowledge-layout{grid-template-columns:100px 1fr}.case-grid{grid-template-columns:1fr 1fr}.case-large{grid-column:1/-1}.contact-inner{grid-template-columns:1fr 320px}.footer-links{gap:35px}
}
@media (max-width:650px){
  .container{width:min(100% - 32px,560px)}.nav-wrap{width:calc(100% - 32px);height:68px}.main-nav,.nav-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;margin-left:auto}.menu-toggle i{display:block;width:22px;height:2px;background:var(--ink)}
  .main-nav.open{display:flex;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:20px 24px;flex-direction:column;gap:12px;border-bottom:1px solid var(--line)}
  .hero{padding-top:68px;min-height:760px}.hero-inner{min-height:650px}.hero h1{font-size:48px}.hero-sub{font-size:14px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-stamp{right:-8px;bottom:-50px;width:110px;height:110px}.trust-inner{display:block;padding:23px 0}.trust-stats{gap:18px;margin:16px 0}.trust-stats span{font-size:22px}.trust-note{text-align:left}
  .section{padding:88px 0}.about-layout,.knowledge-layout{display:block}.section-label{margin-bottom:36px}.about-aside{margin-top:42px}.advantage-grid{grid-template-columns:1fr;margin-top:55px;gap:28px}.section-head{display:block;margin-bottom:32px}.section-intro{margin-top:18px}.appeal-grid{grid-template-columns:1fr}.appeal-card{min-height:230px}.appeal-more{display:block;line-height:2}.appeal-more a{display:block;margin-top:7px}.flow-step{grid-template-columns:35px 48px 1fr;gap:10px}.flow-node{width:42px;height:42px}.case-grid{grid-template-columns:1fr}.case-large{grid-column:auto}.contact-inner{grid-template-columns:1fr;gap:30px}.contact-card{width:100%}.footer-top{display:block}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}.footer-bottom{display:block;line-height:1.8}.footer-bottom span{display:block}.footer-bottom span+span{margin-top:8px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

.page-hero{padding:170px 0 110px;background:var(--navy);color:#fff;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,153,0,.28);border-radius:50%;right:-110px;top:-230px;box-shadow:0 0 0 34px rgba(255,255,255,.04),0 0 0 68px rgba(255,153,0,.08)}.page-hero .container{position:relative;z-index:1}.page-hero h1{font-size:clamp(44px,6vw,76px);line-height:1.12;letter-spacing:-.05em;margin:22px 0 16px;font-weight:900}.page-hero h1 em{font-style:normal;color:var(--orange)}.page-hero p:not(.eyebrow){max-width:550px;color:#b8c1cd;font-size:16px}.page-hero-compact{padding-bottom:95px}.page-hero-dark{background:linear-gradient(120deg,#0c1b2e,#132b43)}.home-intro{background:var(--cream)}.home-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.home-link{border-top:2px solid var(--ink);padding:17px 0 20px;display:flex;flex-direction:column;gap:30px;transition:.25s}.home-link:hover{border-color:var(--orange);transform:translateY(-5px)}.home-link span{font:11px var(--mono);color:var(--orange)}.home-link strong{font-size:17px}.knowledge-notes{background:var(--cream)}.case-proof{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:12px 18px;align-items:center;margin-top:46px;padding:22px;border:1px solid var(--line);background:#fff}.case-proof strong{font:700 28px var(--mono);color:var(--orange)}.case-proof span{font-size:12px;color:#738093}.nav-current{color:var(--ink)!important;font-weight:700}
.knowledge-library{background:#f7f2e9;padding-top:82px;padding-bottom:88px}.knowledge-library-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:30px}.knowledge-library-head h2{font-size:clamp(34px,4vw,52px);line-height:1.18;letter-spacing:-.04em;margin:0}.knowledge-library-head h2 span{color:var(--orange)}.knowledge-library-head>p{max-width:330px;color:#68788b;font-size:14px;line-height:1.8;margin:0 0 5px}.knowledge-tabs{display:flex;gap:8px;border-bottom:1px solid #d4ccbf;padding-bottom:14px;margin-bottom:20px;flex-wrap:wrap}.knowledge-filter{border:0;background:transparent;color:#607187;font-size:13px;padding:9px 15px;border-radius:999px;cursor:pointer;transition:.2s}.knowledge-filter:hover,.knowledge-filter.active{background:var(--navy);color:#fff}.knowledge-list{display:grid;gap:16px}.knowledge-card{position:relative;background:#fff;border:1px solid #ded6ca;border-left:4px solid var(--orange);padding:32px 36px 34px;min-height:176px;box-shadow:0 10px 22px rgba(24,40,58,.07);transition:transform .25s,box-shadow .25s}.knowledge-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(24,40,58,.13)}.knowledge-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.knowledge-label{font:11px var(--mono);letter-spacing:.1em;color:#d77e00}.knowledge-card time{font:12px var(--mono);color:#718196}.knowledge-card h3{font-size:25px;line-height:1.4;margin:0 0 10px;color:var(--ink);max-width:960px}.knowledge-card>p{color:#53677d;font-size:15px;line-height:1.8;max-width:930px;margin:0 160px 0 0}.knowledge-read{position:absolute;right:32px;bottom:32px;border:1px solid var(--orange);color:#c87400;background:#fffaf2;padding:11px 17px;font-size:12px}.knowledge-read span{margin-left:14px}.knowledge-empty{display:none;text-align:center;color:#77879a;padding:40px}.knowledge-empty.show{display:block}.article-hero{background:var(--navy);color:#fff;padding:145px 0 78px}.article-back{font:12px var(--mono);color:#9eafc1}.article-back:hover{color:var(--orange)}.article-meta{display:flex;gap:18px;align-items:center;margin-top:42px;color:var(--orange);font:11px var(--mono);letter-spacing:.1em}.article-meta time{color:#9eafc1}.article-hero h1{font-size:clamp(34px,4.8vw,62px);line-height:1.2;letter-spacing:-.04em;max-width:850px;margin:18px 0}.article-hero p{max-width:820px;color:#c0cad5;font-size:16px;line-height:1.85;margin:0}.article-section{background:var(--paper);padding:90px 0 120px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 290px;gap:80px;align-items:start}.article-body section{border-top:1px solid var(--line);padding:28px 0}.article-body section:first-child{border-top:0;padding-top:0}.article-body h2{font-size:25px;line-height:1.4;margin:0 0 12px}.article-body p{font-size:16px;color:#637286;line-height:2;margin:0}.article-callout{margin-top:28px;padding:25px;background:var(--cream);border-left:3px solid var(--orange)}.article-callout strong{font-size:18px}.article-callout p{font-size:13px;line-height:1.8;margin:8px 0 13px}.article-callout a{font-size:13px;font-weight:700;color:#c87800}.aside-card{background:var(--navy);color:#fff;padding:25px;box-shadow:10px 10px 0 rgba(255,153,0,.16)}.aside-card h3{font-size:22px;line-height:1.45;margin:10px 0}.aside-card p:not(.kicker){font-size:13px;line-height:1.75;color:#aeb9c7}.aside-card .btn{margin-top:8px}.aside-back{display:block;margin-top:25px;color:#526277}
.knowledge-pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:34px}.knowledge-pagination .pagination-controls{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.knowledge-pagination .page-numbers{display:flex;align-items:center;gap:7px}.knowledge-pagination button{width:38px;height:38px;border:1px solid #d8d0c4;background:#fff;color:#607187;font:11px var(--mono);cursor:pointer;transition:.2s}.knowledge-pagination button:hover,.knowledge-pagination button.active{border-color:var(--navy);background:var(--navy);color:#fff}.knowledge-pagination .page-arrow{font-size:16px;color:var(--orange)}.knowledge-pagination .page-arrow:hover{background:var(--orange);border-color:var(--orange);color:var(--navy)}
.knowledge-pagination .page-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:24px;height:38px;color:#607187;font:11px var(--mono)}
.knowledge-pagination .total-count{color:#718196;font-size:12px;white-space:nowrap;margin-left:5px}.knowledge-pagination .pagination-jump{display:inline-flex;align-items:center;gap:4px;margin-left:4px}.knowledge-pagination .pagination-jump-input{width:44px;height:30px;padding:0 4px;border:1px solid #d9d9d9;border-radius:4px;text-align:center;font-size:12px;color:#333;background:#fff}.knowledge-pagination .pagination-jump-input:focus{outline:none;border-color:var(--orange)}.knowledge-pagination .pagination-jump-btn{width:auto;min-width:38px;height:30px;padding:0 8px;border:1px solid var(--orange);border-radius:4px;background:#fff;color:var(--orange);font:12px var(--sans);cursor:pointer}
@media(max-width:650px){.knowledge-pagination .page-ellipsis{width:18px;height:34px}}
.case-library-section{background:#f7f2e9;padding:92px 0 100px;border-top:1px solid #eee5d8}.case-library-section .section-head{margin-bottom:30px}.case-list{display:grid;gap:16px}.case-list-card{position:relative;display:flex;justify-content:space-between;align-items:center;gap:30px;background:#fff;border:1px solid #ded6ca;border-left:4px solid var(--orange);padding:30px 36px;min-height:150px;transition:transform .25s,box-shadow .25s}.case-list-card:hover{transform:translateY(-4px);box-shadow:0 16px 28px rgba(24,40,58,.12)}.case-list-card h3{font-size:24px;line-height:1.4;margin:8px 0 7px;color:var(--ink)}.case-list-card p{font-size:15px;color:#53677d;line-height:1.8;margin:0;max-width:820px}.case-list-card .knowledge-read{position:static;flex:0 0 auto;background:#fffaf2}.article-richtext{font-size:16px;color:#637286;line-height:2}.article-richtext p{margin:0 0 1.15em}.article-richtext h2,.article-richtext h3{color:var(--ink);line-height:1.45;margin:1.5em 0 .6em}.article-richtext img{max-width:100%;height:auto;display:block;margin:22px auto}
.nav-cta{min-width:126px;height:46px;padding:0 14px 0 19px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#ffb43e 0%,#ff9208 100%);color:#162538;box-shadow:0 8px 18px rgba(255,145,0,.2);font-size:13px;letter-spacing:.01em;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.nav-cta span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:rgba(12,27,46,.12);color:#162538;font-size:14px;line-height:1;transition:transform .22s ease,background .22s ease,color .22s ease}.nav-cta:hover{background:var(--navy);color:#fff;box-shadow:0 10px 24px rgba(12,27,46,.22);transform:translateY(-2px)}.nav-cta:hover span{background:var(--orange);color:#162538;transform:translate(2px,-2px)}.nav-cta:focus-visible{outline:3px solid rgba(255,153,0,.4);outline-offset:3px}
.brand img{content:url("static/logo_transparent.png")}
.contact-section{padding:52px 0}.contact-inner{gap:54px}.contact-section h2{font-size:clamp(34px,3.5vw,48px);line-height:1.13;margin-bottom:16px}.contact-section p:not(.kicker){font-size:13px;line-height:1.7}.contact-card{max-width:340px;padding:24px 26px}.phone{font-size:26px;margin:7px 0}.contact-card>p:not(.contact-label){margin-bottom:16px}
.contact-card{background:#08172b;border:1px solid rgba(255,255,255,.14);box-shadow:12px 12px 0 rgba(116,65,7,.28),0 16px 28px rgba(12,27,46,.16)}.contact-card .contact-label{color:#ffc466!important;font-size:11px;letter-spacing:.16em}.contact-card .phone{color:#ffb033;font-weight:700;text-shadow:0 0 14px rgba(255,176,51,.16)}.contact-card>p:not(.contact-label){color:#d3dce8!important}.contact-card .btn-orange{background:#ffad2f;color:#0b1b2d;box-shadow:0 8px 18px rgba(255,173,47,.18)}
.appeals-section .filter{color:#536276;border-color:#cfc8bd;background:#fff}.appeals-section .filter:hover,.appeals-section .filter.active{color:#fff;background:var(--ink);border-color:var(--ink)}.appeals-section .appeal-card h3{font-weight:800;color:#18283a}.appeals-section .appeal-card p{color:#52657a;font-size:14px;line-height:1.75}.appeals-section .appeal-card.featured h3{color:#fff}.appeals-section .appeal-card.featured p{color:#d4deea}.appeals-section .card-tags span{color:#586a7e;border-color:#d2cbc1}.appeals-section .featured .card-tags span{color:#d5deea;border-color:#52647a}.appeals-section .appeal-more{color:#607287}.appeals-section .appeal-more a{color:#243448}
.hero h1{font-size:clamp(38px,4.6vw,64px);line-height:1.14;letter-spacing:-.035em}.page-hero h1{font-size:clamp(38px,4.7vw,62px);line-height:1.16;letter-spacing:-.035em}.page-hero p:not(.eyebrow){font-size:15px}
.footer-top{align-items:flex-start}.footer-brand{width:340px;min-width:280px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-right:35px}.footer-brand img{content:url("static/logo_transparent.png");width:178px;mix-blend-mode:normal!important;filter:grayscale(1) brightness(0) invert(1)!important;opacity:.92;background:transparent;padding:0;border-radius:0;box-shadow:none}.footer-brand::after{content:none}.footer-about{display:block;max-width:300px;color:#8f9dad;font-size:13px;line-height:1.85;letter-spacing:.01em;margin:0}.footer-links{flex:1;justify-content:flex-end}.footer-links>div{min-width:130px}
.footer-links{display:grid;grid-template-columns:110px minmax(210px,1fr) 130px 150px;gap:24px;align-items:start}.footer-links>div{min-width:0}.footer-links .footer-contact{min-width:0;margin:0;padding:0;border:0}.footer-qr-col{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%}.footer-qr{display:block;width:132px;height:132px;object-fit:cover;margin-top:0;padding:6px;background:#fff;border-radius:8px;box-shadow:0 5px 14px rgba(0,0,0,.16)}.footer-qr-caption{width:150px;margin:12px 0 0;text-align:center;color:#ffb033;font-size:12px;line-height:1.55}.footer-qr-caption span{color:#97a5b6;font-size:10px;letter-spacing:.01em}
@media(max-width:650px){.page-hero{padding:130px 0 75px}.hero h1,.page-hero h1{font-size:42px;line-height:1.15}.page-hero h1{font-size:42px}.home-links{grid-template-columns:1fr}.home-link{gap:13px}.case-proof{grid-template-columns:auto 1fr;gap:10px 15px}.case-proof strong{font-size:23px}.site-footer{padding:40px 0 18px}.footer-brand{width:auto;min-width:0;margin:0 0 26px;gap:14px}.footer-brand img{width:154px}.footer-about{max-width:100%;font-size:12px;line-height:1.75}.footer-links{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px 24px;margin-top:0;justify-content:initial}.footer-links>div,.footer-links .footer-contact{min-width:0}.footer-links .footer-contact{grid-column:1;grid-row:2;margin:0;padding:18px 0 0;border-top:1px solid rgba(148,163,184,.22)}.footer-links>div:nth-child(2){grid-column:2;grid-row:1}.footer-links>div:first-child{grid-column:1;grid-row:1}.footer-links p{line-height:1.65}.footer-qr-col{grid-column:2;grid-row:2;justify-content:flex-start;align-items:center;padding-top:18px;border-top:1px solid rgba(148,163,184,.22)}.footer-qr{width:104px;height:104px}.footer-qr-caption{width:128px;margin-top:9px;font-size:11px}.footer-qr-caption span{font-size:9px}}
@media(max-width:650px){.knowledge-pagination{margin-top:26px}.knowledge-pagination button{width:34px;height:34px}}
@media(max-width:650px){.case-library-section{padding:78px 0 82px}.case-list-card{display:block;padding:21px 19px}.case-list-card h3{font-size:18px}.case-list-card p{font-size:13px}.case-list-card .knowledge-read{display:inline-block;margin-top:16px}}
@media(max-width:650px){.knowledge-card{min-height:0;padding:24px 22px 25px}.knowledge-card h3{font-size:20px}.knowledge-card>p{font-size:14px;margin-right:0}.knowledge-read{position:static;display:inline-block;margin-top:16px}.case-list-card{min-height:0;padding:25px 22px}.case-list-card h3{font-size:20px}.case-list-card p{font-size:14px}}
.hero h1{font-size:clamp(34px,3.2vw,50px);line-height:1.16}.page-hero h1{font-size:clamp(34px,3.3vw,50px);line-height:1.18}.about-main h2,.section-head h2,.contact-section h2,.knowledge-library-head h2{font-size:clamp(30px,2.8vw,44px);line-height:1.2}.article-hero h1{font-size:clamp(32px,3.2vw,50px)}
@media(max-width:650px){.hero h1,.page-hero h1{font-size:38px}.about-main h2,.section-head h2,.contact-section h2,.knowledge-library-head h2{font-size:34px}.article-hero h1{font-size:34px}}
@media(max-width:650px){.knowledge-library{padding-top:75px;padding-bottom:80px}.knowledge-library-head{display:block;margin-bottom:28px}.knowledge-library-head>p{margin-top:17px}.knowledge-card{padding:21px 19px 24px}.knowledge-card h3{font-size:18px}.knowledge-card>p{font-size:13px;margin-right:0}.knowledge-read{position:static;display:inline-block;margin-top:17px}.article-hero{padding:120px 0 58px}.article-meta{margin-top:30px}.article-hero h1{font-size:36px}.article-hero p{font-size:14px}.article-section{padding:64px 0 80px}.article-layout{display:block}.article-body h2{font-size:22px}.article-body p{font-size:14px}.article-aside{margin-top:42px}.aside-card{padding:22px}.knowledge-tabs{gap:4px}}

/* Unified display type scale: keep the key message readable without oversized blocks. */
.hero h1,
.page-hero h1,
.article-hero h1{
  font-size:clamp(32px,2.8vw,46px);
  line-height:1.2;
}
.knowledge-empty.show{display:block;min-height:96px;padding:34px 20px;border:1px dashed #d6cdbc;background:rgba(255,255,255,.45);color:#718196;font-size:14px;line-height:1.7}
.mock-data-note{margin:0 0 14px;padding:9px 12px;border-left:3px solid #f0a62b;background:#fff7e8;color:#8b682f;font-size:11px;line-height:1.6}
.knowledge-pagination button:disabled,
.knowledge-pagination button:disabled:hover{opacity:.38;cursor:not-allowed;background:#f7f4ef;color:#a7a095;border-color:#ddd7cc}
.knowledge-pagination .page-number.current-page,
.knowledge-pagination .page-number.current-page:disabled{opacity:1;cursor:default;border-color:var(--navy);background:var(--navy);color:#fff}

/* The about-page section label was removed; let the profile and quote use the full two-column layout. */
.about-layout{grid-template-columns:minmax(0,1fr) 290px}
@media(max-width:900px){
  .about-layout{grid-template-columns:1fr}
  .about-aside{grid-column:auto}
}

/* Footer legal / friendly-link panel inspired by the reference site's compact bottom bar. */
.footer-bottom{display:block!important;margin-top:42px;padding-top:0;border-top:1px solid rgba(148,163,184,.25);font-family:var(--sans);font-size:11px;color:#8997a8}
.footer-bottom-main{display:flex;justify-content:space-between;gap:24px;padding:18px 0 14px}
.footer-record{color:#aeb9c7;white-space:nowrap}
.footer-bottom-main span:last-child{color:#ffb033;white-space:nowrap}
.footer-site-links,.footer-friendly{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;line-height:1.7;padding:10px 0;border-top:1px solid rgba(148,163,184,.12)}
.footer-site-links a,.footer-friendly a{color:#aeb9c7;transition:color .2s ease}
.footer-site-links a:hover,.footer-friendly a:hover{color:#ffb033}
.footer-site-links a+a,.footer-friendly a+a{border-left:1px solid rgba(148,163,184,.35);margin-left:12px;padding-left:12px}
.footer-friendly{justify-content:flex-start;color:#c3ccd7;padding:12px 0 4px}
.footer-friendly span{color:#ffb033;margin-right:12px;font-weight:700}
.article-aside{transform:translateX(24px)}
.brand-tag{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.02em;color:#506176;line-height:1.35;opacity:1;max-width:360px;white-space:normal}
.eyebrow,
.image-banner-carousel .carousel-copy .eyebrow,
.security-carousel .carousel-copy .eyebrow{
  font-family:var(--sans);
  font-weight:600;
  letter-spacing:.08em;
  text-transform:none;
}
@media(min-width:651px){
  .article-layout{grid-template-columns:minmax(0,820px) 260px;gap:56px}
  .article-aside{transform:translateX(clamp(150px,11vw,220px))}
}
@media(max-width:650px){
  .footer-bottom{margin-top:32px;font-size:10px}
  .footer-bottom-main{display:grid;gap:4px;padding:15px 0 12px;line-height:1.75}
  .footer-bottom-main span{display:block}
  .footer-bottom-main span+span,.footer-bottom-main span:last-child{margin-top:0}
  .footer-site-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;line-height:1.5;padding:12px 0;gap:0}
  .footer-site-links a{text-align:center;padding:3px 7px}
  .footer-site-links a+a{margin-left:0;padding-left:7px}
  .footer-site-links a:nth-child(3n+1){border-left:0}
  .footer-friendly{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;justify-content:stretch;gap:7px 16px;line-height:1.55;padding:13px 0 3px}
  .footer-friendly span{grid-column:1/-1;margin:0 0 2px}
  .footer-friendly a,.footer-friendly a+a{margin:0;padding:2px 0;border:0}
  .article-aside{transform:none}
}
.about-main h2,
.section-head h2,
.contact-section h2,
.knowledge-library-head h2{
  font-size:clamp(28px,2.45vw,40px);
  line-height:1.24;
}

@media(max-width:650px){
  .hero h1,
  .page-hero h1,
  .article-hero h1{font-size:34px;line-height:1.22}
  .about-main h2,
  .section-head h2,
  .contact-section h2,
  .knowledge-library-head h2{font-size:30px;line-height:1.28}
}

/* Homepage banner carousel. The SVG artwork is local so the first screen remains
   useful even when external font/image requests are unavailable. */
.hero-carousel{
  min-height:clamp(600px,78vh,760px);
  padding-top:80px;
  isolation:isolate;
}
.hero-carousel .hero-grid,
.hero-carousel .hero-orbit{z-index:1;pointer-events:none}
.carousel-viewport{position:absolute;inset:0;z-index:0;overflow:hidden}
.carousel-track{position:relative;width:100%;height:100%}
.carousel-slide{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .72s ease,visibility 0s linear .72s;
}
.carousel-slide.is-active{
  z-index:1;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition-delay:0s;
}
.carousel-slide::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(7,18,32,.98) 0%,rgba(7,18,32,.9) 27%,rgba(7,18,32,.56) 54%,rgba(7,18,32,.18) 82%,rgba(7,18,32,.54) 100%),
    linear-gradient(180deg,rgba(7,18,32,.12),rgba(7,18,32,.38));
}
.carousel-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:.94;
  transform:scale(1.02);
  transition:transform 7s cubic-bezier(.18,.67,.32,1);
}
.carousel-slide.is-active .carousel-image{transform:scale(1.08)}
.carousel-inner{
  position:relative;
  z-index:2;
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:42px;
}
.hero-carousel .carousel-copy{max-width:660px}
.hero-carousel .carousel-copy h1{margin-top:24px;margin-bottom:22px}
.hero-carousel .carousel-copy .hero-sub{max-width:590px}
.image-banner-carousel{width:100%;height:calc(100vh - 80px);min-height:0;margin-top:80px;padding-top:0;background:var(--paper);display:flex;align-items:center;justify-content:center}
.image-banner-carousel::after{display:none}
.image-banner-carousel .hero-grid,.image-banner-carousel .hero-orbit{display:none}
.image-banner-carousel .carousel-slide::after{display:none}
.image-banner-carousel .carousel-slide{justify-content:center}
.image-banner-carousel .carousel-image,.image-banner-carousel .carousel-slide.is-active .carousel-image{
  position:relative;
  inset:auto;
  width:min(1100px,calc(100% - 128px));
  height:auto;
  max-height:calc(100% - 120px);
  object-fit:contain;
  object-position:center;
  opacity:1;
  transform:none;
  transition:none;
  background:transparent;
  border-radius:3px;
  box-shadow:0 18px 42px rgba(12,27,46,.12);
}
.image-banner-carousel .carousel-inner{display:none}
.image-banner-carousel .hero-scroll{display:none}
.image-banner-carousel .carousel-ui{
  display:flex;
  width:auto;
  left:50%;
  bottom:18px;
  gap:0;
  padding:8px 13px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(12,27,46,.58);
  backdrop-filter:blur(10px);
}
.image-banner-carousel .carousel-nav{display:none}
.image-banner-carousel .carousel-indicators{gap:8px}
.carousel-badge{
  width:132px;
  height:132px;
  flex:0 0 132px;
  align-self:flex-end;
  margin:0 18px 128px 0;
  border:1px solid rgba(255,153,0,.82);
  border-radius:50%;
  display:grid;
  place-items:center;
  align-content:center;
  gap:1px;
  background:rgba(12,27,46,.72);
  backdrop-filter:blur(8px);
  box-shadow:0 0 0 9px rgba(255,153,0,.08),0 18px 35px rgba(0,0,0,.2);
  transform:rotate(-11deg);
}
.carousel-badge .live-dot{width:6px;height:6px;margin-bottom:3px}
.carousel-badge strong{font:700 32px var(--mono);line-height:1;color:var(--orange)}
.carousel-badge small{font-size:11px;color:#d1dae4;white-space:nowrap}
.carousel-ui{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:30px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  pointer-events:none;
}
.carousel-indicators,.carousel-nav{display:flex;align-items:center;gap:8px;pointer-events:auto}
.carousel-toggle{
  width:42px;
  height:42px;
  padding:0;
  border:1px solid rgba(255,255,255,.38);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(12,27,46,.36);
  color:#fff;
  font-size:14px;
  line-height:1;
  cursor:pointer;
  transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease;
}
.carousel-toggle:hover{background:var(--orange);border-color:var(--orange);color:var(--ink);transform:translateY(-2px)}
.carousel-dot{
  width:28px;
  height:4px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.35);
  cursor:pointer;
  transition:width .25s ease,background .25s ease,opacity .25s ease;
}
.carousel-dot:hover{background:rgba(255,255,255,.78)}
.carousel-dot.is-active{width:54px;background:var(--orange)}
.carousel-dot:focus-visible,.carousel-arrow:focus-visible,.carousel-toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}
.carousel-arrow{
  width:42px;
  height:42px;
  padding:0;
  border:1px solid rgba(255,255,255,.38);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(12,27,46,.36);
  color:#fff;
  font-size:18px;
  line-height:1;
  cursor:pointer;
  transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease;
}
.carousel-arrow:hover{background:var(--orange);border-color:var(--orange);color:var(--ink);transform:translateY(-2px)}
.hero-carousel .hero-scroll{
  z-index:4;
  left:max(24px,calc((100% - 1160px)/2));
  bottom:35px;
  transform:none;
}
@media(max-width:900px){
  .hero-carousel{min-height:700px}
  .carousel-inner{gap:24px}
  .carousel-badge{margin-right:0;margin-bottom:120px}
  .hero-carousel .hero-scroll{left:24px}
}
@media(max-width:650px){
  .hero-carousel{min-height:650px;padding-top:68px}
  .image-banner-carousel{height:auto;aspect-ratio:3 / 2;min-height:0;margin-top:68px;padding-top:0}
  .carousel-slide::after{
    background:
      linear-gradient(90deg,rgba(7,18,32,.98) 0%,rgba(7,18,32,.88) 48%,rgba(7,18,32,.5) 100%),
      linear-gradient(180deg,rgba(7,18,32,.25),rgba(7,18,32,.5));
  }
  .carousel-image{object-position:70% center;opacity:.66}
  .carousel-inner{align-items:flex-start;padding-top:60px;padding-bottom:92px;min-height:100%}
  .hero-carousel .carousel-copy{max-width:100%}
  .hero-carousel .carousel-copy h1{margin-top:18px;margin-bottom:16px}
  .hero-carousel .carousel-copy .hero-sub{font-size:14px;line-height:1.8}
  .hero-carousel .hero-actions{margin-top:26px;gap:16px}
  .carousel-badge{display:none}
  .carousel-ui{width:calc(100% - 32px);bottom:20px;gap:12px}
  .carousel-dot{width:22px}
  .carousel-dot.is-active{width:42px}
  .carousel-arrow,.carousel-toggle{width:36px;height:36px;font-size:16px}
  .hero-carousel .hero-scroll{display:none}
}
@media(prefers-reduced-motion:reduce){
  .carousel-slide{transition:none}
  .carousel-image,.carousel-slide.is-active .carousel-image{transform:none;transition:none}
  .carousel-dot,.carousel-arrow,.carousel-toggle{transition:none}
}

/* Section hierarchy: make the highlighted service/category label the primary cue,
   while keeping the supporting headline compact and easy to scan. */
.kicker{
  font-family:var(--sans);
  font-size:clamp(24px,2.1vw,30px);
  font-weight:800;
  letter-spacing:.04em;
  line-height:1.35;
}
.section-head h2,
.about-main h2,
.contact-section h2,
.knowledge-library-head h2{
  font-size:clamp(23px,1.95vw,28px);
  line-height:1.25;
}
@media(max-width:650px){
  .kicker{font-size:24px}
  .section-head h2,
  .about-main h2,
  .contact-section h2,
  .knowledge-library-head h2{font-size:22px;line-height:1.3}
}

/* Match the highlighted block titles to the compact supporting-copy scale. */
.section-head h2,
.about-main h2,
.contact-section h2,
.knowledge-library-head h2{
  font-size:14px;
  line-height:1.7;
  letter-spacing:.02em;
  font-weight:700;
}

/* Homepage content modules. */
.services-section{background:var(--paper)}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.service-card{display:flex;flex-direction:column;min-height:250px;padding:26px 24px 24px;background:#fff;border:1px solid var(--line);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.service-card:hover{transform:translateY(-6px);border-color:var(--orange);box-shadow:0 16px 30px rgba(24,40,58,.1)}
.service-no{display:inline-flex;align-items:center;width:max-content;font:700 12px/1.2 var(--sans);letter-spacing:.08em;color:#c87400;text-transform:uppercase}
.service-card h3{font-size:23px;line-height:1.35;margin:27px 0 10px}
.service-card p{margin:0;color:#68788b;font-size:14px;line-height:1.8}
.service-card a{margin-top:auto;padding-top:22px;color:var(--ink);font-size:12px;font-weight:700}
.service-card a span{color:var(--orange);margin-left:8px}
.service-visuals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}
.service-visual{position:relative;min-height:206px;margin:0;overflow:hidden;background:#0c1b2e;border-radius:7px;isolation:isolate}
.service-visual::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,18,32,.04) 20%,rgba(7,18,32,.88) 100%)}
.service-visual img{display:block;width:100%;height:100%;min-height:206px;object-fit:cover;object-position:center;filter:saturate(.82);transform:scale(1.02);transition:transform .45s ease,filter .45s ease}
.service-visual:hover img{transform:scale(1.07);filter:saturate(1)}
.service-visual figcaption{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;color:#fff}
.service-visual figcaption span{display:block;margin-bottom:7px;color:#ffb347;font:10px var(--mono);letter-spacing:.12em}
.service-visual figcaption strong{display:block;font-size:19px;line-height:1.4;font-weight:800}
.service-visual figcaption small{display:block;margin-top:5px;color:#c7d1dc;font-size:12px;line-height:1.55}
.advantage-section{padding:92px 0 96px;background:#fff8ee}
.module-showcase-head{text-align:center;margin:0 auto 54px}
.module-showcase-head h2{margin:0 0 9px!important;color:#ff9418!important;font-size:36px!important;line-height:1.3!important;letter-spacing:0!important;font-weight:900!important}
.module-showcase-head p{margin:0 auto;color:#718096;font-size:14px;line-height:1.8}
.advantage-grid-six{grid-template-columns:repeat(3,1fr);margin-top:0;gap:30px 18px}
.advantage-grid-six .advantage{min-height:188px;padding:25px 24px 23px;background:#fff;border:1px solid #e5e7ea;border-top:3px solid #ff9418;border-radius:8px;box-shadow:0 12px 24px rgba(39,53,68,.08);transition:transform .25s ease,box-shadow .25s ease}
.advantage-grid-six .advantage:hover{transform:translateY(-4px);box-shadow:0 17px 30px rgba(39,53,68,.12)}
.advantage-grid-six .adv-no{font:600 13px/1.4 var(--sans);letter-spacing:.06em;color:#ff8500}
.advantage-grid-six h3{margin:15px 0 7px;font-size:21px;line-height:1.45;color:#0c1b2e}
.advantage-grid-six p{font-size:14px;line-height:1.75;color:#68798e}
.process-section{padding:94px 0 88px;background:#f0f6fb;color:var(--ink)}
.process-section .module-showcase-head{margin-bottom:62px}
.process-section .home-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;position:relative}
.process-section .home-flow::before{content:"";position:absolute;left:12%;right:12%;top:28px;height:1px;background:#d2dce6}
.process-section .flow-step{display:flex;flex-direction:column;align-items:center;gap:0;min-height:208px;padding:20px 22px 18px;text-align:center;background:#fff;border:1px solid #d8e1ea;border-radius:8px;box-shadow:0 11px 22px rgba(38,62,86,.07)}
.process-section .flow-index{padding:0;color:#718399;font:10px var(--mono);z-index:1}
.process-section .flow-node{width:46px;height:46px;margin:11px 0 13px;border:1px solid #d8cfc3;border-radius:50%;background:#fffdf9;color:#ff8c0a;font-size:19px;z-index:1}
.process-section .flow-node svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.process-section .flow-node{box-shadow:0 3px 10px rgba(38,62,86,.06);transition:color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.process-section .flow-step:hover .flow-node{color:#d97f00;border-color:#e6b16a;box-shadow:0 6px 14px rgba(38,62,86,.1);transform:translateY(-1px)}
.process-section .flow-step h3{margin:0 0 7px;color:#0d2136;font-size:18px;line-height:1.45}
.process-section .flow-step p{margin:0;color:#687c91;font-size:13px;line-height:1.75}
.process-visual{position:relative;min-height:154px;margin:26px 0 0;overflow:hidden;border:1px solid #d8e1ea;border-radius:7px;background:#0c1b2e;isolation:isolate}
.process-visual::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,18,32,.82) 0%,rgba(7,18,32,.42) 45%,rgba(7,18,32,.14) 100%)}
.process-visual img{display:block;width:100%;height:154px;object-fit:cover;object-position:center 57%;filter:saturate(.78);transition:transform .45s ease,filter .45s ease}
.process-visual:hover img{transform:scale(1.04);filter:saturate(1)}
.process-visual figcaption{position:absolute;left:24px;top:50%;z-index:2;transform:translateY(-50%);color:#fff}
.process-visual figcaption span{display:block;margin-bottom:7px;color:#ffb347;font:10px var(--mono);letter-spacing:.12em}
.process-visual figcaption strong{font-size:20px;line-height:1.4;font-weight:800}
.process-support-head{
  margin:34px 0 18px;
  padding-top:26px;
  border-top:1px solid #d8e1ea;
}
.process-support-head .module-kicker{
  margin:0;
  color:var(--orange);
  font-family:var(--sans);
  font-size:var(--section-kicker-size,clamp(24px,2.1vw,30px));
  font-weight:800;
  letter-spacing:.04em;
  line-height:1.35;
}
.process-promise{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:28px;padding:18px 24px;border:1px solid #d8e1ea;border-radius:7px;background:rgba(255,255,255,.72)}
.promise-label{display:block;color:#d47d14;font:600 11px/1.45 var(--sans);letter-spacing:.08em}
.process-promise h3{margin:8px 0 4px;font-size:20px;line-height:1.4}
.process-promise p{margin:0;color:#687c91;font-size:13px}
.process-promise-terms{display:flex;flex-direction:column;align-items:flex-end;gap:5px;white-space:nowrap}
.process-promise-terms strong{font-size:18px;color:var(--orange)}
.process-promise-terms span{font-size:12px;color:#687c91}
.home-platform-section{padding:86px 0 96px;background:#eef8f5}
.platform-showcase-head{text-align:center;margin-bottom:42px}
.platform-showcase-head h2{margin:0 0 12px;color:#ff8f13;font:500 11px/1.4 var(--mono);letter-spacing:.14em}
.platform-showcase-head p{margin:0;color:#687b90;font-size:14px;line-height:1.8}
.platform-brand-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px}
.platform-brand-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:152px;background:#fff;border:1px solid #d5d2ca;border-radius:7px;box-shadow:inset 0 0 0 7px #f9faf9;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.platform-brand-card:hover{transform:translateY(-3px);border-color:#ff9b27;box-shadow:inset 0 0 0 7px #fff9ef,0 10px 20px rgba(45,67,64,.08)}
.platform-brand-card>span{margin-top:7px;color:#738090;font:10px/1.4 var(--sans)}
.platform-logo-image{display:block;width:80px;height:80px;object-fit:contain;object-position:center}
.contact-section .kicker{color:var(--ink)}
.home-cases-section{background:var(--paper);padding-top:110px}
.home-case-grid{margin-top:0}
.home-case-grid .case-card{height:100%}
.platform-section{background:var(--cream)}
.platform-section .section-head{margin-bottom:30px}
.platform-list-light{display:flex;gap:12px;flex-wrap:wrap}
.platform-list-light span{padding:11px 18px;border:1px solid #d7d0c3;border-radius:4px;background:#fff;color:var(--ink);font-size:13px;transition:border-color .2s ease,transform .2s ease}
.platform-list-light span:hover{border-color:var(--orange);transform:translateY(-2px)}
.platform-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.platform-notes article{padding:18px 20px;background:#fff;border:1px solid var(--line)}
.platform-notes strong{display:block;font-size:15px;color:var(--ink);margin-bottom:7px}
.platform-notes p{margin:0;color:#68788b;font-size:13px;line-height:1.75}
.positioning-section{background:var(--paper)}
.positioning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.position-card{padding:28px 24px;background:var(--cream);border:1px solid var(--line);min-height:205px}
.position-card span{font:600 12px/1.4 var(--sans);color:#d27a00;letter-spacing:.04em}
.position-card h3{font-size:21px;line-height:1.4;margin:25px 0 9px}
.position-card p{margin:0;color:#68788b;font-size:14px;line-height:1.8}
.about-advantage-section{background:var(--cream)}
.about-platform-section{background:var(--paper)}
.about-section .about-layout{display:block}
.about-section .about-main{max-width:830px}
.about-promise-band{background:var(--navy);color:#fff}
.about-promise-inner{min-height:138px;display:grid;grid-template-columns:190px minmax(250px,.9fr) minmax(360px,1.3fr);align-items:center;gap:34px}
.about-promise-label{display:flex;align-items:center;gap:14px}
.about-promise-label div{display:flex;flex-direction:column;gap:2px}
.about-promise-label strong{font-size:14px}
.about-promise-label small{color:#71849a;font:9px var(--mono);letter-spacing:.1em}
.about-promise-values,.about-promise-terms{margin:0;padding-left:34px;border-left:1px solid rgba(174,193,212,.2)}
.about-promise-values{color:var(--orange);font-size:21px;font-weight:800;white-space:nowrap}
.about-promise-terms{display:flex;align-items:center;gap:14px;color:#d3dce6;font-size:15px;font-weight:600;white-space:nowrap}
.about-promise-terms i{width:4px;height:4px;border-radius:50%;background:var(--orange)}
.appeal-faq-section{background:var(--cream);padding-top:96px;padding-bottom:104px}
.appeal-faq-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:86px;align-items:start}
.appeal-faq-intro{position:sticky;top:112px}
.appeal-faq-intro .kicker{font-size:clamp(25px,2.2vw,32px);line-height:1.35;letter-spacing:.02em;margin-bottom:14px}
.appeal-faq-intro h2{font-size:22px;line-height:1.55;margin:0 0 16px;color:var(--ink)}
.appeal-faq-intro h2 span{color:var(--orange)}
.appeal-faq-intro>p{margin:0;color:#68788b;font-size:14px;line-height:1.9}
.appeal-faq-list{border-top:1px solid #d8d1c6}
.appeal-faq-item{border-bottom:1px solid #d8d1c6}
.appeal-faq-item summary{display:flex;align-items:center;gap:17px;min-height:72px;padding:18px 46px 18px 0;position:relative;cursor:pointer;list-style:none;color:var(--ink);font-size:16px;font-weight:700;line-height:1.55}
.appeal-faq-item summary::-webkit-details-marker{display:none}
.appeal-faq-item summary span{flex:0 0 auto;color:#c97600;font:600 12px/1.4 var(--sans);letter-spacing:.04em}
.appeal-faq-item summary::after{display:none}
.faq-toggle-icon{
  position:absolute;
  right:4px;
  top:50%;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid #cfc6b9;
  border-radius:50%;
  color:#5c6c7e;
  background:transparent;
  font:400 18px/1 Arial,sans-serif;
  transform:translateY(-50%) rotate(0deg);
  transform-origin:center;
  transition:background .28s ease,border-color .28s ease,color .28s ease,transform .38s cubic-bezier(.2,.75,.25,1);
}
.faq-toggle-icon.is-open{
  background:var(--orange);
  border-color:var(--orange);
  color:var(--navy);
  transform:translateY(-50%) rotate(180deg);
}
.appeal-faq-item summary:hover .faq-toggle-icon{border-color:var(--orange)}
.appeal-faq-item[open] .appeal-faq-answer{animation:faq-answer-in .34s ease both}
@keyframes faq-answer-in{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}
.appeal-faq-item summary:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.appeal-faq-answer{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:0 48px 22px 28px}
.appeal-faq-answer strong{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-size:11px}
.appeal-faq-answer p{margin:0;color:#68788b;font-size:14px;line-height:1.85}
.case-news-section{padding-bottom:78px}
.case-highlights{padding-top:0;background:var(--paper)}
.case-highlights .case-grid{margin-top:0}
.testimonials-section{background:var(--cream);padding-top:96px;padding-bottom:108px}
.testimonial-head{margin-bottom:34px}
.testimonial-head h2{font-size:14px!important;line-height:1.7!important;letter-spacing:.02em!important;font-weight:700!important;margin:0!important}
.testimonial-head h2 span{color:var(--orange)}
.testimonial-head .section-intro{max-width:330px;margin-bottom:2px}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.testimonial-card{position:relative;display:flex;flex-direction:column;min-height:270px;padding:28px 26px 23px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 25px rgba(24,40,58,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.testimonial-card:hover{transform:translateY(-5px);border-color:var(--orange);box-shadow:0 17px 32px rgba(24,40,58,.11)}
.testimonial-card-featured{background:var(--navy);border-color:var(--navy);color:#fff}
.testimonial-mark{height:33px;color:var(--orange);font:900 47px/1 Georgia,serif}
.testimonial-card blockquote{margin:12px 0 24px;font-size:15px;line-height:1.9;color:#53677d}
.testimonial-card-featured blockquote{color:#d0d9e3}
.testimonial-card footer{display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
.testimonial-card-featured footer{border-color:#3a4a5f}
.testimonial-card footer strong{font-size:13px;color:var(--ink)}
.testimonial-card-featured footer strong{color:#fff}
.testimonial-card footer span{font:11px var(--mono);color:#8997a8}
@media(max-width:900px){.testimonial-grid{grid-template-columns:1fr 1fr}.testimonial-card:last-child{grid-column:1/-1}}
@media(max-width:650px){.testimonials-section{padding-top:76px;padding-bottom:84px}.testimonial-head{display:block;margin-bottom:28px}.testimonial-head .section-intro{margin-top:16px}.testimonial-grid{grid-template-columns:1fr}.testimonial-card:last-child{grid-column:auto}.testimonial-card{min-height:0;padding:24px 21px 20px}.testimonial-card blockquote{font-size:14px;line-height:1.85}}
@media(max-width:900px){
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .service-visuals{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .service-visual{min-height:180px}
  .service-visual img{min-height:180px}
  .service-visual figcaption{left:16px;right:16px;bottom:16px}
  .service-visual figcaption strong{font-size:16px}
  .service-visual figcaption small{font-size:11px}
  .advantage-grid-six{grid-template-columns:repeat(2,1fr)}
  .process-section .home-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-section .home-flow::before{display:none}
  .platform-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .positioning-grid{grid-template-columns:1fr}
  .platform-notes{grid-template-columns:1fr}
  .about-promise-inner{grid-template-columns:150px 1fr;gap:22px;padding-top:24px;padding-bottom:24px}
  .about-promise-terms{grid-column:1/-1;padding:20px 0 0;border-left:0;border-top:1px solid rgba(174,193,212,.2)}
  .appeal-faq-layout{grid-template-columns:1fr;gap:38px}
  .appeal-faq-intro{position:static;max-width:620px}
}
@media(max-width:650px){
  .service-grid,.advantage-grid-six{grid-template-columns:1fr}
  .service-visuals{grid-template-columns:1fr;gap:12px;margin-top:24px}
  .service-visual,.service-visual img{min-height:178px;height:178px}
  .service-visual figcaption{left:18px;right:18px;bottom:16px}
  .service-visual figcaption strong{font-size:18px}
  .service-card{min-height:0;padding:23px 20px}
  .service-card h3{font-size:21px;margin-top:20px}
  .advantage-grid-six{gap:18px}
  .advantage-section,.process-section,.home-platform-section{padding:72px 0 78px}
  .module-showcase-head{margin-bottom:34px}
  .module-showcase-head h2{font-size:29px!important}
  .module-showcase-head p,.platform-showcase-head p{font-size:13px}
  .advantage-grid-six .advantage{min-height:0;padding:22px 20px}
  .advantage-grid-six h3{font-size:19px}
  .process-section .module-showcase-head{margin-bottom:36px}
  .process-section .home-flow{grid-template-columns:1fr;gap:14px}
  .process-section .flow-step{min-height:0;padding:19px 20px}
  .process-visual{min-height:156px;margin-top:20px}
  .process-visual img{height:156px;object-position:center center}
  .process-visual figcaption{left:18px;right:18px}
  .process-visual figcaption strong{font-size:18px}
  .process-support-head{margin:24px 0 14px;padding-top:20px}
  .process-support-head .module-kicker{font-size:24px}
  .process-promise{display:block;margin-top:0;padding:19px 18px}
  .process-promise-terms{align-items:flex-start;margin-top:16px;padding-top:14px;border-top:1px solid #d8e1ea}
  .platform-showcase-head{margin-bottom:30px}
  .platform-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .platform-brand-card{height:128px}
  .home-cases-section{padding-top:82px}
  .platform-list-light{gap:8px}
  .platform-list-light span{padding:9px 13px;font-size:12px}
  .about-promise-inner{display:block;padding-top:28px;padding-bottom:30px}
  .about-promise-values,.about-promise-terms{padding-left:0;border-left:0;white-space:normal}
  .about-promise-values{margin-top:20px;font-size:19px}
  .about-promise-terms{display:flex;flex-wrap:wrap;gap:9px 12px;margin-top:14px;padding-top:15px;border-top:1px solid rgba(174,193,212,.2);font-size:13px;line-height:1.7}
  .appeal-faq-section{padding-top:74px;padding-bottom:82px}
  .appeal-faq-layout{gap:30px}
  .appeal-faq-intro .kicker{font-size:24px}
  .appeal-faq-intro h2{font-size:18px}
  .appeal-faq-item summary{min-height:64px;padding:15px 40px 15px 0;font-size:14px;gap:12px}
  .appeal-faq-answer{grid-template-columns:24px 1fr;padding:0 38px 18px 0;gap:10px}
  .appeal-faq-answer p{font-size:13px;line-height:1.8}
}

/* Compact editorial list treatment for the knowledge and case pages. */
.page-hero-compact{padding:118px 0 64px;min-height:0}
.page-hero-compact:after{display:none}
.page-hero-compact h1{font-size:clamp(32px,4vw,48px);line-height:1.2;letter-spacing:-.02em;margin:18px 0 12px}
.page-hero-compact p:not(.eyebrow){font-size:14px;color:#b8c1cd}
.knowledge-library,.case-news-section{background:var(--paper);padding:64px 0 88px}
.knowledge-library-head{align-items:end;gap:32px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.knowledge-library-head .kicker{font-size:13px;letter-spacing:.08em;margin-bottom:8px}
.knowledge-library-head h2{font-size:28px!important;line-height:1.3!important;letter-spacing:-.01em!important;font-weight:800!important}
.knowledge-library-head h2 span{color:inherit}
.knowledge-library-head>p{font-size:13px;line-height:1.7;margin:0 0 3px}
.knowledge-tabs{border-bottom:0;padding:0;margin:0 0 16px}
.knowledge-filter{padding:7px 14px;font-size:12px;border:1px solid #d6d0c6;border-radius:4px}
.knowledge-filter:hover,.knowledge-filter.active{background:var(--navy);border-color:var(--navy)}
.knowledge-list{gap:10px}
.knowledge-card,.case-list-card{min-height:0;padding:22px 24px;border-left-width:3px;box-shadow:0 4px 14px rgba(24,40,58,.045)}
.knowledge-card:hover,.case-list-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(24,40,58,.08)}
.knowledge-card-top{margin-bottom:8px}
.knowledge-card h3,.case-list-card h3{font-size:19px;line-height:1.4;margin:0 0 6px}
.knowledge-card>p,.case-list-card p{font-size:13px;line-height:1.7;margin:0 145px 0 0}
.knowledge-read{right:24px;bottom:22px;padding:8px 12px;font-size:11px}
.case-news-section .knowledge-list{gap:10px}
.case-list-card{display:flex;align-items:center;gap:26px}
.case-list-card .knowledge-read{position:static;margin-left:auto;flex:0 0 auto}
.knowledge-read,
.knowledge-read span{
  font-family:var(--sans);
  font-size:12px;
  font-weight:500;
  line-height:1.45;
  letter-spacing:0;
}
@media(max-width:650px){
  .page-hero-compact{padding:104px 0 46px}
  .page-hero-compact h1{font-size:32px}
  .knowledge-library,.case-news-section{padding:46px 0 68px}
  .knowledge-library-head{display:block;padding-bottom:16px;margin-bottom:18px}
  .knowledge-library-head h2{font-size:24px!important}
  .knowledge-library-head>p{margin-top:8px}
  .knowledge-card,.case-list-card{padding:18px 18px 19px}
  .knowledge-card h3,.case-list-card h3{font-size:17px}
  .knowledge-card>p,.case-list-card p{font-size:13px;margin-right:0}
  .knowledge-read{position:static;display:inline-block;margin-top:12px}
  .case-list-card{display:block}
  .case-list-card .knowledge-read{display:inline-block;margin-top:12px}
}

/* Refined first-screen carousel: a calm navy copy panel paired with a cropped
   portrait image, keeping the orange accent and the controls intentionally quiet. */
.image-banner-carousel{
  height:clamp(500px,64vh,620px);
  min-height:500px;
  margin-top:80px;
  padding:0;
  display:block;
  background:var(--navy);
  color:#fff;
  overflow:hidden;
}
.image-banner-carousel .carousel-viewport{inset:0}
.image-banner-carousel .carousel-slide{display:block;overflow:hidden}
.image-banner-carousel .carousel-slide::after{
  display:block;
  background:linear-gradient(90deg,#0c1b2e 0%,#0c1b2e 35%,rgba(12,27,46,.94) 48%,rgba(12,27,46,.38) 70%,rgba(12,27,46,.06) 100%);
}
.image-banner-carousel .carousel-image,
.image-banner-carousel .carousel-slide.is-active .carousel-image{
  position:absolute;
  inset:0 0 0 42%;
  width:70%;
  height:100%;
  max-height:none;
  object-fit:cover;
  object-position:88% center;
  opacity:.92;
  transform:scale(1.2);
  transform-origin:right center;
  border-radius:0;
  box-shadow:none;
  transition:opacity .72s ease,transform 7s cubic-bezier(.18,.67,.32,1);
}
.image-banner-carousel .carousel-slide.is-active .carousel-image{transform:scale(1.26)}
.image-banner-carousel .carousel-inner{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:min(1160px,calc(100% - 48px));
  min-height:100%;
  margin:0 auto;
  padding:54px 0 72px;
}
.image-banner-carousel .carousel-copy{max-width:535px;position:relative;z-index:3}
.image-banner-carousel .carousel-copy .eyebrow{color:#ffbf5e;font-size:12px;letter-spacing:.08em}
.image-banner-carousel .carousel-copy h1{font-size:clamp(38px,4.2vw,62px);line-height:1.18;letter-spacing:-.04em;margin:22px 0 18px}
.image-banner-carousel .carousel-copy .hero-sub{max-width:500px;color:#b8c5d4;font-size:15px;line-height:1.9}
.image-banner-carousel .carousel-badge{display:none}
.image-banner-carousel .hero-scroll{display:none}
.image-banner-carousel .carousel-ui{
  width:auto;
  left:50%;
  bottom:22px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(12,27,46,.52);
  backdrop-filter:blur(10px);
  box-shadow:0 8px 24px rgba(0,0,0,.16);
}
.image-banner-carousel .carousel-nav{display:none}
.image-banner-carousel .carousel-indicators{gap:7px}
.image-banner-carousel .carousel-dot{width:24px;height:4px;background:rgba(255,255,255,.36)}
.image-banner-carousel .carousel-dot.is-active{width:42px;background:var(--orange)}
@media(max-width:900px){
  .image-banner-carousel .carousel-image,
  .image-banner-carousel .carousel-slide.is-active .carousel-image{inset:0 0 0 34%;width:78%;object-position:88% center}
  .image-banner-carousel .carousel-copy{max-width:490px}
}
@media(max-width:650px){
  .image-banner-carousel{height:auto;min-height:620px;aspect-ratio:auto;margin-top:68px}
  .image-banner-carousel .carousel-slide::after{background:linear-gradient(90deg,rgba(12,27,46,.98) 0%,rgba(12,27,46,.9) 55%,rgba(12,27,46,.64) 100%)}
  .image-banner-carousel .carousel-image,
  .image-banner-carousel .carousel-slide.is-active .carousel-image{inset:0;width:100%;height:100%;opacity:.3;transform:scale(1.12);object-position:75% center}
  .image-banner-carousel .carousel-inner{width:calc(100% - 32px);padding:70px 0 90px;align-items:flex-start}
  .image-banner-carousel .carousel-copy{max-width:100%}
  .image-banner-carousel .carousel-copy h1{font-size:38px;margin:18px 0 14px}
  .image-banner-carousel .carousel-copy .hero-sub{font-size:14px;line-height:1.8}
  .image-banner-carousel .carousel-ui{bottom:18px}
}

/* Security-led homepage carousel inspired by the account protection workflow. */
.security-carousel{
  height:calc(100svh - 80px);
  min-height:620px;
  margin-top:80px;
  padding:0;
  background-color:#0b1e33;
  background-image:none;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  color:#fff;
  isolation:isolate;
  overflow:hidden;
}
.security-carousel::after{display:none}
.security-carousel .hero-grid{
  display:block;
  z-index:0;
  opacity:.16;
  background-size:78px 78px;
  mask-image:none;
}
.security-carousel .hero-orbit{display:none}
.security-carousel .carousel-viewport{inset:0;z-index:2}
.security-carousel .carousel-slide{display:block}
.security-carousel .carousel-slide::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(90deg,rgba(11,30,51,.96) 0%,rgba(11,30,51,.86) 42%,rgba(11,30,51,.72) 100%),
    url('static/about.jpg');
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:1;
  transform:none;
  transition:none;
}
.security-carousel .carousel-slide.is-active::before{transform:none}
.security-carousel .carousel-slide::after{display:none}
.security-carousel .carousel-inner{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:100%;
  padding:42px 0 80px;
  position:relative;
  z-index:4;
}
.security-carousel .carousel-copy{width:52%;max-width:610px}
.security-carousel .carousel-copy .eyebrow{color:#ffb347;font-size:12px;letter-spacing:.12em}
.security-carousel .carousel-copy h1{margin:26px 0 20px;font-size:58px;line-height:1.16;letter-spacing:0;font-weight:900}
.security-carousel .carousel-copy h1 em{color:var(--orange)}
.hero-metrics{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#c5d0dd;font-size:15px}
.hero-metrics span{display:flex;align-items:center;gap:18px;white-space:nowrap}
.hero-metrics span+span::before{content:"";width:4px;height:4px;border-radius:50%;background:#71849a}
.security-carousel .hero-actions{margin-top:34px}
.security-carousel .btn-orange{border-radius:7px;padding:13px 19px;box-shadow:none}
.hero-signature{margin:34px 0 0;color:#60758d;font:10px var(--mono);letter-spacing:.18em}
.security-visual{position:absolute;z-index:3;left:calc(50% + 18px);top:50%;width:720px;height:520px;transform:translateY(-50%);pointer-events:none}
.security-globe{position:relative;width:100%;height:100%}
.globe-sphere{position:absolute;left:0;top:38px;width:560px;height:440px}
.globe-canvas{display:block;width:100%;height:100%;background:transparent}
.globe-chip{position:absolute;display:flex;align-items:center;gap:12px;min-width:160px;padding:13px 15px;background:#f7f9fb;color:#13263a;border:1px solid rgba(255,255,255,.85);border-radius:7px;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.globe-chip span{display:flex;flex-direction:column;gap:1px}
.globe-chip strong{font-size:13px}.globe-chip small{color:#7b8794;font:9px var(--mono);letter-spacing:.04em}
.globe-chip-risk{left:500px;right:auto;top:54px}
.globe-chip-result{left:520px;right:auto;top:210px}
.globe-status{position:absolute;left:500px;bottom:22px;min-width:176px;padding:14px 16px;border:1px solid rgba(167,192,215,.22);border-radius:7px;background:rgba(7,22,38,.82);box-shadow:0 12px 26px rgba(0,0,0,.18)}
.globe-status small{display:block;margin-bottom:6px;color:#f4a52a;font:9px var(--mono);letter-spacing:.14em}
.globe-status strong{display:flex;align-items:center;font-size:14px}
.security-carousel .carousel-ui{z-index:6;width:auto;left:50%;bottom:22px;gap:0;padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(5,17,30,.62);backdrop-filter:blur(8px)}
.security-carousel .carousel-nav{display:none}
.security-carousel .hero-scroll{display:none}
.security-carousel .carousel-indicators{gap:7px}
.security-carousel .carousel-dot{position:relative;width:24px;height:3px;overflow:hidden;background:rgba(255,255,255,.32)}
.security-carousel .carousel-dot.is-active{width:42px;background:rgba(255,255,255,.26)}
.security-carousel[data-autoplay="running"] .carousel-dot.is-active::after{content:"";position:absolute;inset:0;background:var(--orange);transform-origin:left center;animation:carouselAutoplayProgress var(--carousel-interval,5000ms) linear forwards}
@keyframes carouselAutoplayProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.security-carousel + .trust-strip{
  background:#fff;
  color:var(--orange);
  border-top:1px solid #eee7dc;
  border-bottom:1px solid #eee7dc;
}
.security-carousel + .trust-strip .trust-inner{min-height:136px}
.security-carousel + .trust-strip .trust-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;flex:1;max-width:none;margin:0;gap:0}
.security-carousel + .trust-strip .trust-stats span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;padding:14px 18px;color:var(--orange);white-space:nowrap}
.security-carousel + .trust-strip .trust-value{display:block;color:var(--orange);font:800 28px/1.1 var(--sans)}
.security-carousel + .trust-strip .trust-value-copy{font-size:16px;letter-spacing:0;white-space:nowrap}
.security-carousel + .trust-strip .trust-value b{font:inherit}
.security-carousel + .trust-strip .trust-stats small{margin:0;color:var(--orange);font:600 12px/1.4 var(--sans)}
.security-carousel + .trust-strip .trust-stats span+span{border-left:1px solid rgba(255,153,0,.24)}
@media(max-width:1100px){
  .security-carousel .carousel-copy h1{font-size:50px}
  .security-visual{left:51%;transform:translateY(-50%) scale(.86);transform-origin:left center}
}
@media(max-width:900px){
  .security-carousel{height:calc(100svh - 80px);min-height:620px}
  .security-carousel .carousel-copy{width:58%}
  .security-carousel .carousel-copy h1{font-size:42px}
  .hero-metrics{gap:11px;font-size:13px}.hero-metrics span{gap:11px}
  .security-visual{left:52%;opacity:.72;transform:translateY(-50%) scale(.72)}
}
@media(max-width:650px){
  .security-carousel{height:calc(100svh - 68px);min-height:600px;margin-top:68px;padding:0}
  .security-carousel .carousel-inner{align-items:flex-start;width:calc(100% - 32px);padding:64px 0 100px}
  .security-carousel .carousel-copy{width:100%;max-width:100%}
  .security-carousel .carousel-copy .eyebrow{font-size:10px;letter-spacing:.08em}
  .security-carousel .carousel-copy h1{font-size:36px;line-height:1.2;margin:20px 0 16px}
  .security-carousel .carousel-slide::before{
    background-image:
      linear-gradient(90deg,rgba(11,30,51,.98) 0%,rgba(11,30,51,.9) 55%,rgba(11,30,51,.68) 100%),
      url('static/about.jpg');
    background-position:65% center;
    transform:none;
  }
  .hero-metrics{max-width:310px;font-size:12px;line-height:1.8}
  .security-carousel .hero-actions{margin-top:24px}
  .hero-signature{margin-top:24px}
  /* Use the Three.js globe as an ambient background on narrow screens. Keep it
     anchored to the lower-right so the copy remains the first reading layer. */
  .security-visual{z-index:1;inset:0;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:100%;opacity:.32;transform:none;transform-origin:center;overflow:hidden}
  .security-visual .globe-sphere{left:auto;right:-154px;top:auto;bottom:-118px;width:480px;height:480px}
  .security-visual .globe-chip,.security-visual .globe-status{display:none}
  .security-carousel .carousel-ui{bottom:18px}
  .security-carousel + .trust-strip .trust-inner{min-height:0;padding:26px 0}
  .security-carousel + .trust-strip .trust-inner>p{text-align:center}
  .security-carousel + .trust-strip .trust-stats{width:100%;max-width:none;margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 0}
  .security-carousel + .trust-strip .trust-stats span{padding:7px 5px}
  .security-carousel + .trust-strip .trust-value{font-size:21px}
  .security-carousel + .trust-strip .trust-value-copy{font-size:13px}
  .security-carousel + .trust-strip .trust-stats small{margin:0;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.globe-canvas{transform:none}}

/* Homepage trust metric: show the value first and its descriptor beneath it. */
.security-carousel + .trust-strip .trust-value-copy{
  font-size:28px;
  line-height:1.1;
}
@media(max-width:650px){
  .security-carousel + .trust-strip .trust-value-copy{font-size:21px}
}

/* Service platform logos: a single-row, seamless marquee. The duplicate card
   set is added in script.js so the loop never leaves an empty gap. */
.platform-marquee{
  position:relative;
  width:100%;
  overflow:hidden;
  padding:5px 0 8px;
  isolation:isolate;
}
.platform-marquee::before,
.platform-marquee::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:34px;
  z-index:2;
  pointer-events:none;
}
.platform-marquee::before{left:0;background:linear-gradient(90deg,#eef8f5,rgba(238,248,245,0))}
.platform-marquee::after{right:0;background:linear-gradient(270deg,#eef8f5,rgba(238,248,245,0))}
.platform-brand-grid{
  --platform-loop-offset:8px;
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  width:max-content;
  gap:16px;
  animation:platformMarquee 42s linear infinite;
  will-change:transform;
}
.platform-brand-card{
  flex:0 0 152px;
  width:152px;
}
.platform-marquee:hover .platform-brand-grid,
.platform-marquee:focus-within .platform-brand-grid{animation-play-state:paused}
@keyframes platformMarquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(-50% - var(--platform-loop-offset)),0,0)}
}
@media(max-width:650px){
  .platform-marquee::before,
  .platform-marquee::after{width:20px}
  .platform-brand-grid{gap:10px;--platform-loop-offset:5px}
  .platform-brand-card{flex-basis:152px;width:152px;height:128px}
}
@media(prefers-reduced-motion:reduce){
  .platform-brand-grid{animation:none;will-change:auto}
  .platform-marquee{overflow-x:auto;overflow-y:hidden}
  .platform-marquee::before,
  .platform-marquee::after{display:none}
}

/* Services platforms: a quiet two-row grid matching the reference layout. */
.home-platform-section .platform-marquee{
  position:relative;
  width:100%;
  max-width:1160px;
  margin:0 auto;
  padding:0 0 4px 0;
  overflow:visible;
  isolation:isolate;
}
.home-platform-section .platform-marquee::before{
  content:'‹';
  position:absolute;
  left:-34px;
  top:50%;
  z-index:3;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#929292;
  color:#fff;
  font:300 30px/1 Arial,sans-serif;
  transform:translateY(-50%);
  pointer-events:none;
}
.home-platform-section .platform-marquee::after{display:none}
.home-platform-section .platform-brand-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  grid-auto-rows:132px;
  gap:12px;
  width:100%;
  animation:none;
  transform:none;
  will-change:auto;
}
.home-platform-section .platform-brand-card{
  display:grid;
  place-items:center;
  width:100%;
  height:132px;
  min-width:0;
  padding:0;
  border:1px solid #d6e0e4;
  border-radius:6px;
  background:#fff;
  box-shadow:0 4px 12px rgba(34,58,73,.07);
}
.home-platform-section .platform-brand-card>span,
.home-platform-section .platform-brand-card .platform-brand-name{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.home-platform-section .platform-logo-image{
  width:88px;
  height:88px;
  padding:10px;
  border:1px solid #edf1f2;
  border-radius:50%;
  background:#fff;
  box-shadow:0 3px 9px rgba(34,58,73,.1);
}
.home-platform-section .platform-brand-card:hover,
.home-platform-section .platform-brand-card:focus-within{
  transform:translateY(-2px);
  border-color:#e8b36b;
  box-shadow:0 8px 16px rgba(34,58,73,.11);
}
@media(max-width:900px){
  .home-platform-section .platform-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:124px}
  .home-platform-section .platform-brand-card{height:124px}
  .home-platform-section .platform-marquee::before{left:-22px;width:34px;height:34px;font-size:27px}
}
@media(max-width:650px){
  .home-platform-section .platform-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:116px;gap:10px}
  .home-platform-section .platform-brand-card{height:116px}
  .home-platform-section .platform-logo-image{width:76px;height:76px;padding:8px}
  .home-platform-section .platform-marquee::before{left:-17px;width:30px;height:30px;font-size:24px}
}

/* Platform logos: match the compact reference treatment with a quiet white
   tile and a centered circular logo surface. Keep labels in the markup for
   accessibility, but let the logo itself carry the visual identity. */
.platform-brand-card{
  position:relative;
  flex:0 0 132px;
  width:132px;
  height:132px;
  padding:0;
  border:1px solid #d6e0e4;
  border-radius:8px;
  background:#fff;
  box-shadow:0 6px 16px rgba(34,58,73,.08);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.platform-brand-card>span{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.platform-logo-image{
  position:relative;
  z-index:1;
  display:block;
  width:88px;
  height:88px;
  padding:10px;
  object-fit:contain;
  object-position:center;
  border:1px solid #edf1f2;
  border-radius:50%;
  background:#fff;
  box-shadow:0 3px 9px rgba(34,58,73,.1);
}
.platform-brand-card-text{display:flex;align-items:center;justify-content:center}
.platform-logo-text{display:grid;place-items:center;width:88px;height:88px;border:1px solid #edf1f2;border-radius:50%;background:#fff;box-shadow:0 3px 9px rgba(34,58,73,.1);color:#202b3b;font:800 17px/1 var(--sans);letter-spacing:-.03em}
.platform-brand-card-text .platform-logo-text{color:#111;font-size:18px}
.platform-brand-card-other{background:#10263c;color:#fff;border-color:#10263c}
.platform-brand-card-other span{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;color:#ffb347;font:700 15px/1.4 var(--sans);letter-spacing:.04em}
.platform-brand-card-other::after{content:'支持更多跨境平台';position:absolute;left:0;right:0;bottom:20px;text-align:center;color:#b9c8d6;font-size:10px}
.platform-brand-card .platform-brand-name{position:static;width:auto;max-width:122px;height:auto;min-height:27px;padding:0;margin:7px 5px 0;overflow:visible;clip:auto;color:#536579;font:600 10px/1.35 var(--sans);letter-spacing:0;text-align:center;white-space:normal}
.platform-brand-alias{display:block}
.platform-brand-card-other .platform-brand-name{display:block;margin:0;color:#ffb347;font:700 15px/1.4 var(--sans)}
.platform-brand-card:hover,
.platform-brand-card:focus-within{
  transform:translateY(-3px);
  border-color:#f2ae58;
  box-shadow:0 11px 22px rgba(34,58,73,.13);
}
@media(max-width:650px){
  .platform-brand-card{
    flex-basis:116px;
    width:116px;
    height:116px;
  }
  .platform-logo-image{
    width:76px;
    height:76px;
    padding:8px;
  }
  .platform-logo-text{width:76px;height:76px;font-size:15px}
  .platform-brand-card-other span{font-size:13px}
  .platform-brand-card .platform-brand-name{font-size:9px;margin-top:6px}
}

/* Keep the homepage module headings consistent with the left-aligned section
   heads used by Services and Case Studies. */
.module-showcase-head,
.platform-showcase-head{
  text-align:left;
  margin:0 0 42px;
}
.module-showcase-head .module-kicker,
.platform-showcase-head .module-kicker{
  margin:0 0 8px;
  color:var(--orange);
  font-size:clamp(20px,2.1vw,28px);
  line-height:1.35;
  letter-spacing:.02em;
  font-weight:800;
}
.module-showcase-head h2,
.platform-showcase-head h2{
  margin:0 0 8px!important;
  color:var(--ink)!important;
  font-size:clamp(22px,2vw,30px)!important;
  line-height:1.3!important;
  letter-spacing:-.02em!important;
  font-weight:800!important;
}
.module-showcase-head>p:last-child,
.platform-showcase-head>p:last-child{
  margin:0;
  max-width:620px;
  color:#718096;
  font-size:13px;
  line-height:1.8;
}
@media(max-width:650px){
  .module-showcase-head,
  .platform-showcase-head{margin-bottom:30px}
  .module-showcase-head .module-kicker,
  .platform-showcase-head .module-kicker{font-size:22px}
  .module-showcase-head h2,
  .platform-showcase-head h2{font-size:21px!important}
  .module-showcase-head>p:last-child,
  .platform-showcase-head>p:last-child{font-size:13px}
}

/* Footer no longer includes the platform listing; keep the remaining
   navigation, contact and QR columns balanced. */
.site-footer{
  background-color:#091523;
  background-image:
    linear-gradient(102deg,rgba(9,21,35,.97) 0%,rgba(9,21,35,.92) 48%,rgba(9,21,35,.86) 100%),
    url("static/all/tu17.jpg");
  background-position:center 58%;
  background-size:cover;
  background-repeat:no-repeat;
}
.footer-links{
  flex:0 0 auto;
  width:max-content;
  grid-template-columns:110px 150px 150px;
  gap:38px;
}
@media(max-width:650px){
  .footer-links{flex:initial;width:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
  .footer-links>div:first-child{grid-column:1;grid-row:1}
  .footer-links .footer-contact{grid-column:2;grid-row:1;margin:0;padding:0;border:0}
  .footer-links .footer-qr-col{grid-column:2;grid-row:2}
}

/* Legal information requested for the footer bottom bar. */
.footer-bottom{
  display:block!important;
  margin-top:32px;
  padding-top:0;
  border-top:1px solid rgba(148,163,184,.25);
  font-family:var(--sans);
  font-size:11px;
  color:#8997a8;
}
.footer-bottom .footer-site-links{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:0;
  padding:13px 0;
  border:0;
  line-height:1.6;
}
.footer-bottom .footer-site-links a,
.footer-bottom .footer-legal-meta a{
  color:#aeb9c7;
  transition:color .2s ease;
}
.footer-bottom .footer-site-links a:hover,
.footer-bottom .footer-legal-meta a:hover{color:#ffb033}
.footer-bottom .footer-site-links a+a{
  margin-left:14px;
  padding-left:14px;
  border-left:1px solid rgba(148,163,184,.35);
}
.footer-legal-meta{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:7px 18px;
  padding:15px 0 4px;
  border-top:1px solid rgba(148,163,184,.12);
  line-height:1.7;
  text-align:center;
}
.footer-legal-meta .footer-record{color:#aeb9c7;white-space:nowrap}
.footer-legal-meta a+a{border-left:1px solid rgba(148,163,184,.35);padding-left:18px}
@media(max-width:650px){
  .footer-bottom .footer-site-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:12px 0}
  .footer-bottom .footer-site-links a{text-align:center;padding:4px 7px}
  .footer-bottom .footer-site-links a+a{margin-left:0;padding-left:7px}
  .footer-bottom .footer-site-links a:nth-child(2n+1){border-left:0}
  .footer-legal-meta{display:flex;flex-direction:column;gap:4px;padding:13px 0 2px}
  .footer-legal-meta a+a{border-left:0;padding-left:0}
}

/* Balance the footer top as a two-part layout instead of pushing the link
   group to the far edge and leaving a large empty center. */
.footer-top{
  display:grid;
  grid-template-columns:minmax(280px,1.05fr) minmax(0,1.95fr);
  gap:64px;
  align-items:start;
}
.footer-top .footer-brand{
  width:auto;
  min-width:0;
  margin-right:0;
}
.footer-top .footer-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:auto;
  min-width:0;
  gap:30px;
  justify-content:initial;
}
.footer-top .footer-links>div{min-width:0}
@media(max-width:900px){
  .footer-top{grid-template-columns:minmax(220px,.9fr) minmax(0,1.6fr);gap:36px}
  .footer-top .footer-links{gap:20px}
}
@media(max-width:650px){
  .footer-top{display:block}
  .footer-top .footer-links{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;width:auto}
}

/* Give the globe annotations a quiet, ambient motion so they feel attached to
   the rotating globe instead of pinned to the hero. Icons are intentionally
   removed; a small accent rule carries the visual cue without competing with
   the headline and shield. */
.security-visual .globe-chip{
  gap:0;
  min-width:158px;
  padding:12px 16px 12px 18px;
  border-color:rgba(255,255,255,.8);
  border-radius:9px;
  box-shadow:0 14px 30px rgba(0,0,0,.2);
  animation:globeChipFloat 7s ease-in-out infinite;
}
.security-visual .globe-chip::before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:12px;
  width:3px;
  border-radius:3px;
  background:var(--orange);
}
.security-visual .globe-chip-result{animation-delay:-3.4s}
.security-visual .globe-chip strong{font-size:14px;letter-spacing:.01em}
.security-visual .globe-chip small{font-size:9px;letter-spacing:.08em}
.security-visual .globe-status{
  animation:globeStatusFloat 8s ease-in-out infinite;
}
@keyframes globeChipFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-8px,-7px,0)}
}
@keyframes globeStatusFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(6px,-5px,0)}
}
@media(prefers-reduced-motion:reduce){
  .security-visual .globe-chip,
  .security-visual .globe-status{animation:none}
}

/* Match the global header to the dark footer palette while preserving the
   orange action and active-navigation accents. */
.site-header{
  background:rgba(9,21,35,.96);
  border-bottom-color:rgba(148,163,184,.2);
}
.site-header .brand img{
  mix-blend-mode:normal;
  filter:grayscale(1) brightness(0) invert(1);
}
.site-header .brand-tag{
  color:#aeb9c7;
  border-left-color:rgba(148,163,184,.28);
}
.site-header .main-nav{color:#aeb9c7}
.site-header .main-nav a:hover,
.site-header .main-nav a.active{color:#fff}
.site-header .menu-toggle i{background:#fff}
@media(max-width:650px){
  .site-header .main-nav.open{
    background:#091523;
    border-bottom-color:#263547;
  }
  .site-header .main-nav.open a{color:#aeb9c7}
  .site-header .main-nav.open a.active{color:#fff}
}

/* Keep the supporting module line compact so the orange kicker remains the
   primary heading, while each subtitle adds a concrete promise. */
.module-showcase-head h2,
.platform-showcase-head h2{
  font-size:14px!important;
  line-height:1.7!important;
  letter-spacing:.02em!important;
  font-weight:700!important;
}
@media(max-width:650px){
  .module-showcase-head h2,
  .platform-showcase-head h2{font-size:14px!important;line-height:1.7!important}
}

/* Match the reference section-head composition: the orange kicker spans the
   row, then the compact subtitle and its explanatory copy sit side by side. */
.module-showcase-head,
.platform-showcase-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px);
  column-gap:72px;
  row-gap:7px;
  align-items:end;
}
.module-showcase-head .module-kicker,
.platform-showcase-head .module-kicker{grid-column:1/-1}
.module-showcase-head h2,
.platform-showcase-head h2{grid-column:1;margin:0!important}
.module-showcase-head>p:last-child,
.platform-showcase-head>p:last-child{
  grid-column:2;
  grid-row:2;
  justify-self:end;
  width:100%;
  max-width:360px;
  margin:0;
}
@media(max-width:900px){
  .module-showcase-head,
  .platform-showcase-head{grid-template-columns:minmax(0,1fr) minmax(230px,300px);column-gap:36px}
}
@media(max-width:650px){
  .module-showcase-head,
  .platform-showcase-head{display:block}
  .module-showcase-head h2,
  .platform-showcase-head h2{margin:0 0 8px!important}
  .module-showcase-head>p:last-child,
  .platform-showcase-head>p:last-child{max-width:100%;margin:0}
}

/* Editorial imagery from static/all: each page uses a subject-matched banner
   with a navy veil so headings remain readable and the existing palette stays
   in control. */
.page-hero{
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
body[data-page="appeals"] .page-hero{
  background-image:linear-gradient(90deg,rgba(12,27,46,.97) 0%,rgba(12,27,46,.9) 45%,rgba(12,27,46,.56) 100%),url("static/all/tu4.png");
  background-position:center 50%;
}
body[data-page="knowledge"] .page-hero{
  background-image:linear-gradient(90deg,rgba(12,27,46,.97) 0%,rgba(12,27,46,.88) 45%,rgba(12,27,46,.5) 100%),url("static/all/tu4.png");
  background-position:center 52%;
}
body[data-page="cases"] .page-hero{
  background-image:linear-gradient(90deg,rgba(12,27,46,.97) 0%,rgba(12,27,46,.86) 48%,rgba(12,27,46,.52) 100%),url("static/all/tu9.jpg");
  background-position:center 28%;
}
body[data-page="about"] .page-hero{
  background-image:linear-gradient(90deg,rgba(12,27,46,.97) 0%,rgba(12,27,46,.86) 48%,rgba(12,27,46,.48) 100%),url("static/all/tu5.jpg");
  background-position:center 28%;
}
body[data-page="about"] .page-hero::after{display:none}

/* Company profile image: a quiet side panel that supports the copy without
   turning the section into a second hero. */
.about-section .about-layout{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);
  gap:54px;
  align-items:center;
}
.about-profile-image{
  position:relative;
  margin:0;
  min-height:320px;
  overflow:hidden;
  background:#dfe6eb;
  border-left:4px solid var(--orange);
}
.about-profile-image img{
  display:block;
  width:100%;
  height:100%;
  min-height:320px;
  object-fit:cover;
  object-position:center;
  filter:saturate(.82) contrast(1.04);
}
.about-profile-image figcaption{
  position:absolute;
  left:18px;
  right:18px;
  bottom:16px;
  padding:10px 12px;
  color:#fff;
  font:600 12px/1.55 var(--sans);
  letter-spacing:.02em;
  background:rgba(12,27,46,.76);
  backdrop-filter:blur(7px);
}

/* Evidence panel below the appeal catalogue: documents and collaboration are
   the visual bridge between a violation notice and a submitted POA. */
.appeal-evidence-panel{
  display:grid;
  grid-template-columns:minmax(250px,.9fr) minmax(0,1.1fr);
  min-height:210px;
  margin-top:34px;
  background:var(--navy);
  color:#fff;
  overflow:hidden;
}
.appeal-evidence-panel img{
  width:100%;
  height:100%;
  min-height:210px;
  object-fit:cover;
  object-position:center;
  opacity:.78;
}
.appeal-evidence-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:28px 34px;
}
.appeal-evidence-copy span{color:var(--orange);font:10px var(--mono);letter-spacing:.12em}
/* Preserve the evidence panel's supplied orange/red text treatment when its
   copy is replaced dynamically or inherited from a broader page rule. */
.appeal-evidence-copy h3{margin:10px 0 8px;color:#ff4d4f!important;font-size:22px;line-height:1.4}
.appeal-evidence-copy p{margin:0;color:#ff4d4f!important;font-size:13px;line-height:1.8;max-width:460px}

/* A short trust band on the homepage gives the supplied team image a useful
   role while keeping the 3D globe as the primary first-screen signature. */
.team-support-band{
  position:relative;
  min-height:250px;
  display:flex;
  align-items:center;
  overflow:hidden;
  color:#fff;
  background:#0c1b2e url("static/all/tu10.jpg") center 48% / cover no-repeat;
}
.team-support-band::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(12,27,46,.96) 0%,rgba(12,27,46,.82) 45%,rgba(12,27,46,.3) 100%);
}
.team-support-band .container{position:relative;z-index:1}
.team-support-band .kicker{color:#ffb347;margin:0 0 8px}
.team-support-band h2{max-width:520px;margin:0;font-size:clamp(24px,3vw,38px);line-height:1.3}
.team-support-band p{max-width:560px;margin:12px 0 0;color:#c4cfdb;font-size:14px;line-height:1.8}

/* Handshake imagery reinforces the site's promise of accountable, documented
   support without changing the established navy/orange hierarchy. */
.about-promise-band{
  position:relative;
  background:#0c1b2e url("static/all/tu17.jpg") center 48% / cover no-repeat;
}
.about-promise-band::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(12,27,46,.86);
}
.about-promise-band .about-promise-inner{position:relative;z-index:1}
.about-proof-band{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:#10263c url("static/all/tu12.jpg") center 42% / cover no-repeat;
}
.about-proof-band::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(9,27,46,.96),rgba(9,27,46,.78) 52%,rgba(9,27,46,.9));
}
.about-proof-inner{
  position:relative;
  z-index:1;
  min-height:164px;
  display:grid;
  grid-template-columns:minmax(170px,1.05fr) repeat(2,minmax(180px,1fr)) minmax(220px,1.2fr);
  align-items:center;
  gap:0;
}
.about-proof-label,.about-proof-stat,.about-proof-response{min-height:72px;padding:12px 28px;border-left:1px solid rgba(196,213,229,.24)}
.about-proof-label{display:flex;flex-direction:column;justify-content:center;border-left:0;padding-left:0}
.about-proof-label strong{font-size:18px;line-height:1.3}
.about-proof-label small{margin-top:6px;color:#8fa4b8;font:9px var(--mono);letter-spacing:.12em}
.about-proof-stat strong{display:block;color:var(--orange);font:800 34px/1.1 var(--sans)}
.about-proof-stat strong span{font:700 20px var(--sans)}
.about-proof-stat p,.about-proof-response p{margin:8px 0 0;color:#c9d4df;font-size:13px;line-height:1.5}
.about-proof-response strong{display:block;font-size:18px;line-height:1.35}
.about-proof-response p{color:#ffbd55;margin-top:7px}
@media(max-width:900px){
  .about-proof-inner{grid-template-columns:repeat(3,minmax(0,1fr));min-height:180px}
  .about-proof-label{grid-column:1/-1;min-height:0;padding:18px 0 8px}
  .about-proof-stat,.about-proof-response{padding:12px 18px}
}
@media(max-width:650px){
  .about-proof-inner{display:block;padding:24px 0 28px}
  .about-proof-label{padding:0 0 17px}
  .about-proof-stat,.about-proof-response{min-height:0;padding:14px 0;border-left:0;border-top:1px solid rgba(196,213,229,.24)}
  .about-proof-stat strong{font-size:29px}
  .about-proof-stat p,.about-proof-response p{font-size:12px;margin-top:5px}
}
.about-values-section{background:#f7f9fa;padding-top:112px;padding-bottom:118px}
.about-values-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:74px;align-items:center}
.about-values-visual{margin:0;min-height:360px;overflow:hidden;border-radius:2px;box-shadow:16px 16px 0 rgba(255,153,0,.12)}
.about-values-visual img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover;object-position:center}
.about-values-copy .kicker{margin-bottom:10px}
.about-values-copy h2{margin:0 0 24px;color:var(--ink);font-size:clamp(28px,3.4vw,46px);line-height:1.25;font-weight:900}
.about-values-pledge{display:flex;flex-direction:column;gap:5px;padding:17px 20px;margin-bottom:24px;border-left:3px solid var(--orange);background:#fff}
.about-values-pledge strong{color:var(--orange);font-size:19px;line-height:1.5}
.about-values-pledge span{color:#7a8a9a;font-size:12px}
.about-values-description,.about-values-welcome{margin:0;color:#5f7285;font-size:14px;line-height:1.9}
.about-values-welcome{margin-top:16px;color:var(--ink);font-weight:700}
@media(max-width:900px){
  .about-values-layout{grid-template-columns:1fr;gap:38px}
  .about-values-visual{min-height:300px}
  .about-values-visual img{min-height:300px}
}
@media(max-width:650px){
  .about-values-section{padding-top:82px;padding-bottom:88px}
  .about-values-visual{min-height:230px;box-shadow:10px 10px 0 rgba(255,153,0,.12)}
  .about-values-visual img{min-height:230px}
  .about-values-copy h2{font-size:29px;margin-bottom:18px}
  .about-values-pledge{padding:14px 16px;margin-bottom:18px}
  .about-values-pledge strong{font-size:16px}
  .about-values-description,.about-values-welcome{font-size:13px;line-height:1.85}
}
.about-process-section{background:#fff;padding:112px 0 118px}
.about-process-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:78px;align-items:center}
.about-process-copy h2{margin:0 0 16px;color:var(--ink);font-size:clamp(30px,3.6vw,48px);line-height:1.25;font-weight:900}
.about-process-copy h2 span{color:var(--orange)}
.about-process-intro{margin:0 0 25px;color:#718096;font-size:14px;line-height:1.8}
.about-process-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.about-process-list li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:17px;position:relative;padding:17px 0;border-top:1px solid #e5eaf0}
.about-process-list li:last-child{border-bottom:1px solid #e5eaf0}
.about-process-list li>span{color:var(--orange);font:600 12px var(--mono);padding-top:3px}
.about-process-list strong{display:block;color:var(--ink);font-size:16px;line-height:1.4}
.about-process-list p{margin:5px 0 0;color:#6e7f90;font-size:13px;line-height:1.7}
.about-process-visual{position:relative;margin:0;min-height:520px;overflow:hidden;background:#10263c;box-shadow:16px 16px 0 rgba(255,153,0,.12)}
.about-process-visual img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;object-position:center}
.about-process-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,27,46,.08),rgba(12,27,46,.78))}
.about-process-visual figcaption{position:absolute;left:26px;right:26px;bottom:24px;z-index:1;display:flex;flex-direction:column;gap:6px;color:#fff}
.about-process-visual figcaption strong{font-size:21px}
.about-process-visual figcaption span{color:#ffb347;font:10px var(--mono);letter-spacing:.12em}
@media(max-width:900px){
  .about-process-layout{grid-template-columns:1fr;gap:40px}
  .about-process-visual{min-height:360px}
  .about-process-visual img{min-height:360px}
}
@media(max-width:650px){
  .about-process-section{padding:82px 0 88px}
  .about-process-copy h2{font-size:30px}
  .about-process-list li{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:14px 0}
  .about-process-list strong{font-size:15px}
  .about-process-list p{font-size:12px;line-height:1.75}
  .about-process-visual{min-height:270px;box-shadow:10px 10px 0 rgba(255,153,0,.12)}
  .about-process-visual img{min-height:270px}
}
.contact-section{
  background-color:#ff9900;
  background-image:linear-gradient(90deg,rgba(255,153,0,.94),rgba(255,153,0,.82)),url("static/all/tu1.png");
  background-position:center 48%;
  background-size:cover;
  background-repeat:no-repeat;
}

@media(max-width:1300px){
  .security-visual{
    left:50%;
    transform:translateY(-50%) scale(.86);
    transform-origin:left center;
  }
}

@media(max-width:900px){
  .about-section .about-layout{grid-template-columns:1fr;gap:34px}
  .about-profile-image{min-height:260px}
  .about-profile-image img{min-height:260px;max-height:360px}
  .appeal-evidence-panel{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  body[data-page="appeals"] .page-hero,
  body[data-page="knowledge"] .page-hero,
  body[data-page="cases"] .page-hero,
  body[data-page="about"] .page-hero{background-position:center 30%}
  .about-section .about-layout{display:block}
  .about-profile-image{margin-top:34px;min-height:220px}
  .about-profile-image img{min-height:220px;max-height:300px}
  .appeal-evidence-panel{display:block}
  .appeal-evidence-panel img{display:block;min-height:180px;max-height:230px}
  .appeal-evidence-copy{padding:22px 20px 25px}
  .appeal-evidence-copy h3{font-size:19px}
.team-support-band{min-height:240px}
.team-support-band h2{font-size:27px}
}

/* Final responsive overrides keep the original globe-as-background treatment
   on narrow screens after the desktop card placement rules above. */
@media(max-width:900px){
  .security-visual{
    left:52%;
    transform:translateY(-50%) scale(.72);
    transform-origin:left center;
  }
}
@media(max-width:650px){
  .security-visual{
    z-index:1;
    inset:0;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    width:100%;
    height:100%;
    opacity:.32;
    transform:none;
    transform-origin:center;
    overflow:hidden;
  }
}

/* POA evidence ledger: a compact table works better than invented case IDs for
   the supplied freeze/recovery screenshots. */
.poa-case-table-wrap{margin-top:4px}
.poa-case-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border:1px solid #d9e0e6;
  background:#fff;
  color:var(--ink);
  box-shadow:0 8px 22px rgba(24,40,58,.06);
}
.poa-case-table th{
  padding:14px 16px;
  background:var(--navy);
  color:#dce6ef;
  font:500 11px var(--mono);
  letter-spacing:.08em;
  text-align:left;
  white-space:nowrap;
}
.poa-case-table td{
  padding:13px 16px;
  border-top:1px solid #e6ebef;
  font-size:13px;
  line-height:1.5;
  vertical-align:middle;
}
.poa-case-table tbody tr:hover{background:#fffaf2}
.poa-case-table td:first-child{font:11px var(--mono);color:#66798d;white-space:nowrap}
.poa-case-table td:nth-child(2){font-weight:700;color:#243a50;white-space:nowrap}
.poa-case-table td:nth-child(3){font-weight:600}
.poa-result{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid rgba(37,178,191,.3);background:rgba(39,196,216,.08);color:#168797;font-size:12px;white-space:nowrap}
.poa-case-note{margin:12px 0 0;color:#7a8998;font-size:11px;line-height:1.7}
@media(max-width:900px){
  .poa-case-table th,.poa-case-table td{padding-left:11px;padding-right:11px}
  .poa-case-table td{font-size:12px}
}
@media(max-width:650px){
  .poa-case-table,.poa-case-table tbody,.poa-case-table tr,.poa-case-table td{display:block;width:100%}
  .poa-case-table thead{display:none}
  .poa-case-table{border:0;background:transparent;box-shadow:none}
  .poa-case-table tr{position:relative;margin-bottom:10px;padding:14px 14px 13px;border:1px solid #d9e0e6;background:#fff;box-shadow:0 5px 14px rgba(24,40,58,.05)}
  .poa-case-table td{display:grid;grid-template-columns:76px 1fr;gap:10px;padding:4px 0;border:0;font-size:13px}
  .poa-case-table td::before{content:attr(data-label);color:#8593a2;font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase}
  .poa-case-table td:first-child{font-size:12px}
  .poa-case-table td:last-child{align-items:center;margin-top:5px;padding-top:9px;border-top:1px solid #edf0f2}
  .poa-case-note{font-size:10px}
}

/* Homepage case stream: duplicated groups make the upward movement loop
   seamlessly while keeping each evidence pair readable at a glance. */
.poa-case-marquee{margin-top:4px}
.poa-case-viewport{position:relative;height:398px;overflow:hidden;border:1px solid #d9e0e6;background:#f5f8fa;box-shadow:0 8px 22px rgba(24,40,58,.06)}
.poa-case-viewport::before,.poa-case-viewport::after{content:"";position:absolute;left:0;right:0;height:30px;z-index:2;pointer-events:none}
.poa-case-viewport::before{top:0;background:linear-gradient(180deg,#f5f8fa,rgba(245,248,250,0))}
.poa-case-viewport::after{bottom:0;background:linear-gradient(0deg,#f5f8fa,rgba(245,248,250,0))}
.poa-case-track{display:flex;flex-direction:column;animation:poaCaseRoll 38s linear infinite;will-change:transform}
.poa-case-group{display:grid;gap:10px;padding:10px}
.poa-case-row{display:grid;grid-template-columns:140px minmax(0,1fr) 152px;align-items:center;gap:24px;min-height:88px;padding:14px 16px;background:#fff;border:1px solid #dfe6eb;box-shadow:0 4px 12px rgba(24,40,58,.04)}
.poa-case-row:hover{border-color:var(--orange);box-shadow:0 8px 18px rgba(24,40,58,.08)}
.poa-case-meta{display:flex;flex-direction:column;gap:5px}
.poa-case-meta time{font:11px var(--mono);color:#7b8b9b;white-space:nowrap}
.poa-case-meta strong{color:#243a50;font-size:13px}
.poa-case-topic{display:flex;flex-direction:column;gap:5px;min-width:0}
.poa-case-topic span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:14px;font-weight:700}
.poa-case-topic small{color:#168797;font-size:12px;line-height:1.5}
@keyframes poaCaseRoll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.poa-case-marquee:hover .poa-case-track,.poa-case-marquee:focus-within .poa-case-track{animation-play-state:paused}

/* Case evidence ledger: keep the six requested fields aligned with a fixed
   header while the duplicated rows continue their vertical marquee. */
.poa-case-table-head{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:100px 100px minmax(190px,1.35fr) 130px 92px 152px;
  gap:16px;
  margin:0 8px;
  padding:11px 16px 9px;
  border-bottom:1px solid #d9e2e8;
  background:#eef3f6;
  color:#738596;
  font:600 10px/1.3 var(--sans);
  letter-spacing:.08em;
  white-space:nowrap;
}
.poa-case-row{
  grid-template-columns:100px 100px minmax(190px,1.35fr) 130px 92px 152px;
  gap:16px;
  min-height:92px;
}
.poa-case-meta,.poa-case-topic{display:contents}
.poa-case-meta time{grid-column:1}
.poa-case-meta strong{grid-column:2}
.poa-case-topic span{grid-column:3}
.poa-case-topic small{grid-column:4;color:#168797}
.poa-case-cycle{grid-column:5;color:#52697d;font:12px/1.5 var(--sans);white-space:nowrap}
@media(max-width:900px){
  .poa-case-viewport{height:386px}
  .poa-case-table-head,.poa-case-row{grid-template-columns:84px 84px minmax(155px,1fr) 112px 78px 128px;gap:12px}
  .poa-case-row{padding:13px}
}
@media(max-width:650px){
  .poa-case-table-head{display:none}
  .poa-case-viewport{height:438px}
  .poa-case-group{gap:9px;padding:9px}
  .poa-case-row{grid-template-columns:1fr 1fr;gap:8px 14px;min-height:142px;padding:13px 12px}
  .poa-case-meta time,.poa-case-meta strong,.poa-case-topic span,.poa-case-topic small,.poa-case-cycle{display:flex;flex-direction:column;gap:2px;min-width:0;white-space:normal}
  .poa-case-meta time::before{content:"日期"}
  .poa-case-meta strong::before{content:"申诉平台"}
  .poa-case-topic span::before{content:"封号原因"}
  .poa-case-topic small::before{content:"冻结资金"}
  .poa-case-cycle::before{content:"申诉周期"}
  .poa-case-topic span{grid-column:1/-1;font-size:13px}
  .poa-case-topic small{grid-column:1;font-size:11px}
  .poa-case-cycle{grid-column:2;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.poa-case-track{animation:none;will-change:auto}}

/* Unified section heading system. Primary page heroes and card headings keep
   their own hierarchy; section labels and supporting copy share these values
   throughout the site. */
:root{
  --section-kicker-size:clamp(24px,2.1vw,30px);
  --section-subtitle-size:14px;
  --section-copy-size:13px;
}
.section-head .kicker,
.module-showcase-head .module-kicker,
.platform-showcase-head .module-kicker,
.knowledge-library-head .kicker{
  margin:0 0 8px;
  color:var(--orange);
  font-family:var(--sans);
  font-size:var(--section-kicker-size);
  font-weight:800;
  letter-spacing:.04em;
  line-height:1.35;
}
.section-head h2,
.module-showcase-head h2,
.platform-showcase-head h2,
.knowledge-library-head h2{
  color:var(--ink)!important;
  font-family:var(--sans);
  font-size:var(--section-subtitle-size)!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
  line-height:1.7!important;
}
.section-intro,
.module-showcase-head>p:last-child,
.platform-showcase-head>p:last-child,
.knowledge-library-head>p{
  color:#718096;
  font-family:var(--sans);
  font-size:var(--section-copy-size);
  font-weight:400;
  letter-spacing:0;
  line-height:1.8;
}
.knowledge-library-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,330px);
  column-gap:72px;
  row-gap:7px;
  align-items:end;
}
.knowledge-library-head>div{display:contents}
.knowledge-library-head .kicker{grid-column:1/-1}
.knowledge-library-head h2{grid-column:1;margin:0!important}
.knowledge-library-head>p{grid-column:2;grid-row:2;justify-self:end;max-width:330px;margin:0}
@media(max-width:900px){
  .knowledge-library-head{grid-template-columns:minmax(0,1fr) minmax(230px,300px);column-gap:36px}
}
@media(max-width:650px){
  :root{--section-kicker-size:24px}
  .section-head .kicker,
  .module-showcase-head .module-kicker,
  .platform-showcase-head .module-kicker,
  .knowledge-library-head .kicker{font-size:var(--section-kicker-size)}
  .section-head h2,
  .module-showcase-head h2,
  .platform-showcase-head h2,
  .knowledge-library-head h2{font-size:var(--section-subtitle-size)!important}
  .knowledge-library-head{display:block}
  .knowledge-library-head>div{display:block}
  .knowledge-library-head h2{margin:0 0 8px!important}
  .knowledge-library-head>p{max-width:100%;margin:0}
}

/* Footer reference layout: a quiet navy information bar with clear columns for
   the brand, navigation, contact channels and QR code. */
.site-footer{
  padding:46px 0 20px;
  background:#081523;
  background-image:none;
}
.footer-top .footer-links{
  grid-template-columns:110px minmax(0,1fr) 150px;
  gap:30px;
}
.footer-nav,
.footer-contact{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
}
.footer-nav>span,
.footer-contact>span{
  margin-bottom:8px;
  color:var(--orange);
  font:700 11px/1.3 var(--sans);
}
.footer-nav>a,
.footer-contact>p{
  color:#aeb9c7;
  font:400 12px/1.55 var(--sans);
}
.footer-nav>a:hover{color:#fff}
.footer-contact-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:17px 24px;
  width:100%;
}
.footer-contact-grid p{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  column-gap:9px;
  align-items:center;
  margin:0;
  min-width:0;
}
.footer-contact-grid .footer-contact-icon{
  grid-row:1 / span 2;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:8px;
  background:rgba(255,153,0,.12);
  color:var(--orange);
}
.footer-contact-icon svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.footer-contact-icon img{
  display:block;
  width:17px;
  height:17px;
  object-fit:contain;
}
.footer-contact-grid strong{
  color:#eef3f8;
  font:700 12px/1.3 var(--sans);
  white-space:nowrap;
}
.footer-contact-grid small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#aeb9c7;
  font:400 10px/1.45 var(--sans);
  white-space:nowrap;
}
.footer-top .footer-qr-col{align-items:center}
.footer-top .footer-qr{width:132px;height:132px}
.footer-top .footer-qr-caption{margin-top:9px}
.contact-section .contact-card .contact-label,
.footer-qr-caption span{
  font-family:var(--sans);
  font-size:10px;
  font-weight:400;
  line-height:1.45;
  letter-spacing:0;
  text-transform:none;
}
@media(max-width:900px){
  .footer-top{grid-template-columns:minmax(220px,.9fr) minmax(0,1.6fr);gap:36px}
  .footer-top .footer-links{gap:20px}
  .footer-contact-grid{column-gap:14px}
}
@media(max-width:650px){
  .site-footer{padding:38px 0 18px}
  .footer-top .footer-links{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;width:auto}
  .footer-contact-grid{gap:15px 12px}
  .footer-contact-grid p{grid-template-columns:28px minmax(0,1fr);column-gap:8px}
  .footer-contact-grid .footer-contact-icon{width:28px;height:28px}
  .footer-contact-icon svg{width:15px;height:15px}
  .footer-contact-icon img{width:16px;height:16px}
  .footer-contact-grid strong{font-size:11px}
  .footer-contact-grid small{font-size:9px}
  .contact-section .contact-card .contact-label,
  .footer-qr-caption span{font-size:9px}
  .footer-top .footer-qr{width:104px;height:104px}
}

/* About profile follows the reference composition: copy on the left, portrait
   and compact proof points grouped on the right. */
body[data-page="about"] .about-section{background:#fff}
.about-section .about-layout{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);
  gap:72px;
  align-items:start;
}
.about-section .about-main{padding-top:0}
.about-section .about-profile-side{min-width:0}
.about-section .about-profile-image{
  min-height:365px;
  border:0;
  border-radius:18px;
  background:#e9edf0;
  box-shadow:0 18px 36px rgba(12,27,46,.12);
}
.about-section .about-profile-image img{
  min-height:365px;
  max-height:none;
  object-position:68% center;
  filter:saturate(.9) contrast(1.02);
}
.about-profile-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:24px;
  row-gap:18px;
}
.about-profile-stats span{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding-left:0;
}
.about-profile-stats span:nth-child(even){padding-left:28px}
.about-profile-stats strong{
  color:var(--orange);
  font:800 25px/1.15 var(--sans);
}
.about-profile-stats small{
  color:#718096;
  font:500 11px/1.5 var(--sans);
}
.about-profile-stats .trust-value-copy{
  font-size:16px;
  white-space:nowrap;
}
@media(max-width:900px){
  .about-section .about-layout{grid-template-columns:1fr;gap:38px}
  .about-section .about-profile-image{min-height:300px}
  .about-section .about-profile-image img{min-height:300px}
}
@media(max-width:650px){
  .about-section .about-layout{display:block}
  .about-section .about-profile-side{margin-top:34px}
  .about-section .about-profile-image{min-height:250px;border-radius:14px}
  .about-section .about-profile-image img{min-height:250px}
  .about-profile-stats{margin-top:20px;row-gap:15px}
  .about-profile-stats span:nth-child(even){padding-left:18px}
  .about-profile-stats strong{font-size:21px}
  .about-profile-stats small{font-size:10px}
}

/* About copy follows the supplied profile text with a clear title, lead line
   and compact paragraph rhythm so the longer reference content remains easy to scan. */
.about-profile-title{
  margin:0 0 16px!important;
  color:var(--orange)!important;
  font-family:var(--sans);
  font-size:var(--section-kicker-size)!important;
  font-weight:800!important;
  line-height:1.35!important;
  letter-spacing:.04em!important;
}
.about-section .about-main .lead{
  max-width:760px;
  margin:0 0 12px;
  color:#243a50;
  font-size:15px;
  line-height:1.7;
}
.about-section .about-main .lead strong{font-weight:800;color:var(--ink)}
.about-section .about-main>p:not(.lead){
  max-width:760px;
  margin:0 0 12px;
  color:#243a50;
  font-size:15px;
  line-height:1.7;
  font-weight:400;
}
.about-advantage-section .advantage-grid-eight{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 42px;margin-top:64px}
.about-advantage-section .advantage-grid-eight .advantage{border-top:2px solid var(--ink);padding:20px 0 4px}
.about-advantage-section .advantage-grid-eight .advantage:last-child{grid-column:1/-1}
.about-advantage-section .advantage-grid-eight .advantage h3{font-size:20px;line-height:1.5;margin:14px 0 10px;color:var(--ink)}
.about-advantage-section .advantage-grid-eight .advantage p{font-size:14px;line-height:1.85;color:#718091;margin:0}
@media(max-width:650px){
  .about-profile-title{font-size:32px!important;margin-bottom:18px!important}
  .about-section .about-main .lead{font-size:15px;line-height:1.8}
  .about-section .about-main>p:not(.lead){font-size:15px;line-height:1.8;margin-bottom:14px}
  .about-advantage-section .advantage-grid-eight{grid-template-columns:1fr;gap:22px;margin-top:46px}
  .about-advantage-section .advantage-grid-eight .advantage:last-child{grid-column:auto}
  .about-advantage-section .advantage-grid-eight .advantage h3{font-size:18px;line-height:1.45}
  .about-advantage-section .advantage-grid-eight .advantage p{font-size:13px;line-height:1.8}
}

/* The homepage now leads with the six account-appeal groups from the former
   About page. Keep the card language and spacing consistent with the reference
   Services module while giving the longer labels room to breathe. */
.services-section .appeal-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.services-section .appeal-service-card{
  position:relative;
  min-height:252px;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
  border-color:rgba(255,255,255,.16);
  background-color:#0c1b2e;
  box-shadow:0 12px 24px rgba(12,27,46,.12),inset 0 0 34px rgba(0,0,0,.3);
}
.services-section .appeal-service-card::before{
  content:"";
  position:absolute;
  inset:-5px;
  z-index:0;
  background-image:none;
  background-position:center;
  background-size:cover;
  filter:blur(2px) saturate(.82);
  transform:scale(1.035);
  pointer-events:none;
}
.services-section .appeal-service-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.46) 54%,rgba(0,0,0,.88) 100%),
    linear-gradient(135deg,rgba(0,0,0,.16),transparent 48%);
  box-shadow:inset 0 0 42px rgba(0,0,0,.42);
  pointer-events:none;
}
.services-section .appeal-service-card>*{position:relative;z-index:1}
.services-section .appeal-service-card .service-no{color:#ffb347}
.services-section .appeal-service-card h3{font-size:21px;line-height:1.4;margin-top:24px;color:#fff}
.services-section .appeal-service-card p{font-size:13px;line-height:1.8;color:#e1e8ef}
.services-section .appeal-service-card a{padding-top:18px;color:#fff}
.services-section .appeal-service-card a span{color:#ffb347}
.services-section .service-intro-note{
  display:block;
  margin-top:10px;
  color:inherit!important;
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
}

/* Give the six service cards a restrained, responsive sense of movement. */
.services-section .appeal-service-card{
  --pointer-x:50%;
  --pointer-y:50%;
  transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s ease,border-color .25s ease;
}
.services-section .appeal-service-card::before{
  transition:transform .7s cubic-bezier(.2,.75,.25,1),filter .45s ease;
}
.services-section .appeal-service-card::after{
  background:
    radial-gradient(180px circle at var(--pointer-x) var(--pointer-y),rgba(255,173,47,.16),transparent 68%),
    linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.46) 54%,rgba(0,0,0,.88) 100%),
    linear-gradient(135deg,rgba(0,0,0,.16),transparent 48%);
  transition:background .35s ease;
}
.services-section .appeal-service-card:hover,
.services-section .appeal-service-card:focus-within{
  transform:translateY(-8px) scale(1.012);
  border-color:rgba(255,173,47,.78);
  box-shadow:0 20px 36px rgba(12,27,46,.2),0 0 0 1px rgba(255,173,47,.18);
}
.services-section .appeal-service-card:hover::before,
.services-section .appeal-service-card:focus-within::before{
  transform:scale(1.11);
  filter:blur(1px) saturate(1.08);
}
.services-section .appeal-service-card .service-no{
  transition:color .25s ease,transform .35s ease;
}
.services-section .appeal-service-card .service-no::after{
  content:"";
  display:inline-block;
  width:0;
  height:1px;
  margin-left:8px;
  vertical-align:middle;
  background:currentColor;
  transition:width .35s ease;
}
.services-section .appeal-service-card:hover .service-no,
.services-section .appeal-service-card:focus-within .service-no{transform:translateX(2px);color:#ffd083}
.services-section .appeal-service-card:hover .service-no::after,
.services-section .appeal-service-card:focus-within .service-no::after{width:28px}
.services-section .appeal-service-card h3,
.services-section .appeal-service-card p,
.services-section .appeal-service-card a{transition:transform .35s cubic-bezier(.2,.75,.25,1)}
.services-section .appeal-service-card:hover h3,
.services-section .appeal-service-card:focus-within h3{transform:translateX(3px)}
.services-section .appeal-service-card:hover p,
.services-section .appeal-service-card:focus-within p{transform:translateX(2px)}
.services-section .appeal-service-card:hover a,
.services-section .appeal-service-card:focus-within a{transform:translateX(5px)}
.services-section .appeal-service-card:nth-child(2){transition-delay:.02s}
.services-section .appeal-service-card:nth-child(3){transition-delay:.04s}
.services-section .appeal-service-card:nth-child(4){transition-delay:.06s}
.services-section .appeal-service-card:nth-child(5){transition-delay:.08s}
.services-section .appeal-service-card:nth-child(6){transition-delay:.1s}
@media(prefers-reduced-motion:reduce){
  .services-section .appeal-service-card,
  .services-section .appeal-service-card::before,
  .services-section .appeal-service-card::after,
  .services-section .appeal-service-card h3,
  .services-section .appeal-service-card p,
  .services-section .appeal-service-card a{transition:none}
  .services-section .appeal-service-card:hover,
  .services-section .appeal-service-card:focus-within{transform:none}
}
@media(max-width:900px){
  .services-section .appeal-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .services-section .appeal-service-card{min-height:238px}
}
@media(max-width:650px){
  .services-section .appeal-service-grid{grid-template-columns:1fr}
  .services-section .appeal-service-card{min-height:0}
}

/* Account-appeal categories: calm, image-free cards with one shared visual
   language so the six items read as a single service index. */
.services-section .appeal-service-card{
  min-height:252px;
  padding:24px 24px 22px;
  color:var(--ink)!important;
  background:#fff!important;
  border:1px solid #dce4ea!important;
  border-top:3px solid var(--orange)!important;
  border-radius:0;
  box-shadow:0 8px 22px rgba(12,27,46,.045)!important;
}
.services-section .appeal-service-card::before,
.services-section .appeal-service-card::after{display:none!important}
.services-section .appeal-service-card>*{position:relative;z-index:1}
.services-section .appeal-service-card .service-no{
  color:#c87500!important;
  font-size:11px;
  letter-spacing:.08em;
}
.services-section .appeal-service-card h3{
  margin:28px 0 10px!important;
  color:var(--orange)!important;
  font-size:21px;
  line-height:1.42;
}
.services-section .appeal-service-card p{
  margin:0;
  color:#68788b!important;
  font-size:13px;
  line-height:1.82;
}
.services-section .appeal-service-card a{
  margin-top:auto;
  padding-top:20px;
  color:var(--ink)!important;
  font-size:12px;
  font-weight:700;
}
.services-section .appeal-service-card a span{color:var(--orange)!important}
.services-section .appeal-service-card:hover,
.services-section .appeal-service-card:focus-within{
  transform:translateY(-5px) !important;
  border-color:#c8d4dc!important;
  border-top-color:var(--orange)!important;
  box-shadow:0 16px 28px rgba(12,27,46,.1)!important;
}

/* Align the account-appeal heading with the top of its supporting copy. */
@media(min-width:651px){
  .services-section .section-head{align-items:flex-start}
}

/* Platform labels follow the reference's orange chip treatment while the
   deeper orange selected state keeps the active tab identifiable. */
.appeals-section .filter,
.appeals-section .filter:hover,
.appeals-section .filter:focus-visible{
  color:#fff;
  background:var(--orange);
  border-color:var(--orange);
}
.appeals-section .filter.active{
  color:#fff;
  background:#d97700;
  border-color:#d97700;
  box-shadow:inset 0 -2px 0 rgba(12,27,46,.18);
}

/* Homepage trust metrics reveal in sequence after entering the viewport; the
   existing data-count observer supplies the number roll-up at the same time. */
.trust-strip-motion .trust-stats span{
  position:relative;
  transform:translateY(12px);
  opacity:0;
  transition:opacity .55s ease,transform .55s cubic-bezier(.2,.75,.25,1),background-color .25s ease;
}
.trust-strip-motion.is-visible .trust-stats span{transform:none;opacity:1}
.trust-strip-motion.is-visible .trust-stats span:nth-child(2){transition-delay:.08s}
.trust-strip-motion.is-visible .trust-stats span:nth-child(3){transition-delay:.16s}
.trust-strip-motion.is-visible .trust-stats span:nth-child(4){transition-delay:.24s}
.trust-strip-motion .trust-stats span:hover{transform:translateY(-4px);background:rgba(255,153,0,.06)}
@media(prefers-reduced-motion:reduce){
  .trust-strip-motion .trust-stats span,
  .trust-strip-motion.is-visible .trust-stats span{opacity:1;transform:none;transition:none}
}

/* Account appeal services use six focused groups so the long list stays scannable. */
.account-service-section{background:#eef3f6;padding-top:112px;padding-bottom:118px}
.account-service-head{margin-bottom:30px}
.account-service-head .section-intro{max-width:390px}
.account-service-intro{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:38px;padding:18px 20px;border-left:3px solid var(--orange);background:#fff;border-bottom:1px solid #dfe5ea;box-shadow:0 8px 20px rgba(12,27,46,.04)}
.account-service-intro p{margin:0;color:#526579;font-size:15px;line-height:1.8}
.account-service-intro span{flex:0 0 auto;color:var(--orange);font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.account-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.account-service-card{min-height:214px;padding:24px 24px 22px;background:#fff;border:1px solid #dce4ea;border-left:3px solid #19334c;box-shadow:0 8px 22px rgba(12,27,46,.04);transition:transform .25s,box-shadow .25s}
.account-service-card:nth-child(2n){border-left-color:var(--orange)}
.account-service-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(12,27,46,.09)}
.account-service-card-head{display:flex;align-items:baseline;gap:14px;margin-bottom:14px}
.account-service-card-head span{color:var(--orange);font:600 12px var(--mono)}
.account-service-card h3{margin:0;color:var(--ink);font-size:20px;line-height:1.35}
.account-service-card p{margin:0;color:#66788a;font-size:13px;line-height:1.85}
@media(max-width:900px){
  .account-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .account-service-intro{display:block}
  .account-service-intro span{display:block;margin-top:12px}
}
@media(max-width:650px){
  .account-service-section{padding-top:82px;padding-bottom:88px}
  .account-service-grid{grid-template-columns:1fr;gap:12px}
  .account-service-card{min-height:0;padding:20px}
  .account-service-card h3{font-size:18px}
  .account-service-card p{font-size:13px;line-height:1.8}
}

/* Keep the contact group compact and give the full office address its own row. */
.footer-top{grid-template-columns:minmax(280px,320px) minmax(0,1fr);gap:42px}
.footer-top .footer-links{grid-template-columns:96px minmax(0,1fr) 132px;gap:22px}
.footer-address{grid-column:1/-1}
.footer-address small{overflow:visible;text-overflow:clip;white-space:normal}
@media(max-width:900px){
  .footer-top{grid-template-columns:minmax(220px,.9fr) minmax(0,1.6fr);gap:30px}
  .footer-top .footer-links{gap:18px}
}

/* Visual sitemap keeps the footer link useful for visitors as well as crawlers. */
.sitemap-section{background:var(--paper);padding-top:92px;padding-bottom:112px}
.sitemap-head{margin-bottom:46px}
.sitemap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sitemap-group{padding:25px 24px 20px;background:#fff;border:1px solid #dce4ea;border-top:3px solid var(--orange);box-shadow:0 8px 20px rgba(24,40,58,.05)}
.sitemap-label{margin:0 0 11px;color:#8797a7;font:10px var(--mono);letter-spacing:.1em}
.sitemap-group h3{margin:0 0 18px;color:var(--ink);font-size:21px;line-height:1.35}
.sitemap-group a{display:flex;flex-direction:column;gap:3px;padding:13px 0;border-top:1px solid #e5ebef}
.sitemap-group a:first-of-type{border-top:0}
.sitemap-group a strong{color:#243a50;font-size:14px;line-height:1.5}
.sitemap-group a span{color:#718096;font-size:12px;line-height:1.6}
.sitemap-group a:hover strong{color:#c87500}
@media(max-width:900px){
  .sitemap-grid{grid-template-columns:1fr 1fr}
  .sitemap-group:last-child{grid-column:1/-1}
}
@media(max-width:650px){
  .sitemap-section{padding-top:70px;padding-bottom:82px}
  .sitemap-head{margin-bottom:30px}
  .sitemap-grid{grid-template-columns:1fr;gap:14px}
  .sitemap-group:last-child{grid-column:auto}
  .sitemap-group{padding:22px 20px 17px}
}

/* Make the homepage case stream read as a distinct evidence module instead of
   blending into the surrounding paper background. */
.home-cases-section{
  background:#f2f5f7;
  border-top:1px solid #d9e2e9;
  border-bottom:1px solid #d9e2e9;
}
.home-cases-section .section-head{margin-bottom:28px}
.poa-case-marquee{
  margin-top:0;
  padding:0;
  border:0;
  background:#fff;
  border-radius:4px;
  box-shadow:0 12px 28px rgba(24,40,58,.06);
  overflow:hidden;
}
.poa-case-heading{
  display:flex;
  align-items:baseline;
  gap:12px;
  padding:19px 22px 15px;
  color:#20364b;
  border-bottom:1px solid #e5ebef;
  background:#fff;
}
.poa-case-heading strong{font-size:16px;font-weight:800;letter-spacing:.01em}
.poa-case-heading span{color:#708294;font-size:12px}
.poa-case-heading small{margin-left:auto;color:#96a5b3;font:10px var(--mono);letter-spacing:.1em}
.poa-case-viewport{
  margin:14px 14px 0;
  border:1px solid #e0e7ec;
  background:#f5f8fa;
  box-shadow:none;
  border-radius:3px;
}
.poa-case-group{gap:7px;padding:8px}
.poa-case-row{
  min-height:82px;
  padding:13px 16px;
  border:1px solid #e3e9ed;
  border-left:2px solid #f5a623;
  background:#fff;
  box-shadow:none;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.poa-case-row:hover{border-color:#ccd8e0;border-left-color:var(--orange);box-shadow:0 6px 16px rgba(24,40,58,.08);transform:translateY(-1px)}
.poa-case-meta{padding-right:12px;border-right:1px solid #edf1f3}
.poa-case-meta time{color:#8595a4}
.poa-case-meta strong{font-size:12px;color:#30465a}
.poa-case-topic span{font-size:14px;color:#23394d}
.poa-case-topic small{font-size:12px;color:#238ca0}
@media(max-width:650px){
  .poa-case-heading{display:grid;grid-template-columns:1fr auto;gap:3px 9px;padding:16px 15px 12px}
  .poa-case-heading small{grid-column:2;grid-row:1 / span 2;align-self:center}
  .poa-case-heading span{font-size:11px}
  .poa-case-viewport{margin:10px 10px 0}
  .poa-case-group{padding:6px;gap:6px}
  .poa-case-row{border-left-width:2px}
  .poa-case-meta{border-right:0;padding-right:0}
}

/* Keep testimonials restrained and readable: remove decorative quote glyphs,
   use a shared white card surface, and reserve orange for the active edge. */
.testimonials-section{background:#fff}
.testimonial-grid{gap:18px}
.testimonial-card,
.testimonial-card-featured{
  min-height:248px;
  padding:24px 24px 20px;
  background:#fff;
  color:var(--ink);
  border:1px solid #d9e2e9;
  border-top:3px solid #c6d2dc;
  border-radius:0;
  box-shadow:0 8px 20px rgba(24,40,58,.05);
}
.testimonial-card-featured{border-top-color:var(--orange);border-left-color:#d9e2e9;border-right-color:#d9e2e9;border-bottom-color:#d9e2e9}
.testimonial-card:hover{transform:translateY(-3px);border-top-color:var(--orange);box-shadow:0 12px 24px rgba(24,40,58,.09)}
.testimonial-mark{display:none}
.testimonial-card blockquote,
.testimonial-card-featured blockquote{
  margin:0 0 22px;
  padding-left:15px;
  border-left:2px solid rgba(255,153,0,.4);
  color:#53677d;
  font-size:14px;
  line-height:1.9;
}
.testimonial-card footer,
.testimonial-card-featured footer{border-color:#e4e9ee}
.testimonial-card footer strong,
.testimonial-card-featured footer strong{color:var(--ink)}
.testimonial-card footer span,
.testimonial-card-featured footer span{color:#8997a8}
@media(max-width:650px){
  .testimonial-card,
  .testimonial-card-featured{min-height:0;padding:22px 20px 18px}
  .testimonial-card blockquote,
  .testimonial-card-featured blockquote{font-size:14px;line-height:1.85}
}

/* Footer content supplied by the business: keep friendly links and contact
   details readable as separate groups at every breakpoint. */
.footer-top .footer-links{grid-template-columns:150px minmax(0,1fr) 132px}
@media(max-width:650px){
  .footer-top .footer-links{
    grid-template-columns:minmax(0,1fr);
    gap:22px;
    width:100%;
  }
  .footer-top .footer-links .footer-nav,
  .footer-top .footer-links .footer-contact,
  .footer-top .footer-links .footer-qr-col{
    grid-column:1;
    width:100%;
  }
  .footer-top .footer-links .footer-nav{grid-row:1}
  .footer-top .footer-links .footer-contact{
    grid-row:2;
    padding-top:18px;
    border-top:1px solid rgba(148,163,184,.22);
  }
  .footer-top .footer-links .footer-qr-col{
    grid-row:3;
    padding-top:18px;
    border-top:1px solid rgba(148,163,184,.22);
  }
  .footer-top .footer-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Appeal type cards: compact, equal-height surfaces with a quieter visual
   hierarchy so the title and scenario copy remain the focus. */
.appeals-section .appeal-grid{gap:16px}
.appeals-section .appeal-card{
  display:flex;
  flex-direction:column;
  min-height:244px;
  padding:22px 22px 19px;
  border:1px solid #d9e2ea;
  border-radius:7px;
  background:#fff;
  box-shadow:0 7px 18px rgba(24,40,58,.055);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.appeals-section .appeal-card:hover{
  transform:translateY(-4px);
  border-color:#f0b35f;
  box-shadow:0 12px 24px rgba(24,40,58,.1);
}
.appeals-section .appeal-card.featured{
  border-color:#d9e2ea;
  background:#fff;
  color:var(--ink);
  box-shadow:0 7px 18px rgba(24,40,58,.055);
}
.appeals-section .appeal-card.featured:hover{
  border-color:#0c1b2e;
  background:#0c1b2e;
  color:#fff;
  box-shadow:0 12px 24px rgba(12,27,46,.16);
}
.appeals-section .card-code{
  display:block;
  font-size:10px;
  line-height:1.3;
  font-family:var(--sans);
  font-weight:500;
  letter-spacing:.08em;
  text-transform:none;
}
.appeals-section .card-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  margin:16px 0 13px;
  border:1px solid #f3c27e;
  border-radius:50%;
  background:#fffaf2;
  color:var(--orange);
  font-size:17px;
  line-height:1;
}
.appeals-section .appeal-card h3{
  margin:0 0 8px;
  color:#14263a;
  font-size:18px;
  line-height:1.45;
  letter-spacing:0;
}
.appeals-section .appeal-card p{
  flex:1;
  min-height:0;
  margin:0;
  color:#63758a;
  font-size:13px;
  line-height:1.75;
}
.appeals-section .appeal-card.featured h3{color:#14263a}
.appeals-section .appeal-card.featured p{color:#63758a}
.appeals-section .appeal-card.featured:hover h3{color:#fff}
.appeals-section .appeal-card.featured:hover p{color:#bdc9d6}
.appeals-section .card-tags{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:17px;
  padding-right:38px;
}
.appeals-section .card-tags span{
  padding:4px 8px;
  border:1px solid #d8e0e7;
  color:#728196;
  background:#f8fafb;
  font-size:10px;
  line-height:1.3;
}
.appeals-section .appeal-card.featured .card-tags span{
  border-color:#d8e0e7;
  color:#728196;
  background:#f8fafb;
}
.appeals-section .appeal-card.featured:hover .card-tags span{
  border-color:#41536a;
  color:#c0ccda;
  background:transparent;
}
.appeals-section .appeal-card>a{
  right:20px;
  bottom:17px;
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border:1px solid #f1b362;
  border-radius:50%;
  color:var(--orange);
  font-size:16px;
  line-height:1;
  transition:transform .2s ease,background .2s ease,color .2s ease;
}
.appeals-section .appeal-card>a:hover{
  transform:translateX(2px);
  background:var(--orange);
  color:#17283b;
}
@media(max-width:650px){
  .appeals-section .appeal-card{min-height:0;padding:20px 19px 18px}
  .appeals-section .card-icon{margin:14px 0 11px}
  .appeals-section .appeal-card h3{font-size:18px}
  .appeals-section .appeal-card p{font-size:13px}
  .appeals-section .card-tags{margin-top:15px}
}

/* Keep partner links in the footer's bottom bar, above the legal information,
   and center the row for a clear, balanced footer ending. */
.footer-top .footer-links{grid-template-columns:minmax(0,1fr) 132px;gap:28px}
.footer-top .footer-links .footer-contact{grid-column:1;grid-row:1}
.footer-top .footer-links .footer-qr-col{grid-column:2;grid-row:1}
.footer-friendly{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px 0;
  padding:12px 0 3px;
  border-top:0;
  border-bottom:1px solid rgba(148,163,184,.12);
  color:#c3ccd7;
  font:400 11px/1.7 var(--sans);
}
.footer-friendly>span{margin-right:14px;color:var(--orange);font-weight:700}
.footer-friendly>a{color:#aeb9c7;transition:color .2s ease}
.footer-friendly>a:hover{color:#ffb033}
.footer-friendly>a+a{margin-left:14px;padding-left:14px;border-left:1px solid rgba(148,163,184,.35)}
@media(max-width:650px){
  .footer-top .footer-links{grid-template-columns:minmax(0,1fr);gap:22px;width:100%}
  .footer-top .footer-links .footer-contact{grid-column:1;grid-row:1}
  .footer-top .footer-links .footer-qr-col{grid-column:1;grid-row:2;padding-top:18px;border-top:1px solid rgba(148,163,184,.22)}
  .footer-friendly{display:flex;justify-content:center;gap:5px 14px;padding:13px 0 10px;text-align:center}
  .footer-friendly>span{margin:0}
  .footer-friendly>a,.footer-friendly>a+a{margin:0;padding:2px 0;border:0}
}

/* Contact dialog opened from the homepage consultation CTA. */
.contact-dialog-open{overflow:hidden}
.contact-dialog{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:rgba(7,18,32,.72);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility 0s linear .22s}
.contact-dialog.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.contact-dialog-panel{position:relative;width:min(720px,100%);padding:38px;background:#fffdf9;color:var(--ink);border:1px solid rgba(255,255,255,.65);box-shadow:0 28px 80px rgba(0,0,0,.3)}
.contact-dialog-close{position:absolute;top:14px;right:14px;width:34px;height:34px;padding:0;border:1px solid #d8d1c6;border-radius:50%;background:#fff;color:#243448;font-size:23px;line-height:1;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}
.contact-dialog-close:hover,.contact-dialog-close:focus-visible{border-color:var(--orange);background:var(--orange);color:var(--navy)}
.contact-dialog-close:focus-visible{outline:2px solid rgba(255,153,0,.45);outline-offset:3px}
.contact-dialog-intro{max-width:530px;padding-right:30px}
.contact-dialog-intro .kicker{margin:0 0 9px;color:#c87400;font-size:10px;letter-spacing:.13em}
.contact-dialog-intro h2{margin:0 0 9px;font-size:clamp(25px,3vw,34px);line-height:1.25;color:var(--ink)}
.contact-dialog-intro>p:last-child{margin:0;color:#68788b;font-size:13px;line-height:1.75}
.contact-dialog-body{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
.contact-dialog-qr{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px 12px 13px;background:#f7f2e9;border:1px solid #e7dfd3}
.contact-dialog-qr img{display:block;width:148px;height:148px;object-fit:cover;padding:6px;background:#fff;border-radius:6px}
.contact-dialog-qr strong{margin-top:13px;font-size:13px;color:var(--ink)}
.contact-dialog-qr span{margin-top:3px;color:#738296;font-size:11px;line-height:1.5}
.contact-dialog-details{display:grid;gap:10px;align-content:start}
.contact-dialog-item{display:grid;grid-template-columns:112px minmax(0,1fr);gap:3px 12px;padding:12px 14px;border:1px solid #e3ddd3;background:#fff;color:var(--ink);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.contact-dialog-item:hover{border-color:var(--orange);transform:translateY(-2px);box-shadow:0 8px 18px rgba(24,40,58,.08)}
.contact-dialog-item span{grid-row:1 / span 2;color:#c87400;font-size:11px;font-weight:700}
.contact-dialog-item strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.contact-dialog-item small{grid-column:2;color:#7a8999;font-size:10px;line-height:1.5}
@media(max-width:650px){
  .contact-dialog{padding:14px}
  .contact-dialog-panel{padding:29px 18px 20px;max-height:calc(100vh - 28px);overflow:auto}
  .contact-dialog-body{grid-template-columns:1fr;gap:20px;margin-top:22px;padding-top:20px}
  .contact-dialog-qr{max-width:240px;margin:0 auto;width:100%}
  .contact-dialog-qr img{width:132px;height:132px}
  .contact-dialog-details{gap:8px}
  .contact-dialog-item{grid-template-columns:96px minmax(0,1fr);padding:11px 12px}
}
@media(prefers-reduced-motion:reduce){.contact-dialog{transition:none}.contact-dialog-item{transition:none}}

/* Homepage advantages: photographic evidence cards and proof-led data blocks
   replace the former text-only list while preserving the full business copy. */
.about-advantage-section{
  position:relative;
  overflow:hidden;
  background:#f7f4ee;
}
.about-advantage-section .section-head{position:relative;z-index:1;margin-bottom:44px}
.about-advantage-section .advantage-showcase{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:16px;
  margin-top:0;
}
.about-advantage-section .advantage-showcase .advantage-card{
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:300px;
  padding:28px;
  overflow:hidden;
  border:1px solid #dfe4e8;
  border-top:1px solid #dfe4e8;
  border-radius:7px;
  background:#fff;
  box-shadow:0 12px 28px rgba(12,27,46,.08);
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.about-advantage-section .advantage-showcase .advantage-card:hover{
  transform:translateY(-6px);
  border-color:rgba(255,153,0,.72);
  box-shadow:0 22px 42px rgba(12,27,46,.15);
}
.about-advantage-section .advantage-card>*{position:relative;z-index:2}
.about-advantage-section .advantage-card .adv-no{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:auto;
  color:#d77900;
  font:700 10px/1.4 var(--mono);
  letter-spacing:.12em;
}
.about-advantage-section .advantage-card .adv-no::after{
  content:"";
  width:34px;
  height:1px;
  background:currentColor;
  transform-origin:left;
  transition:transform .35s ease;
}
.about-advantage-section .advantage-card:hover .adv-no::after{transform:scaleX(1.65)}
.about-advantage-section .advantage-showcase .advantage-card h3{
  margin:46px 0 12px;
  color:var(--ink);
  font-size:clamp(20px,2vw,28px);
  line-height:1.42;
}
.about-advantage-section .advantage-showcase .advantage-card p{
  margin:0;
  color:#68798a;
  font-size:13px;
  line-height:1.85;
}
.about-advantage-section .advantage-card-image{color:#fff;border-color:transparent}
.about-advantage-section .advantage-card-image::before,
.about-advantage-section .advantage-card-image::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
}
.about-advantage-section .advantage-card-image::before{
  background:var(--adv-image) center/cover no-repeat;
  transform:scale(1.01);
  transition:transform .7s cubic-bezier(.2,.75,.2,1),filter .7s ease;
}
.about-advantage-section .advantage-card-image::after{
  z-index:1;
  background:linear-gradient(180deg,rgba(8,22,38,.2) 0%,rgba(8,22,38,.84) 66%,rgba(8,22,38,.96) 100%);
}
.about-advantage-section .advantage-card-image:hover::before{transform:scale(1.08);filter:saturate(1.08)}
.about-advantage-section .advantage-card-image .adv-no{color:#ffb33c}
.about-advantage-section .advantage-showcase .advantage-card-image h3{color:#fff}
.about-advantage-section .advantage-showcase .advantage-card-image p{color:#d5dee8}
.about-advantage-section .advantage-card-lead{grid-column:span 7;min-height:410px}
.about-advantage-section .advantage-card-metric{grid-column:span 5;min-height:410px;background:#fff}
.about-advantage-section .advantage-card-platform{grid-column:span 8;min-height:360px}
.about-advantage-section .advantage-showcase .advantage-card-accent{grid-column:span 4;min-height:360px;border-color:#ef8f00;background:var(--orange);color:var(--navy)}
.about-advantage-section .advantage-card-team{grid-column:span 4;min-height:310px}
.about-advantage-section .advantage-showcase .advantage-card-dark{grid-column:span 8;min-height:310px;border-color:var(--navy);background:var(--navy);color:#fff}
.about-advantage-section .advantage-card-wide{grid-column:1/-1;min-height:220px;padding-right:210px;background:#fff}
.about-advantage-section .advantage-stat{display:flex;flex-direction:column;margin:28px 0 0!important}
.about-advantage-section .advantage-stat strong{color:var(--orange);font:800 clamp(48px,6vw,76px)/.95 var(--mono)}
.about-advantage-section .advantage-stat>small{margin-top:9px;color:#637286;font-size:11px;font-weight:700;letter-spacing:.08em}
.about-advantage-section .advantage-card-accent .adv-no,
.about-advantage-section .advantage-card-accent .advantage-stat strong,
.about-advantage-section .advantage-card-accent .advantage-stat>small{color:var(--navy)}
.about-advantage-section .advantage-card-accent .advantage-stat strong small{font-size:.3em}
.about-advantage-section .advantage-showcase .advantage-card-accent h3,
.about-advantage-section .advantage-showcase .advantage-card-accent p{color:var(--navy)}
.about-advantage-section .advantage-card-dark .adv-no{color:#ffb33c}
.about-advantage-section .advantage-statement{margin:28px 0 0!important;color:var(--orange)!important;font:800 clamp(52px,7vw,82px)/.9 var(--mono)!important}
.about-advantage-section .advantage-showcase .advantage-card-dark h3{color:#fff;margin-top:22px}
.about-advantage-section .advantage-showcase .advantage-card-dark p:last-child{max-width:720px;color:#b9c5d2}
.about-advantage-section .advantage-seal{
  position:absolute;
  right:32px;
  bottom:28px;
  display:grid;
  place-items:center;
  width:126px;
  height:126px;
  border:1px solid rgba(255,153,0,.6);
  border-radius:50%;
  color:#d77900;
  font:700 11px/1.5 var(--mono);
  text-align:center;
  letter-spacing:.08em;
  animation:advantage-seal-float 5s ease-in-out infinite;
}
@keyframes advantage-seal-float{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(2deg) translateY(-8px)}}
@media(max-width:900px){
  .about-advantage-section .advantage-showcase .advantage-card{grid-column:span 6;min-height:340px}
  .about-advantage-section .advantage-showcase .advantage-card-wide{grid-column:1/-1;min-height:230px}
}
@media(max-width:650px){
  .about-advantage-section>.container{width:min(560px,calc(100% - 32px))}
  .about-advantage-section .advantage-showcase{grid-template-columns:1fr;gap:12px}
  .about-advantage-section .advantage-showcase .advantage-card,
  .about-advantage-section .advantage-showcase .advantage-card:last-child{grid-column:1/-1;min-height:0;padding:22px 20px}
  .about-advantage-section .advantage-card-image{min-height:390px}
  .about-advantage-section .advantage-showcase .advantage-card h3{margin-top:34px;font-size:20px}
  .about-advantage-section .advantage-showcase .advantage-card p{font-size:13px;line-height:1.78}
  .about-advantage-section .advantage-card-wide{padding-right:20px;padding-bottom:22px}
  .about-advantage-section .advantage-seal{position:static;align-self:flex-end;width:76px;height:76px;margin-top:20px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  .about-advantage-section .advantage-card,
  .about-advantage-section .advantage-card-image::before,
  .about-advantage-section .advantage-card .adv-no::after{transition:none}
  .about-advantage-section .advantage-seal{animation:none}
}

/* Homepage advantages: keep the photo-led rhythm, but give every proof block
   a clear starting point and keep the compliance closeout compact. */
body[data-page="home"] .about-advantage-section{
  padding:112px 0 118px;
}
body[data-page="home"] .about-advantage-section .section-head{
  margin-bottom:38px;
}
body[data-page="home"] .about-advantage-section .advantage-showcase{
  gap:16px;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card{
  padding:26px 27px 27px;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card:not(.advantage-card-image){
  justify-content:flex-start;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card h3{
  margin-top:34px;
  font-size:clamp(20px,1.75vw,26px);
  line-height:1.42;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card p{
  font-size:13px;
  line-height:1.8;
}
body[data-page="home"] .about-advantage-section .advantage-card-wide{
  min-height:184px;
  padding-right:170px;
  justify-content:center!important;
}
body[data-page="home"] .about-advantage-section .advantage-card-wide h3{
  margin-top:25px;
}
body[data-page="home"] .about-advantage-section .advantage-card-wide p{
  max-width:760px;
}
body[data-page="home"] .about-advantage-section .advantage-seal{
  right:30px;
  bottom:24px;
  width:96px;
  height:96px;
  font-size:9px;
}
@media(max-width:900px){
  body[data-page="home"] .about-advantage-section{padding:88px 0 94px}
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card{min-height:320px}
  body[data-page="home"] .about-advantage-section .advantage-card-wide{min-height:190px}
}
@media(max-width:650px){
  body[data-page="home"] .about-advantage-section{padding:78px 0 84px}
  body[data-page="home"] .about-advantage-section .section-head{margin-bottom:30px}
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card{padding:22px 20px 24px}
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card h3{margin-top:28px;font-size:20px}
  body[data-page="home"] .about-advantage-section .advantage-card-wide{min-height:0;padding-right:20px;padding-bottom:24px;justify-content:flex-start!important}
  body[data-page="home"] .about-advantage-section .advantage-seal{position:static;align-self:flex-end;width:76px;height:76px;margin-top:18px;font-size:8px}
}

/* Homepage core advantages: a restrained split-card system keeps the supplied
   photos visible without placing long copy over busy backgrounds. */
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card{
  min-height:318px;
  padding:26px 28px 28px;
  border:1px solid #dce4e9;
  border-radius:6px;
  box-shadow:0 8px 20px rgba(12,27,46,.06);
  justify-content:flex-start;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,153,0,.7);
  box-shadow:0 16px 30px rgba(12,27,46,.11);
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card-image{
  background:#fff;
  color:var(--ink);
  border-color:#dce4e9;
}
body[data-page="home"] .about-advantage-section .advantage-card-image::before{
  inset:0 auto 0 0;
  width:34%;
  background-position:center;
  filter:saturate(.82) contrast(1.02);
  transform:none;
}
body[data-page="home"] .about-advantage-section .advantage-card-image::after{
  inset:0 auto 0 0;
  width:34%;
  background:linear-gradient(180deg,rgba(8,22,38,.12),rgba(8,22,38,.6));
}
body[data-page="home"] .about-advantage-section .advantage-card-image:hover::before{
  transform:scale(1.04);
}
body[data-page="home"] .about-advantage-section .advantage-card-image>*{
  max-width:61%;
  margin-left:37%;
}
body[data-page="home"] .about-advantage-section .advantage-card-image .adv-no{
  color:#d77900;
  margin-bottom:0;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card-image h3{
  margin-top:38px;
  color:var(--ink);
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card-image p{
  color:#68798a;
}
body[data-page="home"] .about-advantage-section .advantage-stat{
  margin:20px 0 0!important;
}
body[data-page="home"] .about-advantage-section .advantage-stat strong{
  font-size:clamp(48px,5vw,68px);
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card-metric h3,
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card-accent h3{
  margin-top:30px;
}
body[data-page="home"] .about-advantage-section .advantage-card-wide{
  min-height:178px;
  padding-right:28px;
  justify-content:center!important;
}
body[data-page="home"] .about-advantage-section .advantage-card-wide h3{
  margin-top:22px;
}
body[data-page="home"] .about-advantage-section .advantage-card-wide p{
  max-width:780px;
}
body[data-page="home"] .about-advantage-section .advantage-card-wide .advantage-seal{
  display:none;
}
@media(max-width:900px){
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card{min-height:300px;padding:23px 22px 24px}
  body[data-page="home"] .about-advantage-section .advantage-card-image>*{max-width:60%;margin-left:38%}
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card-image h3{margin-top:28px;font-size:20px}
}
@media(max-width:650px){
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card{min-height:0;padding:22px 20px 24px}
  body[data-page="home"] .about-advantage-section .advantage-card-image{padding-top:150px!important}
  body[data-page="home"] .about-advantage-section .advantage-card-image::before,
  body[data-page="home"] .about-advantage-section .advantage-card-image::after{inset:0 0 auto;width:100%;height:126px}
  body[data-page="home"] .about-advantage-section .advantage-card-image>*{max-width:none;margin-left:0}
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card-image h3{margin-top:24px;font-size:20px}
  body[data-page="home"] .about-advantage-section .advantage-card-wide{padding-right:20px;justify-content:flex-start!important}
}

/* Final homepage grid pass: regular three-column proportions remove the
   stretched gaps between short and long proof cards. */
body[data-page="home"] .about-advantage-section .advantage-showcase{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
}
body[data-page="home"] .about-advantage-section .advantage-card-lead,
body[data-page="home"] .about-advantage-section .advantage-card-platform,
body[data-page="home"] .about-advantage-section .advantage-card-dark{grid-column:span 2}
body[data-page="home"] .about-advantage-section .advantage-card-metric,
body[data-page="home"] .about-advantage-section .advantage-card-accent,
body[data-page="home"] .about-advantage-section .advantage-card-team{grid-column:span 1}
body[data-page="home"] .about-advantage-section .advantage-card-lead,
body[data-page="home"] .about-advantage-section .advantage-card-metric,
body[data-page="home"] .about-advantage-section .advantage-card-platform,
body[data-page="home"] .about-advantage-section .advantage-card-accent{min-height:320px}
body[data-page="home"] .about-advantage-section .advantage-card-team,
body[data-page="home"] .about-advantage-section .advantage-card-dark{min-height:248px}
body[data-page="home"] .about-advantage-section .advantage-card-wide{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:76px minmax(180px,240px) minmax(0,1fr);
  align-items:center;
  column-gap:22px;
  min-height:132px;
  padding:22px 28px;
}
body[data-page="home"] .about-advantage-section .advantage-card-wide .adv-no{grid-column:1;margin:0}
body[data-page="home"] .about-advantage-section .advantage-card-wide h3{grid-column:2;margin:0;font-size:22px}
body[data-page="home"] .about-advantage-section .advantage-card-wide p{grid-column:3;max-width:none}
body[data-page="home"] .about-advantage-section .advantage-stat strong{font-size:clamp(46px,4.4vw,64px)}
body[data-page="home"] .about-advantage-section .advantage-statement{font-size:clamp(48px,5.2vw,70px)!important}
@media(max-width:900px){
  body[data-page="home"] .about-advantage-section .advantage-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="home"] .about-advantage-section .advantage-card-lead,
  body[data-page="home"] .about-advantage-section .advantage-card-platform,
  body[data-page="home"] .about-advantage-section .advantage-card-dark{grid-column:span 2}
  body[data-page="home"] .about-advantage-section .advantage-card-wide{grid-column:1/-1}
}
@media(max-width:650px){
  body[data-page="home"] .about-advantage-section .advantage-showcase{grid-template-columns:1fr}
  body[data-page="home"] .about-advantage-section .advantage-card-lead,
  body[data-page="home"] .about-advantage-section .advantage-card-metric,
  body[data-page="home"] .about-advantage-section .advantage-card-platform,
  body[data-page="home"] .about-advantage-section .advantage-card-accent,
  body[data-page="home"] .about-advantage-section .advantage-card-team,
  body[data-page="home"] .about-advantage-section .advantage-card-dark,
  body[data-page="home"] .about-advantage-section .advantage-card-wide{grid-column:1/-1}
  body[data-page="home"] .about-advantage-section .advantage-card-wide{display:flex;min-height:0}
  body[data-page="home"] .about-advantage-section .advantage-card-wide h3,
  body[data-page="home"] .about-advantage-section .advantage-card-wide p{max-width:none}
}

/* Homepage advantages: one purposeful hero image, followed by quiet proof
   cards. Removing the extra image rails keeps the copy easy to scan. */
body[data-page="home"] .about-advantage-section .advantage-showcase{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card{
  min-height:0;
  padding:25px 26px 26px;
  border-radius:5px;
  box-shadow:0 6px 16px rgba(12,27,46,.055);
}
body[data-page="home"] .about-advantage-section .advantage-card-lead,
body[data-page="home"] .about-advantage-section .advantage-card-platform,
body[data-page="home"] .about-advantage-section .advantage-card-dark{grid-column:span 2}
body[data-page="home"] .about-advantage-section .advantage-card-metric,
body[data-page="home"] .about-advantage-section .advantage-card-accent,
body[data-page="home"] .about-advantage-section .advantage-card-team{grid-column:span 1}
body[data-page="home"] .about-advantage-section .advantage-card-lead,
body[data-page="home"] .about-advantage-section .advantage-card-metric{min-height:300px}
body[data-page="home"] .about-advantage-section .advantage-card-platform,
body[data-page="home"] .about-advantage-section .advantage-card-accent{min-height:286px}
body[data-page="home"] .about-advantage-section .advantage-card-team,
body[data-page="home"] .about-advantage-section .advantage-card-dark{min-height:232px}
body[data-page="home"] .about-advantage-section .advantage-card-lead{
  justify-content:flex-start;
}
body[data-page="home"] .about-advantage-section .advantage-card-lead::before{
  inset:0 auto 0 0;
  width:29%;
  background-position:center;
}
body[data-page="home"] .about-advantage-section .advantage-card-lead::after{
  inset:0 auto 0 0;
  width:29%;
  background:linear-gradient(180deg,rgba(8,22,38,.12),rgba(8,22,38,.58));
}
body[data-page="home"] .about-advantage-section .advantage-card-lead>*{
  max-width:67%;
  margin-left:32%;
}
body[data-page="home"] .about-advantage-section .advantage-card-lead h3{margin-top:36px}
body[data-page="home"] .about-advantage-section .advantage-card-platform,
body[data-page="home"] .about-advantage-section .advantage-card-team{
  color:var(--ink);
  background:#fff;
}
body[data-page="home"] .about-advantage-section .advantage-card-platform::before,
body[data-page="home"] .about-advantage-section .advantage-card-platform::after,
body[data-page="home"] .about-advantage-section .advantage-card-team::before,
body[data-page="home"] .about-advantage-section .advantage-card-team::after{display:none}
body[data-page="home"] .about-advantage-section .advantage-card-platform>*,
body[data-page="home"] .about-advantage-section .advantage-card-team>*{
  max-width:none;
  margin-left:0;
}
body[data-page="home"] .about-advantage-section .advantage-card-platform .adv-no,
body[data-page="home"] .about-advantage-section .advantage-card-team .adv-no{color:#d77900}
body[data-page="home"] .about-advantage-section .advantage-card-wide{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:70px minmax(170px,220px) minmax(0,1fr);
  align-items:center;
  column-gap:20px;
  min-height:122px;
  padding:20px 26px;
  justify-content:initial!important;
}
body[data-page="home"] .about-advantage-section .advantage-card-wide .adv-no{grid-column:1;margin:0}
body[data-page="home"] .about-advantage-section .advantage-card-wide h3{grid-column:2;margin:0;font-size:21px}
body[data-page="home"] .about-advantage-section .advantage-card-wide p{grid-column:3;max-width:none}
body[data-page="home"] .about-advantage-section .advantage-stat{margin:18px 0 0!important}
body[data-page="home"] .about-advantage-section .advantage-stat strong{font-size:clamp(46px,4.5vw,64px)}
body[data-page="home"] .about-advantage-section .advantage-statement{font-size:clamp(48px,5vw,68px)!important}
@media(max-width:900px){
  body[data-page="home"] .about-advantage-section .advantage-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="home"] .about-advantage-section .advantage-card-lead,
  body[data-page="home"] .about-advantage-section .advantage-card-platform,
  body[data-page="home"] .about-advantage-section .advantage-card-dark,
  body[data-page="home"] .about-advantage-section .advantage-card-wide{grid-column:1/-1}
  body[data-page="home"] .about-advantage-section .advantage-card-metric,
  body[data-page="home"] .about-advantage-section .advantage-card-accent,
  body[data-page="home"] .about-advantage-section .advantage-card-team{grid-column:span 1}
  body[data-page="home"] .about-advantage-section .advantage-card-wide{grid-template-columns:70px minmax(170px,220px) minmax(0,1fr)}
}
@media(max-width:650px){
  body[data-page="home"] .about-advantage-section .advantage-showcase{grid-template-columns:1fr}
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card{grid-column:1/-1;min-height:0}
  body[data-page="home"] .about-advantage-section .advantage-card-lead{padding-top:145px!important}
  body[data-page="home"] .about-advantage-section .advantage-card-lead::before,
  body[data-page="home"] .about-advantage-section .advantage-card-lead::after{inset:0 0 auto;width:100%;height:120px}
  body[data-page="home"] .about-advantage-section .advantage-card-lead>*{max-width:none;margin-left:0}
  body[data-page="home"] .about-advantage-section .advantage-card-wide{display:flex;align-items:flex-start;flex-direction:column;gap:0;min-height:0;padding:22px 20px 24px}
  body[data-page="home"] .about-advantage-section .advantage-card-wide h3{margin-top:25px}
  body[data-page="home"] .about-advantage-section .advantage-card-wide p{margin-top:10px}
}

/* Homepage advantages: keep every list item on the same quiet surface after
   removing the oversized metric callouts. */
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card:not(.advantage-card-wide){
  background:#fff!important;
  color:var(--ink)!important;
  border-color:#dbe2e7!important;
  border-top-color:var(--orange)!important;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card:not(.advantage-card-wide) h3{
  margin-top:34px;
  color:var(--ink)!important;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card:not(.advantage-card-wide) p{
  color:#68798a!important;
}
body[data-page="home"] .about-advantage-section .advantage-card-dark .adv-no,
body[data-page="home"] .about-advantage-section .advantage-card-accent .adv-no{color:#c87500!important}
body[data-page="home"] .about-advantage-section .advantage-stat,
body[data-page="home"] .about-advantage-section .advantage-statement{display:none!important}

/* Keep the lead copy in its text rail beside the image at desktop widths. */
@media(min-width:651px){
  body[data-page="home"] .about-advantage-section .advantage-card-lead h3,
  body[data-page="home"] .about-advantage-section .advantage-card-lead p{
    width:64%;
    max-width:64%;
    margin-left:0!important;
    position:relative;
    left:34%;
  }
}
@media (min-width:651px) and (max-width:900px){
  body[data-page="home"] .about-advantage-section .advantage-showcase{grid-template-columns:1fr}
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card,
  body[data-page="home"] .about-advantage-section .advantage-card-lead,
  body[data-page="home"] .about-advantage-section .advantage-card-metric,
  body[data-page="home"] .about-advantage-section .advantage-card-platform,
  body[data-page="home"] .about-advantage-section .advantage-card-accent,
  body[data-page="home"] .about-advantage-section .advantage-card-team,
  body[data-page="home"] .about-advantage-section .advantage-card-dark,
  body[data-page="home"] .about-advantage-section .advantage-card-wide{grid-column:1/-1}
}

/* Final about-page statement: a visual closing band rather than another card grid. */
.about-vision-section{
  position:relative;
  overflow:hidden;
  padding:0 0 112px;
  background:var(--paper);
}
.about-vision-panel{
  position:relative;
  min-height:390px;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);
  align-items:stretch;
  overflow:hidden;
  background:#0c1b2e;
  isolation:isolate;
}
.about-vision-copy{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:64px clamp(30px,5vw,76px);
  color:#fff;
}
.about-vision-copy .kicker{
  margin:0 0 20px;
  color:#ffb13b;
  font-size:12px;
  letter-spacing:.16em;
}
.about-vision-copy h2{
  margin:0;
  color:#fff;
  font-family:Georgia,"Noto Serif SC",serif;
  font-size:clamp(30px,3.2vw,48px);
  font-weight:600;
  line-height:1.18;
  letter-spacing:.01em;
}
.about-vision-statement{
  max-width:540px;
  margin:24px 0 0;
  color:#d7e0e9;
  font-size:16px;
  line-height:1.95;
}
.about-vision-rule{
  width:76px;
  height:3px;
  margin-top:30px;
  background:var(--orange);
}
.about-vision-visual{
  position:relative;
  min-height:390px;
  margin:0;
  overflow:hidden;
  background:#172b42;
}
.about-vision-visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,#0c1b2e 0%,rgba(12,27,46,.62) 16%,rgba(12,27,46,.1) 55%,rgba(12,27,46,.3) 100%),linear-gradient(180deg,rgba(12,27,46,.04),rgba(12,27,46,.42));
}
.about-vision-visual::after{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  top:18%;
  bottom:18%;
  width:1px;
  background:rgba(255,177,59,.76);
}
.about-vision-visual img{
  display:block;
  width:100%;
  height:100%;
  min-height:390px;
  object-fit:cover;
  object-position:center 42%;
  opacity:.88;
  filter:saturate(.82) contrast(1.05);
}
.about-vision-visual figcaption{
  position:absolute;
  z-index:3;
  right:26px;
  bottom:23px;
  color:rgba(255,255,255,.72);
  font:600 10px/1.3 var(--sans);
  letter-spacing:.15em;
}
.about-vision-watermark{
  position:absolute;
  z-index:1;
  right:31%;
  bottom:-30px;
  color:rgba(255,255,255,.055);
  font:700 clamp(100px,16vw,220px)/.8 var(--sans);
  letter-spacing:.02em;
  pointer-events:none;
  user-select:none;
}
@media(max-width:760px){
  .about-vision-section{padding-bottom:82px}
  .about-vision-panel{display:block;min-height:0}
  .about-vision-copy{min-height:330px;padding:48px 28px 42px}
  .about-vision-copy h2{font-size:34px}
  .about-vision-statement{font-size:14px;line-height:1.85}
  .about-vision-visual{min-height:230px}
  .about-vision-visual img{min-height:230px;max-height:280px;object-position:center 38%}
  .about-vision-visual figcaption{right:18px;bottom:16px;font-size:9px}
  .about-vision-watermark{right:-6px;bottom:210px;font-size:110px}
}
@media(prefers-reduced-motion:reduce){.about-vision-visual img{transition:none}}

/* Positioning statement: one focused brand panel replaces the former card grid. */
.positioning-section{
  position:relative;
  overflow:hidden;
  padding-top:96px;
  padding-bottom:96px;
  background:#f6f8fa;
}
.positioning-panel{
  position:relative;
  display:grid;
  grid-template-columns:190px minmax(0,1fr) 170px;
  min-height:260px;
  align-items:center;
  overflow:hidden;
  background:var(--navy);
  color:#fff;
  isolation:isolate;
}
.positioning-panel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.28;
  background-image:linear-gradient(115deg,transparent 0 48%,rgba(255,153,0,.35) 48.2%,transparent 48.6%),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:auto,72px 72px,72px 72px;
  mask-image:linear-gradient(90deg,#000,transparent 85%);
}
.positioning-years{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:170px;
  border-right:1px solid rgba(255,255,255,.18);
}
.positioning-years strong{
  color:var(--orange);
  font:700 clamp(90px,9vw,132px)/.8 var(--mono);
  letter-spacing:-.08em;
}
.positioning-years span{
  margin-top:15px;
  color:#b7c4d2;
  font:600 10px/1.45 var(--sans);
  letter-spacing:.13em;
  text-align:center;
}
.positioning-copy{
  padding:34px clamp(30px,5vw,72px);
}
.positioning-copy .kicker{
  margin:0 0 15px;
  color:#ffb13b;
  font-size:12px;
  letter-spacing:.16em;
}
.positioning-copy h2{
  margin:0;
  color:#fff;
  font-size:clamp(25px,2.8vw,38px);
  font-weight:800;
  line-height:1.25;
  letter-spacing:.01em;
}
.positioning-copy>p:last-child{
  max-width:620px;
  margin:18px 0 0;
  color:#c7d3df;
  font-size:15px;
  line-height:1.9;
}
.positioning-sign{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-self:stretch;
  padding:28px 24px;
  border-left:1px solid rgba(255,255,255,.18);
  background:rgba(255,153,0,.08);
}
.positioning-sign strong{
  color:#fff;
  font:700 25px/1.05 var(--mono);
  letter-spacing:.04em;
}
.positioning-sign strong i{color:var(--orange);font-style:normal}
.positioning-sign span{
  margin-top:14px;
  color:#93a5b9;
  font:600 9px/1.55 var(--sans);
  letter-spacing:.14em;
}
@media(max-width:760px){
  .positioning-section{padding-top:72px;padding-bottom:72px}
  .positioning-panel{grid-template-columns:112px minmax(0,1fr);min-height:0}
  .positioning-years{min-height:200px}
  .positioning-years strong{font-size:84px}
  .positioning-years span{font-size:9px}
  .positioning-copy{padding:34px 24px 32px}
  .positioning-copy .kicker{font-size:10px;letter-spacing:.1em}
  .positioning-copy h2{font-size:25px}
  .positioning-copy>p:last-child{font-size:13px;line-height:1.8}
  .positioning-sign{grid-column:1/-1;min-height:86px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.18);border-left:0;flex-direction:row;align-items:center;justify-content:space-between}
  .positioning-sign span{margin-top:0;text-align:right}
}

/* Keep the service-flow supporting heading on the same subtitle scale as the
   other about-page modules. */
.about-process-copy h2{
  font-size:var(--section-subtitle-size)!important;
  line-height:1.7!important;
  letter-spacing:.02em!important;
  font-weight:700!important;
}

/* API list cards show an optional evidence thumbnail on the left. */
.knowledge-card,
.case-list-card{
  display:grid;
  grid-template-columns:150px minmax(0,1fr) auto;
  align-items:center;
  column-gap:22px;
}
.list-card-media{
  grid-column:1;
  width:150px;
  aspect-ratio:16 / 10;
  overflow:hidden;
  border:1px solid #dfe5ea;
  background:#edf2f5;
}
.list-card-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s ease;
}
.knowledge-card:hover .list-card-media img,
.case-list-card:hover .list-card-media img{transform:scale(1.04)}
.list-card-media.is-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  border-color:#30445a;
  background:linear-gradient(135deg,#112942,#243c55);
}
.list-card-media.is-empty strong{color:var(--orange);font:700 21px/1 var(--mono);letter-spacing:.08em}
.list-card-media.is-empty span{color:#aebdcd;font:600 8px/1.2 var(--sans);letter-spacing:.16em}
.list-card-body{grid-column:2;min-width:0}
.list-card-body p{margin:0!important}
.knowledge-card .knowledge-read,
.case-list-card .knowledge-read{
  position:static;
  grid-column:3;
  align-self:center;
  margin:0;
  white-space:nowrap;
}
@media(max-width:650px){
  .knowledge-card,
  .case-list-card{
    grid-template-columns:minmax(0,1fr);
    row-gap:16px;
  }
  .list-card-media,
  .list-card-body,
  .knowledge-card .knowledge-read,
  .case-list-card .knowledge-read{grid-column:1}
  .list-card-media{width:100%;max-width:260px;aspect-ratio:16 / 9}
  .knowledge-card .knowledge-read,
  .case-list-card .knowledge-read{justify-self:start}
}

/* Platform-first appeal catalogue: long descriptions stay readable without
   forcing users through a wall of small equal-height cards. */
.platform-appeal-catalog{
  display:grid;
  gap:18px;
  margin-top:4px;
}
.appeal-category-tabs-wrap{
  display:flex;
  align-items:flex-start;
  gap:16px;
  min-height:54px;
  margin:0 0 18px;
  padding:7px 14px;
  border:1px solid #dfe6eb;
  background:#f1f5f7;
}
.appeal-category-tabs-wrap.is-hidden{display:none}
.appeal-category-label{
  flex:0 0 auto;
  color:#81909e;
  font:600 10px/1.4 var(--sans);
  letter-spacing:.1em;
  white-space:nowrap;
}
.appeal-category-tabs{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  align-items:stretch;
  gap:3px;
  min-width:0;
}
.appeal-category-tab{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  min-height:36px;
  padding:7px 11px 8px;
  border:0;
  border-left:2px solid transparent;
  background:transparent;
  color:#65788a;
  font:600 12px/1.3 var(--sans);
  cursor:pointer;
  white-space:nowrap;
  transition:color .2s ease,border-color .2s ease,background .2s ease;
}
.appeal-category-tab small{
  display:inline-grid;
  place-items:center;
  min-width:18px;
  height:18px;
  padding:0 4px;
  border-radius:10px;
  color:#8c9aa7;
  background:#e1e8ed;
  font:500 9px/1 var(--mono);
  transition:color .2s ease,background .2s ease;
}
.appeal-category-tab:hover{color:var(--ink);background:rgba(255,255,255,.7)}
.appeal-category-tab.is-active{color:var(--ink);border-left-color:var(--orange);background:#fff}
.appeal-category-tab.is-active small{color:#fff;background:var(--orange)}
.appeal-category-tab:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.platform-appeal-group.is-hidden{display:none}
.platform-appeal-group{
  background:#fff;
  border:1px solid #dbe4ea;
  border-top:3px solid var(--orange);
  box-shadow:0 8px 20px rgba(24,40,58,.045);
}
.platform-appeal-group-head{
  display:flex;
  align-items:baseline;
  gap:14px;
  padding:19px 24px 16px;
  border-bottom:1px solid #e6edf1;
}
.platform-appeal-group-head>span{
  color:var(--orange);
  font:600 12px/1 var(--mono);
  letter-spacing:.08em;
}
.platform-appeal-group-head h3{
  margin:0;
  color:var(--ink);
  font-size:20px;
  line-height:1.4;
}
.platform-appeal-group-head i{
  margin-left:auto;
  color:#91a0ad;
  font:11px var(--mono);
  font-style:normal;
}
.platform-appeal-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:28px;
  padding:0 24px 7px;
}
.platform-appeal-item{
  min-width:0;
  padding:16px 0 17px;
  border-bottom:1px solid #edf1f4;
}
.platform-appeal-item h4{
  margin:0 0 6px;
  color:#243b50;
  font-size:15px;
  line-height:1.5;
  font-weight:800;
}
.platform-appeal-item p{
  margin:0;
  color:#687b8d;
  font-size:13px;
  line-height:1.8;
}
.platform-appeal-cta{
  display:inline-flex;
  align-items:center;
  gap:18px;
  justify-self:start;
  margin-top:4px;
  padding:12px 18px;
  color:#fff;
  background:var(--ink);
  font-size:13px;
  font-weight:700;
  transition:transform .2s ease,background .2s ease;
}
.platform-appeal-cta span{color:var(--orange);font-size:18px;line-height:1}
.platform-appeal-cta:hover{transform:translateY(-2px);background:#17324d}
@media(max-width:650px){
  .appeal-category-tabs-wrap{align-items:flex-start;gap:10px;margin-bottom:14px;padding:6px 10px;overflow:visible}
  .appeal-category-label{display:flex;align-items:flex-start;padding-top:8px}
  .appeal-category-tabs{flex:1 1 auto;overflow:visible;flex-wrap:nowrap}
  .appeal-category-tab{width:100%;flex:0 0 auto;min-height:34px;padding:7px 9px 8px;font-size:11px}
  .appeals-section .filter-tabs{display:flex;flex-wrap:wrap!important;overflow:visible;gap:8px}
  .appeals-section .filter{flex:0 0 auto;white-space:nowrap}
  .appeals-section .section-head,
  .appeals-section .filter-tabs,
  .appeals-section .section-intro{width:100%;min-width:0;max-width:100%}
  .appeals-section .section-intro{display:block;white-space:normal!important;overflow-wrap:anywhere;word-break:break-all}
  .appeals-section .filter{display:inline-flex;align-items:center;justify-content:center;width:calc(50% - 4px);padding-left:8px;padding-right:8px;text-align:center}
  .platform-appeal-group-head{padding:16px 18px 14px;gap:10px}
  .platform-appeal-group-head h3{font-size:18px}
  .platform-appeal-group-head i{font-size:10px}
  .platform-appeal-list{grid-template-columns:1fr;padding:0 18px 4px}
  .platform-appeal-item{padding:14px 0 15px}
  .platform-appeal-item h4{font-size:14px}
  .platform-appeal-item p{font-size:13px;line-height:1.75}
  .platform-appeal-cta{width:100%;justify-content:space-between;margin-top:1px}
}

/* Homepage promise banner turns the supplied service commitments into a
   compact trust signal between the workflow and platform sections. */
.service-promise-banner{
  position:relative;
  overflow:hidden;
  padding:58px 0 62px;
  color:#fff;
  background:#0c1b2e;
}
.service-promise-banner::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.34;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(90deg,#000,transparent 88%);
  pointer-events:none;
}
.service-promise-banner .container{position:relative;z-index:1}
.service-promise-heading{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:26px;
  margin-bottom:25px;
}
.service-promise-heading .kicker{
  flex:0 0 auto;
  margin:0;
  color:#ffad2f;
  font-size:12px;
  line-height:1.4;
  letter-spacing:.1em;
}
.service-promise-heading h2{
  margin:0;
  color:#fff;
  font-size:clamp(20px,2.1vw,28px);
  line-height:1.35;
  font-weight:800;
  letter-spacing:.01em;
}
.service-promise-grid{
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr 1fr;
  border-top:1px solid rgba(255,255,255,.22);
  border-bottom:1px solid rgba(255,255,255,.22);
}
.service-promise-item{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:132px;
  padding:22px 25px 21px;
  border-left:1px solid rgba(255,255,255,.2);
}
.service-promise-item:first-child{border-left:0}
.service-promise-index{
  display:block;
  margin-bottom:15px;
  color:#ffad2f;
  font:600 11px/1 var(--mono);
  letter-spacing:.1em;
}
.service-promise-item strong{
  color:#e6edf4;
  font-size:16px;
  line-height:1.55;
  font-weight:700;
}
.service-promise-item-primary{
  background:var(--orange);
}
.service-promise-item-primary .service-promise-index,
.service-promise-item-primary strong{color:#17283b}
.service-promise-item-stat strong em{
  color:var(--orange);
  font-style:normal;
  font-size:26px;
  line-height:1;
}
@media(max-width:900px){
  .service-promise-heading{display:block}
  .service-promise-heading h2{margin-top:10px}
  .service-promise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-promise-item:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.2)}
  .service-promise-item:nth-child(4){border-top:1px solid rgba(255,255,255,.2)}
}
@media(max-width:650px){
  .service-promise-banner{padding:46px 0 50px}
  .service-promise-heading{margin-bottom:20px}
  .service-promise-heading .kicker{font-size:11px}
  .service-promise-heading h2{font-size:21px;line-height:1.45}
  .service-promise-grid{grid-template-columns:1fr}
  .service-promise-item,
  .service-promise-item:nth-child(3),
  .service-promise-item:nth-child(4){min-height:0;padding:18px 18px 19px;border-left:0;border-top:1px solid rgba(255,255,255,.2)}
  .service-promise-item:first-child{border-top:0}
  .service-promise-index{margin-bottom:9px;font-size:10px}
  .service-promise-item strong{font-size:15px;line-height:1.55}
  .service-promise-item-stat strong em{font-size:23px}
}

/* Promise copy is presented as staggered horizontal signals instead of a
   repeated headline-and-card block. The second pair lives in the team band
   so each commitment has its own visual position on the homepage. */
.service-promise-banner{padding:64px 0 70px}
.service-promise-heading{margin-bottom:30px}
.service-promise-heading .kicker{margin:0;color:#ffad2f;font-size:12px;letter-spacing:.1em}
.service-promise-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px;
  border:0;
}
.service-promise-grid .service-promise-item{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:136px;
  padding:25px 29px 26px;
  border:1px solid rgba(255,255,255,.24);
  border-left:3px solid var(--orange);
  background:rgba(255,255,255,.045);
  box-shadow:0 13px 28px rgba(0,0,0,.1);
  transition:transform .3s ease,background .3s ease,border-color .3s ease;
}
.service-promise-grid .service-promise-item:first-child{grid-column:1 / span 7;border-left:0;border-top:3px solid var(--orange)}
.service-promise-grid .service-promise-item:nth-child(2){grid-column:6 / span 7;margin-top:6px;border-top:3px solid #ffb347}
.service-promise-grid .service-promise-item:hover{transform:translateY(-5px);background:rgba(255,255,255,.09);border-color:rgba(255,173,47,.85)}
.service-promise-grid .service-promise-item-primary{background:var(--orange);border-color:var(--orange);box-shadow:10px 10px 0 rgba(255,173,47,.13)}
.service-promise-grid .service-promise-item-primary:hover{background:#ffad2f}
.service-promise-grid .service-promise-index{margin:0 0 14px;color:#ffad2f;font:700 10px/1 var(--mono);letter-spacing:.12em}
.service-promise-grid .service-promise-item-primary .service-promise-index{color:#17283b}
.service-promise-grid .service-promise-item strong{color:#edf2f7;font-size:clamp(20px,2.15vw,30px);line-height:1.4;font-weight:800}
.service-promise-grid .service-promise-item-primary strong{color:#17283b}

.team-support-band{min-height:320px;padding:70px 0;background-position:center 48%}
.team-support-band>.container>.kicker{margin:0 0 24px}
.team-support-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:80px;align-items:center}
.team-support-copy p{max-width:520px;margin:0;color:#c4cfdb;font-size:16px;line-height:1.9}
.team-promise-banners{display:grid;gap:14px}
.team-promise-banner{
  position:relative;
  display:flex;
  align-items:center;
  gap:20px;
  min-height:76px;
  padding:17px 23px;
  border-top:1px solid rgba(255,255,255,.6);
  border-bottom:1px solid rgba(255,255,255,.2);
  background:rgba(7,21,37,.58);
  box-shadow:12px 10px 0 rgba(7,21,37,.18);
  transition:transform .3s ease,border-color .3s ease,background .3s ease;
}
.team-promise-banner::after{content:"";width:44px;height:2px;background:var(--orange);margin-left:auto;transition:width .3s ease}
.team-promise-banner:hover{transform:translateX(-6px);border-color:var(--orange);background:rgba(7,21,37,.78)}
.team-promise-banner:hover::after{width:68px}
.team-promise-banner>span{color:#ffb347;font:700 10px var(--mono);letter-spacing:.12em}
.team-promise-banner strong{color:#fff;font-size:clamp(20px,2.1vw,29px);line-height:1.3}
.team-promise-banner-stat{margin-left:46px;background:rgba(255,153,0,.9);border-color:var(--orange);box-shadow:12px 10px 0 rgba(7,21,37,.3)}
.team-promise-banner-stat:hover{background:rgba(255,153,0,.96);border-color:var(--orange)}
.team-promise-banner-stat>span,.team-promise-banner-stat strong{color:#102239}
.team-promise-banner-stat strong em{font-style:normal;font-size:1.25em;line-height:1}
.team-promise-banner-stat::after{background:#102239}
@media(max-width:900px){
  .service-promise-grid .service-promise-item:first-child{grid-column:1 / span 8}
  .service-promise-grid .service-promise-item:nth-child(2){grid-column:5 / span 8}
  .team-support-layout{grid-template-columns:1fr;gap:34px}
  .team-promise-banners{max-width:620px}
}
@media(max-width:650px){
  .service-promise-banner{padding:48px 0 54px}
  .service-promise-heading{margin-bottom:22px}
  .service-promise-grid{grid-template-columns:1fr;gap:10px}
  .service-promise-grid .service-promise-item:first-child,
  .service-promise-grid .service-promise-item:nth-child(2){grid-column:1;margin:0;min-height:112px;padding:21px 20px}
  .service-promise-grid .service-promise-item strong{font-size:20px;line-height:1.45}
  .team-support-band{min-height:0;padding:54px 0 58px}
  .team-support-band>.container>.kicker{margin-bottom:20px}
  .team-support-copy p{font-size:14px;line-height:1.8}
  .team-promise-banners{gap:10px}
  .team-promise-banner{min-height:68px;padding:14px 16px;gap:12px}
  .team-promise-banner strong{font-size:19px}
  .team-promise-banner-stat{margin-left:20px}
  .team-promise-banner::after{width:28px}
}
@media(prefers-reduced-motion:reduce){
  .service-promise-grid .service-promise-item,
  .team-promise-banner,.team-promise-banner::after{transition:none}
}

/* Keep page scrolling available while removing the browser's vertical rail
   from every page that loads the shared stylesheet. */
html,
body{
  scrollbar-width:none;
  -ms-overflow-style:none;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar{
  width:0;
  height:0;
  display:none;
}

/* Appeal platform tabs: keep the active state crisp against the orange chip
   set, using the site's navy surface and a restrained orange keyline. */
.appeals-section .filter.active{
  position:relative;
  color:#fff;
  background:linear-gradient(135deg,#17324d 0%,#0c1b2e 100%);
  border-color:#0c1b2e;
  box-shadow:0 8px 16px rgba(12,27,46,.2),inset 0 -3px 0 var(--orange);
  transform:translateY(-1px);
}
.appeals-section .filter.active:hover{background:linear-gradient(135deg,#1e4262 0%,#10263c 100%)}
.appeals-section .filter:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.appeals-section .filter.active{transform:none}}

/* The shared SellerAegis header already reserves its own 60px flow space.
   The original POA homepage added an extra fixed-header offset, which would
   leave a visible white band above the integrated hero. */
.poa-content-page .security-carousel{margin-top:0}

/* The shared mobile header is fixed and POA pages already include their own
   top padding, so the extra flow placeholder creates a visible blank band. */
.poa-content-page{margin:0}
@media(max-width:650px){
  .poa-content-page .header-placeholder{height:0;background:transparent}
}

/* POA's content stylesheet defines a centered 1160px `.container`. Keep
   that width for the page body, but let the shared SellerAegis header span
   the same full-width track as every other site page. */
.poa-content-page .headComp .container{width:100%;max-width:100%;}

/* Keep the selected platform chip's dark surface flush with its full button box. */
.appeals-section .filter-tabs .filter.active,
.appeals-section .filter-tabs .filter.active:hover,
.appeals-section .filter-tabs .filter.active:focus-visible{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-height:38px;
  padding:9px 16px;
  background:#0c1b2e;
  background-image:none;
  border:1px solid #0c1b2e;
  box-shadow:0 8px 16px rgba(12,27,46,.2);
  transform:none;
}

/* Remove improvised marketing subtitles while keeping factual module copy. */
body[data-page="about"] .about-process-copy > h2,
body[data-page="about"] .positioning-copy > h2,
body[data-page="about"] .about-values-copy > h2,
body[data-page="about"] .platform-showcase-head > h2,
body[data-page="about"] .appeal-faq-intro > h2,
body[data-page="about"] .contact-inner h2,
.article-aside .aside-card > h3{
  display:none;
}

/* About-page advantages use a readable editorial grid after removing the
   redundant metric callouts and decorative seal from the legacy layout. */
body[data-page="about"] .about-advantage-section .section-head{margin-bottom:46px}
body[data-page="about"] .about-advantage-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:18px;
  margin-top:0;
}
body[data-page="about"] .about-advantage-grid .about-advantage-card{
  grid-column:span 6;
  min-height:270px;
  padding:25px 27px 28px;
  border:1px solid #d9e0e5;
  border-top:3px solid #172b40;
  background:#fff;
  box-shadow:0 8px 20px rgba(12,27,46,.05);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
body[data-page="about"] .about-advantage-grid .about-advantage-card:nth-child(1){grid-column:span 7}
body[data-page="about"] .about-advantage-grid .about-advantage-card:nth-child(2){grid-column:span 5}
body[data-page="about"] .about-advantage-grid .about-advantage-card:nth-child(3){grid-column:span 5}
body[data-page="about"] .about-advantage-grid .about-advantage-card:nth-child(4){grid-column:span 7}
body[data-page="about"] .about-advantage-grid .about-advantage-card:nth-child(5){grid-column:span 4}
body[data-page="about"] .about-advantage-grid .about-advantage-card:nth-child(6){grid-column:span 8}
body[data-page="about"] .about-advantage-grid .about-advantage-card:nth-child(7){grid-column:1/-1;min-height:220px}
body[data-page="about"] .about-advantage-card:hover{transform:translateY(-5px);border-color:var(--orange);box-shadow:0 16px 30px rgba(12,27,46,.11)}
body[data-page="about"] .about-advantage-card .adv-no{display:flex;align-items:center;gap:10px;color:#d27a00;font:700 10px/1.4 var(--mono);letter-spacing:.1em}
body[data-page="about"] .about-advantage-card .adv-no::after{content:"";width:34px;height:1px;background:var(--orange)}
body[data-page="about"] .about-advantage-card h3{margin:32px 0 12px;color:var(--ink);font-size:22px;line-height:1.45}
body[data-page="about"] .about-advantage-card p{margin:0;color:#68798a;font-size:14px;line-height:1.85}
body[data-page="about"] .about-advantage-card-dark{background:var(--navy)!important;border-color:var(--navy)!important}
body[data-page="about"] .about-advantage-card-dark .adv-no{color:#ffb347}
body[data-page="about"] .about-advantage-card-dark h3{color:#fff}
body[data-page="about"] .about-advantage-card-dark p{color:#c5d0db}
body[data-page="about"] .about-advantage-card-accent{background:var(--orange)!important;border-color:var(--orange)!important}
body[data-page="about"] .about-advantage-card-accent .adv-no,
body[data-page="about"] .about-advantage-card-accent h3,
body[data-page="about"] .about-advantage-card-accent p{color:var(--navy)}
body[data-page="about"] .about-advantage-card-accent .adv-no::after{background:var(--navy)}
@media(max-width:900px){
  body[data-page="about"] .about-advantage-grid .about-advantage-card{grid-column:span 6}
  body[data-page="about"] .about-advantage-grid .about-advantage-card:nth-child(7){grid-column:1/-1}
}
@media(max-width:650px){
  body[data-page="about"] .about-advantage-section .section-head{margin-bottom:34px}
  body[data-page="about"] .about-advantage-grid{grid-template-columns:1fr;gap:12px}
  body[data-page="about"] .about-advantage-grid .about-advantage-card,
  body[data-page="about"] .about-advantage-grid .about-advantage-card:nth-child(n){grid-column:1/-1;min-height:0;padding:22px 20px 24px}
  body[data-page="about"] .about-advantage-card h3{margin-top:25px;font-size:19px}
  body[data-page="about"] .about-advantage-card p{font-size:13px;line-height:1.8}
}

/* Homepage core advantages: a calm two-column rhythm with one supporting
   image, consistent card proportions, and a compact full-width closeout. */
body[data-page="home"] .about-advantage-section{
  padding:104px 0 112px;
  background:#f5f7f8;
}
body[data-page="home"] .about-advantage-section .section-head{
  margin-bottom:34px;
}
body[data-page="home"] .about-advantage-section .section-head .kicker{
  margin:0;
  color:var(--orange);
  font-family:var(--sans);
  font-size:32px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:0;
}
body[data-page="home"] .about-advantage-section .advantage-showcase{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:0;
  align-items:stretch;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card{
  position:relative;
  min-height:286px;
  padding:28px 30px 30px;
  border:1px solid #dbe2e7;
  border-top:3px solid var(--orange);
  border-radius:6px;
  background:#fff;
  color:var(--ink);
  box-shadow:0 6px 18px rgba(12,27,46,.05);
  overflow:hidden;
  justify-content:flex-start;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,153,0,.7);
  box-shadow:0 14px 28px rgba(12,27,46,.1);
}
body[data-page="home"] .about-advantage-section .advantage-card-lead,
body[data-page="home"] .about-advantage-section .advantage-card-metric,
body[data-page="home"] .about-advantage-section .advantage-card-platform,
body[data-page="home"] .about-advantage-section .advantage-card-accent,
body[data-page="home"] .about-advantage-section .advantage-card-team,
body[data-page="home"] .about-advantage-section .advantage-card-dark{grid-column:auto}
body[data-page="home"] .about-advantage-section .advantage-card .adv-no{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  color:#c87500;
  font:700 10px/1.4 var(--mono);
  letter-spacing:.08em;
}
body[data-page="home"] .about-advantage-section .advantage-card .adv-no::after{
  content:"";
  width:32px;
  height:1px;
  background:currentColor;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card h3{
  position:relative;
  z-index:2;
  margin:34px 0 11px;
  color:var(--ink);
  font-size:clamp(19px,1.65vw,25px);
  line-height:1.48;
  letter-spacing:0;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card p{
  position:relative;
  z-index:2;
  margin:0;
  color:#68798a;
  font-size:13px;
  line-height:1.85;
}
body[data-page="home"] .about-advantage-section .advantage-card-image::before,
body[data-page="home"] .about-advantage-section .advantage-card-image::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:31%;
  z-index:0;
}
body[data-page="home"] .about-advantage-section .advantage-card-image::before,
body[data-page="home"] .about-advantage-section .advantage-card-image::after{display:none!important}
body[data-page="home"] .about-advantage-section .advantage-card-image::before{
  background:var(--adv-image) center/cover no-repeat;
  filter:saturate(.82) contrast(1.02);
  transform:none;
  transition:transform .65s ease;
}
body[data-page="home"] .about-advantage-section .advantage-card-image::after{
  background:linear-gradient(180deg,rgba(8,22,38,.08),rgba(8,22,38,.46));
}
body[data-page="home"] .about-advantage-section .advantage-card-image:hover::before{transform:scale(1.04)}
body[data-page="home"] .about-advantage-section .advantage-card-lead>*{
  max-width:none!important;
  width:auto!important;
  margin-left:0!important;
  left:auto!important;
}
body[data-page="home"] .about-advantage-section .advantage-card-lead .adv-no{margin-left:0!important}
body[data-page="home"] .about-advantage-section .advantage-card-lead h3{margin-top:36px}
body[data-page="home"] .about-advantage-section .advantage-card-lead p{color:#68798a}
body[data-page="home"] .about-advantage-section .advantage-card-platform::before,
body[data-page="home"] .about-advantage-section .advantage-card-platform::after,
body[data-page="home"] .about-advantage-section .advantage-card-team::before,
body[data-page="home"] .about-advantage-section .advantage-card-team::after{display:none}
body[data-page="home"] .about-advantage-section .advantage-card-platform>* ,
body[data-page="home"] .about-advantage-section .advantage-card-team>*{max-width:none;margin-left:0}
body[data-page="home"] .about-advantage-section .advantage-stat{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin:18px 0 0!important;
}
body[data-page="home"] .about-advantage-section .advantage-stat strong{
  color:var(--orange);
  font:800 clamp(46px,4.2vw,62px)/.98 var(--mono);
}
body[data-page="home"] .about-advantage-section .advantage-stat>small{
  color:#68798a;
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
}
body[data-page="home"] .about-advantage-section .advantage-card-metric h3,
body[data-page="home"] .about-advantage-section .advantage-card-accent h3{margin-top:28px}
body[data-page="home"] .about-advantage-section .advantage-card-accent{
  border-color:#efb45a!important;
  background:#fff3df!important;
}
body[data-page="home"] .about-advantage-section .advantage-card-accent .adv-no,
body[data-page="home"] .about-advantage-section .advantage-card-accent h3,
body[data-page="home"] .about-advantage-section .advantage-card-accent p,
body[data-page="home"] .about-advantage-section .advantage-card-accent .advantage-stat strong,
body[data-page="home"] .about-advantage-section .advantage-card-accent .advantage-stat>small{color:var(--ink)}
body[data-page="home"] .about-advantage-section .advantage-card-dark{
  border-color:var(--navy)!important;
  background:var(--navy)!important;
  color:#fff!important;
}
body[data-page="home"] .about-advantage-section .advantage-card-dark .adv-no{color:#ffb347}
body[data-page="home"] .about-advantage-section .advantage-card-dark h3{color:#fff}
body[data-page="home"] .about-advantage-section .advantage-card-dark p{color:#c5d0db}
body[data-page="home"] .about-advantage-section .advantage-statement{
  margin:22px 0 0!important;
  color:var(--orange)!important;
  font:800 clamp(46px,4.5vw,66px)/.95 var(--mono)!important;
}
body[data-page="home"] .about-advantage-section .advantage-card-wide{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:70px minmax(180px,230px) minmax(0,1fr);
  align-items:center;
  column-gap:22px;
  min-height:116px!important;
  height:116px;
  padding:22px 30px!important;
}
body[data-page="home"] .about-advantage-section .advantage-card-wide .adv-no{grid-column:1}
body[data-page="home"] .about-advantage-section .advantage-card-wide h3{grid-column:2;margin:0;font-size:21px}
body[data-page="home"] .about-advantage-section .advantage-card-wide p{grid-column:3}
@media(max-width:900px){
  body[data-page="home"] .about-advantage-section .advantage-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card{grid-column:auto}
  body[data-page="home"] .about-advantage-section .advantage-card-wide{grid-template-columns:64px 190px minmax(0,1fr)}
}
@media(max-width:650px){
  body[data-page="home"] .about-advantage-section{padding:76px 0 84px}
  body[data-page="home"] .about-advantage-section .section-head{margin-bottom:28px}
  body[data-page="home"] .about-advantage-section .section-head .kicker{font-size:28px}
  body[data-page="home"] .about-advantage-section .advantage-showcase{grid-template-columns:1fr;gap:12px}
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card,
  body[data-page="home"] .about-advantage-section .advantage-card-wide{grid-column:1/-1;min-height:0}
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card{padding:22px 20px 24px}
  body[data-page="home"] .about-advantage-section .advantage-card-image{padding-top:148px!important}
  body[data-page="home"] .about-advantage-section .advantage-card-image::before,
  body[data-page="home"] .about-advantage-section .advantage-card-image::after{inset:0 0 auto;width:100%;height:120px}
  body[data-page="home"] .about-advantage-section .advantage-card-lead>*{max-width:none;margin-left:0}
  body[data-page="home"] .about-advantage-section .advantage-card-lead .adv-no{margin-left:0}
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card h3,
  body[data-page="home"] .about-advantage-section .advantage-card-lead h3{margin-top:24px;font-size:20px}
  body[data-page="home"] .about-advantage-section .advantage-card-wide{display:flex;align-items:flex-start;flex-direction:column;gap:0;padding:22px 20px 24px}
  body[data-page="home"] .about-advantage-section .advantage-card-wide{height:auto!important}
  body[data-page="home"] .about-advantage-section .advantage-card-wide h3{margin-top:24px}
  body[data-page="home"] .about-advantage-section .advantage-card-wide p{margin-top:10px}
}


/* About page uses the same core advantages module as the homepage. */
/* Homepage core advantages: a calm two-column rhythm with one supporting
   image, consistent card proportions, and a compact full-width closeout. */
body[data-page="about"] .about-advantage-section{
  padding:104px 0 112px;
  background:#f5f7f8;
}
body[data-page="about"] .about-advantage-section .section-head{
  margin-bottom:34px;
}
body[data-page="about"] .about-advantage-section .section-head .kicker{
  margin:0;
  color:var(--orange);
  font-family:var(--sans);
  font-size:32px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:0;
}
body[data-page="about"] .about-advantage-section .advantage-showcase{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:0;
  align-items:stretch;
}
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card{
  position:relative;
  min-height:286px;
  padding:28px 30px 30px;
  border:1px solid #dbe2e7;
  border-top:3px solid var(--orange);
  border-radius:6px;
  background:#fff;
  color:var(--ink);
  box-shadow:0 6px 18px rgba(12,27,46,.05);
  overflow:hidden;
  justify-content:flex-start;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,153,0,.7);
  box-shadow:0 14px 28px rgba(12,27,46,.1);
}
body[data-page="about"] .about-advantage-section .advantage-card-lead,
body[data-page="about"] .about-advantage-section .advantage-card-metric,
body[data-page="about"] .about-advantage-section .advantage-card-platform,
body[data-page="about"] .about-advantage-section .advantage-card-accent,
body[data-page="about"] .about-advantage-section .advantage-card-team,
body[data-page="about"] .about-advantage-section .advantage-card-dark{grid-column:auto}
body[data-page="about"] .about-advantage-section .advantage-card .adv-no{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  color:#c87500;
  font:700 10px/1.4 var(--mono);
  letter-spacing:.08em;
}
body[data-page="about"] .about-advantage-section .advantage-card .adv-no::after{
  content:"";
  width:32px;
  height:1px;
  background:currentColor;
}
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card h3{
  position:relative;
  z-index:2;
  margin:34px 0 11px;
  color:var(--ink);
  font-size:clamp(19px,1.65vw,25px);
  line-height:1.48;
  letter-spacing:0;
}
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card p{
  position:relative;
  z-index:2;
  margin:0;
  color:#68798a;
  font-size:13px;
  line-height:1.85;
}
body[data-page="about"] .about-advantage-section .advantage-card-image::before,
body[data-page="about"] .about-advantage-section .advantage-card-image::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:31%;
  z-index:0;
}
body[data-page="about"] .about-advantage-section .advantage-card-image::before,
body[data-page="about"] .about-advantage-section .advantage-card-image::after{display:none!important}
body[data-page="about"] .about-advantage-section .advantage-card-image::before{
  background:var(--adv-image) center/cover no-repeat;
  filter:saturate(.82) contrast(1.02);
  transform:none;
  transition:transform .65s ease;
}
body[data-page="about"] .about-advantage-section .advantage-card-image::after{
  background:linear-gradient(180deg,rgba(8,22,38,.08),rgba(8,22,38,.46));
}
body[data-page="about"] .about-advantage-section .advantage-card-image:hover::before{transform:scale(1.04)}
body[data-page="about"] .about-advantage-section .advantage-card-lead>*{
  max-width:none!important;
  width:auto!important;
  margin-left:0!important;
  left:auto!important;
}
body[data-page="about"] .about-advantage-section .advantage-card-lead .adv-no{margin-left:0!important}
body[data-page="about"] .about-advantage-section .advantage-card-lead h3{margin-top:36px}
body[data-page="about"] .about-advantage-section .advantage-card-lead p{color:#68798a}
body[data-page="about"] .about-advantage-section .advantage-card-platform::before,
body[data-page="about"] .about-advantage-section .advantage-card-platform::after,
body[data-page="about"] .about-advantage-section .advantage-card-team::before,
body[data-page="about"] .about-advantage-section .advantage-card-team::after{display:none}
body[data-page="about"] .about-advantage-section .advantage-card-platform>* ,
body[data-page="about"] .about-advantage-section .advantage-card-team>*{max-width:none;margin-left:0}
body[data-page="about"] .about-advantage-section .advantage-stat{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin:18px 0 0!important;
}
body[data-page="about"] .about-advantage-section .advantage-stat strong{
  color:var(--orange);
  font:800 clamp(46px,4.2vw,62px)/.98 var(--mono);
}
body[data-page="about"] .about-advantage-section .advantage-stat>small{
  color:#68798a;
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
}
body[data-page="about"] .about-advantage-section .advantage-card-metric h3,
body[data-page="about"] .about-advantage-section .advantage-card-accent h3{margin-top:28px}
body[data-page="about"] .about-advantage-section .advantage-card-accent{
  border-color:#efb45a!important;
  background:#fff3df!important;
}
body[data-page="about"] .about-advantage-section .advantage-card-accent .adv-no,
body[data-page="about"] .about-advantage-section .advantage-card-accent h3,
body[data-page="about"] .about-advantage-section .advantage-card-accent p,
body[data-page="about"] .about-advantage-section .advantage-card-accent .advantage-stat strong,
body[data-page="about"] .about-advantage-section .advantage-card-accent .advantage-stat>small{color:var(--ink)}
body[data-page="about"] .about-advantage-section .advantage-card-dark{
  border-color:var(--navy)!important;
  background:var(--navy)!important;
  color:#fff!important;
}
body[data-page="about"] .about-advantage-section .advantage-card-dark .adv-no{color:#ffb347}
body[data-page="about"] .about-advantage-section .advantage-card-dark h3{color:#fff}
body[data-page="about"] .about-advantage-section .advantage-card-dark p{color:#c5d0db}
body[data-page="about"] .about-advantage-section .advantage-statement{
  margin:22px 0 0!important;
  color:var(--orange)!important;
  font:800 clamp(46px,4.5vw,66px)/.95 var(--mono)!important;
}
body[data-page="about"] .about-advantage-section .advantage-card-wide{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:70px minmax(180px,230px) minmax(0,1fr);
  align-items:center;
  column-gap:22px;
  min-height:116px!important;
  height:116px;
  padding:22px 30px!important;
}
body[data-page="about"] .about-advantage-section .advantage-card-wide .adv-no{grid-column:1}
body[data-page="about"] .about-advantage-section .advantage-card-wide h3{grid-column:2;margin:0;font-size:21px}
body[data-page="about"] .about-advantage-section .advantage-card-wide p{grid-column:3}
@media(max-width:900px){
  body[data-page="about"] .about-advantage-section .advantage-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card{grid-column:auto}
  body[data-page="about"] .about-advantage-section .advantage-card-wide{grid-template-columns:64px 190px minmax(0,1fr)}
}
@media(max-width:650px){
  body[data-page="about"] .about-advantage-section{padding:76px 0 84px}
  body[data-page="about"] .about-advantage-section .section-head{margin-bottom:28px}
  body[data-page="about"] .about-advantage-section .section-head .kicker{font-size:28px}
  body[data-page="about"] .about-advantage-section .advantage-showcase{grid-template-columns:1fr;gap:12px}
  body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card,
  body[data-page="about"] .about-advantage-section .advantage-card-wide{grid-column:1/-1;min-height:0}
  body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card{padding:22px 20px 24px}
  body[data-page="about"] .about-advantage-section .advantage-card-image{padding-top:148px!important}
  body[data-page="about"] .about-advantage-section .advantage-card-image::before,
  body[data-page="about"] .about-advantage-section .advantage-card-image::after{inset:0 0 auto;width:100%;height:120px}
  body[data-page="about"] .about-advantage-section .advantage-card-lead>*{max-width:none;margin-left:0}
  body[data-page="about"] .about-advantage-section .advantage-card-lead .adv-no{margin-left:0}
  body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card h3,
  body[data-page="about"] .about-advantage-section .advantage-card-lead h3{margin-top:24px;font-size:20px}
  body[data-page="about"] .about-advantage-section .advantage-card-wide{display:flex;align-items:flex-start;flex-direction:column;gap:0;padding:22px 20px 24px}
  body[data-page="about"] .about-advantage-section .advantage-card-wide{height:auto!important}
  body[data-page="about"] .about-advantage-section .advantage-card-wide h3{margin-top:24px}
  body[data-page="about"] .about-advantage-section .advantage-card-wide p{margin-top:10px}
}

/* Match the homepage's final neutral card treatment on the about page. */
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card:not(.advantage-card-wide){
  background:#fff!important;
  color:var(--ink)!important;
  border-color:#dbe2e7!important;
  border-top-color:var(--orange)!important;
}
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card:not(.advantage-card-wide) h3{color:var(--ink)!important}
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card:not(.advantage-card-wide) p{color:#68798a!important}
body[data-page="about"] .about-advantage-section .advantage-card-dark .adv-no,
body[data-page="about"] .about-advantage-section .advantage-card-accent .adv-no{color:#c87500!important}
body[data-page="about"] .about-advantage-section .advantage-stat,
body[data-page="about"] .about-advantage-section .advantage-statement{display:none!important}

/* Case table: expose the requested site field and keep evidence thumbnails
   directly below each site's country marker. */
.poa-case-table-head{
  grid-template-columns:100px 100px 130px minmax(190px,1.35fr) 130px 92px;
}
.poa-case-row{
  position:relative;
  grid-template-columns:100px 100px 130px minmax(190px,1.35fr) 130px 92px;
  grid-template-rows:auto auto;
  column-gap:16px;
  row-gap:7px;
  min-height:116px;
}
.poa-case-meta,.poa-case-topic{display:contents}
.poa-case-meta time{grid-column:1;grid-row:1 / span 2}
.poa-case-meta strong{grid-column:2;grid-row:1 / span 2}
.poa-case-site{grid-column:3;grid-row:1;display:flex;align-items:center;gap:6px;color:#30465a;font-size:12px;font-weight:700;white-space:nowrap}
.poa-case-site b{font-size:19px;line-height:1}
.poa-case-topic span{grid-column:4;grid-row:1 / span 2;align-self:center}
.poa-case-topic small{grid-column:5;grid-row:1 / span 2;align-self:center;color:#168797}
.poa-case-cycle{grid-column:6;grid-row:1 / span 2;align-self:center}
@media(max-width:900px){
  .poa-case-table-head,.poa-case-row{grid-template-columns:84px 84px 104px minmax(140px,1fr) 100px 78px;column-gap:12px}
  .poa-case-row{min-height:108px;padding:13px}
}
@media(max-width:650px){
  .poa-case-row{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;min-height:156px;row-gap:8px}
  .poa-case-meta time,.poa-case-meta strong,.poa-case-site,.poa-case-topic span,.poa-case-topic small,.poa-case-cycle{display:flex;flex-direction:column;gap:2px;min-width:0;white-space:normal}
  .poa-case-meta time{grid-column:1;grid-row:1}
  .poa-case-meta strong{grid-column:2;grid-row:1}
  .poa-case-site{grid-column:1;grid-row:2;align-items:flex-start;font-size:12px}
  .poa-case-site::before{content:"站点";color:#8593a2;font:10px/1.3 var(--mono);letter-spacing:.04em}
  .poa-case-topic span{grid-column:1/-1;grid-row:3;font-size:13px}
  .poa-case-topic small{grid-column:1;grid-row:4;font-size:11px}
  .poa-case-cycle{grid-column:2;grid-row:4;font-size:11px}
}

/* Clarify each case boundary and keep the site marker on one horizontal line. */
.poa-case-row{
  display:grid!important;
  border:1px solid #c9d5dd;
  border-left:3px solid var(--orange);
  box-shadow:0 5px 14px rgba(24,40,58,.08);
}
.poa-case-site{
  display:flex;
  flex-direction:row!important;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:0;
  white-space:nowrap!important;
  line-height:1.35;
}
.poa-case-site b{
  display:inline-flex;
  flex:0 0 28px;
  width:28px;
  align-items:center;
  justify-content:flex-start;
}
.poa-case-table-head{
  border-bottom-color:#c9d5dd;
  align-items:center;
}
.poa-case-table-head > span:last-child{
  text-align:center;
}
.poa-case-table-head > span:nth-child(3){
  text-align:center;
}
.poa-case-table-head > span{
  color:var(--orange);
}
.poa-case-meta strong,
.poa-case-site,
.poa-case-topic span{
  color:#718096!important;
  font-weight:400!important;
}
.poa-case-site .poa-site-name{font-weight:400!important}
@media(max-width:650px){
  .poa-case-site{
    flex-direction:column!important;
    align-items:flex-start;
    justify-content:flex-start;
    white-space:normal!important;
  }
  .poa-case-site b{flex-basis:28px;width:28px}
}

/* Keep the site marker centered across the full case row. */
@media(min-width:651px){
  .poa-case-site{
    grid-row:1 / span 2;
    align-self:center;
  }
}
.poa-case-site .poa-site-name{
  display:inline-flex;
  align-items:center;
  height:19px;
  line-height:19px;
  white-space:nowrap;
}

/* Keep the six case fields visible and give the long reason field enough room
   without letting it crowd the site, funds, or cycle columns. */
.poa-case-table-head{
  grid-template-columns:minmax(76px,.85fr) minmax(105px,1.1fr) minmax(100px,1fr) minmax(200px,2.6fr) minmax(120px,1.15fr) minmax(100px,1fr)!important;
}
.poa-case-row{
  grid-template-columns:minmax(76px,.85fr) minmax(105px,1.1fr) minmax(100px,1fr) minmax(200px,2.6fr) minmax(120px,1.15fr) minmax(100px,1fr)!important;
}
@media(max-width:900px){
  .poa-case-table-head,.poa-case-row{
    grid-template-columns:minmax(70px,.85fr) minmax(82px,1.05fr) minmax(88px,1fr) minmax(130px,2fr) minmax(92px,1.1fr) minmax(76px,.95fr)!important;
  }
}
/* Core advantages: the seventh item follows the same card rhythm and closes
   the three-column grid with a centered, staggered entrance. */
body[data-page="home"] .about-advantage-section .advantage-card-compliance,
body[data-page="about"] .about-advantage-section .advantage-card-compliance{
  grid-column:2;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:286px!important;
  height:auto!important;
  padding:28px 30px 30px!important;
  border:1px solid #dbe2e7!important;
  border-top:3px solid var(--orange)!important;
  border-radius:6px;
  background:#fff!important;
  color:var(--ink)!important;
  box-shadow:0 6px 18px rgba(12,27,46,.05);
  transform:translateY(26px) rotate(1deg);
  transition:opacity .7s ease .42s,transform .7s cubic-bezier(.2,.75,.25,1) .42s,box-shadow .24s ease,border-color .24s ease;
}
body[data-page="home"] .about-advantage-section .advantage-card-compliance.reveal.in-view,
body[data-page="about"] .about-advantage-section .advantage-card-compliance.reveal.in-view{
  opacity:1;
  transform:none;
}
body[data-page="home"] .about-advantage-section .advantage-card-compliance:hover,
body[data-page="about"] .about-advantage-section .advantage-card-compliance:hover{
  transform:translateY(-5px) rotate(0);
  border-color:rgba(255,153,0,.7)!important;
  box-shadow:0 14px 28px rgba(12,27,46,.1);
  transition-delay:0s;
}
body[data-page="home"] .about-advantage-section .advantage-card-compliance .adv-no,
body[data-page="about"] .about-advantage-section .advantage-card-compliance .adv-no{
  margin:0;
  color:#c87500;
}
body[data-page="home"] .about-advantage-section .advantage-card-compliance h3,
body[data-page="about"] .about-advantage-section .advantage-card-compliance h3{
  margin:34px 0 11px!important;
  color:var(--ink)!important;
  font-size:clamp(19px,1.65vw,25px);
  line-height:1.48;
}
body[data-page="home"] .about-advantage-section .advantage-card-compliance p,
body[data-page="about"] .about-advantage-section .advantage-card-compliance p{
  margin:0;
  color:#68798a!important;
  font-size:13px;
  line-height:1.85;
}
@media(max-width:900px){
  body[data-page="home"] .about-advantage-section .advantage-card-compliance,
  body[data-page="about"] .about-advantage-section .advantage-card-compliance{grid-column:auto;min-height:250px!important}
}
@media(max-width:650px){
  body[data-page="home"] .about-advantage-section .advantage-card-compliance,
  body[data-page="about"] .about-advantage-section .advantage-card-compliance{
    grid-column:1/-1;
    min-height:0!important;
    padding:22px 20px 24px!important;
    transform:translateY(20px) rotate(.5deg);
  }
  body[data-page="home"] .about-advantage-section .advantage-card-compliance h3,
  body[data-page="about"] .about-advantage-section .advantage-card-compliance h3{margin-top:24px!important;font-size:20px}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .about-advantage-section .advantage-card-compliance,
  body[data-page="home"] .about-advantage-section .advantage-card-compliance.reveal.in-view,
  body[data-page="about"] .about-advantage-section .advantage-card-compliance,
  body[data-page="about"] .about-advantage-section .advantage-card-compliance.reveal.in-view{transform:none;transition:none}
}

/* Core advantages: rebalance the seven proofs into an editorial 3 + 4 grid.
   Every card keeps one visual language, while the final item no longer spans
   an oversized empty row. */
body[data-page="home"] .about-advantage-section,
body[data-page="about"] .about-advantage-section{
  padding:108px 0 116px;
  background:#f3f6f8;
}
body[data-page="home"] .about-advantage-section .section-head,
body[data-page="about"] .about-advantage-section .section-head{
  margin-bottom:36px;
}
body[data-page="home"] .about-advantage-section .section-head .kicker,
body[data-page="about"] .about-advantage-section .section-head .kicker{
  margin:0;
  color:var(--orange);
  font-family:var(--sans);
  font-size:36px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:0;
}
body[data-page="home"] .about-advantage-section .advantage-showcase,
body[data-page="about"] .about-advantage-section .advantage-showcase{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:18px;
  margin-top:0;
  align-items:stretch;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card,
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card{
  grid-column:span 4!important;
  position:relative;
  display:flex!important;
  flex-direction:column;
  justify-content:flex-start!important;
  min-height:300px!important;
  height:auto!important;
  padding:26px 28px 28px!important;
  border:1px solid #d8e1e7!important;
  border-top:3px solid var(--orange)!important;
  border-radius:5px!important;
  background:#fff!important;
  color:var(--ink)!important;
  box-shadow:0 7px 20px rgba(12,27,46,.055);
  overflow:hidden;
  transition:opacity .7s ease,transform .3s cubic-bezier(.2,.75,.25,1),box-shadow .3s ease,border-color .25s ease;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card:nth-child(n+4),
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card:nth-child(n+4){
  grid-column:span 3!important;
  min-height:228px!important;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card:hover,
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(255,153,0,.7)!important;
  box-shadow:0 15px 30px rgba(12,27,46,.11);
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card .adv-no,
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card .adv-no{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0!important;
  color:#c87500!important;
  font:700 10px/1.4 var(--mono);
  letter-spacing:.08em;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card .adv-no::after,
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card .adv-no::after{
  content:"";
  width:32px;
  height:1px;
  background:currentColor;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card h3,
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card h3{
  margin:30px 0 12px!important;
  color:var(--ink)!important;
  font-size:clamp(19px,1.55vw,23px)!important;
  font-weight:700!important;
  line-height:1.48!important;
  letter-spacing:0!important;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card p,
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card p{
  margin:0!important;
  color:#68798a!important;
  font-size:13px!important;
  line-height:1.82!important;
}
@media(max-width:900px){
  body[data-page="home"] .about-advantage-section,
  body[data-page="about"] .about-advantage-section{padding:88px 0 96px}
  body[data-page="home"] .about-advantage-section .advantage-showcase,
  body[data-page="about"] .about-advantage-section .advantage-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card,
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card:nth-child(n),
  body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card,
  body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card:nth-child(n){
    grid-column:span 1!important;
    min-height:270px!important;
  }
}
@media(max-width:650px){
  body[data-page="home"] .about-advantage-section,
  body[data-page="about"] .about-advantage-section{padding:76px 0 84px}
  body[data-page="home"] .about-advantage-section .section-head,
  body[data-page="about"] .about-advantage-section .section-head{margin-bottom:28px}
  body[data-page="home"] .about-advantage-section .section-head .kicker,
  body[data-page="about"] .about-advantage-section .section-head .kicker{font-size:29px}
  body[data-page="home"] .about-advantage-section .advantage-showcase,
  body[data-page="about"] .about-advantage-section .advantage-showcase{grid-template-columns:1fr;gap:12px}
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card,
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card:nth-child(n),
  body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card,
  body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card:nth-child(n){
    grid-column:1/-1!important;
    min-height:0!important;
    padding:22px 20px 24px!important;
  }
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card h3,
  body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card h3{margin-top:24px!important;font-size:20px!important}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card,
  body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card{transition:none}
}

/* Use the shared orange accent throughout the appeal evidence copy block. */
.appeals-section .appeal-evidence-copy h3,
.appeals-section .appeal-evidence-copy p,
.appeals-section .appeal-evidence-copy > span{
  color:var(--orange)!important;
}

/* Use a compact three-column platform selector on mobile so all six options
   remain visible in a predictable two-row layout. */
@media(max-width:650px){
  .appeals-section .filter-tabs{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px!important;
    width:100%;
  }
  .appeals-section .filter{
    width:100%!important;
    min-width:0;
    min-height:38px;
    padding-left:4px;
    padding-right:4px;
    white-space:nowrap;
    text-align:center;
  }
}
@media(max-width:360px){
  .appeals-section .filter{
    font-size:10px!important;
    padding-left:2px;
    padding-right:2px;
  }
}

/* Keep mobile knowledge metadata and the reading action on one balanced
   bottom row: the date anchors left while the action anchors right. */
@media(max-width:650px){
  .knowledge-card .knowledge-card-top{
    display:contents!important;
  }
  .knowledge-card .knowledge-card-top .knowledge-label{
    grid-column:1/-1;
    grid-row:3;
    justify-self:stretch;
    width:100%;
  }
  .knowledge-card .knowledge-card-top time{
    grid-column:1;
    grid-row:4;
    justify-self:start;
    align-self:center;
    text-align:left;
  }
  .knowledge-card .knowledge-read{
    grid-column:2!important;
    grid-row:4!important;
    justify-self:end!important;
    align-self:center!important;
  }
}

/* Match the compact mobile case ledger: keep one shared six-column grid for
   the header and every scrolling row, with no repeated field labels inside
   individual cases. */
@media(max-width:650px){
  .home-cases-section .poa-case-table-head{
    display:grid!important;
    grid-template-columns:1.05fr 1.08fr .82fr 1.5fr .95fr .9fr!important;
    gap:0!important;
    margin:0 6px;
    padding:9px 6px 8px;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1.3;
    letter-spacing:.02em;
    text-align:center;
  }
  .home-cases-section .poa-case-table-head > span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:center!important;
  }
  .home-cases-section .poa-case-viewport{
    height:430px!important;
  }
  .home-cases-section .poa-case-group{
    gap:7px;
    padding:7px 6px;
  }
  .home-cases-section .poa-case-row{
    display:grid!important;
    grid-template-columns:1.05fr 1.08fr .82fr 1.5fr .95fr .9fr!important;
    grid-template-rows:minmax(48px,auto)!important;
    gap:0!important;
    min-height:58px!important;
    padding:7px 6px!important;
    align-items:center!important;
    border-left-width:2px!important;
  }
  .home-cases-section .poa-case-meta,
  .home-cases-section .poa-case-topic{
    display:contents!important;
  }
  .home-cases-section .poa-case-meta time,
  .home-cases-section .poa-case-meta strong,
  .home-cases-section .poa-case-site,
  .home-cases-section .poa-case-topic span,
  .home-cases-section .poa-case-topic small,
  .home-cases-section .poa-case-cycle{
    grid-row:1!important;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap!important;
    text-align:center!important;
    justify-content:center!important;
    align-items:center!important;
    line-height:1.35!important;
    font-size:9px!important;
    font-weight:400!important;
  }
  .home-cases-section .poa-case-meta time{grid-column:1!important}
  .home-cases-section .poa-case-meta strong{grid-column:2!important}
  .home-cases-section .poa-case-site{grid-column:3!important;flex-direction:row!important}
  .home-cases-section .poa-case-topic span{grid-column:4!important}
  .home-cases-section .poa-case-topic small{grid-column:5!important;color:#238ca0!important}
  .home-cases-section .poa-case-cycle{grid-column:6!important;color:#52697d!important}
  .home-cases-section .poa-case-site b{
    flex:0 0 auto;
    width:auto;
    font-size:13px;
    line-height:1;
  }
  .home-cases-section .poa-case-meta time::before,
  .home-cases-section .poa-case-meta strong::before,
  .home-cases-section .poa-case-site::before,
  .home-cases-section .poa-case-topic span::before,
  .home-cases-section .poa-case-topic small::before,
  .home-cases-section .poa-case-cycle::before{
    display:none!important;
    content:none!important;
  }
}

@media(max-width:360px){
  .home-cases-section .poa-case-table-head{
    font-size:10px!important;
  }
}

/* Compact knowledge and case list cards on mobile: the thumbnail takes a
   stable half-width column while metadata, title, summary and action stay
   grouped in the adjacent reading column. */
@media(max-width:650px){
  .knowledge-card,
  .case-list-card{
    display:grid!important;
    grid-template-columns:minmax(120px,44%) minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto!important;
    align-items:start;
    column-gap:16px;
    row-gap:9px;
    padding:18px!important;
  }
  .knowledge-card .list-card-media,
  .case-list-card .list-card-media{
    grid-column:1;
    grid-row:1;
    width:100%!important;
    max-width:none!important;
    aspect-ratio:16 / 10;
  }
  .knowledge-card .list-card-body,
  .case-list-card .list-card-body{
    display:contents!important;
    min-width:0;
  }
  .knowledge-card .knowledge-card-top{
    grid-column:1/-1;
    grid-row:3;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-width:0;
    margin:0;
  }
  .knowledge-card .knowledge-label,
  .case-list-card .knowledge-label{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .case-list-card .knowledge-label{
    grid-column:1/-1;
    grid-row:3;
  }
  .knowledge-card h3,
  .case-list-card h3{
    grid-column:2;
    grid-row:1;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    margin:0 0 6px!important;
    font-size:17px!important;
    line-height:1.45!important;
  }
  .knowledge-card .list-card-body p,
  .case-list-card .list-card-body p{
    grid-column:1/-1;
    grid-row:2;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    margin:0!important;
    font-size:12px!important;
    line-height:1.6!important;
  }
  .knowledge-card .knowledge-read,
  .case-list-card .knowledge-read{
    grid-column:2!important;
    grid-row:4;
    justify-self:start;
    align-self:end;
    margin:0!important;
    padding:7px 10px;
    font-size:11px;
    line-height:1.35;
  }
}

/* Compact the information-dense footer on narrow screens without changing
   its content order or the two-column contact arrangement. */
@media(max-width:650px){
  .site-footer{
    padding:24px 0 12px;
  }
  .footer-top .footer-brand{
    margin-bottom:14px;
    gap:8px;
  }
  .footer-top .footer-brand img{
    width:136px;
  }
  .footer-top .footer-about{
    font-size:11px;
    line-height:1.55;
  }
  .footer-top .footer-links{
    gap:14px;
  }
  .footer-top .footer-links .footer-contact{
    padding-top:12px;
  }
  .footer-top .footer-contact-grid{
    gap:10px 10px;
  }
  .footer-top .footer-contact-grid p{
    grid-template-columns:24px minmax(0,1fr);
    column-gap:7px;
  }
  .footer-top .footer-contact-grid .footer-contact-icon{
    width:24px;
    height:24px;
    border-radius:6px;
  }
  .footer-top .footer-contact-icon svg{
    width:13px;
    height:13px;
  }
  .footer-top .footer-links .footer-qr-col{
    padding-top:10px;
  }
  .footer-top .footer-qr{
    width:92px;
    height:92px;
    padding:5px;
  }
  .footer-top .footer-qr-caption{
    width:116px;
    margin-top:6px;
    line-height:1.45;
  }
  .footer-bottom{
    margin-top:20px;
  }
  .footer-friendly{
    padding:8px 0 6px;
    line-height:1.5;
  }
  .footer-legal-meta{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:2px 0;
    padding:9px 0 0;
    line-height:1.45;
    text-align:center;
  }
  .footer-legal-meta > span{
    flex:0 0 100%;
  }
  .footer-legal-meta > a{
    padding:0 9px;
    border-left:1px solid rgba(148,163,184,.28);
  }
  .footer-legal-meta > a:first-of-type{
    border-left:0;
  }
}

/* Keep the homepage case preview usable on narrow screens: the same
   duplicated groups drive the seamless marquee at every viewport size, while
   the heading keeps its action beside the title instead of below the copy. */
@media(max-width:650px){
  .home-cases-section .section-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    column-gap:12px;
    align-items:start;
  }
  .home-cases-section .section-head > div{
    grid-column:1;
    min-width:0;
  }
  .home-cases-section .section-head > .btn{
    grid-column:2;
    grid-row:1 / span 2;
    align-self:start;
    justify-self:end;
    white-space:nowrap;
    padding:10px 13px;
    gap:8px;
    font-size:11px;
  }
  .home-cases-section .poa-case-viewport{
    height:430px!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .home-cases-section .poa-case-track{
    animation:poaCaseRoll 42s linear infinite!important;
  }
  .home-cases-section .poa-case-group[aria-hidden="true"]{
    display:grid!important;
  }
}

@media(max-width:360px){
  .home-cases-section .section-head{
    display:block!important;
  }
  .home-cases-section .section-head > .btn{
    display:flex;
    width:max-content;
    margin:12px 0 0 auto;
  }
}

/* Mobile layout hardening: keep the narrow reading column clear, preserve
   image proportions, and turn dense desktop-only data grids into labelled rows. */
@media (max-width:650px){
  html,
  body{
    min-width:0;
    overflow-x:hidden;
  }
  img,
  svg,
  canvas{
    max-width:100%;
  }
  .container{
    width:calc(100% - 28px);
    max-width:none;
  }
  .site-header{
    height:64px;
  }
  .nav-wrap{
    width:calc(100% - 28px);
    height:64px;
    gap:0;
  }
  .brand{
    min-width:0;
    max-width:calc(100% - 42px);
  }
  .site-header .brand img{
    width:128px;
    max-width:100%;
  }
  .menu-toggle{
    flex:0 0 30px;
    width:30px;
    min-height:32px;
    padding:6px 4px;
  }
  .main-nav.open{
    top:64px;
    max-height:calc(100svh - 64px);
    overflow:auto;
    padding:14px;
  }

  /* The portrait remains visible as a quiet backdrop while the copy owns the
     first screen. A content-sized height removes the large empty lower half. */
  .security-carousel{
    height:auto!important;
    min-height:clamp(520px,calc(100svh - 64px),650px)!important;
    max-height:none;
    margin-top:64px!important;
  }
  .security-carousel .carousel-inner{
    width:calc(100% - 28px)!important;
    min-height:0!important;
    height:auto!important;
    padding:54px 0 82px!important;
  }
  .security-carousel .carousel-copy{
    width:100%;
    min-width:0;
  }
  .security-carousel .carousel-copy h1{
    max-width:100%;
    font-size:clamp(32px,10vw,39px);
    line-height:1.18;
    overflow-wrap:anywhere;
  }
  .security-carousel .hero-prompt{
    max-width:100%;
    padding-left:10px;
    font-size:12px;
    line-height:1.72;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .security-carousel .hero-metrics{
    max-width:100%;
    gap:8px 12px;
    font-size:12px;
  }
  .security-carousel .hero-metrics span{
    white-space:normal;
  }
  .security-carousel .hero-actions{
    margin-top:22px;
  }
  .security-carousel .hero-signature{
    margin-top:20px;
    font-size:9px;
  }
  .security-carousel .carousel-slide::before{
    background-position:72% center;
  }
  /* Keep the canvas above the portrait veil; the copy layer remains above it. */
  .security-visual{
    z-index:3;
    opacity:.62;
  }
  .security-visual .globe-sphere{
    right:-18px;
    bottom:-42px;
    width:380px;
    height:380px;
  }

  .security-carousel + .trust-strip .trust-inner{
    padding:22px 0 24px;
  }
  .security-carousel + .trust-strip .trust-note{
    line-height:1.65;
  }
  .security-carousel + .trust-strip .trust-stats{
    gap:8px 0;
  }

  .page-hero,
  .page-hero.page-hero-compact{
    padding-block:92px 48px!important;
    min-height:0;
  }
  .page-hero::after{
    width:260px;
    height:260px;
    right:-130px;
    top:-130px;
  }
  .page-hero h1{
    max-width:100%;
    font-size:clamp(30px,9vw,38px);
    overflow-wrap:anywhere;
  }
  .page-hero p:not(.eyebrow){
    max-width:100%;
    font-size:13px;
    line-height:1.75;
  }
  body[data-page="appeals"] .page-hero,
  body[data-page="knowledge"] .page-hero,
  body[data-page="cases"] .page-hero,
  body[data-page="about"] .page-hero{
    background-position:68% center;
  }

  .section-head,
  .module-showcase-head,
  .platform-showcase-head,
  .knowledge-library-head{
    min-width:0;
  }
  .section-intro,
  .case-section-note{
    max-width:100%;
    overflow-wrap:anywhere;
  }

  .services-section .appeal-service-grid{
    gap:10px;
  }
  .services-section .appeal-service-card{
    min-height:0;
    padding:18px 17px 17px;
    border-top-width:2px!important;
  }
  .services-section .appeal-service-card h3{
    margin:20px 0 8px!important;
    font-size:18px;
  }
  .services-section .appeal-service-card p{
    font-size:13px;
    line-height:1.75;
  }
  .services-section .appeal-service-card a{
    padding-top:14px;
  }

  .about-profile-image,
  .about-values-visual,
  .about-process-visual{
    min-height:0!important;
    height:auto;
    aspect-ratio:16 / 10;
  }
  .about-profile-image img,
  .about-values-visual img,
  .about-process-visual img{
    min-height:0!important;
    height:100%;
    object-fit:cover;
  }
  .about-profile-image img{object-position:center 35%}
  .about-process-visual img{object-position:center 42%}
  .about-process-visual figcaption{
    left:16px;
    right:16px;
    bottom:14px;
  }
  .about-process-visual figcaption strong{font-size:16px}
  .about-process-visual figcaption span{font-size:9px}
  .appeal-evidence-panel img{
    min-height:0!important;
    height:auto;
    aspect-ratio:16 / 9;
    object-fit:cover;
  }
  .team-support-band{
    min-height:190px;
    background-position:center center;
  }

  /* Keep the globe compact and prevent platform pills from touching the text. */
  body[data-page="home"] .about-advantage-section.why .why-center-fixed,
  body[data-page="about"] .about-advantage-section.why .why-center-fixed{
    min-height:230px;
  }
  body[data-page="home"] .about-advantage-section.why .platform-globe-stage,
  body[data-page="about"] .about-advantage-section.why .platform-globe-stage{
    width:228px;
    height:236px;
  }
  body[data-page="home"] .about-advantage-section.why .platform-globe-halo,
  body[data-page="about"] .about-advantage-section.why .platform-globe-halo{
    width:188px;
    height:188px;
  }
  body[data-page="home"] .about-advantage-section.why .earth-globe,
  body[data-page="about"] .about-advantage-section.why .earth-globe{
    width:122px;
    height:122px;
  }
  body[data-page="home"] .about-advantage-section.why .platform-orbit,
  body[data-page="about"] .about-advantage-section.why .platform-orbit{
    width:194px;
    height:74px;
  }
  body[data-page="home"] .about-advantage-section.why .platform-pill,
  body[data-page="about"] .about-advantage-section.why .platform-pill{
    min-height:22px;
    padding-inline:7px;
    font-size:7px;
  }
  body[data-page="home"] .about-advantage-section.why .platform-globe-caption,
  body[data-page="about"] .about-advantage-section.why .platform-globe-caption{
    width:220px;
    bottom:0;
  }
  body[data-page="home"] .about-advantage-section.why .why-card-fixed,
  body[data-page="about"] .about-advantage-section.why .why-card-fixed{
    grid-template-columns:38px minmax(0,1fr);
    gap:12px;
    min-height:0;
    padding:15px 14px;
    border-radius:8px;
  }
  body[data-page="home"] .about-advantage-section.why .why-icon-fixed,
  body[data-page="about"] .about-advantage-section.why .why-icon-fixed{
    width:38px;
    height:38px;
  }
  body[data-page="home"] .about-advantage-section.why .why-card-fixed h3,
  body[data-page="about"] .about-advantage-section.why .why-card-fixed h3{
    font-size:14px;
  }
  body[data-page="home"] .about-advantage-section.why .why-card-fixed p,
  body[data-page="about"] .about-advantage-section.why .why-card-fixed p{
    font-size:12px;
    line-height:1.68;
  }

  /* Mobile cases: one row per case with a stable two-column summary. The
     desktop table header is replaced by field labels on each value. */
  .poa-case-heading{margin-bottom:12px}
  .poa-case-table-head{display:none!important}
  .poa-case-viewport{
    height:auto!important;
    min-height:0;
    overflow:visible!important;
  }
  .poa-case-track{
    animation:none!important;
  }
  .poa-case-group{
    gap:8px;
    padding:0;
  }
  .poa-case-group[aria-hidden="true"]{display:none!important}
  .poa-case-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto!important;
    gap:8px 14px!important;
    min-height:0!important;
    padding:14px 13px 13px!important;
    border:1px solid #d4dfe6!important;
    border-left:3px solid var(--orange)!important;
    box-shadow:0 4px 12px rgba(24,40,58,.055);
  }
  .poa-case-meta time,
  .poa-case-meta strong,
  .poa-case-site,
  .poa-case-topic span,
  .poa-case-topic small,
  .poa-case-cycle{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    min-width:0;
    white-space:normal!important;
    overflow-wrap:anywhere;
    line-height:1.45;
  }
  .poa-case-meta time{grid-column:1;grid-row:1}
  .poa-case-meta strong{grid-column:2;grid-row:1}
  .poa-case-site{grid-column:1;grid-row:2}
  .poa-case-topic span{grid-column:1/-1;grid-row:3;font-size:13px!important;color:#30465a!important}
  .poa-case-topic small{grid-column:1;grid-row:4;font-size:11px!important;color:#238ca0!important}
  .poa-case-cycle{grid-column:2;grid-row:4;font-size:11px!important;color:#52697d!important}
  .poa-case-meta time::before,
  .poa-case-meta strong::before,
  .poa-case-site::before,
  .poa-case-topic span::before,
  .poa-case-topic small::before,
  .poa-case-cycle::before{
    display:block;
    margin-bottom:2px;
    color:#8a99a7;
    font:9px/1.3 var(--sans);
    font-weight:600;
    letter-spacing:.04em;
  }
  .poa-case-meta time::before{content:"日期"}
  .poa-case-meta strong::before{content:"申诉平台"}
  .poa-case-site::before{content:"站点"}
  .poa-case-topic span::before{content:"封号原因"}
  .poa-case-topic small::before{content:"冻结资金"}
  .poa-case-cycle::before{content:"申诉周期"}

  .knowledge-card,
  .case-list-card{
    grid-template-columns:minmax(0,1fr);
    row-gap:12px;
    padding:18px 17px 19px;
  }
  .list-card-media,
  .knowledge-card .knowledge-read,
  .case-list-card .knowledge-read{
    grid-column:1;
  }
  .list-card-media{
    width:100%;
    max-width:none;
    aspect-ratio:16 / 9;
  }
  .knowledge-card h3,
  .case-list-card h3{
    font-size:18px;
    line-height:1.45;
  }
  .knowledge-card>p,
  .case-list-card p{
    font-size:13px;
    line-height:1.78;
  }
  .knowledge-card .knowledge-read,
  .case-list-card .knowledge-read{
    justify-self:start;
    margin-top:2px;
  }

  .contact-inner{
    gap:22px;
  }
  .contact-card{
    max-width:none;
    padding:21px 19px;
  }
  .phone{
    font-size:24px;
  }
  .footer-top .footer-links{
    width:100%;
  }
  .footer-qr{
    max-width:104px;
  }
}

/* Final heading alignment for the reference-style core advantages module. */
body[data-page="home"] .about-advantage-section.why .why-head,
body[data-page="about"] .about-advantage-section.why .why-head{
  max-width:none!important;
  margin:0 0 28px!important;
  text-align:left!important;
}
body[data-page="home"] .about-advantage-section.why .why-head .section-title,
body[data-page="about"] .about-advantage-section.why .why-head .section-title{
  margin:0;
  color:var(--orange)!important;
  font-family:var(--sans);
  font-size:var(--section-kicker-size)!important;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.04em;
}

/* Match the highlighted appeal-type statistic to the adjacent response
   statistic so the two bottom-row values share one visual hierarchy. */
.about-profile-stats .trust-value-copy{
  font:800 25px/1.15 var(--sans)!important;
}
@media(max-width:650px){
  .about-profile-stats .trust-value-copy{font-size:21px!important}
}

/* Use the orange accent for the three highlighted copy blocks. */
.security-carousel + .trust-strip .trust-note,
.appeal-faq-intro .kicker{
  color:var(--orange)!important;
}
.services-section .section-intro{
  color:#68788b!important;
}

/* Strengthen the table hierarchy: the field labels lead, while case values
   stay compact enough to scan across the row. */
@media(min-width:651px){
  .poa-case-table-head{
    font-size:12px!important;
    font-weight:700!important;
  }
  .poa-case-meta time,
  .poa-case-meta strong,
  .poa-case-site,
  .poa-case-topic span,
  .poa-case-topic small,
  .poa-case-cycle{
    font-size:11px!important;
  }
}

/* Integrate the supplied positioning copy into existing page landmarks. */
.security-carousel .hero-prompt{
  max-width:560px;
  margin:-2px 0 20px;
  padding-left:14px;
  border-left:2px solid var(--orange);
  color:#c4cfdb;
  font-size:14px;
  line-height:1.75;
}
.security-carousel + .trust-strip .trust-inner{gap:28px}
.security-carousel + .trust-strip .trust-note{
  flex:0 1 285px;
  max-width:285px;
  margin:0;
  padding-right:24px;
  border-right:1px solid #eee7dc;
  color:#68798a;
  font-size:12px;
  line-height:1.7;
  text-align:left;
}
.security-carousel + .trust-strip .trust-stats{width:auto;min-width:0}
.home-cases-section .case-section-note{
  max-width:560px;
  margin:8px 0 0;
  color:#718096;
  font-size:13px;
  line-height:1.7;
}

/* Keep the case ledger columns evenly distributed and align every value with
   its field label. The compact row height preserves the existing data type
   scale while making the scrolling list easier to scan. */
@media(min-width:651px){
  .poa-case-table-head,
  .poa-case-row{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }

  .poa-case-table-head{
    padding-left:15px!important;
    padding-right:13px!important;
  }

  .poa-case-table-head > span,
  .poa-case-meta time,
  .poa-case-meta strong,
  .poa-case-site,
  .poa-case-topic span,
  .poa-case-topic small,
  .poa-case-cycle{
    text-align:center!important;
  }

  .poa-case-site{
    justify-content:center;
  }

  .poa-case-site b{
    justify-content:center;
  }

  .poa-case-row{
    min-height:84px!important;
    padding:10px 12px!important;
  }
}
.service-promise-detail{
  max-width:560px;
  margin:13px 0 0;
  color:#b7c6d4;
  font-size:12px;
  line-height:1.75;
  font-weight:400;
}
.service-promise-item-primary .service-promise-detail{color:#34485b}
.team-support-detail{
  margin-top:10px!important;
  color:#ffb347!important;
  font-size:13px!important;
  line-height:1.75!important;
}
@media(max-width:900px){
  .security-carousel + .trust-strip .trust-note{flex-basis:230px;max-width:230px;padding-right:16px}
  .security-carousel + .trust-strip .trust-stats{width:auto}
}
@media(max-width:650px){
  .security-carousel .hero-prompt{margin:-1px 0 17px;padding-left:11px;font-size:12px;line-height:1.75}
  .security-carousel + .trust-strip .trust-inner{gap:14px}
  .security-carousel + .trust-strip .trust-note{
    max-width:none;
    padding:0 0 12px;
    border-right:0;
    border-bottom:1px solid #eee7dc;
    text-align:center;
  }
  .security-carousel + .trust-strip .trust-stats{width:100%}
  .home-cases-section .case-section-note{margin-top:7px;font-size:12px;line-height:1.75}
  .service-promise-detail{margin-top:10px;font-size:12px;line-height:1.7}
  .team-support-detail{font-size:12px!important}
}

/* Shared compact rhythm: keep module boundaries consistent across every page. */
body[data-page] > main > section.section{
  padding-block:88px!important;
}
body[data-page] > main > section.section.home-platform-section{
  padding-block:76px!important;
}
body[data-page] > main > section.section.home-cases-section{
  padding-block:78px 88px!important;
}
body[data-page] > main > section.section.appeal-faq-section{
  padding-block:76px 84px!important;
}
body[data-page] > main > section.section.about-values-section{
  padding-block:84px 90px!important;
}
body[data-page] > main > section.section.sitemap-section{
  padding-block:72px 82px!important;
}
body[data-page] > main > section.knowledge-library,
body[data-page] > main > section.case-news-section{
  padding-block:58px 72px!important;
}
body[data-page] > main > section.about-process-section{
  padding-block:84px 90px!important;
}
body[data-page] > main > section.about-vision-section{
  padding-top:0!important;
  padding-bottom:84px!important;
}
body[data-page] > main > section.service-promise-banner{
  padding-block:50px 56px!important;
}
body[data-page] > main > section.team-support-band{
  min-height:250px!important;
  padding-block:54px!important;
}
body[data-page] > main > section.about-proof-band .about-proof-inner{
  min-height:132px!important;
}
body[data-page] > main > section.trust-strip .trust-inner{
  min-height:88px!important;
}
body[data-page] > main > section.article-section{
  padding-block:68px 88px!important;
}
body[data-page] > main > section.contact-section{
  padding-block:52px!important;
}
body[data-page] > main > section.page-hero{
  padding-block:150px 84px!important;
}
body[data-page] > main > section.page-hero.page-hero-compact{
  padding-block:108px 56px!important;
}
body[data-page] > main > section.article-hero{
  padding-block:125px 64px!important;
}
body[data-page] > main .section-head,
body[data-page] > main .module-showcase-head,
body[data-page] > main .platform-showcase-head,
body[data-page] > main .knowledge-library-head{
  margin-bottom:28px!important;
}
body[data-page] > main .why-head{
  margin-bottom:28px!important;
}

@media(max-width:650px){
  body[data-page] > main > section.section{
    padding-block:58px!important;
  }
  body[data-page] > main > section.section.home-platform-section{
    padding-block:58px 64px!important;
  }
  body[data-page] > main > section.section.home-cases-section{
    padding-block:58px 68px!important;
  }
  body[data-page] > main > section.section.appeal-faq-section{
    padding-block:58px 68px!important;
  }
  body[data-page] > main > section.section.about-values-section{
    padding-block:64px 72px!important;
  }
  body[data-page] > main > section.section.sitemap-section,
  body[data-page] > main > section.knowledge-library,
  body[data-page] > main > section.case-news-section{
    padding-block:56px 66px!important;
  }
  body[data-page] > main > section.about-process-section{
    padding-block:64px 72px!important;
  }
  body[data-page] > main > section.about-vision-section{
    padding-bottom:62px!important;
  }
  body[data-page] > main > section.service-promise-banner{
    padding-block:42px 48px!important;
  }
  body[data-page] > main > section.team-support-band{
    min-height:0!important;
    padding-block:46px 50px!important;
  }
  body[data-page] > main > section.about-proof-band .about-proof-inner{
    min-height:0!important;
  }
  body[data-page] > main > section.trust-strip .trust-inner{
    min-height:0!important;
  }
  body[data-page] > main > section.article-section{
    padding-block:52px 68px!important;
  }
  body[data-page] > main > section.contact-section{
    padding-block:46px!important;
  }
  body[data-page] > main > section.page-hero{
    padding-block:108px 58px!important;
  }
  body[data-page] > main > section.page-hero.page-hero-compact{
    padding-block:94px 44px!important;
  }
  body[data-page] > main > section.article-hero{
    padding-block:104px 48px!important;
  }
  body[data-page] > main .section-head,
  body[data-page] > main .module-showcase-head,
  body[data-page] > main .platform-showcase-head,
  body[data-page] > main .knowledge-library-head,
  body[data-page] > main .why-head{
    margin-bottom:22px!important;
  }
}

/* Tighten the transition from the company profile into account appeal
   services so the next module follows the content without a large dead zone. */
body[data-page="about"] .about-section{padding-bottom:80px}
body[data-page="about"] .services-section{padding-top:80px}
@media(max-width:650px){
  body[data-page="about"] .about-section{padding-bottom:56px}
  body[data-page="about"] .services-section{padding-top:56px}
}

/* Keep paired advantage cards on shared row tracks so both columns stay flush. */
@media(min-width:981px){
  body[data-page="home"] .about-advantage-section.why .why-grid-fixed,
  body[data-page="about"] .about-advantage-section.why .why-grid-fixed{
    grid-template-columns:minmax(0,1fr) 320px minmax(0,1fr)!important;
    grid-template-rows:repeat(3,minmax(180px,auto))!important;
    align-items:stretch!important;
  }
  body[data-page="home"] .about-advantage-section.why .why-side-fixed,
  body[data-page="about"] .about-advantage-section.why .why-side-fixed{display:contents!important}
  body[data-page="home"] .about-advantage-section.why .why-side-fixed:first-child .why-card-fixed:nth-child(1),
  body[data-page="about"] .about-advantage-section.why .why-side-fixed:first-child .why-card-fixed:nth-child(1){grid-column:1!important;grid-row:1!important}
  body[data-page="home"] .about-advantage-section.why .why-side-fixed:first-child .why-card-fixed:nth-child(2),
  body[data-page="about"] .about-advantage-section.why .why-side-fixed:first-child .why-card-fixed:nth-child(2){grid-column:1!important;grid-row:2!important}
  body[data-page="home"] .about-advantage-section.why .why-side-fixed:first-child .why-card-fixed:nth-child(3),
  body[data-page="about"] .about-advantage-section.why .why-side-fixed:first-child .why-card-fixed:nth-child(3){grid-column:1!important;grid-row:3!important}
  body[data-page="home"] .about-advantage-section.why .why-side-fixed:last-child .why-card-fixed:nth-child(1),
  body[data-page="about"] .about-advantage-section.why .why-side-fixed:last-child .why-card-fixed:nth-child(1){grid-column:3!important;grid-row:1!important}
  body[data-page="home"] .about-advantage-section.why .why-side-fixed:last-child .why-card-fixed:nth-child(2),
  body[data-page="about"] .about-advantage-section.why .why-side-fixed:last-child .why-card-fixed:nth-child(2){grid-column:3!important;grid-row:2!important}
  body[data-page="home"] .about-advantage-section.why .why-side-fixed:last-child .why-card-fixed:nth-child(3),
  body[data-page="about"] .about-advantage-section.why .why-side-fixed:last-child .why-card-fixed:nth-child(3){grid-column:3!important;grid-row:3!important}
  body[data-page="home"] .about-advantage-section.why .why-grid-fixed .why-card-fixed,
  body[data-page="about"] .about-advantage-section.why .why-grid-fixed .why-card-fixed{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    box-sizing:border-box;
  }
  body[data-page="home"] .about-advantage-section.why .why-center-fixed,
  body[data-page="about"] .about-advantage-section.why .why-center-fixed{
    grid-column:2!important;
    grid-row:1 / span 3!important;
    align-self:stretch!important;
  }
}

@media(max-width:980px){
  body[data-page="home"] .about-advantage-section.why .why-grid-fixed,
  body[data-page="about"] .about-advantage-section.why .why-grid-fixed{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
  }
  body[data-page="home"] .about-advantage-section.why .why-side-fixed,
  body[data-page="about"] .about-advantage-section.why .why-side-fixed{
    display:contents!important;
  }
  body[data-page="home"] .about-advantage-section.why .why-side-fixed:first-child .why-card-fixed:nth-child(1),
  body[data-page="about"] .about-advantage-section.why .why-side-fixed:first-child .why-card-fixed:nth-child(1){order:1}
  body[data-page="home"] .about-advantage-section.why .why-side-fixed:last-child .why-card-fixed:nth-child(1),
  body[data-page="about"] .about-advantage-section.why .why-side-fixed:last-child .why-card-fixed:nth-child(1){order:2}
  body[data-page="home"] .about-advantage-section.why .why-side-fixed:first-child .why-card-fixed:nth-child(2),
  body[data-page="about"] .about-advantage-section.why .why-side-fixed:first-child .why-card-fixed:nth-child(2){order:3}
  body[data-page="home"] .about-advantage-section.why .why-side-fixed:last-child .why-card-fixed:nth-child(2),
  body[data-page="about"] .about-advantage-section.why .why-side-fixed:last-child .why-card-fixed:nth-child(2){order:4}
  body[data-page="home"] .about-advantage-section.why .why-side-fixed:first-child .why-card-fixed:nth-child(3),
  body[data-page="about"] .about-advantage-section.why .why-side-fixed:first-child .why-card-fixed:nth-child(3){order:5}
  body[data-page="home"] .about-advantage-section.why .why-side-fixed:last-child .why-card-fixed:nth-child(3),
  body[data-page="about"] .about-advantage-section.why .why-side-fixed:last-child .why-card-fixed:nth-child(3){order:6}
  body[data-page="home"] .about-advantage-section.why .why-grid-fixed .why-card-fixed,
  body[data-page="about"] .about-advantage-section.why .why-grid-fixed .why-card-fixed{
    width:100%!important;
    box-sizing:border-box;
  }
}

/* Reference-style core advantages: three proof rows on each side of a
   compact global-platform globe, with the seventh proof as a closing row. */
body[data-page="home"] .about-advantage-section.why,
body[data-page="about"] .about-advantage-section.why{
  position:relative;
  overflow:hidden;
  background:linear-gradient(90deg,#fffaf4 0%,#fff4e4 50%,#fffaf4 100%);
}
body[data-page="home"] .about-advantage-section.why::after,
body[data-page="about"] .about-advantage-section.why::after{
  content:"";
  position:absolute;
  right:-60px;
  top:10px;
  width:300px;
  height:300px;
  background-image:radial-gradient(var(--orange) 1px,transparent 1px);
  background-size:14px 14px;
  opacity:.12;
  pointer-events:none;
}
body[data-page="home"] .about-advantage-section.why .why-head,
body[data-page="about"] .about-advantage-section.why .why-head{
  position:relative;
  z-index:2;
  max-width:720px;
  margin:0 auto 38px;
  text-align:center;
}
body[data-page="home"] .about-advantage-section.why .why-head .section-title,
body[data-page="about"] .about-advantage-section.why .why-head .section-title{
  margin:0;
  color:var(--ink);
  font-size:clamp(32px,4vw,46px);
  line-height:1.15;
  letter-spacing:0;
  font-weight:800;
}
body[data-page="home"] .about-advantage-section.why .why-grid-fixed,
body[data-page="about"] .about-advantage-section.why .why-grid-fixed{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px minmax(0,1fr);
  gap:28px;
  align-items:center;
}
body[data-page="home"] .about-advantage-section.why .why-side-fixed,
body[data-page="about"] .about-advantage-section.why .why-side-fixed{
  display:flex;
  flex-direction:column;
  gap:14px;
}
body[data-page="home"] .about-advantage-section.why .why-card-fixed,
body[data-page="about"] .about-advantage-section.why .why-card-fixed{
  min-height:120px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:18px 19px;
  border:1px solid rgba(228,232,236,.9);
  border-radius:12px;
  background:rgba(255,255,255,.9);
  box-shadow:0 10px 28px rgba(17,37,55,.07);
  transition:transform .28s ease,box-shadow .28s ease,border-color .24s ease;
}
body[data-page="home"] .about-advantage-section.why .why-card-fixed:hover,
body[data-page="about"] .about-advantage-section.why .why-card-fixed:hover{
  transform:translateY(-4px);
  border-color:rgba(255,153,0,.55);
  box-shadow:0 16px 34px rgba(17,37,55,.12);
}
body[data-page="home"] .about-advantage-section.why .why-icon-fixed,
body[data-page="about"] .about-advantage-section.why .why-icon-fixed{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff1df;
  color:#d77b00;
  font:700 11px var(--mono);
}
body[data-page="home"] .about-advantage-section.why .why-card-fixed h3,
body[data-page="about"] .about-advantage-section.why .why-card-fixed h3{
  margin:0 0 6px;
  color:var(--orange)!important;
  font-size:15px;
  line-height:1.48;
  font-weight:700;
}
body[data-page="home"] .about-advantage-section.why .why-card-fixed p,
body[data-page="about"] .about-advantage-section.why .why-card-fixed p{
  margin:0;
  color:#718091;
  font-size:13px;
  line-height:1.7;
}
body[data-page="home"] .about-advantage-section.why .why-center-fixed,
body[data-page="about"] .about-advantage-section.why .why-center-fixed{
  min-height:360px;
  display:grid;
  place-items:center;
}
body[data-page="home"] .about-advantage-section.why .why-card-fixed-wide,
body[data-page="about"] .about-advantage-section.why .why-card-fixed-wide{
  position:relative;
  z-index:2;
  max-width:760px;
  margin:24px auto 0;
  grid-template-columns:46px minmax(0,1fr);
  background:rgba(255,255,255,.82);
}

body[data-page="home"] .about-advantage-section.why .platform-globe-stage,
body[data-page="about"] .about-advantage-section.why .platform-globe-stage{
  position:relative;
  width:320px;
  height:330px;
  display:grid;
  place-items:center;
  isolation:isolate;
}
body[data-page="home"] .about-advantage-section.why .platform-globe-halo,
body[data-page="about"] .about-advantage-section.why .platform-globe-halo{
  position:absolute;
  width:250px;
  height:250px;
  border-radius:50%;
  background:radial-gradient(circle at center,#fff 0 59%,rgba(255,255,255,.56) 60%,rgba(255,255,255,0) 75%);
  box-shadow:0 20px 50px rgba(17,37,55,.07);
  z-index:0;
}
body[data-page="home"] .about-advantage-section.why .earth-globe,
body[data-page="about"] .about-advantage-section.why .earth-globe{
  position:relative;
  width:164px;
  height:164px;
  border-radius:50%;
  animation:poaEarthRotate 18s linear infinite;
  z-index:3;
}
body[data-page="home"] .about-advantage-section.why .earth-globe-shell,
body[data-page="about"] .about-advantage-section.why .earth-globe-shell{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:1.5px solid rgba(255,153,0,.68);
  background:radial-gradient(circle at 34% 30%,rgba(255,190,86,.10),transparent 40%),linear-gradient(135deg,rgba(255,153,0,.035),rgba(11,34,57,.025));
}
body[data-page="home"] .about-advantage-section.why .earth-lat,
body[data-page="home"] .about-advantage-section.why .earth-lon,
body[data-page="about"] .about-advantage-section.why .earth-lat,
body[data-page="about"] .about-advantage-section.why .earth-lon{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,153,0,.32);
  border-radius:50%;
}
body[data-page="home"] .about-advantage-section.why .earth-lat-1,
body[data-page="about"] .about-advantage-section.why .earth-lat-1{width:154px;height:52px}
body[data-page="home"] .about-advantage-section.why .earth-lat-2,
body[data-page="about"] .about-advantage-section.why .earth-lat-2{width:154px;height:98px}
body[data-page="home"] .about-advantage-section.why .earth-lat-3,
body[data-page="about"] .about-advantage-section.why .earth-lat-3{width:154px;height:136px}
body[data-page="home"] .about-advantage-section.why .earth-lon-1,
body[data-page="about"] .about-advantage-section.why .earth-lon-1{width:48px;height:158px}
body[data-page="home"] .about-advantage-section.why .earth-lon-2,
body[data-page="about"] .about-advantage-section.why .earth-lon-2{width:92px;height:158px}
body[data-page="home"] .about-advantage-section.why .earth-lon-3,
body[data-page="about"] .about-advantage-section.why .earth-lon-3{width:136px;height:158px}
body[data-page="home"] .about-advantage-section.why .earth-site,
body[data-page="about"] .about-advantage-section.why .earth-site{
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 0 5px rgba(255,153,0,.13);
  animation:poaSitePulse 2.4s ease-in-out infinite;
}
body[data-page="home"] .about-advantage-section.why .site-na,
body[data-page="about"] .about-advantage-section.why .site-na{left:27px;top:60px}
body[data-page="home"] .about-advantage-section.why .site-eu,
body[data-page="about"] .about-advantage-section.why .site-eu{left:77px;top:44px;animation-delay:.45s}
body[data-page="home"] .about-advantage-section.why .site-jp,
body[data-page="about"] .about-advantage-section.why .site-jp{right:24px;top:68px;animation-delay:.9s}
body[data-page="home"] .about-advantage-section.why .site-au,
body[data-page="about"] .about-advantage-section.why .site-au{right:42px;bottom:27px;animation-delay:1.35s}
body[data-page="home"] .about-advantage-section.why .site-me,
body[data-page="about"] .about-advantage-section.why .site-me{left:86px;bottom:52px;animation-delay:1.8s}
body[data-page="home"] .about-advantage-section.why .earth-core-badge,
body[data-page="about"] .about-advantage-section.why .earth-core-badge{
  position:absolute;
  width:88px;
  height:88px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  background:linear-gradient(180deg,#123452,#0b2239);
  color:#fff;
  box-shadow:0 16px 34px rgba(11,34,57,.18);
  z-index:5;
}
body[data-page="home"] .about-advantage-section.why .earth-core-mark,
body[data-page="about"] .about-advantage-section.why .earth-core-mark{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,153,0,.15);color:var(--orange);font-size:16px;font-weight:900;
}
body[data-page="home"] .about-advantage-section.why .earth-core-badge span,
body[data-page="about"] .about-advantage-section.why .earth-core-badge span{text-align:center;font-size:8px;line-height:1.2;letter-spacing:.09em;font-weight:900}
body[data-page="home"] .about-advantage-section.why .platform-orbit,
body[data-page="about"] .about-advantage-section.why .platform-orbit{position:absolute;width:255px;height:96px;border:1px solid rgba(255,153,0,.20);border-radius:50%;z-index:2}
body[data-page="home"] .about-advantage-section.why .platform-orbit-a,
body[data-page="about"] .about-advantage-section.why .platform-orbit-a{transform:rotate(10deg);animation:poaOrbitA 14s linear infinite}
body[data-page="home"] .about-advantage-section.why .platform-orbit-b,
body[data-page="about"] .about-advantage-section.why .platform-orbit-b{transform:rotate(63deg);animation:poaOrbitB 18s linear infinite reverse}
body[data-page="home"] .about-advantage-section.why .platform-orbit-c,
body[data-page="about"] .about-advantage-section.why .platform-orbit-c{transform:rotate(-56deg);animation:poaOrbitC 22s linear infinite}
body[data-page="home"] .about-advantage-section.why .platform-pill,
body[data-page="about"] .about-advantage-section.why .platform-pill{position:absolute;min-height:24px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e7e9ec;color:var(--ink);font-size:8px;line-height:1;font-weight:800;box-shadow:0 7px 18px rgba(17,37,55,.07);white-space:nowrap;animation:poaCounterRotate 14s linear infinite reverse}
body[data-page="home"] .about-advantage-section.why .platform-orbit-b .platform-pill,
body[data-page="about"] .about-advantage-section.why .platform-orbit-b .platform-pill{animation-duration:18s;animation-direction:normal}
body[data-page="home"] .about-advantage-section.why .platform-orbit-c .platform-pill,
body[data-page="about"] .about-advantage-section.why .platform-orbit-c .platform-pill{animation-duration:22s;animation-direction:reverse}
body[data-page="home"] .about-advantage-section.why .platform-pill::before,
body[data-page="about"] .about-advantage-section.why .platform-pill::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--orange);margin-right:5px}
body[data-page="home"] .about-advantage-section.why .pill-amazon,
body[data-page="about"] .about-advantage-section.why .pill-amazon{left:-5px;top:35px}
body[data-page="home"] .about-advantage-section.why .pill-ebay,
body[data-page="about"] .about-advantage-section.why .pill-ebay{right:-2px;top:37px}
body[data-page="home"] .about-advantage-section.why .pill-walmart,
body[data-page="about"] .about-advantage-section.why .pill-walmart{left:-10px;top:33px}
body[data-page="home"] .about-advantage-section.why .pill-etsy,
body[data-page="about"] .about-advantage-section.why .pill-etsy{right:-6px;top:38px}
body[data-page="home"] .about-advantage-section.why .pill-temu,
body[data-page="about"] .about-advantage-section.why .pill-temu{left:-4px;top:33px}
body[data-page="home"] .about-advantage-section.why .pill-tiktok,
body[data-page="about"] .about-advantage-section.why .pill-tiktok{right:-7px;top:36px}
body[data-page="home"] .about-advantage-section.why .platform-globe-caption,
body[data-page="about"] .about-advantage-section.why .platform-globe-caption{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);width:280px;text-align:center;z-index:6}
body[data-page="home"] .about-advantage-section.why .platform-globe-caption b,
body[data-page="about"] .about-advantage-section.why .platform-globe-caption b{display:block;color:var(--ink);font-size:13px;margin-bottom:4px}
body[data-page="home"] .about-advantage-section.why .platform-globe-caption span,
body[data-page="about"] .about-advantage-section.why .platform-globe-caption span{display:block;color:#8b98a3;font-size:9px;letter-spacing:.02em;white-space:nowrap}
@keyframes poaEarthRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes poaOrbitA{from{transform:rotate(10deg)}to{transform:rotate(370deg)}}
@keyframes poaOrbitB{from{transform:rotate(63deg)}to{transform:rotate(423deg)}}
@keyframes poaOrbitC{from{transform:rotate(-56deg)}to{transform:rotate(304deg)}}
@keyframes poaCounterRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes poaSitePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.72}}
@media(max-width:980px){
  body[data-page="home"] .about-advantage-section.why .why-grid-fixed,
  body[data-page="about"] .about-advantage-section.why .why-grid-fixed{grid-template-columns:1fr;gap:24px}
  body[data-page="home"] .about-advantage-section.why .why-center-fixed,
  body[data-page="about"] .about-advantage-section.why .why-center-fixed{order:-1;min-height:300px}
}
@media(max-width:680px){
  body[data-page="home"] .about-advantage-section.why .platform-globe-stage,
  body[data-page="about"] .about-advantage-section.why .platform-globe-stage{width:250px;height:280px}
  body[data-page="home"] .about-advantage-section.why .platform-globe-halo,
  body[data-page="about"] .about-advantage-section.why .platform-globe-halo{width:210px;height:210px}
  body[data-page="home"] .about-advantage-section.why .earth-globe,
  body[data-page="about"] .about-advantage-section.why .earth-globe{width:138px;height:138px}
  body[data-page="home"] .about-advantage-section.why .earth-lat-1,
  body[data-page="about"] .about-advantage-section.why .earth-lat-1{width:128px;height:44px}
  body[data-page="home"] .about-advantage-section.why .earth-lat-2,
  body[data-page="about"] .about-advantage-section.why .earth-lat-2{width:128px;height:82px}
  body[data-page="home"] .about-advantage-section.why .earth-lat-3,
  body[data-page="about"] .about-advantage-section.why .earth-lat-3{width:128px;height:116px}
  body[data-page="home"] .about-advantage-section.why .earth-lon-1,
  body[data-page="about"] .about-advantage-section.why .earth-lon-1{width:40px;height:132px}
  body[data-page="home"] .about-advantage-section.why .earth-lon-2,
  body[data-page="about"] .about-advantage-section.why .earth-lon-2{width:76px;height:132px}
  body[data-page="home"] .about-advantage-section.why .earth-lon-3,
  body[data-page="about"] .about-advantage-section.why .earth-lon-3{width:114px;height:132px}
  body[data-page="home"] .about-advantage-section.why .platform-orbit,
  body[data-page="about"] .about-advantage-section.why .platform-orbit{width:215px;height:82px}
  body[data-page="home"] .about-advantage-section.why .earth-core-badge,
  body[data-page="about"] .about-advantage-section.why .earth-core-badge{width:76px;height:76px}
  body[data-page="home"] .about-advantage-section.why .platform-globe-caption,
  body[data-page="about"] .about-advantage-section.why .platform-globe-caption{width:240px}
  body[data-page="home"] .about-advantage-section.why .platform-globe-caption span,
  body[data-page="about"] .about-advantage-section.why .platform-globe-caption span{white-space:normal;line-height:1.45}
}

@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .about-advantage-section.why .earth-globe,
  body[data-page="home"] .about-advantage-section.why .platform-orbit,
  body[data-page="home"] .about-advantage-section.why .platform-pill,
  body[data-page="home"] .about-advantage-section.why .earth-site,
  body[data-page="about"] .about-advantage-section.why .earth-globe,
  body[data-page="about"] .about-advantage-section.why .platform-orbit,
  body[data-page="about"] .about-advantage-section.why .platform-pill,
  body[data-page="about"] .about-advantage-section.why .earth-site{animation:none!important}
}

/* Core advantages: replace the card wall with a disciplined three-column
   service index. The content stays unchanged; hierarchy comes from rhythm,
   rules and aligned columns instead of individual panels. */
body[data-page="home"] .about-advantage-section,
body[data-page="about"] .about-advantage-section{
  padding:112px 0 120px;
  background:#f5f7f8;
}
body[data-page="home"] .about-advantage-section .section-head,
body[data-page="about"] .about-advantage-section .section-head{
  margin-bottom:38px;
}
body[data-page="home"] .about-advantage-section .section-head .kicker,
body[data-page="about"] .about-advantage-section .section-head .kicker{
  margin:0;
  color:var(--orange);
  font-family:var(--sans);
  font-size:36px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:0;
}
body[data-page="home"] .about-advantage-section .advantage-showcase,
body[data-page="about"] .about-advantage-section .advantage-showcase{
  display:grid;
  grid-template-columns:1fr!important;
  gap:0;
  margin:0;
  border-top:1px solid #cfd9e0;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card,
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card{
  display:grid!important;
  grid-template-columns:72px minmax(220px,.72fr) minmax(0,1.28fr)!important;
  grid-template-rows:auto;
  align-items:start;
  column-gap:28px;
  grid-column:auto!important;
  min-height:0!important;
  height:auto!important;
  padding:26px 12px 27px 0!important;
  border:0!important;
  border-bottom:1px solid #d8e1e7!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ink)!important;
  box-shadow:none!important;
  overflow:visible;
  transition:background-color .25s ease,transform .28s ease,border-color .25s ease;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card:nth-child(n),
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card:nth-child(n){
  grid-column:1!important;
  min-height:0!important;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card:not(.advantage-card-wide),
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card:not(.advantage-card-wide){
  background:transparent!important;
  border-color:transparent!important;
  border-bottom-color:#d8e1e7!important;
  box-shadow:none!important;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card-compliance,
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card-compliance{
  transform:translateY(24px)!important;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card-compliance.in-view,
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card-compliance.in-view{
  transform:none!important;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card:hover,
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card:hover{
  transform:translateX(5px)!important;
  background:rgba(255,255,255,.56)!important;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card .adv-no,
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card .adv-no{
  grid-column:1;
  grid-row:1;
  display:flex;
  align-items:center;
  gap:10px;
  margin:2px 0 0!important;
  color:#c87500!important;
  font:700 11px/1.4 var(--mono);
  letter-spacing:.08em;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card .adv-no::after,
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card .adv-no::after{
  content:"";
  width:24px;
  height:1px;
  background:currentColor;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card h3,
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card h3{
  grid-column:2;
  grid-row:1;
  margin:0!important;
  color:var(--ink)!important;
  font-size:clamp(19px,1.55vw,23px)!important;
  font-weight:700!important;
  line-height:1.5!important;
  letter-spacing:0!important;
}
body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card p,
body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card p{
  grid-column:3;
  grid-row:1;
  margin:0!important;
  color:#68798a!important;
  font-size:13px!important;
  line-height:1.88!important;
}
@media(max-width:900px){
  body[data-page="home"] .about-advantage-section,
  body[data-page="about"] .about-advantage-section{padding:88px 0 96px}
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card,
  body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card{
    grid-template-columns:58px minmax(0,1fr);
    column-gap:22px;
    padding:24px 8px 25px 0!important;
  }
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card p,
  body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card p{
    grid-column:2;
    grid-row:2;
    margin-top:10px!important;
  }
}
@media(max-width:650px){
  body[data-page="home"] .about-advantage-section,
  body[data-page="about"] .about-advantage-section{padding:76px 0 84px}
  body[data-page="home"] .about-advantage-section .section-head,
  body[data-page="about"] .about-advantage-section .section-head{margin-bottom:28px}
  body[data-page="home"] .about-advantage-section .section-head .kicker,
  body[data-page="about"] .about-advantage-section .section-head .kicker{font-size:29px}
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card,
  body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card{
    grid-template-columns:44px minmax(0,1fr);
    column-gap:16px;
    padding:21px 0 22px!important;
  }
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card h3,
  body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card h3{font-size:19px!important;line-height:1.5!important}
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card p,
  body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card p{font-size:13px!important;line-height:1.82!important}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .about-advantage-section .advantage-showcase .advantage-card,
  body[data-page="about"] .about-advantage-section .advantage-showcase .advantage-card{transition:none}
}

/* Match the knowledge tag to the surrounding mobile summary typography. */
@media(max-width:650px){
  .knowledge-card .knowledge-card-top .knowledge-label{
    font-family:var(--sans)!important;
    font-size:12px!important;
    font-weight:400!important;
    line-height:1.6!important;
    letter-spacing:0!important;
  }
}

/* Stack the desktop knowledge card action and date on the same right edge. */
@media(min-width:651px){
  .knowledge-card .knowledge-read{
    position:absolute!important;
    right:25px;
    bottom:48px;
    margin:0;
  }
  .knowledge-card .knowledge-card-top time{
    position:absolute;
    right:25px;
    bottom:20px;
    margin:0;
    text-align:right;
  }
}

/* Match desktop knowledge tags to the summary text typography below them. */
@media(min-width:651px){
  .knowledge-card .knowledge-card-top .knowledge-label{
    font-family:var(--sans)!important;
    font-size:16px!important;
    font-weight:400!important;
    line-height:1.6!important;
    letter-spacing:0!important;
  }
}

/* Render case dates with the same right-column treatment as knowledge cards. */
.case-list-card .case-list-date{
  position:absolute;
  right:25px;
  bottom:20px;
  margin:0;
  color:#718196;
  font:12px/1.35 var(--mono);
  white-space:nowrap;
  text-align:right;
}
@media(max-width:650px){
  .case-list-card .case-list-date{
    position:static;
    grid-column:1!important;
    grid-row:4!important;
    justify-self:start;
    align-self:center;
    text-align:left;
  }
  .case-list-card .knowledge-read{
    grid-column:2!important;
    grid-row:4!important;
    justify-self:end!important;
    align-self:center!important;
  }
}

/* Screenshot-aligned article cards shared by the knowledge and case pages. */
.knowledge-card{
  grid-template-columns:196px minmax(0,1fr) auto!important;
  grid-template-rows:1fr!important;
  align-items:stretch!important;
  column-gap:24px!important;
  min-height:194px!important;
  padding:24px!important;
  border:1px solid #dfe5ea!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(24,40,58,.08)!important;
}
.knowledge-card:hover{
  border-color:#f8933d!important;
  box-shadow:0 16px 30px rgba(24,40,58,.13)!important;
}
.knowledge-card .list-card-media{
  grid-column:1!important;
  grid-row:1!important;
  width:196px!important;
  height:130px!important;
  aspect-ratio:auto!important;
  align-self:center;
  border:1px solid #dfe5ea;
  border-radius:7px;
}
.knowledge-card .list-card-body{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column;
  align-self:stretch;
  min-width:0;
}
.knowledge-card .list-card-body h3{
  margin:0!important;
  max-width:none!important;
  color:#18283a;
  font-size:20px!important;
  line-height:1.45!important;
  font-weight:700;
}
.knowledge-card .list-card-body p{
  margin:10px 0 0!important;
  max-width:none!important;
  color:#68788b;
  font-size:14px!important;
  line-height:1.7!important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.knowledge-card-meta{
  display:flex;
  align-items:center;
  gap:clamp(28px,8vw,108px);
  min-width:0;
  margin-top:auto;
  padding-top:13px;
  color:#68788b;
  font-size:14px;
  line-height:1.4;
}
.knowledge-meta-item{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-width:0;
  white-space:nowrap;
}
.knowledge-meta-item svg{
  flex:0 0 auto;
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.knowledge-meta-item>span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.knowledge-card .knowledge-read{
  grid-column:3!important;
  grid-row:1!important;
  align-self:end!important;
  justify-self:end!important;
  position:static!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--orange)!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.4;
  white-space:nowrap;
}
.knowledge-card .knowledge-read span{margin-left:3px;color:inherit}

@media(max-width:650px){
  .knowledge-card{
    grid-template-columns:120px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto!important;
    row-gap:10px!important;
    column-gap:14px!important;
    min-height:0!important;
    padding:20px!important;
    border-radius:8px!important;
  }
  .knowledge-card .list-card-media{
    grid-column:1!important;
    grid-row:1!important;
    width:120px!important;
    height:81px!important;
    aspect-ratio:auto!important;
    align-self:start;
  }
  .knowledge-card .list-card-body{
    grid-column:1 / -1!important;
    grid-row:1 / -1!important;
    display:contents!important;
  }
  .knowledge-card .list-card-body h3{
    grid-column:2!important;
    grid-row:1!important;
    font-size:18px!important;
    line-height:1.45!important;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
  }
  .knowledge-card .list-card-body p{
    grid-column:1 / -1!important;
    grid-row:2!important;
    margin-top:8px!important;
    font-size:13px!important;
    line-height:1.7!important;
    -webkit-line-clamp:3;
  }
  .knowledge-card-meta{
    grid-column:1 / -1!important;
    grid-row:3!important;
    gap:12px 18px;
    flex-wrap:wrap;
    margin-top:0;
    padding-top:0;
    font-size:12px;
  }
  .knowledge-meta-item svg{width:14px;height:14px}
  .knowledge-card .knowledge-read{
    grid-column:2!important;
    grid-row:4!important;
    align-self:auto!important;
    justify-self:end!important;
    margin-top:2px!important;
    font-size:12px!important;
  }
}

/* Center the profile proof points within each column at every viewport. */
.about-profile-stats{
  justify-items:center;
  column-gap:24px;
}
.about-profile-stats span,
.about-profile-stats span:nth-child(even){
  align-items:center;
  padding-left:0!important;
  text-align:center;
}

/* Keep the integrated POA profile columns on the same top edge even when a
   shared layout rule is loaded before this page-specific stylesheet. */
body.poa-content-page .about-section .about-layout{
  align-items:flex-start!important;
}
body.poa-content-page .about-section .about-main,
body.poa-content-page .about-section .about-profile-side{
  align-self:flex-start!important;
}
body.poa-content-page .about-section .about-main{
  padding-top:0!important;
}
body.poa-content-page .about-section .about-profile-image{
  margin-top:0!important;
}

/* The later mobile hero layout used a desktop-header offset and overrode the
   shared-header reset above, leaving a white band below the fixed nav. */
@media(max-width:650px){
  body.poa-content-page .security-carousel{
    margin-top:0!important;
  }
  body.poa-content-page .about-section .about-profile-side{
    margin-top:34px;
  }
}
