/* Podcaster Studio / Cinematic Editorial Premium v3
 * Brand-level landing experience, independent from working 5-stage studio.
 * Every link leads to a real route/section; all art is CSS or inline SVG.
 */
:root{
 --ep-ink:#191627;--ep-muted:#6c6470;--ep-cream:#f4f0ea;
 --ep-copper:#db9c74;--ep-warm:#f5c9ad;--ep-lilac:#c9abd6;--ep-night:#171121;
}
.ep-container{width:min(100% - 8%,1472px);margin-inline:auto}
.ep-process,.ep-audience,.ep-finale{position:relative;isolation:isolate}
.ep-kicker{display:inline-flex;align-items:center;gap:12px;direction:ltr;text-transform:uppercase;
 color:#f1c7a5;font-size:11px;letter-spacing:.17em;font-weight:750;line-height:1.3}
.ep-kicker span:last-child{direction:rtl;letter-spacing:0;color:#ddcbdc;font-size:12px}
.ep-kicker-line{width:41px;height:1px;background:linear-gradient(90deg,#f9bf96,#c5a6e7);flex-shrink:0}
.ep-process{overflow:hidden;padding:135px 0 94px;color:#f8f2f6;
 background:
 radial-gradient(ellipse at 12% 9%,#6d3b4a42,transparent 36%),
 radial-gradient(ellipse at 88% 43%,#56477652,transparent 51%),
 linear-gradient(135deg,#1b1425 0%,#191421 51%,#100f20 100%)}
.ep-process::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
 background:repeating-linear-gradient(90deg,transparent,transparent 119px,#ffffff07 120px,#ffffff07 121px);
 -webkit-mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 80%,transparent);
 mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 80%,transparent)}
.ep-process::after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;
 background:linear-gradient(90deg,transparent,#d5afd199,transparent)}
.ep-orbit{position:absolute;z-index:-1;top:-390px;left:-210px;width:720px;height:720px;
 border:1px solid #b8789d25;border-radius:50%;pointer-events:none;box-shadow:0 0 0 110px #eeb6b606,0 0 0 250px #a775d206}
.ep-process-intro{text-align:center;max-width:720px;margin:0 auto 80px}
.ep-process-intro h2{font-size:clamp(41px,5vw,76px);font-weight:900;letter-spacing:-2.5px;line-height:1.45;
 margin:26px 0 17px;color:#fbf6fa;text-shadow:0 3px 35px #21102b}
.ep-process-intro h2 em{color:#f3c8a6;font-style:normal;
 background:linear-gradient(110deg,#fde5c6,#e4a8a9 70%,#c1a4d6);
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ep-process-intro p{color:#ccbeca;font-size:14px;margin:0}
.ep-flow{direction:rtl;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;
 position:relative;padding:0 0 14px;border-top:1px solid #d3b0d32d;border-bottom:1px solid #e5b3bd24}
.ep-flow-item{padding:25px clamp(18px,3.2vw,60px) 38px;min-width:0;position:relative}
.ep-flow-item:not(:last-child){border-left:1px solid #d6b3d02e}
.ep-flow-no{display:flex;align-items:center;justify-content:space-between;direction:ltr;color:#eed2c8;
 font-size:clamp(18px,2vw,27px);letter-spacing:.08em;font-weight:400;font-variant-numeric:tabular-nums}
.ep-flow-no span{color:#978eaa;font-size:10px;letter-spacing:.24em;font-weight:750}
.ep-flow-art{height:250px;display:grid;place-items:center;position:relative;margin:10px auto 18px;
 transform:translateZ(0)}
.ep-flow-art::after{content:"";position:absolute;inset:30% 8% 0;background:radial-gradient(ellipse,#ba779243,transparent 65%);
 filter:blur(23px);pointer-events:none}
.ep-flow-paper{width:130px;height:168px;background:linear-gradient(135deg,#fff9ed,#e9cadc 80%,#baa2d6);
 border:1px solid #fff4e7;box-shadow:19px 18px 0 -4px #c49eb960,0 21px 50px #0008;
 border-radius:11px;transform:rotate(-13deg);position:relative;z-index:1;padding:36px 22px;display:flex;flex-direction:column;gap:16px}
.ep-flow-paper i{height:6px;border-radius:30px;background:#d7b0b8;display:block}
.ep-flow-paper i:nth-child(2){width:75%}.ep-flow-paper i:nth-child(3){width:91%}
.ep-flow-star{position:absolute;color:#ffd7ab;font-size:78px;font-weight:200;right:17%;top:4%;text-shadow:0 0 22px #efa978;z-index:2}
.ep-flow-ring{position:absolute;width:230px;height:72px;border:2px solid #eab6a08c;border-radius:50%;transform:rotate(-17deg);bottom:33px;
 box-shadow:0 0 21px #efb89e3b}
.ep-flow-mic{width:87px;height:155px;border-radius:52px;background:linear-gradient(100deg,#b7a3c4,#222031 21%,#47435d 62%,#e0b8a8 95%);
 border:4px solid #ceb2bb;box-shadow:0 18px 50px #000a,0 0 25px #b47a9f4f;position:relative;z-index:2;transform:translateY(-20px) rotate(8deg)}
.ep-flow-mic::before{content:"";position:absolute;top:28px;left:13px;right:13px;height:70px;
 background:repeating-linear-gradient(to bottom,#160f2099 0 4px,#c2aab264 5px 7px,transparent 8px 13px);border-radius:27px}
.ep-flow-mic::after{content:"";position:absolute;width:9px;height:34px;background:linear-gradient(#d6baca,#8c789f);left:calc(50% - 4.5px);bottom:-34px;border-radius:0 0 4px 4px}
.ep-flow-mic>i{position:absolute;bottom:-41px;left:50%;width:61px;height:10px;border-radius:50%;background:linear-gradient(110deg,#746580,#373043);box-shadow:0 5px 12px #0007;transform:translateX(-50%);display:block}
.ep-flow-item h3,.ep-flow-item p{position:relative;z-index:3}
.ep-voice-waves{position:absolute;z-index:1;inset:20px 0 20px;display:flex;direction:ltr;justify-content:space-between;align-items:center;gap:7px}
.ep-voice-waves i{flex:1;max-width:7px;height:15px;background:#eaa8d0;border-radius:99px;box-shadow:0 0 15px #d983db}
.ep-voice-waves i:nth-child(2),.ep-voice-waves i:nth-child(8){height:44px}
.ep-voice-waves i:nth-child(3),.ep-voice-waves i:nth-child(7){height:83px}
.ep-voice-waves i:nth-child(4),.ep-voice-waves i:nth-child(6){height:115px}
.ep-voice-waves i:nth-child(5){height:164px}
.ep-cover{position:relative;z-index:2;width:186px;height:200px;border-radius:24px;border:1px solid #f2cbdfb2;
 background:linear-gradient(144deg,#3b335c,#806397 51%,#c78d9f);
 transform:rotate(-10deg);display:flex;align-items:center;justify-content:center;
 box-shadow:0 20px 0 -13px #d4b9d044,0 35px 55px #0009,inset 0 1px #ffffff83}
.ep-cover-disc{position:absolute;width:123px;height:123px;background:repeating-radial-gradient(circle,#201729 0 3px,#41324f 4px 6px);
 border-radius:50%;box-shadow:0 5px 25px #25172e8a;display:grid;place-items:center}
.ep-cover-disc::after{content:"";width:34px;height:34px;background:#efc2b8;border:8px solid #b88fac;border-radius:50%;box-shadow:0 0 12px #e9bd9a}
.ep-cover-bars{color:#fff0df;font-size:23px;position:absolute;z-index:3;bottom:14px;font-family:monospace;letter-spacing:3px}
.ep-flow-aura{position:absolute;width:235px;height:130px;background:#c682b83b;filter:blur(50px);z-index:0}
.ep-flow-item h3{font-size:clamp(19px,2vw,25px);margin:0 0 8px;font-weight:850}
.ep-flow-item p{font-size:13px;color:#c4b8c9;line-height:2;margin:0;max-width:310px}
.ep-flow-trail{height:65px;max-width:940px;margin:-38px auto 0;position:relative;z-index:4;opacity:.75;pointer-events:none}
.ep-flow-trail svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 10px #d593b78a)}
.ep-process-end{display:flex;justify-content:space-between;align-items:center;padding-top:47px;color:#a99caf;font-size:13px;
 border-top:1px solid #e1b9d12c;margin-top:27px}
.ep-process-end a{color:#ffdec3;font-size:13px;font-weight:750;display:inline-flex;gap:15px;align-items:center}
.ep-process-end a span,.ep-audience-link span,.ep-finale-cta span{display:inline-block;transition:transform .2s}
.ep-process-end a:hover span,.ep-audience-link:hover span,.ep-finale-cta:hover span{transform:translate(-3px,-3px)}
.ep-audience{padding:134px 0 140px;background:
 radial-gradient(ellipse at 15% 17%,#f7ddcf6e,transparent 45%),
 radial-gradient(ellipse at 85% 88%,#ded7e05a,transparent 38%),
 #f5f0eb;color:#261e2d;overflow:hidden}
.ep-audience-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
 gap:clamp(70px,10vw,185px);align-items:center}
.ep-kicker-dark{color:#a36b77}
.ep-kicker-dark span:last-child{color:#7e667c}
.ep-audience-aside h2{font-size:clamp(34px,4.3vw,65px);font-weight:900;line-height:1.55;letter-spacing:-1.9px;margin:26px 0 20px}
.ep-audience-aside h2 em{font-style:normal;color:#a86a88;position:relative;white-space:nowrap}
.ep-audience-aside h2 em::after{content:"";position:absolute;bottom:1px;right:0;width:100%;height:8px;
 background:#eab49c6b;z-index:-1;transform:rotate(-1deg)}
.ep-audience-aside>p{font-size:14px;color:#746674;line-height:2.3;max-width:430px}
.ep-audience-illustration{height:330px;position:relative;display:flex;justify-content:center;align-items:center;margin:8px 0 0}
.ep-record-orbit{position:absolute;border:1px solid #c9a7b6;border-radius:50%;width:320px;height:98px;top:51%;transform:rotate(-18deg);
 box-shadow:0 0 0 20px #e8c4c41c,0 0 50px #d0aab266}
.ep-record-disc{width:235px;height:235px;border-radius:50%;background:
 repeating-radial-gradient(circle at center,#33283c 0 5px,#201a29 5px 8px,#43314a 9px 10px,#211d2a 11px 14px);
 box-shadow:22px 25px 42px #4b32403b,0 1px 0 7px #68435638;border:8px solid #282033;
 display:grid;place-items:center;transform:rotate(-17deg)}
.ep-record-disc span{width:90px;height:90px;border:14px solid #f9dfc7;border-radius:50%;background:#a9889c;
 box-shadow:0 0 0 12px #cea8a1aa}
.ep-speech{position:absolute;border-radius:13px;background:#fff8f3;border:1px solid #dbc3cb;color:#936478;
 box-shadow:0 13px 30px #8e657e25;transform:rotate(5deg);padding:10px 18px;font-size:12px}
.ep-speech-one{top:8%;right:7%;transform:rotate(9deg)}
.ep-speech-two{bottom:6%;left:13%;font-size:29px;line-height:1;transform:rotate(-13deg);color:#a178ae}
.ep-audience-list{border-top:1px solid #cbb8c1;padding-top:6px}
.ep-usecase{min-height:140px;display:grid;grid-template-columns:60px 1fr 68px;align-items:center;gap:24px;
 border-bottom:1px solid #cbb8c1;transition:padding .3s,background .3s}
.ep-usecase:hover{padding-right:12px;background:#ffffff44}
.ep-usecase-n{font-size:13px;direction:ltr;font-weight:650;color:#b3929c;letter-spacing:1px}
.ep-usecase-content h3{font-size:21px;font-weight:850;margin:0 0 5px;line-height:1.5;letter-spacing:-.3px}
.ep-usecase-content p{font-size:12px;color:#817381;margin:0;line-height:2}
.ep-usecase-symbol{width:60px;height:60px;display:grid;place-items:center;color:#936c8f;border:1px solid #d5c1c9;
 background:#fff8f477;border-radius:19px;transition:background .3s,transform .3s}
.ep-usecase:hover .ep-usecase-symbol{background:#efdfe8;transform:rotate(-4deg)}
.ep-usecase-symbol svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ep-audience-link{color:#5e405c;margin-top:25px;display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:13px;
 border-bottom:1px solid #a17d9d;padding-bottom:8px}
.ep-finale{background:#f5f0eb;padding:0 0 135px;overflow:hidden}
.ep-finale-panel{overflow:hidden;position:relative;min-height:485px;border-radius:33px;background:
 radial-gradient(ellipse at 80% 18%,#875e80b0,transparent 48%),
 radial-gradient(ellipse at 5% 100%,#403358,transparent 60%),
 linear-gradient(115deg,#1c1529,#271c37 58%,#211a31);
 box-shadow:0 24px 70px #3923373c,inset 0 1px #f5d4e266;color:#fcf5fa;display:flex;align-items:center}
.ep-finale-panel::before{content:"";position:absolute;inset:1px;border-radius:inherit;
 border:1px solid #e7c2dd66;pointer-events:none}
.ep-finale-lines{position:absolute;left:-2%;top:0;bottom:0;width:57%;display:flex;align-items:center;
 justify-content:center;opacity:.82;pointer-events:none}
.ep-finale-lines svg{width:100%;height:100%;filter:drop-shadow(0 0 20px #c08cab)}
.ep-finale-content{position:relative;z-index:1;margin-right:clamp(32px,7vw,115px);max-width:640px;
 padding:68px 0 58px}
.ep-finale-content h2{font-size:clamp(30px,4.1vw,58px);line-height:1.5;font-weight:900;letter-spacing:-1.7px;
 margin:26px 0 12px}
.ep-finale-content h2 em{font-style:normal;color:#f4c5b2}
.ep-finale-content p{color:#d9c5dc;margin:0 0 29px;font-size:14px}
.ep-finale-cta{padding:14px 26px;border:1px solid #ffeddb;background:linear-gradient(125deg,#ffe5c1,#edae84);
 color:#352136;font-weight:900;font-size:13px;border-radius:13px;
 box-shadow:0 11px 27px #eea57e5e;display:inline-flex;align-items:center;gap:28px;transition:transform .25s,box-shadow .25s}
.ep-finale-cta:hover{transform:translateY(-2px);box-shadow:0 15px 31px #ec9f7e80}
.ep-finale-note{color:#ad9aaf;font-size:10px;margin-top:27px}
.ep-footer{display:flex;align-items:center;justify-content:space-between;padding:40px 0 55px;gap:25px;
 border-top:1px solid #e6d8df;color:#4f4253}
.ep-footer-brand{display:flex;align-items:center;gap:12px}
.ep-footer-mark{font-size:27px;color:#9a6e9a}
.ep-footer-brand strong{font-size:14px;font-weight:900}
.ep-footer-brand small{font-size:11px;color:#958594;border-right:1px solid #d5c4cf;padding-right:12px}
.ep-footer-links{display:flex;align-items:center;gap:23px;font-size:12px;color:#6a5c6e}
.ep-footer-links a:hover{color:#9d6899}
body:has(.ep-audience){background:#f5f0eb}
.ep-process a:focus-visible,.ep-audience a:focus-visible,.ep-finale a:focus-visible,.ep-footer a:focus-visible{
 outline:3px solid #d89b77;outline-offset:4px}
@media(max-width:1100px){
 .ep-container{width:min(100% - 7%,1280px)}
 .ep-process{padding:95px 0 75px}
 .ep-audience{padding:100px 0}
 .ep-audience-grid{gap:45px}
 .ep-usecase{grid-template-columns:42px 1fr 55px;gap:14px}
 .ep-usecase-symbol{width:54px;height:54px}
 .ep-usecase-content h3{font-size:18px}
 .ep-finale-panel{min-height:430px}
}
@media(max-width:780px){
 .ep-process{padding:82px 0 66px}
 .ep-process-intro{margin-bottom:40px}
 .ep-process-intro h2{font-size:clamp(36px,6vw,53px);letter-spacing:-1px}
 .ep-flow-item{padding:16px 15px 25px}
 .ep-flow-art{height:190px;transform:scale(.8);margin:-5px auto 0}
 .ep-flow-no{font-size:17px}
 .ep-flow-item h3{font-size:17px}
 .ep-flow-item p{font-size:11px}
 .ep-flow-trail{margin:-30px auto 0}
 .ep-audience-grid{grid-template-columns:1fr;gap:35px}
 .ep-audience-aside{display:grid;grid-template-columns:1fr .62fr;align-items:center;gap:0 28px}
 .ep-audience-aside>.ep-kicker,.ep-audience-aside h2,.ep-audience-aside>p{grid-column:1}
 .ep-audience-illustration{grid-column:2;grid-row:1/4;height:245px}
 .ep-record-disc{transform:scale(.78) rotate(-17deg)}
 .ep-record-orbit{transform:scale(.67) rotate(-18deg)}
 .ep-speech{font-size:10px}
 .ep-usecase{min-height:108px;grid-template-columns:40px 1fr 60px}
 .ep-finale-panel{min-height:360px}
 .ep-finale-content{margin-right:36px;padding:40px 0}
 .ep-finale-lines{width:50%;opacity:.47}
 .ep-finale-content h2{font-size:34px}
}
@media(max-width:550px){
 .ep-container{width:calc(100% - 36px)}
 .ep-process{padding:70px 0 54px}
 .ep-process-intro{margin-bottom:27px}
 .ep-kicker{font-size:9px;gap:8px}
 .ep-kicker span:last-child{font-size:10px}
 .ep-kicker-line{width:23px}
 .ep-process-intro h2{font-size:34px;letter-spacing:-.7px;line-height:1.56;margin:20px 0 10px}
 .ep-process-intro p{font-size:11px;max-width:300px;margin:auto}
 .ep-flow{grid-template-columns:1fr;border-top:0}
 .ep-flow-item{display:grid;grid-template-columns:100px 1fr;grid-template-rows:30px auto auto;gap:2px 15px;align-items:center;
  min-height:147px;padding:13px 0;border-bottom:1px solid #e8bbd330}
 .ep-flow-item:not(:last-child){border-left:0}
 .ep-flow-no{grid-column:2;grid-row:1;font-size:13px;justify-content:space-between}
 .ep-flow-no span{font-size:8px}
 .ep-flow-art{grid-column:1;grid-row:1/4;width:98px;height:112px;transform:scale(.46);transform-origin:center center;
  margin:-23px 0;justify-self:center}
 .ep-flow-item h3{grid-column:2;grid-row:2;font-size:17px;margin:0}
 .ep-flow-item p{grid-column:2;grid-row:3;font-size:11px;line-height:1.8}
 .ep-flow-trail{display:none}
 .ep-process-end{padding-top:23px;margin-top:0;font-size:11px}
 .ep-process-end a{font-size:11px}
 .ep-audience{padding:70px 0 60px}
 .ep-audience-aside{display:block;text-align:right}
 .ep-audience-aside h2{font-size:35px;line-height:1.62;margin:20px 0 12px;letter-spacing:-.8px}
 .ep-audience-aside>p{font-size:12px}
 .ep-audience-illustration{height:180px;margin:-2px 0 12px}
 .ep-record-disc{transform:scale(.58) rotate(-17deg)}
 .ep-record-orbit{transform:scale(.56) rotate(-18deg)}
 .ep-speech-one{right:8%;top:1%}.ep-speech-two{bottom:0;left:13%}
 .ep-usecase{min-height:99px;grid-template-columns:26px 1fr 45px;gap:11px}
 .ep-usecase-n{font-size:11px}
 .ep-usecase-content h3{font-size:15px}
 .ep-usecase-content p{font-size:10.5px;line-height:1.8}
 .ep-usecase-symbol{width:43px;height:43px;border-radius:13px}
 .ep-usecase-symbol svg{width:24px;height:24px}
 .ep-audience-link{font-size:11px}
 .ep-finale{padding-bottom:55px}
 .ep-finale-panel{min-height:410px;border-radius:22px}
 .ep-finale-lines{width:100%;left:-17%;opacity:.35;top:23%}
 .ep-finale-content{margin:0;padding:38px 26px;width:100%;max-width:none}
 .ep-finale-content h2{font-size:31px;line-height:1.6;letter-spacing:-.5px}
 .ep-finale-content p{font-size:12px}
 .ep-finale-cta{font-size:12px;width:100%;justify-content:space-between}
 .ep-finale-note{font-size:9px;line-height:1.9}
 .ep-footer{padding:30px 0 45px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
 .ep-footer-brand{flex-wrap:wrap}
 .ep-footer-links{gap:16px;flex-wrap:wrap;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .ep-voice-waves i,.ep-usecase,.ep-usecase-symbol,.ep-finale-cta{transition:none}
}