*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,"Helvetica Neue","PingFang SC",sans-serif;font-size:18px;line-height:1.7;color:#1e1b29;background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
h2{font-size:44px;font-weight:900;letter-spacing:-0.02em;margin:0 0 64px;color:#1e1b29}
h3{font-size:22px;font-weight:700;margin:0 0 16px}
h4{font-size:20px;font-weight:700;margin:0 0 12px}
p{font-size:18px;color:#52525b}

.m-header{position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid #ede9fe;z-index:100}
.m-inner{max-width:1180px;margin:0 auto;padding:18px 32px;display:flex;align-items:center;gap:48px}
.m-logo{font-size:22px;font-weight:900;letter-spacing:-0.02em;color:#5b21b6}
.m-nav{display:flex;gap:36px;margin-left:auto;margin-right:24px}
.m-nav a{font-size:15px;color:#52525b;transition:color .2s}
.m-nav a:hover{color:#5b21b6}
.m-btn{background:#5b21b6;color:#fff;padding:11px 22px;border-radius:4px;font-size:14px;font-weight:600;transition:background .2s}
.m-btn:hover{background:#4c1d95}

.hero{padding:140px 0 160px;text-align:center;background:#fff}
.hero h1{font-size:92px;font-weight:900;letter-spacing:-0.03em;line-height:1.05;margin:0 0 32px;color:#1e1b29}
.hero .lede{font-size:22px;color:#52525b;max-width:680px;margin:0 auto 48px}
.hero .cta{display:inline-block;background:#5b21b6;color:#fff;padding:18px 44px;border-radius:4px;font-size:17px;font-weight:600;transition:background .2s}
.hero .cta:hover{background:#4c1d95}
.hero .sub{font-size:14px;color:#a1a1aa;margin:18px 0 64px}
.hero img{margin:0 auto}

.principles{padding:140px 0;background:#faf5ff}
.principles .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:64px}
.principles .num{display:block;font-size:14px;font-weight:600;color:#5b21b6;margin-bottom:24px;letter-spacing:.1em}
.principles h3{font-size:42px;font-weight:900;margin-bottom:20px;color:#1e1b29}

.capabilities{padding:160px 0;background:#fff}
.capabilities .row{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center;margin-bottom:120px}
.capabilities .row:last-child{margin-bottom:0}
.capabilities .row.reverse .text{order:2}
.capabilities .row.reverse .art{order:1}
.capabilities h2{font-size:40px;margin-bottom:28px}
.capabilities ul{margin-top:24px;padding-left:0;list-style:none}
.capabilities li{padding:10px 0;border-bottom:1px solid #ede9fe;color:#52525b;font-size:16px}
.capabilities .art{display:flex;justify-content:center}

.workflow{padding:140px 0;background:#faf5ff}
.workflow .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;position:relative}
.workflow .step{text-align:center;padding:0 8px;position:relative}
.workflow .step:not(:last-child)::after{content:"";position:absolute;top:24px;right:-16px;width:32px;height:1px;background:#c4b5fd}
.workflow .step span{display:inline-flex;width:48px;height:48px;border:1px solid #5b21b6;color:#5b21b6;border-radius:50%;align-items:center;justify-content:center;font-weight:700;margin-bottom:24px}
.workflow .step h4{margin-bottom:8px}
.workflow .step p{font-size:14px;color:#71717a}

.pricing{padding:140px 0;background:#fff}
.tbl{width:100%;border-collapse:collapse;font-size:16px}
.tbl th,.tbl td{padding:18px 20px;text-align:left;border-bottom:1px solid #ede9fe}
.tbl thead th{background:#fff;font-weight:700;color:#1e1b29;border-bottom:2px solid #1e1b29}
.tbl tbody tr:nth-child(even){background:#faf5ff}
.tbl td:first-child{font-weight:600;color:#1e1b29}

.faq{padding:140px 0;background:#faf5ff}
.faq details{border-bottom:1px solid #ede9fe;padding:24px 0}
.faq summary{font-size:18px;font-weight:600;color:#1e1b29;cursor:pointer;list-style:none;position:relative;padding-right:32px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:0;font-size:24px;color:#5b21b6;font-weight:300}
.faq details[open] summary::after{content:"-"}
.faq p{margin-top:16px;color:#71717a;font-size:16px}

.ft{background:#fff;border-top:1px solid #ede9fe;padding:48px 0 36px}
.ft-row{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #f5f3ff}
.ft-logo{font-size:18px;font-weight:800;color:#5b21b6;margin-right:auto}
.ft-row a{font-size:14px;color:#71717a;transition:color .2s}
.ft-row a:hover{color:#5b21b6}
.ft-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:24px}
.ft-links a{font-size:13px;color:#a1a1aa}
.ft-links a:hover{color:#5b21b6}
.cp{font-size:12px;color:#a1a1aa;line-height:1.8}

@media(max-width:960px){
.m-nav{display:none}
.hero{padding:80px 0 100px}
.hero h1{font-size:52px}
.hero .lede{font-size:18px}
h2{font-size:32px;margin-bottom:40px}
.principles{padding:80px 0}
.principles .cols{grid-template-columns:1fr;gap:48px}
.principles h3{font-size:32px}
.capabilities{padding:80px 0}
.capabilities .row{grid-template-columns:1fr;gap:40px;margin-bottom:80px}
.capabilities .row.reverse .text,.capabilities .row.reverse .art{order:initial}
.workflow{padding:80px 0}
.workflow .steps{grid-template-columns:repeat(2,1fr);gap:40px}
.workflow .step:not(:last-child)::after{display:none}
.pricing{padding:80px 0}
.tbl{font-size:13px}
.tbl th,.tbl td{padding:12px 8px}
.faq{padding:80px 0}
}