#opportunities{font-family:"DM Sans",Arial,sans-serif;color:#292d28;
.section{max-width:1280px;margin:50px auto 70px;padding:0 30px;display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center}.visual{min-width:0}.scene{position:relative;aspect-ratio:1.5;min-height:430px;overflow:hidden;border-radius:30px;background:url('v1.2-assets/tree-pool-cinematic.jpg') center/cover;display:flex;justify-content:center;align-items:center}.scene:before{content:"";position:absolute;inset:0;background:#0b0b0b2b}.scene:before:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:#15232a2b}.notifications{position:relative;width:386px;max-width:calc(100% - 44px);transform:translate(-3%,-3%);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','SF Pro',sans-serif;font-size:15px;line-height:1.15;color:white;letter-spacing:0}.broker-stack{position:relative;height:112px;margin-bottom:27px}.notice{position:absolute;inset:0 auto auto 0;width:100%;min-height:104px;border:1px solid #ffffff55;border-radius:23px;background:rgba(183,183,183,.38);backdrop-filter:blur(18px) saturate(105%);-webkit-backdrop-filter:blur(18px) saturate(105%);box-shadow:0 8px 24px #0b0b0b12;padding:12px;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:10px;align-items:center;opacity:0;transform:translateY(-30px) scale(.98);transition:transform .28s cubic-bezier(.18,.75,.25,1),opacity .2s,background .25s;will-change:transform,opacity}.notice:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:rgba(185,187,177,.38);box-shadow:0 8px 24px #17222012}.notice.front{opacity:1;transform:none}.notice.behind-one{opacity:.8;transform:translateY(9px) scaleX(.91)}.notice.behind-two{opacity:.5;transform:translateY(16px) scaleX(.82)}.notice.retired{opacity:0;transform:translateY(21px) scaleX(.76)}.notice.behind-one .notice-content,.notice.behind-two .notice-content,.notice.behind-one img,.notice.behind-two img{opacity:0}.notice img{width:36px;height:36px;object-fit:contain;border-radius:9px}.notice-content{position:relative;min-width:0;transition:opacity .12s}.notice-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:1px}.notice time{white-space:nowrap;color:rgba(255,255,255,.72);font-size:15px;font-weight:400}.sender{font-weight:600}.group{font-weight:600;margin:0;font-size:15px;line-height:1.15}.opp-message{font-size:15px;font-weight:400;margin:0;line-height:1.15}.ari-notice{position:relative;min-height:96px;background:rgba(151,151,151,.32);transform:translateY(14px);opacity:0;transition:transform .45s cubic-bezier(.2,.75,.2,1),opacity .4s}.ari-notice:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){background:rgba(137,157,160,.32)}.ari-notice.front{opacity:1;transform:none}.ari-notice .notice-top{align-items:flex-start;margin:0}.ari-title{font-size:15px;font-weight:600;margin:0;line-height:1.15}.ari-notice time{margin-left:5px}.ari-notice .opp-message{margin-top:2px}.copy .eyebrow{display:block;font-size:11px;font-weight:500;letter-spacing:.11em;text-transform:uppercase;color:#747b7b;margin-bottom:23px}.copy .eyebrow:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#727b68}.copy h2{font-size:clamp(37px,4.1vw,51px);line-height:1.1;font-weight:450;letter-spacing:-2.1px;margin:0 0 27px}.copy p{font-size:17px;line-height:1.8;color:#747b7b;max-width:405px;margin:0}.copy p:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#71766a}.replay{display:flex;align-items:center;gap:7px;margin:14px auto 0;padding:5px 8px;background:none;border:0;font:inherit;font-size:12px;color:#747b7b;cursor:pointer}.replay:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#737d70}.replay svg{width:14px;height:14px}.replay:hover{color:#0b0b0b}.replay:hover:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){color:#34483a}.replay:focus-visible,a:focus-visible{outline:2px solid #747b7b;outline-offset:4px}.replay:focus-visible:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *),a:focus-visible:where(.collage,.collage *,.feedback-demo,.feedback-demo *,.phone,.phone *,.notifications,.notifications *,.everyday-demo,.everyday-demo *,.morning-card,.morning-card *,.surface,.surface *){outline:2px solid #617b66}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1050px){.section{gap:34px}.copy h2{font-size:40px}.notifications{transform:translateY(-3%);max-width:calc(100% - 32px)}.scene{min-height:440px}}
@media(max-width:700px){.preview-nav{padding:20px;font-size:11px}.section{display:flex;flex-direction:column;padding:0 18px;margin-top:32px;gap:29px;align-items:stretch}.copy{order:-1;padding:0 7px}.copy h2{font-size:39px;letter-spacing:-1.6px;margin-bottom:22px}.copy p{font-size:16px}.scene{min-height:420px;aspect-ratio:1.3;max-width:560px;margin:auto;border-radius:25px}.notifications{max-width:calc(100% - 26px)}.notice{padding:12px 10px;column-gap:8px;grid-template-columns:32px minmax(0,1fr)}.notice img{width:32px;height:32px}.broker-stack{height:128px}.ari-notice{min-height:113px}.notice time{font-size:13px}}
@media(prefers-reduced-motion:reduce){.notice{transition:none;will-change:auto}}
.broker-stack{height:95px;margin-bottom:31px}.broker-stack .notice{height:95px;min-height:95px;padding:11px 12px;grid-template-columns:36px minmax(0,1fr)}.broker-stack .notice img{width:36px;height:39px;object-fit:contain;border-radius:0}.broker-stack .notice-content{line-height:1.15}.broker-stack .opp-message{max-width:255px}
@media(max-width:700px){.broker-stack{height:112px}.broker-stack .notice{height:112px;min-height:112px;padding:11px 10px;column-gap:8px;grid-template-columns:32px minmax(0,1fr)}.broker-stack .notice img{width:32px;height:35px}}
.notifications{transition:opacity .5s ease}@media(prefers-reduced-motion:reduce){.notifications{transition:none}}
.notifications.resetting .notice{transition:none!important}

.section{margin:100px auto 120px}.copy h2{font-family:inherit}.notice h3{font-family:inherit;letter-spacing:normal}.notice p{letter-spacing:normal}
}