.oc-frame{width:100%;min-width:0;container:outreach/inline-size}.oc-creative{--oc-ink:#0b132c;--oc-blue:#315dff;--oc-lime:#d9ff62;--oc-open-angle:-142deg;isolation:isolate;color:#fff;background:var(--oc-ink);width:100%;height:130px;font-family:var(--font-body,Inter, sans-serif);border:1px solid #345080;border-radius:10px;grid-template-columns:minmax(0,1fr) 108px 168px;grid-template-areas:"copy art action";align-items:center;gap:18px;padding:16px 22px;display:grid;position:relative;overflow:hidden}.oc-accessible{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.oc-scenery{z-index:-1;pointer-events:none;background:radial-gradient(at 32% 120%,#173265 0,#0000 65%);position:absolute;inset:0;overflow:hidden}.oc-beam{background:linear-gradient(120deg, var(--oc-blue), var(--oc-blue) 55%, var(--oc-blue-light,#487cff));opacity:.95;position:absolute;inset:-80% -16% -80% 57%;transform:rotate(25deg)}.oc-ring{border:1px solid #a8c5ff55;border-radius:50%;width:230px;height:230px;position:absolute;top:-55px;right:75px;box-shadow:0 0 0 22px #a8c5ff0c,0 0 0 58px #a8c5ff09}.oc-route{border:1px dashed #bbd0ff70;border-color:#bbd0ff70 #bbd0ff70 #0000 #0000;border-radius:50%;width:110px;height:80px;position:absolute;top:45px;right:248px;transform:rotate(-24deg)}.oc-dot{background:var(--oc-lime);border-radius:50%;width:5px;height:5px;position:absolute}.oc-dot-one{top:22px;right:214px}.oc-dot-two{width:3px;height:3px;bottom:14px;right:323px}.oc-copy{z-index:2;grid-area:copy;min-width:0;height:77px;position:relative}.oc-scene{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.oc-scene:first-child,.oc-cta-scene:first-child{opacity:1}.oc-creative .oc-eyebrow{color:#c4d4f7;letter-spacing:.07em;text-transform:uppercase;margin:0 0 8px;font-size:8px;font-weight:650;line-height:1.25}.oc-creative .oc-headline{color:#fff;font-family:var(--font-display,sans-serif);letter-spacing:-.035em;margin:0;font-size:28px;font-weight:750;line-height:1.04}.oc-headline span{color:var(--oc-lime);white-space:nowrap}.oc-art{z-index:3;perspective:650px;grid-area:art;width:108px;height:98px;position:relative}.oc-book{z-index:2;width:78px;aspect-ratio:var(--oc-book-ratio,1224 / 1584);transform-style:preserve-3d;filter:drop-shadow(9px 9px 8px #030b2650);position:absolute;top:-2px;left:10px;transform:rotate(-7deg)rotateY(-10deg)}.oc-book-back{background:#12294f;border-radius:2px;position:absolute;inset:-1px;transform:translateZ(-6px)}.oc-page-block{background:repeating-linear-gradient(#f4f1e5 0 2px,#bfc5cb 2px 3px);border-radius:0 2px 2px 0;position:absolute;inset:2px 1px 0;transform:translateZ(-3px);box-shadow:3px 3px #dbe4ee}.oc-inside-page,.oc-turn-page,.oc-cover-back{background:linear-gradient(90deg,#d4d0bf,#fffdf4 14%,#fdfbf2 88%,#d5d8da);border-radius:0 2px 2px 0;padding:15% 12%;position:absolute;inset:1px;overflow:hidden}.oc-inside-page{transform:translateZ(-1px)}.oc-page-mark{background:var(--oc-blue);border-radius:1px;width:28%;height:7%;min-height:3px;margin-bottom:16%;display:block}.oc-page-rule{opacity:.8;background:#a3b0bd;width:100%;height:2px;margin-bottom:9%;display:block}.oc-page-short{width:65%}.oc-page-panel{background:#e5ebee;border-left:2px solid #b9dd50;width:100%;height:23%;margin:13% 0;display:block}.oc-turn-page{transform-origin:0;backface-visibility:visible;transform:translateZ(.2px)}.oc-book-cover{transform-origin:0;transform-style:preserve-3d;position:absolute;inset:0;transform:rotateY(0)}.oc-cover-front,.oc-cover-back{backface-visibility:hidden;position:absolute;inset:0}.oc-cover-front{border-radius:2px;overflow:hidden;transform:translateZ(.5px)}.oc-cover-front picture,.oc-cover-front img{object-fit:cover;width:100%;height:100%;display:block}.oc-cover-back{background:linear-gradient(90deg,#dae3ef,#f3f6fc 18%,#e6edf6);transform:rotateY(180deg)translateZ(.5px)}.oc-spine{opacity:.65;background:#445570;width:2px;position:absolute;inset:1px auto 0 0;transform:translateZ(.8px)}.oc-mail{z-index:1;filter:drop-shadow(0 5px 6px #07163155);width:47px;position:absolute;top:3px;right:-9px;transform:rotate(12deg)}.oc-mail svg{width:100%;display:block}.oc-paper-trail{z-index:3;background:var(--oc-lime);border-radius:10px;width:30px;height:3px;position:absolute;bottom:0;left:-4px;transform:rotate(-9deg)}.oc-action-wrap{z-index:4;grid-area:action;min-width:0;position:relative}.oc-action{background:var(--oc-lime);width:166px;max-width:100%;min-height:44px;color:var(--oc-ink);white-space:nowrap;border:1px solid #ebffaf;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:11px 12px;font-size:11px;font-weight:750;line-height:20px;text-decoration:none;display:inline-flex;box-shadow:0 4px 13px #08112b1f}.oc-action-labels{text-align:center;flex:1;min-width:0;display:grid;position:relative}.oc-cta-scene{opacity:0;grid-area:1/1}.oc-action svg{flex:none;width:16px;height:16px}.oc-action:hover{color:var(--oc-ink);background:#e6ff9b}.oc-action:focus-visible,.oc-motion-toggle:focus-visible{outline-offset:3px;outline:2px solid #fff}.oc-format{color:#e1eaff;text-align:center;margin:8px 0 0;font-size:8px;line-height:1.5;display:block}.oc-motion-toggle{z-index:5;color:#e5edff;cursor:pointer;background:0 0;border:0;border-radius:0 9px 0 8px;place-content:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:0;right:0}.oc-motion-toggle:hover{background:#0b132c45}.oc-motion-toggle[hidden]{display:none}.oc-motion-toggle svg{width:13px;height:13px}.oc-play-icon,[data-motion=paused] .oc-pause-icon{display:none}[data-motion=paused] .oc-play-icon{display:block}.oc-creative:is([data-motion=running],[data-motion=paused]) .oc-scene,.oc-creative:is([data-motion=running],[data-motion=paused]) .oc-cta-scene{animation:16s linear infinite oc-message-sequence;animation-delay:var(--oc-scene-delay)}.oc-creative:is([data-motion=running],[data-motion=paused]) .oc-book-cover{animation:4s ease-in-out infinite oc-book-open-close}.oc-creative:is([data-motion=running],[data-motion=paused]) .oc-turn-page{animation:4s ease-in-out infinite oc-page-turn}.oc-creative:is([data-motion=running],[data-motion=paused]) .oc-beam{animation:16s ease-in-out infinite oc-beam-drift}.oc-creative:is([data-motion=running],[data-motion=paused]) .oc-mail{animation:4s ease-in-out infinite oc-mail-in}.oc-creative:is([data-motion=running],[data-motion=paused]) .oc-arrow{animation:4s ease-in-out infinite oc-arrow-nudge}.oc-creative:is([data-motion=running],[data-motion=paused]) .oc-dot,.oc-creative:is([data-motion=running],[data-motion=paused]) .oc-paper-trail{animation:4s ease-in-out infinite oc-mark-drift}.oc-creative[data-motion=paused] .oc-layer,.oc-creative[data-in-view=false] .oc-layer,.oc-creative[data-page-hidden=true] .oc-layer,.oc-creative:has(.oc-action:hover) .oc-layer,.oc-creative:has(.oc-action:focus-visible) .oc-layer{animation-play-state:paused}@keyframes oc-message-sequence{0%,19%{opacity:1;transform:none}23%,96%{opacity:0;transform:translateY(-7px)}96.01%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes oc-book-open-close{0%,8%,89%,to{transform:rotateY(0)}25%,65%{transform:rotateY(var(--oc-open-angle))}}@keyframes oc-page-turn{0%,30%,90%,to{transform:rotateY(0)translateZ(.2px)}46%{transform:rotateY(-32deg)translateZ(.2px)}64%{transform:rotateY(-105deg)translateZ(.2px)}80%{transform:rotateY(-18deg)translateZ(.2px)}}@keyframes oc-beam-drift{0%,to{transform:translate(5px)rotate(25deg)}45%,70%{transform:translate(-8px)rotate(22deg)}}@keyframes oc-mail-in{0%,to{transform:translate(-4px,4px)rotate(10deg)}32%,78%{transform:translate(3px,-5px)rotate(17deg)}}@keyframes oc-arrow-nudge{0%,30%,65%,to{transform:none}42%,53%{transform:translate(3px)}}@keyframes oc-mark-drift{0%,to{opacity:.7;transform:translateY(2px)}45%,75%{opacity:1;transform:translateY(-3px)}}@container outreach (width<=620px){.oc-creative{--oc-open-angle:-108deg;grid-template:"copy art"minmax(0,1fr)"action art"44px/minmax(0,1fr) 84px;gap:8px 6px;padding:12px 16px}.oc-copy{height:54px}.oc-creative .oc-eyebrow{letter-spacing:.02em;margin-bottom:4px;font-size:7px}.oc-creative .oc-headline{font-size:clamp(17px,5.2cqw,24px)}.oc-art{justify-self:center;width:84px;height:94px}.oc-book{width:60px;top:11px;left:12px}.oc-mail{width:36px;top:14px;right:-2px}.oc-paper-trail{width:22px;bottom:3px;left:1px}.oc-format{display:none}.oc-action{gap:8px;width:146px;padding-inline:10px;font-size:10px}.oc-action svg{width:14px;height:14px}.oc-beam{left:66%;right:-50%}.oc-ring{right:-74px}.oc-route{width:70px;top:41px;right:12px}.oc-dot-one{top:17px;right:94px}.oc-dot-two{bottom:14px;right:55px}}@container outreach (width<=300px){.oc-creative{--oc-open-angle:-104deg;grid-template-columns:minmax(0,1fr) 64px;column-gap:4px;padding-inline:12px}.oc-art{width:64px}.oc-book{width:50px;top:18px;left:10px}.oc-mail{width:29px;top:21px;right:-3px}.oc-paper-trail{bottom:3px;left:4px}.oc-action{gap:6px;padding-inline:8px}}@container outreach (width>=621px){.oc-creative[data-product=calm-freelancer][data-placement=inline] .oc-book{width:72px;top:1px;left:14px}}.oc-action-short{display:none}.oc-frame:is([data-placement=top],[data-placement=bottom]){width:min(728px,100%);margin-inline:auto}.oc-creative:is([data-placement=top],[data-placement=bottom]){grid-template:"copy art action"/minmax(0,1fr) 76px 150px;gap:14px;height:90px;padding:8px 16px}.oc-creative:is([data-placement=top],[data-placement=bottom]) .oc-copy{height:68px}.oc-creative:is([data-placement=top],[data-placement=bottom]) .oc-headline{font-size:22px}.oc-creative:is([data-placement=top],[data-placement=bottom]) .oc-eyebrow{margin-bottom:5px;font-size:7px}.oc-creative:is([data-placement=top],[data-placement=bottom]) .oc-art{width:76px;height:72px}.oc-creative:is([data-placement=top],[data-placement=bottom]) .oc-book{width:48px;top:1px;left:14px}.oc-creative:is([data-placement=top],[data-placement=bottom]) .oc-mail{width:32px;top:3px;right:-4px}.oc-creative:is([data-placement=top],[data-placement=bottom]) .oc-action{gap:7px;width:150px;padding-inline:10px;font-size:10px}.oc-creative:is([data-placement=top],[data-placement=bottom]) .oc-format{display:none}.oc-frame[data-placement=hero]{width:min(300px,100%);margin-inline:auto}.oc-frame[data-placement=sidebar]{width:min(300px,100%)}.oc-creative:is([data-placement=hero],[data-placement=sidebar]){--oc-open-angle:-142deg;grid-template:"copy"72px"art"minmax(0,1fr)"action"44px/minmax(0,1fr);gap:10px;padding:20px}.oc-creative[data-placement=hero]{aspect-ratio:1;height:auto}.oc-creative[data-placement=sidebar]{grid-template-rows:66px minmax(0,1fr) 44px;gap:9px;height:250px}.oc-creative:is([data-placement=hero],[data-placement=sidebar]) .oc-copy{height:72px}.oc-creative:is([data-placement=hero],[data-placement=sidebar]) .oc-eyebrow{letter-spacing:.03em;margin-bottom:6px;font-size:7px}.oc-creative[data-placement=hero] .oc-headline{font-size:26px}.oc-creative[data-placement=sidebar] .oc-headline{font-size:23px}.oc-creative[data-placement=sidebar] .oc-copy{height:66px}.oc-creative:is([data-placement=hero],[data-placement=sidebar]) .oc-art{justify-self:center;width:150px;height:100%;min-height:0}.oc-creative[data-placement=hero] .oc-book{width:80px;top:0;left:48px}.oc-creative[data-placement=sidebar] .oc-book{width:54px;top:1px;left:53px}.oc-creative[data-placement=hero] .oc-mail{width:42px;top:7px;right:0}.oc-creative[data-placement=sidebar] .oc-mail{width:32px;top:7px;right:16px}.oc-creative:is([data-placement=hero],[data-placement=sidebar]) .oc-paper-trail{bottom:2px;left:35px}.oc-creative:is([data-placement=hero],[data-placement=sidebar]) .oc-action{gap:10px;width:100%;padding-inline:13px;font-size:11px}.oc-creative:is([data-placement=hero],[data-placement=sidebar]) .oc-action svg{width:16px;height:16px}.oc-creative:is([data-placement=hero],[data-placement=sidebar]) .oc-format{display:none}.oc-creative:is([data-placement=hero],[data-placement=sidebar]) .oc-beam{left:40%;right:-55%}.oc-creative:is([data-placement=hero],[data-placement=sidebar]) .oc-ring{top:80px;right:-38px}@container outreach (width<=620px){.oc-creative:is([data-placement=top],[data-placement=bottom]){grid-template-columns:minmax(0,1fr) 100px;grid-template-areas:"copy action";gap:10px;padding:10px}.oc-creative:is([data-placement=top],[data-placement=bottom]) .oc-headline{font-size:clamp(14px,4.5cqw,20px)}.oc-creative:is([data-placement=top],[data-placement=bottom]) .oc-eyebrow{margin-bottom:4px;font-size:6px;line-height:1.25}.oc-creative:is([data-placement=top],[data-placement=bottom]) .oc-art{display:none}.oc-creative:is([data-placement=top],[data-placement=bottom]) .oc-action{gap:5px;width:100px;min-height:44px;padding-inline:7px;font-size:10px}.oc-creative:is([data-placement=top],[data-placement=bottom]) .oc-action-full{display:none}.oc-creative:is([data-placement=top],[data-placement=bottom]) .oc-action-short{display:inline}.oc-creative:is([data-placement=top],[data-placement=bottom]) .oc-action svg{width:12px;height:12px}}@container outreach (width<=290px){.oc-creative[data-placement=hero]{grid-template-rows:66px minmax(0,1fr) 44px;gap:8px;padding:16px}.oc-creative[data-placement=hero] .oc-copy{height:66px}.oc-creative[data-placement=hero] .oc-headline{font-size:24px}.oc-creative[data-placement=hero] .oc-book{width:76px;top:0}}.oc-creative[data-preview-scene] .oc-scene,.oc-creative[data-preview-scene] .oc-cta-scene{opacity:0;transform:none;animation:none!important}.oc-creative[data-preview-scene="0"] [data-message="0"],.oc-creative[data-preview-scene="1"] [data-message="1"],.oc-creative[data-preview-scene="2"] [data-message="2"],.oc-creative[data-preview-scene="3"] [data-message="3"]{opacity:1}.oc-creative[data-preview-scene] .oc-book-cover{transform:rotateY(var(--oc-open-angle));animation:none!important}.oc-creative[data-preview-scene] .oc-turn-page{transform:rotateY(-32deg)translateZ(.2px);animation:none!important}.oc-creative[data-motion=reduced] .oc-scene,.oc-creative[data-motion=reduced] .oc-cta-scene{opacity:0}.oc-creative[data-motion=reduced][data-static-scene="0"] [data-message="0"],.oc-creative[data-motion=reduced][data-static-scene="1"] [data-message="1"],.oc-creative[data-motion=reduced][data-static-scene="2"] [data-message="2"],.oc-creative[data-motion=reduced][data-static-scene="3"] [data-message="3"]{opacity:1}@media (prefers-reduced-motion:reduce){.oc-creative .oc-layer{animation:none!important}.oc-motion-toggle{display:none}}@media print{.oc-frame{display:none}}