@font-face{font-family:'Barlow';src:url('../fonts/Barlow-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url('../fonts/Barlow-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url('../fonts/Barlow-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}

:root{
  --color-bg:#0a0a0a;--color-surface:#111111;--color-text:#fafafa;
  --color-text-body:rgba(250,250,250,0.7);--color-text-muted:rgba(250,250,250,0.5);
  --color-border:rgba(250,250,250,0.12);--color-brand:#E63946;--color-brand-hover:#ff4d5a;--color-green:#22c55e;
  --font-family:'Barlow','PingFang SC','Microsoft YaHei',sans-serif;
  --font-regular:400;--font-medium:500;--font-semi:600;
  --text-h1:64px;--text-h2:48px;--text-h3:32px;--text-h4:24px;--text-h5:20px;--text-main:18px;--text-small:16px;--text-xs:14px;
  --space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-7:48px;--space-8:64px;--space-10:112px;
  --site-margin:48px;--max-width:1200px;--radius-sm:8px;--radius-md:12px;--border-w:1.5px;--btn-px:24px;--btn-py:12px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{text-size-adjust:100%}
body{
  font-family:var(--font-family);
  font-weight:var(--font-regular);
  font-size:var(--text-main);
  line-height:1.5;
  color:var(--color-text-body);
  background:var(--color-bg);
  -webkit-font-smoothing:antialiased;
}
img,svg{display:block;max-width:100%;height:auto}
a{color:var(--color-brand);text-decoration:none}
a:hover{color:var(--color-brand-hover)}

h1,h2,h3,h4,h5,h6{font-weight:var(--font-medium);color:var(--color-text);line-height:1.1}
h1{font-size:var(--text-h1);letter-spacing:-1.92px}
h2{font-size:var(--text-h2);letter-spacing:-1.44px}
h3{font-size:var(--text-h3)}
h4{font-size:var(--text-h4)}
h5{font-size:var(--text-h5)}
p+p{margin-top:var(--space-3)}

.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--site-margin)}
.section{padding:var(--space-10) 0}
.section-sm{padding:var(--space-8) 0}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:var(--btn-py) var(--btn-px);
  font-family:var(--font-family);font-size:var(--text-small);font-weight:var(--font-medium);
  line-height:1.5;border-radius:var(--radius-sm);
  border:var(--border-w) solid transparent;cursor:pointer;
  transition:background .2s,border-color .2s;
}
.btn-primary{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-text)}
.btn-primary:hover{background:#c62d38;border-color:#c62d38;color:var(--color-text)}
.btn-secondary{background:transparent;border-color:var(--color-brand);color:var(--color-brand)}
.btn-secondary:hover{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-text)}
.btn-group{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-7)}

.site-header{
  position:sticky;top:0;z-index:100;
  padding:var(--space-3) 0;
  background:rgba(10,10,10,0.92);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:var(--border-w) solid var(--color-border);
}
.nav{display:flex;align-items:center;justify-content:space-between}
.logo img{height:32px;width:auto}
.nav-links{display:flex;align-items:center;gap:var(--space-5);list-style:none}
.nav-links a{color:var(--color-text-body);font-size:var(--text-small);font-weight:var(--font-medium)}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--color-text)}
.nav-toggle{display:none;background:none;border:none;color:var(--color-text);font-size:24px;cursor:pointer}

.hero{
  padding:var(--space-10) 0 var(--space-10);
  background:linear-gradient(160deg,#0a0a0a 0%,#1a1012 40%,#0a0a0a 100%);
}
.hero-inner{max-width:720px}
.hero-img{margin-top:var(--space-7)}
.hero-img img{width:100%;border-radius:var(--radius-md)}
.hero h1{line-height:1.15}
.hero .lead{font-size:var(--text-h5);color:var(--color-text-body);margin-top:var(--space-5)}

.check-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}
.check-list li{display:flex;align-items:baseline;gap:var(--space-2);color:var(--color-text)}
.check-list li::before{content:'\2713';color:var(--color-green);font-weight:var(--font-semi);flex-shrink:0}

.logos-strip{padding:var(--space-8) 0;border-top:var(--border-w) solid var(--color-border);border-bottom:var(--border-w) solid var(--color-border)}
.logos-strip p{text-align:center;color:var(--color-text-muted);font-size:var(--text-small);margin-bottom:var(--space-7)}
.logos-row{display:flex;align-items:center;justify-content:space-between}
.logos-row img{height:24px;width:0;flex:1 1 0;object-fit:contain;opacity:0.5;filter:grayscale(1) brightness(2);transition:opacity .2s;padding:0 var(--space-4)}
.logos-row img:hover{opacity:0.8}

.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);margin-top:var(--space-7)}
.step{padding:var(--space-4);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}
.step-num{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:50%;
  background:var(--color-brand);color:var(--color-text);
  font-weight:var(--font-semi);font-size:var(--text-small);margin-bottom:var(--space-3);
}
.step h3{font-size:var(--text-h5);margin-bottom:var(--space-2)}
.step p{font-size:var(--text-small);color:var(--color-text-body)}
img.step-img{width:100%;border-radius:var(--radius-sm);margin-top:var(--space-3)}

.int-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-7)}
.int-card{
  display:flex;flex-direction:column;align-items:center;gap:var(--space-3);
  padding:var(--space-5) var(--space-4);
  border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);
  background:var(--color-surface);text-align:center;
}
.int-card img{height:32px;width:auto;max-width:120px;object-fit:contain}
.int-card span{font-size:var(--text-small);color:var(--color-text)}
.int-card .badge{font-size:var(--text-xs);color:var(--color-green);font-weight:var(--font-medium)}
.int-card .badge-soon{color:var(--color-text-muted)}

.feature{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center}
.feature:nth-child(even){direction:rtl}
.feature:nth-child(even)>*{direction:ltr}
.feature-text h2{margin-bottom:var(--space-4)}
.feature-text p{color:var(--color-text-body)}
.feature-text .btn{margin-top:var(--space-5)}
img.feature-img{border-radius:var(--radius-md);border:var(--border-w) solid var(--color-border);width:100%}
.features-wrap>.feature+.feature{margin-top:var(--space-10)}

.testimonial{text-align:center;padding:var(--space-10) 0;border-top:var(--border-w) solid var(--color-border);border-bottom:var(--border-w) solid var(--color-border)}
.testimonial blockquote{font-size:var(--text-h3);font-weight:var(--font-medium);color:var(--color-text);line-height:1.3;max-width:800px;margin:0 auto}
.testimonial blockquote::before{content:'\201C';display:block;font-size:64px;color:var(--color-brand);line-height:1;margin-bottom:var(--space-3)}
.testimonial cite{display:block;margin-top:var(--space-5);font-style:normal;color:var(--color-text-muted);font-size:var(--text-main)}
.testimonial cite strong{color:var(--color-text);display:block;font-size:var(--text-h5)}

.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-7)}
.badge-card{
  padding:var(--space-5) var(--space-4);text-align:center;
  border:var(--border-w) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);
}
.badge-card img{height:56px;margin:0 auto var(--space-3)}
.badge-card span{font-size:var(--text-small);color:var(--color-text);font-weight:var(--font-medium)}

.cta-banner{text-align:center;padding:var(--space-10) 0}
.cta-banner h2{margin-bottom:var(--space-5)}

.site-footer{padding:var(--space-8) 0;border-top:var(--border-w) solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-small)}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-7)}
.footer-top h6{color:var(--color-text);margin-bottom:var(--space-3);font-size:var(--text-small)}
.footer-top ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}
.footer-top a{color:var(--color-text-muted)}
.footer-top a:hover{color:var(--color-text)}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}
.footer-brand img{height:28px;width:auto;opacity:0.5}
.footer-bottom{margin-top:var(--space-7);padding-top:var(--space-4);border-top:var(--border-w) solid var(--color-border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}

@media(max-width:1024px){
  .steps-grid{grid-template-columns:repeat(2,1fr)}
  .feature{grid-template-columns:1fr;gap:var(--space-5)}
  .feature:nth-child(even){direction:ltr}
  .footer-top{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  :root{
    --text-h1:40px;--text-h2:32px;--text-h3:24px;--text-h4:20px;
    --site-margin:20px;--space-10:64px;--space-8:48px;
  }
  .nav-toggle{display:block}
  .nav-links{
    display:none;flex-direction:column;position:absolute;
    top:100%;left:0;right:0;background:rgba(10,10,10,0.97);
    padding:var(--space-4);gap:var(--space-3);border-bottom:var(--border-w) solid var(--color-border);
  }
  .nav-links.open{display:flex}
  .site-header .nav{position:relative}
  .steps-grid{grid-template-columns:1fr}
  .int-grid{grid-template-columns:1fr 1fr}
  .badge-grid{grid-template-columns:1fr 1fr}
  .logos-row{flex-wrap:wrap;justify-content:center;gap:var(--space-4)}
  .logos-row img{flex:0 0 auto;width:80px;padding:0}
  .testimonial blockquote{font-size:var(--text-h4)}
  .footer-top{grid-template-columns:1fr}
}
@media(max-width:480px){
  .int-grid{grid-template-columns:1fr}
}