body{background:#faf9fb;color:#22232b}.q-hero,.q-section{max-width:1200px;margin:auto;padding:64px 28px}.q-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding-top:90px}.q-hero h1{font-size:clamp(38px,5vw,68px);line-height:1.04;letter-spacing:-.045em}.q-hero h1 span{color:#bd0830}.q-hero p,.q-section p{line-height:1.75}.q-eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:#b10429}.q-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:28px 0}.q-button{display:inline-block;padding:16px 22px;background:#c9002c;color:white!important;border-radius:12px;font-weight:700;text-decoration:none}.q-small{font-size:13px;color:#625e69}.q-example{background:#211e28;color:#fff;border-radius:24px;padding:32px}.q-example .q-eyebrow{color:#ffafc1}.q-example ol{list-style:none;padding:0}.q-example li{display:flex;gap:20px;border-bottom:1px solid #ffffff25;padding:18px 0}.q-example li>span{color:#ff9db5;font-weight:800}.q-example li p{font-size:14px;color:#d4cedb}.q-example-foot{font-size:12px;line-height:1.6;color:#d4cedb}.q-section h2{font-size:clamp(28px,3vw,42px);line-height:1.18;margin:16px 0 28px}.q-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.q-grid article{padding:28px;background:white;border:1px solid #e4dfe6;border-radius:18px}.q-grid h3{font-size:20px;line-height:1.25}.q-grid p{font-size:15px}.q-watch,.q-demo{display:grid;grid-template-columns:1fr 1fr;gap:48px}.q-watch video{width:100%;aspect-ratio:16/9;border-radius:18px;background:#211e28}.q-watch summary,.q-faq summary{cursor:pointer;font-weight:650;padding:16px 0}.q-faq details{border-bottom:1px solid #d5ceda;padding:8px 0}.q-demo{scroll-margin-top:100px}.q-demo ol{padding-left:20px;line-height:2}.q-section a:not(.q-button),.q-actions>a:not(.q-button){color:#a50328}#contactStatus{font-size:14px}.q-hero a:focus-visible,.q-section :is(a,button,input,textarea,summary):focus-visible{outline:3px solid #b50329;outline-offset:4px}@media(max-width:850px){.q-hero,.q-watch,.q-demo{grid-template-columns:1fr}.q-grid{grid-template-columns:1fr}.q-hero{padding-top:48px;gap:25px}.q-section{padding-top:32px;padding-bottom:32px}}@media(max-width:480px){.q-hero,.q-section{padding-left:20px;padding-right:20px}.q-example{padding:24px}.q-hero h1{font-size:40px}}
