*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,rgba(245,158,11,.08),transparent 34%),linear-gradient(135deg,#0b0e14,#11151d 46%,#090b10);color:#f5f5f5;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.page{min-height:100vh;padding:28px}.hero{max-width:1100px;margin:0 auto;padding:42px 0 44px}.hero-clean{display:grid;gap:22px}.hero-banner{width:100%;display:block;aspect-ratio:21 / 9;object-fit:cover;border-radius:28px;border:1px solid #252b36;box-shadow:0 28px 80px #00000059;background:#05070c}.eyebrow,.section-kicker{display:inline-flex;width:fit-content;padding:8px 12px;border:1px solid #334155;border-radius:999px;color:#f59e0b;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.eyebrow{margin-top:8px}h1{max-width:1000px;margin:0;font-size:clamp(3rem,7.2vw,5.9rem);line-height:.92;letter-spacing:-.075em}.lead{max-width:850px;margin:0;color:#cbd5e1;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6}.lead-claim{color:#f5f5f5;font-weight:700}.lead-description{color:#cbd5e1}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:999px;text-decoration:none;font-weight:700;transition:transform .18s ease,border-color .18s ease,background .18s ease}.primary{background:#f59e0b;color:#111827}.secondary{border:1px solid #475569;color:#e5e7eb;background:#0f172a52}.primary:hover,.secondary:hover{transform:translateY(-1px)}.secondary:hover{border-color:#f59e0b}.section{max-width:1100px;margin:0 auto 22px;padding:34px;border:1px solid #252b36;border-radius:28px;background:linear-gradient(180deg,#151922f0,#0f121af0);box-shadow:0 18px 60px #00000038}.section h2{max-width:900px;margin:18px 0 14px;font-size:clamp(1.8rem,3.5vw,3.15rem);line-height:1.02;letter-spacing:-.055em}.section p{max-width:850px;margin:0 0 14px;color:#b8c2d0;line-height:1.68;font-size:1.03rem}.intro-section{border-color:#f59e0b47}.cards{max-width:1100px;margin:22px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.cards-clean{grid-template-columns:repeat(3,minmax(0,1fr))}.cards article{background:linear-gradient(180deg,#161b25fa,#11151dfa);border:1px solid #252b36;border-radius:22px;padding:22px}.cards article:hover{border-color:#f59e0b6b}.cards h2,.cards h3{margin:0 0 10px;font-size:1.2rem;line-height:1.25}.cards p{margin:0;color:#aeb7c5;line-height:1.55;font-size:.98rem}.card-number{display:inline-flex;margin-bottom:18px;color:#f59e0b;font-size:.82rem;font-weight:800;letter-spacing:.12em}.card-link{display:inline-block;margin-top:14px;color:#f59e0b;text-decoration:none;font-weight:700}.card-link:hover{text-decoration:underline}.system-cards article:nth-child(5){grid-column:span 2}.workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:24px}.workflow article{position:relative;min-height:190px;padding:20px;border:1px solid #252b36;border-radius:22px;background:#0f172a7a}.workflow span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;margin-bottom:16px;border-radius:999px;background:#f59e0b24;color:#f59e0b;font-weight:800}.workflow h3{margin:0 0 8px;font-size:1.05rem}.workflow p{margin:0;font-size:.94rem;line-height:1.5;color:#aeb7c5}.proof-section strong{color:#f5f5f5}.tech-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.tech-tags span{display:inline-flex;padding:9px 12px;border:1px solid #334155;border-radius:999px;background:#0f172a7a;color:#cbd5e1;font-size:.92rem}.contact-section{border-color:#f59e0b59}.footer{max-width:1100px;margin:44px auto 0;padding:20px 0;border-top:1px solid #252b36;color:#8b949e;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.9rem}.footer nav{display:flex;gap:16px;flex-wrap:wrap}.footer a{color:#93c5fd;text-decoration:none}.footer a:hover{text-decoration:underline}@media(max-width:980px){.cards-clean{grid-template-columns:repeat(2,minmax(0,1fr))}.system-cards article:nth-child(5){grid-column:span 1}.workflow{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.page{padding:18px}.hero{padding:28px 0 34px}.hero-banner{border-radius:22px}.section{padding:24px;border-radius:24px}}@media(max-width:640px){h1{font-size:clamp(2.45rem,14vw,4.4rem);letter-spacing:-.065em}.lead{font-size:1.03rem}.cards-clean,.workflow{grid-template-columns:1fr}.section h2{font-size:clamp(1.65rem,9vw,2.45rem)}.primary,.secondary{width:100%}}
