:root{
  --font-sans:"Inter","SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","HarmonyOS Sans SC","Microsoft YaHei",Arial,sans-serif;
  --font-display:"Inter","SF Pro Display","Helvetica Neue","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",Arial,sans-serif;
  --font-number:"Inter","SF Pro Text",-apple-system,BlinkMacSystemFont,"DIN Alternate","Roboto",Arial,sans-serif;
  --bg:#ffffff;
  --bg-soft:#f6f8fb;
  --bg-muted:#eef2f7;
  --panel:#ffffff;
  --panel-2:#f8fafc;
  --panel-3:#f1f5f9;
  --text:#101828;
  --text-2:#475467;
  --muted:#667085;
  --brand:#111827;
  --brand-hover:#000000;
  --blue:#2563eb;
  --blue-soft:#eff6ff;
  --green:#16a34a;
  --green-soft:#ecfdf3;
  --gold:#c89b3c;
  --gold-2:#9a6b14;
  --gold-soft:#fff8e6;
  --orange:#f59e0b;
  --red:#dc2626;
  --red-soft:#fff1f1;
  --line:#e5e7eb;
  --line-strong:#d0d5dd;
  --shadow:0 30px 80px rgba(16,24,40,.10);
  --shadow-soft:0 18px 45px rgba(16,24,40,.08);
  --radius:18px;
  --radius-lg:26px;
  --radius-xl:34px;
  --max:1180px;
  --header-h:76px;
}

/* Global motion system inspired by imKey.im */
:root{
  --motion-fast:.28s;
  --motion-base:.78s;
  --motion-slow:1.08s;
  --motion-ease:cubic-bezier(.22,1,.36,1);
  --motion-ease-soft:cubic-bezier(.16,1,.3,1);
}

[data-reveal]{
  opacity:0;
  transform:translate3d(0,26px,0) scale(.985);
  filter:blur(5px);
  transition:
    opacity var(--motion-base) var(--motion-ease),
    transform var(--motion-base) var(--motion-ease),
    filter var(--motion-base) var(--motion-ease);
  will-change:opacity,transform,filter;
}
[data-reveal].is-visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:none;
}

body.is-motion-ready .topbar{
  animation:motionFadeDown .88s var(--motion-ease) both;
}
body.is-motion-ready .site-header{
  animation:motionFadeDown 1s .04s var(--motion-ease) both;
}
body.is-motion-ready .hero-copy,
body.is-motion-ready .product-catalog-hero__copy,
body.is-motion-ready .service-catalog-hero__copy,
body.is-motion-ready .verification-catalog-hero__copy,
body.is-motion-ready .academy-catalog-hero__copy,
body.is-motion-ready .about-catalog-hero__copy,
body.is-motion-ready .contact-catalog-hero__copy,
body.is-motion-ready .integration-hero__copy,
body.is-motion-ready .p1-summary,
body.is-motion-ready .s1-summary,
body.is-motion-ready .l1-summary{
  animation:motionIntroUp 1s .08s var(--motion-ease) both;
}
body.is-motion-ready .showcase-panel,
body.is-motion-ready .product-catalog-hero__visual,
body.is-motion-ready .service-catalog-hero__visual,
body.is-motion-ready .verification-catalog-hero__visual,
body.is-motion-ready .academy-catalog-hero__visual,
body.is-motion-ready .about-catalog-hero__visual,
body.is-motion-ready .contact-catalog-hero__visual,
body.is-motion-ready .integration-hero__visual,
body.is-motion-ready .p1-gallery,
body.is-motion-ready .s1-gallery,
body.is-motion-ready .l1-gallery{
  animation:motionIntroScale 1.12s .14s var(--motion-ease-soft) both;
}

.motion-surface{
  position:relative;
  isolation:isolate;
  transform:translateZ(0);
  transition:
    transform .48s var(--motion-ease-soft),
    box-shadow .48s var(--motion-ease-soft),
    border-color .32s ease,
    background-color .32s ease;
}
.motion-surface > *{
  position:relative;
  z-index:1;
}
.motion-surface > .motion-glow{
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  transform:translate3d(0,10px,0);
  background:
    radial-gradient(180px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(37,99,235,.14),transparent 40%),
    radial-gradient(120px circle at calc(var(--pointer-x,50%) - 16%) calc(var(--pointer-y,50%) - 10%),rgba(200,155,60,.12),transparent 44%),
    linear-gradient(118deg,transparent 28%,rgba(255,255,255,.48) 50%,transparent 72%);
  background-repeat:no-repeat;
  background-position:center,center,-180% 50%;
  transition:
    opacity .34s ease,
    transform .46s var(--motion-ease-soft),
    background-position .9s var(--motion-ease);
  mix-blend-mode:screen;
}

@media (hover:hover) and (pointer:fine){
  .motion-surface:hover{
    transform:translate3d(0,-8px,0);
    box-shadow:0 30px 72px rgba(15,23,42,.12);
    border-color:rgba(148,163,184,.42);
  }
  .motion-surface:hover > .motion-glow{
    opacity:1;
    transform:translate3d(0,0,0);
    background-position:center,center,190% 50%;
  }
  .motion-surface:hover img{
    transform:translateY(-4px);
  }
}

.btn,
.topbar-link,
.site-nav a,
.nav-group-btn,
.nav-menu,
summary::after{
  transition-timing-function:var(--motion-ease-soft);
}

.hero-orb{
  animation:motionFloatSoft 13s ease-in-out infinite;
}
.orb-b{
  animation-delay:-5s;
}
body.is-motion-ready .hero-bg-grid{
  animation-duration:28s;
}
body.is-motion-ready .product-catalog-hero__accent,
body.is-motion-ready .service-catalog-hero__accent,
body.is-motion-ready .verification-catalog-hero__accent,
body.is-motion-ready .academy-catalog-hero__accent,
body.is-motion-ready .about-catalog-hero__accent,
body.is-motion-ready .contact-catalog-hero__accent,
body.is-motion-ready .about-wide-card__shape span,
body.is-motion-ready .contact-warning-shape span,
body.is-motion-ready .contact-table-shape span,
body.is-motion-ready .contact-catalog-hero__core span{
  animation:motionFloatSoft 11s ease-in-out infinite;
}
body.is-motion-ready .product-catalog-hero__accent--bottom,
body.is-motion-ready .verification-catalog-hero__accent--bottom,
body.is-motion-ready .academy-catalog-hero__accent--bottom,
body.is-motion-ready .about-catalog-hero__accent--bottom,
body.is-motion-ready .contact-catalog-hero__accent--bottom{
  animation-delay:-3.2s;
}

.trust-line span,
.showcase-tags span,
.product-specs span,
.logo-strip span,
.security-strip span{
  transition:
    transform .28s var(--motion-ease-soft),
    box-shadow .28s var(--motion-ease-soft),
    border-color .28s ease;
}
@media (hover:hover) and (pointer:fine){
  .trust-line span:hover,
  .showcase-tags span:hover,
  .product-specs span:hover,
  .logo-strip span:hover,
  .security-strip span:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 28px rgba(15,23,42,.08);
    border-color:#cbd5e1;
  }
}

details{
  transition:
    border-color .3s ease,
    background-color .3s ease,
    box-shadow .35s var(--motion-ease-soft),
    transform .35s var(--motion-ease-soft);
}
details[open] > :not(summary){
  animation:motionAnswerIn .42s var(--motion-ease-soft) both;
}

tbody tr{
  transition:background-color .3s ease;
}
tbody tr:hover{
  background:rgba(37,99,235,.035);
}

@keyframes motionFadeDown{
  from{
    opacity:0;
    transform:translate3d(0,-22px,0);
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0);
  }
}
@keyframes motionIntroUp{
  from{
    opacity:0;
    transform:translate3d(0,34px,0);
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0);
  }
}
@keyframes motionIntroScale{
  from{
    opacity:0;
    transform:translate3d(0,28px,0) scale(.97);
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
  }
}
@keyframes motionFloatSoft{
  0%,100%{
    transform:translate3d(0,0,0) rotate(0deg);
  }
  50%{
    transform:translate3d(0,-10px,0) rotate(1.2deg);
  }
}
@keyframes motionAnswerIn{
  from{
    opacity:0;
    transform:translate3d(0,12px,0);
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0);
  }
}
*{box-sizing:border-box}
button,input,select,textarea{font:inherit}
strong,b{font-weight:700}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-sans);font-size:16px;font-weight:400;letter-spacing:.005em;background:linear-gradient(180deg,#fff 0%,#f8fafc 44%,#fff 100%);color:var(--text);line-height:1.72;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent 62%);z-index:-1}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(100% - 40px,var(--max));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:10px;background:#111827;color:#fff;padding:8px 12px;border-radius:8px;z-index:999}.skip-link:focus{left:12px}body.is-modal-open{overflow:hidden}
.topbar{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#f8fafc,#fff8e6,#f8fafc);position:relative;z-index:110}.topbar-inner{min-height:40px;display:flex;align-items:center;justify-content:center;gap:14px;color:#344054;font-size:13px}.topbar-inner b{color:#8a5d08;font-weight:700}.topbar-link{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid #ead59b;border-radius:999px;color:#7a5106;background:#fffaf0;font-weight:650;white-space:nowrap}.topbar-link::after{content:"→"}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.86);border-bottom:1px solid rgba(229,231,235,.92);backdrop-filter:blur(18px);transition:background .25s ease,box-shadow .25s ease}.site-header.is-scrolled{background:rgba(255,255,255,.96);box-shadow:0 16px 45px rgba(16,24,40,.08)}.header-inner{height:var(--header-h);display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:12px;min-width:268px;position:relative}.brand img{width:auto;height:58px;filter:drop-shadow(0 8px 16px rgba(16,24,40,.08))}.brand span{display:flex;flex-direction:column;line-height:1.1}.brand b{font-family:var(--font-display);font-size:22px;letter-spacing:-.02em;color:var(--text);font-weight:700}.brand small{color:var(--muted);font-weight:600;font-size:12px;margin-top:3px;letter-spacing:.02em}.brand .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;display:block}.site-nav{display:flex;align-items:center;justify-content:center;gap:6px;flex:1}.site-nav a,.nav-group-btn{height:42px;display:inline-flex;align-items:center;padding:0 13px;border-radius:999px;color:#344054;font-size:14px;font-weight:600;letter-spacing:.01em;border:1px solid transparent;background:transparent;cursor:pointer;font-family:inherit}.site-nav a:hover,.nav-group:hover .nav-group-btn,.site-nav a.is-active{color:#111827;border-color:#d0d5dd;background:#f8fafc}.nav-group{position:relative}.nav-group-btn::after{content:"⌄";font-size:12px;margin-left:6px;color:#667085}.nav-menu{position:absolute;top:calc(100% + 12px);left:0;min-width:220px;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.98);box-shadow:var(--shadow-soft);display:grid;gap:4px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease}.nav-group:hover .nav-menu,.nav-group.is-open .nav-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-menu a{height:auto;border-radius:12px;justify-content:flex-start;padding:10px 12px;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:10px}.nav-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:9px;cursor:pointer}.nav-toggle span{display:block;height:2px;background:#111827;border-radius:2px;margin:5px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid var(--line-strong);background:#fff;color:var(--text);font-weight:650;font-size:14px;letter-spacing:.01em;cursor:pointer;font-family:inherit;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px);border-color:#98a2b3;background:#f8fafc;box-shadow:0 12px 28px rgba(16,24,40,.07)}.btn.primary{color:#fff;background:#111827;border-color:#111827;box-shadow:0 14px 32px rgba(17,24,39,.18)}.btn.primary:hover{background:#000;border-color:#000}.btn.ghost{background:#fff;border-color:#d0d5dd;color:#111827}.btn.ghost:hover{background:#f8fafc}
.hero{position:relative;padding:88px 0 76px;overflow:hidden}.official-hero{padding-top:92px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}.hero-bg-grid{position:absolute;inset:0;background:linear-gradient(90deg,rgba(37,99,235,.06) 1px,transparent 1px),linear-gradient(rgba(37,99,235,.06) 1px,transparent 1px);background-size:78px 78px;opacity:.35;animation:gridMove 20s linear infinite}.hero-orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.82;pointer-events:none}.orb-a{width:390px;height:390px;right:6%;top:8%;background:radial-gradient(circle,rgba(37,99,235,.13),transparent 66%)}.orb-b{width:270px;height:270px;left:5%;bottom:7%;background:radial-gradient(circle,rgba(200,155,60,.13),transparent 64%)}@keyframes gridMove{from{background-position:0 0,0 0}to{background-position:78px 78px,78px 78px}}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:56px;align-items:center}.official-hero-grid{min-height:560px}.kicker,.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;color:#2563eb;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.kicker::before,.eyebrow::before{content:"";width:26px;height:1px;background:linear-gradient(90deg,#2563eb,transparent)}h1{font-family:var(--font-display);font-size:clamp(42px,5.1vw,72px);line-height:1.04;margin:0 0 22px;letter-spacing:-.045em;max-width:880px;color:var(--text);font-weight:680}.hero-copy .lead,.lead{font-size:18px;line-height:1.82;color:var(--text-2);max-width:740px;margin:0 0 28px;font-weight:400}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.trust-line{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.trust-line span{padding:7px 11px;border-radius:999px;border:1px solid #bbf7d0;background:var(--green-soft);color:#067647;font-size:13px;font-weight:650}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.metric{padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(16,24,40,.05)}.metric b{display:block;color:#111827;font-size:22px;line-height:1}.metric span{display:block;margin-top:6px;color:var(--muted);font-size:13px;font-weight:600}.hero-card,.showcase-panel{position:relative;border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(145deg,#ffffff,#f8fafc);box-shadow:var(--shadow);overflow:hidden}.showcase-panel{min-height:500px;padding:34px;display:flex;flex-direction:column;justify-content:center}.device-halo{position:absolute;inset:46px;border-radius:42px;background:radial-gradient(circle at center,rgba(37,99,235,.14),rgba(200,155,60,.10) 45%,transparent 70%)}.product-float-stack{position:relative;min-height:310px;display:flex;align-items:center;justify-content:center}.hero-device{position:absolute;object-fit:contain;filter:drop-shadow(0 35px 45px rgba(16,24,40,.20));animation:floatY 5.4s ease-in-out infinite}.hero-device-main{width:min(72%,310px);z-index:2}.hero-device-sub{width:min(46%,190px);right:8%;bottom:6%;opacity:.98;animation-delay:-1.6s}.showcase-tags{position:relative;z-index:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.showcase-tags span,.logo-strip span,.product-specs span{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#475467;font-size:13px;font-weight:650}.showcase-tags span:nth-child(1),.showcase-tags span:nth-child(3){color:#7a5106;border-color:#ead59b;background:#fff8e6}@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.device-stage{min-height:360px;display:grid;place-items:center;padding:36px;background:linear-gradient(180deg,#f8fafc,#eef2f7);border-bottom:1px solid var(--line)}.device-stage img{max-height:300px;object-fit:contain;filter:drop-shadow(0 26px 38px rgba(16,24,40,.14));animation:floatY 5.4s ease-in-out infinite}.security-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 22px 22px;background:#fff}.security-strip span{border:1px solid var(--line);border-radius:16px;padding:12px;text-align:center;color:#475467;background:#f8fafc;font-weight:650;font-size:13px}.logo-strip{position:relative;display:flex;gap:10px;overflow:hidden;flex-wrap:wrap;margin-top:8px}.logo-strip span{background:#fff;box-shadow:0 8px 20px rgba(16,24,40,.05)}
.section{padding:74px 0}.section:nth-of-type(even){background:#fff}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.section-title{font-family:var(--font-display);font-size:clamp(30px,3.4vw,46px);line-height:1.16;letter-spacing:-.03em;margin:0 0 10px;color:var(--text);font-weight:680}.section-desc{color:var(--text-2);max-width:820px;margin:0;line-height:1.85;font-weight:400}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.card{position:relative;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;padding:24px;box-shadow:0 14px 36px rgba(16,24,40,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover{transform:translateY(-5px);border-color:#cbd5e1;box-shadow:0 24px 60px rgba(16,24,40,.11)}.card h3{margin:0 0 10px;color:var(--text);font-size:22px;line-height:1.25}.card p{color:var(--text-2);margin:0}.card-highlight{border-color:#ead59b;background:linear-gradient(180deg,#fff,#fffaf0)}.badge{display:inline-flex;align-items:center;width:max-content;margin-bottom:14px;padding:6px 10px;border-radius:999px;background:var(--blue-soft);color:#1d4ed8;border:1px solid #bfdbfe;font-size:12px;font-weight:700}.tile-no{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;margin-bottom:18px;background:#111827;color:#fff;font-weight:700;box-shadow:0 12px 24px rgba(17,24,39,.16)}.service-tile b{display:inline-flex;margin-top:18px;color:#111827;font-size:14px}.service-tile b::after{content:"→";margin-left:6px}.product-card{display:flex;flex-direction:column;min-height:100%}.product-image{height:230px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;border-radius:24px;background:#f6f7f8;border:1px solid var(--line);overflow:hidden}.independent-image img,.product-image img{max-height:185px;max-width:88%;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(16,24,40,.16));transition:transform .3s ease}.product-card:hover .product-image img{transform:scale(1.04) translateY(-3px)}.product-specs{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 14px}.product-specs span{font-size:12px;min-height:30px;background:#f8fafc}.product-card .price{margin:8px 0 16px;color:#111827;font-weight:700;font-size:18px}.product-card .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:18px}.product-card-official{padding:22px}.product-card-official .product-image{height:260px}.product-card-official .product-image img{max-height:210px}.process-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;position:relative}.process-line::before{content:"";position:absolute;left:8%;right:8%;top:32px;height:1px;background:linear-gradient(90deg,transparent,#cbd5e1,transparent)}.process-line article{position:relative;padding:74px 18px 22px;border:1px solid var(--line);border-radius:22px;background:#fff;min-height:205px;box-shadow:0 14px 36px rgba(16,24,40,.06)}.process-line article span{position:absolute;left:18px;top:18px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#111827;color:#fff;font-weight:700;box-shadow:0 12px 26px rgba(17,24,39,.14)}.process-line h3{margin:0 0 8px}.process-line p{margin:0;color:var(--text-2);font-size:14px}.split-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center}.check-card{background:linear-gradient(180deg,#fff,#f8fafc)}.check-list{list-style:none!important;padding:0!important;margin:14px 0 0!important}.check-list li{position:relative;padding-left:32px;margin:12px 0!important;color:var(--text-2)}.check-list li::before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:700}.ecosystem-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.ecosystem-card{min-height:180px}.ecosystem-card h3::before{content:"";display:block;width:40px;height:3px;border-radius:999px;background:var(--blue);margin-bottom:14px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-soft)}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:16px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top}th{color:#111827;background:#f8fafc;font-size:14px}td{color:var(--text-2)}tr:last-child td{border-bottom:0}.steps{counter-reset:step}.step{position:relative;padding-left:64px}.step::before{counter-increment:step;content:counter(step);position:absolute;left:22px;top:23px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#111827;color:#fff;font-weight:700}.alert{border:1px solid #fed7aa;background:#fff7ed;border-radius:var(--radius-lg);padding:22px;color:#9a3412}.safe{border:1px solid #bbf7d0;background:var(--green-soft);border-radius:var(--radius-lg);padding:22px;color:#067647}.article{max-width:920px;margin:0 auto}.article h2{margin:42px 0 14px;font-size:30px;line-height:1.25}.article h3{margin:26px 0 10px;font-size:22px}.article p{color:var(--text-2);margin:0 0 14px}.article blockquote{margin:22px 0;padding:20px 22px;border-left:4px solid var(--blue);background:var(--blue-soft);border-radius:0 18px 18px 0;color:var(--text-2)}.faq-list{display:grid;gap:12px}details{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 10px 26px rgba(16,24,40,.04)}details[open]{border-color:#bfdbfe;background:#f8fbff;box-shadow:0 18px 40px rgba(37,99,235,.08)}summary{cursor:pointer;padding:18px 48px 18px 20px;color:var(--text);font-weight:700;position:relative;list-style:none}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:#2563eb;transition:transform .2s ease;background:#fff}details[open] summary::after{content:"−";transform:translateY(-50%) rotate(180deg)}details p{margin:0;padding:0 20px 20px;color:var(--text-2)}.cta-band{border:1px solid var(--line);border-radius:var(--radius-xl);padding:34px;background:linear-gradient(135deg,#ffffff,#f8fafc);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;box-shadow:var(--shadow-soft)}.cta-band h2{margin:0 0 8px}.cta-band p{margin:0;color:var(--text-2)}.site-footer{border-top:1px solid var(--line);margin-top:54px;padding:42px 0 28px;background:#f6f8fb}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr;gap:24px}.footer-grid h3{margin:0 0 12px;color:#111827}.footer-grid p,.footer-grid a{color:#475467;font-size:14px}.footer-grid a{display:block;margin:6px 0}.footer-grid a:hover{color:#111827}.footer-bottom{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);color:#667085;font-size:13px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:20px}.modal[aria-hidden="false"]{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.52);backdrop-filter:blur(10px)}.modal-panel{position:relative;width:min(430px,calc(100vw - 32px));border:1px solid var(--line);border-radius:28px;padding:26px;background:#fff;box-shadow:var(--shadow);text-align:center}.modal-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#f8fafc;color:#111827;cursor:pointer}.qr-box{margin:18px auto;width:210px;height:210px;padding:14px;border-radius:22px;background:#fff;display:grid;place-items:center;border:1px solid var(--line);box-shadow:0 12px 28px rgba(16,24,40,.08)}.qr-box img{width:100%;height:100%;object-fit:contain}.modal-panel h2{margin:0 38px 8px;line-height:1.25}.modal-panel p{color:var(--text-2);margin:0}.modal-tip{display:inline-flex;margin-top:10px;padding:8px 12px;border-radius:999px;background:var(--green-soft);color:#067647;font-size:13px;font-weight:650}[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .72s ease,transform .72s ease}[data-reveal].is-visible{opacity:1;transform:translateY(0)}
.section-head-center{justify-content:center;text-align:center}.section-head-center .section-desc{margin-inline:auto}

.ip-visual-card{display:flex;align-items:center;justify-content:center;min-height:100%;padding:28px;background:linear-gradient(180deg,#fff,#f8fafc);overflow:hidden}.ip-visual-card img{width:min(100%,420px);aspect-ratio:1/1;object-fit:contain;filter:drop-shadow(0 28px 36px rgba(16,24,40,.14))}.ip-copy-card{background:linear-gradient(180deg,#fff,#fffaf0)}.ip-pills{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 2px}.ip-pills span{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 12px;border-radius:999px;border:1px solid #ead59b;background:#fff8e6;color:#7a5106;font-size:13px;font-weight:650}.ip-note{margin-top:18px;padding:16px 18px;border-radius:20px;border:1px solid var(--line);background:#f8fafc;color:var(--text-2)}.ip-note strong{color:#111827}.ip-stage{background:linear-gradient(180deg,#fffdf6,#f8fafc)}.ip-stage img{width:min(100%,340px);max-height:320px}

/* Official-style typography refinement */
h1,h2,h3,h4,.section-title,.brand b{font-family:var(--font-display)}
h2,h3,h4{letter-spacing:-.02em;color:var(--text);font-weight:680;line-height:1.25}
.card h3,.service-tile h3,.product-card h3,.ecosystem-card h3,.process-line h3,.footer-grid h3{font-weight:680;letter-spacing:-.018em;line-height:1.28}
.card p,.service-tile p,.product-card p,.ecosystem-card p,.process-line p,.article p,details p,.footer-grid p{font-weight:400;line-height:1.82}
.kicker,.eyebrow{font-weight:700;letter-spacing:.07em}
.trust-line span,.showcase-tags span,.logo-strip span,.product-specs span,.security-strip span,.modal-tip{font-weight:650;letter-spacing:.005em}
.metric b,.price,.process-line article span,.step::before{font-family:var(--font-number);font-weight:700;letter-spacing:-.02em}
th{font-weight:650;letter-spacing:.01em}
td{line-height:1.75}
summary{font-weight:650;letter-spacing:-.01em;line-height:1.55}
.btn.primary,.btn.ghost,.btn{font-weight:650}
.site-nav a,.nav-group-btn{font-weight:600}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (max-width:1100px){.hero-grid,.official-hero-grid{grid-template-columns:1fr;gap:32px}.showcase-panel{min-height:450px}.grid.three,.grid.four,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.five,.process-line{grid-template-columns:repeat(2,minmax(0,1fr))}.process-line::before{display:none}.split-feature,.ecosystem-grid{grid-template-columns:1fr}.site-nav a,.nav-group-btn{font-size:13px;padding:0 9px}.brand{min-width:228px}.brand img{height:52px}}
@media (max-width:900px){.nav-toggle{display:block;margin-left:auto}.header-actions .btn.ghost{display:none}.site-nav{position:fixed;top:calc(var(--header-h) + 44px);left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;padding:14px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.98);box-shadow:var(--shadow);max-height:calc(100vh - 130px);overflow:auto}.site-nav.is-open{display:flex}.site-nav a,.nav-group-btn{width:100%;height:auto;border-radius:14px;padding:12px 14px;justify-content:space-between}.nav-group{display:block}.nav-group-btn::after{margin-left:auto}.nav-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:#f8fafc;margin:4px 0 8px;display:grid}.nav-menu a{padding:10px 14px}.hero{padding-top:56px}.section-head{display:block}.section-head .btn{margin-top:16px}.hero-metrics{grid-template-columns:1fr}.cta-band{grid-template-columns:1fr}.showcase-panel{min-height:400px}.product-float-stack{min-height:260px}}
@media (max-width:640px){.container{width:min(100% - 28px,var(--max))}.topbar-inner{justify-content:space-between;font-size:12px;line-height:1.45;padding:6px 0}.topbar-inner span{display:block}.topbar-link{padding:4px 9px}.brand small{display:none}.brand{min-width:auto}.brand img{height:46px;max-width:186px}.header-inner{height:68px}.official-hero{padding-top:42px}.official-hero-grid{min-height:auto}.showcase-panel{padding:18px;border-radius:24px;min-height:360px}.showcase-tags{grid-template-columns:1fr}.hero-device-main{width:min(75%,250px)}.hero-device-sub{width:min(45%,150px);right:4%}.logo-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:38px;letter-spacing:-.032em;line-height:1.12}.hero-copy .lead,.lead{font-size:16px}.hero-actions,.product-card .actions{flex-direction:column;align-items:stretch}.btn{width:100%}.grid.two,.grid.three,.grid.four,.grid.five,.process-line,.footer-grid{grid-template-columns:1fr}.section{padding:54px 0}.card,.hero-card,.cta-band{padding:20px;border-radius:22px}.product-image,.product-card-official .product-image{height:215px}.product-card-official .product-image img,.product-image img{max-height:170px}.security-strip{grid-template-columns:1fr}.process-line article{min-height:auto}.modal-panel{padding:22px}.qr-box{width:190px;height:190px}.table-wrap{border-radius:18px}table{min-width:640px}}

/* Activation status check page: reference-style layout */
body.activation-body {
  --activation-dark: #243231;
  --activation-dark-2: #20302e;
  --activation-gold: #b89b57;
  --activation-text: #2b2d31;
  --activation-muted: #707680;
  --activation-card: #f6f6f5;
  --activation-line: #eceeee;
  --activation-shadow: 0 22px 60px rgba(31, 43, 41, .08);
  margin: 0;
  background: #fff;
  color: var(--activation-text);
  font-family: var(--font-sans);
}
body.activation-body .activation-main {
  background: #fff;
  min-height: 100vh;
}
.activation-hero {
  position: relative;
  min-height: 260px;
  background: var(--activation-dark);
  display: grid;
  place-items: center;
  overflow: hidden;
}
.activation-hero::before,
.activation-hero::after {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .18;
  filter: blur(18px);
}
.activation-hero::before {
  left: -160px;
  top: -230px;
  background: radial-gradient(circle, rgba(184,155,87,.45), transparent 68%);
}
.activation-hero::after {
  right: -130px;
  bottom: -250px;
  background: radial-gradient(circle, rgba(255,255,255,.18), transparent 70%);
}
.activation-home {
  position: absolute;
  left: 42px;
  top: 34px;
  z-index: 1;
  color: rgba(255,255,255,.76);
  font-size: 15px;
  font-weight: 650;
  letter-spacing: .03em;
}
.activation-home:hover { color: #fff; }
.activation-hero h1 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: clamp(44px, 5vw, 72px);
  line-height: 1.08;
  font-weight: 760;
  letter-spacing: .02em;
  color: #fff;
  text-align: center;
}
.activation-hero h1 span { color: var(--activation-gold); }
.activation-container {
  width: min(1420px, calc(100% - 80px));
  margin: 0 auto;
  text-align: center;
}
.activation-container.small { width: min(980px, calc(100% - 80px)); }
.activation-intro {
  padding: 110px 0 70px;
  background: #fff;
}
.activation-eyebrow {
  margin: 0 0 22px;
  color: var(--activation-gold);
  font-size: 15px;
  font-weight: 760;
  letter-spacing: .08em;
}
.activation-intro h2,
.activation-check-section h2,
.activation-faq-section h2 {
  margin: 0 auto 26px;
  max-width: 1250px;
  font-size: clamp(36px, 4.35vw, 70px);
  line-height: 1.18;
  font-weight: 720;
  letter-spacing: -.035em;
  color: #2f3033;
}
.activation-lead {
  margin: 0 auto 12px;
  max-width: 850px;
  font-size: 24px;
  line-height: 1.7;
  color: #5f636b;
  font-weight: 430;
}
.activation-copy,
.activation-warning {
  margin: 0 auto;
  max-width: 1180px;
  font-size: 20px;
  line-height: 1.7;
  color: #686d75;
  font-weight: 430;
}
.activation-warning {
  margin-top: 8px;
  color: #6a6352;
}
.activation-warning strong { color: #b58b32; }
.activation-section { padding: 55px 0; }
.activation-steps-section { padding-top: 20px; }
.activation-grid {
  width: min(1700px, calc(100% - 80px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 34px;
}
.activation-step-card {
  min-height: 330px;
  border-radius: 12px;
  background: var(--activation-card);
  border: 1px solid rgba(32,48,46,.04);
  padding: 44px 46px 38px;
  box-shadow: none;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.activation-step-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--activation-shadow);
  background: #fff;
}
.activation-step-head {
  display: flex;
  align-items: baseline;
  gap: 18px;
  margin-bottom: 24px;
}
.activation-step-head span,
.activation-step-head h3 {
  font-size: clamp(30px, 2.2vw, 43px);
  line-height: 1.15;
  font-weight: 720;
  letter-spacing: -.025em;
  color: #303236;
  margin: 0;
}
.activation-step-card p {
  margin: 0;
  color: #575d66;
  font-size: 18px;
  line-height: 1.78;
  font-weight: 420;
}
.activation-screen {
  margin-top: 30px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid var(--activation-line);
  min-height: 86px;
  display: grid;
  align-content: center;
  justify-items: start;
  padding: 20px 22px;
}
.activation-screen span {
  display: block;
  color: #243231;
  font-weight: 760;
  letter-spacing: .01em;
}
.activation-screen small {
  margin-top: 5px;
  color: #7b828a;
  font-size: 13px;
}
.activation-screen.success { background: #f0f8ef; border-color: #cfe8cf; }
.activation-screen.warning { background: #fff9eb; border-color: #ead7a9; }
.activation-check-section {
  margin-top: 38px;
  padding: 88px 0;
  background: #f8f8f6;
}
.activation-split {
  width: min(1500px, calc(100% - 80px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 70px;
  align-items: center;
}
.activation-split h2 {
  margin-left: 0;
  margin-right: 0;
  text-align: left;
  font-size: clamp(34px, 3.45vw, 58px);
}
.activation-split p:not(.activation-eyebrow) {
  font-size: 20px;
  line-height: 1.85;
  color: #626872;
  max-width: 780px;
}
.activation-split .activation-eyebrow { text-align: left; }
.activation-state-list { display: grid; gap: 22px; }
.state-card {
  border-radius: 18px;
  background: #fff;
  border: 1px solid var(--activation-line);
  padding: 30px;
  display: grid;
  gap: 12px;
  box-shadow: 0 14px 40px rgba(31,43,41,.05);
}
.state-card strong {
  font-size: 24px;
  letter-spacing: -.02em;
  color: #2f3033;
}
.state-card span { color: #626872; line-height: 1.75; }
.state-card.good { border-left: 5px solid #3c9c62; }
.state-card.bad { border-left: 5px solid #b89b57; }
.activation-faq-section { padding: 90px 0 110px; }
.activation-faq-section h2 { font-size: clamp(34px, 3.2vw, 56px); }
.activation-faq-list {
  margin-top: 38px;
  display: grid;
  gap: 14px;
  text-align: left;
}
.activation-faq-list details {
  border-radius: 10px;
  box-shadow: none;
  border: 1px solid var(--activation-line);
  background: #fff;
}
.activation-faq-list details[open] {
  background: #fbfbfa;
  border-color: #d9d3c5;
  box-shadow: none;
}
.activation-faq-list summary {
  font-size: 20px;
  padding: 22px 58px 22px 24px;
}
.activation-faq-list details p {
  padding: 0 24px 24px;
  font-size: 17px;
  line-height: 1.8;
}
.activation-help {
  position: fixed;
  right: 58px;
  bottom: 76px;
  z-index: 80;
  border: none;
  border-radius: 18px;
  background: #243231;
  color: #fff;
  min-width: 150px;
  height: 64px;
  padding: 0 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-shadow: 0 16px 35px rgba(32,48,46,.22);
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
}
.activation-help:hover { transform: translateY(-2px); box-shadow: 0 20px 42px rgba(32,48,46,.26); }
.activation-help span {
  position: relative;
  width: 30px;
  height: 22px;
  border: 2px solid rgba(255,255,255,.9);
  border-radius: 10px;
  display: inline-block;
}
.activation-help span::after {
  content: "";
  position: absolute;
  left: 4px;
  bottom: -7px;
  width: 10px;
  height: 10px;
  border-left: 2px solid rgba(255,255,255,.9);
  border-bottom: 2px solid rgba(255,255,255,.9);
  transform: rotate(-16deg);
  background: #243231;
}
.activation-help span::before {
  content: "+";
  position: absolute;
  right: -11px;
  top: -15px;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
}
.activation-footer {
  padding: 42px 24px;
  background: #f6f6f5;
  border-top: 1px solid var(--activation-line);
  text-align: center;
}
.activation-footer-inner {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.activation-footer a {
  color: #343a3d;
  font-weight: 650;
}
.activation-footer a:hover { color: #111; }
.activation-footer p {
  margin: 18px auto 0;
  max-width: 980px;
  color: #707680;
  font-size: 14px;
  line-height: 1.7;
}
@media (max-width: 1180px) {
  .activation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .activation-split { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 760px) {
  .activation-hero { min-height: 190px; }
  .activation-home { left: 22px; top: 22px; font-size: 13px; }
  .activation-container,
  .activation-container.small,
  .activation-grid,
  .activation-split { width: min(100% - 32px, 100%); }
  .activation-intro { padding: 66px 0 42px; }
  .activation-intro h2,
  .activation-check-section h2,
  .activation-faq-section h2 { font-size: 34px; letter-spacing: -.025em; }
  .activation-lead { font-size: 18px; }
  .activation-copy,
  .activation-warning { font-size: 16px; }
  .activation-section { padding: 36px 0; }
  .activation-grid { grid-template-columns: 1fr; gap: 18px; }
  .activation-step-card { min-height: auto; border-radius: 10px; padding: 28px 24px; }
  .activation-step-head { gap: 10px; margin-bottom: 16px; }
  .activation-step-head span,
  .activation-step-head h3 { font-size: 29px; }
  .activation-step-card p { font-size: 16px; }
  .activation-check-section { margin-top: 24px; padding: 54px 0; }
  .activation-split p:not(.activation-eyebrow) { font-size: 16px; }
  .state-card { padding: 22px; }
  .activation-faq-section { padding: 56px 0 76px; }
  .activation-faq-list summary { font-size: 17px; padding: 18px 50px 18px 18px; }
  .activation-faq-list details p { padding: 0 18px 18px; font-size: 15px; }
  .activation-help { right: 18px; bottom: 22px; min-width: 132px; height: 56px; border-radius: 16px; font-size: 15px; padding: 0 18px; }
}


/* ===== v6 前台浮动效果与官网展示增强 ===== */
@keyframes softFloatV6 {
  0%, 100% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(0,-10px,0); }
}
@keyframes microFloatV6 {
  0%, 100% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(0,-5px,0); }
}
@keyframes haloDriftV6 {
  0%, 100% { transform: translate3d(0,0,0) scale(1); opacity: .55; }
  50% { transform: translate3d(20px,-14px,0) scale(1.08); opacity: .82; }
}
@keyframes helpFloatV6 {
  0%, 100% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(0,-7px,0); }
}
@keyframes helpPulseV6 {
  0% { opacity: .62; transform: scale(.96); }
  100% { opacity: 0; transform: scale(1.22); }
}
@keyframes goldShineV6 {
  0%, 100% { text-shadow: 0 6px 28px rgba(184,155,87,.16); }
  50% { text-shadow: 0 10px 36px rgba(184,155,87,.34); }
}

/* 首屏：背景光晕、产品图与标签做轻浮动，不盖住文字 */
.hero-orb { animation: haloDriftV6 9s ease-in-out infinite; will-change: transform, opacity; }
.orb-b { animation-delay: -3.5s; }
.device-halo { animation: haloDriftV6 8.5s ease-in-out infinite; will-change: transform, opacity; }
.showcase-panel { isolation: isolate; }
.showcase-panel::before {
  content: "";
  position: absolute;
  inset: 34px 42px auto auto;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(200,155,60,.18), transparent 68%);
  z-index: 0;
  animation: haloDriftV6 10s ease-in-out infinite reverse;
}
.showcase-tags span { transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.showcase-tags span:hover { transform: translateY(-3px); border-color: #cbd5e1; box-shadow: 0 12px 28px rgba(16,24,40,.08); }
.showcase-tags span:nth-child(2), .showcase-tags span:nth-child(4) { animation: microFloatV6 4.8s ease-in-out infinite; }
.showcase-tags span:nth-child(3) { animation: microFloatV6 5.4s ease-in-out infinite; animation-delay: -1.8s; }

/* 产品区：独立图片区轻浮动，hover 时更像官网商品卡 */
.product-card,
.service-tile,
.ecosystem-card,
.state-card,
.process-line article,
.activation-step-card {
  will-change: transform;
}
.independent-image img,
.product-card-official .product-image img,
.device-stage img {
  animation: softFloatV6 5.8s ease-in-out infinite;
  will-change: transform;
}
.product-card:nth-child(2) .product-image img { animation-delay: -1.7s; }
.product-card:nth-child(3) .product-image img { animation-delay: -3.1s; }
.product-card:hover .product-image img {
  animation-play-state: paused;
  transform: scale(1.055) translateY(-7px);
}
.product-image {
  position: relative;
  isolation: isolate;
}
.product-image::before {
  content: "";
  position: absolute;
  width: 72%;
  height: 58%;
  left: 14%;
  bottom: 8%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(37,99,235,.10), transparent 70%);
  z-index: -1;
  transform: translateY(8px);
  filter: blur(2px);
}
.product-card:hover,
.service-tile:hover,
.ecosystem-card:hover,
.process-line article:hover,
.state-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 26px 70px rgba(16,24,40,.12);
}
.process-line article { transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease; }
.process-line article:hover { border-color: #cbd5e1; background: #fff; }

/* FAQ 折叠：更清爽的帮助中心动画 */
details { transform-origin: top; }
details[open] { animation: detailsPopV6 .24s ease both; }
@keyframes detailsPopV6 {
  from { transform: translateY(2px); }
  to { transform: translateY(0); }
}

/* 全站右下角获取帮助按钮：轻浮动 + 呼吸光圈 */
.float-help {
  position: fixed;
  right: 32px;
  bottom: 30px;
  z-index: 82;
  min-height: 58px;
  padding: 0 22px;
  border: 0;
  border-radius: 999px;
  background: #202826;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
  box-shadow: 0 18px 45px rgba(16,24,40,.24);
  animation: helpFloatV6 4.2s ease-in-out infinite;
  transition: transform .24s ease, box-shadow .24s ease, background .24s ease;
}
.float-help::after {
  content: "";
  position: absolute;
  inset: -7px;
  border-radius: inherit;
  border: 1px solid rgba(32,40,38,.22);
  animation: helpPulseV6 2.7s ease-in-out infinite;
  pointer-events: none;
}
.float-help:hover {
  background: #111827;
  box-shadow: 0 24px 60px rgba(16,24,40,.30);
  transform: translateY(-6px);
}
.float-help-icon {
  width: 25px;
  height: 20px;
  border: 2px solid rgba(255,255,255,.92);
  border-radius: 9px;
  position: relative;
  flex: 0 0 auto;
}
.float-help-icon::after {
  content: "";
  position: absolute;
  left: 4px;
  bottom: -7px;
  width: 9px;
  height: 9px;
  border-left: 2px solid rgba(255,255,255,.92);
  border-bottom: 2px solid rgba(255,255,255,.92);
  transform: rotate(-16deg);
  background: #202826;
}
.float-help-icon::before {
  content: "+";
  position: absolute;
  right: -11px;
  top: -16px;
  color: #fff;
  font-size: 17px;
  font-weight: 450;
}

/* 验真页：参考页风格继续增强 */
.activation-hero {
  background:
    radial-gradient(circle at 50% 0%, rgba(210,180,102,.20), transparent 34%),
    linear-gradient(135deg, #243231 0%, #20302e 52%, #172220 100%);
}
.activation-hero h1 span { animation: goldShineV6 3.2s ease-in-out infinite; }
.activation-step-card { transition: transform .28s ease, box-shadow .28s ease, background .28s ease, border-color .28s ease; }
.activation-step-card:hover { transform: translateY(-8px); border-color: #d8d3c5; }
.activation-screen { transition: transform .25s ease, box-shadow .25s ease; }
.activation-step-card:hover .activation-screen { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(31,43,41,.08); }
.activation-help { animation: helpFloatV6 4.2s ease-in-out infinite; transition: transform .24s ease, box-shadow .24s ease; }
.activation-help::after {
  content: "";
  position: absolute;
  inset: -7px;
  border-radius: inherit;
  border: 1px solid rgba(36,50,49,.22);
  animation: helpPulseV6 2.7s ease-in-out infinite;
  pointer-events: none;
}

/* 滚动进入效果：更明显但克制 */
[data-reveal] {
  opacity: 0;
  transform: translate3d(0, 30px, 0);
  transition: opacity .74s cubic-bezier(.2,.8,.2,1), transform .74s cubic-bezier(.2,.8,.2,1);
}
[data-reveal].is-visible {
  opacity: 1;
  transform: translate3d(0,0,0);
}

@media (max-width: 768px) {
  .hero-orb, .device-halo, .showcase-tags span, .independent-image img, .product-card-official .product-image img, .device-stage img {
    animation-duration: 7s;
  }
  .float-help {
    right: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom));
    min-height: 52px;
    padding: 0 16px;
    font-size: 14px;
  }
  .float-help-icon { width: 23px; height: 18px; }
  .activation-help { bottom: calc(20px + env(safe-area-inset-bottom)); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
  [data-reveal] { opacity: 1 !important; transform: none !important; }
}



/* v7 official product matrix + wallets/assets page */
.official-catalog-hero,.wallets-hero,.product-detail-hero{background:linear-gradient(180deg,#fff 0%,#f6f8fb 100%);overflow:hidden}.product-catalog-panel,.wallets-showcase,.detail-product-panel{min-height:420px}.product-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}.product-mosaic img{width:100%;height:170px;object-fit:contain;border-radius:22px;background:#f6f7f8;border:1px solid #e8edf2;box-shadow:0 14px 36px rgba(16,24,40,.06);padding:18px;animation:deviceFloat 5.5s ease-in-out infinite}.product-mosaic img:nth-child(2),.product-mosaic img:nth-child(4){animation-delay:.8s}.official-product-grid{align-items:stretch}.official-product-card{display:flex;flex-direction:column;min-height:100%}.official-product-card .price{margin:16px 0 10px;font-weight:760;color:#101828}.official-product-card ul{margin-top:10px}.official-product-card .actions{margin-top:auto}.official-product-image{height:250px;background:#f6f7f8;border:1px solid #edf1f5;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.official-product-image img{max-width:88%;max-height:210px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(16,24,40,.12))}.official-product-card:hover .official-product-image img{transform:scale(1.05) translateY(-4px)}.product-compare th,.product-compare td{vertical-align:top}.product-compare small{color:#667085}.wallet-card-row .wallet-card,.wallet-app-grid .wallet-card{text-align:left}.wallet-card img{width:58px;height:58px;object-fit:contain;border-radius:18px;background:#f6f7f8;border:1px solid #e8edf2;padding:8px;margin-bottom:18px}.wallet-card.big img{width:74px;height:74px}.wallet-icon-text{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:#101828;color:#fff;font-weight:800;font-size:28px;margin-bottom:18px}.wallet-duo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.wallet-duo article{background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:28px;text-align:center;box-shadow:0 18px 45px rgba(16,24,40,.06);animation:deviceFloat 5s ease-in-out infinite}.wallet-duo article:nth-child(2){animation-delay:.7s}.wallet-duo img{width:84px;height:84px;object-fit:contain;border-radius:24px;margin-bottom:16px}.wallet-duo b{display:block;font-size:22px;color:#101828}.wallet-duo span{color:#667085}.asset-orbit{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.asset-orbit span,.asset-chip-grid span{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#fff;border:1px solid #e5e7eb;color:#344054;font-weight:760;box-shadow:0 8px 24px rgba(16,24,40,.05)}.asset-orbit span{width:64px;height:40px}.asset-chip-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:28px}.asset-chip-grid span{min-width:72px;height:44px;padding:0 18px}.support-stat-grid .card{text-align:center}.support-stat-grid b{display:block;font-size:34px;color:#101828;letter-spacing:-.03em}.support-stat-grid span{color:#667085}.detail-product-panel{display:grid;place-items:center}.detail-product-img{max-width:92%;max-height:320px;object-fit:contain;filter:drop-shadow(0 28px 36px rgba(16,24,40,.14));animation:deviceFloat 5.2s ease-in-out infinite}.table-wrap.compact table{min-width:0}.table-wrap.compact th{width:132px;color:#475467;background:#f8fafc}.official-process article{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:26px;box-shadow:0 14px 36px rgba(16,24,40,.05)}.source-note{font-size:13px;color:#667085;margin-top:12px}.soft-section{background:#f6f8fb}.home-product-grid .official-product-card:nth-child(n+7){display:none}
.official-catalog-hero.catalog-hero-shared{padding:92px 0 90px;background:#fff}
.official-catalog-hero.catalog-hero-shared .container{width:min(100% - 40px,1320px)}
.catalog-hero-shared .product-catalog-hero__grid{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(420px,1.08fr);gap:56px;align-items:center;min-height:560px}
.catalog-hero-shared .product-catalog-hero__copy{max-width:640px}
.catalog-hero-shared .product-catalog-hero__copy h1{max-width:none;margin:0;font-size:clamp(44px,4.5vw,68px);line-height:1.08;letter-spacing:-.04em;color:#111827;font-weight:720;white-space:nowrap}
.catalog-hero-shared .product-catalog-hero__meta{margin:22px 0 0;font-size:20px;line-height:1.8;color:#1f2937;font-weight:500}
.catalog-hero-shared .product-catalog-hero__visual{position:relative;min-height:520px;display:flex;align-items:flex-start;justify-content:center;padding-top:0;overflow:visible;align-self:start;margin-top:-92px}
.catalog-hero-shared .product-catalog-hero__art{position:relative;z-index:2;width:min(142%,980px);max-width:none;max-height:none;object-fit:contain;transform:translate(-7%,-34px);transform-origin:center top}
.catalog-hero-shared .product-catalog-hero__art--portrait{width:auto;max-width:min(118%,520px);max-height:620px;transform:translate(-5%,-16px)}
.catalog-hero-shared .product-catalog-hero__accent{position:absolute;z-index:1;width:140px;height:140px;object-fit:contain;pointer-events:none}
.catalog-hero-shared .product-catalog-hero__accent--top{top:56px;left:6%}
.catalog-hero-shared .product-catalog-hero__accent--bottom{right:2%;bottom:26px}
body[data-page="products"] .product-catalog-hero{padding:92px 0 90px;background:#fff}
body[data-page="products"] .product-catalog-hero .container{width:min(100% - 40px,1320px)}
body[data-page="products"] .product-catalog-hero__grid{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(420px,1.08fr);gap:56px;align-items:center;min-height:560px}
body[data-page="products"] .product-catalog-hero__copy{max-width:640px}
body[data-page="products"] .product-catalog-hero__copy h1{max-width:none;margin:0;font-size:clamp(44px,4.5vw,68px);line-height:1.08;letter-spacing:-.04em;color:#111827;font-weight:720;white-space:nowrap}
body[data-page="products"] .product-catalog-hero__meta{margin:22px 0 0;font-size:20px;line-height:1.8;color:#1f2937;font-weight:500}
body[data-page="products"] .product-catalog-hero__visual{position:relative;min-height:520px;display:flex;align-items:flex-start;justify-content:center;padding-top:0;overflow:visible;align-self:start;margin-top:-92px}
body[data-page="products"] .product-catalog-hero__art{position:relative;z-index:2;width:min(142%,980px);max-width:none;max-height:none;object-fit:contain;transform:translate(-7%,-34px);transform-origin:center top}
body[data-page="products"] .product-catalog-hero__accent{position:absolute;z-index:1;width:140px;height:140px;object-fit:contain;pointer-events:none}
body[data-page="products"] .product-catalog-hero__accent--top{top:56px;left:6%}
body[data-page="products"] .product-catalog-hero__accent--bottom{right:2%;bottom:26px}
body[data-page="products"] .product-catalog-showcase{padding-top:18px;padding-bottom:84px;background:#fff}
body[data-page="products"] .catalog-group{display:grid;gap:28px}
body[data-page="products"] .catalog-group + .catalog-group{margin-top:52px}
body[data-page="products"] .catalog-group__header{text-align:center}
body[data-page="products"] .catalog-group__eyebrow{margin:0 0 12px;color:#8c8f96;font-size:13px;font-weight:600;letter-spacing:.02em}
body[data-page="products"] .catalog-group__title{margin:0;font-size:clamp(34px,3.6vw,52px);line-height:1.14;letter-spacing:-.04em;color:#1f2937;font-weight:720}
body[data-page="products"] .catalog-wide-card,
body[data-page="products"] .catalog-keeper-feature,
body[data-page="products"] .catalog-mini-card{background:#f8f8f6;border-radius:30px}
body[data-page="products"] .catalog-wide-card{display:grid;grid-template-columns:minmax(280px,.88fr) minmax(320px,1.12fr);gap:34px;align-items:center;padding:38px 42px}
body[data-page="products"] .catalog-wide-card--reverse{grid-template-columns:minmax(320px,1.02fr) minmax(280px,.98fr)}
body[data-page="products"] .catalog-wide-card--reverse .catalog-wide-card__media{order:2}
body[data-page="products"] .catalog-wide-card--reverse .catalog-wide-card__content{order:1}
body[data-page="products"] .catalog-wide-card__media{display:flex;align-items:center;justify-content:center;min-height:260px}
body[data-page="products"] .catalog-wide-card__media img{width:min(100%,420px);max-height:290px;object-fit:contain}
body[data-page="products"] .catalog-wide-card__content h3{margin:0;color:#1f2937;font-size:clamp(28px,3vw,44px);line-height:1.22;letter-spacing:-.03em}
body[data-page="products"] .catalog-wide-card__note{margin:10px 0 0;color:#61656d;font-size:15px;line-height:1.75}
body[data-page="products"] .catalog-price{margin:16px 0 0;color:#c89b3c;font-size:clamp(30px,2.8vw,44px);line-height:1.05;font-weight:760;letter-spacing:-.03em}
.catalog-wide-card--text-only{grid-template-columns:1fr !important}
body[data-page="products"] .catalog-checklist{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
body[data-page="products"] .catalog-checklist li{position:relative;padding-left:22px;color:#414651;font-size:14px;line-height:1.75}
body[data-page="products"] .catalog-checklist li::before{content:"⊚";position:absolute;left:0;top:0;color:#111827;font-size:12px;font-weight:700}
body[data-page="products"] .catalog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
body[data-page="products"] .catalog-actions--stacked{margin-top:18px}
body[data-page="products"] .catalog-actions .btn{min-width:122px}
body[data-page="products"] .catalog-keeper-list{display:grid;gap:18px}
body[data-page="products"] .catalog-wide-card--keeper{min-height:100%}
body[data-page="products"] .catalog-wide-card--keeper .catalog-wide-card__media{min-height:250px}
body[data-page="products"] .catalog-wide-card--keeper .catalog-wide-card__media img{width:min(100%,360px);max-height:250px;object-fit:contain}
body[data-page="products"] .catalog-wide-card--keeper .catalog-wide-card__content h3{font-size:clamp(28px,2.8vw,42px)}
body[data-page="products"] .catalog-wide-card--keeper .catalog-checklist{margin-top:18px}
body[data-page="products"] .catalog-rating{margin:12px 0 0;color:#d6a43d;font-size:13px;font-weight:700;letter-spacing:.03em}
body[data-page="products"] .catalog-compare{display:flex;justify-content:center;margin-top:28px}
body[data-page="products"] .catalog-bundle-list{display:grid;gap:20px}
.asset-orbit .asset-token{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;background:#fff;border:1px solid #e5e7eb;color:#344054;font-weight:760;box-shadow:0 8px 24px rgba(16,24,40,.05);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;min-width:96px;height:44px;padding:0 14px}.asset-orbit .asset-token img{object-fit:contain;flex:0 0 auto;width:20px;height:20px}.asset-orbit .asset-token span{display:block;line-height:1;white-space:nowrap}.asset-orbit .asset-token:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(16,24,40,.09);border-color:#d0d5dd}
.asset-marquee-shell{--asset-icon-size:76px;--asset-icon-gap:46px;position:relative;overflow:hidden;padding:12px 0 18px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.38));border-radius:36px;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 20px 40px rgba(16,24,40,.035)}.asset-marquee-shell::before,.asset-marquee-shell::after{content:"";position:absolute;top:0;bottom:0;width:112px;z-index:3;pointer-events:none}.asset-marquee-shell::before{left:0;background:linear-gradient(90deg,#f6f8fb 0%,rgba(246,248,251,.96) 32%,rgba(246,248,251,0) 100%)}.asset-marquee-shell::after{right:0;background:linear-gradient(270deg,#f6f8fb 0%,rgba(246,248,251,.96) 32%,rgba(246,248,251,0) 100%)}.asset-marquee-row{overflow:hidden}.asset-marquee-row + .asset-marquee-row{margin-top:30px}.asset-marquee-track{display:flex;width:max-content;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:running;will-change:transform}.asset-marquee-row.is-forward .asset-marquee-track{animation-name:assetMarqueeLeft}.asset-marquee-row.is-reverse .asset-marquee-track{animation-name:assetMarqueeRight;animation-duration:32s}.asset-marquee-list{display:flex;align-items:center;gap:var(--asset-icon-gap);padding-right:var(--asset-icon-gap)}.asset-marquee-item{display:grid;place-items:center;width:var(--asset-icon-size);height:var(--asset-icon-size);flex:0 0 var(--asset-icon-size)}.asset-marquee-item img{width:calc(var(--asset-icon-size) - 6px);height:calc(var(--asset-icon-size) - 6px);object-fit:contain;object-position:center;border-radius:50%;background:transparent;filter:drop-shadow(0 10px 18px rgba(16,24,40,.06));transform:scale(1);transition:transform .24s ease,filter .24s ease}.asset-marquee-shell:hover .asset-marquee-track{animation-play-state:paused}.asset-marquee-item:hover img{transform:scale(1.1);filter:drop-shadow(0 14px 22px rgba(16,24,40,.1))}.support-stat-grid{margin-top:42px}
@keyframes assetMarqueeLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes assetMarqueeRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (max-width:640px){.asset-orbit .asset-token{min-width:84px;height:42px;padding:0 12px}.asset-marquee-shell{--asset-icon-size:52px;--asset-icon-gap:24px;padding:6px 0 10px;border-radius:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 12px 24px rgba(16,24,40,.02)}.asset-marquee-shell::before,.asset-marquee-shell::after{width:56px}.asset-marquee-row + .asset-marquee-row{margin-top:18px}.asset-marquee-item img{width:40px;height:40px;filter:none}.asset-marquee-row.is-forward .asset-marquee-track{animation-duration:24s}.asset-marquee-row.is-reverse .asset-marquee-track{animation-duration:26s}.support-stat-grid{margin-top:28px}}
@media(max-width:900px){.product-mosaic{grid-template-columns:1fr 1fr}.product-mosaic img{height:130px;padding:12px}.wallet-duo{grid-template-columns:1fr}.official-product-image{height:220px}.official-product-image img{max-height:178px}.detail-product-panel{min-height:320px}.detail-product-img{max-height:250px}.asset-chip-grid{justify-content:flex-start}.product-compare{min-width:900px}}
@media(max-width:640px){.product-mosaic{grid-template-columns:1fr}.product-mosaic img{height:150px}.wallet-card img,.wallet-card.big img{width:60px;height:60px}.wallet-icon-text{width:60px;height:60px}.asset-chip-grid span{min-width:64px;height:40px}.official-product-image{height:205px}}
@media(max-width:1100px){.catalog-hero-shared .product-catalog-hero__grid{grid-template-columns:1fr;gap:36px;min-height:auto}.catalog-hero-shared .product-catalog-hero__copy{max-width:720px}.catalog-hero-shared .product-catalog-hero__visual{min-height:420px;padding-top:0;margin-top:-48px}.catalog-hero-shared .product-catalog-hero__art{width:min(128%,860px);transform:translate(-6%,-22px)}.catalog-hero-shared .product-catalog-hero__art--portrait{max-width:min(112%,440px);max-height:560px;transform:translate(-4%,-12px)}}
@media(max-width:768px){.official-catalog-hero.catalog-hero-shared{padding:64px 0 56px}.official-catalog-hero.catalog-hero-shared .container{width:min(100% - 28px,100%)}.catalog-hero-shared .product-catalog-hero__copy h1{font-size:42px;line-height:1.12;white-space:normal}.catalog-hero-shared .product-catalog-hero__meta{margin-top:16px;font-size:16px;line-height:1.75}.catalog-hero-shared .product-catalog-hero__visual{min-height:300px;padding-top:0;margin-top:-64px;overflow:visible}.catalog-hero-shared .product-catalog-hero__art{width:146%;transform:translate(-8%,-16px)}.catalog-hero-shared .product-catalog-hero__art--portrait{width:auto;max-width:min(108%,380px);max-height:400px;transform:translate(-5%,-10px)}.catalog-hero-shared .product-catalog-hero__accent{width:88px;height:88px}.catalog-hero-shared .product-catalog-hero__accent--top{top:18px;left:0}.catalog-hero-shared .product-catalog-hero__accent--bottom{right:0;bottom:4px}}
@media(max-width:1100px){body[data-page="products"] .product-catalog-hero__grid{grid-template-columns:1fr;gap:36px;min-height:auto}body[data-page="products"] .product-catalog-hero__copy{max-width:720px}body[data-page="products"] .product-catalog-hero__copy h1{white-space:normal}body[data-page="products"] .product-catalog-hero__visual{min-height:420px;padding-top:0;margin-top:-48px}body[data-page="products"] .product-catalog-hero__art{width:min(128%,860px);transform:translate(-6%,-22px)}}
@media(max-width:768px){body[data-page="products"] .product-catalog-hero{padding:64px 0 56px}body[data-page="products"] .product-catalog-hero .container{width:min(100% - 28px,100%)}body[data-page="products"] .product-catalog-hero__copy h1{font-size:42px;line-height:1.12;white-space:normal}body[data-page="products"] .product-catalog-hero__meta{margin-top:16px;font-size:16px;line-height:1.75}body[data-page="products"] .product-catalog-hero__visual{min-height:300px;padding-top:0;margin-top:-64px;overflow:visible}body[data-page="products"] .product-catalog-hero__art{width:146%;transform:translate(-8%,-16px)}body[data-page="products"] .product-catalog-hero__accent{width:88px;height:88px}body[data-page="products"] .product-catalog-hero__accent--top{top:18px;left:0}body[data-page="products"] .product-catalog-hero__accent--bottom{right:0;bottom:4px}}
@media(max-width:1100px){body[data-page="products"] .catalog-wide-card,body[data-page="products"] .catalog-wide-card--reverse{grid-template-columns:1fr}body[data-page="products"] .catalog-wide-card--reverse .catalog-wide-card__media,body[data-page="products"] .catalog-wide-card--reverse .catalog-wide-card__content{order:initial}}
@media(max-width:768px){body[data-page="products"] .product-catalog-showcase{padding-top:8px;padding-bottom:64px}body[data-page="products"] .catalog-group + .catalog-group{margin-top:44px}body[data-page="products"] .catalog-wide-card{padding:30px 24px;border-radius:26px}body[data-page="products"] .catalog-wide-card__media{min-height:200px}body[data-page="products"] .catalog-wide-card__media img{max-height:220px}body[data-page="products"] .catalog-wide-card__content h3,body[data-page="products"] .catalog-wide-card--keeper .catalog-wide-card__content h3{font-size:32px}body[data-page="products"] .catalog-price{font-size:34px}body[data-page="products"] .catalog-wide-card--keeper .catalog-wide-card__media{min-height:220px}}
@media(max-width:640px){body[data-page="products"] .catalog-group__eyebrow{font-size:12px}body[data-page="products"] .catalog-group__title{font-size:30px}body[data-page="products"] .catalog-wide-card{gap:20px;padding:24px 18px}body[data-page="products"] .catalog-wide-card__content h3,body[data-page="products"] .catalog-wide-card--keeper .catalog-wide-card__content h3{font-size:24px}body[data-page="products"] .catalog-checklist li{font-size:13px}body[data-page="products"] .catalog-actions{flex-direction:column;align-items:stretch}body[data-page="products"] .catalog-actions .btn{width:100%}body[data-page="products"] .catalog-wide-card .catalog-actions{flex-direction:row}body[data-page="products"] .catalog-wide-card .catalog-actions .btn{flex:1;min-width:0}body[data-page="products"] .catalog-price{font-size:30px}}

/* wallets page aligned with shared catalog pages */
body[data-page="wallets"]{
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 44%,#ffffff 100%);
}
body[data-page="wallets"] main > .hero + .section{
  padding-top:18px;
}
body[data-page="wallets"] main > .section:last-of-type{
  padding-bottom:84px;
}
body[data-page="wallets"] .section-head{
  display:block;
  margin-bottom:32px;
  text-align:center;
}
body[data-page="wallets"] .section-head .eyebrow{
  margin:0 0 12px;
  color:#8c8f96;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body[data-page="wallets"] .section-head .eyebrow::before{
  display:none;
}
body[data-page="wallets"] .section-head .section-title{
  margin:0;
  color:#1f2937;
  font-size:clamp(34px,3.6vw,52px);
  line-height:1.14;
  letter-spacing:-.04em;
  font-weight:760;
}
body[data-page="wallets"] .section-head .section-desc{
  max-width:760px;
  margin:14px auto 0;
  color:#667085;
  font-size:16px;
  line-height:1.85;
}
body[data-page="wallets"] .asset-marquee-shell,
body[data-page="wallets"] .support-boundary,
body[data-page="wallets"] .cta-band,
body[data-page="wallets"] .wallet-scene-card{
  border:1px solid #eceff3;
  box-shadow:0 18px 44px rgba(15,23,42,.04);
}
body[data-page="wallets"] .asset-marquee-shell{
  padding:16px 0 20px;
  border-radius:32px;
  background:linear-gradient(180deg,#ffffff 0%,#f8f8f6 100%);
}
body[data-page="wallets"] .asset-marquee-shell::before{
  background:linear-gradient(90deg,#ffffff 0%,rgba(255,255,255,.96) 32%,rgba(255,255,255,0) 100%);
}
body[data-page="wallets"] .asset-marquee-shell::after{
  background:linear-gradient(270deg,#ffffff 0%,rgba(255,255,255,.96) 32%,rgba(255,255,255,0) 100%);
}
body[data-page="wallets"] .asset-marquee-item{
  --asset-marquee-scale:1;
}
body[data-page="wallets"] .asset-marquee-item img{
  width:calc(var(--asset-icon-size) - 4px);
  height:calc(var(--asset-icon-size) - 4px);
  transform:scale(var(--asset-marquee-scale,1));
  transform-origin:center;
}
body[data-page="wallets"] .asset-marquee-item:hover img{
  transform:scale(calc(var(--asset-marquee-scale,1) + .05));
}
body[data-page="wallets"] .asset-marquee-item img[src*="coin-btc"],
body[data-page="wallets"] .asset-marquee-item img[src*="coin-bnb"],
body[data-page="wallets"] .asset-marquee-item img[src*="coin-doge"],
body[data-page="wallets"] .asset-marquee-item img[src*="coin-ton"],
body[data-page="wallets"] .asset-marquee-item img[src*="coin-sol"],
body[data-page="wallets"] .asset-marquee-item img[src*="coin-trx"],
body[data-page="wallets"] .asset-marquee-item img[src*="coin-avax"],
body[data-page="wallets"] .asset-marquee-item img[src*="coin-op"]{
  --asset-marquee-scale:.92;
}
body[data-page="wallets"] .asset-marquee-item img[src*="coin-link"],
body[data-page="wallets"] .asset-marquee-item img[src*="coin-sui"],
body[data-page="wallets"] .asset-marquee-item img[src*="coin-pepe"],
body[data-page="wallets"] .asset-marquee-item img[src*="coin-arb"],
body[data-page="wallets"] .asset-marquee-item img[src*="coin-near"],
body[data-page="wallets"] .asset-marquee-item img[src*="coin-fil"],
body[data-page="wallets"] .asset-marquee-item img[src*="coin-eth"]{
  --asset-marquee-scale:1.08;
}
body[data-page="wallets"] .wallet-scene-grid{
  gap:18px;
}
body[data-page="wallets"] .wallet-scene-card{
  overflow:hidden;
  padding:0;
  border-radius:32px;
  background:#fff;
}
body[data-page="wallets"] .wallet-scene-card img{
  display:block;
  width:100%;
  aspect-ratio:1.5 / 1;
  object-fit:cover;
}
body[data-page="wallets"] .wallet-scene-card__body{
  display:grid;
  gap:12px;
  padding:24px 24px 26px;
}
body[data-page="wallets"] .wallet-scene-card__body h3{
  margin:0;
  color:#1f2937;
  font-size:26px;
  line-height:1.2;
  letter-spacing:-.03em;
}
body[data-page="wallets"] .wallet-scene-card__body p{
  margin:0;
  color:#667085;
  font-size:15px;
  line-height:1.88;
}
body[data-page="wallets"] .support-boundary{
  border-radius:32px;
  background:#fff;
}
body[data-page="wallets"] .cta-band{
  border-radius:32px;
  background:linear-gradient(135deg,#ffffff 0%,#f8f8f6 100%);
}
@media (max-width:900px){
  body[data-page="wallets"] .support-stat-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body[data-page="wallets"] .wallet-scene-card__body{
    padding:22px 22px 24px;
  }
  body[data-page="wallets"] .wallet-scene-card__body h3{
    font-size:24px;
  }
}
@media (max-width:640px){
  body[data-page="wallets"] main > .hero + .section{
    padding-top:8px;
  }
  body[data-page="wallets"] main > .section:last-of-type{
    padding-bottom:64px;
  }
  body[data-page="wallets"] .section-head{
    margin-bottom:24px;
  }
  body[data-page="wallets"] .section-head .eyebrow{
    font-size:12px;
  }
  body[data-page="wallets"] .section-head .section-title{
    font-size:30px;
  }
  body[data-page="wallets"] .section-head .section-desc{
    font-size:14px;
    line-height:1.8;
  }
  body[data-page="wallets"] .asset-marquee-shell{
    padding:10px 0 14px;
    border-radius:26px;
    box-shadow:0 14px 32px rgba(15,23,42,.025);
  }
  body[data-page="wallets"] .support-stat-grid{
    grid-template-columns:1fr;
  }
  body[data-page="wallets"] .wallet-scene-card{
    border-radius:26px;
  }
  body[data-page="wallets"] .wallet-scene-card__body{
    padding:20px;
  }
  body[data-page="wallets"] .wallet-scene-card__body h3{
    font-size:22px;
  }
  body[data-page="wallets"] .wallet-scene-card__body p{
    font-size:14px;
    line-height:1.82;
  }
  body[data-page="wallets"] .cta-band{
    border-radius:28px;
  }
}

/* integrated wallets page */
body[data-page="integration"]{
  background:linear-gradient(180deg,#ffffff 0%,#fcfcfb 34%,#ffffff 100%);
}
body[data-page="integration"] .integration-hero{
  padding:96px 0 78px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfbfa 100%);
}
body[data-page="integration"] .integration-hero .hero-bg-grid{
  opacity:.08;
  background-size:92px 92px;
}
.integration-hero__grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr);
  gap:64px;
  align-items:center;
}
.integration-hero__copy{
  max-width:420px;
}
.integration-hero__copy h1{
  margin:0 0 18px;
  font-size:clamp(44px,5vw,72px);
  line-height:1.04;
  letter-spacing:-.045em;
}
.integration-hero__copy .lead{
  margin:0;
  max-width:380px;
}
.integration-hero__visual{
  position:relative;
  min-height:300px;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.integration-hero__halo{
  position:absolute;
  width:340px;
  height:340px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(246,244,239,.98) 0%,rgba(248,246,242,.8) 54%,rgba(248,246,242,0) 74%);
  z-index:0;
}
.integration-hero__accent{
  position:absolute;
  width:72px;
  height:72px;
  background:#c7a05b;
  z-index:1;
}
.integration-hero__accent--top{
  top:0;
  left:62px;
  border-radius:72px 0 0 0;
}
.integration-hero__accent--bottom{
  right:42px;
  bottom:14px;
  border-radius:0 0 72px 0;
}
.integration-hero__outline{
  position:absolute;
  width:10px;
  height:10px;
  border:2px solid rgba(32,38,45,.76);
  border-radius:3px;
  z-index:4;
}
.integration-hero__outline--left{
  left:108px;
  bottom:88px;
}
.integration-hero__outline--right{
  right:92px;
  top:62px;
  border-radius:50% 4px 50% 4px;
}
.integration-hero__laptop{
  position:relative;
  width:188px;
  height:126px;
  border:3px solid #1f252c;
  border-radius:8px;
  background:rgba(255,255,255,.9);
  z-index:3;
}
.integration-hero__laptop::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:-18px;
  width:118px;
  height:10px;
  border-radius:999px;
  background:#11161b;
  transform:translateX(-50%);
}
.integration-hero__laptop::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-10px;
  width:54px;
  height:4px;
  border-radius:999px;
  background:#f5f5f4;
  transform:translateX(-50%);
}
.integration-hero__coin{
  position:absolute;
  left:50%;
  top:50%;
  width:56px;
  height:56px;
  border:2px solid #31363d;
  border-radius:50%;
  background:#ffffff;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%);
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.integration-hero__coin img{
  width:28px;
  height:28px;
  object-fit:contain;
}
.integration-hero__phone{
  position:absolute;
  right:106px;
  bottom:36px;
  width:58px;
  height:118px;
  border:3px solid #1f252c;
  border-radius:12px;
  background:#ffffff;
  z-index:4;
  box-shadow:0 10px 24px rgba(15,23,42,.04);
}
.integration-hero__phone::before{
  content:"";
  position:absolute;
  left:50%;
  top:8px;
  width:24px;
  height:4px;
  border-radius:999px;
  background:#1f252c;
  transform:translateX(-50%);
}
.integration-hero__phone::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:8px;
  width:18px;
  height:3px;
  border-radius:999px;
  background:#1f252c;
  transform:translateX(-50%);
}
.integration-overview{
  padding-top:24px;
}
.integration-overview .section-head{
  justify-content:center;
  text-align:center;
  margin-bottom:50px;
}
.integration-overview .section-title{
  max-width:760px;
  margin:0 auto;
}
.integration-platform{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);
  gap:72px;
  align-items:center;
  min-height:420px;
}
.integration-platform + .integration-platform{
  margin-top:112px;
}
.integration-platform--text-only{
  grid-template-columns:1fr;
}
.integration-platform--text-only .integration-platform__copy{
  max-width:100%;
}
.integration-platform--rabby{
  grid-template-columns:minmax(380px,1.02fr) minmax(0,.98fr);
}
.integration-platform__copy{
  max-width:500px;
}
.integration-platform__eyebrow{
  display:inline-flex;
  margin-bottom:24px;
  color:#c39a55;
  font-size:18px;
  font-weight:700;
  letter-spacing:.02em;
}
.integration-platform__brand{
  display:block;
  width:100%;
  max-width:100%;
  max-height:none;
  object-fit:contain;
  transform-origin:left center;
}
.integration-platform__brand--imtoken{
  max-width:304px;
  filter:brightness(0) saturate(100%) invert(18%) sepia(31%) saturate(1409%) hue-rotate(192deg) brightness(92%) contrast(94%);
}
.integration-platform__brand--rabby{
  max-width:350px;
  filter:brightness(0) saturate(100%) invert(72%) sepia(31%) saturate(1553%) hue-rotate(193deg) brightness(99%) contrast(99%);
}
.integration-platform__copy p{
  margin:32px 0 0;
  max-width:520px;
  color:#5e6573;
  font-size:18px;
  line-height:1.72;
}
.integration-platform__actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:38px;
}
.integration-platform__actions .btn{
  width:min(100%,316px);
  min-width:0;
  min-height:86px;
  padding:18px 34px;
  border-radius:30px;
  font-size:20px;
  font-weight:720;
  line-height:1.4;
  text-align:center;
  white-space:normal;
  box-shadow:0 24px 48px rgba(15,23,42,.12);
}
.integration-platform__media{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:420px;
}
.integration-platform__media::before{
  content:"";
  position:absolute;
  inset:17% 16% 15%;
  border-radius:999px;
  background:radial-gradient(circle,rgba(101,173,255,.18) 0%,rgba(101,173,255,.08) 38%,rgba(101,173,255,0) 72%);
  filter:blur(18px);
  opacity:.9;
  pointer-events:none;
}
.integration-platform--rabby .integration-platform__media::before{
  inset:16% 12% 14%;
  background:radial-gradient(circle,rgba(141,136,255,.2) 0%,rgba(141,136,255,.08) 40%,rgba(141,136,255,0) 74%);
}
.integration-platform__device-shell{
  position:relative;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.integration-platform__device-shell::before{
  display:none;
}
.integration-platform__device-shell img{
  position:relative;
  z-index:1;
  width:auto;
  max-width:100%;
  object-fit:contain;
  filter:drop-shadow(0 26px 42px rgba(15,23,42,.16));
  transition:transform .42s var(--motion-ease-soft),filter .42s var(--motion-ease-soft);
  will-change:transform;
}
.integration-platform__media--phone img{
  max-width:332px;
}
.integration-platform__media--desktop img{
  max-width:600px;
}
.integration-platform--imtoken .integration-platform__media{
  justify-content:flex-end;
}
.integration-platform--rabby .integration-platform__copy{
  margin-left:auto;
}
.integration-platform.motion-surface{
  border-radius:0;
  box-shadow:none!important;
  transform:none!important;
}
.integration-platform.motion-surface > .motion-glow{
  display:none;
}
body.is-motion-ready .integration-platform__brand{
  animation:integrationBrandLift 1s var(--motion-ease-soft) both;
}
body.is-motion-ready .integration-platform__media::before{
  animation:integrationGlowDrift 9s ease-in-out infinite;
}
body.is-motion-ready .integration-platform__media--phone img{
  animation:integrationPhoneFloat 6.4s ease-in-out infinite;
}
body.is-motion-ready .integration-platform__media--desktop img{
  animation:integrationDesktopFloat 7.4s ease-in-out infinite -1.2s;
}
@keyframes integrationBrandLift{
  from{
    opacity:0;
    transform:translate3d(0,18px,0) scale(.97);
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
  }
}
@keyframes integrationGlowDrift{
  0%,100%{
    transform:translate3d(0,0,0) scale(1);
    opacity:.82;
  }
  50%{
    transform:translate3d(0,-12px,0) scale(1.04);
    opacity:1;
  }
}
@keyframes integrationPhoneFloat{
  0%,100%{
    transform:translate3d(0,0,0);
  }
  50%{
    transform:translate3d(0,-12px,0);
  }
}
@keyframes integrationDesktopFloat{
  0%,100%{
    transform:translate3d(0,0,0);
  }
  50%{
    transform:translate3d(0,-10px,0);
  }
}
@media (hover:hover) and (pointer:fine){
  .integration-platform__actions .btn:hover{
    transform:translateY(-4px);
    box-shadow:0 30px 56px rgba(15,23,42,.16);
  }
  .integration-platform__media:hover img{
    transform:translate3d(0,-8px,0) scale(1.02);
  }
}
.integration-manager-section{
  background:#ffffff;
}
.integration-manager{
  position:relative;
  display:grid;
  grid-template-columns:minmax(420px,1.04fr) minmax(320px,.96fr);
  gap:88px;
  align-items:center;
  min-height:360px;
}
.integration-manager.motion-surface{
  border-radius:0;
  box-shadow:none!important;
  transform:none!important;
}
.integration-manager.motion-surface > .motion-glow{
  display:none;
}
.integration-manager__media{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:320px;
}
.integration-manager__art{
  position:relative;
  width:min(100%,680px);
}
.integration-manager__art::before{
  content:"";
  position:absolute;
  inset:12% 10% 14%;
  border-radius:999px;
  background:radial-gradient(circle,rgba(15,23,42,.06) 0%,rgba(15,23,42,.025) 42%,rgba(15,23,42,0) 74%);
  filter:blur(24px);
  pointer-events:none;
}
.integration-manager__media img{
  display:block;
  width:100%;
  max-width:680px;
  object-fit:contain;
  filter:drop-shadow(0 24px 44px rgba(15,23,42,.08));
  transition:transform .42s var(--motion-ease-soft),filter .42s var(--motion-ease-soft);
  will-change:transform;
}
.integration-manager__copy{
  position:relative;
  max-width:640px;
}
.integration-manager__copy h2{
  margin:0;
  font-size:clamp(48px,4.6vw,78px);
  line-height:1.02;
  letter-spacing:-.04em;
  color:#1b2435;
}
.integration-manager__copy .sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.integration-manager__actions{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  margin-top:34px;
}
.integration-download-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:54px;
  min-width:206px;
  padding:0 28px;
  border-radius:999px;
  border:1px solid #101828;
  color:#101828;
  font-size:18px;
  font-weight:700;
  line-height:1;
  background:#ffffff;
  box-shadow:0 10px 28px rgba(15,23,42,.04);
  transition:transform .24s ease,box-shadow .24s ease,background .24s ease,border-color .24s ease;
}
.integration-download-pill__icon{
  width:24px;
  height:24px;
  flex:0 0 auto;
}
.integration-download-pill:hover{
  transform:translateY(-3px);
  background:#f8fafc;
  border-color:#111827;
  box-shadow:0 16px 34px rgba(15,23,42,.08);
}
body.is-motion-ready .integration-manager__art::before{
  animation:integrationManagerGlow 8s ease-in-out infinite;
}
body.is-motion-ready .integration-manager__art img{
  animation:integrationManagerFloat 7.2s ease-in-out infinite;
}
@keyframes integrationManagerGlow{
  0%,100%{
    transform:translate3d(0,0,0) scale(1);
    opacity:.74;
  }
  50%{
    transform:translate3d(0,-10px,0) scale(1.03);
    opacity:1;
  }
}
@keyframes integrationManagerFloat{
  0%,100%{
    transform:translate3d(0,0,0);
  }
  50%{
    transform:translate3d(0,-10px,0);
  }
}
@media (hover:hover) and (pointer:fine){
  .integration-manager__media:hover img{
    transform:translate3d(0,-8px,0) scale(1.015);
    filter:drop-shadow(0 30px 54px rgba(15,23,42,.12));
  }
}

@media (max-width:1100px){
  .integration-hero__grid,
  .integration-platform,
  .integration-platform--rabby,
  .integration-manager{
    grid-template-columns:1fr;
  }
  .integration-hero__copy,
  .integration-platform__copy{
    max-width:100%;
  }
  .integration-platform{
    gap:42px;
    min-height:auto;
  }
  .integration-hero__visual,
  .integration-platform__media,
  .integration-manager__media{
    justify-content:center;
  }
  .integration-platform__media{
    min-height:0;
  }
  .integration-platform--rabby .integration-platform__media{
    order:2;
  }
  .integration-platform--rabby .integration-platform__copy{
    order:1;
    margin-left:0;
  }
  .integration-platform__actions .btn{
    min-height:72px;
    font-size:18px;
  }
  .integration-manager__copy{
    text-align:center;
    max-width:none;
  }
  .integration-manager__actions{
    justify-content:center;
  }
  .integration-manager__media{
    min-height:0;
  }
  .integration-manager__art{
    width:min(100%,620px);
  }
}

@media (max-width:768px){
  body[data-page="integration"] .integration-hero{
    padding:74px 0 56px;
  }
  .integration-hero__grid{
    gap:34px;
  }
  .integration-hero__visual{
    min-height:250px;
  }
  .integration-hero__halo{
    width:280px;
    height:280px;
  }
  .integration-hero__accent--top{
    left:20px;
  }
  .integration-hero__accent--bottom{
    right:18px;
    bottom:10px;
  }
  .integration-hero__outline--left{
    left:54px;
    bottom:74px;
  }
  .integration-hero__outline--right{
    right:56px;
    top:46px;
  }
  .integration-hero__phone{
    right:72px;
    bottom:24px;
  }
  .integration-overview .section-head{
    margin-bottom:34px;
  }
  .integration-platform + .integration-platform{
    margin-top:48px;
  }
  .integration-platform__eyebrow{
    margin-bottom:18px;
    font-size:15px;
  }
  .integration-platform__brand--imtoken{
    max-width:250px;
  }
  .integration-platform__brand--rabby{
    max-width:286px;
  }
  .integration-platform__copy p{
    margin-top:22px;
    font-size:16px;
    line-height:1.85;
  }
  .integration-platform__actions .btn{
    width:min(100%,320px);
    min-height:64px;
    padding:14px 24px;
    border-radius:24px;
    font-size:17px;
  }
  .integration-platform__media--phone img{
    max-width:278px;
  }
  .integration-platform__media--desktop img{
    max-width:100%;
  }
  .integration-manager{
    gap:28px;
  }
  .integration-manager__copy h2{
    font-size:clamp(40px,8vw,58px);
  }
  .integration-download-pill{
    min-height:50px;
    min-width:0;
    padding:0 22px;
    font-size:17px;
  }
  .integration-download-pill__icon{
    width:22px;
    height:22px;
  }
}

@media (max-width:640px){
  .integration-hero__copy h1{
    font-size:40px;
  }
  .integration-hero__copy .lead{
    max-width:none;
    font-size:16px;
  }
  .integration-hero__visual{
    min-height:220px;
  }
  .integration-hero__laptop{
    width:152px;
    height:104px;
  }
  .integration-hero__coin{
    width:48px;
    height:48px;
  }
  .integration-hero__coin img{
    width:24px;
    height:24px;
  }
  .integration-hero__phone{
    width:48px;
    height:102px;
    right:52px;
    bottom:22px;
  }
  .integration-platform__brand--imtoken{
    max-width:190px;
  }
  .integration-platform__brand--rabby{
    max-width:210px;
  }
  .integration-platform__copy p{
    max-width:none;
  }
  .integration-platform__device-shell::before{
    width:220px;
    height:220px;
  }
  .integration-platform__media--phone img{
    max-width:250px;
  }
  .integration-platform__media--desktop img{
    max-width:320px;
  }
  .integration-manager__copy h2{
    font-size:32px;
  }
  .integration-manager__actions{
    gap:10px;
    flex-direction:column;
    align-items:stretch;
  }
  .integration-download-pill{
    width:100%;
  }
}

/* v9 official-store refinement */
:root{
  --ink:#11151a;
  --ink-soft:#4b5563;
  --surface:#ffffff;
  --surface-soft:#f5f7fa;
  --surface-muted:#eef2f5;
  --surface-strong:#e7ebef;
  --accent:#1f3b57;
  --accent-soft:#eef3f7;
  --accent-green:#2c8a67;
  --accent-gold:#a98132;
  --shadow-card:0 18px 46px rgba(15,23,42,.045);
  --shadow-panel:0 26px 70px rgba(15,23,42,.06);
}
body{
  background:linear-gradient(180deg,#ffffff 0%,#fbfbfc 36%,#f5f7f9 66%,#ffffff 100%);
}
body::before{
  background-image:
    radial-gradient(circle at 14% 10%, rgba(255,255,255,.88), transparent 26%),
    radial-gradient(circle at 86% 10%, rgba(24,85,134,.05), transparent 22%);
  background-size:auto;
  mask-image:none;
  opacity:.92;
}
.topbar{
  background:linear-gradient(90deg,#fafbfc 0%,#fffdf7 50%,#fafbfc 100%);
}
.topbar-inner{
  color:#465160;
}
.topbar-inner b{
  color:var(--accent-gold);
}
.topbar-link{
  border-color:#ead9ae;
  background:#fffdf7;
  color:#7a5b1f;
}
.site-header{
  background:rgba(255,255,255,.82);
  border-bottom:1px solid rgba(229,232,237,.92);
}
.site-header.is-scrolled{
  background:rgba(255,255,255,.96);
  box-shadow:0 14px 34px rgba(15,23,42,.05);
}
.site-nav a:hover,
.nav-group:hover .nav-group-btn,
.site-nav a.is-active,
.nav-group.has-active .nav-group-btn{
  color:var(--ink);
  border-color:#d7dde4;
  background:#f7f9fb;
}
.nav-menu{
  border-color:#e7ebef;
  box-shadow:0 18px 46px rgba(15,23,42,.06);
}
.btn{
  border-color:#d7dde4;
  color:var(--ink);
}
.btn:hover{
  background:#fafbfc;
  border-color:#c4ccd5;
  box-shadow:0 12px 26px rgba(15,23,42,.05);
}
.btn.primary{
  background:#1b232d;
  border-color:#1b232d;
  box-shadow:0 14px 30px rgba(17,24,39,.14);
}
.btn.primary:hover{
  background:#10161d;
  border-color:#10161d;
}
.btn.ghost{
  background:#fff;
  border-color:#d7dde4;
}
.kicker,.eyebrow{
  color:#334155;
}
.kicker::before,.eyebrow::before{
  background:linear-gradient(90deg,#64748b,transparent);
}
.trust-line span,
.showcase-tags span,
.product-specs span{
  border-color:#e4e9ee;
  background:rgba(255,255,255,.92);
  color:#445160;
}
.showcase-tags span:nth-child(1),
.showcase-tags span:nth-child(3){
  border-color:#e7dcc1;
  background:#fffaf0;
  color:#86661f;
}
.badge{
  background:#f5f7fa;
  border-color:#e5e9ef;
  color:#445160;
}
.card,
.hero-card,
.showcase-panel,
.cta-band,
.table-wrap,
.modal-panel{
  border-color:#e7ebef;
  box-shadow:var(--shadow-card);
}
.card:hover{
  box-shadow:0 24px 56px rgba(15,23,42,.07);
}
.showcase-panel,
.hero-card,
.cta-band{
  box-shadow:var(--shadow-panel);
}

/* QR modal polish */
.modal{
  padding:24px;
}
.modal-backdrop{
  background:rgba(15,23,42,.56);
  backdrop-filter:blur(14px);
}
.modal-panel{
  position:relative;
  width:min(468px,calc(100vw - 36px));
  display:grid;
  justify-items:center;
  gap:16px;
  padding:34px 34px 36px;
  border-radius:32px;
  border:1px solid rgba(228,233,239,.96);
  background:
    radial-gradient(circle at top center, rgba(198,154,74,.10), transparent 38%),
    linear-gradient(180deg,#ffffff 0%,#fcfcfd 100%);
  box-shadow:0 30px 70px rgba(15,23,42,.18);
  text-align:center;
  overflow:hidden;
}
.modal-panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 14%, rgba(255,255,255,.92), transparent 34%),
    linear-gradient(135deg, rgba(15,23,42,.025), transparent 42%, rgba(198,154,74,.05) 100%);
}
.modal-panel > *{
  position:relative;
  z-index:1;
}
.modal-close{
  position:absolute;
  top:18px;
  right:18px;
  z-index:3;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid #dbe2ea;
  background:rgba(248,250,252,.92);
  color:#101828;
  cursor:pointer;
  font-size:24px;
  line-height:1;
  transition:transform .22s ease, background .22s ease, border-color .22s ease;
}
.modal-panel > .modal-close{
  position:absolute !important;
  top:18px !important;
  right:18px !important;
  left:auto !important;
  bottom:auto !important;
  margin:0 !important;
  inset:auto 18px auto auto !important;
  justify-self:auto !important;
  align-self:auto !important;
}
.modal-close:hover{
  transform:translateY(-1px);
  background:#ffffff;
  border-color:#cfd8e3;
}
.modal-panel h2{
  max-width:320px;
  margin:18px auto 0;
  color:#101828;
  font-size:clamp(28px,3vw,36px);
  line-height:1.18;
  letter-spacing:-.045em;
}
.modal-panel p{
  max-width:360px;
  margin:0;
  color:#5f6c7b;
  font-size:16px;
  line-height:1.82;
}
.qr-box{
  position:relative;
  margin:4px auto 0;
  width:236px;
  height:236px;
  padding:18px;
  border-radius:28px;
  border:1px solid #e4eaf0;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfd 100%);
  display:grid;
  place-items:center;
  box-shadow:
    0 18px 40px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.92);
}
.qr-box::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:22px;
  border:1px solid rgba(203,213,225,.72);
  background:
    radial-gradient(circle at 50% 18%, rgba(198,154,74,.08), transparent 38%),
    linear-gradient(180deg,#fdfefe 0%,#f6f9fc 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.qr-box img{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:contain;
}
.modal-tip{
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(100%,360px);
  min-height:52px;
  margin-top:2px;
  padding:12px 18px;
  border-radius:18px;
  border:1px solid #d6f0df;
  background:linear-gradient(180deg,#effbf3 0%,#e6f8ec 100%);
  color:#067647;
  font-size:14px;
  line-height:1.55;
  font-weight:700;
  text-align:center;
}
@media (max-width:640px){
  .modal{
    padding:18px;
  }
  .modal-panel{
    width:min(100%,calc(100vw - 24px));
    gap:14px;
    padding:24px 20px 24px;
    border-radius:26px;
  }
  .modal-close{
    top:14px;
    right:14px;
    z-index:3;
    width:38px;
    height:38px;
  }
  .modal-panel > .modal-close{
    top:14px !important;
    right:14px !important;
    inset:auto 14px auto auto !important;
  }
  .modal-panel h2{
    max-width:280px;
    margin-top:14px;
    font-size:32px;
  }
  .modal-panel p{
    max-width:300px;
    font-size:15px;
    line-height:1.75;
  }
  .qr-box{
    width:204px;
    height:204px;
    padding:14px;
    border-radius:24px;
  }
  .qr-box::before{
    inset:10px;
    border-radius:18px;
  }
  .modal-tip{
    width:100%;
    min-height:48px;
    padding:11px 14px;
    font-size:13px;
  }
}
.product-image,
.official-product-image,
.device-stage{
  background:linear-gradient(180deg,#fafbfc 0%,#f2f5f8 100%);
  border-color:#e7ebef;
}
.site-footer{
  background:#f6f8fa;
}

.home-hero{
  padding:74px 0 34px;
  background:
    radial-gradient(circle at 10% 12%, rgba(198,154,74,.10), transparent 24%),
    radial-gradient(circle at 88% 14%, rgba(15,23,42,.05), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f7f8fa 62%,#ffffff 100%);
}
.home-hero .hero-bg-grid{
  background-image:
    linear-gradient(90deg,rgba(15,23,42,.032) 1px,transparent 1px),
    linear-gradient(rgba(15,23,42,.032) 1px,transparent 1px);
  background-size:118px 118px;
  opacity:.14;
  animation:none;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.24), transparent 78%);
}
.home-hero-grid{
  grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);
  gap:56px;
  align-items:center;
}
.home-hero-copy{
  padding:20px 0 8px;
}
.home-hero .kicker{
  margin-bottom:16px;
  color:#101828;
}
.home-hero .kicker::before{
  background:linear-gradient(90deg,#c69a4a,transparent);
}
.hero-brand-line{
  margin:0 0 18px;
  color:#7a8696;
  font-size:14px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.home-hero h1{
  max-width:460px;
  margin:0 0 18px;
  font-size:clamp(42px,4.9vw,72px);
  line-height:.94;
  letter-spacing:-.06em;
}
.home-hero h1 span{
  display:block;
}
.hero-compatibility{
  margin:0 0 12px;
  color:#18202a;
  font-size:18px;
  line-height:1.55;
  font-weight:680;
}
.hero-support-copy{
  max-width:470px;
  margin:0 0 30px;
  color:#667085;
  font-size:16px;
  line-height:1.84;
}
.home-hero .hero-actions{
  gap:14px;
}
.home-hero .hero-actions .btn{
  min-width:156px;
}
.home-showcase{
  position:relative;
  min-height:548px;
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.home-showcase::before{
  display:none;
}
.hero-connect-scene{
  position:relative;
  min-height:548px;
  border:1px solid rgba(230,233,238,.92);
  border-radius:38px;
  background:linear-gradient(180deg,#fdfdfd 0%,#f8f9fb 100%);
  box-shadow:0 26px 52px rgba(15,23,42,.05);
  overflow:hidden;
}
.hero-connect-scene::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 16%, rgba(198,154,74,.12), transparent 24%),
    linear-gradient(90deg,rgba(15,23,42,.03) 1px,transparent 1px),
    linear-gradient(rgba(15,23,42,.03) 1px,transparent 1px);
  background-size:auto,116px 116px,116px 116px;
  opacity:.48;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.78), transparent 92%);
}
.hero-connect-scene::after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:18px;
  height:46px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(15,23,42,.08), transparent 70%);
  filter:blur(14px);
  pointer-events:none;
}
.scene-cable{
  position:absolute;
  top:0;
  left:57%;
  width:2px;
  height:78px;
  background:linear-gradient(180deg,rgba(55,65,81,.42),rgba(55,65,81,.06));
  z-index:1;
}
.scene-connect-copy{
  position:absolute;
  top:30px;
  right:28px;
  width:228px;
  z-index:5;
  text-align:left;
}
.scene-connect-copy p{
  margin:0 0 12px;
  color:#25303c;
  font-size:clamp(24px,1.8vw,32px);
  font-weight:700;
  letter-spacing:-.04em;
  white-space:nowrap;
}
.scene-connect-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
}
.scene-connect-chip{
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#f3f5f8;
  border:1px solid #e3e8ef;
  box-shadow:0 12px 24px rgba(15,23,42,.05);
}
.scene-connect-chip img{
  width:24px;
  height:24px;
  object-fit:contain;
}
.scene-connect-line{
  position:relative;
  display:block;
  width:44px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#98a2b3,#d0d5dd);
}
.scene-connect-line::after{
  content:"";
  position:absolute;
  right:-1px;
  top:50%;
  width:8px;
  height:8px;
  border-top:2px solid #98a2b3;
  border-right:2px solid #98a2b3;
  transform:translateY(-50%) rotate(45deg);
}
.scene-connect-wallets{
  display:flex;
  gap:8px;
}
.scene-connect-wallets span{
  width:48px;
  height:48px;
  border-radius:16px;
  background:#fff;
  border:1px solid #e4e7ec;
  display:grid;
  place-items:center;
  box-shadow:0 12px 24px rgba(15,23,42,.05);
}
.scene-connect-wallets img{
  width:26px;
  height:26px;
  object-fit:contain;
}
.scene-laptop{
  position:absolute;
  right:8px;
  bottom:0;
  width:min(82%,560px);
  z-index:1;
}
.scene-laptop-screen{
  height:300px;
  padding:18px;
  border-radius:32px 32px 18px 18px;
  background:linear-gradient(180deg,#eff3f7 0%,#ffffff 100%);
  border:1px solid #d9e0e8;
  box-shadow:0 20px 42px rgba(15,23,42,.08);
}
.scene-laptop-toolbar{
  width:124px;
  height:18px;
  margin:0 auto 16px;
  border-radius:999px;
  background:linear-gradient(90deg,#dde4eb,#f3f6f9);
}
.scene-laptop-canvas{
  position:relative;
  height:calc(100% - 42px);
  border-radius:24px;
  border:1px solid #edf2f7;
  background:linear-gradient(180deg,#ffffff 0%,#f7f9fb 100%);
  overflow:hidden;
}
.scene-laptop-canvas::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 24%, rgba(59,130,246,.08), transparent 30%),
    linear-gradient(90deg,rgba(15,23,42,.026) 1px,transparent 1px),
    linear-gradient(rgba(15,23,42,.026) 1px,transparent 1px);
  background-size:auto,84px 84px,84px 84px;
  opacity:.9;
}
.scene-browser-stage{
  position:absolute;
  inset:22px;
  display:grid;
  gap:14px;
  align-content:start;
  justify-items:start;
}
.scene-browser-top{
  display:flex;
  justify-content:flex-start;
  gap:10px;
  flex-wrap:wrap;
}
.scene-browser-top span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:#fff;
  color:#475467;
  font-size:12px;
  font-weight:700;
  box-shadow:0 10px 22px rgba(15,23,42,.04);
}
.scene-browser-panel{
  max-width:220px;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff 0%,#f7f9fb 100%);
  border:1px solid #e7ebef;
  box-shadow:0 14px 28px rgba(15,23,42,.05);
}
.scene-browser-panel b{
  display:block;
  color:#101828;
  font-size:20px;
  line-height:1.24;
}
.scene-browser-panel p{
  margin:10px 0 0;
  color:#667085;
  font-size:13px;
  line-height:1.7;
}
.scene-laptop-base{
  position:relative;
  width:108%;
  height:72px;
  margin-left:-4%;
  margin-top:-2px;
  border-radius:0 0 34px 34px;
  background:linear-gradient(180deg,#dae1e9 0%,#cad3dd 38%,#eef2f6 100%);
  box-shadow:0 16px 28px rgba(15,23,42,.08);
  overflow:hidden;
}
.scene-laptop-base::before{
  content:"";
  position:absolute;
  left:9%;
  right:9%;
  top:14px;
  height:28px;
  border-radius:14px;
  background:
    repeating-linear-gradient(90deg,rgba(15,23,42,.16) 0 14px,transparent 14px 19px),
    repeating-linear-gradient(rgba(15,23,42,.1) 0 8px,transparent 8px 13px);
  opacity:.42;
}
.scene-laptop-base span{
  position:absolute;
  left:50%;
  top:6px;
  transform:translateX(-50%);
  width:118px;
  height:7px;
  border-radius:999px;
  background:rgba(255,255,255,.62);
}
.scene-phone{
  position:absolute;
  right:18%;
  bottom:18px;
  width:min(34%,214px);
  aspect-ratio:1 / 2.08;
  padding:12px;
  border-radius:42px;
  background:linear-gradient(180deg,#212833 0%,#0f172a 100%);
  box-shadow:0 22px 42px rgba(15,23,42,.18);
  z-index:3;
  animation:scenePhoneFloat 6.2s ease-in-out infinite;
}
.scene-phone-notch{
  position:absolute;
  top:10px;
  left:50%;
  width:92px;
  height:20px;
  transform:translateX(-50%);
  border-radius:999px;
  background:#111827;
  z-index:2;
}
.scene-phone-screen{
  height:100%;
  border-radius:32px;
  overflow:hidden;
  background:linear-gradient(180deg,#f7f9fb 0%,#ffffff 100%);
}
.scene-wallet-top{
  padding:40px 20px 18px;
  background:linear-gradient(180deg,#2395ff 0%,#2f6ff8 100%);
  color:#fff;
}
.scene-wallet-top small{
  display:block;
  font-size:12px;
  opacity:.86;
}
.scene-wallet-top strong{
  display:block;
  margin-top:10px;
  font-size:30px;
  letter-spacing:-.04em;
  line-height:1;
}
.scene-wallet-top span{
  display:block;
  margin-top:8px;
  font-size:13px;
  opacity:.86;
}
.scene-wallet-pills{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding:14px 18px 8px;
}
.scene-wallet-pills span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#eef2f7;
  color:#475467;
  font-size:12px;
  font-weight:700;
}
.scene-wallet-list{
  display:grid;
  gap:10px;
  padding:8px 18px 20px;
}
.scene-wallet-list article{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:18px;
  background:#fff;
  border:1px solid #e7ebef;
  box-shadow:0 10px 20px rgba(15,23,42,.04);
}
.scene-wallet-list b{
  color:#101828;
  font-size:14px;
}
.scene-wallet-list span{
  color:#667085;
  font-size:13px;
}
.scene-device{
  position:absolute;
  left:10%;
  bottom:104px;
  width:min(46%,316px);
  object-fit:contain;
  filter:drop-shadow(0 24px 36px rgba(15,23,42,.2));
  z-index:4;
  animation:sceneDeviceFloat 5.8s ease-in-out infinite;
  transform-origin:center;
}
@keyframes scenePhoneFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@keyframes sceneDeviceFloat{
  0%,100%{transform:rotate(-4deg) translateY(0)}
  50%{transform:rotate(-4deg) translateY(-8px)}
}
.hero-trust-bar{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:34px;
  padding:16px;
  border-radius:30px;
  background:#090d18;
  box-shadow:0 24px 48px rgba(15,23,42,.14);
}
.hero-trust-item{
  display:flex;
  gap:16px;
  align-items:flex-start;
  min-height:100%;
  padding:18px 18px 20px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  transition:transform .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.hero-trust-item:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.12);
  box-shadow:0 18px 34px rgba(0,0,0,.16);
}
.hero-trust-icon{
  flex:0 0 48px;
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  color:#0f172a;
  font-size:14px;
  font-weight:800;
  letter-spacing:.04em;
}
.hero-trust-item strong{
  display:block;
  color:#fff;
  font-size:18px;
  line-height:1.3;
}
.hero-trust-item p{
  margin:6px 0 0;
  color:#9aa4b2;
  font-size:14px;
  line-height:1.7;
}
.quick-entry-grid,
.selection-grid,
.assurance-grid,
.support-tool-grid,
.detail-feature-grid,
.detail-spec-grid,
.verification-grid,
.triage-grid{
  display:grid;
  gap:18px;
}
.quick-entry-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.quick-entry-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.quick-entry-card p{
  margin-bottom:16px;
}
.entry-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:auto;
  color:#101828;
  font-size:14px;
  font-weight:700;
}
.entry-link::after{
  content:"→";
}
.featured-product-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.featured-product-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.featured-product-card .product-image{
  height:280px;
  margin-bottom:18px;
}
.featured-product-card .product-image img{
  width:100%;
  height:100%;
  max-width:88%;
  max-height:240px;
  object-fit:contain;
}
.featured-product-card .card-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:14px;
}
.featured-product-card .card-meta span,
.plain-chip-list span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:#f7f9fb;
  border:1px solid #e5e9ef;
  color:#526171;
  font-size:12px;
  font-weight:650;
}
.featured-product-card ul,
.selection-card ul,
.detail-highlight-list,
.package-checklist,
.support-boundary-list,
.verification-checklist{
  margin:14px 0 0;
  padding-left:18px;
  color:#526171;
}
.featured-product-card .actions,
.selection-card .actions{
  margin-top:auto;
}
.selection-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.selection-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:22px;
}
.selection-card .product-image{
  height:180px;
}
.selection-card .product-image img{
  width:100%;
  height:100%;
  max-width:86%;
  max-height:148px;
  object-fit:contain;
}
.selection-card .actions{
  display:flex;
  gap:10px;
  padding-top:16px;
}
.service-surface,
.feature-surface{
  padding:34px;
  border-radius:34px;
  border:1px solid #e7ebef;
  background:linear-gradient(180deg,#fff,#f8fafb);
  box-shadow:var(--shadow-panel);
}
.security-showcase-section{
  overflow:hidden;
}
.security-showcase-title span{
  color:#c69a4a;
  margin-right:.18em;
}
.security-showcase-shell{
  --security-track-gap:24px;
  --security-track-shift:calc(-50% - 12px);
  position:relative;
  overflow:hidden;
  padding:16px 0;
}
.security-showcase-shell::before,
.security-showcase-shell::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:116px;
  z-index:3;
  pointer-events:none;
}
.security-showcase-shell::before{
  left:0;
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 34%,rgba(255,255,255,0) 100%);
}
.security-showcase-shell::after{
  right:0;
  background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,.96) 34%,rgba(255,255,255,0) 100%);
}
.security-showcase-track{
  display:flex;
  width:max-content;
  gap:var(--security-track-gap);
  animation:securityShowcaseMarquee 34s linear infinite;
  will-change:transform;
}
.security-showcase-shell:hover .security-showcase-track{
  animation-play-state:paused;
}
.security-showcase-panel{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
  min-width:min(1120px,calc(100vw - 40px));
  padding:28px;
  border:1px solid #ebeff3;
  border-radius:36px;
  background:linear-gradient(180deg,#fefefe 0%,#f7f8fa 100%);
  box-shadow:0 28px 60px rgba(15,23,42,.055);
  overflow:hidden;
}
.security-showcase-panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.78;
  background:
    linear-gradient(90deg,transparent 0 14%,rgba(226,232,240,.72) 14% 14.15%,transparent 14.15% 100%) 0 0/190px 100%,
    linear-gradient(180deg,transparent 0 22%,rgba(233,237,242,.55) 22% 22.12%,transparent 22.12% 100%) 0 0/100% 170px;
}
.security-showcase-panel::after{
  content:"";
  position:absolute;
  inset:auto auto -80px -40px;
  width:320px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(198,154,74,.10),transparent 68%);
  pointer-events:none;
}
.security-story-card{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:34px 30px 30px;
  border:1px solid rgba(233,237,242,.9);
  border-radius:28px;
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 40px rgba(15,23,42,.04);
  transition:transform .36s ease,box-shadow .36s ease,border-color .36s ease,background .36s ease;
}
.security-showcase-shell:hover .security-story-card{
  background:rgba(255,255,255,.9);
}
.security-story-card:hover{
  transform:translateY(-8px);
  border-color:#dde4ec;
  background:#fff;
  box-shadow:0 28px 58px rgba(15,23,42,.08);
}
.security-story-media{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:286px;
  margin-bottom:24px;
}
.security-story-media img{
  width:min(100%,420px);
  max-height:280px;
  object-fit:contain;
  filter:drop-shadow(0 22px 40px rgba(15,23,42,.12));
  transition:transform .42s ease,filter .42s ease;
}
.security-story-card:hover .security-story-media img{
  transform:translateY(-7px) scale(1.03);
  filter:drop-shadow(0 30px 48px rgba(15,23,42,.16));
}
.security-story-copy{
  text-align:center;
}
.security-story-copy h3{
  margin:0 0 14px;
  font-size:clamp(26px,2.4vw,36px);
  line-height:1.26;
}
.security-story-copy p{
  margin:0;
  color:#667085;
  font-size:16px;
  line-height:1.9;
}
.security-story-tags{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 16px;
}
.security-story-tags span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid #e4e7ec;
  background:#fff;
  color:#475467;
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
}
@keyframes securityShowcaseMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(var(--security-track-shift))}
}
.assurance-grid{
  grid-template-columns:1.1fr .9fr;
  align-items:stretch;
}
.assurance-list{
  display:grid;
  gap:12px;
}
.assurance-list article{
  padding:18px 20px;
  border-radius:22px;
  border:1px solid #e7ebef;
  background:#fff;
}
.assurance-list b{
  display:block;
  color:#101828;
  font-size:17px;
  margin-bottom:6px;
}
.support-tool-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.tool-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.tool-card .tool-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:16px;
}
.tool-card .tool-head img,
.tool-card .tool-head .wallet-icon-text{
  width:72px;
  height:72px;
  border-radius:22px;
  background:#f6f7f8;
  padding:10px;
  object-fit:contain;
  border:1px solid #e8edf2;
}
.asset-chip-wall{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}
.asset-chip-wall span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 14px;
  min-height:40px;
  border-radius:999px;
  background:#fff;
  border:1px solid #e7ebef;
  box-shadow:0 8px 18px rgba(15,23,42,.035);
  color:#334155;
  font-size:13px;
  font-weight:650;
}
.asset-chip-wall img{
  width:18px;
  height:18px;
  object-fit:contain;
}
.support-boundary{
  padding:24px;
  border-radius:28px;
  border:1px solid #e7ebef;
  background:#fff;
}
.detail-hero{
  padding:86px 0 74px;
  background:
    radial-gradient(circle at 82% 18%, rgba(24,85,134,.06), transparent 24%),
    linear-gradient(180deg,#ffffff 0%,#f6f8fa 72%,#ffffff 100%);
}
.detail-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.96fr);
  gap:34px;
  align-items:center;
}
.detail-gallery{
  padding:32px;
  border-radius:36px;
  border:1px solid #e7ebef;
  background:linear-gradient(180deg,#fff,#f8fafb);
  box-shadow:var(--shadow-panel);
}
.gallery-stage{
  position:relative;
  min-height:420px;
  display:grid;
  place-items:center;
  padding:26px;
  border-radius:28px;
  background:#f6f7f8;
  border:1px solid #e7ebef;
}
.gallery-stage::after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:18px;
  height:46px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(15,23,42,.12), transparent 70%);
  filter:blur(12px);
}
.gallery-stage img{
  position:relative;
  z-index:1;
  width:100%;
  height:320px;
  object-fit:contain;
  filter:drop-shadow(0 28px 42px rgba(15,23,42,.16));
  animation:floatY 5.8s ease-in-out infinite;
}
.gallery-caption{
  margin-top:14px;
  color:#667085;
  font-size:14px;
}
.gallery-thumbs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.gallery-thumb{
  padding:12px;
  border-radius:20px;
  border:1px solid #e7ebef;
  background:#fff;
  text-align:left;
  cursor:pointer;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.gallery-thumb:hover,
.gallery-thumb.is-active{
  border-color:#cad3dc;
  box-shadow:0 14px 28px rgba(15,23,42,.05);
  transform:translateY(-2px);
}
.gallery-thumb img{
  width:100%;
  height:82px;
  object-fit:contain;
}
.gallery-thumb b{
  display:block;
  margin-top:8px;
  color:#101828;
  font-size:13px;
}
.gallery-thumb span{
  display:block;
  margin-top:3px;
  color:#667085;
  font-size:12px;
  line-height:1.45;
}
.detail-summary{
  padding:10px 0;
}
.detail-summary .lead{
  margin-bottom:22px;
}
.detail-summary .summary-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:20px;
}
.detail-summary .summary-meta span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid #e7ebef;
  color:#445160;
  font-size:13px;
  font-weight:680;
}
.detail-highlight-list li{
  margin:10px 0;
}
.detail-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}
.detail-note{
  margin-top:20px;
  padding:18px 20px;
  border-radius:22px;
  border:1px solid #e7ebef;
  background:#fff;
  color:#526171;
}
.detail-feature-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.detail-spec-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.spec-card{
  padding:24px;
  border-radius:26px;
  border:1px solid #e7ebef;
  background:#fff;
  box-shadow:var(--shadow-card);
}
.spec-card h3{
  margin-bottom:14px;
}
.package-checklist li,
.verification-checklist li,
.support-boundary-list li{
  margin:8px 0;
}
.faq-category-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:22px;
}
.faq-category-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid #e7ebef;
  color:#445160;
  font-size:13px;
  font-weight:650;
}
.faq-category-nav a:hover{
  border-color:#d3dae2;
  background:#f8fafb;
}
.faq-section-group + .faq-section-group{
  margin-top:26px;
}
.faq-section-group .section-subtitle{
  margin:0 0 14px;
  color:#101828;
  font-size:26px;
  letter-spacing:-.02em;
}
.verification-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.verification-card{
  min-height:100%;
}
.verification-card .step-index{
  display:inline-grid;
  place-items:center;
  width:40px;
  height:40px;
  margin-bottom:16px;
  border-radius:14px;
  background:#1b232d;
  color:#fff;
  font-weight:700;
}
.verification-card strong{
  display:block;
  margin-bottom:8px;
  color:#101828;
  font-size:19px;
}
.verification-panel{
  display:grid;
  gap:18px;
  padding:30px;
  border-radius:30px;
  border:1px solid #e7ebef;
  background:linear-gradient(180deg,#fff,#f8fafb);
}
.panel-media{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:180px;
  padding:18px;
  border-radius:24px;
  background:#f6f7f8;
  border:1px solid #e8edf2;
}
.panel-media img{
  width:100%;
  max-height:180px;
  object-fit:contain;
}
.panel-icon-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.panel-icon-badge{
  width:60px;
  height:60px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#f6f7f8;
  border:1px solid #e8edf2;
}
.panel-icon-badge img{
  width:32px;
  height:32px;
  object-fit:contain;
}
.triage-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.triage-card{
  min-height:100%;
}
.triage-card strong{
  display:block;
  margin-bottom:8px;
  color:#101828;
  font-size:18px;
}
.triage-card p{
  margin-bottom:10px;
}
.triage-card a{
  color:#1b232d;
  font-weight:700;
}
.triage-card a::after{
  content:" →";
}
.compact-process{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.compact-process article{
  min-height:unset;
}
.contact-note{
  font-size:13px;
  color:#667085;
}

@media (max-width:1100px){
  .home-showcase{
    min-height:auto;
    padding:0;
  }
  .home-hero-grid{
    gap:38px;
  }
  .scene-device{
    left:8%;
    bottom:86px;
    width:min(42%,274px);
  }
  .scene-phone{
    right:15%;
    width:min(36%,198px);
  }
  .hero-trust-bar{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .quick-entry-grid,
  .featured-product-grid,
  .detail-feature-grid,
  .verification-grid,
  .triage-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .selection-grid,
  .support-tool-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .assurance-grid,
  .detail-hero-grid,
  .detail-spec-grid{
    grid-template-columns:1fr;
  }
  .security-showcase-panel{
    min-width:calc(100vw - 40px);
    grid-template-columns:1fr;
    gap:18px;
  }
  .security-story-media{
    min-height:232px;
  }
  .security-story-media img{
    max-height:228px;
  }
}

@media (max-width:900px){
  .site-nav{
    top:calc(var(--header-h) + 36px);
  }
  .home-hero{
    padding:72px 0 56px;
  }
  .home-hero-grid{
    grid-template-columns:1fr;
    gap:32px;
  }
  .home-showcase{
    padding:0;
  }
  .hero-connect-scene{
    min-height:472px;
    border-radius:34px;
  }
  .scene-connect-copy{
    top:26px;
    right:22px;
  }
  .scene-laptop{
    width:86%;
    right:6px;
  }
  .scene-phone{
    right:15%;
    width:min(34%,188px);
  }
  .scene-device{
    left:8%;
    bottom:92px;
    width:min(42%,248px);
  }
  .hero-trust-bar{
    margin-top:28px;
  }
  .gallery-stage{
    min-height:360px;
  }
  .security-showcase-track{
    animation-duration:28s;
  }
  .security-story-card{
    padding:26px 22px 24px;
  }
}

@media (max-width:640px){
  .home-hero{
    padding:58px 0 44px;
  }
  .home-hero .hero-bg-grid{
    background-size:80px 80px;
    opacity:.12;
  }
  .home-hero-copy{
    padding:0;
  }
  .hero-brand-line{
    margin-bottom:14px;
    font-size:12px;
  }
  .home-hero h1{
    font-size:clamp(34px,11vw,50px);
    margin-bottom:14px;
  }
  .hero-compatibility{
    font-size:17px;
    margin-bottom:10px;
  }
  .hero-support-copy{
    margin-bottom:22px;
    font-size:15px;
    line-height:1.82;
  }
  .home-hero .hero-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .home-hero .hero-actions .btn{
    width:100%;
    min-height:50px;
  }
  .home-showcase{
    padding:0;
  }
  .hero-connect-scene{
    min-height:368px;
    border-radius:28px;
  }
  .scene-cable{
    left:58%;
    height:52px;
  }
  .scene-connect-copy{
    top:18px;
    right:16px;
    left:auto;
    width:auto;
    text-align:left;
  }
  .scene-connect-copy p{
    font-size:18px;
    margin-bottom:8px;
  }
  .scene-connect-row{
    justify-content:flex-start;
    gap:6px;
  }
  .scene-connect-chip,
  .scene-connect-wallets span{
    width:34px;
    height:34px;
    border-radius:12px;
  }
  .scene-connect-chip img,
  .scene-connect-wallets img{
    width:18px;
    height:18px;
  }
  .scene-connect-line{
    width:28px;
  }
  .scene-laptop{
    width:88%;
    right:2px;
  }
  .scene-laptop-screen{
    height:196px;
    padding:12px;
    border-radius:22px 22px 14px 14px;
  }
  .scene-browser-stage{
    inset:14px;
    gap:12px;
  }
  .scene-browser-top{
    gap:8px;
  }
  .scene-browser-top span{
    min-height:28px;
    padding:0 10px;
    font-size:10px;
  }
  .scene-browser-panel{
    max-width:126px;
    padding:12px;
    border-radius:18px;
  }
  .scene-browser-panel b{
    font-size:14px;
  }
  .scene-browser-panel p{
    margin-top:8px;
    font-size:10px;
  }
  .scene-laptop-base{
    height:44px;
  }
  .scene-laptop-base span{
    width:76px;
    height:5px;
  }
  .scene-phone{
    right:14%;
    bottom:14px;
    width:min(35%,136px);
    padding:8px;
    border-radius:30px;
  }
  .scene-phone-notch{
    top:8px;
    width:70px;
    height:14px;
  }
  .scene-phone-screen{
    border-radius:22px;
  }
  .scene-wallet-top{
    padding:26px 14px 12px;
  }
  .scene-wallet-top strong{
    font-size:20px;
  }
  .scene-wallet-top span{
    font-size:11px;
  }
  .scene-wallet-pills{
    padding:10px 12px 6px;
  }
  .scene-wallet-pills span{
    min-height:24px;
    padding:0 8px;
    font-size:10px;
  }
  .scene-wallet-list{
    gap:8px;
    padding:6px 12px 14px;
  }
  .scene-wallet-list article{
    padding:9px 10px;
    border-radius:14px;
  }
  .scene-wallet-list b{
    font-size:11px;
  }
  .scene-wallet-list span{
    font-size:10px;
  }
  .scene-device{
    left:4%;
    bottom:68px;
    width:min(43%,154px);
  }
  .hero-trust-bar{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:24px;
    padding:12px;
    border-radius:24px;
  }
  .hero-trust-item{
    gap:12px;
    padding:14px 12px 16px;
    border-radius:18px;
  }
  .hero-trust-icon{
    flex-basis:42px;
    width:42px;
    height:42px;
    font-size:12px;
  }
  .hero-trust-item strong{
    font-size:16px;
  }
  .hero-trust-item p{
    font-size:12px;
    line-height:1.6;
  }
  .quick-entry-grid,
  .featured-product-grid,
  .selection-grid,
  .support-tool-grid,
  .detail-feature-grid,
  .verification-grid,
  .triage-grid,
  .gallery-thumbs,
  .compact-process{
    grid-template-columns:1fr;
  }
  .service-surface,
  .feature-surface,
  .verification-panel,
  .detail-gallery{
    padding:22px;
    border-radius:24px;
  }
  .featured-product-card .product-image{
    height:236px;
  }
  .selection-card .product-image{
    height:200px;
  }
  .gallery-stage{
    min-height:292px;
    padding:18px;
  }
  .gallery-stage img{
    height:230px;
  }
  .faq-section-group .section-subtitle{
    font-size:22px;
  }
  .detail-actions{
    flex-direction:column;
  }
  .section-head-center{
    margin-bottom:22px;
  }
  .security-showcase-shell{
    --security-track-gap:16px;
    --security-track-shift:calc(-50% - 8px);
    padding:8px 0;
  }
  .security-showcase-shell::before,
  .security-showcase-shell::after{
    width:52px;
  }
  .security-showcase-track{
    animation-duration:24s;
  }
  .security-showcase-panel{
    min-width:calc(100vw - 32px);
    padding:16px;
    border-radius:26px;
  }
  .security-story-card{
    padding:20px 16px 18px;
    border-radius:22px;
  }
  .security-story-media{
    min-height:174px;
    margin-bottom:18px;
  }
  .security-story-media img{
    width:min(100%,280px);
    max-height:170px;
  }
  .security-story-copy h3{
    font-size:24px;
  }
  .security-story-copy p{
    font-size:14px;
    line-height:1.82;
  }
  .security-story-tags{
    gap:8px;
    margin-bottom:14px;
  }
  .security-story-tags span{
    min-height:30px;
    padding:5px 10px;
  }
}

@media (prefers-reduced-motion:reduce){
  .security-showcase-track{
    animation:none;
  }
  .security-story-card,
  .security-story-media img{
    transition:none;
  }
}

.brand-story-home{
  position:relative;
}
.brand-story-about{
  padding-top:14px;
}
.brand-story-about .section-head{
  margin-bottom:28px;
}
.brand-story-about .section-desc{
  max-width:760px;
}
.brand-story-about__overview{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-bottom:22px;
}
.brand-story-about__chapters{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  align-items:start;
}
.brand-story-about__chapter{
  padding:32px 34px;
  border:1px solid #e7ebef;
  border-radius:32px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%);
  box-shadow:0 18px 44px rgba(15,23,42,.05);
}
.brand-story-about__chapter--wide{
  grid-column:1 / -1;
}
.brand-story-about__chapter h3{
  margin:0 0 16px;
  color:#101828;
  font-size:29px;
  line-height:1.34;
  letter-spacing:-.03em;
}
.brand-story-about__chapter p{
  margin:0 0 18px;
  color:#475467;
  font-size:16px;
  line-height:1.95;
}
.brand-story-about__chapter p:last-child{
  margin-bottom:0;
}
.brand-story-about__actions{
  flex-direction:row;
  flex-wrap:wrap;
}
.brand-story-about .brand-story-home__card--action{
  background:linear-gradient(180deg,#fffefb 0%,#ffffff 100%);
}
.brand-story-home__layout{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);
  gap:28px;
  align-items:start;
}
.brand-story-home__article{
  padding:34px 36px;
  border:1px solid #e7ebef;
  border-radius:34px;
  background:linear-gradient(180deg,#ffffff 0%,#fafbfd 100%);
  box-shadow:0 18px 44px rgba(15,23,42,.05);
}
.brand-story-home__article h3{
  margin:0 0 16px;
  color:#101828;
  font-size:28px;
  line-height:1.35;
  letter-spacing:-.03em;
}
.brand-story-home__article h3 + p{
  margin-top:0;
}
.brand-story-home__article p{
  margin:0 0 18px;
  color:#475467;
  font-size:16px;
  line-height:1.95;
}
.brand-story-home__article p:last-child{
  margin-bottom:0;
}
.brand-story-home__aside{
  display:grid;
  gap:18px;
}
.brand-story-home__card{
  padding:26px 24px;
  border:1px solid #e7ebef;
  border-radius:28px;
  background:#fff;
  box-shadow:0 14px 36px rgba(15,23,42,.04);
}
.brand-story-home__card--action{
  background:linear-gradient(180deg,#fffdfa 0%,#ffffff 100%);
}
.brand-story-home__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  color:#9a6b14;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.brand-story-home__eyebrow::before{
  content:"";
  width:22px;
  height:1px;
  background:linear-gradient(90deg,#c89b3c,transparent);
}
.tag-list--story{
  gap:10px;
}
.tag-list--story span{
  background:#f8fafc;
}
.brand-story-home__principles{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}
.brand-story-home__principles li{
  position:relative;
  padding-left:28px;
  color:#475467;
  line-height:1.82;
}
.brand-story-home__principles li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  width:20px;
  height:20px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#eef5ff;
  color:#1d4ed8;
  font-size:12px;
  font-weight:800;
}
.brand-story-home__card p{
  margin:0;
  color:#667085;
  line-height:1.82;
}
.brand-story-home__intro{
  margin:0;
  color:#667085;
  line-height:1.82;
}
.brand-story-home__detail-grid{
  margin:16px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}
.brand-story-home__detail-grid li,
.brand-story-home__entry{
  position:relative;
  display:grid;
  gap:6px;
  padding:14px 16px 14px 18px;
  border:1px solid #eef2f6;
  border-radius:18px;
  background:linear-gradient(180deg,#fbfcfe,#ffffff);
}
.brand-story-home__detail-grid li::before,
.brand-story-home__entry::before{
  content:"";
  position:absolute;
  left:0;
  top:16px;
  width:4px;
  height:18px;
  border-radius:999px;
  background:linear-gradient(180deg,#d9b56a,#f0dfb8);
}
.brand-story-home__detail-grid strong,
.brand-story-home__entry strong{
  color:#243041;
  font-size:15px;
  line-height:1.35;
}
.brand-story-home__detail-grid span,
.brand-story-home__entry span{
  color:#667085;
  line-height:1.72;
}
.brand-story-home__entry{
  text-decoration:none;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.brand-story-home__entry:hover{
  border-color:#d9e2ec;
  box-shadow:0 14px 32px rgba(15,23,42,.06);
  transform:translateY(-2px);
}
.brand-story-home__footnote{
  margin-top:16px !important;
  padding-top:14px;
  border-top:1px solid #eef2f6;
  color:#5f6c80 !important;
}
.brand-story-home__footnote a{
  color:#1d4ed8;
  font-weight:650;
}
.brand-story-home__service-stages{
  margin:16px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}
.brand-story-home__service-stages li{
  position:relative;
  padding:12px 14px 12px 18px;
  border:1px solid #eef2f6;
  border-radius:18px;
  background:#fbfcfe;
  color:#5f6c80;
  line-height:1.74;
}
.brand-story-home__service-stages li::before{
  content:"";
  position:absolute;
  left:0;
  top:16px;
  width:4px;
  height:18px;
  border-radius:999px;
  background:linear-gradient(180deg,#d9b56a,#f0dfb8);
}
.brand-story-home__service-stages strong{
  color:#243041;
}
.brand-story-home__note{
  margin-top:16px !important;
  padding-top:14px;
  border-top:1px solid #eef2f6;
  color:#5f6c80 !important;
}
.brand-story-home__mini-title{
  margin-top:18px !important;
  color:#243041 !important;
  font-size:14px;
  font-weight:700;
}
.brand-story-home__value-grid{
  margin:12px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}
.brand-story-home__value-grid li{
  display:grid;
  gap:6px;
  padding:14px 16px;
  border:1px solid #eef2f6;
  border-radius:18px;
  background:linear-gradient(180deg,#fbfcfe,#ffffff);
}
.brand-story-home__value-grid strong{
  color:#243041;
  font-size:14px;
}
.brand-story-home__value-grid span{
  color:#667085;
  line-height:1.72;
}
.brand-story-home__actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:16px;
}

/* Homepage landing structure */
body[data-page="home"] .safety-bar{
  position:relative;
  z-index:120;
  border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,#f8fafc,#fff8e8,#f8fafc);
}
body[data-page="home"] .safety-bar__inner{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
body[data-page="home"] .safety-bar__inner p{
  margin:0;
  color:#344054;
  font-size:13px;
}
body[data-page="home"] .safety-bar__action,
body[data-page="home"] .header-cta,
body[data-page="home"] .button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  font-size:14px;
  font-weight:700;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}
body[data-page="home"] .safety-bar__action{
  min-height:34px;
  padding:0 14px;
  border:1px solid #ead59b;
  background:#fffaf0;
  color:#7a5106;
}
body[data-page="home"] .site-header__inner{
  height:var(--header-h);
  display:flex;
  align-items:center;
  gap:18px;
}
body[data-page="home"] .site-nav{
  flex:1;
}
body[data-page="home"] .site-nav__panel{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
body[data-page="home"] .site-nav__link,
body[data-page="home"] .site-nav__link--button{
  height:42px;
  display:inline-flex;
  align-items:center;
  padding:0 14px;
  border-radius:999px;
  color:#344054;
  font-size:14px;
  font-weight:600;
  background:transparent;
  border:1px solid transparent;
  cursor:pointer;
}
body[data-page="home"] .site-nav__link:hover,
body[data-page="home"] .site-nav__link.is-active,
body[data-page="home"] .site-nav__group:hover > .site-nav__link,
body[data-page="home"] .site-nav__group.is-open > .site-nav__link{
  color:#111827;
  border-color:#d0d5dd;
  background:#f8fafc;
}
body[data-page="home"] .site-nav__link--button::after{
  content:"⌄";
  margin-left:6px;
  font-size:12px;
  color:#667085;
}
body[data-page="home"] .site-nav__group{
  position:relative;
}
body[data-page="home"] .site-nav__submenu{
  position:absolute;
  top:calc(100% + 12px);
  left:0;
  min-width:220px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.98);
  box-shadow:var(--shadow-soft);
  display:grid;
  gap:4px;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:.18s ease;
  z-index:20;
}
body[data-page="home"] .site-nav__group:hover .site-nav__submenu,
body[data-page="home"] .site-nav__group.is-open .site-nav__submenu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
body[data-page="home"] .site-nav__submenu a{
  display:flex;
  align-items:center;
  min-height:42px;
  padding:0 12px;
  border-radius:12px;
  color:#344054;
}
body[data-page="home"] .site-nav__submenu a:hover{
  background:#f8fafc;
  color:#111827;
}
body[data-page="home"] .header-cta{
  border:1px solid #111827;
  background:#111827;
  color:#fff;
  box-shadow:0 14px 32px rgba(17,24,39,.18);
}
body[data-page="home"] .button{
  border:1px solid #d0d5dd;
  background:#fff;
  color:#111827;
  box-shadow:0 12px 28px rgba(16,24,40,.06);
}
body[data-page="home"] .button:hover,
body[data-page="home"] .header-cta:hover,
body[data-page="home"] .safety-bar__action:hover{
  transform:translateY(-2px);
}
body[data-page="home"] .button--primary{
  background:#111827;
  border-color:#111827;
  color:#fff;
}
body[data-page="home"] .button--secondary{
  background:#fff;
  border-color:#d0d5dd;
  color:#111827;
}
body[data-page="home"] .button--light{
  background:#fff;
  border-color:rgba(255,255,255,.22);
  color:#111827;
}
body[data-page="home"] .page-section{
  padding:74px 0;
}
body[data-page="home"] .page-section--soft{
  background:#f6f8fb;
}
body[data-page="home"] .section-kicker,
body[data-page="home"] .mini-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  color:#2563eb;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body[data-page="home"] .section-kicker::before,
body[data-page="home"] .mini-kicker::before{
  content:"";
  width:26px;
  height:1px;
  background:linear-gradient(90deg,#c69a4a,transparent);
}
body[data-page="home"] .section-head--center{
  justify-content:center;
  text-align:center;
}
body[data-page="home"] .section-head--center p{
  margin-inline:auto;
}
body[data-page="home"] .hero-section{
  position:relative;
  padding:82px 0 40px;
  background:
    radial-gradient(circle at 10% 12%, rgba(198,154,74,.10), transparent 24%),
    radial-gradient(circle at 88% 14%, rgba(15,23,42,.05), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f7f8fa 62%,#ffffff 100%);
}
body[data-page="home"] .hero-section__grid{
  display:grid;
  grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);
  gap:56px;
  align-items:center;
}
body[data-page="home"] .hero-copy__line{
  display:block;
}
body[data-page="home"] .hero-copy__lead{
  max-width:500px;
  margin:0 0 22px;
  color:#667085;
  font-size:18px;
  line-height:1.84;
}
body[data-page="home"] .hero-compatibility{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:22px;
}
body[data-page="home"] .hero-compatibility__label,
body[data-page="home"] .hero-compatibility__item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid #e7ebef;
  box-shadow:0 12px 24px rgba(16,24,40,.05);
}
body[data-page="home"] .hero-compatibility__label{
  color:#111827;
  font-weight:700;
}
body[data-page="home"] .hero-compatibility__item{
  color:#475467;
  font-weight:650;
}
body[data-page="home"] .hero-compatibility__item img{
  width:20px;
  height:20px;
  object-fit:contain;
}
body[data-page="home"] .hero-copy__notice{
  margin:22px 0 0;
  color:#667085;
  font-size:14px;
  line-height:1.8;
}
body[data-page="home"] .hero-visual{
  position:relative;
}
body[data-page="home"] .hero-visual__panel{
  position:relative;
  padding:26px;
  border-radius:38px;
  border:1px solid rgba(230,233,238,.92);
  background:linear-gradient(180deg,#fdfdfd 0%,#f8f9fb 100%);
  box-shadow:0 26px 52px rgba(15,23,42,.05);
  overflow:hidden;
}
body[data-page="home"] .hero-visual__panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 16%, rgba(198,154,74,.12), transparent 24%),
    linear-gradient(90deg,rgba(15,23,42,.03) 1px,transparent 1px),
    linear-gradient(rgba(15,23,42,.03) 1px,transparent 1px);
  background-size:auto,116px 116px,116px 116px;
  opacity:.48;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.78), transparent 92%);
  pointer-events:none;
}
body[data-page="home"] .hero-visual__frame{
  position:relative;
  z-index:2;
  margin:0;
  min-height:420px;
  display:grid;
  place-items:center;
}
body[data-page="home"] .hero-scene-image{
  width:min(100%,720px);
  max-width:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 26px 40px rgba(15,23,42,.12));
  animation:deviceFloat 6s ease-in-out infinite;
}
body[data-page="home"] .hero-visual__badge{
  position:absolute;
  z-index:3;
  padding:14px 16px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.66);
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(10px);
  box-shadow:0 18px 34px rgba(15,23,42,.08);
}
body[data-page="home"] .hero-visual__badge strong{
  display:block;
  color:#101828;
  font-size:16px;
}
body[data-page="home"] .hero-visual__badge span{
  display:block;
  margin-top:4px;
  color:#667085;
  font-size:13px;
}
body[data-page="home"] .hero-visual__badge--top{
  top:28px;
  right:28px;
}
body[data-page="home"] .hero-visual__badge--bottom{
  left:28px;
  bottom:28px;
}
body[data-page="home"] .hero-orb--left,
body[data-page="home"] .hero-orb--right{
  position:absolute;
  width:220px;
  height:220px;
  border-radius:50%;
  filter:blur(10px);
  pointer-events:none;
  opacity:.85;
}
body[data-page="home"] .hero-orb--left{
  left:-30px;
  bottom:40px;
  background:radial-gradient(circle, rgba(198,154,74,.18), transparent 70%);
}
body[data-page="home"] .hero-orb--right{
  right:-40px;
  top:30px;
  background:radial-gradient(circle, rgba(37,99,235,.14), transparent 70%);
}
body[data-page="home"] .trust-strip{
  padding:0 0 28px;
  margin-top:-6px;
}
body[data-page="home"] .trust-strip__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  padding:16px;
  border-radius:30px;
  background:#090d18;
  box-shadow:0 24px 48px rgba(15,23,42,.14);
}
body[data-page="home"] .trust-strip__item{
  display:flex;
  gap:14px;
  align-items:flex-start;
  min-height:100%;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  transition:transform .24s ease, background .24s ease, border-color .24s ease, box-shadow .24s ease;
}
body[data-page="home"] .trust-strip__item:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 18px 34px rgba(0,0,0,.16);
}
body[data-page="home"] .trust-strip__icon{
  flex:0 0 50px;
  width:50px;
  height:50px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
}
body[data-page="home"] .trust-strip__icon img{
  width:26px;
  height:26px;
  object-fit:contain;
}
body[data-page="home"] .trust-strip__item strong{
  display:block;
  color:#fff;
  font-size:18px;
  line-height:1.3;
}
body[data-page="home"] .trust-strip__item p{
  margin:6px 0 0;
  color:#9aa4b2;
  font-size:14px;
  line-height:1.7;
}
body[data-page="home"] .product-grid,
body[data-page="home"] .recommend-grid,
body[data-page="home"] .wallet-grid,
body[data-page="home"] .verification-grid,
body[data-page="home"] .stats-grid{
  display:grid;
  gap:20px;
}
body[data-page="home"] .product-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
body[data-page="home"] .recommend-grid,
body[data-page="home"] .wallet-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
body[data-page="home"] .stats-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
body[data-page="home"] .product-card,
body[data-page="home"] .recommend-card,
body[data-page="home"] .wallet-card,
body[data-page="home"] .stat-card,
body[data-page="home"] .verification-card,
body[data-page="home"] .contact-panel,
body[data-page="home"] .qr-card,
body[data-page="home"] .safety-note{
  border:1px solid var(--line);
  border-radius:28px;
  background:#fff;
  box-shadow:0 16px 36px rgba(16,24,40,.06);
}
body[data-page="home"] .product-card,
body[data-page="home"] .recommend-card,
body[data-page="home"] .wallet-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  overflow:hidden;
}
body[data-page="home"] .product-card__image,
body[data-page="home"] .recommend-card__media{
  height:240px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:#f6f7f8;
}
body[data-page="home"] .product-card__image img,
body[data-page="home"] .recommend-card__media img{
  max-width:100%;
  max-height:190px;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 22px 30px rgba(16,24,40,.12));
}
body[data-page="home"] .product-card__body,
body[data-page="home"] .recommend-card__copy{
  padding:22px;
}
body[data-page="home"] .product-card__tagline{
  margin:0 0 12px;
  color:#526171;
}
body[data-page="home"] .product-card__points{
  margin:0 0 18px;
  padding-left:18px;
  color:#526171;
}
body[data-page="home"] .text-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#101828;
  font-weight:700;
}
body[data-page="home"] .text-link::after{
  content:"→";
}
body[data-page="home"] .protection-stack{
  display:grid;
  gap:22px;
}
body[data-page="home"] .protection-card{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:24px;
  align-items:center;
  padding:26px;
  border:1px solid var(--line);
  border-radius:30px;
  background:#fff;
  box-shadow:0 16px 36px rgba(16,24,40,.06);
}
body[data-page="home"] .protection-card--reverse{
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
}
body[data-page="home"] .protection-card--reverse .protection-card__media{
  order:2;
}
body[data-page="home"] .protection-card__media{
  min-height:260px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  border-radius:24px;
  background:#f6f7f8;
}
body[data-page="home"] .protection-card__media img{
  max-width:100%;
  max-height:220px;
  object-fit:contain;
  object-position:center;
}
body[data-page="home"] .tag-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
body[data-page="home"] .tag-list span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid #e5e9ef;
  color:#526171;
  font-size:13px;
  font-weight:650;
}
body[data-page="home"] .wallet-card{
  padding:24px;
}
body[data-page="home"] .wallet-card__icon{
  width:72px;
  height:72px;
  margin-bottom:18px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:#f6f7f8;
  border:1px solid #e8edf2;
}
body[data-page="home"] .wallet-card__icon--dark{
  background:#101828;
}
body[data-page="home"] .wallet-card__icon img{
  width:38px;
  height:38px;
  object-fit:contain;
}
body[data-page="home"] .asset-grid{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}
body[data-page="home"] .asset-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 16px;
  border-radius:999px;
  background:#fff;
  border:1px solid #e7ebef;
  box-shadow:0 10px 20px rgba(15,23,42,.04);
  color:#334155;
  font-size:13px;
  font-weight:700;
}
body[data-page="home"] .asset-chip img{
  width:18px;
  height:18px;
  object-fit:contain;
}
body[data-page="home"] .stat-card{
  padding:28px 20px;
  text-align:center;
}
body[data-page="home"] .stat-card strong{
  display:block;
  color:#101828;
  font-size:40px;
  letter-spacing:-.04em;
}
body[data-page="home"] .stat-card span{
  display:block;
  margin-top:6px;
  color:#667085;
}
body[data-page="home"] .recommend-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,.9fr);
  overflow:hidden;
}
body[data-page="home"] .recommend-card--dark{
  background:#111827;
  border-color:#111827;
}
body[data-page="home"] .recommend-card--dark h3,
body[data-page="home"] .recommend-card--dark p,
body[data-page="home"] .recommend-card--dark .mini-kicker{
  color:#fff;
}
body[data-page="home"] .recommend-card--dark .mini-kicker::before{
  background:linear-gradient(90deg,#fff,transparent);
}
body[data-page="home"] .verification-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
body[data-page="home"] .verification-card{
  padding:24px;
}
body[data-page="home"] .verification-card span{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  margin-bottom:14px;
  background:#111827;
  color:#fff;
  font-weight:700;
}
body[data-page="home"] .faq-item{
  overflow:hidden;
}
body[data-page="home"] .faq-category{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  margin-right:10px;
  border-radius:999px;
  background:#eef2ff;
  color:#3b82f6;
  font-size:12px;
  font-weight:700;
}
body[data-page="home"] .faq-answer{
  padding:0 20px 20px;
  color:#475467;
  line-height:1.82;
}
body[data-page="home"] .contact-panel{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:24px;
  padding:28px;
}
body[data-page="home"] .contact-panel__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}
body[data-page="home"] .contact-panel__aside{
  display:grid;
  gap:16px;
}
body[data-page="home"] .qr-card,
body[data-page="home"] .safety-note{
  padding:22px;
}
body[data-page="home"] .qr-card{
  text-align:center;
}
body[data-page="home"] .qr-card img{
  width:180px;
  height:180px;
  margin:0 auto 16px;
  object-fit:contain;
}
body[data-page="home"] .footer-copy{
  color:#667085;
}
body[data-page="home"] .brand--footer{
  min-width:auto;
}
body[data-page="home"] .modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.52);
  backdrop-filter:blur(10px);
}
body[data-page="home"] .modal__panel{
  position:relative;
  width:min(430px,calc(100vw - 32px));
  border:1px solid var(--line);
  border-radius:28px;
  padding:26px;
  background:#fff;
  box-shadow:var(--shadow);
  text-align:center;
}
body[data-page="home"] .modal__close{
  position:absolute;
  right:16px;
  top:14px;
  width:36px;
  height:36px;
  border-radius:50%;
  border:1px solid var(--line);
  background:#f8fafc;
  color:#111827;
  display:grid;
  place-items:center;
  cursor:pointer;
}
body[data-page="home"] .modal__qr{
  margin:18px auto;
  width:210px;
  height:210px;
  padding:14px;
  border-radius:22px;
  background:#fff;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  box-shadow:0 12px 28px rgba(16,24,40,.08);
}
body[data-page="home"] .modal__qr img{
  width:100%;
  height:100%;
  object-fit:contain;
}
body[data-page="home"] .modal__tip{
  display:inline-flex;
  margin-top:10px;
  padding:8px 12px;
  border-radius:999px;
  background:var(--green-soft);
  color:#067647;
  font-size:13px;
  font-weight:650;
}

@media (max-width:1100px){
  body[data-page="home"] .hero-section__grid,
  body[data-page="home"] .contact-panel,
  body[data-page="home"] .protection-card,
  body[data-page="home"] .protection-card--reverse,
  body[data-page="home"] .recommend-card{
    grid-template-columns:1fr;
  }
  body[data-page="home"] .product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  body[data-page="home"] .trust-strip__grid,
  body[data-page="home"] .verification-grid,
  body[data-page="home"] .stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:980px){
  body[data-page="home"] .site-nav{
    position:fixed;
    top:calc(var(--header-h) + 44px);
    left:16px;
    right:16px;
    display:none;
    padding:14px;
    border:1px solid var(--line);
    border-radius:22px;
    background:rgba(255,255,255,.98);
    box-shadow:var(--shadow);
  }
  body[data-page="home"] .site-nav.is-open{
    display:block;
  }
  body[data-page="home"] .site-nav__panel{
    flex-direction:column;
    align-items:stretch;
  }
  body[data-page="home"] .site-nav__link,
  body[data-page="home"] .site-nav__link--button{
    width:100%;
    justify-content:space-between;
    border-radius:14px;
  }
  body[data-page="home"] .site-nav__submenu{
    position:static;
    opacity:1;
    visibility:visible;
    transform:none;
    box-shadow:none;
    background:#f8fafc;
    margin:4px 0 8px;
    display:none;
  }
  body[data-page="home"] .site-nav__group.is-open .site-nav__submenu{
    display:grid;
  }
}
@media (max-width:640px){
  body[data-page="home"] .safety-bar__inner{
    align-items:flex-start;
    flex-direction:column;
    padding:8px 0;
  }
  body[data-page="home"] .hero-section{
    padding:52px 0 28px;
  }
  body[data-page="home"] .hero-section__grid{
    gap:28px;
  }
  body[data-page="home"] .hero-copy__lead{
    font-size:16px;
  }
  body[data-page="home"] .hero-visual__panel{
    padding:16px;
    border-radius:28px;
  }
  body[data-page="home"] .hero-visual__frame{
    min-height:240px;
  }
  body[data-page="home"] .hero-scene-image{
    width:100%;
  }
  body[data-page="home"] .hero-visual__badge{
    position:static;
    margin-bottom:10px;
  }
  body[data-page="home"] .trust-strip__grid,
  body[data-page="home"] .product-grid,
  body[data-page="home"] .recommend-grid,
  body[data-page="home"] .wallet-grid,
  body[data-page="home"] .verification-grid,
  body[data-page="home"] .stats-grid{
    grid-template-columns:1fr;
  }
  body[data-page="home"] .page-section{
    padding:54px 0;
  }
  body[data-page="home"] .product-card__image,
  body[data-page="home"] .recommend-card__media{
    height:210px;
  }
  body[data-page="home"] .contact-panel__actions{
    flex-direction:column;
  }
  body[data-page="home"] .contact-panel__actions .button{
    width:100%;
  }
  body[data-page="home"] .header-cta{
    display:none;
  }
}

@media (max-width:1100px){
  .brand-story-home__layout{
    grid-template-columns:1fr;
  }
  .brand-story-about__overview,
  .brand-story-about__chapters{
    grid-template-columns:1fr;
  }
  .brand-story-about__chapter--wide{
    grid-column:auto;
  }
}

@media (max-width:640px){
  .brand-story-about{
    padding-top:4px;
  }
  .brand-story-about__chapter,
  .brand-story-home__article,
  .brand-story-home__card{
    padding:22px 18px;
    border-radius:24px;
  }
  .brand-story-about__chapter h3,
  .brand-story-home__article h3{
    font-size:23px;
    margin-bottom:12px;
  }
  .brand-story-about__chapter p,
  .brand-story-home__article p{
    font-size:15px;
    line-height:1.9;
  }
  .brand-story-about__actions{
    flex-direction:column;
  }
}

/* landing-home standalone homepage */
body[data-page="landing-home"]{
  background:
    radial-gradient(circle at 18% 14%, rgba(198,154,74,.09), transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#f8f9fb 100%);
  overflow-x:hidden;
}
body[data-page="landing-home"]::before{
  display:none;
}
body[data-page="landing-home"] .skip-link:focus{
  left:20px;
  top:20px;
}
.landing-home{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
.landing-stage{
  flex:1;
  width:min(100%,1920px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(300px,.32fr) minmax(0,.68fr);
  align-items:center;
  gap:clamp(40px,5vw,84px);
  padding:clamp(42px,5vw,86px) clamp(24px,3vw,48px) 0;
}
.landing-copy{
  max-width:340px;
  margin-left:clamp(24px,8vw,120px);
  align-self:center;
}
.landing-kicker{
  display:inline-block;
  margin-bottom:18px;
  color:#1f2937;
  font-size:14px;
  font-weight:700;
  letter-spacing:.01em;
}
.landing-copy h1{
  margin:0;
  color:#101828;
  font-size:clamp(56px,5vw,88px);
  line-height:.98;
  letter-spacing:-.065em;
}
.landing-compatibility{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin:20px 0 28px;
  color:#7d8794;
  font-size:14px;
  font-weight:600;
}
.landing-compatibility-label{
  color:#475467;
}
.landing-compatibility-item{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#98a2b3;
}
.landing-compatibility-item img{
  width:18px;
  height:18px;
  object-fit:contain;
}
.landing-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.landing-actions .btn{
  min-width:120px;
  min-height:44px;
  padding-inline:22px;
}
.landing-visual{
  position:relative;
  min-height:760px;
}
.landing-scene{
  position:relative;
  height:100%;
  min-height:760px;
}
.landing-cable{
  position:absolute;
  top:0;
  left:49%;
  width:2px;
  height:132px;
  background:linear-gradient(180deg,rgba(15,23,42,.48),rgba(15,23,42,.06));
}
.landing-connect-copy{
  position:absolute;
  top:28px;
  right:5%;
  z-index:6;
  text-align:left;
}
.landing-connect-copy p{
  margin:0 0 18px;
  color:#344054;
  font-size:clamp(38px,2.9vw,60px);
  font-weight:700;
  letter-spacing:-.05em;
  white-space:nowrap;
}
.landing-connect-row{
  display:flex;
  align-items:center;
  gap:16px;
}
.landing-connect-chip{
  width:76px;
  height:76px;
  border-radius:24px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#eef1f7 0%,#d9dfec 100%);
  box-shadow:0 18px 38px rgba(15,23,42,.06);
}
.landing-connect-chip img{
  width:42px;
  height:42px;
  object-fit:contain;
}
.landing-connect-line{
  position:relative;
  width:84px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#98a2b3,#c4cad4);
}
.landing-connect-line::after{
  content:"";
  position:absolute;
  right:-1px;
  top:50%;
  width:10px;
  height:10px;
  border-top:2px solid #98a2b3;
  border-right:2px solid #98a2b3;
  transform:translateY(-50%) rotate(45deg);
}
.landing-connect-wallets{
  display:flex;
  gap:12px;
}
.landing-browser-chip{
  width:82px;
  height:82px;
  border-radius:26px;
  display:grid;
  place-items:center;
  background:#eef2fb;
  box-shadow:0 18px 38px rgba(15,23,42,.06);
}
.landing-browser-chip--chrome span{
  width:42px;
  height:42px;
  border-radius:50%;
  background:
    radial-gradient(circle at center,#2563eb 0 30%,#fff 31% 36%,transparent 37%),
    conic-gradient(#ea4335 0 25%,#fbbc04 25% 50%,#34a853 50% 75%,#4285f4 75% 100%);
}
.landing-browser-chip--rabby img{
  width:44px;
  height:44px;
  object-fit:contain;
}
.landing-laptop{
  position:absolute;
  right:-6%;
  bottom:0;
  width:min(86%,1120px);
}
.landing-laptop-screen{
  height:min(46vw,620px);
  min-height:380px;
  border-radius:36px 36px 20px 20px;
  background:linear-gradient(180deg,#f3f5f9 0%,#ffffff 100%);
  border:1px solid #e4e7ec;
  overflow:hidden;
  box-shadow:0 30px 60px rgba(15,23,42,.08);
}
.landing-laptop-view{
  position:relative;
  height:100%;
  background:
    linear-gradient(90deg,rgba(15,23,42,.028) 1px,transparent 1px),
    linear-gradient(rgba(15,23,42,.028) 1px,transparent 1px),
    linear-gradient(180deg,#ffffff 0%,#f6f8fb 100%);
  background-size:160px 160px,160px 160px,auto;
}
.landing-laptop-orb{
  position:absolute;
  left:16%;
  bottom:18%;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(173,202,238,.42),transparent 72%);
}
.landing-laptop-strip{
  position:absolute;
  right:18%;
  top:24%;
  width:180px;
  height:14px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(160,170,184,.4),rgba(229,231,235,.88));
}
.landing-laptop-base{
  position:relative;
  width:112%;
  height:min(12vw,150px);
  min-height:90px;
  margin-left:-6%;
  background:linear-gradient(180deg,#dee4eb 0%,#c7d0da 42%,#eef2f6 100%);
  border-radius:0 0 42px 42px;
  box-shadow:0 18px 36px rgba(15,23,42,.08);
  overflow:hidden;
}
.landing-laptop-base::before{
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  top:18px;
  height:48%;
  border-radius:18px;
  background:
    repeating-linear-gradient(90deg,rgba(15,23,42,.16) 0 16px,transparent 16px 22px),
    repeating-linear-gradient(rgba(15,23,42,.12) 0 10px,transparent 10px 15px);
  opacity:.36;
}
.landing-laptop-base span{
  position:absolute;
  left:50%;
  top:10px;
  transform:translateX(-50%);
  width:160px;
  height:12px;
  border-radius:999px;
  background:rgba(255,255,255,.7);
}
.landing-phone{
  position:absolute;
  left:34%;
  bottom:96px;
  width:min(33%,340px);
  aspect-ratio:1 / 2.05;
  padding:14px;
  border-radius:48px;
  background:linear-gradient(180deg,#2a303b 0%,#151b28 100%);
  box-shadow:0 34px 70px rgba(15,23,42,.16);
  z-index:3;
  animation:landingPhoneFloat 6.2s ease-in-out infinite;
}
.landing-phone-notch{
  position:absolute;
  top:12px;
  left:50%;
  width:98px;
  height:20px;
  transform:translateX(-50%);
  border-radius:999px;
  background:#111827;
}
.landing-phone-screen{
  height:100%;
  border-radius:34px;
  overflow:hidden;
  background:linear-gradient(180deg,#f7f9fb 0%,#ffffff 100%);
}
.landing-wallet-top{
  padding:34px 22px 18px;
  background:linear-gradient(180deg,#2791f9 0%,#3372f2 100%);
  color:#fff;
}
.landing-wallet-top small{
  display:block;
  font-size:14px;
  opacity:.84;
}
.landing-wallet-top strong{
  display:block;
  margin-top:12px;
  font-size:clamp(32px,2.6vw,54px);
  letter-spacing:-.05em;
  line-height:1;
}
.landing-wallet-top span{
  display:block;
  margin-top:10px;
  font-size:16px;
  opacity:.9;
}
.landing-wallet-pills{
  display:flex;
  gap:10px;
  padding:14px 18px 8px;
}
.landing-wallet-pills span{
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#e9f0ff;
  color:#74a4ff;
  font-size:12px;
  font-weight:700;
}
.landing-wallet-rows{
  display:grid;
  gap:12px;
  padding:10px 18px 20px;
}
.landing-wallet-rows article{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:16px 18px;
  border-radius:22px;
  background:#fff;
  border:1px solid #edf1f5;
  box-shadow:0 12px 24px rgba(15,23,42,.04);
}
.landing-wallet-rows b{
  color:#1d2939;
  font-size:18px;
}
.landing-wallet-rows span{
  color:#98a2b3;
  font-size:15px;
}
.landing-device{
  position:absolute;
  left:18%;
  bottom:160px;
  width:min(39%,420px);
  object-fit:contain;
  filter:drop-shadow(0 26px 38px rgba(15,23,42,.16));
  z-index:4;
  animation:landingDeviceFloat 5.8s ease-in-out infinite;
}
.landing-trust{
  background:#0d111b;
  padding:24px clamp(20px,3vw,42px) 28px;
}
.landing-trust-grid{
  width:min(100%,1180px);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
.landing-trust-item{
  display:flex;
  align-items:flex-start;
  gap:14px;
  color:#fff;
}
.landing-trust-icon{
  flex:0 0 44px;
  width:44px;
  height:44px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  color:#101828;
  font-size:16px;
  font-weight:800;
}
.landing-trust-item strong{
  display:block;
  margin-top:2px;
  color:#fff;
  font-size:20px;
  line-height:1.28;
}
.landing-trust-item p{
  margin:6px 0 0;
  color:#c9ced8;
  font-size:14px;
  line-height:1.65;
}
@keyframes landingPhoneFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@keyframes landingDeviceFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}
@media (max-width:1180px){
  .landing-stage{
    grid-template-columns:minmax(280px,.34fr) minmax(0,.66fr);
    gap:32px;
  }
  .landing-copy{
    margin-left:clamp(18px,4vw,52px);
  }
  .landing-copy h1{
    font-size:clamp(46px,5vw,70px);
  }
  .landing-visual,
  .landing-scene{
    min-height:640px;
  }
  .landing-laptop{
    right:-8%;
    width:min(90%,940px);
  }
  .landing-phone{
    left:32%;
    bottom:82px;
    width:min(34%,292px);
  }
  .landing-device{
    left:14%;
    bottom:136px;
    width:min(40%,350px);
  }
}
@media (max-width:920px){
  .landing-stage{
    grid-template-columns:1fr;
    gap:28px;
    padding-top:34px;
  }
  .landing-copy{
    max-width:420px;
    margin-left:0;
    padding-inline:8px;
  }
  .landing-copy h1{
    font-size:clamp(42px,10vw,64px);
  }
  .landing-visual,
  .landing-scene{
    min-height:520px;
  }
  .landing-connect-copy{
    top:10px;
    right:4%;
  }
  .landing-connect-copy p{
    font-size:32px;
  }
  .landing-connect-chip,
  .landing-browser-chip{
    width:58px;
    height:58px;
    border-radius:18px;
  }
  .landing-connect-chip img,
  .landing-browser-chip--rabby img{
    width:30px;
    height:30px;
  }
  .landing-browser-chip--chrome span{
    width:28px;
    height:28px;
  }
  .landing-connect-line{
    width:58px;
  }
  .landing-laptop{
    right:-4%;
    width:92%;
  }
  .landing-laptop-screen{
    min-height:300px;
    height:48vw;
  }
  .landing-phone{
    left:34%;
    bottom:76px;
    width:min(36%,240px);
  }
  .landing-device{
    left:14%;
    bottom:114px;
    width:min(40%,300px);
  }
  .landing-trust-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px 24px;
  }
}
@media (max-width:640px){
  .landing-stage{
    padding:24px 16px 0;
  }
  .landing-copy{
    max-width:none;
    padding-inline:0;
  }
  .landing-kicker{
    margin-bottom:12px;
    font-size:13px;
  }
  .landing-copy h1{
    font-size:clamp(34px,12vw,50px);
    line-height:1.02;
  }
  .landing-compatibility{
    gap:8px 10px;
    margin:16px 0 22px;
    font-size:12px;
  }
  .landing-compatibility-item img{
    width:16px;
    height:16px;
  }
  .landing-actions{
    width:100%;
    flex-direction:column;
  }
  .landing-actions .btn{
    width:100%;
    min-height:48px;
  }
  .landing-visual,
  .landing-scene{
    min-height:360px;
  }
  .landing-cable{
    left:57%;
    height:72px;
  }
  .landing-connect-copy{
    top:4px;
    right:6px;
  }
  .landing-connect-copy p{
    margin-bottom:10px;
    font-size:24px;
  }
  .landing-connect-row{
    gap:8px;
  }
  .landing-connect-chip,
  .landing-browser-chip{
    width:40px;
    height:40px;
    border-radius:14px;
  }
  .landing-connect-chip img,
  .landing-browser-chip--rabby img{
    width:20px;
    height:20px;
  }
  .landing-browser-chip--chrome span{
    width:20px;
    height:20px;
  }
  .landing-connect-line{
    width:34px;
  }
  .landing-laptop{
    right:-8%;
    width:96%;
  }
  .landing-laptop-screen{
    min-height:190px;
    height:50vw;
    border-radius:24px 24px 12px 12px;
  }
  .landing-laptop-orb{
    width:110px;
    height:110px;
    left:12%;
    bottom:18%;
  }
  .landing-laptop-strip{
    width:92px;
    height:8px;
  }
  .landing-laptop-base{
    min-height:44px;
    height:12vw;
    border-radius:0 0 26px 26px;
  }
  .landing-laptop-base::before{
    top:10px;
    border-radius:10px;
  }
  .landing-laptop-base span{
    top:4px;
    width:74px;
    height:5px;
  }
  .landing-phone{
    left:36%;
    bottom:42px;
    width:min(37%,148px);
    padding:8px;
    border-radius:28px;
  }
  .landing-phone-notch{
    top:8px;
    width:66px;
    height:14px;
  }
  .landing-phone-screen{
    border-radius:20px;
  }
  .landing-wallet-top{
    padding:24px 12px 10px;
  }
  .landing-wallet-top small{
    font-size:10px;
  }
  .landing-wallet-top strong{
    font-size:20px;
  }
  .landing-wallet-top span{
    font-size:10px;
    margin-top:6px;
  }
  .landing-wallet-pills{
    gap:6px;
    padding:8px 10px 6px;
  }
  .landing-wallet-pills span{
    min-height:22px;
    padding:0 8px;
    font-size:10px;
  }
  .landing-wallet-rows{
    gap:8px;
    padding:6px 10px 12px;
  }
  .landing-wallet-rows article{
    padding:10px 10px;
    border-radius:14px;
  }
  .landing-wallet-rows b,
  .landing-wallet-rows span{
    font-size:11px;
  }
  .landing-device{
    left:6%;
    bottom:56px;
    width:min(42%,178px);
  }
  .landing-trust{
    padding:18px 16px 22px;
  }
  .landing-trust-grid{
    grid-template-columns:1fr;
    gap:16px;
  }
  .landing-trust-item strong{
    font-size:17px;
  }
  .landing-trust-item p{
    font-size:12px;
  }
}
@media (prefers-reduced-motion:reduce){
  .landing-phone,
  .landing-device{
    animation:none;
  }
}

body.imkey-pro-detail-v2{
  background:#fff;
  color:#141821;
}
body.imkey-pro-detail-v2 [data-reveal]{
  opacity:1;
  transform:none;
}
body.imkey-pro-detail-v2 main{
  overflow:hidden;
}
.pro-v2-hero{
  padding:72px 0 56px;
  background:#fff;
}
.pro-v2-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:clamp(32px,5vw,72px);
  align-items:center;
}
.pro-v2-gallery{
  display:grid;
  gap:24px;
}
.pro-v2-gallery__stage{
  border-radius:30px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  box-shadow:0 28px 60px rgba(15,23,42,.08);
  min-height:430px;
  display:grid;
  place-items:center;
  padding:36px;
}
.pro-v2-gallery__stage img{
  width:min(100%,480px);
  max-height:320px;
  object-fit:contain;
}
.pro-v2-gallery__thumbs{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.pro-v2-gallery__thumb{
  width:78px;
  height:78px;
  border:1px solid rgba(15,23,42,.1);
  border-radius:18px;
  background:#fff;
  display:grid;
  place-items:center;
  padding:8px;
  cursor:pointer;
  transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.pro-v2-gallery__thumb:hover,
.pro-v2-gallery__thumb.is-active{
  border-color:#c89f56;
  box-shadow:0 16px 28px rgba(20,24,33,.08);
  transform:translateY(-2px);
}
.pro-v2-gallery__thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.pro-v2-summary{
  max-width:520px;
}
.pro-v2-summary__eyebrow{
  margin:0 0 18px;
  color:#6b7280;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.pro-v2-summary h1{
  margin:0;
  font-size:clamp(34px,4.3vw,58px);
  line-height:1.15;
  letter-spacing:-.04em;
  color:#131722;
}
.pro-v2-summary__price{
  margin:20px 0 24px;
  color:#c89f56;
  font-size:clamp(36px,3.8vw,52px);
  line-height:1;
  font-weight:760;
}
.pro-v2-summary__buy{
  width:auto;
  min-width:146px;
  padding-inline:30px;
  margin-bottom:26px;
}
.pro-v2-summary__list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:12px;
}
.pro-v2-summary__list li{
  position:relative;
  padding-left:22px;
  color:#4b5563;
  font-size:15px;
  line-height:1.75;
}
.pro-v2-summary__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.65em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#c89f56;
}
.pro-v2-section-heading{
  max-width:820px;
  margin:0 auto 42px;
  text-align:center;
}
.pro-v2-section-heading--light{
  color:#fff;
}
.pro-v2-section-heading--light h2,
.pro-v2-section-heading--light p{
  color:#fff;
}
.pro-v2-section-heading__eyebrow{
  display:inline-flex;
  margin:0 0 16px;
  color:#c89f56;
  font-size:13px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.pro-v2-section-heading h2{
  margin:0;
  font-size:clamp(30px,3.2vw,48px);
  line-height:1.2;
  letter-spacing:-.035em;
}
.pro-v2-section-heading p{
  margin:16px auto 0;
  max-width:720px;
  color:#667085;
  font-size:16px;
  line-height:1.8;
}
.pro-v2-security{
  position:relative;
  padding:96px 0;
  background:#04070d;
}
.pro-v2-security::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at top center, rgba(49,96,221,.18), transparent 38%),
    url("../images/imkey-official/imkey-pro-detail-v2/bg-circuit.png") center/cover no-repeat;
  opacity:.88;
}
.pro-v2-security::after{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:min(100%,1280px);
  height:140px;
  transform:translateX(-50%);
  background:url("../images/imkey-official/imkey-pro-detail-v2/bg-circuit-strip.png") top center/contain no-repeat;
  opacity:.85;
  pointer-events:none;
}
.pro-v2-section__inner{
  position:relative;
  z-index:1;
}
.pro-v2-security__visual{
  margin:34px auto 38px;
  max-width:1120px;
}
.pro-v2-security__visual img{
  width:100%;
  display:block;
}
.pro-v2-security__highlights{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-bottom:24px;
}
.pro-v2-chip-card{
  padding:22px 24px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(6px);
}
.pro-v2-chip-card h3{
  margin:0 0 10px;
  color:#f8d591;
  font-size:17px;
  line-height:1.35;
}
.pro-v2-chip-card p{
  margin:0;
  color:rgba(255,255,255,.7);
  font-size:14px;
  line-height:1.7;
}
.pro-v2-security__feature-panels{
  display:grid;
  gap:18px;
}
.pro-v2-security__panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  align-items:center;
  gap:20px;
  padding:28px 32px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.05);
}
.pro-v2-security__panel--reverse{
  grid-template-columns:280px minmax(0,1fr);
}
.pro-v2-security__panel--reverse .pro-v2-security__panel-copy{
  padding-left:18px;
}
.pro-v2-security__panel-copy h3{
  margin:0 0 10px;
  color:#fff;
  font-size:28px;
  line-height:1.2;
  letter-spacing:-.03em;
}
.pro-v2-security__panel-copy p{
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:15px;
  line-height:1.8;
}
.pro-v2-security__panel-media{
  position:relative;
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  overflow:hidden;
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.pro-v2-security__panel-media::before{
  content:none;
}
.pro-v2-security__panel-image{
  position:relative;
  z-index:1;
  width:100%;
  max-width:280px;
  max-height:178px;
  object-fit:contain;
  filter:drop-shadow(0 20px 28px rgba(15,23,42,.18));
}
.pro-v2-security__panel-image--front{
  max-width:298px;
  max-height:184px;
}
.pro-v2-security__panel-image--side{
  max-width:310px;
  max-height:186px;
  transform:translateX(-8px) scale(1.14);
  transform-origin:center;
}
.pro-v2-scenes{
  padding:92px 0;
  background:#fff;
}
.pro-v2-scenes__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.pro-v2-scene-card{
  margin:0;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.08);
  background:#f7f8fa;
}
.pro-v2-scene-card img{
  width:100%;
  display:block;
  aspect-ratio:1.55 / 1;
  object-fit:cover;
}
.pro-v2-scene-card figcaption{
  padding:16px 20px 20px;
  color:#4b5563;
  font-size:14px;
  line-height:1.7;
}
.pro-v2-metrics{
  padding:34px 0;
  background:#06080d;
}
.pro-v2-metrics__grid{
  display:grid;
  grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(0,.4fr));
  align-items:center;
  gap:24px;
}
.pro-v2-metrics__lead{
  margin:0;
  color:#fff;
  font-size:22px;
  line-height:1.4;
  font-weight:650;
}
.pro-v2-metric strong{
  display:block;
  color:#d9a94d;
  font-size:clamp(38px,4vw,54px);
  line-height:1;
  font-weight:760;
}
.pro-v2-metric span{
  display:block;
  margin-top:8px;
  color:rgba(255,255,255,.72);
  font-size:14px;
  line-height:1.6;
}
.pro-v2-trust{
  position:relative;
  padding:92px 0;
  background:#fff;
}
.pro-v2-trust::after{
  content:"";
  position:absolute;
  right:max(20px,calc((100vw - 1200px) / 2));
  top:48px;
  width:min(300px,36vw);
  aspect-ratio:1 / 1;
  background:url("../images/imkey-official/imkey-pro-detail-v2/bg-dots-globe.png") center/contain no-repeat;
  opacity:.12;
  pointer-events:none;
}
.pro-v2-trust__inner{
  position:relative;
  z-index:1;
}
.pro-v2-trust__stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin:0 0 34px;
}
.pro-v2-trust__stats article{
  padding:24px 18px;
  border-radius:20px;
  background:#fafafa;
  border:1px solid rgba(15,23,42,.06);
  text-align:center;
}
.pro-v2-trust__stats strong{
  display:block;
  color:#111827;
  font-size:22px;
  line-height:1.2;
}
.pro-v2-trust__stats span{
  display:block;
  margin-top:8px;
  color:#667085;
  font-size:14px;
  line-height:1.6;
}
.pro-v2-trust__logos{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  align-items:center;
}
.pro-v2-trust__logos img{
  width:100%;
  max-width:160px;
  margin:0 auto;
  display:block;
  opacity:.85;
}
.pro-v2-wallets{
  padding:92px 0;
  background:#fff;
}
.pro-v2-wallets__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.pro-v2-wallet-card{
  padding:22px 22px 24px;
  border-radius:22px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  box-shadow:0 16px 40px rgba(15,23,42,.05);
}
.pro-v2-wallet-card__media{
  aspect-ratio:1.35 / 1;
  border-radius:18px;
  background:#f7f8fa;
  display:grid;
  place-items:center;
  padding:18px;
  margin-bottom:18px;
}
.pro-v2-wallet-card__media img{
  width:100%;
  max-width:230px;
  max-height:160px;
  object-fit:contain;
}
.pro-v2-wallet-card h3{
  margin:0 0 10px;
  color:#101828;
  font-size:24px;
  line-height:1.2;
  letter-spacing:-.03em;
}
.pro-v2-wallet-card p{
  margin:0;
  color:#667085;
  font-size:14px;
  line-height:1.8;
}
.pro-v2-safety{
  padding:92px 0;
  background:#080b12;
}
.pro-v2-safety__frame{
  position:relative;
  border-radius:28px;
  overflow:hidden;
  min-height:520px;
  background:#10131c;
  box-shadow:0 28px 60px rgba(0,0,0,.28);
}
.pro-v2-safety__photo{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.pro-v2-safety__tag{
  position:absolute;
  width:min(240px,26vw);
  min-width:160px;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.28));
}
.pro-v2-safety__tag--shell{
  left:24px;
  top:28px;
}
.pro-v2-safety__tag--buttons{
  left:24px;
  bottom:110px;
}
.pro-v2-safety__tag--screen{
  left:24px;
  bottom:28px;
}
.pro-v2-guards{
  padding:92px 0;
  background:#fff;
}
.pro-v2-guards__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.pro-v2-guard-card{
  padding:26px 24px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 36px rgba(15,23,42,.05);
}
.pro-v2-guard-card img{
  width:42px;
  height:42px;
  object-fit:contain;
}
.pro-v2-guard-card h3{
  margin:18px 0 10px;
  color:#101828;
  font-size:24px;
  line-height:1.2;
}
.pro-v2-guard-card p{
  margin:0;
  color:#667085;
  font-size:14px;
  line-height:1.8;
}
.pro-v2-specs{
  padding:92px 0;
  background:#fbfbfc;
}
.pro-v2-specs__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.pro-v2-spec-card{
  padding:24px 20px;
  border-radius:22px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  text-align:center;
}
.pro-v2-spec-card img{
  width:100%;
  max-width:180px;
  height:160px;
  object-fit:contain;
  display:block;
  margin:0 auto 16px;
}
.pro-v2-spec-card h3{
  margin:0 0 10px;
  color:#101828;
  font-size:18px;
  line-height:1.35;
}
.pro-v2-spec-card p{
  margin:0;
  color:#667085;
  font-size:14px;
  line-height:1.7;
}
.pro-v2-recommend{
  padding:92px 0 110px;
  background:#fff;
}
.pro-v2-recommend__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.pro-v2-recommend-card{
  display:block;
  padding:24px 22px 26px;
  border-radius:22px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  box-shadow:0 18px 36px rgba(15,23,42,.05);
  color:inherit;
  text-decoration:none;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.pro-v2-recommend-card:hover{
  transform:translateY(-4px);
  border-color:rgba(200,159,86,.45);
  box-shadow:0 26px 48px rgba(15,23,42,.08);
}
.pro-v2-recommend-card__media{
  aspect-ratio:1.25 / 1;
  border-radius:18px;
  background:#f7f8fa;
  display:grid;
  place-items:center;
  padding:18px;
  margin-bottom:18px;
}
.pro-v2-recommend-card__media img{
  width:100%;
  max-width:250px;
  max-height:190px;
  object-fit:contain;
}
.pro-v2-recommend-card h3{
  margin:0 0 8px;
  color:#101828;
  font-size:24px;
  line-height:1.2;
  letter-spacing:-.03em;
}
.pro-v2-recommend-card__price{
  margin:0 0 10px;
  color:#c89f56;
  font-size:30px;
  line-height:1;
  font-weight:760;
}
.pro-v2-recommend-card p:last-child{
  margin:0;
  color:#667085;
  font-size:14px;
  line-height:1.8;
}
@media (max-width:1100px){
  .pro-v2-hero__grid,
  .pro-v2-security__highlights,
  .pro-v2-trust__stats,
  .pro-v2-wallets__grid,
  .pro-v2-specs__grid,
  .pro-v2-recommend__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .pro-v2-security__panel,
  .pro-v2-security__panel--reverse{
    grid-template-columns:minmax(0,1fr);
  }
  .pro-v2-security__panel--reverse .pro-v2-security__panel-copy{
    padding-left:0;
  }
  .pro-v2-security__panel-media{
    min-height:200px;
  }
  .pro-v2-metrics__grid{
    grid-template-columns:1fr;
  }
  .pro-v2-trust__logos{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:820px){
  .pro-v2-hero{
    padding-top:56px;
  }
  .pro-v2-hero__grid,
  .pro-v2-scenes__grid,
  .pro-v2-security__highlights,
  .pro-v2-guards__grid,
  .pro-v2-wallets__grid,
  .pro-v2-specs__grid,
  .pro-v2-recommend__grid,
  .pro-v2-trust__stats{
    grid-template-columns:1fr;
  }
  .pro-v2-gallery__stage{
    min-height:340px;
    padding:24px;
  }
  .pro-v2-gallery__stage img{
    max-height:250px;
  }
  .pro-v2-summary{
    max-width:none;
  }
  .pro-v2-trust__logos{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .pro-v2-safety__frame{
    min-height:360px;
  }
  .pro-v2-safety__tag{
    width:min(180px,42vw);
    min-width:128px;
  }
  .pro-v2-safety__tag--buttons{
    bottom:86px;
  }
}
@media (max-width:640px){
  .pro-v2-hero,
  .pro-v2-security,
  .pro-v2-scenes,
  .pro-v2-trust,
  .pro-v2-wallets,
  .pro-v2-safety,
  .pro-v2-guards,
  .pro-v2-specs,
  .pro-v2-recommend{
    padding:68px 0;
  }
  .pro-v2-gallery__thumb{
    width:64px;
    height:64px;
    border-radius:15px;
  }
  .pro-v2-summary__buy{
    width:100%;
  }
  .pro-v2-security__panel{
    padding:22px;
  }
  .pro-v2-security__panel-media{
    min-height:180px;
    padding:0;
    border-radius:0;
  }
  .pro-v2-security__panel-image{
    max-width:240px;
    max-height:146px;
  }
  .pro-v2-security__panel-image--front{
    max-width:250px;
    max-height:154px;
  }
  .pro-v2-security__panel-image--side{
    max-width:248px;
    max-height:152px;
    transform:translateX(-4px) scale(1.08);
  }
  .pro-v2-security__panel-copy h3,
  .pro-v2-wallet-card h3,
  .pro-v2-guard-card h3,
  .pro-v2-recommend-card h3{
    font-size:22px;
  }
  .pro-v2-metrics{
    padding:28px 0;
  }
  .pro-v2-metrics__lead{
    font-size:19px;
  }
  .pro-v2-trust__logos{
    grid-template-columns:1fr;
  }
  .pro-v2-safety__frame{
    min-height:280px;
  }
  .pro-v2-safety__tag{
    left:14px;
    width:min(138px,38vw);
    min-width:98px;
  }
  .pro-v2-safety__tag--shell{
    top:14px;
  }
  .pro-v2-safety__tag--buttons{
    bottom:64px;
  }
  .pro-v2-safety__tag--screen{
    bottom:14px;
  }
}

/* v12 service support pages product-catalog redesign */
body[data-page="guide"],
body[data-page="support"],
body[data-page="faq"]{
  background:
    radial-gradient(circle at 10% 8%, rgba(244,215,138,.18), transparent 22%),
    radial-gradient(circle at 88% 10%, rgba(24,85,134,.10), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#fbfbfc 24%,#f4f7fa 58%,#ffffff 100%);
}
body[data-page="guide"] .topbar,
body[data-page="support"] .topbar,
body[data-page="faq"] .topbar{
  background:linear-gradient(90deg,#fafbfc,#fffdf7,#fafbfc);
}
body[data-page="guide"] .site-header,
body[data-page="support"] .site-header,
body[data-page="faq"] .site-header{
  background:rgba(255,255,255,.84);
  border-bottom:1px solid rgba(228,232,237,.86);
}
body[data-page="guide"] .site-header.is-scrolled,
body[data-page="support"] .site-header.is-scrolled,
body[data-page="faq"] .site-header.is-scrolled{
  background:rgba(255,255,255,.94);
  box-shadow:0 20px 46px rgba(15,23,42,.06);
}
.service-catalog-hero{
  padding:92px 0 36px;
  background:transparent;
}
.service-catalog-hero .container{
  width:min(100% - 40px,1320px);
}
.service-catalog-hero__grid{
  display:grid;
  grid-template-columns:minmax(320px,.94fr) minmax(420px,1.06fr);
  gap:56px;
  align-items:center;
}
.service-catalog-hero__copy{
  max-width:720px;
}
.service-catalog-hero__copy h1{
  margin:20px 0 0;
  font-size:clamp(46px,4.9vw,76px);
  line-height:1.04;
  letter-spacing:-.05em;
  color:#0f172a;
  font-weight:760;
}
.service-catalog-hero__lead{
  margin:26px 0 0;
  color:#475467;
  font-size:18px;
  line-height:1.95;
}
.service-catalog-hero__tags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:32px;
}
.service-catalog-hero__tags span,
.service-catalog-hero__support span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid #dbe2ea;
  background:rgba(255,255,255,.82);
  color:#475467;
  font-size:15px;
  font-weight:720;
  box-shadow:0 10px 24px rgba(15,23,42,.04);
}
.service-catalog-hero__list{
  margin:30px 0 0;
  padding-left:26px;
  color:#475467;
  font-size:17px;
  line-height:1.95;
}
.service-catalog-hero__list li + li{
  margin-top:12px;
}
.service-catalog-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:34px;
}
.service-catalog-hero__metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:32px;
}
.service-metric{
  padding:18px;
  border:1px solid #e7ebef;
  border-radius:22px;
  background:rgba(255,255,255,.9);
  box-shadow:0 12px 28px rgba(15,23,42,.04);
}
.service-metric b{
  display:block;
  color:#101828;
  font-size:30px;
  line-height:1;
  letter-spacing:-.04em;
}
.service-metric span{
  display:block;
  margin-top:8px;
  color:#667085;
  font-size:14px;
  font-weight:650;
}
.service-catalog-hero__visual{
  position:relative;
  min-height:560px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:22px;
}
.service-catalog-hero__accent{
  position:absolute;
  z-index:1;
  width:138px;
  height:138px;
  object-fit:contain;
  pointer-events:none;
}
.service-catalog-hero__accent--top{
  top:34px;
  left:4%;
}
.service-catalog-hero__accent--bottom{
  right:2%;
  bottom:16px;
}
.service-catalog-hero__art{
  position:relative;
  z-index:2;
  display:block;
  width:min(100%,680px);
  object-fit:contain;
  filter:drop-shadow(0 28px 42px rgba(15,23,42,.10));
}
.service-catalog-hero__art--guide{
  width:min(100%,720px);
}
.service-catalog-hero__art--support{
  width:min(100%,640px);
}
.service-catalog-hero__art--faq{
  width:min(100%,520px);
}
.service-catalog-hero__support{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  max-width:680px;
}
.service-catalog-hero__note{
  position:relative;
  z-index:2;
  width:min(100%,560px);
}
.service-catalog-hero__note h3{
  margin:0 0 14px;
  color:#101828;
  font-size:clamp(26px,2.2vw,38px);
  line-height:1.18;
  letter-spacing:-.04em;
}
.service-catalog-hero__note .verification-checklist{
  margin:0;
  padding-left:24px;
  color:#475467;
  font-size:16px;
  line-height:1.85;
}
.service-catalog-hero__note .verification-checklist li + li{
  margin-top:10px;
}
.service-catalog-shell{
  padding:24px 0 88px;
  background:#fff;
}
.service-catalog-shell .container{
  display:grid;
  gap:56px;
}
.service-catalog-shell .catalog-group{
  display:grid;
  gap:28px;
}
.service-catalog-shell .catalog-group__header{
  text-align:center;
}
.service-catalog-shell .catalog-group__eyebrow{
  margin:0 0 12px;
  color:#8c8f96;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.service-catalog-shell .catalog-group__title{
  margin:0;
  color:#1f2937;
  font-size:clamp(34px,3.6vw,52px);
  line-height:1.12;
  letter-spacing:-.04em;
  font-weight:760;
}
.service-group-desc{
  max-width:760px;
  margin:14px auto 0;
  color:#667085;
  font-size:16px;
  line-height:1.9;
}
.service-catalog-shell .catalog-wide-card{
  display:grid;
  grid-template-columns:minmax(280px,.88fr) minmax(320px,1.12fr);
  gap:34px;
  align-items:center;
  padding:38px 42px;
  border-radius:32px;
  border:1px solid #eceff3;
  background:#f8f8f6;
  box-shadow:0 18px 44px rgba(15,23,42,.04);
}
.service-catalog-shell .catalog-wide-card--reverse{
  grid-template-columns:minmax(320px,1.02fr) minmax(280px,.98fr);
}
.service-catalog-shell .catalog-wide-card--reverse .catalog-wide-card__media{
  order:2;
}
.service-catalog-shell .catalog-wide-card--reverse .catalog-wide-card__content{
  order:1;
}
.service-wide-card__media{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:0;
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.service-wide-card__media img{
  display:block;
  width:min(100%,560px);
  max-height:none;
  object-fit:contain;
}
.service-catalog-shell .catalog-wide-card--guide{
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
  align-items:start;
  padding:34px 36px;
}
.service-wide-card__media--guide{
  display:grid;
  gap:18px;
  align-content:start;
  justify-items:stretch;
}
.service-wide-card__media--guide img{
  width:100%;
  max-width:100%;
  border-radius:26px;
  box-shadow:0 18px 38px rgba(15,23,42,.08);
  background:#eef2f7;
}
.service-guide-note{
  display:grid;
  gap:12px;
  padding:20px 22px;
  border:1px solid #e7ecf2;
  border-radius:24px;
  background:linear-gradient(180deg,#ffffff 0%,#fafbfd 100%);
  box-shadow:0 12px 28px rgba(15,23,42,.04);
}
.service-guide-note__eyebrow{
  margin:0;
  color:#b7862f;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.service-guide-note__list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.service-guide-note__list li{
  position:relative;
  padding-left:18px;
  color:#475467;
  font-size:15px;
  line-height:1.8;
}
.service-guide-note__list li::before{
  content:"";
  position:absolute;
  top:.82em;
  left:0;
  width:8px;
  height:8px;
  border-radius:999px;
  background:#d5b06d;
  transform:translateY(-50%);
}
.service-catalog-shell .catalog-wide-card__content{
  display:grid;
  gap:18px;
}
.service-card-grid{
  display:grid;
  gap:16px;
}
.service-card-grid--three{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.service-card-grid--two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.service-card-grid .card{
  min-height:100%;
}
body[data-page="support"] .service-catalog-shell .triage-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.service-bottom-grid{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
  gap:22px;
  align-items:stretch;
}
.service-faq-shell{
  min-height:100%;
  padding:18px;
  border:1px solid #e7ebef;
  border-radius:28px;
  background:#fff;
  box-shadow:0 14px 34px rgba(15,23,42,.04);
}
.service-alert-stack{
  display:grid;
  gap:16px;
}
.service-faq-shell .faq-list{
  display:grid;
  gap:14px;
}
.faq-feedback-group{
  gap:30px;
}
.faq-feedback-grid{
  gap:18px;
}
.faq-feedback-card{
  position:relative;
  min-height:100%;
  display:grid;
  gap:16px;
  padding:26px;
  border:1px solid #e7ebef;
  border-radius:28px;
  background:
    radial-gradient(circle at top right, rgba(190,210,255,.20), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#fbfcfd 100%);
  box-shadow:0 16px 36px rgba(15,23,42,.05);
  overflow:hidden;
}
.faq-feedback-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,#d3b36a 0%,#98b5d9 100%);
  opacity:.95;
}
.faq-feedback-card__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.faq-feedback-card__tag{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:#f7f8fb;
  border:1px solid #e5eaf0;
  color:#334155;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
}
.faq-feedback-card__scene{
  color:#98a2b3;
  font-size:12px;
  font-weight:700;
}
.faq-feedback-card h3{
  margin:0;
  color:#101828;
  font-size:24px;
  line-height:1.34;
  letter-spacing:-.035em;
}
.faq-feedback-card p{
  margin:0;
  color:#667085;
  font-size:15px;
  line-height:1.9;
}
.service-cta-card{
  min-height:100%;
  display:grid;
  gap:18px;
  padding:28px;
  border:1px solid #e7ebef;
  border-radius:28px;
  background:#fff;
  box-shadow:0 14px 34px rgba(15,23,42,.04);
}
.service-cta-card__art{
  display:block;
  width:min(100%,280px);
  object-fit:contain;
}
.service-cta-card__content,
.service-cta-copy{
  display:grid;
  gap:14px;
  align-content:start;
}
.service-cta-card__content h2,
.service-cta-copy h2{
  margin:0;
  color:#101828;
  font-size:clamp(28px,2vw,38px);
  line-height:1.18;
  letter-spacing:-.04em;
}
.service-cta-card__content p,
.service-cta-copy p{
  margin:0;
  color:#667085;
  font-size:15px;
  line-height:1.9;
}
.service-cta-card .btn{
  width:fit-content;
}
.service-category-nav{
  justify-content:center;
  margin:0;
}
.service-category-nav a{
  min-height:44px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid #dbe2ea;
  background:rgba(255,255,255,.86);
  box-shadow:0 8px 20px rgba(15,23,42,.04);
}
@media (max-width:1100px){
  .service-catalog-hero__grid,
  .service-catalog-shell .catalog-wide-card,
  .service-catalog-shell .catalog-wide-card--reverse,
  .service-bottom-grid{
    grid-template-columns:1fr;
  }
  .service-catalog-shell .catalog-wide-card--reverse .catalog-wide-card__media,
  .service-catalog-shell .catalog-wide-card--reverse .catalog-wide-card__content{
    order:initial;
  }
  .service-catalog-hero__copy{
    max-width:none;
  }
  .service-catalog-hero__visual{
    min-height:auto;
  }
  .service-card-grid--three{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:768px){
  .service-catalog-hero{
    padding:66px 0 24px;
  }
  .service-catalog-hero .container{
    width:min(100% - 28px,100%);
  }
  .service-catalog-hero__grid{
    gap:34px;
  }
  .service-catalog-hero__copy h1{
    font-size:42px;
    line-height:1.08;
  }
  .service-catalog-hero__lead{
    margin-top:18px;
    font-size:16px;
    line-height:1.85;
  }
  .service-catalog-hero__tags{
    margin-top:24px;
  }
  .service-catalog-hero__list{
    margin-top:24px;
    font-size:15px;
    line-height:1.85;
  }
  .service-catalog-hero__actions{
    flex-direction:column;
    align-items:stretch;
    margin-top:28px;
  }
  .service-catalog-hero__actions .btn{
    width:100%;
  }
  .service-catalog-hero__metrics{
    grid-template-columns:1fr;
  }
  .service-catalog-hero__accent{
    width:92px;
    height:92px;
  }
  .service-catalog-hero__accent--top{
    top:10px;
    left:0;
  }
  .service-catalog-hero__accent--bottom{
    right:0;
    bottom:0;
  }
  .service-catalog-shell .catalog-wide-card{
    padding:24px 20px;
    border-radius:26px;
  }
  .service-card-grid--three,
  .service-card-grid--two,
  body[data-page="support"] .service-catalog-shell .triage-grid{
    grid-template-columns:1fr;
  }
  .service-catalog-shell{
    padding-bottom:64px;
  }
  .faq-feedback-card{
    padding:22px;
    border-radius:24px;
  }
  .faq-feedback-card h3{
    font-size:22px;
  }
}
@media (max-width:640px){
  .service-catalog-shell .catalog-group{
    gap:20px;
  }
  .service-catalog-shell .catalog-group__eyebrow{
    font-size:12px;
  }
  .service-catalog-shell .catalog-group__title{
    font-size:30px;
  }
  .service-group-desc{
    font-size:14px;
    line-height:1.8;
  }
  .service-catalog-hero__tags span,
  .service-catalog-hero__support span{
    width:100%;
  }
  .service-faq-shell{
    padding:14px;
  }
  .service-cta-card{
    padding:20px;
  }
  .service-cta-card .btn{
    width:100%;
  }
  .faq-feedback-card__meta{
    align-items:flex-start;
    flex-direction:column;
  }
  .faq-feedback-card h3{
    font-size:20px;
  }
  .faq-feedback-card p{
    font-size:14px;
    line-height:1.82;
  }
}

/* v11 verification page product-catalog redesign */
body[data-page="verification"]{
  background:
    radial-gradient(circle at 10% 8%, rgba(244,215,138,.18), transparent 22%),
    radial-gradient(circle at 88% 10%, rgba(24,85,134,.10), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#fbfbfc 24%,#f4f7fa 58%,#ffffff 100%);
}
body[data-page="verification"] .topbar{
  background:linear-gradient(90deg,#fafbfc,#fffdf7,#fafbfc);
}
body[data-page="verification"] .site-header{
  background:rgba(255,255,255,.84);
  border-bottom:1px solid rgba(228,232,237,.86);
}
body[data-page="verification"] .site-header.is-scrolled{
  background:rgba(255,255,255,.94);
  box-shadow:0 20px 46px rgba(15,23,42,.06);
}
body[data-page="verification"] .verification-catalog-hero{
  padding:92px 0 36px;
  background:transparent;
}
body[data-page="verification"] .verification-catalog-hero__grid{
  display:grid;
  grid-template-columns:minmax(320px,.94fr) minmax(420px,1.06fr);
  gap:56px;
  align-items:center;
}
body[data-page="verification"] .verification-catalog-hero__copy{
  max-width:720px;
}
body[data-page="verification"] .verification-catalog-hero__copy h1{
  margin:20px 0 0;
  font-size:clamp(46px,4.9vw,76px);
  line-height:1.04;
  letter-spacing:-.05em;
  color:#0f172a;
  font-weight:760;
}
body[data-page="verification"] .verification-catalog-hero__lead{
  margin:26px 0 0;
  color:#475467;
  font-size:18px;
  line-height:1.95;
}
body[data-page="verification"] .verification-catalog-hero__tags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:32px;
}
body[data-page="verification"] .verification-catalog-hero__tags span{
  display:inline-flex;
  align-items:center;
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid #dbe2ea;
  background:rgba(255,255,255,.78);
  color:#475467;
  font-size:15px;
  font-weight:720;
  box-shadow:0 10px 24px rgba(15,23,42,.04);
}
body[data-page="verification"] .verification-catalog-hero__list{
  margin:30px 0 0;
  padding-left:26px;
  color:#475467;
  font-size:17px;
  line-height:1.95;
}
body[data-page="verification"] .verification-catalog-hero__list li + li{
  margin-top:12px;
}
body[data-page="verification"] .verification-catalog-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:34px;
}
body[data-page="verification"] .verification-catalog-hero__visual{
  position:relative;
  min-height:560px;
  display:flex;
  align-items:center;
  justify-content:center;
}
body[data-page="verification"] .verification-catalog-hero__accent{
  position:absolute;
  z-index:1;
  width:138px;
  height:138px;
  object-fit:contain;
  pointer-events:none;
}
body[data-page="verification"] .verification-catalog-hero__accent--top{
  top:34px;
  left:4%;
}
body[data-page="verification"] .verification-catalog-hero__accent--bottom{
  right:2%;
  bottom:16px;
}
body[data-page="verification"] .verification-hero-card{
  position:relative;
  z-index:2;
  display:grid;
  gap:22px;
  width:min(100%,760px);
  padding:40px;
  border:1px solid rgba(228,232,237,.92);
  border-radius:38px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,249,251,.98));
  box-shadow:0 28px 60px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.84);
}
body[data-page="verification"] .verification-hero-card__media{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:0;
  padding:0;
  border-radius:0;
  background:transparent;
  border:none;
}
body[data-page="verification"] .verification-hero-card__media img{
  display:block;
  width:min(100%,620px);
  max-height:none;
  object-fit:contain;
}
body[data-page="verification"] .verification-hero-card__icon-row{
  display:flex;
  gap:16px;
}
body[data-page="verification"] .verification-hero-card .panel-icon-badge{
  width:auto;
  height:auto;
  padding:0;
  border-radius:0;
  background:transparent;
  border:none;
  box-shadow:none;
}
body[data-page="verification"] .verification-hero-card .panel-icon-badge img{
  width:34px;
  height:34px;
}
body[data-page="verification"] .verification-hero-card h3{
  margin:0;
  color:#101828;
  font-size:clamp(30px,2.2vw,42px);
  line-height:1.18;
  letter-spacing:-.04em;
}
body[data-page="verification"] .verification-checklist{
  margin:0;
  padding-left:24px;
  color:#475467;
  font-size:17px;
  line-height:1.9;
}
body[data-page="verification"] .verification-checklist li + li{
  margin-top:10px;
}
body[data-page="verification"] .verification-catalog-shell{
  padding:24px 0 88px;
}
body[data-page="verification"] .verification-catalog-shell .container{
  display:grid;
  gap:56px;
}
body[data-page="verification"] .catalog-group{
  display:grid;
  gap:28px;
}
body[data-page="verification"] .catalog-group__header{
  text-align:center;
}
body[data-page="verification"] .catalog-group__eyebrow{
  margin:0 0 12px;
  color:#8c8f96;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body[data-page="verification"] .catalog-group__title{
  margin:0;
  color:#1f2937;
  font-size:clamp(34px,3.6vw,52px);
  line-height:1.12;
  letter-spacing:-.04em;
  font-weight:760;
}
body[data-page="verification"] .verification-group-desc{
  max-width:720px;
  margin:14px auto 0;
  color:#667085;
  font-size:16px;
  line-height:1.9;
}
body[data-page="verification"] .catalog-wide-card{
  display:grid;
  grid-template-columns:minmax(280px,.88fr) minmax(320px,1.12fr);
  gap:34px;
  align-items:center;
  padding:38px 42px;
  border-radius:32px;
  border:1px solid #eceff3;
  background:#f8f8f6;
  box-shadow:0 18px 44px rgba(15,23,42,.04);
}
body[data-page="verification"] .verification-wide-card{
  grid-template-columns:minmax(360px,.94fr) minmax(520px,1.06fr);
  align-items:stretch;
  gap:28px;
  padding:30px;
}
body[data-page="verification"] .catalog-wide-card--reverse{
  grid-template-columns:minmax(320px,1.02fr) minmax(280px,.98fr);
}
body[data-page="verification"] .catalog-wide-card--reverse .catalog-wide-card__media{
  order:2;
}
body[data-page="verification"] .catalog-wide-card--reverse .catalog-wide-card__content{
  order:1;
}
body[data-page="verification"] .verification-wide-card__media{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100%;
  padding:24px 28px;
  border-radius:28px;
  border:1px solid #edf1f4;
  background:
    radial-gradient(circle at 50% 28%, rgba(255,255,255,.96), rgba(247,249,251,.9) 54%, rgba(241,244,247,.92) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
}
body[data-page="verification"] .verification-wide-card__media img{
  display:block;
  width:min(100%,560px);
  max-height:none;
  object-fit:contain;
}
body[data-page="verification"] .catalog-wide-card__content{
  display:grid;
  gap:18px;
}
body[data-page="verification"] .verification-wide-card > .catalog-wide-card__content{
  align-self:stretch;
}
body[data-page="verification"] .verification-step-grid,
body[data-page="verification"] .verification-risk-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
body[data-page="verification"] .verification-focus-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
body[data-page="verification"] .verification-step-card,
body[data-page="verification"] .verification-focus-card,
body[data-page="verification"] .verification-risk-panel,
body[data-page="verification"] .verification-faq-shell,
body[data-page="verification"] .verification-cta-card{
  min-height:100%;
  padding:24px;
  border-radius:24px;
  border:1px solid #e7ebef;
  background:#ffffff;
  box-shadow:0 14px 34px rgba(15,23,42,.04);
}
body[data-page="verification"] .verification-step-card{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  grid-template-areas:
    "index title"
    "index desc";
  column-gap:16px;
  row-gap:10px;
  align-content:start;
  padding:24px 22px 24px 20px;
  border-radius:26px;
}
body[data-page="verification"] .verification-step-card .step-index{
  grid-area:index;
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  margin:0;
  border-radius:18px;
  background:#111827;
  color:#fff;
  font-weight:700;
  font-size:18px;
  line-height:1;
  box-shadow:0 12px 24px rgba(17,24,39,.12);
}
body[data-page="verification"] .verification-step-card strong,
body[data-page="verification"] .verification-focus-card h3,
body[data-page="verification"] .verification-risk-panel h3{
  display:block;
  margin:0 0 10px;
  color:#101828;
  font-size:20px;
  line-height:1.3;
}
body[data-page="verification"] .verification-step-card strong{
  grid-area:title;
  margin:4px 0 0;
  font-size:19px;
  line-height:1.4;
}
body[data-page="verification"] .verification-step-card p,
body[data-page="verification"] .verification-focus-card p{
  margin:0;
  color:#667085;
  font-size:15px;
  line-height:1.85;
}
body[data-page="verification"] .verification-step-card p{
  grid-area:desc;
}
body[data-page="verification"] .verification-risk-panel .package-checklist{
  margin:0;
  padding-left:22px;
  color:#475467;
  line-height:1.85;
}
body[data-page="verification"] .verification-bottom-grid{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
  gap:22px;
  align-items:stretch;
}
body[data-page="verification"] .verification-faq-shell{
  padding:18px;
}
body[data-page="verification"] .verification-faq-shell .faq-list{
  display:grid;
  gap:14px;
}
body[data-page="verification"] .verification-faq-shell details{
  padding:22px 24px;
  border-radius:22px;
  border:1px solid #e8edf2;
  background:#f8fafb;
}
body[data-page="verification"] .verification-cta-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:24px;
  padding:28px;
  background:linear-gradient(180deg,#ffffff,#f7f8fa);
}
body[data-page="verification"] .verification-cta-card__media{
  display:flex;
  gap:14px;
}
body[data-page="verification"] .verification-cta-card__icon{
  display:grid;
  place-items:center;
  width:auto;
  height:auto;
  padding:0;
  border-radius:0;
  border:none;
  background:transparent;
  box-shadow:none;
}
body[data-page="verification"] .verification-cta-card__icon img{
  width:40px;
  height:40px;
  object-fit:contain;
}
body[data-page="verification"] .verification-cta-card__content{
  display:grid;
  gap:14px;
}
body[data-page="verification"] .verification-cta-card__content h2{
  margin:0;
  color:#101828;
  font-size:clamp(28px,2vw,38px);
  line-height:1.18;
  letter-spacing:-.04em;
}
body[data-page="verification"] .verification-cta-card__content p{
  margin:0;
  color:#667085;
  font-size:15px;
  line-height:1.9;
}
body[data-page="verification"] .verification-cta-card .btn{
  width:fit-content;
}
@media (max-width:1100px){
  body[data-page="verification"] .verification-catalog-hero__grid,
  body[data-page="verification"] .catalog-wide-card,
  body[data-page="verification"] .catalog-wide-card--reverse,
  body[data-page="verification"] .verification-bottom-grid{
    grid-template-columns:1fr;
  }
  body[data-page="verification"] .catalog-wide-card--reverse .catalog-wide-card__media,
  body[data-page="verification"] .catalog-wide-card--reverse .catalog-wide-card__content{
    order:initial;
  }
  body[data-page="verification"] .verification-catalog-hero__copy{
    max-width:none;
  }
  body[data-page="verification"] .verification-catalog-hero__visual{
    min-height:auto;
  }
  body[data-page="verification"] .verification-focus-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:768px){
  body[data-page="verification"] .verification-catalog-hero{
    padding:66px 0 24px;
  }
  body[data-page="verification"] .verification-catalog-hero__grid{
    gap:34px;
  }
  body[data-page="verification"] .verification-catalog-hero__copy h1{
    font-size:42px;
    line-height:1.08;
  }
  body[data-page="verification"] .verification-catalog-hero__lead{
    margin-top:18px;
    font-size:16px;
    line-height:1.85;
  }
  body[data-page="verification"] .verification-catalog-hero__tags{
    margin-top:24px;
  }
  body[data-page="verification"] .verification-catalog-hero__list{
    margin-top:24px;
    font-size:15px;
    line-height:1.85;
  }
  body[data-page="verification"] .verification-catalog-hero__actions{
    flex-direction:column;
    align-items:stretch;
    margin-top:28px;
  }
  body[data-page="verification"] .verification-catalog-hero__actions .btn{
    width:100%;
  }
  body[data-page="verification"] .verification-catalog-hero__accent{
    width:92px;
    height:92px;
  }
  body[data-page="verification"] .verification-catalog-hero__accent--top{
    top:10px;
    left:0;
  }
  body[data-page="verification"] .verification-catalog-hero__accent--bottom{
    right:0;
    bottom:0;
  }
  body[data-page="verification"] .verification-hero-card,
  body[data-page="verification"] .catalog-wide-card{
    padding:24px 20px;
    border-radius:26px;
  }
  body[data-page="verification"] .verification-hero-card__media,
  body[data-page="verification"] .verification-wide-card__media{
    min-height:0;
    padding:18px;
    border-radius:22px;
  }
  body[data-page="verification"] .verification-hero-card h3{
    font-size:28px;
  }
  body[data-page="verification"] .verification-checklist{
    font-size:15px;
    line-height:1.8;
  }
  body[data-page="verification"] .verification-step-grid,
  body[data-page="verification"] .verification-risk-grid{
    grid-template-columns:1fr;
  }
  body[data-page="verification"] .verification-catalog-shell{
    padding-bottom:64px;
  }
}
@media (max-width:640px){
  body[data-page="verification"] .catalog-group{
    gap:20px;
  }
  body[data-page="verification"] .catalog-group__eyebrow{
    font-size:12px;
  }
  body[data-page="verification"] .catalog-group__title{
    font-size:30px;
  }
  body[data-page="verification"] .verification-group-desc{
    font-size:14px;
    line-height:1.8;
  }
  body[data-page="verification"] .verification-catalog-hero__tags span{
    width:100%;
    justify-content:center;
  }
  body[data-page="verification"] .verification-step-card,
  body[data-page="verification"] .verification-focus-card,
  body[data-page="verification"] .verification-risk-panel,
  body[data-page="verification"] .verification-cta-card{
    padding:20px;
  }
  body[data-page="verification"] .verification-step-card{
    grid-template-columns:1fr;
    grid-template-areas:
      "index"
      "title"
      "desc";
    row-gap:12px;
  }
  body[data-page="verification"] .verification-step-card .step-index{
    width:52px;
    height:52px;
  }
  body[data-page="verification"] .verification-step-card strong{
    margin-top:0;
  }
  body[data-page="verification"] .verification-faq-shell{
    padding:14px;
  }
  body[data-page="verification"] .verification-faq-shell details{
    padding:18px 18px 18px 20px;
  }
  body[data-page="verification"] .verification-cta-card .btn{
    width:100%;
  }
}
body[data-page="blog"] .academy-catalog-hero{
  padding:92px 0 84px;
  background:#fff;
}
body[data-page="blog"] .academy-catalog-hero .container{
  width:min(100% - 40px,1320px);
}
body[data-page="blog"] .academy-catalog-hero__grid{
  display:grid;
  grid-template-columns:minmax(320px,.94fr) minmax(420px,1.06fr);
  gap:56px;
  align-items:center;
  min-height:560px;
}
body[data-page="blog"] .academy-catalog-hero__copy{
  max-width:680px;
}
body[data-page="blog"] .academy-catalog-hero__eyebrow{
  margin:0 0 18px;
  color:#8c8f96;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body[data-page="blog"] .academy-catalog-hero__copy h1{
  margin:0;
  max-width:none;
  color:#111827;
  font-size:clamp(44px,4.7vw,72px);
  line-height:1.06;
  letter-spacing:-.05em;
  font-weight:760;
}
body[data-page="blog"] .academy-catalog-hero__lead{
  margin:24px 0 0;
  color:#475467;
  font-size:18px;
  line-height:1.92;
}
body[data-page="blog"] .academy-catalog-hero__tags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
body[data-page="blog"] .academy-catalog-hero__tags span{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid #dbe2ea;
  background:rgba(255,255,255,.88);
  color:#475467;
  font-size:14px;
  font-weight:720;
  box-shadow:0 10px 24px rgba(15,23,42,.04);
}
body[data-page="blog"] .academy-catalog-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:34px;
}
body[data-page="blog"] .academy-catalog-hero__visual{
  position:relative;
  min-height:560px;
  display:flex;
  align-items:center;
  justify-content:center;
}
body[data-page="blog"] .academy-catalog-hero__accent{
  position:absolute;
  z-index:1;
  width:138px;
  height:138px;
  object-fit:contain;
  pointer-events:none;
}
body[data-page="blog"] .academy-catalog-hero__accent--top{
  top:34px;
  left:4%;
}
body[data-page="blog"] .academy-catalog-hero__accent--bottom{
  right:2%;
  bottom:12px;
}
body[data-page="blog"] .academy-catalog-hero__art{
  position:relative;
  z-index:2;
  display:block;
  width:min(100%,680px);
  padding:26px;
  border:1px solid #eceff3;
  border-radius:38px;
  background:linear-gradient(180deg,#ffffff,#f7f8fa);
  box-shadow:0 28px 60px rgba(15,23,42,.06);
}
body[data-page="blog"] .academy-catalog-hero__panel{
  position:absolute;
  left:50%;
  bottom:0;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  width:min(100%,360px);
  transform:translateX(-50%);
}
body[data-page="blog"] .academy-catalog-hero__panel span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:rgba(255,255,255,.96);
  color:#344054;
  font-size:14px;
  font-weight:720;
  box-shadow:0 16px 36px rgba(15,23,42,.08);
}
body[data-page="blog"] .academy-guide-shell{
  padding-top:18px;
  padding-bottom:84px;
  background:#fff;
}
body[data-page="blog"] .academy-guide-shell .container{
  display:grid;
  gap:48px;
}
body[data-page="blog"] .academy-guide-shell .catalog-group{
  display:grid;
  gap:28px;
}
body[data-page="blog"] .academy-guide-shell .catalog-group__header{
  text-align:center;
}
body[data-page="blog"] .academy-guide-shell .catalog-group__eyebrow{
  margin:0 0 12px;
  color:#8c8f96;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body[data-page="blog"] .academy-guide-shell .catalog-group__title{
  margin:0;
  color:#1f2937;
  font-size:clamp(34px,3.6vw,52px);
  line-height:1.14;
  letter-spacing:-.04em;
  font-weight:760;
}
body[data-page="blog"] .academy-group-desc{
  max-width:760px;
  margin:14px auto 0;
  color:#667085;
  font-size:16px;
  line-height:1.9;
}
body[data-page="blog"] .academy-guide-index{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body[data-page="blog"] .academy-guide-index a{
  display:flex;
  align-items:center;
  min-height:72px;
  padding:18px 20px;
  border:1px solid #e7ebef;
  border-radius:24px;
  background:#fff;
  color:#344054;
  font-weight:650;
  line-height:1.65;
  box-shadow:0 14px 34px rgba(15,23,42,.04);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,color .22s ease;
}
body[data-page="blog"] .academy-guide-index a:hover{
  transform:translateY(-3px);
  border-color:#d0d5dd;
  box-shadow:0 18px 42px rgba(15,23,42,.08);
  color:#111827;
}
body[data-page="blog"] .academy-wide-card{
  display:grid;
  grid-template-columns:minmax(280px,.88fr) minmax(360px,1.12fr);
  gap:34px;
  align-items:stretch;
  padding:38px 42px;
  border-radius:32px;
  border:1px solid #eceff3;
  background:#f8f8f6;
  box-shadow:0 18px 44px rgba(15,23,42,.04);
}
body[data-page="blog"] .academy-wide-card.catalog-wide-card--reverse{
  grid-template-columns:minmax(360px,1.02fr) minmax(280px,.98fr);
}
body[data-page="blog"] .academy-wide-card.catalog-wide-card--reverse .academy-wide-card__media{
  order:2;
}
body[data-page="blog"] .academy-wide-card.catalog-wide-card--reverse .academy-wide-card__content{
  order:1;
}
body[data-page="blog"] .academy-wide-card__media{
  display:block;
  min-height:320px;
  aspect-ratio:1 / 1;
  padding:0;
  border-radius:26px;
  border:none;
  background:transparent;
  box-shadow:none;
  overflow:hidden;
}
body[data-page="blog"] .academy-wide-card__media::before{
  content:none;
}
body[data-page="blog"] .academy-wide-card__media::after{
  content:none;
}
body[data-page="blog"] .academy-wide-card__media img{
  display:block;
  width:100%;
  height:100%;
  border-radius:26px;
  object-fit:cover;
  object-position:center;
  box-shadow:none;
  transform:none;
  transition:none;
}
body[data-page="blog"] .academy-wide-card__content{
  display:grid;
  gap:18px;
  align-content:center;
}
body[data-page="blog"] .academy-wide-card__content p{
  margin:0;
  color:#475467;
  font-size:16px;
  line-height:1.92;
}
body[data-page="blog"] .academy-card-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0;
  color:#8a6a2d;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body[data-page="blog"] .academy-card-kicker::before{
  content:"";
  width:22px;
  height:1px;
  background:linear-gradient(90deg,#c89b3c,rgba(200,155,60,0));
}
body[data-page="blog"] .academy-card-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
body[data-page="blog"] .academy-card-list li{
  position:relative;
  padding-left:20px;
  color:#526171;
  font-size:15px;
  line-height:1.82;
}
body[data-page="blog"] .academy-card-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.86em;
  width:8px;
  height:8px;
  border-radius:999px;
  background:#d3aa5a;
  transform:translateY(-50%);
}
body[data-page="blog"] .academy-card-note{
  display:grid;
  gap:8px;
  padding:16px 18px;
  border:1px solid #e6ebf1;
  border-radius:20px;
  background:#ffffff;
  box-shadow:0 10px 24px rgba(15,23,42,.03);
}
body[data-page="blog"] .academy-card-note strong{
  color:#243041;
  font-size:14px;
  line-height:1.4;
}
body[data-page="blog"] .academy-card-note p{
  margin:0;
  color:#667085;
  font-size:14px;
  line-height:1.8;
}
body[data-page="blog"] #academy-part-1 .academy-wide-card__media{
  display:grid;
  place-items:center;
  min-height:280px;
  aspect-ratio:16 / 10;
}
body[data-page="blog"] #academy-part-1 .academy-wide-card__media img{
  width:88%;
  height:auto;
  max-height:300px;
  object-fit:contain;
  object-position:center;
}
body[data-page="blog"] #academy-part-1 .academy-wide-card{
  grid-template-columns:clamp(320px,36vw,560px) minmax(0,1fr);
  gap:56px;
  align-items:center;
}
body[data-page="blog"] #academy-part-1 .academy-wide-card__content{
  min-width:0;
  max-width:760px;
  justify-self:start;
  padding-left:0;
  gap:14px;
}
body[data-page="blog"] #academy-part-1 .academy-wide-card__content > p{
  max-width:100%;
}
body[data-page="blog"] #academy-part-1 .academy-card-list{
  gap:8px;
}
body[data-page="blog"] #academy-part-1 .academy-card-list li{
  font-size:14px;
  line-height:1.72;
}
body[data-page="blog"] #academy-part-1 .academy-card-note{
  max-width:680px;
}
body[data-page="blog"] #academy-part-8 .academy-wide-card__media{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:248px;
  aspect-ratio:16 / 10;
  padding:8px 0 4px;
}
body[data-page="blog"] #academy-part-8 .academy-wide-card__media img{
  width:min(100%,760px);
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center bottom;
}
body[data-page="blog"] #academy-part-8 .academy-wide-card.catalog-wide-card--reverse{
  grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr);
}
body[data-page="blog"] .academy-wide-card__content blockquote{
  margin:0;
  padding:20px 22px;
  border-radius:24px;
  border:1px solid #ead59b;
  background:linear-gradient(180deg,#fffdf6,#fff9eb);
  color:#7a5106;
  font-size:16px;
  line-height:1.8;
  box-shadow:0 14px 34px rgba(122,81,6,.06);
}
body[data-page="blog"] .academy-cta-group{
  margin-top:4px;
}
body[data-page="blog"] .academy-cta-band{
  padding:36px 38px;
  border:1px solid #eceff3;
  border-radius:32px;
  background:linear-gradient(135deg,#ffffff,#f7f8fa);
  box-shadow:0 18px 44px rgba(15,23,42,.04);
}
body[data-page="blog"] .academy-cta-band h2{
  margin:0 0 8px;
  color:#101828;
  font-size:clamp(30px,2.4vw,40px);
  line-height:1.18;
  letter-spacing:-.04em;
}
body[data-page="blog"] .academy-cta-band p{
  margin:0;
  color:#667085;
  font-size:15px;
  line-height:1.9;
}
@media (max-width:1100px){
  body[data-page="blog"] .academy-catalog-hero__grid,
  body[data-page="blog"] .academy-wide-card,
  body[data-page="blog"] .academy-wide-card.catalog-wide-card--reverse{
    grid-template-columns:1fr;
  }
  body[data-page="blog"] .academy-wide-card.catalog-wide-card--reverse .academy-wide-card__media,
  body[data-page="blog"] .academy-wide-card.catalog-wide-card--reverse .academy-wide-card__content{
    order:initial;
  }
  body[data-page="blog"] .academy-catalog-hero__copy{
    max-width:none;
  }
  body[data-page="blog"] .academy-catalog-hero__visual{
    min-height:auto;
  }
  body[data-page="blog"] .academy-guide-index{
    grid-template-columns:1fr;
  }
}
@media (max-width:768px){
  body[data-page="blog"] .academy-catalog-hero{
    padding:66px 0 24px;
  }
  body[data-page="blog"] .academy-catalog-hero .container{
    width:min(100% - 28px,100%);
  }
  body[data-page="blog"] .academy-catalog-hero__grid{
    gap:34px;
    min-height:auto;
  }
  body[data-page="blog"] .academy-catalog-hero__copy h1{
    font-size:42px;
    line-height:1.08;
  }
  body[data-page="blog"] .academy-catalog-hero__lead{
    margin-top:18px;
    font-size:16px;
    line-height:1.85;
  }
  body[data-page="blog"] .academy-catalog-hero__tags{
    margin-top:24px;
  }
  body[data-page="blog"] .academy-catalog-hero__actions{
    flex-direction:column;
    align-items:stretch;
    margin-top:28px;
  }
  body[data-page="blog"] .academy-catalog-hero__actions .btn{
    width:100%;
  }
  body[data-page="blog"] .academy-catalog-hero__accent{
    width:92px;
    height:92px;
  }
  body[data-page="blog"] .academy-catalog-hero__accent--top{
    top:10px;
    left:0;
  }
  body[data-page="blog"] .academy-catalog-hero__accent--bottom{
    right:0;
    bottom:0;
  }
  body[data-page="blog"] .academy-catalog-hero__art,
  body[data-page="blog"] .academy-wide-card{
    padding:24px 20px;
    border-radius:26px;
  }
  body[data-page="blog"] .academy-catalog-hero__panel{
    position:static;
    width:100%;
    transform:none;
    margin-top:18px;
  }
  body[data-page="blog"] .academy-guide-shell{
    padding-top:8px;
    padding-bottom:64px;
  }
  body[data-page="blog"] .academy-guide-shell .container{
    gap:44px;
  }
  body[data-page="blog"] .academy-wide-card__media{
    min-height:260px;
    border-radius:26px;
  }
  body[data-page="blog"] .academy-wide-card__media img{
    border-radius:26px;
  }
  body[data-page="blog"] #academy-part-1 .academy-wide-card__media{
    min-height:240px;
    aspect-ratio:4 / 3;
  }
  body[data-page="blog"] #academy-part-1 .academy-wide-card{
    grid-template-columns:1fr;
    gap:24px;
  }
  body[data-page="blog"] #academy-part-1 .academy-wide-card__content{
    padding-left:0;
    max-width:none;
  }
  body[data-page="blog"] #academy-part-8 .academy-wide-card__media{
    min-height:210px;
    aspect-ratio:16 / 10;
    padding:6px 0 2px;
  }
  body[data-page="blog"] #academy-part-8 .academy-wide-card__media img{
    width:min(100%,680px);
    height:auto;
    object-position:center bottom;
  }
  body[data-page="blog"] .academy-card-list li{
    font-size:14px;
    line-height:1.8;
  }
  body[data-page="blog"] .academy-card-note{
    padding:15px 16px;
  }
  body[data-page="blog"] .academy-card-note p{
    font-size:13px;
  }
  body[data-page="blog"] .academy-cta-band{
    grid-template-columns:1fr;
    padding:28px 24px;
  }
}
@media (max-width:640px){
  body[data-page="blog"] .academy-guide-shell .catalog-group{
    gap:20px;
  }
  body[data-page="blog"] .academy-guide-shell .catalog-group__eyebrow{
    font-size:12px;
  }
  body[data-page="blog"] .academy-guide-shell .catalog-group__title{
    font-size:30px;
  }
  body[data-page="blog"] .academy-group-desc{
    font-size:14px;
    line-height:1.8;
  }
  body[data-page="blog"] .academy-catalog-hero__tags span{
    width:100%;
    justify-content:center;
  }
  body[data-page="blog"] .academy-guide-index a{
    min-height:0;
    padding:16px 18px;
    border-radius:22px;
    font-size:14px;
  }
  body[data-page="blog"] .academy-wide-card{
    gap:20px;
    padding:24px 18px;
  }
  body[data-page="blog"] .academy-wide-card__media{
    min-height:220px;
    aspect-ratio:4 / 3;
    border-radius:24px;
  }
  body[data-page="blog"] .academy-wide-card__media img{
    border-radius:24px;
  }
  body[data-page="blog"] #academy-part-1 .academy-wide-card__media{
    min-height:200px;
    aspect-ratio:16 / 10;
  }
  body[data-page="blog"] #academy-part-1 .academy-wide-card__media img{
    width:100%;
    max-height:260px;
  }
  body[data-page="blog"] #academy-part-8 .academy-wide-card__media{
    min-height:176px;
    aspect-ratio:16 / 10;
    padding:4px 0 0;
  }
  body[data-page="blog"] #academy-part-8 .academy-wide-card__media img{
    width:100%;
    height:auto;
    object-position:center bottom;
  }
  body[data-page="blog"] .academy-wide-card__content p,
  body[data-page="blog"] .academy-wide-card__content blockquote{
    font-size:15px;
    line-height:1.85;
  }
  body[data-page="blog"] .academy-card-kicker{
    font-size:12px;
    gap:8px;
  }
  body[data-page="blog"] .academy-card-kicker::before{
    width:18px;
  }
  body[data-page="blog"] .academy-card-list{
    gap:8px;
  }
  body[data-page="blog"] .academy-card-list li{
    padding-left:18px;
    font-size:14px;
    line-height:1.78;
  }
  body[data-page="blog"] .academy-card-note{
    padding:14px 15px;
    border-radius:18px;
  }
  body[data-page="blog"] .academy-card-note strong{
    font-size:13px;
  }
  body[data-page="blog"] .academy-card-note p{
    font-size:13px;
    line-height:1.72;
  }
  body[data-page="blog"] .academy-cta-band .btn{
    width:100%;
  }
}
body[data-page="about"] .about-catalog-hero{
  padding:92px 0 84px;
  background:#fff;
}
body[data-page="about"] .about-catalog-hero .container{
  width:min(100% - 40px,1320px);
}
body[data-page="about"] .about-catalog-hero__grid{
  display:grid;
  grid-template-columns:minmax(320px,.94fr) minmax(420px,1.06fr);
  gap:56px;
  align-items:center;
  min-height:560px;
}
body[data-page="about"] .about-catalog-hero__copy{
  max-width:700px;
}
body[data-page="about"] .about-catalog-hero__eyebrow{
  margin:0 0 18px;
  color:#8c8f96;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body[data-page="about"] .about-catalog-hero__copy h1{
  margin:0;
  max-width:none;
  color:#111827;
  font-size:clamp(44px,4.8vw,72px);
  line-height:1.06;
  letter-spacing:-.05em;
  font-weight:760;
}
body[data-page="about"] .about-catalog-hero__lead{
  margin:24px 0 0;
  color:#475467;
  font-size:18px;
  line-height:1.92;
}
body[data-page="about"] .about-catalog-hero__actions{
  margin-top:30px;
}
body[data-page="about"] .about-catalog-hero__actions .btn{
  min-width:132px;
}
body[data-page="about"] .about-catalog-hero__quicknav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
body[data-page="about"] .about-catalog-hero__quicknav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid #e5e9ef;
  background:#fff;
  color:#475467;
  font-size:13px;
  font-weight:680;
  box-shadow:0 8px 22px rgba(15,23,42,.04);
}
body[data-page="about"] .about-catalog-hero__quicknav a:hover{
  color:#111827;
  border-color:#cfd6df;
  transform:translateY(-1px);
}
body[data-page="about"] .about-anchor-target{
  scroll-margin-top:120px;
}
body[data-page="about"] .about-catalog-hero__visual{
  position:relative;
  min-height:560px;
  display:flex;
  align-items:center;
  justify-content:center;
}
body[data-page="about"] .about-catalog-hero__accent{
  position:absolute;
  width:140px;
  height:140px;
  border-radius:42px;
  background:linear-gradient(180deg,rgba(200,155,60,.18),rgba(200,155,60,.08));
  box-shadow:0 20px 40px rgba(200,155,60,.12);
  pointer-events:none;
}
body[data-page="about"] .about-catalog-hero__accent--top{
  top:48px;
  left:8%;
  border-top-left-radius:70px;
}
body[data-page="about"] .about-catalog-hero__accent--bottom{
  right:4%;
  bottom:28px;
  border-bottom-right-radius:70px;
}
body[data-page="about"] .about-catalog-hero__panel{
  position:relative;
  z-index:2;
  width:min(100%,700px);
  min-height:470px;
  padding:42px;
  border:1px solid #eceff3;
  border-radius:38px;
  background:linear-gradient(180deg,#ffffff,#f7f8fa);
  box-shadow:0 28px 60px rgba(15,23,42,.06);
  overflow:hidden;
}
body[data-page="about"] .about-catalog-hero__panel::before{
  content:"";
  position:absolute;
  inset:24px 22px auto auto;
  width:200px;
  height:200px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(15,23,42,.05),transparent 68%);
}
body[data-page="about"] .about-catalog-hero__core{
  position:relative;
  display:grid;
  place-items:center;
  min-height:250px;
}
body[data-page="about"] .about-catalog-hero__core span{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(15,23,42,.1);
  background:rgba(255,255,255,.72);
}
body[data-page="about"] .about-catalog-hero__core span:nth-child(1){
  width:300px;
  height:300px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
body[data-page="about"] .about-catalog-hero__core span:nth-child(2){
  width:188px;
  height:188px;
  border-color:rgba(200,155,60,.3);
  background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.92),rgba(248,250,252,.85));
}
body[data-page="about"] .about-catalog-hero__core span:nth-child(3){
  width:74px;
  height:74px;
  border:none;
  background:#111827;
  box-shadow:0 16px 36px rgba(17,24,39,.18);
}
body[data-page="about"] .about-catalog-hero__signals{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
body[data-page="about"] .about-catalog-hero__signals span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid #dbe2ea;
  background:rgba(255,255,255,.94);
  color:#475467;
  font-size:14px;
  font-weight:720;
  box-shadow:0 10px 24px rgba(15,23,42,.04);
}
body[data-page="about"] .about-catalog-shell{
  padding-top:18px;
  padding-bottom:12px;
  background:#fff;
}
body[data-page="about"] .about-catalog-shell .container{
  display:grid;
  gap:48px;
}
body[data-page="about"] .about-catalog-shell .catalog-group{
  display:grid;
  gap:28px;
}
body[data-page="about"] .about-catalog-shell .catalog-group__header{
  text-align:center;
}
body[data-page="about"] .about-catalog-shell .catalog-group__eyebrow{
  margin:0 0 12px;
  color:#8c8f96;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body[data-page="about"] .about-catalog-shell .catalog-group__title{
  margin:0;
  color:#1f2937;
  font-size:clamp(34px,3.6vw,52px);
  line-height:1.14;
  letter-spacing:-.04em;
  font-weight:760;
}
body[data-page="about"] .about-wide-card{
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);
  gap:34px;
  align-items:center;
  padding:38px 42px;
  border-radius:32px;
  border:1px solid #eceff3;
  background:#f8f8f6;
  box-shadow:0 18px 44px rgba(15,23,42,.04);
}
body[data-page="about"] .about-wide-card__media{
  display:grid;
  gap:22px;
  align-content:start;
}
body[data-page="about"] .about-wide-card__photo-shell{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:20px 22px 14px;
  border-radius:34px;
  border:1px solid #e8edf2;
  background:linear-gradient(180deg,#ffffff,#f7f8fa);
  box-shadow:0 18px 44px rgba(15,23,42,.05);
  overflow:hidden;
}
body[data-page="about"] .about-wide-card__photo{
  display:block;
  width:min(100%,500px);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 24px 34px rgba(15,23,42,.12));
}
body[data-page="about"] .about-wide-card__shape{
  position:relative;
  min-height:270px;
  border-radius:34px;
  background:linear-gradient(180deg,#ffffff,#f7f8fa);
  border:1px solid #e8edf2;
  box-shadow:0 18px 44px rgba(15,23,42,.05);
  overflow:hidden;
}
body[data-page="about"] .about-wide-card__shape::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:120px;
  height:120px;
  border-radius:34px;
  background:#111827;
  transform:translate(-50%,-50%) rotate(18deg);
  box-shadow:0 22px 38px rgba(17,24,39,.18);
}
body[data-page="about"] .about-wide-card__ring{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(17,24,39,.1);
}
body[data-page="about"] .about-wide-card__ring--a{
  width:310px;
  height:310px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
body[data-page="about"] .about-wide-card__ring--b{
  width:188px;
  height:188px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-color:rgba(200,155,60,.34);
}
body[data-page="about"] .about-wide-card__ring--c{
  width:48px;
  height:48px;
  right:26px;
  top:26px;
  background:rgba(200,155,60,.14);
  border:none;
}
body[data-page="about"] .about-wide-card__content{
  display:grid;
  gap:16px;
}
body[data-page="about"] .about-wide-card__content h3{
  margin:0;
  color:#101828;
  font-size:clamp(28px,3vw,42px);
  line-height:1.24;
  letter-spacing:-.03em;
}
body[data-page="about"] .about-wide-card__content p{
  margin:0;
  color:#475467;
  font-size:16px;
  line-height:1.92;
}
body[data-page="about"] .about-wide-card__content .check-list{
  margin-top:2px !important;
}
body[data-page="about"] .about-story-shell{
  padding-top:18px;
  background:#fff;
}
body[data-page="about"] .about-story-shell .section-head{
  display:block;
  text-align:center;
  margin-bottom:34px;
}
body[data-page="about"] .about-story-shell .section-desc{
  max-width:820px;
  margin:0 auto;
}
body[data-page="about"] .brand-story-about__overview{
  margin-bottom:26px;
  align-items:stretch;
}
body[data-page="about"] .brand-story-home__card,
body[data-page="about"] .brand-story-about__chapter{
  border-color:#eceff3;
  background:#fff;
  box-shadow:0 18px 44px rgba(15,23,42,.04);
}
body[data-page="about"] .brand-story-about__overview > .brand-story-home__card{
  display:grid;
  align-content:start;
  gap:0;
}
body[data-page="about"] .brand-story-about__chapter{
  display:grid;
  gap:12px;
}
body[data-page="about"] .brand-story-about__chapter p{
  margin:0;
  max-width:42ch;
}
body[data-page="about"] .brand-story-about__chapter--wide p{
  max-width:66ch;
}
body[data-page="about"] .brand-story-home__card--action{
  background:linear-gradient(180deg,#fffefb,#ffffff);
}
body[data-page="about"] .about-service-shell{
  padding-top:20px;
  background:#fff;
}
body[data-page="about"] .about-service-shell .section-head{
  display:block;
  text-align:center;
  margin-bottom:34px;
}
body[data-page="about"] .about-service-shell .section-desc{
  max-width:760px;
  margin:0 auto;
}
body[data-page="about"] .about-service-shell .grid{
  gap:20px;
}
body[data-page="about"] .about-service-shell .grid.two{
  align-items:stretch;
}
body[data-page="about"] .about-service-shell .card{
  padding:28px;
  border-radius:28px;
  border-color:#eceff3;
  box-shadow:0 18px 44px rgba(15,23,42,.04);
}
body[data-page="about"] .about-service-shell .card p{
  line-height:1.82;
}
body[data-page="about"] .about-service-shell .card h3{
  font-size:26px;
  line-height:1.24;
}
body[data-page="about"] .about-service-shell .card ul{
  margin:14px 0 0;
  padding-left:22px;
  color:#475467;
  line-height:1.82;
}
body[data-page="about"] .about-service-shell .card ul li + li{
  margin-top:8px;
}
body[data-page="about"] .about-faq-shell{
  padding-top:16px;
  background:#fff;
}
body[data-page="about"] .about-faq-shell .section-head{
  display:block;
  text-align:center;
  margin-bottom:34px;
}
body[data-page="about"] .about-faq-shell .section-desc{
  max-width:760px;
  margin:0 auto;
}
body[data-page="about"] .about-faq-shell .grid.two{
  align-items:start;
  gap:20px;
}
body[data-page="about"] .about-faq-shell .card{
  padding:28px;
  border-radius:28px;
  border-color:#eceff3;
  box-shadow:0 18px 44px rgba(15,23,42,.04);
}
body[data-page="about"] .about-faq-shell .card p{
  line-height:1.82;
}
body[data-page="about"] .about-faq-shell .card ul{
  margin:14px 0 0;
  padding-left:22px;
  color:#475467;
  line-height:1.82;
}
body[data-page="about"] .about-faq-shell .card ul li + li{
  margin-top:8px;
}
body[data-page="about"] .about-faq-shell .faq-list{
  gap:14px;
}
body[data-page="about"] .about-faq-shell details{
  border-radius:22px;
  border-color:#e8edf2;
  box-shadow:0 14px 34px rgba(15,23,42,.04);
}
body[data-page="about"] .about-faq-shell details p{
  line-height:1.86;
}
body[data-page="about"] .about-faq-shell a{
  color:#1d4ed8;
  font-weight:650;
}
body[data-page="about"] .cta-band{
  border-color:#eceff3;
  box-shadow:0 18px 44px rgba(15,23,42,.04);
}
@media (max-width:1100px){
  body[data-page="about"] .about-catalog-hero__grid,
  body[data-page="about"] .about-wide-card{
    grid-template-columns:1fr;
  }
  body[data-page="about"] .about-catalog-hero__copy{
    max-width:none;
  }
  body[data-page="about"] .about-catalog-hero__visual{
    min-height:auto;
  }
}
@media (max-width:768px){
  body[data-page="about"] .about-catalog-hero{
    padding:66px 0 24px;
  }
  body[data-page="about"] .about-catalog-hero .container{
    width:min(100% - 28px,100%);
  }
  body[data-page="about"] .about-catalog-hero__grid{
    gap:34px;
    min-height:auto;
  }
  body[data-page="about"] .about-catalog-hero__copy h1{
    font-size:42px;
    line-height:1.08;
  }
  body[data-page="about"] .about-catalog-hero__lead{
    margin-top:18px;
    font-size:16px;
    line-height:1.85;
  }
  body[data-page="about"] .about-catalog-hero__actions{
    margin-top:24px;
  }
  body[data-page="about"] .about-catalog-hero__quicknav{
    margin-top:16px;
  }
  body[data-page="about"] .about-catalog-hero__panel,
  body[data-page="about"] .about-wide-card{
    padding:24px 20px;
    border-radius:26px;
  }
  body[data-page="about"] .about-catalog-hero__accent{
    width:92px;
    height:92px;
  }
  body[data-page="about"] .about-catalog-hero__accent--top{
    top:12px;
    left:0;
  }
  body[data-page="about"] .about-catalog-hero__accent--bottom{
    right:0;
    bottom:0;
  }
  body[data-page="about"] .about-catalog-hero__signals{
    grid-template-columns:1fr;
  }
  body[data-page="about"] .about-catalog-shell,
  body[data-page="about"] .about-story-shell,
  body[data-page="about"] .about-service-shell,
  body[data-page="about"] .about-faq-shell{
    padding-top:8px;
  }
}
@media (max-width:640px){
  body[data-page="about"] .about-catalog-shell .catalog-group__eyebrow{
    font-size:12px;
  }
  body[data-page="about"] .about-catalog-shell .catalog-group__title,
  body[data-page="about"] .about-service-shell .section-title,
  body[data-page="about"] .about-faq-shell .section-title{
    font-size:30px;
  }
  body[data-page="about"] .about-wide-card{
    gap:20px;
    padding:24px 18px;
  }
  body[data-page="about"] .about-wide-card__photo-shell{
    padding:18px 16px 12px;
    border-radius:26px;
  }
  body[data-page="about"] .about-wide-card__shape{
    min-height:220px;
    border-radius:26px;
  }
  body[data-page="about"] .about-wide-card__content p{
    font-size:15px;
    line-height:1.85;
  }
  body[data-page="about"] .about-catalog-hero__actions{
    flex-direction:column;
    align-items:stretch;
  }
  body[data-page="about"] .about-catalog-hero__actions .btn{
    width:100%;
  }
  body[data-page="about"] .about-catalog-hero__quicknav a{
    width:100%;
    justify-content:flex-start;
    padding:0 16px;
  }
  body[data-page="about"] .about-wide-card__content h3{
    font-size:26px;
  }
  body[data-page="about"] .about-service-shell .card{
    padding:22px 20px;
  }
  body[data-page="about"] .about-service-shell .card h3{
    font-size:22px;
  }
  body[data-page="about"] .about-faq-shell .card{
    padding:22px 20px;
  }
}
body[data-page="contact"] .contact-catalog-hero{
  padding:92px 0 84px;
  background:#fff;
}
body[data-page="contact"] .contact-catalog-hero .container{
  width:min(100% - 40px,1320px);
}
body[data-page="contact"] .contact-catalog-hero__grid{
  display:grid;
  grid-template-columns:minmax(320px,.94fr) minmax(420px,1.06fr);
  gap:56px;
  align-items:center;
  min-height:560px;
}
body[data-page="contact"] .contact-catalog-hero__copy{
  max-width:700px;
}
body[data-page="contact"] .contact-catalog-hero__eyebrow{
  margin:0 0 18px;
  color:#8c8f96;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body[data-page="contact"] .contact-catalog-hero__copy h1{
  margin:0;
  max-width:none;
  color:#111827;
  font-size:clamp(44px,4.8vw,72px);
  line-height:1.06;
  letter-spacing:-.05em;
  font-weight:760;
}
body[data-page="contact"] .contact-catalog-hero__lead{
  margin:24px 0 0;
  color:#475467;
  font-size:18px;
  line-height:1.92;
}
body[data-page="contact"] .contact-catalog-hero__visual{
  position:relative;
  min-height:560px;
  display:flex;
  align-items:center;
  justify-content:center;
}
body[data-page="contact"] .contact-catalog-hero__accent{
  position:absolute;
  width:140px;
  height:140px;
  border-radius:42px;
  background:linear-gradient(180deg,rgba(200,155,60,.18),rgba(200,155,60,.08));
  box-shadow:0 20px 40px rgba(200,155,60,.12);
  pointer-events:none;
}
body[data-page="contact"] .contact-catalog-hero__accent--top{
  top:48px;
  left:8%;
  border-top-left-radius:70px;
}
body[data-page="contact"] .contact-catalog-hero__accent--bottom{
  right:4%;
  bottom:28px;
  border-bottom-right-radius:70px;
}
body[data-page="contact"] .contact-catalog-hero__panel{
  position:relative;
  z-index:2;
  width:min(100%,700px);
  min-height:470px;
  padding:42px;
  border:1px solid #eceff3;
  border-radius:38px;
  background:linear-gradient(180deg,#ffffff,#f7f8fa);
  box-shadow:0 28px 60px rgba(15,23,42,.06);
  overflow:hidden;
}
body[data-page="contact"] .contact-catalog-hero__panel::before{
  content:"";
  position:absolute;
  inset:24px auto auto 26px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(15,23,42,.05),transparent 68%);
}
body[data-page="contact"] .contact-catalog-hero__core{
  position:relative;
  display:grid;
  place-items:center;
  min-height:250px;
}
body[data-page="contact"] .contact-catalog-hero__core span{
  position:absolute;
  border-radius:50%;
}
body[data-page="contact"] .contact-catalog-hero__core span:nth-child(1){
  width:300px;
  height:300px;
  border:1px solid rgba(17,24,39,.1);
  background:rgba(255,255,255,.72);
}
body[data-page="contact"] .contact-catalog-hero__core span:nth-child(2){
  width:170px;
  height:170px;
  border:1px solid rgba(200,155,60,.3);
  background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.92),rgba(248,250,252,.85));
}
body[data-page="contact"] .contact-catalog-hero__core span:nth-child(3){
  width:82px;
  height:82px;
  border:none;
  background:#111827;
  box-shadow:0 16px 36px rgba(17,24,39,.18);
}
body[data-page="contact"] .contact-catalog-hero__signals{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
body[data-page="contact"] .contact-catalog-hero__signals span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid #dbe2ea;
  background:rgba(255,255,255,.94);
  color:#475467;
  font-size:14px;
  font-weight:720;
  box-shadow:0 10px 24px rgba(15,23,42,.04);
}
body[data-page="contact"] .contact-catalog-shell{
  padding-top:18px;
  padding-bottom:84px;
  background:#fff;
}
body[data-page="contact"] .contact-catalog-shell .container{
  display:grid;
  gap:48px;
}
body[data-page="contact"] .contact-catalog-shell .catalog-group{
  display:grid;
  gap:28px;
}
body[data-page="contact"] .contact-catalog-shell .catalog-group__header{
  text-align:center;
}
body[data-page="contact"] .contact-catalog-shell .catalog-group__eyebrow{
  margin:0 0 12px;
  color:#8c8f96;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body[data-page="contact"] .contact-catalog-shell .catalog-group__title{
  margin:0;
  color:#1f2937;
  font-size:clamp(34px,3.6vw,52px);
  line-height:1.14;
  letter-spacing:-.04em;
  font-weight:760;
}
body[data-page="contact"] .contact-group-desc{
  max-width:760px;
  margin:14px auto 0;
  color:#667085;
  font-size:16px;
  line-height:1.9;
}
body[data-page="contact"] .contact-wide-card{
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);
  gap:34px;
  align-items:center;
  padding:38px 42px;
  border-radius:32px;
  border:1px solid #eceff3;
  background:#f8f8f6;
  box-shadow:0 18px 44px rgba(15,23,42,.04);
}
body[data-page="contact"] .contact-wide-card.catalog-wide-card--reverse{
  grid-template-columns:minmax(360px,1.02fr) minmax(280px,.98fr);
}
body[data-page="contact"] .contact-wide-card.catalog-wide-card--reverse .contact-wide-card__media{
  order:2;
}
body[data-page="contact"] .contact-wide-card.catalog-wide-card--reverse .contact-wide-card__content{
  order:1;
}
body[data-page="contact"] .contact-wide-card__media{
  display:grid;
  gap:22px;
  align-content:center;
}
body[data-page="contact"] .contact-intake-photo-shell{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:270px;
  padding:22px 22px 10px;
  border-radius:34px;
  border:1px solid #e8edf2;
  background:linear-gradient(180deg,#ffffff,#f7f8fa);
  box-shadow:0 18px 44px rgba(15,23,42,.05);
  overflow:hidden;
}
body[data-page="contact"] .contact-intake-photo{
  display:block;
  width:min(100%,460px);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 22px 34px rgba(15,23,42,.12));
}
body[data-page="contact"] .contact-wide-card__content{
  display:grid;
  gap:18px;
}
body[data-page="contact"] .contact-wide-card__shape,
body[data-page="contact"] .contact-warning-shape,
body[data-page="contact"] .contact-table-shape{
  position:relative;
  min-height:270px;
  border-radius:34px;
  background:linear-gradient(180deg,#ffffff,#f7f8fa);
  border:1px solid #e8edf2;
  box-shadow:0 18px 44px rgba(15,23,42,.05);
  overflow:hidden;
}
body[data-page="contact"] .contact-wide-card__shape::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:118px;
  height:118px;
  border-radius:32px;
  background:#111827;
  transform:translate(-50%,-50%) rotate(18deg);
  box-shadow:0 22px 38px rgba(17,24,39,.18);
}
body[data-page="contact"] .contact-wide-card__ring{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(17,24,39,.1);
}
body[data-page="contact"] .contact-wide-card__ring--a{
  width:310px;
  height:310px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
body[data-page="contact"] .contact-wide-card__ring--b{
  width:190px;
  height:190px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-color:rgba(200,155,60,.34);
}
body[data-page="contact"] .contact-wide-card__ring--c{
  width:54px;
  height:54px;
  right:26px;
  top:26px;
  background:rgba(200,155,60,.14);
  border:none;
}
body[data-page="contact"] .contact-intake-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
body[data-page="contact"] .contact-intake-card,
body[data-page="contact"] .contact-type-card{
  min-height:100%;
  padding:24px;
  border-radius:24px;
  border:1px solid #e7ebef;
  background:#fff;
  box-shadow:0 14px 34px rgba(15,23,42,.04);
}
body[data-page="contact"] .contact-intake-card h3,
body[data-page="contact"] .contact-type-card h3{
  margin:0 0 10px;
  color:#101828;
  font-size:22px;
  line-height:1.28;
}
body[data-page="contact"] .contact-intake-card p,
body[data-page="contact"] .contact-type-card p{
  margin:0;
  color:#667085;
  font-size:15px;
  line-height:1.85;
}
body[data-page="contact"] .contact-type-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
body[data-page="contact"] .contact-type-card ul{
  margin:14px 0 0;
  padding-left:22px;
  color:#475467;
  line-height:1.82;
}
body[data-page="contact"] .contact-type-card ul li + li{
  margin-top:8px;
}
body[data-page="contact"] .contact-warning-shape::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:170px;
  height:170px;
  border-radius:36px;
  background:linear-gradient(180deg,#111827,#1f2937);
  transform:translate(-50%,-50%) rotate(45deg);
  box-shadow:0 26px 46px rgba(17,24,39,.18);
}
body[data-page="contact"] .contact-warning-shape span{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
body[data-page="contact"] .contact-warning-shape span:nth-child(1){
  width:16px;
  height:86px;
  border-radius:999px;
  background:#fff;
  margin-top:-18px;
}
body[data-page="contact"] .contact-warning-shape span:nth-child(2){
  width:18px;
  height:18px;
  border-radius:50%;
  background:#fff;
  margin-top:58px;
}
body[data-page="contact"] .contact-warning-photo-shell{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:270px;
  padding:18px 18px 10px;
  border-radius:34px;
  border:1px solid #e8edf2;
  background:linear-gradient(180deg,#ffffff,#f7f8fa);
  box-shadow:0 18px 44px rgba(15,23,42,.05);
  overflow:hidden;
}
body[data-page="contact"] .contact-warning-photo{
  display:block;
  width:min(100%,520px);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 24px 34px rgba(15,23,42,.12));
}
body[data-page="contact"] .contact-table-photo{
  display:block;
  width:100%;
  height:auto;
  border-radius:28px;
  object-fit:cover;
}
body[data-page="contact"] .contact-alert{
  margin:0;
  border-color:#f5c38b;
  background:linear-gradient(180deg,#fff9ef,#fff4df);
  color:#9a3412;
  box-shadow:0 14px 34px rgba(154,52,18,.06);
}
body[data-page="contact"] .contact-safety-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:16px;
}
body[data-page="contact"] .contact-safety-card{
  padding:18px 18px 20px;
  border:1px solid #e8edf2;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff,#fbfcfe);
  box-shadow:0 12px 30px rgba(15,23,42,.04);
}
body[data-page="contact"] .contact-safety-card h3{
  margin:0 0 10px;
  color:#243041;
  font-size:20px;
  line-height:1.3;
}
body[data-page="contact"] .contact-safety-card p{
  margin:0;
  color:#667085;
  line-height:1.8;
}
body[data-page="contact"] .contact-safety-note{
  margin:16px 0 0;
  padding-top:14px;
  border-top:1px solid #eef2f6;
  color:#5f6c80;
  line-height:1.8;
}
body[data-page="contact"] .contact-table-shape{
  display:grid;
  gap:14px;
  align-content:center;
  padding:28px;
}
body[data-page="contact"] .contact-table-shape span{
  display:block;
  height:48px;
  border-radius:18px;
  background:#fff;
  border:1px solid #e5e7eb;
  box-shadow:0 10px 24px rgba(15,23,42,.04);
}
body[data-page="contact"] .contact-table-shape span:nth-child(1){
  width:68%;
}
body[data-page="contact"] .contact-table-shape span:nth-child(2){
  width:100%;
}
body[data-page="contact"] .contact-table-shape span:nth-child(3){
  width:82%;
}
body[data-page="contact"] .contact-table-shape span:nth-child(4){
  width:90%;
}
body[data-page="contact"] .contact-cta-group{
  margin-top:4px;
}
body[data-page="contact"] .contact-cta-band{
  border-color:#eceff3;
  box-shadow:0 18px 44px rgba(15,23,42,.04);
}
@media (max-width:1100px){
  body[data-page="contact"] .contact-catalog-hero__grid,
  body[data-page="contact"] .contact-wide-card,
  body[data-page="contact"] .contact-wide-card.catalog-wide-card--reverse{
    grid-template-columns:1fr;
  }
  body[data-page="contact"] .contact-wide-card.catalog-wide-card--reverse .contact-wide-card__media,
  body[data-page="contact"] .contact-wide-card.catalog-wide-card--reverse .contact-wide-card__content{
    order:initial;
  }
  body[data-page="contact"] .contact-catalog-hero__copy{
    max-width:none;
  }
  body[data-page="contact"] .contact-catalog-hero__visual{
    min-height:auto;
  }
  body[data-page="contact"] .contact-intake-grid,
  body[data-page="contact"] .contact-type-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:768px){
  body[data-page="contact"] .contact-catalog-hero{
    padding:66px 0 24px;
  }
  body[data-page="contact"] .contact-catalog-hero .container{
    width:min(100% - 28px,100%);
  }
  body[data-page="contact"] .contact-catalog-hero__grid{
    gap:34px;
    min-height:auto;
  }
  body[data-page="contact"] .contact-catalog-hero__copy h1{
    font-size:42px;
    line-height:1.08;
  }
  body[data-page="contact"] .contact-catalog-hero__lead{
    margin-top:18px;
    font-size:16px;
    line-height:1.85;
  }
  body[data-page="contact"] .contact-catalog-hero__accent{
    width:92px;
    height:92px;
  }
  body[data-page="contact"] .contact-catalog-hero__accent--top{
    top:12px;
    left:0;
  }
  body[data-page="contact"] .contact-catalog-hero__accent--bottom{
    right:0;
    bottom:0;
  }
  body[data-page="contact"] .contact-catalog-hero__panel,
  body[data-page="contact"] .contact-wide-card{
    padding:24px 20px;
    border-radius:26px;
  }
  body[data-page="contact"] .contact-catalog-hero__signals{
    grid-template-columns:1fr;
  }
  body[data-page="contact"] .contact-catalog-shell{
    padding-top:8px;
    padding-bottom:64px;
  }
  body[data-page="contact"] .contact-catalog-shell .container{
    gap:44px;
  }
  body[data-page="contact"] .contact-intake-grid,
  body[data-page="contact"] .contact-type-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:640px){
  body[data-page="contact"] .contact-catalog-shell .catalog-group{
    gap:20px;
  }
  body[data-page="contact"] .contact-catalog-shell .catalog-group__eyebrow{
    font-size:12px;
  }
  body[data-page="contact"] .contact-catalog-shell .catalog-group__title{
    font-size:30px;
  }
  body[data-page="contact"] .contact-group-desc{
    font-size:14px;
    line-height:1.8;
  }
  body[data-page="contact"] .contact-safety-grid{
    grid-template-columns:1fr;
  }
  body[data-page="contact"] .contact-wide-card{
    gap:20px;
    padding:24px 18px;
  }
  body[data-page="contact"] .contact-intake-photo-shell{
    min-height:220px;
    padding:16px 16px 8px;
    border-radius:26px;
  }
  body[data-page="contact"] .contact-warning-photo-shell{
    min-height:220px;
    padding:16px 14px 8px;
    border-radius:26px;
  }
  body[data-page="contact"] .contact-wide-card__shape,
  body[data-page="contact"] .contact-warning-shape,
  body[data-page="contact"] .contact-table-shape{
    min-height:220px;
    border-radius:26px;
  }
  body[data-page="contact"] .contact-intake-card,
  body[data-page="contact"] .contact-type-card{
    padding:20px;
  }
  body[data-page="contact"] .contact-safety-card{
    padding:16px 16px 18px;
    border-radius:18px;
  }
  body[data-page="contact"] .contact-intake-card h3,
  body[data-page="contact"] .contact-type-card h3{
    font-size:20px;
  }
  body[data-page="contact"] .contact-cta-band .btn{
    width:100%;
  }
}

/* Motion overrides */
[data-reveal]{
  opacity:0;
  transform:translate3d(0,26px,0) scale(.985);
  filter:blur(5px);
  transition:
    opacity var(--motion-base) var(--motion-ease),
    transform var(--motion-base) var(--motion-ease),
    filter var(--motion-base) var(--motion-ease);
  will-change:opacity,transform,filter;
}
[data-reveal].is-visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:none;
}

.motion-surface{
  position:relative;
  isolation:isolate;
  transform:translateZ(0);
  transition:
    transform .48s var(--motion-ease-soft),
    box-shadow .48s var(--motion-ease-soft),
    border-color .32s ease,
    background-color .32s ease;
}
.motion-surface > *{
  position:relative;
  z-index:1;
}
.motion-surface > .motion-glow{
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  transform:translate3d(0,10px,0);
  background:
    radial-gradient(180px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(37,99,235,.14),transparent 40%),
    radial-gradient(120px circle at calc(var(--pointer-x,50%) - 16%) calc(var(--pointer-y,50%) - 10%),rgba(200,155,60,.12),transparent 44%),
    linear-gradient(118deg,transparent 28%,rgba(255,255,255,.48) 50%,transparent 72%);
  background-repeat:no-repeat;
  background-position:center,center,-180% 50%;
  transition:
    opacity .34s ease,
    transform .46s var(--motion-ease-soft),
    background-position .9s var(--motion-ease);
  mix-blend-mode:screen;
}

@media (hover:hover) and (pointer:fine){
  .motion-surface:hover{
    transform:translate3d(0,-8px,0);
    box-shadow:0 30px 72px rgba(15,23,42,.12);
    border-color:rgba(148,163,184,.42);
  }
  .motion-surface:hover > .motion-glow{
    opacity:1;
    transform:translate3d(0,0,0);
    background-position:center,center,190% 50%;
  }
  .motion-surface:hover img{
    transform:translateY(-4px);
  }
  .trust-line span:hover,
  .showcase-tags span:hover,
  .product-specs span:hover,
  .logo-strip span:hover,
  .security-strip span:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 28px rgba(15,23,42,.08);
    border-color:#cbd5e1;
  }
}

.btn,
.topbar-link,
.site-nav a,
.nav-group-btn,
.nav-menu,
summary::after{
  transition-timing-function:var(--motion-ease-soft);
}

details{
  transition:
    border-color .3s ease,
    background-color .3s ease,
    box-shadow .35s var(--motion-ease-soft),
    transform .35s var(--motion-ease-soft);
}
details[open] > :not(summary){
  animation:motionAnswerIn .42s var(--motion-ease-soft) both;
}

tbody tr{
  transition:background-color .3s ease;
}
tbody tr:hover{
  background:rgba(37,99,235,.035);
}
