.c21ts-page{--c21-bg:#08111c;--c21-panel:#0f1c2b;--c21-panel2:#13263a;--c21-text:#eef6ff;--c21-muted:#a9bbca;--c21-accent:#2ed3c6;--c21-blue:#6cb7ff;background:#fff;color:#162231}
.c21ts-page *{box-sizing:border-box}.c21ts-page .c21ts-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.c21ts-hero{padding:92px 0 78px;background:linear-gradient(135deg,#07111c,#10263a);color:var(--c21-text)}.c21ts-eyebrow{font-size:.78rem;letter-spacing:.16em;font-weight:800;text-transform:uppercase;color:var(--c21-accent);margin-bottom:14px}.c21ts-hero h1,.c21ts-section h2,.c21ts-cta h2{margin:0 0 18px;line-height:1.05}.c21ts-hero h1{font-size:clamp(2.4rem,6vw,5.3rem);max-width:1000px}.c21ts-lead{font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.6;max-width:900px;color:#d5e3ef}.c21ts-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.c21ts-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:999px;background:var(--c21-accent);color:#041018!important;font-weight:800;text-decoration:none!important}.c21ts-btn-secondary{background:transparent;color:#eaf5ff!important;border:1px solid rgba(255,255,255,.35)}.c21ts-section{padding:76px 0}.c21ts-section:nth-child(even){background:#f5f8fb}.c21ts-section h2{font-size:clamp(2rem,4vw,3.4rem);max-width:900px}.c21ts-intro{font-size:1.15rem;line-height:1.7;max-width:880px;color:#4d5d6c}.c21ts-grid{display:grid;gap:18px;margin-top:32px}.c21ts-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.c21ts-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.c21ts-card{padding:26px;border:1px solid #dfe7ee;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(8,17,28,.05)}.c21ts-card h3{margin:4px 0 10px;font-size:1.2rem}.c21ts-card p,.c21ts-card li{color:#506170;line-height:1.55}.c21ts-card ul{padding-left:20px}.c21ts-kicker{font-size:.78rem;font-weight:900;color:#1d8f88;letter-spacing:.1em}.c21ts-text-link{font-weight:800;text-decoration:none}.c21ts-architecture{max-width:760px;display:grid;grid-template-columns:1fr;gap:8px;margin:30px 0}.c21ts-architecture div{text-align:center;padding:13px 16px;border-radius:12px;background:#0d1e2d;color:#fff;font-weight:800;letter-spacing:.04em}.c21ts-architecture span{text-align:center;color:#1d8f88;font-weight:900}.c21ts-band{padding:15px 18px;border-radius:12px;background:#e5f8f6;font-weight:800;display:inline-block}.c21ts-metrics,.c21ts-valuechain{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:25px 0}.c21ts-metrics span,.c21ts-valuechain span{padding:10px 14px;border-radius:999px;background:#10263a;color:#fff;font-weight:800}.c21ts-valuechain b{color:#1d8f88}.c21ts-quote{font-size:clamp(1.35rem,3vw,2.2rem);line-height:1.35;max-width:900px}.c21ts-cta{padding:72px 0;background:#08111c;color:#fff}.c21ts-cta p{color:#c7d6e2;font-size:1.1rem;max-width:800px}.c21ts-cta h2{font-size:clamp(2rem,4vw,3.4rem);max-width:950px}
@media(max-width:900px){.c21ts-cols-3,.c21ts-cols-4{grid-template-columns:1fr 1fr}.c21ts-hero{padding:72px 0 58px}}
@media(max-width:620px){.c21ts-page .c21ts-wrap{width:min(100% - 26px,1180px)}.c21ts-cols-3,.c21ts-cols-4{grid-template-columns:1fr}.c21ts-section{padding:58px 0}.c21ts-hero h1{font-size:2.55rem}.c21ts-actions{flex-direction:column}.c21ts-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.c21ts-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}