.hero-banner.electronic-demo-hero{background:#f8f7ef;border-bottom:1px solid #d9dfd2;padding:30px 28px 24px;margin-bottom:24px;color:#254d40}.notice-demo-hero__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);align-items:center;gap:52px}.notice-demo-hero .notice-demo-hero__copy h1{color:#254d40;font-size:clamp(28px,3vw,40px);line-height:1.25;margin:0 0 20px}.notice-demo-hero .notice-demo-hero__copy p{font-size:17px;color:#4c6154;line-height:1.85;max-width:29em}.notice-demo-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.notice-demo-hero__actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 19px;border:1px solid #254d40;border-radius:7px;text-decoration:none;font-weight:650;line-height:1.5}.notice-demo-hero__primary{background:#254d40;color:#fff}.notice-demo-hero__secondary{background:#fffdf7;color:#254d40}.notice-demo-hero a:focus-visible{outline:3px solid #a1813e;outline-offset:4px}.notice-demo-hero__examples{position:relative;margin:0;padding:0 45px 38px 0;min-width:0}.notice-demo-hero__home{display:block;border:1px solid #c9d5c5;border-radius:10px;overflow:hidden;box-shadow:0 8px 22px #254d4010;background:#f4f6ef}.notice-demo-hero__home img{display:block;width:100%;height:auto}.notice-demo-hero__guestbook{position:absolute;right:0;bottom:40px;width:29%;border:5px solid #fffdf8;border-radius:14px;overflow:hidden;box-shadow:0 8px 20px #254d4026;background:#fffdf8}.notice-demo-hero__guestbook img{display:block;width:100%;height:auto}.notice-demo-hero__examples figcaption{font-size:12px;color:#596b5a;margin-top:10px}.notice-demo-hero__guestbook-link{display:none;color:#254d40;text-underline-offset:4px}@media(max-width:767px){.hero-banner.electronic-demo-hero{padding:22px 16px 18px;margin-bottom:16px}.notice-demo-hero__grid{grid-template-columns:1fr;gap:22px}.notice-demo-hero .notice-demo-hero__copy h1{font-size:29px;margin-bottom:13px}.notice-demo-hero .notice-demo-hero__copy p{font-size:15px;line-height:1.75}.notice-demo-hero__actions{margin-top:18px;gap:9px}.notice-demo-hero__actions a{padding:10px 13px;font-size:14px}.notice-demo-hero__examples{padding:0}.notice-demo-hero__home{max-width:500px;margin-inline:auto}.notice-demo-hero__guestbook{display:none}.notice-demo-hero__guestbook-link{display:inline-block;margin-top:9px;min-height:35px;padding-block:6px;font-size:14px}.notice-demo-hero__examples figcaption{margin-top:8px}}

.electronic-demo-hero{border:1px solid #d9dfd2;border-radius:14px}.eo-main .notice-demo-hero__primary{color:#fff}.eo-main .notice-demo-hero__secondary{color:#254d40}.electronic-demo-hero .notice-demo-hero__copy .electronic-demo-hero__note{font-size:13px;line-height:1.7;margin:16px 0 8px}.electronic-demo-hero .eo-text-link{font-size:14px}.electronic-demo-hero h1{letter-spacing:1px}

.electronic-demo-hero h1 span{display:block}