.process-section{--process-progress:1;padding-block:94px 90px;position:relative}.process-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}.process-heading h2{font-size:clamp(38px,4.2vw,61px);line-height:1.06;letter-spacing:-.05em}.process-heading h2 span{color:#85857d}.process-tools{display:flex;align-items:center;gap:30px;padding-bottom:6px}.process-track{display:flex;align-items:center;gap:10px;color:#9c8277;font-size:11px;font-variant-numeric:tabular-nums}.process-track i{width:45px;height:1px;background:#ded4cd;position:relative;overflow:hidden}.process-track i:after{content:"";position:absolute;inset:0;background:#cf654b;transform:scaleX(var(--process-progress));transform-origin:left}.process-replay{display:none;align-items:center;gap:7px;border:0;background:none;color:#706c62;padding:8px 0;font-size:11px}.process-motion-ready .process-replay{display:inline-flex}.process-replay svg{width:16px;height:16px}.process-replay:hover{color:var(--primary)}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.process-card{--card-progress:1;min-width:0}.process-card h3{display:flex;gap:12px;align-items:baseline;font-size:clamp(18px,1.65vw,24px);letter-spacing:-.035em;line-height:1.2;margin-top:23px}.process-card h3>span{font-size:10px;font-weight:400;letter-spacing:0;color:#a48172;flex-shrink:0}.process-scene{height:330px;position:relative;overflow:hidden;border-radius:22px;isolation:isolate;background:#f6ded4;container-type:inline-size;box-shadow:inset 0 0 0 1px #e7c8bf4d}.process-scene:before{content:"";position:absolute;inset:-12%;background:url('/marketing/process-orbit.webp') center/cover;z-index:-2;transform:translateY(calc((1 - var(--card-progress))*18px)) scale(calc(1.05 - var(--card-progress)*.05));opacity:.85}.process-create:before{background-image:url('/marketing/process-coral.webp')}.process-publish:before{background-image:url('/marketing/process-signal.webp')}.process-glass{background:#fffaf6d9;border:1px solid #fffefc;box-shadow:0 20px 45px -25px #7137205e,inset 0 1px 0 #ffffff;backdrop-filter:blur(22px) saturate(1.2);border-radius:16px;color:#483d37}.process-ui-heading{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:550;letter-spacing:-.2px;margin-bottom:18px}.process-ui-heading>svg{width:17px;height:17px}.process-ui-heading>span:last-child{margin-left:auto;font-size:11px;font-weight:400;color:#a4877a}.process-idea-panel{position:absolute;top:47px;left:7%;right:7%;padding:19px 17px;transform:translateY(calc((1 - var(--card-progress))*17px)) rotate(calc((1 - var(--card-progress))*-3deg));transform-origin:bottom center}.process-idea{display:flex;gap:9px;align-items:center;min-height:47px;border-bottom:1px solid #d4bab433;font-size:10px;line-height:1.5;padding:10px 8px;position:relative}.process-idea:last-child{border-bottom:0}.process-idea strong{font-weight:450}.process-choice{flex:0 0 17px;width:17px;height:17px;border-radius:5px;border:1px solid #baa79c70;display:grid;place-items:center;color:transparent;font-size:10px}.process-selected{z-index:1;background:rgb(255 244 234 / var(--card-progress));border:1px solid rgb(222 121 87 / var(--card-progress));border-radius:9px;transform:translateX(calc(var(--card-progress)*7px)) scale(calc(1 + var(--card-progress)*.035));box-shadow:0 calc(var(--card-progress)*9px) 24px -12px #963d2840}.process-selected .process-choice{background:rgb(210 99 69 / var(--card-progress));border-color:rgb(210 99 69 / var(--card-progress));color:rgb(255 255 255 / var(--card-progress))}.process-idea-arrow{margin-left:auto;color:#c56c50;font-size:17px;opacity:var(--card-progress)}.process-source-chip{position:absolute;bottom:15px;right:7%;left:15%;padding:13px 15px;display:flex;justify-content:space-between;gap:9px;align-items:center;font-size:10px;transform:translateY(calc((1 - var(--card-progress))*24px));opacity:calc(.25 + var(--card-progress)*.75)}.process-source-chip>span{font-size:19px;color:#b8644d;line-height:.6}.process-orbit{position:absolute;width:275px;height:275px;border:1px solid #ffffff65;border-radius:50%;top:28px;left:calc(50% - 137px);transform:scale(calc(.65 + var(--card-progress)*.35));opacity:var(--card-progress)}
.process-editor{position:absolute;top:29px;left:10%;right:10%;border-radius:14px;overflow:hidden;transform:translateY(calc((1 - var(--card-progress))*27px)) rotate(calc((1 - var(--card-progress))*4deg))}.process-editor-bar{height:33px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e1d6cd80;padding:0 12px;font-size:9px;color:#8d7c70;background:#ffffff50}.process-editor-bar>span:last-child{margin-left:auto}.process-window-dots{display:flex;gap:3px}.process-window-dots i{width:4px;height:4px;background:#cbb7ae;border-radius:50%}.process-editor-content{padding:13px}.process-editor-identity{display:flex;align-items:center;gap:7px;font-size:9px;line-height:1.4}.process-editor-identity>span{display:grid;place-items:center;width:24px;height:24px;background:#234f40;border-radius:50%;color:white;font-size:11px;letter-spacing:-1px}.process-editor-identity small{display:block;font-size:6.5px;color:#8c7f77}.process-photo{position:relative;margin:11px 0 10px;border-radius:6px;overflow:hidden;height:112px;clip-path:inset(0 calc((1 - var(--card-progress))*100%) 0 0);transform:scale(calc(1.08 - var(--card-progress)*.08));transform-origin:left}.process-photo img{width:100%;height:100%;object-fit:cover}.process-photo-overlay{position:absolute;inset:auto 0 0;padding:24px 12px 11px;color:white;font-size:13px;font-weight:550;line-height:1.15;max-width:100%;background:linear-gradient(transparent,#20382da6)}.process-photo-overlay:empty{display:none}.process-editor-title{display:block;font-size:11px;line-height:1.3;font-weight:550;letter-spacing:-.25px}.process-writing{display:grid;gap:5px;margin-top:9px;clip-path:inset(0 calc((1 - var(--card-progress))*100%) 0 0)}.process-writing i{height:3px;background:#c9b8ac75;border-radius:4px}.process-writing i:nth-child(2){width:89%}.process-writing i:nth-child(3){width:64%}.process-edit-chip{position:absolute;bottom:20px;left:16%;right:5%;display:flex;align-items:center;gap:9px;padding:12px 13px;font-size:10px;transform:translateX(calc((1 - var(--card-progress))*35px));opacity:var(--card-progress)}.process-edit-chip svg{width:16px;height:16px;color:#b7684d}.process-mini-week{display:grid;grid-template-columns:repeat(3,1fr);font-size:8px;text-align:center;color:#8c7a6a;margin-bottom:13px}.process-plan-stack{display:grid;gap:11px;padding-bottom:20px}.process-plan-stack>div{position:relative;padding:11px 12px;background:#f5e6dc;border:1px solid #e8d7c3;border-radius:8px;transform:translateX(calc((1 - var(--card-progress))*-80px));opacity:calc(.15 + var(--card-progress)*.85);font-size:11px;line-height:1.6}.process-plan-stack>div:nth-child(2){background:#e8e1f4;transform:translateX(calc((1 - var(--card-progress))*100px));margin-left:15px}.process-plan-stack>div:nth-child(3){background:#e3ede8;transform:translateX(calc((1 - var(--card-progress))*-130px));margin-right:12px}.process-plan-stack strong{display:block;font-weight:500}.process-plan-stack span{font-size:8px;color:#928271}
.process-calendar{position:absolute;top:38px;left:9%;right:9%;padding:18px 15px 12px;transform:rotate(calc(-3deg + var(--card-progress)*3deg))}.process-calendar .process-ui-heading{margin-bottom:15px}.process-calendar-days,.process-calendar-grid{display:grid;grid-template-columns:repeat(5,1fr);font-size:8px;color:#9f8b80}.process-calendar-days{padding-bottom:9px;text-align:center}.process-calendar-grid>span{height:49px;padding:7px;border-top:1px solid #d8c7b850;border-left:1px solid #d8c7b850}.process-calendar-grid>span:nth-child(5n+1){border-left:0}.process-scheduled-post{position:absolute;left:25%;top:111px;width:66%;background:#e7ded5;border:1px solid #d3baa9;border-radius:9px;box-shadow:0 7px 18px #744d3420;padding:13px;transform:translate(calc((1 - var(--card-progress))*-48px),calc((1 - var(--card-progress))*-38px)) rotate(calc((1 - var(--card-progress))*-9deg));opacity:calc(.1 + var(--card-progress)*.9);line-height:1.5}.process-scheduled-post strong{display:block;font-size:11px;font-weight:550}.process-scheduled-post small{display:block;font-size:8px;color:#806e62}.process-scheduled-post>span{display:block;font-size:8px;color:#52795b;margin-top:5px}.process-channels{display:flex;gap:8px;position:absolute;bottom:20px;left:9%}.process-channels>span{background:#fffdf7f2;border:1px solid white;box-shadow:0 4px 16px #744a4a12;border-radius:11px;width:34px;height:34px;padding:8px;color:#4d655e;transform:translateY(calc((1 - var(--card-progress))*25px));opacity:var(--card-progress)}.process-channels>span:nth-child(2){transform:translateY(calc((1 - var(--card-progress))*40px))}.process-channels>span:nth-child(3){transform:translateY(calc((1 - var(--card-progress))*55px))}.process-channels svg{width:100%;height:100%;display:block}.process-success{position:absolute;right:4%;bottom:65px;padding:11px 13px;display:flex;align-items:center;gap:8px;font-size:10px;transform:translateY(calc((1 - var(--card-progress))*25px)) scale(calc(.9 + var(--card-progress)*.1));opacity:clamp(0,calc(var(--card-progress)*2 - 1),1);border-radius:10px}.process-success-check{display:grid;place-items:center;width:19px;height:19px;background:#e5eee5;color:#4e785a;border-radius:50%}.process-success-check svg{width:14px;height:14px}.process-success-check path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--card-progress))}.process-destination{position:absolute;left:10%;right:10%;top:28px;padding:15px;transform:translateY(calc((1 - var(--card-progress))*35px));opacity:calc(.4 + var(--card-progress)*.6)}.process-destination .process-ui-heading{margin-bottom:12px}.process-destination>img{width:100%;height:106px;object-fit:cover;border-radius:6px;margin-bottom:12px;clip-path:inset(0 0 calc((1 - var(--card-progress))*100%) 0)}.process-destination>strong{font-size:12px;line-height:1.3;display:block;font-weight:550}.process-destination+.process-channels{bottom:16px}.process-destination~.process-success{bottom:50px}.process-send-panel{position:absolute;top:33px;left:10%;right:10%;padding:18px;transform:translateY(calc((1 - var(--card-progress))*25px))}.process-mail{width:54px;margin:16px auto;color:#b76a51;transform:translateY(calc((1 - var(--card-progress))*-10px)) rotate(calc((1 - var(--card-progress))*-10deg))}.process-send-panel>strong{font-size:13px;font-weight:550;display:block;max-width:180px;margin:0 auto 9px;text-align:center;line-height:1.35}.process-recipient{display:block;text-align:center;font-size:9px;color:#9b8275}.process-delivery-date{display:flex;justify-content:space-between;margin-top:18px;font-size:10px;border-top:1px solid #dac0b54d;padding-top:12px}.process-delivery-date b{font-weight:500}.process-send-panel~.process-success{bottom:27px;right:8%}
@media(min-width:900px) and (min-height:640px){.process-desktop{min-height:calc(100svh + 460px);padding-block:80px 90px}.process-desktop .process-pin{position:sticky;top:115px}.process-desktop .process-heading{margin-bottom:30px}.process-desktop .process-scene{height:clamp(330px,45svh,370px)}}
@media(min-width:900px) and (max-height:639px){.process-desktop{padding-block:65px;min-height:0}.process-heading h2{font-size:39px}.process-scene{height:300px}}
@media(max-width:1100px){.process-grid{gap:18px}.process-tools{gap:17px}.process-track i{width:25px}.process-heading h2{font-size:44px}.process-idea-panel{padding:16px 11px;left:5%;right:5%}.process-idea{font-size:9px;padding-inline:5px;gap:6px}.process-editor{left:6%;right:6%}.process-edit-chip{left:8%;font-size:9px}.process-calendar{left:5%;right:5%;padding-inline:11px}.process-source-chip{font-size:9px;left:9%;right:6%}.process-success{font-size:9px;padding:10px}.process-card h3{font-size:19px;gap:8px}}
@media(max-width:899px){.process-section{padding-block:70px}.process-heading{gap:25px;margin-bottom:33px;align-items:start}.process-heading h2{font-size:46px}.process-tools{flex-direction:column;align-items:flex-end;gap:14px;padding-top:8px}.process-track i{width:23px}.process-grid{grid-template-columns:1fr;gap:37px;max-width:620px;margin-inline:auto}.process-scene{height:350px}.process-card h3{font-size:25px;margin-top:20px;gap:14px}.process-card h3>span{font-size:11px}.process-idea-panel{max-width:350px;left:calc(50% - 175px);right:auto;width:350px;top:55px;padding:22px}.process-idea{font-size:12px;min-height:49px}.process-source-chip{left:auto;right:13%;bottom:29px;width:260px;padding:15px;font-size:11px}.process-editor{width:300px;left:calc(50% - 150px);right:auto}.process-photo{height:120px}.process-edit-chip{left:auto;right:12%;bottom:19px;font-size:11px}.process-calendar{width:320px;left:calc(50% - 160px);right:auto;padding:22px;top:38px}.process-calendar-grid>span{height:53px}.process-scheduled-post{top:117px;padding:15px}.process-scheduled-post strong{font-size:13px}.process-scheduled-post small,.process-scheduled-post>span{font-size:9px}.process-success{right:12%;bottom:66px;font-size:11px;padding:13px}.process-channels{left:20%;bottom:17px}.process-destination,.process-send-panel{width:300px;left:calc(50% - 150px);right:auto}.process-destination{padding:19px}.process-destination>img{height:120px}.process-destination~.process-success{bottom:47px}.process-send-panel{padding:25px}.process-send-panel~.process-success{right:12%;bottom:26px}}
@media(max-width:600px){.process-section{padding-block:60px}.process-heading{display:block;margin-bottom:28px}.process-heading h2{font-size:38px}.process-tools{flex-direction:row;align-items:center;justify-content:space-between;padding:0;margin-top:23px}.process-track{gap:9px}.process-track i{width:45px}.process-grid{gap:32px}.process-scene{height:330px;border-radius:18px}.process-card h3{font-size:23px}.process-idea-panel{width:86%;left:7%;top:40px;padding:20px 14px}.process-idea{font-size:10px;min-height:48px}.process-source-chip{right:7%;bottom:32px;width:75%;font-size:10px}.process-editor{width:80%;left:10%;top:23px}.process-photo{height:112px}.process-edit-chip{right:5%;font-size:10px}.process-calendar{width:84%;left:8%;top:33px;padding:19px 13px}.process-calendar-grid>span{height:50px}.process-scheduled-post{top:111px;padding:12px}.process-scheduled-post strong{font-size:11px}.process-success{right:4%;font-size:10px;bottom:59px;padding:11px}.process-channels{left:12%;bottom:17px}.process-destination,.process-send-panel{width:80%;left:10%}.process-destination>img{height:110px}.process-send-panel{padding:20px}.process-send-panel~.process-success{right:6%;bottom:28px}.process-destination~.process-success{bottom:45px}}
@media(prefers-reduced-motion:reduce){.process-section{min-height:0}.process-pin{position:static!important}.process-replay{display:none!important}.process-card{--card-progress:1!important}.process-scene *,.process-scene:before{transition:none!important;animation:none!important}}