:root {
  --navy: #061a3a;
  --navy2: #0a2a5d;
  --blue: #2568df;
  --blue2: #4388ff;
  --cyan: #53c7f3;
  --orange: #f39a2d;
  --ink: #10213d;
  --muted: #64728b;
  --line: #dce5f2;
  --paper: #fff;
  --page: #f4f7fb;
  --soft: #edf4ff;
  --green: #1fa66a;
  --amber: #d98b22;
  --shadow: 0 22px 70px rgba(17, 48, 94, 0.12);
  --radius: 22px;
  --max: 1180px;
}

/* V613 public website experience */
/* __XY_V613_PUBLIC_WEBSITE_LOGIN_EXPERIENCE__ */
.public-home-v613 .site-header{background:rgba(247,249,252,.9)}
.public-home-v613 .v613-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 14%,rgba(45,105,225,.12),transparent 30rem),
    radial-gradient(circle at 88% 10%,rgba(243,154,45,.10),transparent 26rem),
    linear-gradient(180deg,#f9fbff 0%,#eef4fb 100%);
}
.public-home-v613 .v613-hero:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-360px;
  width:1400px;
  height:520px;
  transform:translateX(-50%);
  border-radius:50%;
  background:#f4f7fb;
}
.v613-hero-grid{
  position:relative;
  z-index:2;
  min-height:680px;
  padding:76px 0 104px;
  display:grid;
  grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);
  gap:56px;
  align-items:center;
}
.v613-hero-copy h1{margin:18px 0 22px;font-size:clamp(38px,4.1vw,58px);line-height:1.12;letter-spacing:-2.6px}
.v613-hero-copy h1 em{color:#1d64d4;font-style:normal}
.v613-hero-copy>p{max-width:650px;margin:0;color:#60728c;font-size:15px;line-height:1.95}
.v613-trust{margin-top:29px;display:flex;flex-wrap:wrap;gap:12px 19px}
.v613-trust span{display:flex;align-items:center;gap:7px;color:#536985;font-size:10px;font-weight:800}
.v613-trust span:before{content:"";width:6px;height:6px;border-radius:50%;background:#2f73df;box-shadow:0 0 0 4px rgba(47,115,223,.10)}
.v613-workspace{
  overflow:hidden;
  border:1px solid #cfdced;
  border-radius:25px;
  background:#fff;
  box-shadow:0 34px 80px rgba(20,52,99,.18);
  transform:perspective(1200px) rotateY(-2deg) rotateX(1deg);
}
.workspace-top{min-height:68px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #dbe5f1;background:linear-gradient(180deg,#fff,#f6f9fd)}
.workspace-top>div{display:flex;align-items:center;gap:10px}.workspace-top img{width:35px;height:35px;padding:3px;border-radius:10px;background:#fff;box-shadow:0 5px 14px rgba(16,50,94,.12)}
.workspace-top span{display:grid}.workspace-top b{font-size:12px}.workspace-top small{margin-top:2px;color:#8190a5;font-size:7px}
.workspace-ready{padding:7px 9px!important;display:flex!important;align-items:center;gap:6px;border:1px solid #cde5d9;border-radius:999px;color:#17734e;background:#f0faf5;font-size:7px;font-weight:900}
.workspace-ready i{width:6px;height:6px;border-radius:50%;background:#20ad76;box-shadow:0 0 0 4px rgba(32,173,118,.10)}
.workspace-body{min-height:430px;display:grid;grid-template-columns:112px minmax(0,1fr)}
.workspace-body aside{padding:18px 12px;display:flex;flex-direction:column;gap:7px;color:#5c6f8a;border-right:1px solid #dfe8f3;background:#0b2b60}
.workspace-body aside span,.workspace-body aside b{padding:9px 10px;border-radius:9px;font-size:8px}
.workspace-body aside b{color:#fff;background:#2e67cf;box-shadow:0 6px 16px rgba(16,40,85,.22)}
.workspace-body aside span{color:#b8c9df}
.workspace-main{min-width:0;padding:20px;background:#f5f8fc}
.workspace-path{padding:12px 13px;display:flex;align-items:center;border:1px solid #dbe5f1;border-radius:12px;background:#fff}
.workspace-path span{color:#7a8ca4;font-size:8px;font-weight:900}.workspace-path span.active{color:#185fc9}.workspace-path i{height:1px;flex:1;margin:0 7px;background:linear-gradient(90deg,#68a1ef,#d9e4f2)}
.workspace-cards{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.workspace-cards article{min-height:92px;padding:13px;border:1px solid #dbe5f1;border-radius:12px;background:#fff}
.workspace-cards small,.workspace-cards b,.workspace-cards p{display:block}.workspace-cards small{color:#7588a3;font-size:7px}.workspace-cards b{margin-top:9px;color:#163d77;font-size:13px}.workspace-cards p{margin:5px 0 0;color:#8a97a9;font-size:7px}
.workspace-table{margin-top:12px;overflow:hidden;border:1px solid #dbe5f1;border-radius:12px;background:#fff}
.workspace-table header,.workspace-table>div{min-height:41px;padding:0 11px;display:grid;grid-template-columns:1.1fr .9fr 1.25fr .65fr;align-items:center;gap:8px;border-top:1px solid #e6edf5;font-size:7.5px}
.workspace-table header{min-height:34px;border-top:0;color:#72849d;background:#edf3fa;font-weight:900}.workspace-table>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-table em{justify-self:start;padding:5px 7px;border-radius:999px;color:#176a49;background:#e8f8f0;font-size:7px;font-style:normal;font-weight:900}.workspace-table>div:last-child em{color:#976115;background:#fff2dc}
.v613-principles{position:relative;z-index:4;margin-top:-35px}
.v613-principles .container{padding:23px 25px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d3e0ef;border-radius:19px;background:#fff;box-shadow:0 22px 55px rgba(22,54,101,.09)}
.v613-principles article{padding:0 20px;display:grid;grid-template-columns:33px minmax(0,1fr);gap:11px;align-items:center;border-left:1px solid #e4ebf5}.v613-principles article:first-child{border-left:0}
.v613-principles article>span{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;color:#2167d2;background:#edf4ff;font-size:8px;font-weight:900}
.v613-principles b,.v613-principles p{display:block}.v613-principles b{font-size:12px}.v613-principles p{margin:4px 0 0;color:#7d8ca1;font-size:8px}
.v613-modules{padding-top:112px;background:#f4f7fb}
.v613-modules .section-head h2{font-size:clamp(30px,3.7vw,46px)}
.v613-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.v613-module{position:relative;min-height:248px;padding:27px;overflow:hidden;border:1px solid #d6e2ef;border-radius:19px;background:#fff;box-shadow:0 13px 36px rgba(20,51,96,.05);transition:.2s}
.v613-module:hover{transform:translateY(-4px);border-color:#b7cce8;box-shadow:0 20px 44px rgba(20,51,96,.10)}
.v613-module>span{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,#1d62cd,#4387f1);box-shadow:0 10px 23px rgba(37,104,223,.20);font-size:13px;font-weight:900}
.v613-module:nth-child(3n+2)>span{background:linear-gradient(145deg,#e0a34e,#b36e1f)}
.v613-module:nth-child(3n)>span{background:linear-gradient(145deg,#1c9b70,#147151)}
.v613-module small{position:absolute;right:25px;top:30px;color:#8195b2;font-size:7px;font-weight:900;letter-spacing:1.25px}
.v613-module h3{margin:20px 0 10px;font-size:19px}.v613-module p{margin:0;color:#65758c;font-size:11px;line-height:1.78}.v613-module>b{position:absolute;left:27px;right:27px;bottom:24px;padding-top:12px;border-top:1px solid #e7edf5;color:#3567a7;font-size:8px;line-height:1.55}
.v613-module.featured{color:#fff;border-color:#123f86;background:linear-gradient(145deg,#09275a,#124a99)}.v613-module.featured>span{background:rgba(255,255,255,.13);box-shadow:none}.v613-module.featured small{color:#9ebbe3}.v613-module.featured p{color:#c3d2e7}.v613-module.featured>b{border-color:rgba(255,255,255,.13);color:#b9d4f7}
.v613-flow-section{background:#071d43;color:#fff}
.v613-flow-section .container{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:center}
.v613-flow-copy h2{margin:16px 0 15px;font-size:clamp(31px,3.8vw,48px);line-height:1.18;letter-spacing:-1.5px}.v613-flow-copy p{margin:0 0 24px;color:#a9bddb;font-size:12px;line-height:1.85}.v613-flow-copy .text-link{color:#a8cdfd}
.v613-flow{display:grid;gap:10px}
.v613-flow article{padding:17px 19px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:15px;align-items:center;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.055)}
.v613-flow article>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:12px;color:#d6e6fb;background:#1c55ab;font-size:9px;font-weight:900}.v613-flow small{color:#83a8d9;font-size:7px;font-weight:900;letter-spacing:1.1px}.v613-flow h3{margin:5px 0 3px;font-size:15px}.v613-flow p{margin:0;color:#aebfd7;font-size:9px}
.v613-security-section{background:linear-gradient(180deg,#f6f9fd,#edf3fa)}
.v613-security-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.v613-security-card,.v613-access-card{border:1px solid #d4e1ef;border-radius:21px;background:#fff;box-shadow:0 16px 45px rgba(20,51,96,.06)}
.v613-security-card{padding:30px;display:grid;grid-template-columns:50px minmax(0,1fr);gap:0 18px}
.v613-security-card .shield{grid-row:1;width:50px;height:50px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#1b66d7,#3f89f6);font-size:14px;font-weight:900}
.v613-security-card>div{grid-column:2}.v613-security-card small,.v613-access-card>small{color:#3670c1;font-size:7px;font-weight:900;letter-spacing:1.3px}.v613-security-card h2{margin:7px 0 10px;font-size:28px;letter-spacing:-.8px}.v613-security-card p{margin:0;color:#667890;font-size:11px;line-height:1.8}.v613-security-card ul{grid-column:1/-1;margin:24px 0 22px;padding:18px 20px 18px 40px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 30px;border-radius:14px;color:#3c5271;background:#f3f7fc;font-size:9px;line-height:1.6}.v613-security-card li::marker{color:#2570df}.v613-security-card>.btn{grid-column:1/-1;justify-self:start}
.v613-access-card{padding:30px;background:linear-gradient(145deg,#fff,#f7faff)}.v613-access-card h3{margin:10px 0 11px;font-size:23px}.v613-access-card p{margin:0;color:#687990;font-size:10px;line-height:1.8}.v613-access-card>div{margin:25px 0 18px;padding:14px;display:grid;gap:5px;border:1px solid #d6e2f0;border-radius:12px;background:#fff}.v613-access-card>div span{color:#8391a5;font-size:8px}.v613-access-card>div b{color:#174f9f;font-size:13px}.v613-access-card>.btn{width:100%}
.v613-cta .container{align-items:center}.v613-cta-actions{display:flex;gap:10px}.v613-cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.06)}
.public-home-v613 .footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.public-home-v613 .footer-bottom>span:last-child{text-align:right}.icp-link{color:#aebdd1;font-size:9px}.icp-link:hover{color:#fff}
@media(max-width:1080px){
  .v613-hero-grid{grid-template-columns:1fr;padding-top:70px}.v613-hero-copy{text-align:center}.v613-hero-copy>p{margin:auto}.v613-hero-copy .hero-actions,.v613-trust{justify-content:center}.v613-workspace{max-width:760px;margin:auto;transform:none}
  .v613-principles{margin-top:0;padding-top:24px}.v613-principles .container{grid-template-columns:repeat(2,1fr);gap:20px}.v613-principles article:nth-child(3){border-left:0}
  .v613-flow-section .container{grid-template-columns:1fr}.v613-flow-copy{text-align:center}.v613-security-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .v613-hero-grid{min-height:0;padding:55px 0 70px}.v613-hero-copy h1{font-size:38px}.workspace-body{grid-template-columns:1fr}.workspace-body aside{display:none}.workspace-main{padding:13px}.workspace-cards{grid-template-columns:1fr}.workspace-cards article{min-height:78px}.workspace-table header,.workspace-table>div{grid-template-columns:1fr 1fr}.workspace-table header span:nth-child(3),.workspace-table header span:nth-child(4),.workspace-table>div span:nth-child(3),.workspace-table>div em{display:none}
  .v613-principles .container{grid-template-columns:1fr}.v613-principles article{border-left:0}.v613-module-grid{grid-template-columns:1fr}.v613-security-card{grid-template-columns:1fr}.v613-security-card .shield{margin-bottom:14px}.v613-security-card>div{grid-column:1}.v613-security-card ul{grid-template-columns:1fr}.v613-cta-actions{flex-direction:column}.public-home-v613 .footer-bottom{grid-template-columns:1fr}.public-home-v613 .footer-bottom>span:last-child{text-align:left}
}
@media(max-width:520px){.v613-hero-copy h1{font-size:31px}.v613-hero-copy>p{font-size:13px}.v613-trust{display:grid;grid-template-columns:1fr 1fr;text-align:left}.v613-principles .container{width:calc(100% - 24px);padding:20px}.v613-module{min-height:265px}.v613-security-card,.v613-access-card{padding:23px}}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  color: var(--ink);
  background: var(--page);
  font-family:
    "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a {
  color: inherit;
  text-decoration: none;
}
img,
svg {
  display: block;
  max-width: 100%;
}
button,
input {
  font: inherit;
}
.container {
  width: min(var(--max), calc(100% - 40px));
  margin: auto;
}
.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;
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid transparent;
  background: rgba(244, 247, 251, 0.82);
  backdrop-filter: blur(18px);
  transition: 0.2s;
}
.site-header.is-scrolled {
  border-color: rgba(198, 211, 231, 0.85);
  box-shadow: 0 10px 36px rgba(15, 42, 84, 0.08);
}
.header-inner {
  width: min(1240px, calc(100% - 32px));
  min-height: 76px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 30px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
}
.brand img {
  width: 48px;
  height: 48px;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 7px 20px rgba(23, 56, 105, 0.11);
}
.brand span {
  display: grid;
  gap: 2px;
}
.brand strong {
  font-size: 18px;
  letter-spacing: 0.3px;
}
.brand small {
  color: #567093;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 1.8px;
}
.site-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex: 1;
}
.site-nav a {
  padding: 10px 12px;
  color: #455974;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 800;
}
.site-nav a:hover,
.site-nav a.active {
  color: #145bc9;
  background: #e7f0ff;
}
.btn {
  min-height: 44px;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 900;
  transition: 0.2s;
}
.btn:hover {
  transform: translateY(-2px);
}
.btn-primary {
  color: #fff;
  background: linear-gradient(135deg, #1554bd, #2e78ed);
  box-shadow: 0 12px 28px rgba(37, 104, 223, 0.22);
}
.btn-ghost {
  color: #164f9f;
  border-color: #bdd0ea;
  background: rgba(255, 255, 255, 0.75);
}
.btn-light {
  color: #0d3978;
  background: #fff;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);
}
.btn-lg {
  min-height: 52px;
  padding: 0 25px;
  font-size: 13px;
}
.menu-toggle {
  display: none;
  width: 42px;
  height: 42px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #fff;
}
.menu-toggle span {
  height: 2px;
  margin: 4px 0;
  display: block;
  background: #183f75;
}
.eyebrow {
  color: #2c6ed9;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2px;
}
.hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 10% 15%,
      rgba(54, 125, 239, 0.13),
      transparent 30rem
    ),
    radial-gradient(
      circle at 92% 20%,
      rgba(243, 154, 45, 0.1),
      transparent 25rem
    ),
    linear-gradient(#f8faff, #eef4fb);
}
.hero:after {
  content: "";
  position: absolute;
  inset: auto -10% -250px;
  width: 120%;
  height: 420px;
  border-radius: 50%;
  background: #f4f7fb;
}
.hero-grid {
  position: relative;
  z-index: 2;
  min-height: 690px;
  padding: 90px 0 110px;
  display: grid;
  grid-template-columns: 1.03fr 0.97fr;
  align-items: center;
  gap: 55px;
}
.hero-copy h1 {
  margin: 20px 0 24px;
  font-size: clamp(34px, 3.5vw, 46px);
  line-height: 1.12;
  letter-spacing: -2.3px;
}
.hero-copy h1.one-line-hero {
  white-space: normal;
}
.hero-copy h1 .hero-line {
  display: block;
  white-space: nowrap;
}
.hero-copy h1 em {
  color: #1b64d3;
  font-style: normal;
}
.hero-copy > p {
  max-width: 680px;
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.9;
}
.hero-actions {
  margin-top: 34px;
  display: flex;
  gap: 12px;
}
.trust-row {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px 22px;
}
.trust-row span {
  color: #526986;
  font-size: 11px;
  font-weight: 800;
}
.trust-row span:before {
  content: "✓";
  margin-right: 7px;
  color: #236dda;
}
.hero-console {
  position: relative;
  min-height: 520px;
  display: grid;
  place-items: center;
}
.console-glow {
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(54, 132, 247, 0.26),
    transparent 68%
  );
  filter: blur(4px);
}
.console-shell {
  position: relative;
  width: 100%;
  max-width: 545px;
  padding: 24px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 28px;
  background: linear-gradient(145deg, #071c42, #0d3470 65%, #1552a4);
  box-shadow: 0 35px 85px rgba(7, 35, 82, 0.28);
  transform: perspective(1100px) rotateY(-4deg) rotateX(2deg);
}
.console-head,
.permission-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.console-head > div {
  display: grid;
  gap: 5px;
}
.console-head small,
.permission-top small {
  color: #8eb8f0;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 1.6px;
}
.console-head strong {
  font-size: 19px;
}
.live {
  padding: 7px 10px;
  border-radius: 999px;
  color: #dceaff;
  background: rgba(255, 255, 255, 0.08);
  font-size: 9px;
  font-weight: 800;
}
.live i {
  width: 7px;
  height: 7px;
  margin-right: 5px;
  display: inline-block;
  border-radius: 50%;
  background: #52d597;
  box-shadow: 0 0 0 5px rgba(82, 213, 151, 0.12);
}
.console-metrics {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.console-metrics article {
  min-height: 105px;
  padding: 15px;
  display: grid;
  align-content: start;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.06);
}
.console-metrics small {
  color: #a5c4eb;
  font-size: 9px;
}
.console-metrics b {
  font-size: 21px;
}
.console-metrics span {
  color: #c0d2eb;
  font-size: 8px;
  line-height: 1.5;
}
.console-flow {
  margin: 14px 0;
  padding: 13px;
  display: flex;
  align-items: center;
  border-radius: 13px;
  background: rgba(1, 17, 43, 0.26);
}
.console-flow span {
  color: #839fc8;
  font-size: 9px;
  font-weight: 900;
}
.console-flow span.done {
  color: #9dc2f6;
}
.console-flow span.active {
  color: #fff;
}
.console-flow i {
  height: 1px;
  flex: 1;
  margin: 0 8px;
  background: linear-gradient(90deg, #5f9eee, rgba(95, 158, 238, 0.2));
}
.console-table {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 13px;
}
.console-table > div {
  min-height: 39px;
  padding: 0 12px;
  display: grid;
  grid-template-columns: 1.45fr 0.55fr 0.75fr 0.8fr;
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  font-size: 8px;
}
.console-table .table-head {
  min-height: 34px;
  border-top: 0;
  color: #8fb4e4;
  background: rgba(1, 16, 42, 0.25);
  font-weight: 900;
}
.status {
  justify-self: start;
  padding: 5px 7px;
  border-radius: 999px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}
.status.blue {
  color: #d9eaff;
  background: #2870d7;
}
.status.green {
  color: #d8faea;
  background: #19885a;
}
.status.amber {
  color: #fff0d7;
  background: #b87319;
}
.proof-strip {
  position: relative;
  z-index: 4;
  margin-top: -38px;
}
.proof-grid {
  padding: 24px 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid #d5e1f0;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 20px 50px rgba(22, 54, 101, 0.09);
}
.proof-grid div {
  padding: 0 22px;
  display: grid;
  gap: 5px;
  border-left: 1px solid #e4ebf5;
}
.proof-grid div:first-child {
  border-left: 0;
}
.proof-grid b {
  font-size: 15px;
}
.proof-grid span {
  color: var(--muted);
  font-size: 10px;
}
.section {
  padding: 96px 0;
}
.section-head {
  max-width: 780px;
  margin: 0 auto 44px;
  text-align: center;
}
.section-head h2,
.split-copy h2,
.page-hero h1,
.cta-band h2 {
  margin: 17px 0 14px;
  font-size: clamp(33px, 4vw, 52px);
  line-height: 1.18;
  letter-spacing: -1.7px;
}
.one-line-title {
  max-width: 100%;
  font-size: clamp(31px, 3.7vw, 48px);
  white-space: nowrap;
}
.split-copy h2.split-title {
  font-size: clamp(28px, 2.9vw, 37px);
  letter-spacing: -1.3px;
}
.section-head p,
.split-copy > p,
.page-hero p,
.cta-band p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.9;
}
.module-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.module-card {
  position: relative;
  min-height: 285px;
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  box-shadow: 0 14px 45px rgba(25, 54, 101, 0.05);
  transition: 0.2s;
}
.module-card:hover {
  transform: translateY(-5px);
  border-color: #b7cde9;
  box-shadow: 0 23px 55px rgba(25, 54, 101, 0.11);
}
.icon {
  width: 50px;
  height: 50px;
  padding: 12px;
  display: grid;
  place-items: center;
  color: #fff;
  border-radius: 15px;
  background: linear-gradient(145deg, #1457c0, #3b83f4);
  box-shadow: 0 12px 25px rgba(37, 104, 223, 0.22);
}
.icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.module-card > span:not(.icon) {
  position: absolute;
  right: 28px;
  top: 24px;
  color: #d7e1ef;
  font-family: Georgia, serif;
  font-size: 34px;
  font-weight: 700;
}
.module-card h3 {
  margin: 24px 0 12px;
  font-size: 22px;
}
.module-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.8;
}
.module-card b {
  position: absolute;
  left: 30px;
  bottom: 28px;
  color: #2d609f;
  font-size: 10px;
}
.core-flow-section {
  padding-bottom: 84px;
}
.ops-chain {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  align-items: stretch;
  gap: 13px;
}
.ops-chain > i {
  display: grid;
  place-items: center;
  color: #87a7d0;
  font-size: 19px;
  font-style: normal;
}
.ops-step {
  position: relative;
  min-height: 195px;
  padding: 25px 23px;
  overflow: hidden;
  border: 1px solid #d8e3ef;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 35px rgba(20, 51, 96, 0.05);
  transition: 0.2s;
}
.ops-step:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #1f64ce, #63a1f5);
}
.ops-step:hover {
  transform: translateY(-4px);
  border-color: #b1cae8;
  box-shadow: 0 18px 42px rgba(20, 51, 96, 0.1);
}
.ops-step > span {
  position: absolute;
  top: 16px;
  right: 20px;
  color: #e1e9f3;
  font-family: Georgia, serif;
  font-size: 30px;
  font-weight: 700;
}
.ops-step small {
  color: #3974c5;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 1.4px;
}
.ops-step h3 {
  margin: 38px 0 11px;
  font-size: 19px;
}
.ops-step p {
  margin: 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.75;
}
.ops-chain-note {
  margin-top: 14px;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  border: 1px solid #d7e4f2;
  border-radius: 13px;
  background: #edf4fd;
}
.ops-chain-note span {
  color: #2464bd;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.5px;
}
.ops-chain-note i {
  width: 1px;
  height: 18px;
  background: #c4d6ec;
}
.ops-chain-note b {
  color: #3b587c;
  font-size: 10px;
}
.highlight-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 18%, rgba(49, 119, 231, 0.12), transparent 24rem),
    linear-gradient(180deg, #edf4fc, #f7f9fc);
}
.highlight-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.highlight-grid.repricing-grid {
  grid-template-columns: repeat(4, 1fr);
}
.highlight-grid.home-bento {
  grid-template-columns: repeat(12, 1fr);
}
.highlight-grid.home-bento .highlight-wide {
  grid-column: span 6;
  min-height: 270px;
}
.highlight-grid.home-bento .highlight-compact {
  grid-column: span 3;
  min-height: 225px;
  padding: 23px;
}
.highlight-grid.home-bento .highlight-compact h3 {
  margin-top: 23px;
  font-size: 17px;
}
.highlight-grid.home-bento .highlight-compact p {
  margin-bottom: 18px;
  font-size: 10px;
}
.highlight-card {
  position: relative;
  min-height: 270px;
  padding: 27px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #d7e2ef;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 15px 42px rgba(20, 51, 96, 0.06);
  transition: 0.2s;
}
.highlight-card:hover {
  transform: translateY(-4px);
  border-color: #aac5e8;
  box-shadow: 0 22px 50px rgba(20, 51, 96, 0.12);
}
.highlight-card.featured {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.14);
  background:
    radial-gradient(circle at 100% 0, rgba(79, 149, 255, 0.38), transparent 16rem),
    linear-gradient(145deg, #071d45, #0e3f86);
  box-shadow: 0 24px 55px rgba(8, 42, 92, 0.2);
}
.highlight-mark {
  position: absolute;
  top: 20px;
  right: 23px;
  color: #dbe6f3;
  font-family: Georgia, serif;
  font-size: 30px;
  font-weight: 700;
}
.highlight-card.featured .highlight-mark {
  color: rgba(159, 198, 255, 0.42);
}
.highlight-card > small {
  max-width: calc(100% - 46px);
  color: #3571c4;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 1.6px;
}
.highlight-card.featured > small {
  color: #86b7f5;
}
.highlight-card h3 {
  margin: 27px 0 12px;
  font-size: 20px;
}
.highlight-card p {
  margin: 0 0 24px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.85;
}
.highlight-card.featured p {
  color: #c5d6ed;
}
.highlight-tags {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.highlight-tags span {
  padding: 7px 9px;
  color: #31639f;
  border-radius: 999px;
  background: #e7f0fc;
  font-size: 8px;
  font-weight: 900;
}
.highlight-card.featured .highlight-tags span {
  color: #dbeaff;
  background: rgba(255, 255, 255, 0.1);
}
.operation-section .section-head {
  margin-bottom: 34px;
}
.decision-journey {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.055);
  box-shadow: 0 24px 60px rgba(0, 12, 38, 0.18);
}
.decision-journey article {
  min-height: 275px;
  padding: 29px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.decision-journey article:first-child {
  border-left: 0;
}
.decision-journey header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.decision-journey header span {
  width: 37px;
  height: 37px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: #fff;
  background: linear-gradient(145deg, #2d77df, #5597f2);
  font-family: Georgia, serif;
  font-size: 14px;
  font-weight: 700;
}
.decision-journey header small {
  color: #76a8ed;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 1.3px;
}
.decision-journey h3 {
  margin: 28px 0 12px;
  font-size: 20px;
}
.decision-journey p {
  margin: 0;
  color: #bdcde3;
  font-size: 11px;
  line-height: 1.8;
}
.decision-journey ul {
  margin: 22px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
}
.decision-journey li {
  padding: 7px 9px;
  border-radius: 999px;
  color: #d8e7fa;
  background: rgba(255, 255, 255, 0.08);
  font-size: 8px;
  font-weight: 800;
}
.dark-section {
  color: #fff;
  background:
    radial-gradient(
      circle at 82% 8%,
      rgba(52, 126, 239, 0.32),
      transparent 28rem
    ),
    linear-gradient(135deg, #061a3c, #0a2b61 58%, #0e3e83);
}
.section-head.light h2 {
  color: #fff;
}
.section-head.light p {
  color: #bdcde4;
}
.feature-story-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.story-card {
  min-height: 360px;
  padding: 29px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.06);
}
.story-no {
  color: #6fa7f4;
  font-family: Georgia, serif;
  font-size: 28px;
  font-weight: 700;
}
.story-card h3 {
  margin: 32px 0 13px;
  font-size: 21px;
}
.story-card p {
  color: #c0d0e6;
  font-size: 12px;
  line-height: 1.8;
}
.story-card ul,
.security-card ul {
  margin: 24px 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
  list-style: none;
}
.story-card li,
.security-card li {
  font-size: 11px;
}
.story-card li:before,
.security-card li:before {
  content: "";
  width: 6px;
  height: 6px;
  margin-right: 9px;
  display: inline-block;
  border-radius: 50%;
  background: #5c9ef3;
}
.split-panel {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: 55px;
}
.split-copy > .icon {
  margin-bottom: 20px;
}
.check-list {
  margin: 28px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;
}
.check-list span {
  padding: 14px 15px;
  color: #3d5576;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  font-size: 11px;
  font-weight: 800;
}
.check-list span:before {
  content: "✓";
  margin-right: 8px;
  color: #226bd8;
}
.text-link {
  color: #1e63cb;
  font-size: 12px;
  font-weight: 900;
}
.permission-card,
.audit-card {
  padding: 30px;
  border: 1px solid #c8d8ec;
  border-radius: 24px;
  background: linear-gradient(145deg, #fff, #edf4ff);
  box-shadow: var(--shadow);
}
.permission-top {
  justify-content: flex-start;
}
.permission-top > .icon {
  width: 44px;
  height: 44px;
  padding: 10px;
}
.permission-top > div {
  display: grid;
  gap: 4px;
}
.permission-top strong {
  font-size: 16px;
}
.permission-row {
  min-height: 51px;
  padding: 0 14px;
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #dae5f3;
  border-radius: 12px;
  background: #fff;
  font-size: 11px;
  font-weight: 800;
}
.permission-row em {
  padding: 6px 8px;
  color: #1262d0;
  border-radius: 999px;
  background: #e6f0ff;
  font-size: 9px;
  font-style: normal;
}
.permission-row .muted-tag {
  color: #67768b;
  background: #eef1f5;
}
.device-row {
  margin-top: 18px;
  padding-top: 18px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  border-top: 1px dashed #c4d5ea;
  font-size: 10px;
}
.device-row i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #36ba7d;
  box-shadow: 0 0 0 5px rgba(54, 186, 125, 0.11);
}
.cta-band {
  padding: 66px 0;
  color: #fff;
  background: linear-gradient(135deg, #0a2a60, #1650a2);
}
.cta-band > .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.cta-band h2 {
  margin: 13px 0 8px;
  color: #fff;
  font-size: clamp(30px, 4vw, 46px);
}
.cta-band p {
  color: #c2d7f3;
}
.site-footer {
  padding: 60px 0 28px;
  color: #c9d5e6;
  background: #06152f;
}
.footer-grid {
  width: min(var(--max), calc(100% - 40px));
  margin: auto;
  display: grid;
  grid-template-columns: 2fr repeat(3, 1fr);
  gap: 44px;
}
.footer-brand p {
  max-width: 300px;
  color: #8298b6;
  font-size: 11px;
  line-height: 1.8;
}
.footer-brand .brand strong {
  color: #fff;
}
.footer-brand .brand small {
  color: #7791b3;
}
.footer-grid h4 {
  margin: 0 0 17px;
  color: #fff;
  font-size: 12px;
}
.footer-grid > div:not(.footer-brand) {
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.footer-grid a {
  color: #91a5c1;
  font-size: 10px;
}
.footer-grid a:hover {
  color: #fff;
}
.footer-bottom {
  width: min(var(--max), calc(100% - 40px));
  margin: 42px auto 0;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: #7188a7;
  font-size: 9px;
}
.page-hero {
  padding: 100px 0 90px;
  text-align: center;
  background:
    radial-gradient(
      circle at 15% 10%,
      rgba(51, 120, 232, 0.14),
      transparent 28rem
    ),
    linear-gradient(#f9fbff, #edf4fc);
}
.page-hero.compact {
  padding: 78px 0 70px;
}
.page-hero h1 {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.page-hero p {
  max-width: 760px;
  margin: auto;
}
.feature-sections {
  display: grid;
  gap: 100px;
}
.feature-section {
  scroll-margin-top: 100px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 55px;
}
.feature-section.reverse .feature-copy {
  order: 2;
}
.feature-copy > .icon {
  margin-bottom: 20px;
}
.feature-copy h2 {
  margin: 13px 0;
  font-size: 37px;
}
.feature-copy p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.85;
}
.feature-copy ul {
  margin: 22px 0 0;
  padding: 0;
  display: grid;
  gap: 11px;
  list-style: none;
}
.feature-copy li {
  color: #344d6d;
  font-size: 11px;
  font-weight: 700;
}
.feature-copy li:before {
  content: "✓";
  margin-right: 9px;
  color: #226bd8;
}
.ui-mock {
  min-height: 330px;
  padding: 24px;
  border: 1px solid #cddced;
  border-radius: 24px;
  background: linear-gradient(145deg, #fff, #eef4fb);
  box-shadow: var(--shadow);
}
.mock-head,
.mock-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.mock-head b {
  font-size: 15px;
}
.mock-head span,
.mock-toolbar span {
  color: #637593;
  font-size: 9px;
}
.mini-kpis {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.mini-kpis i {
  padding: 15px;
  display: grid;
  gap: 7px;
  border: 1px solid #dde7f3;
  border-radius: 13px;
  background: #fff;
  font-style: normal;
}
.mini-kpis small {
  color: #697a93;
  font-size: 8px;
}
.mini-kpis b {
  font-size: 16px;
}
.mini-chart {
  height: 150px;
  margin-top: 17px;
  padding: 15px;
  display: flex;
  align-items: flex-end;
  gap: 12px;
  border-radius: 14px;
  background: #fff;
}
.mini-chart span {
  flex: 1;
  border-radius: 6px 6px 2px 2px;
  background: linear-gradient(#4a8cf5, #1c60c9);
}
.mock-toolbar span {
  flex: 1;
  padding: 12px;
  border: 1px solid #dce6f2;
  border-radius: 10px;
  background: #fff;
}
.mock-toolbar b {
  padding: 11px;
  border-radius: 10px;
  color: #fff;
  background: #2368d5;
  font-size: 8px;
}
.mock-table {
  margin-top: 16px;
  overflow: hidden;
  border: 1px solid #dce6f1;
  border-radius: 12px;
  background: #fff;
}
.mock-table > div {
  min-height: 50px;
  padding: 0 13px;
  display: grid;
  grid-template-columns: 1.2fr 0.7fr 0.7fr 0.7fr;
  align-items: center;
  border-top: 1px solid #e5ecf5;
  font-size: 9px;
}
.mock-table .mh {
  min-height: 38px;
  border-top: 0;
  color: #72819a;
  background: #f2f6fb;
  font-weight: 900;
}
.mock-table em {
  color: #168456;
  font-style: normal;
  font-weight: 900;
}
.order-card {
  margin-top: 20px;
  padding: 20px;
  display: grid;
  gap: 9px;
  border: 1px solid #dbe6f2;
  border-radius: 16px;
  background: #fff;
}
.order-card small {
  color: #657893;
  font-size: 9px;
}
.order-card b {
  font-size: 16px;
}
.order-card span {
  color: #42638a;
  font-size: 10px;
}
.order-card em {
  color: #147b50;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}
.cost-row {
  margin-top: 13px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.cost-row span {
  padding: 14px 8px;
  text-align: center;
  border-radius: 11px;
  color: #36587f;
  background: #dfeafa;
  font-size: 9px;
  font-weight: 800;
}
.track-stage {
  margin-top: 12px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #dce6f3;
  border-radius: 12px;
  background: #fff;
}
.track-line {
  padding: 25px 14px;
  display: flex;
  align-items: center;
}
.track-line i {
  width: 14px;
  height: 14px;
  border: 4px solid #d4dfed;
  border-radius: 50%;
  background: #fff;
}
.track-line i.done {
  border-color: #2f77e5;
}
.track-line i + i:before {
  content: "";
  width: 75px;
  height: 2px;
  margin-left: -79px;
  margin-right: 0;
  display: block;
  background: #91b7ee;
  transform: translate(-10px, 2px);
}
.track-info {
  padding: 15px;
  border-radius: 11px;
  color: #2d65ac;
  background: #e3efff;
  font-size: 9px;
}
.three-fields {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.three-fields i {
  min-height: 90px;
  padding: 15px;
  display: grid;
  align-content: center;
  gap: 8px;
  border: 1px solid #dce6f2;
  border-radius: 13px;
  background: #fff;
  font-style: normal;
}
.three-fields small {
  color: #6a7c96;
  font-size: 8px;
}
.three-fields b {
  font-size: 14px;
}
.summary-line {
  margin-top: 15px;
  padding: 16px;
  border-radius: 12px;
  color: #305477;
  background: #dfeafa;
  font-size: 10px;
}
.reconcile-mock {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  align-content: center;
}
.reconcile-stat {
  padding: 22px 12px;
  display: grid;
  gap: 8px;
  text-align: center;
  border-radius: 13px;
  background: #fff;
}
.reconcile-stat span {
  color: #6b7c94;
  font-size: 9px;
}
.reconcile-stat b {
  font-size: 24px;
}
.audit-line {
  grid-column: 1/-1;
  padding: 15px;
  border-radius: 11px;
  color: #247153;
  background: #dcf5e9;
  font-size: 9px;
}
.audit-line i {
  width: 7px;
  height: 7px;
  margin-right: 7px;
  display: inline-block;
  border-radius: 50%;
  background: #20a66b;
}
.foundation-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.foundation-grid span {
  min-height: 75px;
  display: grid;
  place-items: center;
  border: 1px solid #dae5f2;
  border-radius: 13px;
  background: #fff;
  color: #315477;
  font-size: 10px;
  font-weight: 900;
}
.timeline {
  position: relative;
  max-width: 930px;
}
.timeline:before {
  content: "";
  position: absolute;
  left: 36px;
  top: 30px;
  bottom: 30px;
  width: 2px;
  background: linear-gradient(#2c73df, #d9e5f4);
}
.timeline-item {
  position: relative;
  padding: 0 0 65px 100px;
  display: grid;
  grid-template-columns: 1fr;
}
.timeline-item > span {
  position: absolute;
  left: 0;
  top: 0;
  width: 74px;
  height: 74px;
  display: grid;
  place-items: center;
  color: #fff;
  border: 8px solid #f4f7fb;
  border-radius: 50%;
  background: linear-gradient(145deg, #1458c1, #4287f4);
  font-family: Georgia, serif;
  font-size: 18px;
  font-weight: 700;
}
.timeline-item small {
  color: #3975cc;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 2px;
}
.timeline-item h2 {
  margin: 10px 0 12px;
  font-size: 30px;
}
.timeline-item p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.85;
}
.tags {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tags b {
  padding: 7px 9px;
  border-radius: 999px;
  color: #3264a2;
  background: #e7f0ff;
  font-size: 9px;
}
.security-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.security-card {
  min-height: 320px;
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: #fff;
}
.security-card h3 {
  margin: 22px 0 12px;
  font-size: 22px;
}
.security-card p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.8;
}
.security-card li {
  color: #435a78;
}
.soft-section {
  background: #edf3fa;
}
.audit-card {
  display: grid;
  gap: 11px;
}
.audit-card > div {
  padding: 16px;
  display: grid;
  gap: 6px;
  border: 1px solid #dce6f2;
  border-radius: 12px;
  background: #fff;
}
.audit-card small {
  color: #6c7c93;
  font-size: 8px;
  font-weight: 900;
}
.audit-card b {
  font-size: 11px;
}
.legal-note {
  padding: 65px 0;
  background: #fff;
}
.legal-note > .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.legal-note h2 {
  font-size: 26px;
}
.legal-note p {
  max-width: 670px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.8;
}
.legal-note a {
  margin-left: 20px;
  color: #1d63ca;
  font-size: 11px;
  font-weight: 900;
}
.plugin-login-card {
  padding: 27px;
  border: 1px solid #cad9eb;
  border-radius: 24px;
  background: linear-gradient(145deg, #fff, #edf4ff);
  box-shadow: var(--shadow);
}
.plugin-brand {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.plugin-brand img {
  width: 48px;
  height: 48px;
}
.plugin-brand > div {
  display: grid;
  gap: 5px;
}
.plugin-brand strong {
  font-size: 15px;
}
.plugin-brand small {
  color: #637793;
  font-size: 8px;
}
.plugin-login-card label {
  margin: 12px 0 6px;
  display: block;
  color: #445975;
  font-size: 9px;
  font-weight: 900;
}
.fake-input {
  padding: 13px;
  border: 1px solid #d3dfed;
  border-radius: 10px;
  color: #60718b;
  background: #fff;
  font-size: 10px;
}
.plugin-login-card button {
  width: 100%;
  min-height: 44px;
  margin-top: 17px;
  border: 0;
  border-radius: 11px;
  color: #fff;
  background: #276bd7;
  font-weight: 900;
}
.plugin-login-card > small {
  margin-top: 12px;
  display: block;
  color: #7a899e;
  text-align: center;
  font-size: 8px;
}
.policy-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.policy-card {
  min-height: 340px;
  padding: 31px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 21px;
  background: rgba(255, 255, 255, 0.06);
}
.policy-card.active {
  box-shadow: inset 0 0 0 1px #4c93ff;
}
.policy-card > span {
  color: #72a8f0;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 2px;
}
.policy-card h3 {
  margin: 24px 0 13px;
  font-size: 24px;
}
.policy-card p {
  color: #becfe5;
  font-size: 12px;
  line-height: 1.8;
}
.policy-card ul {
  padding: 0;
  display: grid;
  gap: 10px;
  list-style: none;
  color: #d7e2f2;
  font-size: 10px;
}
.policy-card li:before {
  content: "✓";
  margin-right: 8px;
  color: #65a1f4;
}
.mini-flow {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 15px;
}
.mini-flow article {
  min-height: 190px;
  padding: 23px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
}
.mini-flow article > b {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #fff;
  background: #2670dd;
}
.mini-flow h3 {
  margin: 21px 0 10px;
  font-size: 17px;
}
.mini-flow p {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.7;
}
.mini-flow > i {
  color: #6f97ca;
  font-style: normal;
}
.access-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.access-option {
  min-height: 410px;
  padding: 38px;
  border: 1px solid var(--line);
  border-radius: 25px;
  background: #fff;
}
.access-option.primary {
  color: #fff;
  border: 0;
  background:
    radial-gradient(
      circle at 90% 5%,
      rgba(83, 151, 255, 0.45),
      transparent 18rem
    ),
    linear-gradient(135deg, #082252, #134b9a);
}
.access-option small {
  color: #4a7bc0;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 2px;
}
.access-option.primary small {
  color: #86b5f4;
}
.access-option h2 {
  margin: 25px 0 14px;
  font-size: 31px;
}
.access-option p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.8;
}
.access-option.primary p {
  color: #c3d5ed;
}
.access-option .btn {
  margin-top: 30px;
}
.contact-notes {
  margin-top: 30px;
  display: grid;
  gap: 11px;
}
.contact-notes span {
  padding: 14px;
  border-radius: 11px;
  color: #36597f;
  background: #edf4ff;
  font-size: 10px;
  font-weight: 800;
}
.faq-list {
  max-width: 900px;
  margin: auto;
  display: grid;
  gap: 11px;
}
.faq-list details {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
}
.faq-list summary {
  padding: 19px 50px 19px 20px;
  cursor: pointer;
  list-style: none;
  font-size: 12px;
  font-weight: 900;
}
.faq-list summary::-webkit-details-marker {
  display: none;
}
.faq-list details p {
  margin: 0;
  padding: 0 20px 20px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.8;
}
.legal-page {
  padding: 65px 0 90px;
}
.legal-content {
  max-width: 880px;
  padding: 45px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: #fff;
}
.legal-content h2 {
  margin: 34px 0 12px;
  font-size: 20px;
}
.legal-content h2:first-child {
  margin-top: 0;
}
.legal-content p {
  color: #53657e;
  font-size: 12px;
  line-height: 1.95;
}
.legal-content a,
.access-option a:not(.btn) {
  color: var(--blue);
  font-weight: 800;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.service-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.service-grid article {
  min-height: 250px;
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fff;
}
.service-dot {
  width: 12px;
  height: 12px;
  display: block;
  border-radius: 50%;
}
.service-dot.ok {
  background: #25af70;
  box-shadow: 0 0 0 7px rgba(37, 175, 112, 0.12);
}
.service-dot.secure {
  background: #2873df;
  box-shadow: 0 0 0 7px rgba(40, 115, 223, 0.12);
}
.service-grid h2 {
  margin: 35px 0 8px;
  font-size: 20px;
}
.service-grid p {
  color: #2f65a9;
  font-size: 12px;
  font-weight: 900;
}
.service-grid small {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.7;
}
.not-found {
  min-height: 70vh;
  display: grid;
  place-items: center;
  text-align: center;
}
.not-found span {
  color: #d7e2f0;
  font-size: 110px;
  font-weight: 900;
}
.not-found h1 {
  font-size: 36px;
}
.not-found p {
  color: var(--muted);
}
.reveal {
  opacity: 0;
  transform: translateY(22px);
  transition:
    opacity 0.65s ease,
    transform 0.65s ease;
}
.reveal.is-visible {
  opacity: 1;
  transform: none;
}
.delay-1 {
  transition-delay: 0.1s;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .reveal {
    opacity: 1;
    transform: none;
  }
  *,
  *:before,
  *:after {
    animation: none !important;
    transition: none !important;
  }
}
@media (max-width: 980px) {
  .header-login {
    display: none;
  }
  .site-nav {
    position: absolute;
    top: 70px;
    left: 16px;
    right: 16px;
    padding: 12px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: #fff;
    box-shadow: var(--shadow);
  }
  .site-nav.open {
    display: flex;
  }
  .site-nav a {
    text-align: center;
  }
  .menu-toggle {
    display: block;
    margin-left: auto;
  }
  .hero-grid {
    min-height: auto;
    padding: 80px 0;
    grid-template-columns: 1fr;
  }
  .hero-copy {
    text-align: center;
  }
  .hero-copy > p {
    margin: auto;
  }
  .hero-actions,
  .trust-row {
    justify-content: center;
  }
  .console-shell {
    transform: none;
  }
  .proof-grid {
    grid-template-columns: 1fr 1fr;
  }
  .proof-grid div:nth-child(3) {
    border-left: 0;
  }
  .proof-grid div {
    padding: 14px 20px;
  }
  .feature-story-grid {
    grid-template-columns: 1fr;
  }
  .highlight-grid,
  .highlight-grid.repricing-grid {
    grid-template-columns: 1fr 1fr;
  }
  .highlight-grid.home-bento {
    grid-template-columns: 1fr 1fr;
  }
  .highlight-grid.home-bento .highlight-wide,
  .highlight-grid.home-bento .highlight-compact {
    grid-column: auto;
  }
  .ops-chain {
    grid-template-columns: 1fr 1fr;
  }
  .ops-chain > i {
    display: none;
  }
  .decision-journey {
    grid-template-columns: 1fr;
  }
  .decision-journey article {
    min-height: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 0;
  }
  .decision-journey article:first-child {
    border-top: 0;
  }
  .split-panel,
  .feature-section,
  .access-grid {
    grid-template-columns: 1fr;
  }
  .feature-section.reverse .feature-copy {
    order: 0;
  }
  .feature-sections {
    gap: 75px;
  }
  .footer-grid {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .footer-grid > div:last-child {
    grid-column: 2/4;
  }
  .mini-flow {
    grid-template-columns: 1fr 1fr;
  }
  .mini-flow > i {
    display: none;
  }
  .legal-note > .container {
    align-items: flex-start;
    flex-direction: column;
  }
  .service-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 700px) {
  .container,
  .footer-grid,
  .footer-bottom {
    width: calc(100% - 28px);
  }
  .header-inner {
    width: calc(100% - 20px);
    min-height: 68px;
  }
  .brand img {
    width: 43px;
    height: 43px;
  }
  .brand strong {
    font-size: 15px;
  }
  .brand small {
    font-size: 6.5px;
  }
  .hero-grid {
    padding: 62px 0 74px;
  }
  .hero-copy h1 {
    font-size: clamp(22px, 7vw, 34px);
    letter-spacing: -1.2px;
  }
  .one-line-title,
  .split-copy h2.split-title {
    font-size: clamp(16px, 4.9vw, 28px);
    letter-spacing: -0.8px;
  }
  .hero-copy > p {
    font-size: 13px;
  }
  .hero-actions {
    flex-direction: column;
  }
  .hero-actions .btn {
    width: 100%;
  }
  .hero-console {
    min-height: 440px;
  }
  .console-shell {
    padding: 17px;
    border-radius: 21px;
  }
  .console-metrics article {
    padding: 11px;
  }
  .console-metrics b {
    font-size: 16px;
  }
  .console-table > div {
    grid-template-columns: 1.5fr 0.5fr 0.7fr 0.8fr;
    padding: 0 8px;
  }
  .proof-strip {
    margin-top: -28px;
  }
  .proof-grid {
    padding: 13px;
    grid-template-columns: 1fr;
  }
  .proof-grid div,
  .proof-grid div:nth-child(3) {
    border-left: 0;
    border-top: 1px solid #e5ecf4;
  }
  .proof-grid div:first-child {
    border-top: 0;
  }
  .section {
    padding: 70px 0;
  }
  .section-head {
    margin-bottom: 30px;
  }
  .module-grid,
  .highlight-grid,
  .highlight-grid.repricing-grid,
  .highlight-grid.home-bento,
  .security-grid,
  .policy-grid,
  .service-grid {
    grid-template-columns: 1fr;
  }
  .module-card {
    min-height: 270px;
    padding: 24px;
  }
  .ops-chain {
    grid-template-columns: 1fr;
  }
  .ops-chain-note {
    align-items: flex-start;
    flex-direction: column;
  }
  .ops-chain-note i {
    width: 100%;
    height: 1px;
  }
  .highlight-grid.home-bento .highlight-wide {
    min-height: 235px;
  }
  .highlight-grid.home-bento .highlight-compact {
    min-height: 0;
  }
  .highlight-grid.home-bento .highlight-compact .highlight-tags {
    margin-top: 0;
  }
  .module-card b {
    left: 24px;
  }
  .check-list {
    grid-template-columns: 1fr;
  }
  .cta-band > .container {
    align-items: flex-start;
    flex-direction: column;
  }
  .cta-band .btn {
    width: 100%;
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  .footer-brand {
    grid-column: 1/-1;
  }
  .footer-grid > div:last-child {
    grid-column: auto;
  }
  .footer-bottom {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
  .page-hero {
    padding: 72px 0 65px;
  }
  .page-hero h1 {
    font-size: 37px;
  }
  .feature-copy h2 {
    font-size: 31px;
  }
  .ui-mock {
    min-height: 290px;
    padding: 16px;
  }
  .three-fields {
    grid-template-columns: 1fr;
  }
  .reconcile-mock {
    grid-template-columns: 1fr;
  }
  .reconcile-stat {
    padding: 14px;
  }
  .foundation-grid {
    grid-template-columns: 1fr 1fr;
  }
  .timeline:before {
    left: 24px;
  }
  .timeline-item {
    padding-left: 72px;
  }
  .timeline-item > span {
    width: 50px;
    height: 50px;
    border-width: 6px;
    font-size: 13px;
  }
  .timeline-item h2 {
    font-size: 25px;
  }
  .mini-flow {
    grid-template-columns: 1fr;
  }
  .legal-content {
    padding: 25px;
  }
  .not-found span {
    font-size: 80px;
  }
}

/* V613: the public footer has three equally intentional pieces: company,
   ICP record and the independence notice. Keep the filing visible without
   making it look like a floating fourth column. */
.site-footer .footer-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 18px;
}

.site-footer .footer-bottom > span:last-child {
  text-align: right;
}

.site-footer .icp-link {
  color: #aebdd1;
  font-size: 9px;
  white-space: nowrap;
}

.site-footer .icp-link:hover {
  color: #fff;
}

@media (max-width: 760px) {
  .site-footer .footer-bottom {
    grid-template-columns: 1fr;
    align-items: start;
    text-align: left;
  }

  .site-footer .footer-bottom > span:last-child {
    text-align: left;
  }
}