{\rtf1\ansi\ansicpg1252\cocoartf2822
\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;}
{\*\expandedcolortbl;;}
\margl1440\margr1440\vieww11520\viewh8400\viewkind0
\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural\partightenfactor0

\f0\fs24 \cf0 :root\{\
  --bg:#070A12;\
  --bg2:#0B1022;\
  --card:rgba(255,255,255,.06);\
  --card2:rgba(255,255,255,.08);\
  --text:#EAF0FF;\
  --muted:rgba(234,240,255,.72);\
  --line:rgba(255,255,255,.12);\
  --shadow: 0 18px 50px rgba(0,0,0,.45);\
  --radius: 18px;\
  --radius2: 24px;\
  --max: 1120px;\
\}\
\
*\{ box-sizing:border-box; \}\
html,body\{ margin:0; padding:0; \}\
body\{\
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\
  background: radial-gradient(1000px 700px at 20% -10%, rgba(118,86,255,.25), transparent 60%),\
              radial-gradient(900px 600px at 90% 10%, rgba(44,221,255,.18), transparent 55%),\
              linear-gradient(180deg, var(--bg), var(--bg2));\
  color: var(--text);\
  overflow-x:hidden;\
\}\
\
a\{ color:inherit; text-decoration:none; \}\
.container\{ width:min(var(--max), calc(100% - 40px)); margin:0 auto; \}\
\
.section\{ padding: 84px 0; \}\
.section.soft\{ background: rgba(255,255,255,.02); border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06); \}\
.section-head\{ max-width: 760px; margin-bottom: 26px; \}\
.section-head h2\{ margin:0 0 10px; font-size: clamp(26px, 3vw, 34px); letter-spacing:-.02em; \}\
.section-head p\{ margin:0; color: var(--muted); \}\
\
.grid-2\{\
  display:grid;\
  grid-template-columns: 1.12fr .88fr;\
  gap: 36px;\
  align-items:center;\
\}\
@media (max-width: 960px)\{\
  .grid-2\{ grid-template-columns:1fr; \}\
  .section\{ padding: 64px 0; \}\
\}\
\
h1\{\
  margin: 14px 0 14px;\
  font-size: clamp(34px, 4.5vw, 52px);\
  line-height: 1.08;\
  letter-spacing: -0.04em;\
\}\
p\{ margin:0 0 12px; \}\
.lead\{ font-size: 1.06rem; color: var(--muted); max-width: 60ch; \}\
.lead2\{ font-size: 1.05rem; color: var(--muted); \}\
\
.grad\{\
  background: linear-gradient(90deg, #7C5CFF, #2CD5FF, #4DFFB5);\
  -webkit-background-clip:text;\
  background-clip:text;\
  color: transparent;\
\}\
\
.pill\{\
  display:inline-flex;\
  padding: 8px 12px;\
  border:1px solid rgba(255,255,255,.14);\
  border-radius: 999px;\
  background: rgba(255,255,255,.04);\
  color: rgba(234,240,255,.86);\
  font-size: .86rem;\
\}\
\
.header\{\
  position: sticky;\
  top: 0;\
  z-index: 50;\
  backdrop-filter: blur(10px);\
  background: rgba(7,10,18,.55);\
  border-bottom: 1px solid rgba(255,255,255,.08);\
\}\
.nav\{\
  width:min(var(--max), calc(100% - 40px));\
  margin:0 auto;\
  height: 66px;\
  display:flex;\
  align-items:center;\
  justify-content:space-between;\
\}\
.brand\{ display:flex; align-items:center; gap:10px; \}\
.logo\{\
  width: 12px; height: 12px; border-radius: 4px;\
  background: linear-gradient(135deg, #7C5CFF, #2CD5FF, #4DFFB5);\
  box-shadow: 0 0 30px rgba(124,92,255,.35);\
\}\
.brand-text\{ font-weight: 700; letter-spacing:-.02em; \}\
.nav-links\{ display:flex; align-items:center; gap: 18px; \}\
.nav-links a\{ color: rgba(234,240,255,.82); font-weight: 500; font-size:.95rem; \}\
.nav-links a:hover\{ color: rgba(234,240,255,1); \}\
\
.btn\{\
  display:inline-flex;\
  align-items:center;\
  justify-content:center;\
  padding: 12px 16px;\
  border-radius: 12px;\
  border: 1px solid rgba(255,255,255,.14);\
  background: linear-gradient(135deg, rgba(124,92,255,.95), rgba(44,213,255,.75));\
  color: #06101A;\
  font-weight: 700;\
  box-shadow: 0 10px 30px rgba(0,0,0,.3);\
  transition: transform .15s ease, filter .15s ease;\
\}\
.btn:hover\{ transform: translateY(-1px); filter: brightness(1.05); \}\
.btn:active\{ transform: translateY(0px); \}\
\
.btn-ghost\{\
  background: rgba(255,255,255,.06);\
  color: rgba(234,240,255,.95);\
\}\
.btn-sm\{ padding: 9px 12px; border-radius: 11px; \}\
\
.cta\{ margin-top: 18px; display:flex; gap: 12px; flex-wrap:wrap; \}\
\
.trust\{\
  margin-top: 22px;\
  display:grid;\
  grid-template-columns: repeat(3, 1fr);\
  gap: 12px;\
\}\
.trust-item\{\
  padding: 14px 14px;\
  border: 1px solid rgba(255,255,255,.10);\
  background: rgba(255,255,255,.04);\
  border-radius: 16px;\
\}\
.trust-num\{ font-weight: 700; display:block; \}\
.trust-label\{ color: var(--muted); font-size: .92rem; display:block; margin-top: 4px; \}\
@media (max-width: 720px)\{\
  .trust\{ grid-template-columns: 1fr; \}\
\}\
\
.hero\{ padding-top: 68px; \}\
.hero-card\{\
  border-radius: var(--radius2);\
  border: 1px solid rgba(255,255,255,.12);\
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));\
  box-shadow: var(--shadow);\
  overflow:hidden;\
\}\
.hero-card-top\{\
  display:flex; align-items:center; gap:8px;\
  padding: 14px 14px;\
  border-bottom:1px solid rgba(255,255,255,.08);\
\}\
.dot\{ width:10px; height:10px; border-radius:999px; background: rgba(255,255,255,.18); \}\
.hero-card-title\{ margin-left: 8px; color: rgba(234,240,255,.82); font-weight:600; font-size:.92rem; \}\
\
.metrics\{\
  display:grid;\
  grid-template-columns: repeat(3, 1fr);\
  gap: 10px;\
  padding: 14px;\
\}\
.metric\{\
  background: rgba(255,255,255,.05);\
  border: 1px solid rgba(255,255,255,.10);\
  border-radius: 16px;\
  padding: 14px;\
\}\
.metric-title\{ color: rgba(234,240,255,.72); font-size:.88rem; margin:0; \}\
.metric-value\{ font-size: 1.5rem; font-weight:800; margin: 6px 0 0; letter-spacing:-.02em; \}\
.metric-sub\{ color: rgba(234,240,255,.55); font-size:.85rem; margin: 2px 0 0; \}\
\
.chart\{\
  height: 168px;\
  margin: 4px 14px 0;\
  border-radius: 18px;\
  border: 1px solid rgba(255,255,255,.10);\
  background: rgba(255,255,255,.03);\
  display:flex;\
  align-items:flex-end;\
  gap: 10px;\
  padding: 18px 16px;\
\}\
.bar\{\
  flex: 1;\
  border-radius: 14px;\
  background: linear-gradient(180deg, rgba(124,92,255,.95), rgba(44,213,255,.85));\
  opacity: .9;\
\}\
\
.hero-card-foot\{\
  padding: 12px 14px 16px;\
  display:flex;\
  gap: 8px;\
  flex-wrap:wrap;\
\}\
.tag\{\
  padding: 7px 10px;\
  border-radius: 999px;\
  background: rgba(255,255,255,.05);\
  border: 1px solid rgba(255,255,255,.10);\
  color: rgba(234,240,255,.78);\
  font-size: .84rem;\
\}\
\
.cards\{\
  display:grid;\
  grid-template-columns: repeat(3, 1fr);\
  gap: 14px;\
\}\
@media (max-width: 960px)\{\
  .cards\{ grid-template-columns: 1fr; \}\
\}\
.card\{\
  padding: 18px 18px;\
  border-radius: var(--radius);\
  border: 1px solid rgba(255,255,255,.12);\
  background: rgba(255,255,255,.04);\
  box-shadow: 0 14px 40px rgba(0,0,0,.25);\
\}\
.card h3\{ margin:0 0 8px; letter-spacing:-.02em; \}\
.card p\{ color: var(--muted); \}\
.list\{ margin: 10px 0 0; padding-left: 18px; color: rgba(234,240,255,.78); \}\
.list li\{ margin: 8px 0; \}\
\
.steps\{\
  display:grid;\
  grid-template-columns: repeat(4, 1fr);\
  gap: 12px;\
\}\
@media (max-width: 960px)\{\
  .steps\{ grid-template-columns: 1fr; \}\
\}\
.step\{\
  padding: 18px;\
  border: 1px solid rgba(255,255,255,.12);\
  background: rgba(255,255,255,.04);\
  border-radius: var(--radius);\
\}\
.step-num\{\
  display:inline-flex;\
  align-items:center;\
  justify-content:center;\
  width: 44px; height: 44px;\
  border-radius: 14px;\
  background: rgba(255,255,255,.05);\
  border: 1px solid rgba(255,255,255,.10);\
  font-weight: 800;\
\}\
.step h3\{ margin: 12px 0 8px; \}\
.step p\{ color: var(--muted); margin:0; \}\
\
.bullets\{ margin-top: 18px; display:grid; gap: 12px; \}\
.bullet\{ display:flex; gap: 12px; padding: 14px; border:1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.04); border-radius: 18px; \}\
.check\{\
  width: 34px; height: 34px; border-radius: 12px;\
  display:inline-flex; align-items:center; justify-content:center;\
  background: rgba(77,255,181,.12);\
  border: 1px solid rgba(77,255,181,.22);\
  font-weight: 900;\
\}\
.bullet h4\{ margin:0 0 6px; letter-spacing:-.02em; \}\
.bullet p\{ margin:0; color: var(--muted); \}\
\
.quote\{\
  padding: 22px;\
  border-radius: 22px;\
  border: 1px solid rgba(255,255,255,.12);\
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));\
  box-shadow: var(--shadow);\
\}\
.quote-text\{ font-size: 1.06rem; color: rgba(234,240,255,.88); \}\
.quote-by\{ color: var(--muted); margin-top: 10px; \}\
\
.mini\{\
  margin-top: 16px;\
  display:grid;\
  grid-template-columns: 1fr 1fr;\
  gap: 10px;\
\}\
.mini-item\{\
  padding: 14px;\
  border-radius: 18px;\
  border: 1px solid rgba(255,255,255,.10);\
  background: rgba(255,255,255,.04);\
\}\
.mini-top\{ color: var(--muted); font-size:.9rem; margin:0; \}\
.mini-big\{ font-weight: 800; font-size: 1.18rem; margin: 6px 0 0; letter-spacing:-.02em; \}\
\
.contact-card\{\
  display:grid;\
  grid-template-columns: 1fr 1fr;\
  gap: 18px;\
  padding: 22px;\
  border-radius: 24px;\
  border: 1px solid rgba(255,255,255,.12);\
  background: rgba(255,255,255,.04);\
\}\
@media (max-width: 960px)\{\
  .contact-card\{ grid-template-columns: 1fr; \}\
\}\
.contact-left p\{ color: var(--muted); \}\
.contact-info\{ margin-top: 14px; display:grid; gap: 10px; \}\
.info\{ display:grid; gap: 2px; padding: 12px; border-radius: 18px; border:1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.04); \}\
.info-k\{ color: var(--muted); font-size: .88rem; \}\
.info-v\{ font-weight: 700; \}\
\
.form label\{\
  display:grid;\
  gap: 7px;\
  margin-bottom: 12px;\
  color: rgba(234,240,255,.86);\
  font-weight: 600;\
  font-size: .92rem;\
\}\
input, select, textarea\{\
  width: 100%;\
  padding: 12px 12px;\
  border-radius: 14px;\
  border: 1px solid rgba(255,255,255,.12);\
  background: rgba(0,0,0,.18);\
  color: var(--text);\
  outline: none;\
\}\
textarea\{ resize: vertical; min-height: 110px; \}\
input::placeholder, textarea::placeholder\{ color: rgba(234,240,255,.45); \}\
.form-note\{ color: rgba(234,240,255,.55); font-size:.86rem; margin-top: 10px; \}\
\
.footer\{\
  padding: 26px 0 44px;\
  border-top: 1px solid rgba(255,255,255,.08);\
\}\
.foot\{\
  display:flex;\
  align-items:center;\
  justify-content:space-between;\
  gap: 10px;\
  flex-wrap:wrap;\
  color: rgba(234,240,255,.70);\
\}\
.foot-links\{ display:flex; gap: 14px; \}\
.foot-links a:hover\{ color: rgba(234,240,255,1); \}\
\
.glow\{\
  position: fixed;\
  inset: auto auto 0 auto;\
  width: 680px;\
  height: 680px;\
  border-radius: 999px;\
  filter: blur(70px);\
  opacity: .26;\
  pointer-events:none;\
  z-index: 0;\
\}\
.glow-1\{ top:-240px; left:-220px; background: rgba(124,92,255,.8); \}\
.glow-2\{ top:-220px; right:-240px; background: rgba(44,213,255,.7); \}\
\
.nav-toggle\{\
  display:none;\
  background: transparent;\
  border: 1px solid rgba(255,255,255,.12);\
  border-radius: 12px;\
  padding: 10px 10px;\
\}\
.nav-toggle span\{\
  display:block;\
  width: 18px;\
  height: 2px;\
  background: rgba(234,240,255,.85);\
  margin: 4px 0;\
  border-radius: 99px;\
\}\
@media (max-width: 860px)\{\
  .nav-toggle\{ display:inline-flex; \}\
  .nav-links\{\
    position:absolute;\
    top: 66px;\
    right: 20px;\
    left: 20px;\
    display:none;\
    flex-direction:column;\
    gap: 14px;\
    padding: 16px;\
    border-radius: 18px;\
    background: rgba(7,10,18,.85);\
    border: 1px solid rgba(255,255,255,.10);\
    backdrop-filter: blur(10px);\
  \}\
  .nav-links.open\{ display:flex; \}\
\}\
}