
.otd{color:#1f3d2b;background:linear-gradient(125deg,#fff9f2,#fff1eb);padding:64px 24px;font-family:inherit;border-block:1px solid #f1dcd2;margin:0 auto;box-sizing:border-box}.otd *{box-sizing:border-box}.otd__inner{max-width:1160px;margin:auto;display:grid;grid-template-columns:minmax(290px,.85fr) minmax(0,1.15fr);gap:54px;align-items:center}.otd__brand{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.otd__brand img{display:block;max-width:100%;height:auto}.otd__eyebrow{display:block;letter-spacing:2.2px;font-size:10px;font-weight:650;color:#1f3d2b;border:1px solid #ccd4c4;border-radius:5px;padding:5px 7px}.otd h2{font-size:clamp(28px,3.2vw,43px);line-height:1.14;letter-spacing:-1.5px;margin:22px 0 18px;font-weight:700}.otd__copy>p{font-size:15px;line-height:1.65;max-width:440px;color:#6b5149}.otd__features{list-style:none;padding:0;margin:22px 0 27px;display:grid;gap:9px;color:#6b5149;font-size:13px}.otd__features li:before{content:'✓';color:#a74e3d;margin-right:9px;font-weight:bold}.otd__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.otd__primary,.otd__secondary{min-height:44px;text-decoration:none!important;display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:9px;font-size:14px;font-weight:650;padding:12px 19px}.otd__primary{background:#1f3d2b;color:#fff!important;box-shadow:0 4px 10px #863a2926}.otd__primary:hover{background:#163322}.otd__secondary{color:#733a2e!important;border:1px solid #d7b6a9;background:#fff7f1}.otd a:focus-visible,.otd summary:focus-visible{outline:3px solid #ab6959;outline-offset:4px}.otd__copy .otd__meta{font-size:11px;margin:15px 0 12px;color:#88645a}.otd__install{font-size:11px;line-height:1.6;color:#88645a;max-width:430px}.otd__install summary{cursor:pointer}.otd__install p{margin:8px 0}.otd__install a,.otd__web{color:#8b4636!important}.otd__web{display:inline-block;font-size:12px;margin-top:20px;text-decoration:underline;text-underline-offset:3px}.otd__preview{margin:0;min-width:0}.otd__preview img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #d6b4a8;box-shadow:0 20px 45px #71332320}.otd__preview figcaption{text-align:center;font-size:11px;color:#956c5f;margin-top:15px}@media(max-width:800px){.otd{padding:42px 22px}.otd__inner{grid-template-columns:1fr;gap:30px}.otd__copy>p{max-width:600px}.otd h2{letter-spacing:-.8px}.otd__preview{max-width:680px}}
