*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:72px}
body{background:#0a0a0b;color:#f4f4f5;font:17px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#fff}.wrap{max-width:1120px;margin:0 auto;padding:0 28px}.row{display:flex;justify-content:space-between;align-items:center}
.hdr{position:sticky;top:0;z-index:5;background:rgba(10,10,11,.85);backdrop-filter:blur(12px);border-bottom:1px solid #1f1f23}.hdr .row{height:60px}
.brand{display:flex;gap:10px;align-items:center;font-weight:650;font-size:17px;text-decoration:none;letter-spacing:-.01em}.brand img{border-radius:5px}
nav a{margin-left:28px;font-size:15px;text-decoration:none;color:#e4e4e7}nav a:hover{color:#fff}
.hero{padding:110px 0 0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:56px 56px;background-position:center top;border-bottom:1px solid #1f1f23}
h1{font-size:clamp(36px,5.4vw,62px);line-height:1.08;letter-spacing:-.035em;font-weight:650;max-width:900px}
.sub{font-size:20px;color:#e4e4e7;max-width:620px;margin-top:22px}
.actions{margin-top:36px;display:flex;gap:12px;flex-wrap:wrap}
.btn{padding:11px 20px;border-radius:7px;border:1px solid #3f3f46;text-decoration:none;font-size:15px;font-weight:550}.btn.pri{background:#fff;color:#0a0a0b;border-color:#fff}.btn:hover{border-color:#a1a1aa}
.hshot{margin-top:72px;border:1px solid #2a2a30;border-bottom:0;border-radius:12px 12px 0 0;overflow:hidden;background:#111;padding:10px 10px 0}.hshot img{width:100%;display:block;border-radius:6px 6px 0 0}
.sec{padding:120px 0;border-bottom:1px solid #1f1f23}
.eyebrow{font-size:14px;font-weight:600;color:#a5b4fc;letter-spacing:.02em;margin-bottom:28px}
h2{font-size:36px;letter-spacing:-.03em;font-weight:650;line-height:1.15}h3{font-size:18px;font-weight:600;margin-bottom:8px}
.lead{font-size:19px;color:#e4e4e7;margin-top:14px;max-width:560px}
.prod{display:grid;grid-template-columns:5fr 6fr;gap:64px;align-items:start}
dl{margin:36px 0 32px;border-top:1px solid #27272a}dl div{display:grid;grid-template-columns:120px 1fr;padding:14px 0;border-bottom:1px solid #27272a;font-size:16px}dt{color:#a1a1aa}dd{color:#f4f4f5}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#facc15;margin-right:9px;vertical-align:1px}
.link{font-weight:550;text-underline-offset:4px}
.pshot{border:1px solid #2a2a30;border-radius:10px;overflow:hidden}.pshot img{width:100%;display:block}
.approach{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #27272a}
.approach li{padding:28px 32px 0 0}.approach li+li{padding-left:32px;border-left:1px solid #27272a}.approach p{color:#e4e4e7;font-size:16px}
.ctc .lead{max-width:640px}
footer{padding:36px 0;font-size:14px;color:#d4d4d8}.fl a{margin-left:24px;color:#d4d4d8;text-decoration:none}.fl a:hover{color:#fff}
@media(max-width:860px){.prod{grid-template-columns:1fr;gap:40px}.approach{grid-template-columns:1fr}.approach li,.approach li+li{padding:24px 0;border-left:0;border-bottom:1px solid #27272a}}
@media(max-width:560px){nav a{margin-left:16px;font-size:14px}.hero{padding-top:72px}.hshot{margin-top:48px}.sec{padding:80px 0}h2{font-size:30px}dl div{grid-template-columns:96px 1fr}footer .row{flex-direction:column;align-items:flex-start;gap:10px}.fl a{margin:0 18px 0 0}}