.ot-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.ot-feature{border:1px solid #d7e1dc;border-radius:18px;padding:26px;background:#fff}.ot-feature small,.ot-layer small{font:11px ui-monospace,monospace;letter-spacing:.08em;color:#557064}.ot-feature h3{font-size:20px;margin:16px 0 10px}.ot-feature p{font-size:15px;line-height:1.8;color:#52645a}.ot-architecture{background:#14291f;color:#f3f7f4}.ot-architecture h2{max-width:820px}.ot-layers{display:grid;gap:10px;margin-top:32px}.ot-layer{display:grid;grid-template-columns:160px 1fr 1fr;gap:24px;align-items:center;padding:22px;border:1px solid #3e5549;border-radius:14px;background:#20372b}.ot-layer small{color:#acd2b9}.ot-layer strong{font-size:18px}.ot-layer span{font-size:14px;color:#c0d2c5}.ot-note{font-size:14px;line-height:1.8;max-width:850px;margin:20px 0}.ot-architecture .ot-note{color:#bed0c4}.ot-demo-frame{display:block;width:100%;height:850px;border:1px solid #d7e1dc;border-radius:20px;background:#f6f8f7;margin-top:28px}.ot-demo-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}@media(max-width:900px){.ot-features{grid-template-columns:repeat(2,minmax(0,1fr))}.ot-layer{grid-template-columns:1fr;gap:10px}}@media(max-width:600px){.ot-features{grid-template-columns:1fr}.ot-feature{padding:22px}.ot-demo-frame{height:850px}.ot-demo-actions .button{width:100%}}